/* swiper */
.swiper{width:100%;overflow:hidden;}
.swiper-slide a { display: block; overflow: hidden; } 
.swiper-slide a img { width: 100%;min-height: 202px; border-radius: 40px 40px 0 0; } 
.control { display: flex;} 
.control button { background-image: url(/layout/images/www2/main/sp_main.png); background-repeat: no-repeat; text-indent: -9999px; } 

/* tab */
.tab { position: relative; display: flex; align-items: start; } 
.tab .tab_box.on .tab_tit { font-weight: 700; color: #0c5395; } 
.tab .tab_box.on .tab_tit::before { position: absolute; top: -16px; left: 50%; transform: translateX(-50%); content: ''; display: block; width: 18px; height: 12px; background: url(/layout/images/www2/main/sp_main.png) no-repeat -428px -23px; } 
.tab .tab_tit { position: relative; display: block; line-height: 1; font-size: 19px; font-weight: 500; color: #777; margin: 8px 0 0 30px; } 
.tab .tab_tit .state { position: absolute; top: -9999em; left: 0; user-select: none; font-size: 1rem; } 
.tab .tab_cnt { position: absolute; top: 70px; left: 0; width: 100%; } 
.tab .tab_cnt .btn_more { position: absolute; top: -78px; right: 0; display: block; width: 52px; height: 52px; border: 1px solid #ccc; border-radius: 15px; background: url(/layout/images/www2/main/sp_main.png) no-repeat -467px -3px; text-indent: -9999px; } 
.tab .tab_cnt .btn_more:hover { width: 50px; height: 50px; border: 2px solid #0c5395; background: url(/layout/images/www2/main/sp_main.png) no-repeat -469px -37px; } 

/* 메인공통 */
.e_tit { font-family: 'Paperlogy-9Black'; font-size: 20px; color: #f25c05; margin-bottom: 22px; } 
h2 { font-family: 'Paperlogy-7Bold'; font-size: 38px; margin-bottom: 48px; } 
h2.tit { animation: slideInLeft .5s ease-in-out forwards 0s } 

/* 메인비주얼 */
.main_vis { position: relative; width: 100%; height: 755px; /*background: url(/layout/images/www2/main/vis_01.jpg) no-repeat center/cover*/; } 
.main_vis > .swiper_vis > .swiper-wrapper > .slide_01 { background: url(/layout/images/www2/main/vis_01.jpg) no-repeat center/cover; } 
.main_vis > .swiper_vis > .swiper-wrapper > .slide_02{ background: url(/layout/images/www2/main/vis_02.jpg) no-repeat center/cover; } 
.main_vis .swiper{height:100%;}
.main_vis .tit { font-family: 'Paperlogy-3Light'; position: absolute; top: 42%; margin-left: 134px; font-size: 50px; line-height: 1.2em; color: #fff; } 
.main_vis .tit > span { font-family: 'Paperlogy-7Bold'; display: block; } 
.main_vis .fund_box { position: absolute; top: 45%; right: 8.4%; display: flex; flex-direction: row; height: 87px; padding: 0 30px 0 58px; background: linear-gradient(88deg, #F25C05 6.29%, #F27507 100%); color: #fff; z-index: 1; border-radius: 50px 15px 30px 50px; align-items: center; box-sizing: border-box; } 
.main_vis .fund_box .coin { position: relative; display: inline-block; width: 53px; height: 49px; background: url(/layout/images/www2/main/sp_main.png) no-repeat 0 -14px; } 
.main_vis .fund_box .coin::after { content: ''; position: absolute; bottom: 13px; left: -20%; width: 77px; height: 14px; border-radius: 50px; background: #ce5204; z-index: -1; } 
.main_vis .fund_box .txt1 { font-family: 'Paperlogy-7Bold'; font-size: 22px; margin: 0 13px 0 42px; } 
.main_vis .fund_box .txt2 { font-size: 17px; margin-right: 36px; color: #FAC6A0; } 
.main_vis .fund_box .amount { padding: 15px 35px; border-radius: 50px; background: #fff; font-family: 'Paperlogy-8ExtraBold'; font-size: 21px; color: #f25c05; } 
.main_vis .control { position: absolute; bottom: 160px; right: 8.4%; color: #fff; z-index: 1; } 
.main_vis .control > *{margin-left:25px;}
.main_vis .control .page_num { display: flex; align-items: center; width: fit-content;} 
.main_vis .control .page_num .now { font-family: 'Paperlogy-8ExtraBold'; } 
.main_vis .control .page_num .total { font-family: 'Paperlogy-7Bold'; color: #ffffff7d; } 
.main_vis .control .page_num .split { font-family: 'Paperlogy-8ExtraBold'; font-size: 11px; margin:0 15px; } 
.main_vis .control .btn_prev { width: 7px; height: 12px; background-position: -117px -14px; margin-left:0;} 
.main_vis .control .btn_next { width: 8px; height: 12px; background-position: -180px -14px; } 
.main_vis .control .btn_stop { width: 10px; height: 17px; background-position: -246px -11.5px; } 
.main_vis .control .btn_stop.on { width: 10px; height: 17px; background-position: -115px -74.5px; } 

/*공지사항*/
.first { display:flex; margin: 100px 0 126px; justify-content: space-between; } 

.notice { position: relative; width: 889px; margin-right:66px; box-sizing:border-box;} 
.notice .top { display: flex; justify-content: space-between; } 
.notice .top .control > button, .notice .top .control > a { position: relative; width: 50px; height: 50px; background: #f4f4f4 url(/layout/images/www2/main/sp_main.png) no-repeat; border-radius: 15px; border: 2px solid #f4f4f4; box-sizing: border-box; transition: border-color .2s; text-indent: -9999px; margin-left: 3px; } 
.notice .top .control > button:hover, .notice .top .control > a:hover { background-color: #fff; border: 2px solid #f25c05; } 
.notice .top .control > .btn_prev { background-position: -294px 2px; } 
.notice .top .control > .btn_stop { background-position: -359px 2px; } 
.notice .top .control > .btn_stop.on { background-position: -160px -61px; } 
.notice .top .control > .btn_next { background-position: -423px 3px; } 
.notice .top .control > .btn_prev:hover { background-position: -294px -62px; } 
.notice .top .control > .btn_stop:hover { background-position: -359px -62px; } 
.notice .top .control > .btn_stop.on:hover { background-position:-229px -61px; } 
.notice .top .control > .btn_next:hover { background-position: -423px -61px; } 
.notice .top .control > .btn_more:hover { background-position: -494px -62px; } 
.notice .top .control > .btn_more { background-position: -494px 2px; display: inline-block; text-indent:-9999px; vertical-align: top; } 
.notice .swiper{padding:20px;margin:-20px;}
.notice .swiper-slide a {min-height: 266px;border-radius: 40px;padding: 35px 27px 35px;border: 3px solid #fff; box-sizing: border-box; transition: border-color .2s; box-shadow: 0 0 20px 2px rgb(0 0 0 / 8%); } 
.notice .swiper-slide:nth-child(3) a { margin:0; } 
.notice .swiper-slide a .new { position: absolute; display: inline-block; width: 19px; height: 19px; background: url(/layout/images/www2/main/new_icon.png) no-repeat; text-indent: -9999px; vertical-align: text-top; margin-top: 3px; margin-left: 3px; } 
.notice .swiper-slide a .sum { } 
.notice .swiper-slide a .sum .tit { position: relative; display: block; font-family: 'Paperlogy-7Bold'; font-size: 19px; line-height: 1.4; color: #222; margin-top: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 13px; } 

.notice .swiper-slide a .sum .sub { min-height: 45px; line-height: 1.4; color: #777; margin-top: 25px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } 
.notice .swiper-slide a .sum .date { display: flex; width: 160px; font-size: 15px; color: #7c7c7c; margin-top: 40px; padding: 14px 0; background: #f5f5f5; border-radius: 50px; justify-content: center; } 
.notice .swiper-slide a .sum .date::before { content: ''; display: inline-block; width: 15px; height: 15px; background: url(/layout/images/www2/main/sp_main.png) no-repeat -584px -13px; vertical-align: middle; margin: 0 11px 0 0; } 
.notice .swiper-slide a:hover { border: 3px solid #f25c05; } 
.notice .swiper-slide a:hover .sum .tit { font-family: 'Paperlogy-8ExtraBold'; color: #f25c05; } 
.notice .swiper-slide a:hover .sum .date { background: #f25c05; color: #fff; } 
.notice .swiper-slide a:hover .sum .date::before { background-position: -584px -77px; } 

/*사업내용*/
.business { display:inline-block; height: fit-content; } 
.business .icon_box { display: flex; width: 100%; padding: 52px 0 0; border: 6px solid #f4f4f4; border-radius: 40px; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: center; } 
.business .icon_box > p { display: flex; width: 30%; margin-bottom: 52px; flex-direction: row; justify-content: center; align-items: center; } 
.business .icon_box > p:nth-child(5){width: 37%;}
.business .icon_box > p > span { display: inline-block; font-family: 'Paperlogy-7bold'; font-size: 18px; line-height: 1.2em; } 
.business .icon_box > p > span > .next { display:block; font-family: 'Paperlogy-5Medium'; font-size: 16px; } 
.business .icon_box > p > i { display: inline-block; width: 60px; height: 49px; background: url(/layout/images/www2/main/sp_main.png) no-repeat; margin-right: 10px; } 
.business .icon_box > p > i.i01 { background-position: 14px -164px; } 
.business .icon_box > p > i.i02 { background-position: -123px -164px; } 
.business .icon_box > p > i.i03 { background-position: -271px -164px; } 
.business .icon_box > p > i.i04 { background-position: -409px -165px; } 
.business .icon_box > p > i.i05 { background-position: -534px -164px; } 

/*포토갤러리*/
.gallery { display: flex; height: 500px; justify-content: space-between; align-items: center; } 
.gallery::before { content:''; position:absolute; width:310px; height: 504px; background: url(/layout/images/www2/main/sp_main.png) no-repeat -2px -340px; left: 8%; bottom: 18%; z-index: -1; } 
.gallery::after { content:''; position:absolute; width:100%; height: 504px; background: url(/layout/images/www2/main/main_bg.png) no-repeat; left: 0; z-index: -1; } 
.gallery .l_box { margin-top: 105px; } 
.gallery .l_box .control > button, .gallery .l_box .control > a { position: relative; width: 50px; height: 50px; background: #fff url(/layout/images/www2/main/sp_main.png) no-repeat; border-radius: 15px; border: 2px solid #f4f4f4; box-sizing: border-box; transition: border-color .2s; text-indent: -9999px; } 
.gallery .l_box .control > button:hover, .gallery .l_box .control > a:hover { background-color: #fff; border: 2px solid #f25c05; } 
.gallery .l_box .control > .btn_prev { background-position: -294px 2px; } 
.gallery .l_box .control > .btn_stop { background-position: -359px 2px; } 
.gallery .l_box .control > .btn_stop.on { background-position:-160px -61px; } 
.gallery .l_box .control > .btn_next { background-position: -423px 3px; } 
.gallery .l_box .control > .btn_prev:hover { background-position: -294px -62px; } 
.gallery .l_box .control > .btn_stop:hover { background-position: -359px -62px; } 
.gallery .l_box .control > .btn_stop.on:hover { background-position:-229px -61px; } 
.gallery .l_box .control > .btn_next:hover { background-position: -423px -61px; } 
.gallery .l_box .control > .btn_more:hover { background-position: -494px -62px; } 
.gallery .l_box .control > .btn_more { background-position: -494px 2px; display: inline-block; text-indent:-9999px; vertical-align: top; } 
.gallery .r_box { display: flex; width: 1231px; height: 100%; align-items: center;} 
.gallery .r_box .swiper{padding:48px 20px;margin:-20px;}
.gallery .r_box .swiper-slide a { position: relative; top: 0; width: 274px; min-height: 266px; margin-right: 45px; border-radius: 40px; box-sizing: border-box; transition: border-color .2s; box-shadow: 0 0 20px 4px rgb(0 0 0 / 8%); background: #fff; transition: top .4s; } 
.gallery .r_box .swiper-slide:nth-child(4) a { margin:0; } 
.gallery .r_box .swiper-slide a .img { display: block; width: 100%; height: 202px; overflow: hidden; } 
.gallery .r_box .swiper-slide a .new { display: inline-block; width: 19px; height: 19px; background: url(/layout/images/www2/main/new_icon.png) no-repeat; text-indent: -9999px; vertical-align: text-top; margin-left: 8px; } 
.gallery .r_box .swiper-slide a .sum { display: flex; text-align: center; padding: 29px 34px 29px; flex-direction: column; align-items: center; } 
.gallery .r_box .swiper-slide a .sum .tit { font-family: 'Paperlogy-7Bold'; font-size: 19px; line-height: 1.4; color: #222; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } 
.gallery .r_box .swiper-slide a .sum .sub { min-height: 45px; line-height: 1.4; color: #777; margin-top: 25px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } 
.gallery .r_box .swiper-slide a .sum .date { display: flex; width: 160px; font-size: 15px; color: #7c7c7c; margin-top: 18px; padding: 14px 0; background: #f5f5f5; border-radius: 50px; justify-content: center; } 
.gallery .r_box .swiper-slide a .sum .date::before { content: ''; display: inline-block; width: 15px; height: 15px; background: url(/layout/images/www2/main/sp_main.png) no-repeat -584px -13px; vertical-align: middle; margin: 0 11px 0 0; } 
.gallery .r_box .swiper-slide a:hover { top: -43px; transition: top .6s; } 
.gallery .r_box .swiper-slide img { transition: transform 0.3s ease-out; } 
.gallery .r_box .swiper-slide a:hover img { transform: scale(1.1); } 
.gallery .r_box .swiper-slide a:hover .sum .tit { font-family: 'Paperlogy-8ExtraBold'; color: #f25c05; } 
.gallery .r_box .swiper-slide a:hover .sum .date { background: #f25c05; color: #fff; } 
.gallery .r_box .swiper-slide a:hover .sum .date::before { background-position: -584px -77px; } 


@keyframes slideInLeft { 
 0% { transform: translate(-30px); opacity: 0}

 to { transform: translate(0); opacity: 1} 
 }