@charset "utf-8";
@import url(../css/style.css);
@import url(./style.responsive.css);

/* layout */
.web_hide{display: none !important;}
.sect{max-width: 1140px; margin: 0 auto;}
main{min-height: calc(100vh - 163px);padding-top: 204px;box-sizing: border-box;}
.main_wrap main{padding-top: 0;}

/* color */
.mainColor{color:#00A85A !important;}
.pointColor{color:#F87154 !important;}
.subColor01{color:#125131 !important;}
.subColor02{color:#4F6AA6 !important;}

.mainBg{background:#00A85A !important;}
.pointBg{background:#F87154 !important;}
.subBg01{background:#125131 !important;}
.subBg02{background:#4F6AA6 !important;}
.subBg03{background:#F2F2EF !important;}

/* top */
.wrap{width: 100%;position: relative;overflow: hidden;}
.topWrap{width:100%; position: fixed; top: 0; z-index: 99; background: transparent;transition: .23s ease;background: #fff;}

.wrap.sub_wrap .topWrap{border-bottom: 1px solid #E4E4E0;}/* pc 서브페이지 일 때 라인 */
.wrap .topWrap.fix{border-bottom: 1px solid #E4E4E0;}/* pc/모바일 스크롤했을 때 라인 */
.wrap.mob_h_line .topWrap{border-bottom: 1px solid #E4E4E0;}/* 모바일 서브페이지 lnb없을 때 라인 */

.topAdminWrap{width: 100%; background: #F2F2EF; height: 35px; position: relative; z-index: 100;}
.topAdmin{max-width: 1140px; margin: 0 auto; display: flex; justify-content: space-between;}
.topname{height: 36px;line-height: 36px; border: solid #E4E4E0;border-width: 0 1px;  padding:0 15px; box-sizing: border-box; text-align: center; font-size: 13px; color:#6E6E6E}
.topname:hover{color: #125131;}
.admin ul{display: flex;}
.admin li{position: relative; line-height: 35px; font-size: 13px; color:#6E6E6E; padding-left: 20px;}
.admin li strong{letter-spacing: normal;color: #00A85A;}
.admin li:last-child{background: none; padding: 0 0 0 20px;}
.admin li a{display: block; color:#6E6E6E;width: 100%;}
.admin li.alarm::after{content: '';display: block;background: #F87154;width: 4px;height: 4px;border-radius: 50%;position: absolute;top: 9px;right: -6px;}

.admin li.myService{display: flex;align-items: center;height: 35px;}
.admin li.myService li{padding-left: 15px;}
.admin li.myService a span{font-weight: 700;vertical-align: middle;}
.admin li.myService a img{vertical-align: middle;}
.admin li.myService.on a{color: #125131;}

.admin li.myService .myservice_link{display: none;width: 122px;text-align: center; position: absolute;top: 41px;left: calc(50% - 50px);background: #fff;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);padding: 8px 0;box-sizing: border-box;z-index: 100;border: 1px solid #E4E4E0;border-radius: 6px;}
.admin li.myService .myservice_link li{padding-left: 0;}

.admin li.myService .myservice_link::after{content: '';display: block;width: 0;height: 0;border-style: solid;border-width: 0 8px 13px;border-color: #FFFFFF transparent;position: absolute;top: -11px;left: 40%;}
.admin li.myService .myservice_link::before{content: '';display: block;width: 0;height: 0;border-style: solid;border-width: 0 8px 13px;border-color: #E4E4E0 transparent;position: absolute;top: -12px;left: 40%;}


.admin li.myService .myservice_link a{display: flex;align-items: center; color: #91A088;font-size: 13px;line-height: 30px;padding-left: 15px;box-sizing: border-box;transition: .23s ease;}
.admin li.myService .myservice_link a:hover{color: #125131;background: #F2F2EF;}
.admin li.myService .myservice_link a [class*="icon"]{display: block;width: 16px;height: 16px;background: no-repeat center;margin-right: 5px;}
.admin li.myService .myservice_link a .icon1{background-image: url(../img/common/icon_my_item1.png);}
.admin li.myService .myservice_link a .icon2{background-image: url(../img/common/icon_my_item2.png);}
.admin li.myService .myservice_link a .icon3{background-image: url(../img/common/icon_my_item3.png);}
.admin li.myService .myservice_link a .icon4{background-image: url(../img/common/icon_my_item4.png);}
.admin li.myService .myservice_link a .icon5{background-image: url(../img/common/icon_my_item5.png);}
.admin li.myService .myservice_link a:hover .icon1{background-image: url(../img/common/icon_my_item1_on.png);}
.admin li.myService .myservice_link a:hover .icon2{background-image: url(../img/common/icon_my_item2_on.png);}
.admin li.myService .myservice_link a:hover .icon3{background-image: url(../img/common/icon_my_item3_on.png);}
.admin li.myService .myservice_link a:hover .icon4{background-image: url(../img/common/icon_my_item4_on.png);}
.admin li.myService .myservice_link a:hover .icon5{background-image: url(../img/common/icon_my_item5_on.png);}

.menu{max-width: 1140px; margin: 0 auto; height: 84px; line-height: 84px; display: flex; justify-content: space-between; position: relative;z-index: 99;background: #fff;}
.menu .logo_box{display: block;width: 273px;}
.menu .logo_box img{vertical-align: middle;width: 100%;height: auto;}
.menu .menu_gnb{width:689px; display: flex; justify-content: space-between;}
.menu .menu_gnb>li{position: relative;display: flex;align-items: center;justify-content: center;}
.menu .menu_gnb>li a{font-size: 18px; line-height: 28px; display: inline-block; text-align: center;}
.menu .menu_gnb>li a:hover,
.menu .menu_gnb>li a.on{color: #00A85A;position: relative;font-weight: 700;}
.menu .menu_gnb>li a:hover::after,
.menu .menu_gnb>li a.on::after{content: '';display: block;width: 100%;height: 2px;background: #00A85A;position: absolute;bottom: 0;left: 0;}
.menu .menu_gnb>li.benefit{display: flex;align-items: center;}
.menu .menu_gnb>li.benefit a{display: block;font-size: 16px; line-height: 22px; font-weight: 700;color: #fff;background: #F87154;border-radius: 20px;padding: 8px 17px;}
.menu .menu_gnb>li.benefit a:hover::after{content: none;}

.menu .menu_gnb .item1,
.subMenu div ul.item1{width: 115px;}
.menu .menu_gnb .item2,
.subMenu div ul.item2{width: 65px;}
.menu .menu_gnb .item3,
.subMenu div ul.item3{width: 81px;}
.menu .menu_gnb .item4,
.subMenu div ul.item4{width: 65px;}
.menu .menu_gnb .item5,
.subMenu div ul.item5{width: 65px;}
.menu .menu_gnb .item6,
.subMenu div ul.item6{width: 100px;}

.menu .h_left_box,
.menu .h_right_box{display: none;}
.menu .h_center_box{margin-right: 20px;}

#menu{display: none;}

/* menu 2depth */
.subMenuWrap{width: 100%; border-bottom:1px solid #e7e7e7; height: auto; padding-top:2px; box-sizing: border-box; background: #fff; position: absolute; top:-119px; transition: .23s ease;z-index: 98;}
.subMenu{max-width: 1140px; margin: 0 auto;  display: flex; justify-content: flex-end;padding: 0 0 25px;}
.subMenu div{margin-left: auto;min-width: 689px;display: flex; justify-content: space-between;}
.subMenu div.gnb_banner{width: auto;}
.subMenu div li{text-align: center;}
.subMenu div li a{display: block; text-align: center; line-height: 25px; color:#6E6E6E; font-size: 13px;white-space: nowrap;}
.subMenu div li a:hover,.subMenu div li a.on{color:#00A85A}
.subMenu div ul.benefit li{margin-bottom: 4px;}
.subMenu div ul.benefit li a{display: flex;align-items: center; border-radius: 20px;padding: 4px 15px;font-size: 13px;line-height: 20px;font-weight: 700;letter-spacing: normal;background: #F2F2EF;color: #6E6E6E;transition: .23s ease;}
.subMenu div ul.benefit li a:hover{color: inherit;background: #FBF3F1;color: #F87154;}
.subMenu div ul.benefit li a i.icon{display: block;width: 12px;height: 12px;background: no-repeat;margin-right: 4px;transition: .23s ease;}

.subMenu div ul.benefit li.item1 a i.icon{background-image: url(../img/common/icon_gnb_gift.png);}
.subMenu div ul.benefit li.item2 a i.icon{background-image: url(../img/common/icon_gnb_message.png);}
.subMenu div ul.benefit li.item1 a:hover i.icon{background-image: url(../img/common/icon_gnb_gift_on.png);}
.subMenu div ul.benefit li.item2 a:hover i.icon{background-image: url(../img/common/icon_gnb_message_on.png);}

/* topBtn */
.topBtn{position: fixed; right: 30px; bottom: 30px; width: 50px; height: 50px; background: rgba(21, 21, 21, 0.7) url(../img/common/arr_top.svg)no-repeat center; border-radius: 50%; z-index: 100;transition: .23s ease;cursor: pointer;}
.topBtn:hover{background-color: #151515;}

/* btn ani */
.contboxbtn{text-align: center;}
.contboxbtn a,.contboxbtn a:hover{font-size: 13px; color:#151515; position: relative; z-index: 1;  display: table; text-align: center; height: 35px; cursor: pointer; padding-right: 9px;}
.contboxbtn a:before{content: '';  position: absolute; border-radius:20px; width: 35px; height: 35px; background: #d8e5e7; right:85%; top: -6px; 
    animation: ani-end 1s; z-index: -1; -webkit-animation-fill-mode: both;}
.contboxbtn a:hover:before{animation: ani 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;right: 0;}
.contboxbtn a img{padding-left: 25px; vertical-align: middle;-webkit-animation-fill-mode: both;}

.contboxbtn.main{width: 170px; margin: 0 auto;}
.contboxbt.nmain a,.contboxbtn.main a:hover{padding-right: 12px !important ;}

@keyframes ani {
    0% {width:35px; right:80%;	}
    50% {width:100%; right:0;}
	100% {width:35px; right:0%;	}
}
@keyframes ani-end {
    100% {width:35px;	right:85%;}
    50% {width:100%; right:0;}
	0% {width:35px;	right:0%;}
}

/* footer */
.footerWrap{padding: 30px 0;border-top: 1px solid #E6E6E6;background: #fff;position: relative;z-index: 1;}
.footerWrap .footer{display: flex;align-items: center;max-width: 1140px;margin: 0 auto;}
.footerWrap .copyright{font-size: 13px;line-height: 18px;margin-right: 60px;}
.footerWrap .links a{font-size: 14px;line-height: 20px;margin-right: 20px;letter-spacing: -1px;}
.footerWrap .links .bold{font-weight: 700;}
.footerWrap .family_links{margin-left: auto;position: relative;}
.footerWrap .family_links button{font-size: 14px;line-height: 17px;font-weight: 500;letter-spacing: normal;padding-right: 30px;background: url(../img/common/icon_dropdown.png) no-repeat center right;}
.footerWrap .family_links.on button{background-image: url(../img/common/icon_dropdown2.png);}
.footerWrap .family_links ul{display: none; position: absolute;top: -80px;right: 0;background: #fff;width: 120px;text-align: center;padding: 12px 0;border: 1px solid #E4E4E0;border-radius: 4px;}
.footerWrap .family_links.on ul{display: block;}
.footerWrap .family_links ul li{margin-bottom: 10px;}
.footerWrap .family_links ul li a{display: block; font-size: 13px;line-height: 18px;color: #6E6E6E;}
.footerWrap .family_links ul li a:hover{color: #125131;}
.footerWrap .family_links ul li:last-child{margin-bottom: 0;}

.main_wrap .footerWrap{box-shadow: none;}

/* 퀵메뉴 */
.mobQuickMenu{display: none !important; position: fixed;bottom: 0;left: 0;width: 100%;z-index: 101;background: #fff;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);}
.mobQuickMenu ul{display: flex;justify-content: space-between; width: 100%;margin: 0 auto;padding: 9px 0;}
.mobQuickMenu ul li{width: calc(100% / 5);text-align: center;}
.mobQuickMenu ul li a{display: block; padding-top: 25px;font-size: 11px;font-weight: 300;background: no-repeat center bottom 16px / 24px auto;}
.mobQuickMenu ul li.btn_nav_home a{background-image: url(../img/common/icon_quickMenu_item04.png);}
.mobQuickMenu ul li.btn_nav_news a{background-image: url(../img/common/icon_quickMenu_item03.png);}
.mobQuickMenu ul li.btn_nav_db a{background-image: url(../img/common/icon_quickMenu_item02.png);}
.mobQuickMenu ul li.btn_nav_benefit a{background-image: url(../img/common/icon_quickMenu_item01.png);}
.mobQuickMenu ul li.btn_nav_membership a{background-image: url(../img/common/icon_quickMenu_item05.png);}
.mobQuickMenu ul li.on a{font-weight: bold;}
.mobQuickMenu ul li.on.btn_nav_home a{background-image: url(../img/common/icon_quickMenu_item04_on.png);}
.mobQuickMenu ul li.on.btn_nav_news a{background-image: url(../img/common/icon_quickMenu_item03_on.png);}
.mobQuickMenu ul li.on.btn_nav_db a{background-image: url(../img/common/icon_quickMenu_item02_on.png);}
.mobQuickMenu ul li.on.btn_nav_benefit a{background-image: url(../img/common/icon_quickMenu_item01_on.png);}
.mobQuickMenu ul li.on.btn_nav_membership a{background-image: url(../img/common/icon_quickMenu_item05_on.png);}
/* 211126 퀵메뉴 이미지 확장자 png로 변경 */

/* main */
.mainVisualWrap{position: relative;padding-top: 119px;}
.mainVisual li{position: relative;}
.mainVisual .visual1{background: url(../img/bg/img_vis1.jpg) no-repeat center / cover;}
.mainVisual .visual2{background: url(../img/bg/img_vis2.jpg) no-repeat center / cover;}
.mainVisual .txtBoxWrap{width: 100%; height: 600px; overflow: hidden;}
.mainVisual .txtBoxWrap .txtBox{width: 100%; max-width: 1140px;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);color: #fff;padding-top: 209px;box-sizing: border-box;}
.mainVisual .txtBoxWrap .txtBox strong{display: block; position: relative;word-break: keep-all;font-weight: 700;}
.mainVisual .txtBoxWrap .txtBox strong.ls20px{letter-spacing: 20px;}
.mainVisual .txtBoxWrap .txtBox p{display: flex;align-items: center; font-weight: 700;}
.mainVisual .txtBoxWrap .txtBox p i{display: block;height: 3px;background: #fff;margin-left: 20px;opacity: .7;}
.mainVisual .txtBoxWrap .txtBox p:last-child i{margin-left: 0;margin-right: 20px;}

.mainVisual .txtBoxWrap.visual1 strong{font-size: 72px;line-height: 86px;margin-bottom: 20px;}
.mainVisual .txtBoxWrap.visual1 p{font-size: 28px;line-height: 38px;}
.mainVisual .txtBoxWrap.visual2 strong{font-size: 72px;line-height: 72px;margin-bottom: 24px;}
.mainVisual .txtBoxWrap.visual2 p{font-size: 22px;line-height: 36px;}

.mainVisual .pag_nav{position: absolute; bottom:30px; left: 50%;transform: translateX(-50%);}
.mainVisual .pag_nav li{width: 60px;height: 3px; background: rgba(255, 255, 255, 0.35);margin-left: 6px; float: left;position: relative;}
.mainVisual .pag_nav li:first-child{margin-left: 0;}
.mainVisual .pag_nav li i.ani{width: 0;height: 100%;position: absolute;top: 0;left: 0;}
.mainVisual .pag_nav li.on i.ani{background: #fff;}

.contentsWrap{position: relative;}
.contBg{background: #F2F2EF;padding: 60px 0;}
.mainCont01{display: flex;flex-wrap: wrap; width: 100%; max-width: 1140px; margin: 0 auto; box-sizing: border-box;}

.newsBox{width: calc(100% - 700px); color: #125131;padding-right: 60px;box-sizing: border-box;}
.newsBox .itemHeader{display: flex;align-items: center;justify-content: space-between; margin-bottom: 15px;}
.newsBox .itemHeader h3{font-size: 16px;line-height: 24px;font-weight: 700;color: #91A088;}
.newsBox .itemHeader .btnMore{display: flex; align-items: center;justify-content: flex-end; width: 30px;height: 30px;letter-spacing: normal;}
.newsBox .headlineItem{margin-bottom: 15px;}
.newsBox .headlineItem>a{display: flex;}
.newsBox .headlineItem>a .pic{width: 130px;min-height: 86px; border-radius: 6px;overflow: hidden;}
.newsBox .headlineItem>a .pic .picItem{display: block;width: 100%;height: 100%; background: no-repeat center / cover;}
.newsBox .headlineItem>a .cont{width: calc(100% - 130px);padding: 4px 0 4px 20px;box-sizing: border-box;}
.newsBox .headlineItem>a .cont .tit{font-size: 20px;line-height: 26px;font-weight: 700;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newsBox .headlineItem>a .cont .tit:hover{text-decoration: underline;}
.newsBox .newsList li{margin-bottom: 5px;}
.newsBox .newsList li a{display: block; width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 15px;line-height: 22px;}
.newsBox .newsList li a:hover{text-decoration: underline;}

.bannerBox{display: flex; width: 700px;overflow: hidden;}
.bannerBox .bannerItem01{width: 360px;}
.bannerBox .bannerItem01 ul.slick-dots{position: absolute; top:32px; right: 30px;}
.bannerBox .bannerItem01 ul.slick-dots li{width: 11px; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; height: 11px; padding: 0; margin-left: 5px; float: left}
.bannerBox .bannerItem01 ul.slick-dots li.slick-active{background: #fff;}

.bannerBox .bannerItem01{width: 100%; height: 210px; overflow: hidden; position: relative;}
.bannerBox .bannerItem01 div.title{font-size: 16px; color:#fff; position: absolute; top:25px; left: 30px; z-index: 2}
.bannerBox .bannerItem01 div.line{width:calc(100% - 225px); height: 1px; background: rgba(255, 255, 255, 0.2); position: absolute; overflow: hidden;  z-index: 2; top:36px; left:120px;}
.bannerBox .bannerItem01 div.line div.ani{width: 0; background: #fff;position: absolute; height: 1px; z-index: 3; left:0; top:0}
.bannerBox .bannerItem01 .slick-slider{height: 100%;}
.bannerBox .bannerItem01 .slick-list{height: 100%;}

.bannerBox .bannerItem01 li{height: 100%; padding: 0; box-sizing: border-box;position: relative;}
.bannerBox .bannerItem01 li img{display: block;height: 100%;width: auto;}
.bannerBox .bannerItem01 li h1{margin-top: 35px}
.bannerBox .bannerItem01 li h1 a{display: block; font-size: 24px; color:#fff; font-weight: 400;width: auto;height: auto;background: none;}
.bannerBox .bannerItem01 li h1 a:hover{width: auto;height: auto;background: none;transition: none;}
.bannerBox .bannerItem01 li p{font-size: 14px; color:#fff; margin-top: 5px}
.bannerBox .bannerItem01 li a{width: 27px; height: 16px; background: url(../img/plusx/arrow02.png) no-repeat top right; display: inline-block; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;position: absolute;bottom: 30px;left: 30px;z-index: 1;}
.bannerBox .bannerItem01 li a:hover{width:37px ; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;}

.bannerBox .bannerItem02{width: 340px;position: relative;}
.bannerBox .bannerItem02 .title{font-size: 16px;line-height: 18px;color: #91A088;position: absolute;top: 26px;left: 30px;z-index: 2;}
.bannerBox .bannerItem02 .banner02_link{position: relative; display: block;width: 100%;height: 100%;padding: 26px 30px;box-sizing: border-box;}
.bannerBox .bannerItem02 .banner02_link picture{display: block; position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;}
.bannerBox .bannerItem02 .banner02_link strong{display: block; font-size: 22px;line-height: 33px;font-weight: 700;color: #125131;margin-bottom: 8px;padding-top: 38px;}
.bannerBox .bannerItem02 .banner02_link p{display: block; font-size: 14px;line-height: 21px;color: #125131;margin-bottom: 37px;}
.bannerBox .bannerItem02 .banner02_link a{width: 27px; height: 16px; background: url(../img/icon/arr_link2.svg) no-repeat top right; display: inline-block; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;position: absolute;bottom: 26px;left: 30px;z-index: 1;}
.bannerBox .bannerItem02 .banner02_link a:hover{width:37px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;}

/* 메인 cont1 배너 인디케이터 */
.bannerBox  .swiper-container-horizontal>.swiper-pagination-bullets{width: 100%;right: auto;left: auto;bottom: auto;top: 0;text-align: right;padding: 20px; box-sizing: border-box;}
.bannerBox  .mainBanner01_pag .swiper-pagination-bullet{margin: 0 5px 0 0;width: 9px;height: 9px;background: transparent;border: 1px solid #fff;opacity: .6;border-radius: 50%;}
.bannerBox  .mainBanner01_pag .swiper-pagination-bullet:last-child{margin-right: 0;}
.bannerBox  .mainBanner01_pag .swiper-pagination-bullet-active{background: #fff;opacity: 1;}
.bannerBox  .mainBanner02_pag .swiper-pagination-bullet{margin: 0 5px 0 0;width: 10px;height: 10px;background: transparent;border: 1px solid #91A088;opacity: .6;border-radius: 50%;}
.bannerBox  .mainBanner02_pag .swiper-pagination-bullet:last-child{margin-right: 0;}
.bannerBox  .mainBanner02_pag .swiper-pagination-bullet-active{background: #91A088;opacity: 1;}

.quickMenu{width: 100%;margin-top: 60px;display: flex;align-items: center;justify-content: space-between;}
.quickMenu a{display: flex; flex-direction: column;justify-content: center;align-items: center; font-size: 14px;line-height: 21px;text-align: center;width: 100px;height: 100px;color: #125131;border-radius: 50%;background: #FFF;transition: .23s ease;}
.quickMenu a:hover{color: #fff;background: #00A85A;box-shadow: 0px 4px 20px rgba(0, 168, 90, 0.3);}
.quickMenu a [class*="icon"]{display: block;margin-bottom: 8px;width: 32px;height: 32px;background: no-repeat 0;transition: .23s ease;}
.quickMenu a .icon1{background-image: url(../img/icon/main_quick_item1.svg);}
.quickMenu a .icon2{background-image: url(../img/icon/main_quick_item2.svg);}
.quickMenu a .icon3{background-image: url(../img/icon/main_quick_item3.svg);}
.quickMenu a .icon4{background-image: url(../img/icon/main_quick_item4.svg);}
.quickMenu a .icon5{background-image: url(../img/icon/main_quick_item5.svg);}
.quickMenu a .icon6{background-image: url(../img/icon/main_quick_item6.svg);}
.quickMenu a .icon7{background-image: url(../img/icon/main_quick_item7.svg);}
.quickMenu a .icon8{background-image: url(../img/icon/main_quick_item8.svg);}
.quickMenu a:hover .icon1{background-image: url(../img/icon/main_quick_item1_on.png);}
.quickMenu a:hover .icon2{background-image: url(../img/icon/main_quick_item2_on.png);}
.quickMenu a:hover .icon3{background-image: url(../img/icon/main_quick_item3_on.png);}
.quickMenu a:hover .icon4{background-image: url(../img/icon/main_quick_item4_on.png);}
.quickMenu a:hover .icon5{background-image: url(../img/icon/main_quick_item5_on.png);}
.quickMenu a:hover .icon6{background-image: url(../img/icon/main_quick_item6_on.png);}
.quickMenu a:hover .icon7{background-image: url(../img/icon/main_quick_item7_on.png);}
.quickMenu a:hover .icon8{background-image: url(../img/icon/main_quick_item8_on.png);}

/* 메인콘텐츠 2 start */
.mainCont02{height: 1250px;}
.mainCont02 .top_fix{padding-top: 80px;width: 100%;height: 1161px;background: #fff; box-sizing: border-box;transition: .23s ease;}
.mainCont02 .top_fix.fix{position: fixed;top: 123px;left: 0;padding-top: 40px;}
.mainCont02 dl{position: relative;height: calc(100vh - 203px);}
.mainCont02 dl dt{width: 330px;padding-right: 50px;box-sizing: border-box;}
.mainCont02 dl dt h3{font-size: 72px;line-height: 80px;font-weight: 700;color: #125131;margin-bottom: 40px;}
.mainCont02 dl dt .tab{background: #F2F2EF;border-radius: 40px;padding: 4px 15px;margin-bottom: 40px; box-sizing: border-box;}
.mainCont02 dl dt .tab>div{display: flex;align-items: center;position: relative;}
.mainCont02 dl dt .tab a{display: block;width: calc(100% / 3);text-align: center;font-size: 16px;line-height: 24px;color: #6E6E6E;letter-spacing: normal;padding: 8px 0;margin-right: 5px;position: relative;z-index: 1;}
.mainCont02 dl dt .tab a:last-child{margin-right: 0;}

.mainCont02 dl dt .tab a.on{color: #fff;font-weight: 700;}
.mainCont02 dl dt .tab .tab_indicator{width: calc((100% - 10px) / 3);height: 100%; border-radius: 40px; background: #125131;box-shadow: 0px 2px 6px rgba(145, 160, 136, 0.6);color: #fff;font-weight: 700;position: absolute;top: 0;left: 0;transform: translateX(0);transition: .23s ease;}


.mainCont02 dl dt .btnMore{display: flex;align-items: center; font-size: 15px;line-height: 20px;font-weight: 700;color: #125131;}
.mainCont02 dl dt .btnMore img{padding-left: 10px;transition: .23s ease;}
.mainCont02 dl dt .btnMore:hover img{padding-left: 15px;}
.mainCont02 dl dd{position: absolute;top: 0;right: 0;width: calc(100% - 330px);}
.mainCont02 dl dd .row{display: flex;flex-wrap: wrap;}

.mainCont02 dl dd [class*="col"]{margin-bottom: 60px;margin-right: 4%;}
.mainCont02 dl dd [class*="col"] a{display: block; padding: 35px;background: #F6F6F6;border-radius: 12px; box-sizing: border-box;}
.mainCont02 dl dd [class*="col"] a:hover{background: #FFF;box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.08);}
.mainCont02 dl dd [class*="col"] .badge{display: inline-block;color: #fff;font-size: 13px;line-height: 19px;padding: 4px 12px;border-radius: 14px;}
.mainCont02 dl dd [class*="col"] strong{display: block;font-size: 24px;line-height: 34px;font-weight: 700;margin: 12px 0 15px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.mainCont02 dl dd [class*="col"] p{display: block; font-size: 15px;line-height: 21px;word-break: keep-all;;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #6E6E6E;}
.mainCont02 dl dd [class*="col"] .date{display: block; font-size: 13px;line-height: 18px;color: #6E6E6E;margin-top: 15px;}

.mainCont02 dl dd [class*="col"].type1 .badge{background: #125131;}
.mainCont02 dl dd [class*="col"].type1 strong{color: #125131;}
.mainCont02 dl dd [class*="col"].type2 .badge{background: #4F6AA6;}
.mainCont02 dl dd [class*="col"].type2 strong{color: #4F6AA6;}
.mainCont02 dl dd [class*="col"].type3 a{display: flex;align-items: center;justify-content: center;flex-direction: column; border-radius: 50%;background: #00A85A;width: 240px;height: 240px;padding: 0;}
.mainCont02 dl dd [class*="col"].type3 a::before{content: '';display: block;width: 48px;height: 36px;background: url(../img/icon/main_icon_cont2.png) no-repeat center top;}
.mainCont02 dl dd [class*="col"].type3 a::after{content: '';display: block;width: 24px;height: 16px;background: url(../img/icon/arr_link.svg) no-repeat center right;}
.mainCont02 dl dd [class*="col"].type3 strong{display: block; color: #fff;word-break: keep-all;text-align: center;margin: 12px 0;}

.mainCont02 dl dd .col_item1{width: 46%;}
.mainCont02 dl dd .col_item2{width: 50%; padding-top: 50px;margin-right: 0;}
.mainCont02 dl dd .col_item3{width: 31%; padding-top: 120px;}
.mainCont02 dl dd .col_item4{width: 30%;}
.mainCont02 dl dd .col_item5{width: 31%; padding-top: 80px;margin-right: 0;}
.mainCont02 dl dd .col_item6{width: 49%;margin-left: 7.4%;}
.mainCont02 dl dd .col_item7{width: 30%; padding-top: 60px;margin-right: 0;margin-right: 7.4%;}

/* 메인콘텐츠 3 start */
.mainCont03{margin-top: 140px;background: #A0B1C0;position: relative;z-index: 1;}
.mainCont03 .company_box{padding: 60px 0;display: flex;flex-wrap: wrap;justify-content: center; gap: 12px;}
.mainCont03 .company_box a{display: block;flex: 180px 0 0;overflow: hidden;border-radius: 4px;}
.mainCont03 .company_box dl{position: relative;}
.mainCont03 .company_box dl dt{background: #fff;display: flex;align-items: center;justify-content: center;height: 75px;box-sizing: border-box;}
.mainCont03 .company_box dl dt img{height: auto; object-fit: contain; max-width: 100%;}
.mainCont03 .company_box dl dd{width: 100%;height: 28px; background: rgba(0, 0, 0, 0.6);color: #fff;display: flex;align-items: center;justify-content: space-between;padding: 0 15px;box-sizing: border-box; position: absolute;bottom: -28px;left: 0;transition: .23s ease;}
.mainCont03 .company_box dl:hover dd{bottom: 0;}
.mainCont03 .company_box dl dd strong{font-size: 14px;line-height: 20px;letter-spacing: normal;}
.mainCont03 .company_box dl dd span{line-height: 20px;}
.mainCont03 .company_box .nodata{display: flex;align-items: center;justify-content: center; flex: 180px 0 0;height: 100%;border-radius: 4px;background: rgba(255, 255, 255, 0.5);color: #A0B1C0;font-size: 16px;line-height: 24px;font-weight: 700;}

@media(max-width: 1200px){
    
}

@media(max-width: 1024px){
    .menu{justify-content: flex-start;}
    .menu .menu_gnb{width:595px;gap: 3%;margin-left: auto;}
}

/* 모바일 */
@media(max-width:820px){
    /* layout */
    .web_hide{display: block !important;}
    .mob_hide{display: none !important;}

    /* header */
    .wrap.sub_wrap .topWrap{border-bottom-width: 0;}/* pc 서브페이지 일 때 라인 */
    .wrap .topWrap.fix{border-bottom-width: 1px;}/* pc/모바일 스크롤했을 때 라인 */
    .wrap.mob_h_line .topWrap{border-bottom-width: 1px;}/* 모바일 서브페이지 lnb없을 때 라인 */

    .topAdminWrap{display: none;}
    .menu{padding: 0 20px;height: 60px;line-height: 60px;align-items: center;box-sizing: border-box;gap: 20px;}
    .menu .menu_gnb{display: none;}

    .menu .h_left_box,
    .menu .h_right_box{display: block;width: 60px;flex-shrink: 0;}

    .menu .h_center_box{width: calc(100% - 120px);justify-self: center;margin-right: 0;}

    .menu .h_right_box{display: flex;align-items: center;justify-content: flex-end;}

    .menu .h_left_box .mob_btn_menu,
    .menu .h_left_box .mob_btn_back,
    .menu .h_right_box .mob_btn_user,
    .menu .h_right_box .mob_btn_refresh,
    .menu .h_right_box .mob_btn_add,
    .menu .h_right_box .mob_btn_modify,
    .menu .h_right_box .mob_btn_write,
    .menu .h_right_box .mob_btn_delete,
    .menu .h_right_box .mob_btn_spam,
    .menu .h_right_box .mob_btn_close{display: block; width: 24px;height: 24px;cursor: pointer;line-height: 1;}
    
    .menu .h_center_box .mob_sub_tit,
    .menu .h_center_box .logo_box{width: 100%;display: flex;align-items: center;justify-content: center;text-align: center;}
    .menu .h_center_box .logo_box a{display: block; width: 194px;}

    /* sub header btn setting */
    .menu .h_left_box .mob_btn_back,
    .menu .h_center_box .mob_sub_tit,
    .menu .h_right_box .mob_btn_refresh,
    .menu .h_right_box .mob_btn_add,
    .menu .h_right_box .mob_btn_modify,
    .menu .h_right_box .mob_btn_write,
    .menu .h_right_box .mob_btn_delete,
    .menu .h_right_box .mob_btn_spam,
    .menu .h_right_box .mob_btn_close{display: none !important;}

    /* 모바일 헤더 > 뒤로가기 버튼일 경우 != 메뉴버튼 */
    .wrap.mob_h_back .menu .h_left_box .mob_btn_menu{display: none !important;}
    .wrap.mob_h_back .menu .h_left_box .mob_btn_back{display: block !important;}

    /* 모바일 헤더 > 타이틀일 경우 != 로고 */
    .wrap.mob_h_title .menu .h_center_box .logo_box{display: none !important;}
    .wrap.mob_h_title .menu .h_center_box .mob_sub_tit{display: block !important;}
    .wrap.mob_h_title .menu .h_center_box .mob_sub_tit span{display: block;font-size: 18px;line-height: 24px;font-weight: 700;}

    /* 모바일 헤더 > 회원정보 버튼 없는 경우 */
    .wrap.mob_h_nouser .menu .h_right_box .mob_btn_user{display: none;}

    /* 모바일 헤더 > 멤버십 페이지 */
    .wrap.mob_h_mambership .menu .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_mambership .menu .h_right_box .mob_btn_refresh,
    .wrap.mob_h_mambership .menu .h_right_box .mob_btn_add{display: block !important;}
    .wrap.mob_h_mambership .menu .h_right_box .mob_btn_add{margin-left: 12px;}

    /* 모바일 헤더 > 수정버튼 만 */
    .wrap.mob_h_modify .menu .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_modify .menu .h_right_box .mob_btn_modify{display: block !important;}

    /* 모바일 헤더 > 수정버튼 만 */
    .wrap.mob_h_comple .menu .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_comple .menu .h_right_box .mob_btn_write{display: block !important;}
    .wrap.mob_h_comple .menu .h_right_box .mob_btn_write img.off{display: block;}
    .wrap.mob_h_comple .menu .h_right_box .mob_btn_write img.on{display: none;}
    .wrap.mob_h_comple .menu .h_right_box .mob_btn_write.on img.off{display: none;}
    .wrap.mob_h_comple .menu .h_right_box .mob_btn_write.on img.on{display: block;}

    /* 모바일 헤더 > 등록 삭제버튼 */
    .wrap.mob_h_write .menu .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_write .menu .h_right_box .mob_btn_write,
    .wrap.mob_h_write .menu .h_right_box .mob_btn_delete{display: block !important;}
    .wrap.mob_h_write .menu .h_right_box .mob_btn_delete{margin-left: 12px;}

    /* 모바일 헤더 > 수정 삭제버튼 */
    .wrap.mob_h_modify2 .menu .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_modify2 .menu .h_right_box .mob_btn_modify,
    .wrap.mob_h_modify2 .menu .h_right_box .mob_btn_delete{display: block !important;}
    .wrap.mob_h_modify2 .menu .h_right_box .mob_btn_delete{margin-left: 12px;}

    /* 모바일 헤더 > 쪽지 삭제/차단 버튼 */
    .wrap.mob_h_massage .menu .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_massage .menu .h_right_box .mob_btn_delete,
    .wrap.mob_h_massage .menu .h_right_box .mob_btn_spam{display: block !important;}
    .wrap.mob_h_massage .menu .h_right_box .mob_btn_spam{margin-left: 12px;}
    .wrap.mob_h_massage .menu .h_right_box .mob_btn_spam.on img.notSpam{display: none;}
    .wrap.mob_h_massage .menu .h_right_box .mob_btn_spam.on img.thisSpam{display: block;}
    .wrap.mob_h_massage .menu .h_right_box .mob_btn_spam img.notSpam{display: block;}
    .wrap.mob_h_massage .menu .h_right_box .mob_btn_spam img.thisSpam{display: none;}

    /* 모바일 헤더 > 삭제버튼 */
    .wrap.mob_h_delete .menu .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_delete .menu .h_right_box .mob_btn_delete{display: block !important;}

    /* 모바일 헤더 > 닫기버튼만 */
    .wrap.mob_h_close .menu .h_left_box .mob_btn_menu{display: none !important;}
    .wrap.mob_h_close .menu .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_close .menu .h_right_box .mob_btn_close{display: block !important;}

    .subMenuWrap{display: none;}/* pc menu */
    .mobMenuWrap{position: fixed;top: 0;left: -100%; width: 100%;min-height: 100vh;z-index: 102;transition: 0.23s ease;}
    .mobMenuWrap.on{left: 0;}
    .mobMenuWrap .dim{position: fixed;top: 0;left: 0; background: rgba(0, 0, 0, 0);width: 0;height: 100%;transition: .5s ease;}
    .mobMenuWrap.on .dim{width: 100%; background: rgba(0, 0, 0, 0.7);}
    .mobMenuWrap .scroll_box{width: 100%; height: 100vh;overflow-y: auto;}
    #menu{max-width: 280px;width: 100%; display: block;background: #fff;position: absolute;top: 0;left: 0;z-index: 1;}
    #menu .m_head{display: flex; align-items: center; padding: 24px 20px 10px;justify-content: space-between;}
    #menu .m_head .btn_home{width: 30px;height: 20px;}
    #menu .m_head .btn_close{height: 20px;}
    #menu .m_body .user_info{display: inline-block; margin-bottom: 20px;padding: 0 20px;font-size: 14px;line-height: 18px;background: url(../img/common/arr_go.png) no-repeat center right / 12px auto;}
    #menu .m_body .user_info strong{color: #00A85A;}
    #menu .m_body .quick_box{display: flex;justify-content: space-between; padding:0 20px 20px;border-bottom-width: 6px;}
    #menu .m_body .quick_box a{display: block;width: calc(100% / 3); text-align: center; padding-top: 38px;background: no-repeat center top / 47px auto;margin-right: 16px;}
    #menu .m_body .quick_box a:last-child{margin-right: 0;}
    #menu .m_body .quick_box a.btn_quick_item01{background-image: url(../img/common/icon_introduce_b.svg);}
    #menu .m_body .quick_box a.btn_quick_item02{background-image: url(../img/common/icon_benefit_b.svg);}
    #menu .m_body .quick_box a.btn_quick_item03{background-image: url(../img/common/icon_megaphone_b.svg);}
    #menu .m_body .quick_box a.btn_quick_item04{background-image: url(../img/common/icon_my_b.svg);}
    #menu .m_body .quick_box a.btn_quick_item04.on{background-image: url(../img/common/icon_my_b_on.svg);}
    #menu .m_body .quick_box a span{font-size: 13px;line-height: 18px;color: #125131;}
    #menu .m_body .gnb_wrap{border-top: 8px solid #F6F6F6;}
    #menu .m_body .gnb_wrap>ul>li{padding: 2px 0;}
    #menu .m_body .gnb_wrap>ul>li:first-child{padding-top: 20px;}
    #menu .m_body .gnb_wrap>ul>li:last-child{padding-bottom: 20px;}
    #menu .m_body .gnb_wrap>ul>li>a{display: flex;align-items: center;gap: 0 10px; padding: 10px 20px;background: url(../img/common/arr_fold.svg)no-repeat center right 20px / 12px auto;font-size: 16px;line-height: 18px;}
    #menu .m_body .gnb_wrap>ul>li.on>a{background-image: url(../img/common/arr_fold2.svg);color: #125131;}
    #menu .m_body .gnb_wrap>ul>li>a::before{content: '';display: block;width: 26px;height: 26px;background: no-repeat center / 27px auto;}
    #menu .m_body .gnb_wrap>ul>li.gnb_item01>a::before{background-image: url(../img/common/menu_introduce.svg);}
    #menu .m_body .gnb_wrap>ul>li.gnb_item02>a::before{background-image: url(../img/common/menu_news.svg);}
    #menu .m_body .gnb_wrap>ul>li.gnb_item03>a::before{background-image: url(../img/common/menu_scholarship.svg);}
    #menu .m_body .gnb_wrap>ul>li.gnb_item04>a::before{background-image: url(../img/common/menu_fee.svg);}
    #menu .m_body .gnb_wrap>ul>li.gnb_item05>a{font-weight: 700;color: #F87154;}
    #menu .m_body .gnb_wrap>ul>li.gnb_item05>a::before{background-image: url(../img/common/menu_benefit.svg);}
    #menu .m_body .gnb_wrap>ul>li.gnb_item06>a::before{background-image: url(../img/common/menu_community.svg);}
    /* 2depth */
    #menu .m_body .gnb_wrap>ul>li ul{background: #F2F2EF;padding: 15px 0 15px 56px;display: none;}
    #menu .m_body .gnb_wrap>ul>li.gnb_item07 ul{display: block; background: #F0F7FD;}/* 220114 */
    #menu .m_body .gnb_wrap>ul>li ul li{margin-bottom: 10px;}
    #menu .m_body .gnb_wrap>ul>li ul li:last-child{margin-bottom: 0;}
    #menu .m_body .gnb_wrap>ul>li ul li a{font-size: 13px;line-height: 18px;color: #666;}
    /* 메뉴 강조 220506 */
    #menu .m_body .gnb_wrap>ul>li.hot>a::after{content: '';display: block;width: 26px;height: 15px; background: url(../img/common/icon_hot.svg) no-repeat center / cover;margin-left: -8px;}
    #menu .m_body .gnb_wrap>ul>li ul li.bold a{color: #151515;position: relative;z-index: 2;padding: 0 3px;}
    #menu .m_body .gnb_wrap>ul>li ul li.bold a::before{content: '';display: block;width: 100%;height: 8px;background: #FFED47;position: absolute;bottom: 0;left: 0;z-index: -1;}
    #menu .m_body .gnb_wrap>ul>li ul li.bold a::after{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background: #EF5088;position: absolute;top: 2px;right: -5px;}

    #menu .m_body .gnb_wrap .uni_box{border-top: 6px solid #F6F6F6;border-bottom: 6px solid #F6F6F6;padding: 20px;}
    #menu .m_body .gnb_wrap .uni_box .btn_uni{display: block; color: #666;line-height: 18px;background: url(../img/common/icon_external-link.svg)no-repeat center right / 14px auto;}
    #menu .btn_logout{display: block; color: #666;text-align: center;width: 100%;padding: 30px 0 20px;}
    
    /* 211126 모바일 사이드메뉴 퀵 링크 추가 */
    #menu .m_body .gnb_wrap .quick_link{display: flex;align-items: center;box-shadow: inset 0px 1px 0px #EEE;padding: 14px 0;}
    #menu .m_body .gnb_wrap .quick_link>a{flex: 1 1 0;text-align: center;position: relative;line-height: 18px;color: #4F6AA6;}
    #menu .m_body .gnb_wrap .quick_link>a::after{content: '';display: block;width: 1px;height: 10px;background: #E6E6E6;position: absolute;top: calc(50% - 5px);right: 0;}

    .topBtn{background-color: #151515;width: 40px;height: 40px;background-size: 16px auto;bottom: 10px;right: 10px;}

    /* footer */
    .footerWrap{padding: 0;}
    .footerWrap .footer{flex-wrap: wrap;}
    .footerWrap .copyright{width: 100%;order: 1;padding: 0 20px 20px;font-size: 13px;line-height: 18px;margin-right: 0; box-sizing: border-box;}
    .footerWrap .links{padding: 30.5px 0 30.5px 20px;box-sizing: border-box;}
    .footerWrap .family_links{width: auto;padding: 30px 20px 30px 0;box-sizing: border-box;}
    .footerWrap .family_links button{font-size: 13px;line-height: 16px;padding-right: 25px;}
    .wrap.mob_nofooter .footerWrap{display: none;}/* 220112 */

    /* 퀵메뉴 */
    .mobQuickMenu{display: none !important;}
    .wrap.show_QuickMenu{padding-bottom: 60px;}
    .wrap.show_QuickMenu .mobQuickMenu{display: block !important;}
    .wrap.show_QuickMenu+.topBtn{bottom: 70px;}

    /* main */
    .mainVisualWrap{padding-top: 60px;}
    .mainVisual .visual1{background-image: url(../img/bg/img_vis1_m.jpg);}
    .mainVisual .visual2{background-image: url(../img/bg/img_vis2_m.jpg);}
    .mainVisual .txtBoxWrap{height: 320px;}
    .mainVisual .txtBoxWrap .txtBox{display: flex;align-items: flex-start;justify-content: center;flex-direction: column; padding: 0 30px;box-sizing: border-box;}
    .mainVisual .txtBoxWrap .txtBox strong.ls20px{letter-spacing: normal;}
    .mainVisual .txtBoxWrap .txtBox p{word-break: keep-all;}
    .mainVisual .txtBoxWrap .txtBox p i{display: none;}
    .mainVisual .txtBoxWrap .txtBox p br{display: none;}
    
    .mainVisual .txtBoxWrap.visual1 strong{font-size: 36px;line-height: 53px;margin-bottom: 6px;}
    .mainVisual .txtBoxWrap.visual1 p{font-size: 17px;line-height: 28px;}
    .mainVisual .txtBoxWrap.visual2 strong{font-size: 36px;line-height: 48px;margin-bottom: 10px;}
    .mainVisual .txtBoxWrap.visual2 p{font-size: 14px;line-height: 18px;}
    .mainVisual .txtBoxWrap.visual2 p br{display: block;}
    
    .mainVisual .pag_nav{bottom: 20px;}
    .mainVisual .pag_nav li{width: 30px;height: 2px;margin-left: 3px;}

    .contBg{padding: 40px 0 20px;}

    .mainCont01{width: calc(100% - 40px);}
    
    .newsBox{width: 100%;padding: 0 0 40px;}
    .newsBox .itemHeader h3{line-height: 22px;}
    .newsBox .headlineItem>a .cont{padding-left: 15px;}
    .newsBox .headlineItem>a .cont .tit{font-size: 16px;line-height: 26px;}
    .newsBox .itemHeader .btnMore{height: 22px;}
    .newsBox .newsList li a{font-size: 14px;line-height: 21px;}
    
    .bannerBox{width: 100%;flex-direction: column;}
    .bannerBox .bannerItem01{width: 100%;height: auto;}
    .bannerBox .bannerItem01 div.title{left: 20px;top: 20px;}
    .bannerBox .bannerItem01 div.line{left: 110px; display: none;}
    .bannerBox .bannerItem01 ul.slick-dots{right: 25px;top: 15px;}
    .bannerBox .bannerItem01 li{padding: 0;}
    .bannerBox .bannerItem01 li h1{margin-top: 41px;margin-bottom: 12px;}
    .bannerBox .bannerItem01 li h1 a{font-size: 22px;line-height: 22px;}
    .bannerBox .bannerItem01 li p{font-size: 13px;line-height: 18px;}
    .bannerBox .bannerItem01 li a{left: 20px;bottom: 20px;}

    .bannerBox .bannerItem01 .slick-track{height: 100%;}
    .bannerBox .bannerItem01 li img{width: 100%;height: auto;}
    /* 배너1 수정 (인제대 통일) */
    .bannerBox .bannerItem02{width: 100%;}
    .bannerBox .bannerItem02 .title{top: 23px;left: 20px;font-size: 15px;line-height: 18px;}
    .bannerBox .bannerItem02 .banner02_link{padding: 23px 20px;}
    .bannerBox .bannerItem02 .banner02_link strong{padding-top: 33px;margin-bottom: 4px;}
    .bannerBox .bannerItem02 .banner02_link p{margin-bottom: 31px;}

    .quickMenu{margin-top: 40px;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;}
    .quickMenu a{width: calc((100% - 30px) / 4);height: 60px;border-radius: 0;background: transparent;margin-right: 10px;margin-bottom: 20px;font-size: 13px;line-height: 19px;}
    .quickMenu a:nth-child(4n){margin-right: 0;}
    .quickMenu a [class*="icon"]{margin-bottom: 6px;}
    .quickMenu a:hover{color: #125131;background: transparent;box-shadow: none;}
    .quickMenu a:hover .icon1{background-image: url(../img/icon/main_quick_item1.svg);}
    .quickMenu a:hover .icon2{background-image: url(../img/icon/main_quick_item2.svg);}
    .quickMenu a:hover .icon3{background-image: url(../img/icon/main_quick_item3.svg);}
    .quickMenu a:hover .icon4{background-image: url(../img/icon/main_quick_item4.svg);}
    .quickMenu a:hover .icon5{background-image: url(../img/icon/main_quick_item5.svg);}
    .quickMenu a:hover .icon6{background-image: url(../img/icon/main_quick_item6.svg);}
    .quickMenu a:hover .icon7{background-image: url(../img/icon/main_quick_item7.svg);}
    .quickMenu a:hover .icon8{background-image: url(../img/icon/main_quick_item8.svg);}

    /* 메인콘텐츠 2 start */
    .mainCont02{height: auto;}
    .mainCont02 .top_fix{padding-top: 0;height: auto;}
    .mainCont02 .top_fix.fix{position: static;padding-top: 0;}
    .mainCont02 dl{height: auto;}
    .mainCont02 dl dt{padding: 40px 20px 30px;width: 100%;background: #fff;position: relative;z-index: 10;}
    .mainCont02 dl dt h3{font-size: 32px;line-height: 40px;margin-bottom: 15px;letter-spacing: -1px;}
    .mainCont02 dl dt h3 br{display: none;}
    .mainCont02 dl dt .tab{margin-bottom: 0;padding: 4px 0;}
    .mainCont02 dl dt .tab>div{justify-content: center;}
    .mainCont02 dl dt .tab a{width: calc((100% - 152px) / 3); font-size: 14px;line-height: 21px;padding: 5.5px 0;margin-right: 10px;}
    .mainCont02 dl dt .tab .tab_indicator{width: calc((100% - 152px) / 3);transform: translateX(61px);}

    .mainCont02 dl dt .btnMore{position: absolute;top: 54px;right: 20px;font-size: 0;width: 24px;height: 16px;}
    .mainCont02 dl dt .btnMore img{padding: 0;width: 100%;height: auto;}
    .mainCont02 dl dt .btnMore:hover img{padding-left: 0;}
    .mainCont02 dl dd{width: 100%;position: static;}
    .mainCont02 dl dd .row{align-items: flex-start; padding: 0 20px;box-sizing: border-box;}
    .mainCont02 dl dd [class*="col"]{margin-bottom: 10px;margin-right: 10px;}
    .mainCont02 dl dd [class*="col"]:nth-child(2n){margin-right: 0;}
    .mainCont02 dl dd [class*="col"] a{padding: 20px;border-radius: 12px;}
    .mainCont02 dl dd [class*="col"] .badge{font-size: 12px;line-height: 18px;}
    .mainCont02 dl dd [class*="col"] strong{font-size: 16px;line-height: 22px;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    .mainCont02 dl dd [class*="col"] p{display: none;}
    .mainCont02 dl dd [class*="col"] .date{margin-top: 8px;}
    .mainCont02 dl dd [class*="col"].type3 a{flex-direction: row; width: 100%;height: auto; border-radius: 400px;padding: 20px;box-sizing: border-box;}
    .mainCont02 dl dd [class*="col"].type3 a::before{width: 32px;height: 24px; background-image: url(../img/icon/main_icon_cont2_m.png);background-size: 69px auto;}
    .mainCont02 dl dd [class*="col"].type3 strong{display: block;width: calc(100% - 56px); text-align: left;font-size: 15px;line-height: 18px;padding: 0 10px;margin: 0; box-sizing: border-box;}
    
    .mainCont02 dl dd .col_item1{width: calc(50% - 5px);}
    .mainCont02 dl dd .col_item2{width: calc(50% - 5px);padding-top: 0;}
    .mainCont02 dl dd .col_item3{width: calc(50% - 5px);padding-top: 0;}
    .mainCont02 dl dd .col_item4{width: calc(50% - 5px);}
    .mainCont02 dl dd .col_item5{width: calc(50% - 5px);padding-top: 0;}
    .mainCont02 dl dd .col_item6{width: calc(50% - 5px);margin-left: 0;}
    .mainCont02 dl dd .col_item7{width: 100%;padding-top: 10px;margin-right: 0;margin-bottom: 0;margin-right: 0;}


    /* 메인콘텐츠 3 start */
    .mainCont03{margin-top: 40px;}
    .mainCont03 .company_box{padding: 30px 20px;width: 100%;box-sizing: border-box;gap: 15px 10px;}
    .mainCont03 .company_box a{flex: 33.3% 1 0;border-radius: 0;}
    .mainCont03 .company_box dl dt{height: 62px;border-radius: 4px;}
    .mainCont03 .company_box dl dd{position: static;background: transparent;color: #fff;justify-content: center;gap: 5px;padding: 0;}
    .mainCont03 .company_box dl dd span{color: #fff;}
    .mainCont03 .company_box .nodata{height: 62px;}

}

/* 팝업 */
@media(max-width:500px){
    
}