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

/*헤더*/
header {position:relative; background:#fff; transition: 1s; border-bottom:1px solid #e9e9e9; }
header.nav-down {position:sticky; top:0; z-index:999; width:100%; box-shadow:0 5px 10px rgba(0,0,0,0.1); transition: 1s;}
.nav-up {top: -100px;}
header .w1640 {position:relative; width:1640px; display:flex; justify-content:space-between; gap:0 20px; align-items:center; z-index:105; margin:0 auto; transition:line-height 0.5s;}
header .w1640.height .depth1>li>a {line-height:80px; }
header .w1640.height .depth1>li.on span {line-height:80px; }
header .header_wrap {position:relative; }
header .logo {width:20%; min-width:20%; padding:5px 0 5px 0;}
header .logo img {max-width:100%;}
header .logo a {display:inline-flex; align-items:center; vertical-align:middle;}
header .depth1 {display:flex; justify-content:center; width:60%;}
header .depth1>li {position:relative; text-align:center; padding:0 3%;} 
header .depth1>li:hover span {color:var(--txt-color);}
header .depth1>li>a {display:block; font-size:22px; color:#333333; font-weight:bold; line-height:100px; }
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:100px; white-space:nowrap; transition:line-height 0.5s;}
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 {display:flex; gap:5px; flex-wrap:wrap; justify-content:end; width:20%;}
header .util > ul {display:flex; align-items:center; border:2px solid var(--bg-color); border-radius:100px; padding:0 5px;}
header .util > ul > li {display:flex; align-items:center; position:relative;}
header .util > ul > li > a {display:flex; align-items:center; color:var(--txt-color); font-size:14px; padding:0 10px; line-height:36px;}
header .util > ul > li::before {content:""; display:inline-block; width:1px; height:6px; background-color:var(--bg-color);}
header .util .search {display:flex; align-items:center; justify-content:center; width:40px; line-height:40px; border-radius:100px; font-size:15px; vertical-align:middle; background-color:var(--bg-color); color:var(--y-bg-color);}
header .util > ul > li:first-child::before {display:none;}
header .util .quick_my {position:absolute; left:40%; top:40px; transform:translate(-40%, 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:100px; 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;  transition: 1s;}
header .menu_bg.top {top:80px;}
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:#212121;}
footer .b_top {display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:20px; padding:35px 0; border-bottom:1px solid rgba(255,255,255,0.2);}
footer .b_top .sns {display:flex; align-items:center; gap:3px; flex-wrap:wrap;}
footer .b_top .sns img {width:25px;}
footer .b_link {display:flex; flex-wrap:wrap; gap:5px 20px;}
footer .b_link li:first-child a {color:#fff;}
footer .b_link a {display:inline-block; color:rgba(255,255,255,0.8); font-size:15px;}
footer .b_bottom {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:30px; padding:30px 0;}
footer .company_info {color:#9d9d9d; font-size:15px; line-height:1.6; font-weight:400;}
footer .b_logo img {max-width:250px;}


/*슬라이드 배너*/
.small_banner_slide {width:100%; border-top:1px solid #dddddd; padding:30px 0; margin-top:80px;}
.small_banner_slide .title {font-size:20px; font-weight:900; color:#111111;}
.small_banner_slide .w1400 {display:flex; gap:0 20px;}
.small_banner_slide .top {display:flex; align-items:center; justify-content:space-between; width:200px; min-width:200px;}
.small_banner_slide .top ul {display:flex; align-items:center; gap:0 3px;}
.small_banner_slide .top ul li {display:flex; align-items:center; justify-content:center; width:32px; height:32px; cursor:pointer; border:1px solid #bdbdbd; border-radius:3px; font-size:16px;}
.small_banner_slide .top ul li .axi-keyboard-arrow-left,
.small_banner_slide .top ul li .axi-keyboard-arrow-right {font-size:20px; font-weight:bold;}
.small_banner_slide .top ul li img {display:block;}
.small_banner_slide .swiper-container {width:calc(100% - 20px - 200px); overflow:hidden; }
.small_banner_slide .swiper-wrapper {display:flex; align-items:center;}
.small_banner_slide .swiper-wrapper li {overflow:hidden; text-align:center;}
.small_banner_slide .swiper-slide img {width:auto; max-width:100%; max-height:60px;}

/*메인비주얼*/
.main_visual_wrap {grid-column:1 / 2; grid-row:1 / span 2;}
.main_visual {position:relative; height:100%; border-radius:20px; overflow:hidden;}
.main_visual .swiper-slide {position:relative; }
.main_visual .swiper-slide img { width:100%; max-width:100%; object-fit:cover; height:100%;}
.main_visual .swiper-horizontal>.swiper-pagination-bullets, 
.main_visual .swiper-pagination-bullets.swiper-pagination-horizontal, 
.main_visual .swiper-pagination-custom, 
.main_visual .swiper-pagination-fraction {left:initial !important; right:20px !important; bottom:initial !important; top:20px !important; width:auto  !important; }
.main_visual .swiper-pagination-bullet {width:15px; height:15px; opacity:1; border:2px solid var(--bg-color); background-color:#fff;}
.main_visual .swiper-pagination-bullet-active {background-color:var(--bg-color); }
.main_visual .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.main_visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px !important;}


/*메인탑영역*/
.main_top_wrap {position:relative; padding:30px 0 40px 0;}
.main_top {display:grid; gap:60px 60px; align-items:center; grid-template-columns: repeat(auto-fill, minmax(40%, 850px)); margin:0 auto; width:1640px;}
.main_top .txt_wrap {grid-column:2 / 3; grid-row:1 / 2; margin-top:65px;}
.main_top .p_t1 {position:relative; font-size:36px; font-family:'GM'; font-weight:500; margin-bottom:15px; line-height:1.4;  word-break:keep-all;}
.main_top .p_t1 b {font-weight:900;}
.main_top .p_t1 em {position:absolute; left:0; top:-50px;}
.main_top .p_t1 em img {display:block; width:26px;}
.main_top .p_t1 .col1 {color:#008ee0;}
.main_top .p_t1 .col2 {color:#4bb7d2;}
.main_top .p_t1 .col3 {color:#f99d52;}
.main_top .p_t2 {font-size:16px; color:#444444; line-height:1.6; word-break:keep-all;}


/*메인 공지사항*/
.main_board {grid-column: 2 / 3; grid-row: 2 / 2;}
.main_notice .tab {display:flex; align-items:center; justify-content:space-between; width:calc(100% - 40px);}
.main_notice .tab ul {display:flex; align-items:center; gap:10px;}
.main_notice .tab button {display:flex; align-items:center; justify-content:center; width:35px; height:35px; background-color:rgba(0,0,0,0.5); border-radius:100px; color:#fff; font-weight:bold;}
.main_notice .tab button:hover {background-color:rgba(0,0,0,0.7); }
.main_notice .tab ul li span {display:block; background:#fff; border-radius:5px; color:#999; font-weight:700; font-size:18px; padding:15px 15px; cursor:pointer;}
.main_notice .tab ul li:hover span {color:#888;}
.main_notice .tab ul li.on:hover span {color:#fff;}
.main_notice .tab ul li.on {position:relative;}
.main_notice .tab ul li.on::before {position:absolute; left:50%; bottom:-7px; transform:translate(-50%, -0%); content:""; display:block; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid var(--bg-color); z-index:1;}
.main_notice .tab ul li.on::after {position:absolute; left:50%; bottom:-7px; transform:translate(-50%, -0%); content:""; display:block; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid rgba(0,0,0,0.5); z-index:2;}
.main_notice .tab ul li.on span {position:relative; background-color:var(--bg-color); color:#fff; overflow:hidden;}
.main_notice .tab ul li.on span::before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.main_notice .tab ul li.on em {position:relative; z-index:1;}
.main_notice .list {display:flex; gap:0 20px; margin-top:30px; padding-right:30px;}
.main_notice .list.on {width:calc(100% + 100px); }
.main_notice .list a {background:#fff; border-radius:10px; padding:20px; box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.main_notice .list li a {display:flex; flex-direction:column; justify-content:space-between; gap:15px 0;}
.main_notice .list li {width:calc((100% - 40px) / 3);}
.main_notice .list .t_tt span {display:inline-block; border-radius:100px; font-size:13px; padding:7px 10px; background-color:var(--bg-color); color:#fff; }
.main_notice .list .notice_title {font-size:17px; line-height:25px; height:50px; color:#444444; font-weight:700; margin-top:15px;}
.main_notice .list .con_2 {font-size:14px; line-height:20px; height:40px; color:#777777; font-weight:560; margin-top:15px;}
.main_notice .list .date {font-size:13px; color:#888888; font-weight:450;}

.main_board .bg {position:absolute; left:0; bottom:0; background-color:var(--bg-color); width:calc(100% - 130px); height:365px; border-radius:0 0 80px 0; z-index:-1; overflow:hidden;}
.main_board .bg::after {content:""; display:block; position:absolute;  inset:0;  background:rgba(0,0,0,0.1);  clip-path:polygon(0 100%, 100% 100%, 0 0);}
.main_board .bg:before {content:""; position:absolute; left:10px; bottom:10px; width:100%; height:80%; display:block; background:url('../images/main21/main_top_bg.svg') no-repeat left center / contain; opacity:0.1;}


/*메인 바로가기*/
.main_quick {margin:75px 0;}
.main_quick ul {display:flex; gap:30px 3%; justify-content:space-around; flex-wrap:wrap;}
.main_quick ul li {width:calc((100% - 24%) / 9);}
.main_quick ul a {display:flex; align-items:center; justify-content:cneter; flex-direction:column;}
.main_quick ul .icon {display:flex; align-items:center; justify-content:center; width:100px; height:100px; border:1px solid #dddddd; border-radius:10px; background:#fff;}
.main_quick ul .icon img {.main_quick ul .icon}
.main_quick a:hover .icon img {animation:bell 0.7s ease-in-out;}
.main_quick ul .icon01 img {width:50px;}
.main_quick ul .icon02 img {width:55px;}
.main_quick ul .icon03 img {width:41px;}
.main_quick ul .icon04 img {width:47px;}
.main_quick ul .icon05 img {width:37px;}
.main_quick ul .icon06 img {width:57px;}
.main_quick ul .icon07 img {width:51px;}
.main_quick ul .icon08 img {width:50px;}
.main_quick ul .icon09 img {width:47px;}
.main_quick ul .txt {font-size:18px; color:#222222; line-height:1.2; font-weight:550; text-align:center; margin-top:15px;}

@keyframes bell{
    0%   {transform:rotate(0deg);}
    20%  {transform:rotate(15deg);}
    40%  {transform:rotate(-12deg);}
    60%  {transform:rotate(8deg);}
    80%  {transform:rotate(-5deg);}
    100% {transform:rotate(0deg);}
}

/*메인 갤러리*/
.board_wrap {display:flex; gap:25px 4%;}
.board_wrap>div {width:calc((100% - 4%) / 2);border:1px solid #dddddd; border-radius:20px; padding:40px;}
.board_wrap .h_tit {display:flex; align-items:center; justify-content:space-between; margin-bottom:30px;}
.board_wrap .h_tit .title {font-size:24px; color:#111111; font-weight:900; }
.board_wrap .h_tit a {display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:3px; border:1px solid #bdbdbd; color:var(--txt-color); font-weight:bold;}
.main_photo ul {display:flex; gap:20px;}
.main_photo ul a {display:block;}
.main_photo ul a:hover .img img {transform:translate(-50%, -50%) scale(1.1);}
.main_photo ul li {width:calc((100% - 40px) / 3);}
.main_photo .img {position:relative; padding-bottom:70%; border-radius:10px; overflow:hidden; }
.main_photo .img img {position:absolute; left:50%; top:50%; object-fit:cover; transform:translate(-50%, -50%); width:100%; height:100%; transition: transform 0.4s ease;}
.main_photo .txt p {font-size:18px; color:#333333; line-height:1.4; margin-top:15px;}

/*메인 문의하기*/
.contact {}
.contact .call {display:flex; align-items:center; gap:0 25px; padding-bottom:30px; border-bottom:1px solid #e4e4e4;  }
.contact .call .icon {position:relative;}
.contact .call .icon::before {content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);  width:50px; height:50px; background-color:var(--bg-opacity10); border-radius:100px; z-index:-1; }
.contact .call .icon img {}
.contact .num {font-size:36px; color:#111111; font-family:'GM'; font-weight:900; margin-bottom:15px; line-height:1.3;}
.contact .call_time {font-size:14px; color:#555555; font-weight:500; line-height:1.4; font-family:'GM';}
.contact ul {display:flex; align-items:center; margin:25px 0 0 0; gap:0 5%;}
.contact ul a {display:flex; align-items:center; gap:20px;}
.contact ul a:first-child {padding-right:20px;}
.contact ul .icon {display:flex; align-items:center; justify-content:center; width:68px; min-width:68px; height:68px; border-radius:100px; background-color:var(--bg-opacity10); }
.contact ul .icon img {width:35px;}
.contact ul li {width:50%; }
.contact ul li:first-child {border-right:1px solid #e4e4e4;}
.contact ul dt {font-size:18px; color:#444444; font-weight:bold;}
.contact ul dd {font-size:13px; color:#777777; font-weight:450; line-height:1.3; margin-top:10px; word-break:keep-all;}

/*공통*/
/*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}




/****************************@@@@@@@@@@ 반응형 @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1855px 이하@@@@@@@@@@****************************/
@media all and (max-width:1855px) {
.main_notice .list.on {width:100%;}
}

/****************************@@@@@@@@@@ 1700px 이하@@@@@@@@@@****************************/
@media all and (max-width:1700px) {
header .w1640 {width:100%; padding:0 30px;}
.main_top {width:100%; padding:0 30px;}
.main_notice .list {padding:0;}
}


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

.main_notice .list.on {width:100%;}
.main_visual_wrap {grid-row: 1 / 2;}
.main_board {grid-column:1 / 3; padding:40px 30px;}
.main_board .bg {width:100%;border-radius:0;}
.main_top {align-items:center; gap:40px 50px;}
.main_top .p_t1 em {position:initial; display:block; line-height:1; margin-bottom:20px;}
.main_top .p_t2 {font-size:18px;}
.main_top .txt_wrap {/*background-color:#fff; margin:0; padding:10%; border-radius:20px; box-shadow:0 0 20px rgba(0,0,0,0.05); border:1px solid #eee;*/ margin:0; padding-right:30px;}
.main_notice .tab {width:100%;}
.contact .num {font-size:30px;}

.main_visual_wrap {padding-left:30px; }
.main_top {padding:0;}
.main_top .txt_wrap {margin-right:0px;}
.main_board {position:relative; }
.main_board .bg {left:0; bottom:0; height:100%}
.main_top_wrap {padding-bottom:0;}
}




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

/*헤더*/
header {position:sticky; position: -webkit-sticky; left:0; top:0; z-index:999; padding:15px 0; }
header h1 img {max-width:100%;}
header .depth1 {display:none;}
header .util_wrap {display:none;}
header .m_menubtn {display:block; font-size:25px;}
header .util {display:none;}
header .w1540 {padding-top:0;}
header .logo {width:auto; padding:0; max-width:150px;}
header .nbsp {display:none;}

.main_top .p_t1 em {font-size:55px;}
.main_top .p_t1 {font-size:32px;}
.main_top .p_t2 {font-size:16px;}

/*메인 바로가기*/
.main_quick ul {flex-wrap:wrap;}
.main_quick ul li {width:calc((100% - 12%) / 5);}

/*메인 공지사항*/
.board_wrap {flex-wrap:wrap;}
.board_wrap>div {width:100%;}
}


/****************************@@@@@@@@@@ 910px 이하 / 태블릿@@@@@@@@@@****************************/
@media all and (max-width:850px) {


.main_top {grid-template-columns:100%;}
.main_visual_wrap {grid-column:1 / 2; grid-row:2 / 3; padding:0 30px;}
.main_top .txt_wrap {grid-column:1 / 2; padding:0 30px;}
.main_board {grid-column:1 / 2; grid-row:3 / 4;}

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

header .w1640 {padding:0 15px;}

.main_top_wrap {padding:20px 0 0px 0;}
.main_top {gap:20px 0;}
.main_top .txt_wrap {padding:0 15px;}
.main_top .p_t1 em {margin-bottom:15px;}
.main_top .p_t1 em img {width:20px;}
.main_top .p_t1 {font-size:24px; margin-bottom:15px;}
.main_top .p_t2 {font-size:14px;}

.main_visual_wrap {padding:0 15px;}
.main_visual {border-radius:10px;}

.main_board {padding:20px 15px; margin-top:10px;}
.main_notice .tab ul li span {padding:10px 10px; font-size:15px;}
.main_notice .list {gap:0 15px; margin-top:15px;}
.main_notice .list li:last-child {display:none;}
.main_notice .list li {width:calc((100% - 15px) / 2);}
.main_notice .list li a {padding:15px;}
.main_notice .list .notice_title {font-size:16px; line-height:23px; height:46px; margin-top:10px;}
.main_notice .list .con_2 {font-size:13px; line-height:18px; height:36px; margin-top:10px;}
.main_notice .list .date {font-size:12px;}
.main_notice .list .t_tt span {font-size:12px; padding:6px 8px;}

.main_quick {margin:40px 0;}
.main_quick ul {gap:20px 10px;}
.main_quick ul li {width:calc((100% - 20px) / 3);}
.main_quick ul .txt {font-size:15px; margin-top:10px;}
.main_quick ul .icon {width:80px; height:80px;}
.main_quick ul .icon01 img {width:40px;}
.main_quick ul .icon02 img {width:45px;}
.main_quick ul .icon03 img {width:31px;}
.main_quick ul .icon04 img {width:37px;}
.main_quick ul .icon05 img {width:27px;}
.main_quick ul .icon06 img {width:47px;}
.main_quick ul .icon07 img {width:41px;}
.main_quick ul .icon08 img {width:40px;}
.main_quick ul .icon09 img {width:37px;}

.board_wrap .h_tit {margin-bottom:15px;}
.board_wrap .h_tit .title {font-size:18px;}
.board_wrap>div {padding:20px; border-radius:10px;}
.board_wrap .h_tit a {width:26px; height:26px; font-size:14px;}
.main_photo ul {gap:15px;}
.main_photo ul li {width:calc((100% - 15px) / 2)}
.main_photo ul li:last-child {display:none;}
.main_photo .txt p {font-size:15px; margin-top:10px;}

.contact .call {gap:0 15px; padding-bottom:15px;}
.contact .call .icon img {width:40px;}
.contact .num {font-size:18px; margin-bottom:10px;}
.contact .call_time {font-size:13px;}
.contact .call .icon::before {width:30px; height:30px;}
.contact ul {flex-wrap:wrap; margin:15px 0 0 0;}
.contact ul li {width:100%;}
.contact ul a:first-child {padding-right:0; }
.contact ul li:first-child {border-right:none; margin-bottom:10px;}
.contact ul dt {font-size:15px; }
.contact ul dd {font-size:12px; margin-top:8px;}
.contact ul .icon {width:50px; height:50px; min-width:50px;}
.contact ul .icon img {width:25px;}

.small_banner_slide {padding:20px 0;}
.small_banner_slide .title {font-size:18px;}
.small_banner_slide .top ul li {width:26px; height:26px; font-size:14px;}
.small_banner_slide .top {width:170px; min-width:170px;}
.small_banner_slide .swiper-container {width:calc(100% - 20px - 170px)}
}

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


footer .b_top {padding:30px 0; }
footer .b_link a {font-size:13px;}
footer .company_info {font-size:13px;}

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

}