@charset 'utf-8';
.transition{-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.only-m {display:none !important;}
.only-sm {display:none;}
.only-pc {display:block !important;}
.viewall {display:none;}

.inner {position: relative; width:100%; max-width: 1600px; margin:0 auto;}
.area_rgh {text-align: right;}
.btn_wrap {display: flex; gap:10px;}
.btn_wrap > a {font-size:1em; font-weight: 700; padding:15px 48px; display: inline-block; border-radius: 60px; }
.btn_color {color:#fff; background:#055cff;}
.btn_line {color:#055cff; background:transparent; border:2px solid #055cff;}

/* header */
#header {position:relative; width:100%; transition: all .5s ease;  -webkit-transition: all .5s ease;  -moz-transition: all .5s ease; z-index: 11;}
#header.is-fixed {position:fixed; background:#fff;}
#header .inner {height:100%; margin:0 auto; display: flex; flex-wrap: nowrap; align-items: center;justify-content: space-between;}
#header .logo {margin-bottom:22px;}
#header .logo a {display: block; width:366px; height:50px; background:url('../images/common/logo.png') center no-repeat; background-size: contain;}
#header #gnb {flex:1 1 auto; margin-right:79px; }

#header .hd_top {height:40px; background:#18a2b6; border-bottom:1px solid #e9ebef;}
#header .hd_top ul {display: flex; gap:31px;}
#header .hd_top ul li {} 
#header .hd_top ul li a {color:#fff;}

#header .hd_bt .top {height:100px; border-bottom:1px solid #e9ebef;}
#header .hd_bt .bt {height:80px; border-bottom:1px solid #e9ebef;}

#gnb .depth1 {display: flex; gap:40px; width:100%; flex-wrap: nowrap; justify-content: center;   align-items: center;}
#gnb .depth1 > li {text-align: center;}
#gnb .depth1 > li > a {position: relative; color:#031d44; font-size:1.375em; font-weight: 700; cursor: pointer;}
#gnb .depth1 > li > a > span:after {content: ''; position: absolute; bottom: 0;  left: 50%; transform: translate(-50%, 0); border-left: 6px solid transparent; border-bottom: 8px solid transparent; border-top: 8px solid #18a2b6; border-right: 6px solid transparent; opacity: 0; visibility:hidden; transition: all 0.3s ease-in-out;}
#gnb .depth1 > li.active > a > span:after {bottom: -28px;opacity: 1; visibility:visible; }
#gnb .depth1 > li .depth2 {width: 100vw; height:0; margin-left: calc(-50vw + 49.55%); position: absolute; top: 100px; left: 0; border-bottom:1px solid #e9ebef; display: flex; justify-content: center; align-items: center;font-size:1.125em; background:#fff; opacity: 0; visibility:hidden; transition: all 0.3s ease-in-out; }
#gnb .depth1 > li.active .depth2 {height:80px; opacity: 1; visibility:visible; }
#gnb .depth1 > li:nth-child(1) .depth2 > ul {right: 90px; }
#gnb .depth1 > li:nth-child(4) .depth2 > ul {right: -280px; }
#gnb .depth1 > li:nth-child(5) .depth2 > ul {right: -450px; left: auto;}
#gnb .depth1 > li:nth-child(6) .depth2 > ul {right: -530px; left: auto;}
#gnb .depth1 > li .depth2 > ul {position: relative; display: flex; gap:50px; }
#gnb .depth1 > li .depth2 a {color:#031d44;}
#gnb .depth1 > li.active > a {color:#18a2b6;}
#gnb .depth1 > li .depth2 a:hover {color:#18a2b6;}
#gnb .logo_m {display: none;}

#m_gnb {position: fixed; left:0; top:0; width:100%; height:100%; background:#132847; opacity: 0; visibility: hidden;-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out; z-index: 999;;}
#m_gnb.active { opacity: 1; visibility: visible;}
#m_gnb .inner {flex-direction: column; padding-top:100px;}
#m_gnb .close_m {width:70px; height:70px; border-radius: 10px; right: 0; position: absolute; background:rgba(0, 0, 0, 0.5); text-indent: -9999px; overflow: hidden; cursor: pointer;}
#m_gnb .close_m::after {content: ''; width:19px; height:17px; background:url('../images/main/m_closeBtn.png') center no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out;}
#m_gnb .close_m:hover::after {transform:translate(-50%, -50%) rotate(90deg);}
#m_gnb .m_top .logo a {background:url('../images/main/logo_w.png') center no-repeat;}
#m_gnb .depth1 {display: flex; width:100%; margin-top:100px; }
#m_gnb .depth1 > li {flex:0 0 16.6666%; text-align: center; border-left:1px solid rgba(255, 255, 255, .1)}
#m_gnb .depth1 > li:last-child {border-right:1px solid rgba(255, 255, 255, .1)}
#m_gnb .depth1 > li > a {color:#fff; font-size:1.5em; font-weight: 700;}
#m_gnb .depth1 > li .depth2 { margin-top:50px;}
#m_gnb .depth1 > li .depth2 a {color:#fff; font-size:1.25em; line-height: 1.5em; display: block; padding-bottom:20px;}
#m_gnb .depth1 > li .depth2 a:hover {color:#1bbad1; text-decoration: underline;}

#header .m_view {display: block; width:30px; height:40px; position: relative; cursor: pointer; }
#header .m_view:after, #header .m_view:before, #header .m_view span {position: absolute; top: 50%; left: 34%; width: 22px; height: 3px; background-color: #031d44;}
#header .m_view:after, #header .m_view:before { content: "";}
#header .m_view:before {margin-top: -8px;}
#header .m_view:after {margin-top: 8px;}
#header .m_view span {text-indent: -9999px; display: block;}

/*	footer */	
#footer {background:#071936; padding-top:50px;}
#footer .fa_link {margin-top:60px;}
#footer .fa_link ul  {display: flex; gap:35px; border-top:1px solid rgba(255, 255, 255, 0.15); border-bottom:1px solid rgba(255, 255, 255, 0.15);}
#footer .fa_link ul li {}
#footer .fa_link ul li a {display: block; color:#fff; padding:24px 0;}
#footer .copy {color:#fff; font-size:1.125em; line-height: 1.66em; padding:60px 0 92px 0;}
#footer .copy p {}
#footer .copy > div {}

/* 메인 비주얼 */
.m_visual {position: relative; width:100%;  background:url('../images/main/bg_mVisual.jpg') center no-repeat;}
.m_visual .main_swiper {height:100%; margin-top:60px;}
.m_visual .main_swiper .swiper-slide {box-sizing: border-box; width:965px; min-width: 800px; padding-bottom:50px;}
.m_visual .swiper-pagination {position: relative; display: flex; justify-content: center; align-items: center; gap: 8px; margin:0 0 116px 0;}
.m_visual .swiper-pagination-bullet {width:10px; height:10px; background:#dedede; opacity: 1;}
.m_visual .swiper-pagination-bullet-active {width:25px; background:#031d44; border-radius: 20px;}
.m_visual .swiper-slide-active .imgwrap {box-shadow: 16px 16px 38px 0px rgba(2, 14, 54, 0.25);}
.m_visual .swiper-button-prev {width:70px; height:70px; background:url('../images/main/btn_mvPrv.png') center no-repeat; left:calc(50% - 600px); box-shadow: 16px 16px 38px 0px rgba(2, 14, 54, 0.25); border-radius: 20px; overflow: hidden;}
.m_visual .swiper-button-next {width:70px; height:70px; background:url('../images/main/btn_mvNxt.png') center no-repeat; right:calc(50% - 600px); box-shadow: 16px 16px 38px 0px rgba(2, 14, 54, 0.25); border-radius: 20px; overflow: hidden;}
.m_visual .imgwrap {height:500px; position: relative; border-radius: 10px; overflow: hidden;}
.m_visual .txtwrap {position: absolute; bottom:0; width:100%; background:rgba(1, 25, 60, .9); padding:30px; font-size:2.375em; font-weight: 700; line-height:1.315em; color:#fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* main link */
.m_link {}
.m_link .inner {display: flex; gap:34px; justify-content: space-between;}
.m_link .lft_wrap {flex:1 1 auto;}
.m_link .lft_wrap .banner {max-width: 920px;  background:url('../images/main/bg_banner01.png') center / cover no-repeat; border-radius: 10px; overflow: hidden; height:210px; padding:42px 40px;}
.m_link .lft_wrap h5 {font-size:1.875em; font-weight: 700; color:#fff;}
.m_link .lft_wrap h5 b {color:#37d8ef; font-weight: 700;}
.m_link .lft_wrap p {color:#fff; line-height: 1.625em; margin-top:20px;}
.m_link .rgh_wrap {display: flex; gap:8px;}
.m_link .rgh_wrap .banner {position: relative; width:210px; border-radius: 10px; overflow: hidden; padding:30px 20px; display: flex; flex-direction: column;align-items: flex-start; justify-content: flex-start;}
.m_link .rgh_wrap .banner a {display: block; width:100%; height:100%;}
.m_link .rgh_wrap .banner a::after {content: ''; display: inline-block; width:46px; heighT:46px; background:url('../images/main/icon_more.png') center no-repeat #fff; border-radius: 100%; overflow: hidden; position: absolute; right:10px; bottom:10px; transition: all 0.3s ease-in-out;}
.m_link .rgh_wrap .banner a:hover::after {transform: rotate(45deg);}
.m_link .rgh_wrap .banner.bnr01 {background:#18a2b6;}
.m_link .rgh_wrap .banner.bnr02 {background:#132847;}
.m_link .rgh_wrap .banner.bnr03 {background:#f39a15;}
.m_link .rgh_wrap h6 {font-size:1.75em; color:#fff; display: block; margin-bottom:6px;}
.m_link .rgh_wrap .banner.bnr01 span {color:#c3e2e6; font-size:1.125em;}
.m_link .rgh_wrap .banner.bnr02 span {color:#a9b3c0; font-size:1.125em;}
.m_link .rgh_wrap .banner.bnr03 span {color:#f6dab0; font-size:1.125em;}

/* main member */
.m_member {margin-top:110px;}
.m_member .top {display: flex; justify-content: space-between; width:100%;}
.m_member .top .tit {}
.m_member .top .tit h3 {font-size:2.5em; font-weight: 700; color:#031d44;}
.m_member .top .tit p {font-size:1.125em; color:#5f6e86; margin-top:10px; word-break: keep-all;}
.m_member .top .tabs {display: flex; gap:17px;}
.m_member .top .tabs li {}
.m_member .top .tabs a {display:flex; justify-content: center; align-items: center; width:90px; height:90px;font-size:0.88em; color:#031d44; background:#fff; border:1px dotted #273549; border-radius: 100%; transition: all 0.3s ease-in-out; text-align: center; word-break: keep-all;}
.m_member .top .tabs a.active {background:#18a2b6; box-shadow: 16px 16px 38px 0px rgba(2, 14, 54, 0.25); color:#fff; border:none;}
.m_member .tab_content {margin-top:54px;}
.m_member .tab_content .swiper-container-initialized {overflow: hidden; }
.m_member .tab_content .swiper-button-prev, .m_member .tab_content .swiper-button-next {top:40%;}
.m_member .tab_content .item {color:#031d44; background:#eff1f4; border-radius: 10px; padding:3px; transition: all 0.3s ease-in-out;}
.m_member .tab_content .item:hover {color:#fff; background:#132847; box-shadow: 16px 16px 38px 0px rgba(2, 14, 54, 0.25); }
.m_member .tab_content .img_wrap {background:#ffffff; border-radius: 10px; overflow: hidden; height:167px; display: flex; justify-content: center; align-items: center; display: none;}
.m_member .tab_content .txt_wrap {height:220px; padding:0 10px 40px 10px;}
.m_member .tab_content .txt_wrap .tit {font-size:1.5em; font-weight: 700; padding:18px 0;}
.m_member .tab_content .txt_wrap .txt {border-top:2px solid #07172e; transition: all 0.3s ease-in-out;}
.m_member .tab_content .item:hover .txt {border-top:2px solid #fff;}
.m_member .tab_content .txt_wrap ul {font-size:1.125em; line-height: 1.66em; padding-top:15px;}
.m_member .tab_content .txt_wrap ul a {color:#031d44;}
.m_member .tab_content .item:hover ul a {color:#fff;}
.m_member .swiper-button-prev {left:-82px; background:#eff1f4; width:52px; height:52px; border-radius: 10px;}
.m_member .swiper-button-prev::after {content: ''; display: inline-block; width:18px; height:18px; background:url('../images/main/icon_arrowPrv.png') center no-repeat; transition: all 0.3s ease-in-out;}
.m_member .swiper-button-prev:hover::after {margin-right:10px;}
.m_member .swiper-button-next {right:-82px; background:#eff1f4; width:52px; height:52px; border-radius: 10px; z-index: 1;}
.m_member .swiper-button-next::after {content: ''; display: inline-block; width:18px; height:18px; background:url('../images/main/icon_arrowNxt.png') center no-repeat; transition: all 0.3s ease-in-out;}
.m_member .swiper-button-next:hover::after {margin-left:10px}
.m_member .more_view {border-top:1px solid #ececf1; width:100%; text-align: center; padding-top:30px; margin-top:30px;}
.m_member .more_view a {font-size:1.125em; color:#031d44;}
.m_member .more_view a::after {content: ''; display: inline-block; width:27px; height:27px; background:url('../images/main/btn_more.png') center no-repeat; margin-left:27px; vertical-align: sub; position: relative; top:3px;}

/* main business */
.m_business {margin-top:64px;}
.m_business .top .tit h3 {font-size:2.5em; font-weight: 700; color:#031d44;}
.m_business .top .tit p {font-size:1.125em; color:#5f6e86; margin-top:10px;}
.m_business .bt {display: flex; gap:20px; margin-top:59px;}
.m_business .bt .item {flex:0 0 calc(50% - 10px);}
.m_business .bt .item a {position: relative; display: block; background:#e9f3f1; color:#031d44; border-radius: 10px; overflow: hidden;}
.m_business .bt .item a::after {content: ''; display: inline-block; width:46px; heighT:46px; background:url('../images/main/icon_more.png') center no-repeat #fff; border-radius: 100%; overflow: hidden; position: absolute; right: 40px; top: 60px; transition: all 0.3s ease-in-out;}
.m_business .bt .item a:hover::after {transform: rotate(45deg);}
.m_business .bt .item h4 {padding:60px 40px; font-size:2em;}
.m_business .bt .item h4 span {display: inline-block; margin-right:25px;}
.m_business .bt .item .img_wrap {}

/* main notice */
.m_notice {margin-top:110px;}
.m_notice .top .tit h3 {font-size:2.5em; font-weight: 700; color:#031d44;}
.m_notice .top .tit p {font-size:1.125em; color:#5f6e86; margin-top:10px;}
.m_notice .bt {display: flex; gap:90px; margin-top:60px;}
.m_notice .bt .lft_wrap {flex:0 0 calc(50% - 45px);}
.m_notice .bt .lft_wrap .tit_wrap {border-bottom:2px solid #031d44; margin-bottom:34px;}
.m_notice .bt .tit_wrap {display: flex; justify-content: space-between; padding-bottom:28px;}
.m_notice .bt h4 {font-size:1.375em; font-weight: 700; color:#031d44;}
.m_notice .bt a.btn_more {display: flex; align-items: center; color:#031d44; font-size:1.125em;}
.m_notice .bt a.btn_more::after {content: ''; display: inline-block; width:27px; height:27px; background:url('../images/main/icon_moreCricle.png') center no-repeat; margin-left:10px;}
.m_notice .bt .list_wrap {}
.m_notice .bt .list_wrap .row {margin-bottom:14px;}
.m_notice .bt .list_wrap .row a {position: relative; display: flex; align-items: center;}
.m_notice .bt .list_wrap .icon {flex:0 0 93px; display: inline-block; background:#eff1f4; color:#031d44; padding:8px 20px; border-radius: 20px; }
.m_notice .bt .list_wrap .txt {font-size:1.375em; color:#031d44; margin-left:42px; margin-right: 80px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.m_notice .bt .list_wrap a:hover .txt {text-decoration: underline;}
.m_notice .bt .list_wrap .date {color:#5f6e86; position: absolute; right:0;}
.m_notice .bt .rgh_wrap {position: relative;flex:0 0 calc(50% - 45px);overflow: hidden; }
.m_notice .bt .photo_swiper {overflow: hidden;}
.m_notice .bt .photo_swiper .img_wrap {height:240px; border-radius: 10px; overflow: hidden;}
.m_notice .bt .photo_swiper .img_wrap img {height:100% !important;}
/*.m_notice .bt .photo_swiper .swiper-slide { width: fit-content !important;}*/
.m_notice .bt .rgh_wrap .swiper-pagination {display: flex; gap:8px; justify-content: center; position: relative; width:100%; margin-top:20px; z-index: 1;}
.m_notice .bt .rgh_wrap .swiper-pagination-bullet {width:10px; height:10px; background:#dedede; opacity: 1;}
.m_notice .bt .rgh_wrap .swiper-pagination-bullet-active {width:25px; background:#031d44; border-radius: 20px;}

/* main work */
.m_work {height:395px; background:url('../images/main/bg_mwrok.jpg') center / cover no-repeat; margin-top:160px;}
.m_work .inner {height:100%; display: flex; justify-content: center; align-items: center;}
.m_work .txt_wrap {margin-right: calc(-50vw + 20%); color:#fff;}
.m_work .txt_wrap h4 {font-size:2.5em; font-weight: 700;}
.m_work .txt_wrap span {display: block; font-size:1.125em; margin-top:20px;}
.m_work .txt_wrap button {display: inline-block; border:1px solid #fff; border-radius: 30px; padding:16px 27px; color:#fff; margin-top:50px;}
.m_work .txt_wrap button::after {content: ''; display: inline-block; width:5px; height:9px; background:url('../images/main/icon_arrow_sw.png') center no-repeat; margin-left:40px; transition: all 0.3s ease-in-out;}
/*.m_work .txt_wrap button:hover::after {margin-left:45px;}*/

/* 서브비주얼 */
.sub11 {background:url("../images/common/sub_visual0101.jpg") center no-repeat;}
.sub12 {background:url("../images/common/sub_visual0102.jpg") center no-repeat;}
.sub13 {background:url("../images/common/sub_visual0103.jpg") center no-repeat;}
.sub14 {background:url("../images/common/sub_visual0104.jpg") center no-repeat;}

.sub21 {background:url("../images/common/sub_visual0201.jpg") center no-repeat;}
.sub22 {background:url("../images/common/sub_visual0202.jpg") center no-repeat;}
.sub23 {background:url("../images/common/sub_visual0203.jpg") center no-repeat;}
.sub24 {background:url("../images/common/sub_visual0204.jpg") center no-repeat;}
.sub25 {background:url("../images/common/sub_visual0205.jpg") center no-repeat;}
.sub26 {background:url("../images/common/sub_visual0206.jpg") center no-repeat;}
.sub27 {background:url("../images/common/sub_visual0207.jpg") center no-repeat;}

.sub31 {background:url("../images/common/sub_visual0301.jpg") center no-repeat;}
.sub32 {background:url("../images/common/sub_visual0302.jpg") center no-repeat;}
.sub33 {background:url("../images/common/sub_visual0303.jpg") center no-repeat;}
.sub41 {background:url("../images/common/sub_visual0401.jpg") center no-repeat;}
.sub42 {background:url("../images/common/sub_visual0402.jpg") center no-repeat;}
.sub51 {background:url("../images/common/sub_visual0501.jpg") center no-repeat;}

#sub_visual {position: relative; width:100%; height:370px; display: block; overflow: hidden;}
#sub_visual .inner {height:100%;}
#sub_visual .sub_tit {width:100%; height:100%; text-align: center; color:#fff;}
#sub_visual .sub_tit ul {top: 50%; transform: translate(0, -50%); display: inline-block; position: relative;}
#sub_visual .sub_tit .stit {font-size:3.375em; font-weight: 700;}

.snav_warp {width:100%; border-bottom:1px solid #e7e7e7;}
.snav_warp ul {display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: space-between;}
.snav_warp ul li {text-align: center; flex: 1 1 50%;}
.snav_warp ul li a::after {content: ''; width:0; height:3px; background:#18a2b6; display: block; position: absolute; bottom:0; left:0; opacity: 0; visibility: hidden;  transition: all 0.3s ease-in-out;}
.snav_warp ul li.on a::after {opacity: 1; visibility: visible; width:100%;}
.snav_warp ul li a:hover::after {opacity: 1; visibility: visible; width:100%;}
.snav_warp ul li a {position: relative; display: inline-block; color:#031d44; font-size:1.125em; font-weight: 600; padding:25px 0; width: 100%; border-left:1px solid #e7e7e7;}
.snav_warp ul li:last-child a {border-right:1px solid #e7e7e7;}

.sub_lo {margin-top:29px; text-align: right;}
.sub_lo li {display: inline-block; color:#8a8f98; }
.sub_lo li:after {content: ''; display: inline-block; width:5px; height:9px; background:url('../images/common/sub_loArrow.png') center no-repeat; vertical-align: middle; margin:0 12px; }
.sub_lo li:last-child::after {display:none;}

.tab_menu {display: flex; justify-content: center; border:1px dotted #1a293c; padding: 5px; border-radius: 10px; width: fit-content; margin: 50px auto 0 auto;}
.tab_menu > li > a {display: inline-block; font-size:1.125em; font-weight: 600; color:#031d44; padding:16px 0; text-align: center; width:230px; border-radius: 10px;}
.tab_menu > li.on > a {color:#fff; background: #17a2b5; border:1px solid #dfe0e7;}

.sub_wrap {position: relative; padding:103px 0 150px 0;}

@media screen and (max-width:1024px) {		
	.only-m {display:block !important;}
	.only-pc {display:none !important;}	
	.inner {padding:0 20px;}		
    
    #header .logo a {width:210px;}
	
	.m_visual .content {align-items: flex-start; flex-direction: column; padding:10vw 20px 0 20px; justify-content: center;}
	.m_visual .content .btxt {padding-bottom:20px;}
	.m_visual .content .stxt {font-size:30px;}
	.m_visual .content .area_rgh {display: none;}
    .m_visual .imgwrap {height:350px;}
    .m_visual .main_swiper .swiper-slide {min-width: auto; }
    .m_visual .txtwrap {font-size:1.37em;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
	.swiper-button-prev, .swiper-button-next {display: none !important;}
	
	#header #gnb {visibility: hidden; position: fixed; left:-100%; top:0; bottom:0; width: 100%; max-width: none; background:#fff; z-index: 9;}
	#header #gnb.active {left:0; visibility: visible; padding:30px 20px; overflow-y: scroll;}
	#header #gnb.active .popup_bg {opacity: 1; visibility: visible; background:#fff;}
	#gnb .depth1 {display: inline-block;}	
	#gnb .depth1 > li {cursor: pointer;padding: 5px 10px;border-bottom:1px solid #f0f0f0; }
	#gnb .depth1 > li > a {display: block; font-weight: 900; color:#000; font-size: 1.625em; padding:6px 10px 13px 10px;}
	#gnb .depth1 > li.active > a::before {content: none;}
	#gnb .depth1 > li .depth2 {position: relative; top:0; width:100% !important; border-radius: 0; left:0 !important; background:none; box-shadow: none;opacity: 0; visibility: hidden; height:0;}
	#gnb .depth1 > li .depth2 > li {display: block; padding:10px 0;}
	#gnb .depth1 > li .depth2 > li a {font-weight: 600; color:#000;}
	#gnb .depth1 > li .depth2::after {content: none;}	 
	#gnb .depth1 > li.active .depth2 {opacity: 1; visibility: visible; height: 100%; display: block;}
	#gnb .close_m{position: absolute;top:30px;right: 20px;display:block;width:30px;height:30px;cursor: pointer; background:url('/images/main/btn_close.png') no-repeat; text-indent: -9999px; background-size: cover;}
	#gnb .logo_m.active {display: block; padding-bottom: 20px; margin-bottom: 20px; position: relative; text-align: right;}		
    
    #m_gnb {background:#fff;}
    #m_gnb .inner {padding-top:0; align-items: flex-start}
    #m_gnb .m_top .logo a {background: url(../images/common/logo.png) center / contain no-repeat;}
    #m_gnb .close_m {background:url(../images/common/m_close.png) center/ contain no-repeat; width:20px; height:20px; right:20px; top:20px;}
    #m_gnb .close_m::after {display: none;}
    #m_gnb .depth1 {flex-direction: column; margin:0;}
    #m_gnb .depth1 > li {text-align: left; border-bottom:1px solid #e2e2e2; margin:0;}
    #m_gnb .depth1 > li.active {padding-bottom:15px;}
    #m_gnb .depth1 > li > a {position: relative; display: block; color:#031d44; padding:20px 0;}
    #m_gnb .depth1 > li.active > a {color:#18a2b6;}
    #m_gnb .depth1 > li > a::after {content: ''; display: inline-block; width:20px; height:20px; position: absolute; right:0; background:url('../images/main/icon_plus.png') center no-repeat;  transition: all 0.3s ease-in-out;}
    #m_gnb .depth1 > li.active > a::after {background:url('../images/main/icon_minus.png') center no-repeat;}
    #m_gnb .depth1 > li .depth2 {margin-top: 0; display: none; padding-left:30px; transition: all 0.3s ease-in-out;}
    #m_gnb .depth1 > li.active .depth2 {display: block;}
    #m_gnb .depth1 > li .depth2 a {color:#031d44; padding-bottom:7px;}
    #m_gnb .depth1 > li .depth2 a::before {content: ''; display: inline-block; width:6px; height:6px; background:#031d44; border-radius: 100%; margin-right:10px; vertical-align:middle;}

	/*	footer */    
    #footer .area_lft {text-align: center;}
    #footer .fa_link ul {justify-content: center;}
    #footer .copy {text-align: center; font-size:1em; word-break: keep-all;}
    
    /* 메인 비주얼 */
    
    /* main link */
    .m_link .inner {flex-direction: column; gap:20px;}
    .m_link .lft_wrap .banner {height: 300px;}
    .m_link .rgh_wrap .banner {padding: 12px 13px; width:33.3333%; height: 200px; word-break: keep-all;}
    .m_link .rgh_wrap h6 {font-size:1.25em;}
    
    /* main member */
    .m_member .top {flex-direction: column; gap:30px;}
    .m_member .top .tabs {overflow-x: scroll; padding-bottom:20px;}
    .m_member .tab_content {margin-top:20px;}
    .m_member .tab_content .m_link {display: none;}
    .m_member .tab_content .txt_wrap {height:300px;}
    
    /* main business */
    .m_business .bt {flex-direction: column;}

    /* main notice */
    .m_notice .bt {flex-direction: column;}
    .m_notice .bt .list_wrap .icon {display: none;}
    .m_notice .bt .list_wrap .txt {margin-left:0;}
    .m_notice .bt .photo_swiper .img_wrap {height:150px;}
    
    /* main work */
    .m_work {background: url(../images/main/bg_mwrok_m.jpg) center / cover no-repeat #1e274c; height:90vh;}
    .m_work .inner {align-items: flex-end;}
    .m_work .txt_wrap {text-align: center; margin:0; padding-bottom:80px;}
    .m_work .txt_wrap h4 {font-sizE:1.25em;}
    .m_work .txt_wrap span {font-size:0.88em;}
	
	/* 서브비주얼 */
    .snav_warp .inner {padding:0;}
    .snav_warp .inner .txt_wrap {overflow-x: scroll;}
    .snav_warp .inner .txt_wrap > ul {min-width: 768px;}
	.snav_warp ul li a span {display:none;}
    
    .tab_menu {flex-wrap: wrap;}
    .tab_menu > li {flex:0 0 50%;}
    .tab_menu > li > a {padding: 16px 34px; width:100%;}
	
}

@media screen and (max-width:768px) {	
    
	.only-sm {display:block;}		

	/*	footer */    
    
    /* 메인 비주얼 */
    
    /* main link */
    .m_link .rgh_wrap .banner {width:100%;}
    
    /* main member */
    
    /* main business */
    .m_business .bt .item h4 {padding: 40px 20px; font-size:1.52em;}
    .m_business .bt .item a::after {right:20px; top:30px;}

    /* main notice */
    
    /* main work */

	
	
}

@media screen and (max-width:425px) {

	/*	footer */    
    
    /* 메인 비주얼 */
    
    /* main link */
    
    /* main member */
    
    /* main business */

    /* main notice */
    
    /* main work */
	
    
}

@media screen and (max-width:320px) {	
	
	
}