@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;}
.only-sm {display:none;}
.only-pc {display:block;}
.viewall {display:none;}

.inner {position: relative; width:100%; max-width: 1440px; margin:0 auto; padding:0 20px;}

.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;}
h2 {text-align: center; font-size:2.3333em; font-weight: 600; color:#1b2d5a; letter-spacing: 10; }
.more {color:#0068b6; font-size:0.88em; font-weight: 600; text-decoration: underline; letter-spacing: 0;}
.more::after {content: url('../images/main/icon_more.png'); vertical-align: middle; margin-left:10px;}

/* header */
#header {position:relative; width:100%; height:120px; transition: all .5s ease;  -webkit-transition: all .5s ease;  -moz-transition: all .5s ease; z-index: 999;}
#header.is-fixed {position: fixed; top:0; left:0; background:rgba(255, 255, 255, 0.8);}
#header .inner {max-width: 1880px; padding:0 20px; height:100%; margin:0 auto; display: flex; flex-wrap: nowrap; align-items: center;justify-content: space-between;}
#header .logo {width:299px; height:36px; background:url(../images/common/logo.png) center no-repeat; background-size:contain;}
#header .logo a {display: block; width:100%; height:100%;}
#header .logo_fix {flex:0 0 10%; max-width:10%; display: none;}
#header #gnb {margin-left:60px;}
#header .search_wrap {text-align: center;}
#header .search_wrap .search_g {position: relative; display:flex; align-items: center; justify-content: flex-end; gap:5px;}
#header .search_wrap .search_g > div {position: relative;}
#header .search_wrap .search_g input[type="text"] {height:48px; position: relative; width:80%; width:310px; border:1px solid #a8afc0; color:#939393; padding:15px 45px 18px 25px; border-radius: 30px; font-weight: 200;}
#header .search_wrap .search_g input::placeholder {color:#939393;}
#header .search_wrap .search_g label {display: none;}
#header .search_wrap .search_g button {position: absolute; right:20px; top:12px; width:20px; height:20px; background:url('../images/common/icon_topSearch.png')  center no-repeat; text-indent: -999px; overflow: hidden;}
#header .m_search {display: none;}

#m_gnb {position: fixed; left:10px; top:10px; width:calc(100% - 20px); height:calc(100% - 20px); background:#fff; border-radius: 5px; 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_searchWrap  {display: none; position: fixed; top:10px; left:10px; right:10px; width:calc(100% - 20px); z-index:999;}
.m_searchWrap.active  {display: block;}
.m_searchWrap .ipu_wrap {position: relative;}
.m_searchWrap .ipu_wrap > div {position: relative;}
.m_searchWrap .ipu_wrap input[type="text"] {height:80px; position: relative; width:100%; color:#939393; padding:15px 45px 18px 25px; border-radius: 10px; font-weight: 200;}
.m_searchWrap .ipu_wrap input::placeholder {color:#939393;}
.m_searchWrap .ipu_wrap label {display: none;}
.m_searchWrap .ipu_wrap button {position: absolute; right:20px; top:28px; width:20px; height:20px; background:url('../images/common/icon_topSearch.png')  center no-repeat; text-indent: -999px; overflow: hidden;}
    
 .m_searchWrap .search_close {display: none; width: 19px; height: 25px; background: url(../images/common/btn_mSrchClose.png) center no-repeat; background-size: contain;
    position: absolute;right: calc(50% - 10px); top: 90px; z-index: 111; }
 .m_searchWrap.active .search_close {display: block;}

#gnb .depth1 {display: flex; width:100%; flex-wrap: nowrap;justify-content: center; gap:65px;}
#gnb .depth1 > li {position: relative; text-align: center;}
#gnb .depth1 > li > a {color:#1b2d5a; font-size:1.1111em; font-weight: 600; cursor: pointer; }
#gnb .depth1 > li > a:hover {color:#fff;}
#gnb .depth1 > li > a::after {content: ''; width: calc(100% + 42px); height: calc(100% + 9px); background: #0068b6; position: absolute; left: -20px; top: -3px; border-radius: 20px; z-index: -1;  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;}
#gnb .depth1 > li:hover > a::after {opacity: 1; visibility: visible;}
#gnb .depth1 > li .depth2 {position: absolute; 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;}
#gnb .depth1 > li.active .depth2 {opacity: 1; visibility:visible; }
#gnb .logo_m {display: none;}
#gnb .close_m {display: none;}
#gnb_bg {display:block; position:fixed; width:100%; height:100%; top:0; left:0; background:#2f3544; opacity:0; visibility: hidden; z-index: 99; -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;}
#gnb_bg.active {opacity: .5; visibility: visible;}

#header .m_view {display: none; width:20px; height:12px; position: relative; cursor: pointer; margin-right:0px;}
#header .m_view:after, #header .m_view:before, #header .m_view span {position: absolute; top: 50%; left: 0; width: 20px; height: 2px; background-color: #1b2d5a;}
#header .m_view:after, #header .m_view:before { content: ""; margin-left: 0px;}
#header .m_view:before {margin-top: -6px;}
#header .m_view:after {margin-top: 4px;}
#header .m_view span {margin: -1px 0 0 0px; text-indent: -9999px; display: block;}

#footer {background:#1a1b26; padding:90px 0; color:#6c6d75;}
#footer .inner {display: flex;}
#footer .fot_lft {flex:0 0 400px;}
#footer .copy {position: relative; top:-8px;}
#footer .copy > div {margin-top:20px;}
#footer .fot_rgh {text-align: right; flex:1 1 auto;}

/* 메인 비주얼 */
.m_visual {position: relative; width:100%; max-width: 1880px; margin: 0 auto;}
.m_visual .inner {display: flex; width: 100%; max-width: 1920px; padding:0 20px; justify-content: flex-end; margin: 0 auto; align-items: flex-start; flex-direction: column; word-break: keep-all;}
.m_visual .main_swiper {flex-shrink: 0; width: 100%; height: 800px; position: relative; transition-property: transform;}
.m_visual .main_swiper  .swiper-slide {overflow: hidden; border-radius: 10px;}
.m_visual .imgwrap {margin: 0 auto; width: calc(100% - 400px);/*position: absolute; top: 0; left: 0; width: 100%;*/ height: 100%; border-radius: 10px;  }
.m_visual .sub_swiper {position: absolute; left: 50%; bottom: -180px; transform: translate(-50%, -50%); width: 100%; height: 300px; z-index: 1; max-width: 1680px; background:url('../images/main/bg_mainVisual.png') center #1a1b26 ; border-radius: 10px; color: #fff; overflow: hidden;}
.m_visual .sub_swiper .swiper-slide { padding:25px 40px 25px 37px;}
.m_visual .content .stxt {color:#fff; display: inline-block; background:#0068b6; color:#fff; font-size:1.111em; font-weight: 600; padding:1px 20px 4px 20px; border-radius: 30px; letter-spacing: 0;}
.m_visual .content .btxt {color:#fff; font-size:1.66666em; font-weight: 600; line-height: 36px; /*overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;*/ margin-top:20px;  padding-left:10px;}
.m_visual .content .btxt  span {background-image: linear-gradient(90deg, #0068b6, #0068b6);    background-position: 0 100%; background-repeat: no-repeat; background-size: 0 2px; transition: background-size .6s ease-in-out 0s;}
.m_visual .content a:hover .btxt span {background-size: 100% 2px;}
.m_visual .content .desc {color:#fff; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; margin-top:20px; padding-left:10px;}
.m_visual .content .writ {color:#fff; display: flex; align-items: center; gap:22px; margin-top:30px;}
.m_visual .content .writ .img {border-radius: 100%; overflow: hidden; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}
.m_visual .content .writ .img img {height: 50px !important;}
.m_visual .content .writ > span {font-weight: 600;}
/*.m_visual .s_navigation {position: absolute; right:10px; bottom:10px; display: flex; justify-content: flex-end; flex-direction: row; gap:30px; max-width: none; width: auto; z-index: 2; }*/
.m_visual .s_navigation {max-width: 1680px; align-items: flex-end; position: absolute; bottom:10px;}
.m_visual .s_navigation .s_nav { display: flex; flex-direction: row; gap: 30px; align-items: center; z-index: 2; padding-bottom:20px; }
.m_visual .s_navigation .pager {color:#fff; font-size:0.77em; margin:0;}
.m_visual .s_navigation .pager .swiper-pagination-total {font-weight: 700;}
.m_visual .s_navigation .btn_set {display: flex; gap:3px;}
.m_visual .swiper-pagination-fraction {width:auto;}
.m_visual .swiper-button-prev {background:url('../images/main/icon_mainV_prev.png') center no-repeat #000; width:70px; height:70px; border-radius: 5px; position: relative; left:auto; top:auto; margin:0;}
.m_visual .swiper-button-next {background:url('../images/main/icon_mainV_next.png') center no-repeat #000; width:70px; height:70px; border-radius: 5px; position: relative; right:auto; top:auto; margin:0;}
.m_visual .swiper-button-prev.swiper-button-disabled  {background:url('../images/main/icon_mainV_prev.png') center no-repeat #101119; opacity: 1; text-indent: -999999px; }
.m_visual .swiper-button-next.swiper-button-disabled  {background:url('../images/main/icon_mainV_next.png') center no-repeat #101119; opacity: 1;}
.m_visual .swiper-button-next:after, .m_visual .swiper-button-prev:after {display: none;}
.m_visual .swiper-slide-active {z-index: 999;}

#m01 {padding:70px 0 120px 0;}
#m01 h2 {margin-bottom:49px;}
#m01 .article_wrap {display: flex; flex-wrap: wrap; gap:32px;}
#m01 .article_wrap >  div {flex:1 1 calc(33.3333% - 22px);}
#m01 .article_wrap .img_wrap {height:260px; border-radius: 5px; overflow: hidden; position: relative;}
#m01 .article_wrap .img_wrap img {width:100%; height:100% !important; object-fit:cover; }
#m01 .article_wrap .img_wrap img::after {content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(0, 0, 0, .06); border-radius: inherit; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-perspective: 1px; perspective: 1px;}
#m01 .article_wrap a:hover img {transform: scale(1.05) ;}
/*#m01 .article_wrap a:hover .txt_wrap {text-decoration-style: solid; text-decoration-color: #0068b6; text-decoration-line: underline;}*/
#m01 .article_wrap .txt_wrap {font-size:1.3333em; font-weight: 700; color:#1b2d5a; line-height: 1.25em; margin-top:25px;  padding:0 10px; /*height:60px; overflow: hidden;*/}
#m01 .article_wrap .txt_wrap span {background-image: linear-gradient(90deg, #0068b6, #0068b6); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 2px; transition: background-size .6s ease-in-out 0s;  /*text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; */}
#m01 .article_wrap a:hover .txt_wrap span {background-size: 100% 2px;}
#m01 .article_wrap .more {margin:25px 0 20px 0; padding:0 10px;}

#m02 {}
#m02 .inner {max-width: 1840px; padding:105px 0 106px 0; background:url('../images/main/bg_m02.png'); border-radius: 10px; overflow: hidden; }
#m02 .inner h2 {color:#fff; margin-bottom:50px;}
#m02 .article_wrap {max-width: 1440px; padding:0 20px; margin:0 auto; display: flex; flex-wrap: wrap; gap:20px 30px; }
#m02 .article_wrap > div.article {flex:1 1 calc(50% - 15px); }
#m02 .article_wrap > div.article a {display: flex; gap:29px; background:#fff; border-radius: 10px; overflow: hidden; padding:10px; }
#m02 .article_wrap .img_wrap {flex:0 0 255px; height:240px; border-radius: 5px; overflow: hidden; position: relative; }
#m02 .article_wrap .img_wrap img  {width:100%; height:100% !important; object-fit:cover; }
#m02 .article_wrap .img_wrap img::after {content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(0, 0, 0, .06); border-radius: inherit; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-perspective: 1px; perspective: 1px;}
#m02 .article_wrap a:hover img {transform: scale(1.05) ;}
#m02 .article_wrap .txt_wrap {}
#m02 .article_wrap .article {top:0;}
#m02 .article_wrap .txt_wrap .s_txt {font-size:0.88em; font-weight: 600; color:#0068b6; line-height:1.25em; padding-top:21px;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
#m02 .article_wrap .txt_wrap .b_txt {font-size:1.3333em; font-weight: 700; color:#1b2d5a; line-height:1.45em; padding-top:21px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
#m02 .article_wrap .txt_wrap .b_txt span {background-image: linear-gradient(90deg, #0068b6, #0068b6); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 2px; transition: background-size .6s ease-in-out 0s;}
#m02 .article_wrap a:hover .txt_wrap .b_txt span {background-size: 100% 2px;}
#m02 .article_wrap .txt_wrap .desc {font-size:0.88em; font-weight: 600; color:#1b2d5a; line-height:1.25em; padding-top:31px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; }
#m02 .btn_wrap {width:100%; display: flex; justify-content: center; margin-top:65px;}
#m02 .btn_wrap button {background:#111e3d; color:#fff; text-align: center; border-radius: 30px; font-size:1.111em; font-weight: 600; padding:16px 59px; transition: all .3s ease-in-out 0s;}
#m02 .btn_wrap button:hover {background:#0068b6}
#m02 .btn_wrap button::after {content: url(../images/main/icon_sw.png); vertical-align: middle; margin-left:30px; position: relative; top: -3px;}

#m03 {}
#m03 .inner {display: flex; gap:30px; }
#m03 .inner > div {flex: 0 0 50%;}
#m03 .inner h2 {text-align: left; margin-bottom:50px; font-weight: 700;}
#m03 .inner .area_lft {padding:130px 0 140px 0; }
#m03 .inner .area_lft .tit {max-width:600px; font-size:1.3333em; font-weight: 600; line-height: 1.25em; color:#1b2d5a; margin-bottom:43px;}
#m03 .inner .area_lft .txt {max-width:600px; text-align: justify; margin-bottom:43px; color:#1b2d5a; letter-spacing: 0;}
#m03 .inner .area_rgh  {padding:130px 0 140px 0; text-align: left;}
#m03 .inner .area_rgh .tit {max-width:600px; font-size:1.3333em; font-weight: 600; line-height: 1.25em; color:#1b2d5a; margin-bottom:43px;}
#m03 .inner .content {border-top:1px solid #a8afc0; margin-top:80px;}
#m03 .inner .content .row {border-bottom:1px solid #e7e7e7;}
#m03 .inner .content .row .col {display: flex; align-items: center; padding:14px 0;}
#m03 .inner .content .row .col span {flex:0 0 176px; color:#1b2d5a;}
#m03 .inner .content .row .col div {flex:1 1 100%; padding-right:40px; }
#m03 .inner .content .row .col input {width:100%; border-radius: 5px; height:52px;}
#m03 .inner .btn_wrap button {width:100%; text-align: center; font-size:1.111em; font-weight: 700; color:#0068b6; background:#fff; padding:21px 0 23px 0; border-radius: 40px; margin-top:49px; -webkit-box-shadow: 0px 0px 29px 0px rgba(5,21,35,0.11); -moz-box-shadow: 0px 0px 29px 0px rgba(5,21,35,0.11); box-shadow: 0px 0px 29px 0px rgba(5,21,35,0.11); transition: all .3s ease-in-out 0s;}
#m03 .inner .btn_wrap button:hover {background:#091a46; color:#fff; -webkit-box-shadow: 0px 0px 29px 0px rgba(5,21,35,0.11); -moz-box-shadow: 0px 0px 29px 0px rgba(5,21,35,0.11); box-shadow: 0px 0px 29px 0px rgba(5,21,35,0.11); }

/* 서브비주얼 */
#sub_visual {}
/*#sub_visual.sub1 {display: flex; justify-content: center;}
#sub_visual.sub1 .inner {position: absolute;}*/
#sub_visual .inner {max-width: 1880px; padding: 0 20px;}
#sub_visual .sub_nav ul {display: flex; color:#1b2d5a; font-size:0.777em; margin-top:26px;}
#sub_visual .sub_nav ul > li:first-child::after {content: url('../images/common/snav_arrow.png'); position: relative; top: -1px; margin-left: 8px; margin-right: 8px;}
#sub_visual .sub_tit {font-size:4.4444em; font-weight: 600; line-height: 1.11em; color:#091a46; margin-top:12px;}

.snav_warp {position: absolute; left:0; top:-80px; width:100%;}
.snav_warp ul {display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: space-between; border-radius: 30px;}
.snav_warp ul li {background:#171f39; text-align: center; flex: 1 1 50%;}
.snav_warp ul li.on {background:#005083;}
.snav_warp .one ul li:nth-child(1) { border-radius: 20px;}
.snav_warp .three ul li:nth-child(2) { border-radius: 0; border-right:1px solid rgba(255,255,255,0.1);}
.snav_warp .three ul li:nth-child(3) { border-radius: 0 20px 20px 0;}
.snav_warp ul li:nth-child(1) { border-radius: 20px 0 0 20px;}
.snav_warp ul li:nth-child(2) { border-radius: 0 20px 20px 0; border-left:1px solid rgba(255,255,255,0.1); }
.snav_warp ul li a {display: inline-block; color:#fff; font-weight: 700; padding:30px 0; width: 100%;}
.snav_warp ul li a span {display: inline-block; padding-left:15px;}

.sub_lo {margin-top:40px; padding-top: 40px; text-align: right;}
.sub_lo li {display: inline-block;}
.sub_lo li:after {content: ''; display: inline-block; width:6px; height:6px; background:#909090; margin: 0 14px; vertical-align: middle; border-radius: 100%;}
.sub_lo li:last-child::after {display:none;}

.sub_wrap {position: relative; padding:50px 0 150px 0;}
.sub_wrap .inner {max-width: 1880px; padding: 0 20px;}

.scrollbar { overflow-y: scroll; }
.scrollbar::-webkit-scrollbar {width: 1px;}
.scrollbar::-webkit-scrollbar-thumb {background: #818ba4;}
.scrollbar::-webkit-scrollbar-track {background: #dadde4;}
    
/*     퀵메뉴 */
.quick {position: fixed; right:20px; bottom:20px; z-index: 999;}
.quick > ul {background:#111e3d; color:#fff; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}
.quick > ul  > li  span {padding:10px; border-bottom:1px solid #223567; cursor: pointer;}
.quick > ul  > li  span.btn_double {display: none; font-size:30px; padding:7px; text-align: center;}
.quick > ul  > li  span.btn_minus {display: none;}
.quick > ul  > li:last-child span {border:none;}
.quick > ul  > li a {color:#fff; display: block; width:100%; height:100%;}
.large_txt .article_detail .detail_con .txt_wrap span {font-size:22px !important; line-height: 30px !important;}
.large_txt2 .article_detail .detail_con .txt_wrap span {font-size:24px !important; line-height: 34px !important;}

@media screen and (max-width:1200px) {		
    #header .logo {width:259px;}
    #gnb .depth1 {gap:30px;}
    #header .search_wrap .search_g input[type="text"] {width:250px;}
}
@media screen and (max-width:1024px) {		
	.only-m {display:block !important;}
	.only-pc {display:none !important;}	
	.inner,
    #header .inner,
    #sub_visual .inner,
    .sub_wrap .inner {padding:0 10px;}		
	
/*    .m_visual {height: 100vh;}*/
    .m_visual {overflow: visible; margin-bottom: 126px;}
    .m_visual .main_swiper {height:560px;}
    .m_visual .main_swiper .swiper-slide {border-radius: 0;}
    .m_visual .imgwrap {position: relative; border-radius: 0; width:100%;}
    .m_visual .sub_swiper {position: relative; transform: translate(0, 0); bottom: 0; left: 0; width: 100%;height: 270px; border-radius: 0px;}
	.m_visual .content {flex:0 0 44%;}
	.m_visual .content .btxt {padding-bottom:20px; height: 65px; line-height: 30px; font-size: 24px; margin-top:14px; -webkit-line-clamp: 2;}
	.m_visual .content .stxt {font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 22px;}
    .m_visual .content .btxt span {font-size:18px; line-height: 20px; height: 30px; display: block;}
    .m_visual .content .desc {-webkit-line-clamp: 3; height:60px; line-height: 20px; font-size:14px;}
    .m_visual .content .writ {margin:20px 10px 0 10px;}
    .m_visual .content .writ .img {flex:0 0 25px; width:25px; height:25px;}
    .m_visual .content .writ .img img {width:25px !important; height:25px !important;}
    .m_visual .content .writ > span {font-size:12px;}
	.m_visual .content .area_rgh {display: none;}
    .m_visual .sub_swiper .swiper-slide { padding:20px 12px;}
    .m_visual .s_navigation {position: absolute; top:62%; right: -10px; bottom:auto;}
    .m_visual .s_navigation .s_nav {gap:15px;}
    .m_visual .swiper-button-prev,
    .m_visual .swiper-button-next {width:35px; height:35px;}
	/*.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
	.swiper-button-prev, .swiper-button-next {display: none !important;}
    .m_visual .s_navigation .btn_set {display: none;}*/    
	
    #header {height:60px;}
    #header .logo {width:210px; background-size: contain;}
    #header .search_wrap {display: none;}
    #header .m_search {display: block; width:14.5px; height:14.5px; background:url('../images/common/btn_mSrch.png') center no-repeat; background-size:contain; position: absolute; right:50px;}
    
	#header #gnb {visibility: hidden; position: fixed; left:-100%; top:0; bottom:0; width: 100%; max-width: none; background:#fff; z-index: 9; margin:0;}
	#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 .logo_m.active {display: block; padding-bottom: 20px; margin-bottom: 20px; position: relative; text-align: right;}
    
    #header .m_view {display: block;}
    #m_gnb .close_m {display: inline-block; width:20px; height:20px; position: absolute; right:37px; top:37px; background:url('../images/common/btn_gnbClose.png') no-repeat; background-size: contain; text-indent: -9999px; }
    #m_gnb .gnb_wrap {padding:0 40px; margin-top: 30px;}
    #m_gnb .gnb_wrap .logo {background:url(../images/common/logo.png) left no-repeat; background-size: contain; width: 58%; min-width: 150px;}
    #m_gnb .gnb_wrap .depth1 {margin-top:20px;}
    #m_gnb .gnb_wrap .depth1 a {display: flex; align-items: center; justify-content: space-between; color:#1b2d5a; font-weight: 600; font-size:1.25em; padding:12px 0;}
    #m_gnb .gnb_wrap .depth1 a::after {content: ''; display: block; width:10px; height:20px; background:url('../images/common/icon_Mgnb.png') no-repeat; background-size:contain;}
    
	/*	footer */
	#footer > .inner {flex-direction: column; align-items: flex-start;}
    #footer .fot_lft {flex:0 0 auto; display: flex; justify-content: center; width: 100%; margin-bottom:30px;}
    #footer .fot_lft img {width:200px;}
    #footer .copy {top:auto; margin:20px 0; text-align: center;}
    #footer .fot_rgh {text-align: center; flex: 1 1 auto; display: flex; justify-content: center; width: 100%; margin-top:30px;}
    #footer .fot_rgh img {width:190px; }
    
    #m01 {padding:40px 0 40px 0;}
    #m01 h2 {margin-bottom:30px; font-size:21px;}
    #m01 .article_wrap {gap:20px;}
    #m01 .article_wrap > div {flex: 1 1 calc(50% - 16px);}
    #m01 .article_wrap .img_wrap {height:26vw;}
    #m01 .article_wrap .txt_wrap {padding:0; height: 57px;}
    #m01 .article_wrap .more {padding:0; margin:12px 0 25px 0;}
    
    #m02 .inner {padding:40px 0 ;}
    #m02 .inner h2 {font-size:21px;}
    #m02 .article_wrap {gap:5px; padding:0 10px;}
    #m02 .article_wrap > div.article a {gap:15px; height:190px; padding:5px; align-items: center}
    #m02 .article_wrap > div.article {flex:0 0 100%; margin:0;}
    #m02 .article_wrap .img_wrap {flex: 0 0 170px; height:180px;}
    #m02 .article_wrap .txt_wrap .s_txt {padding-top:1px; height:32px;}
    #m02 .article_wrap .txt_wrap .b_txt {padding-top:15px; line-height: 24px;}
    #m02 .article_wrap .txt_wrap .desc {padding-top:23px;}
    #m02 .btn_wrap {margin-top:20px;}
    
    #m03 .inner {flex-direction: column; gap:0px; padding:0 20px;}
    #m03 .inner h2 {margin-bottom:35px; font-size:20px;}
    #m03 .inner .area_lft {padding: 50px 0 0 0 ; background:none;}
    #m03 .inner .area_lft .tit {margin-bottom:23px; font-size:16px;}
    #m03 .inner .area_lft .txt {max-width:none; margin-bottom:25px;}
    #m03 .inner .area_rgh {padding:60px 0 87px 0;}
    #m03 .inner .area_rgh .tit {margin:0; font-size:16px;}
    #m03 .inner .content {margin-top:27px;}
    #m03 .inner .content .row .col div {padding:0;}    
    #m03 .inner .btn_wrap button {margin-top:25px;}
	
	/* 서브비주얼 */
    #sub_visual.sub1 .inner {position:relative; padding:0 10px;}
    #sub_visual .sub_tit {font-size:40px;}
	
}

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

@media screen and (max-width:425px) {
	
	#footer .inner {display: block;}
	#footer .area_rgh {text-align: left; position: absolute; top:40px; right: 20px;}
    	
    #m01 .article_wrap > div {flex: 1 1 100%;}    
    #m01 .article_wrap .img_wrap {height: 56vw;}
        
}

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