@charset "UTF-8";

.section {}
.section .container .cont > .title {font-weight: 500; font-size: 36px; line-height: 54px; color: #242424; letter-spacing: -0.025em; text-align: center;}
.section .container .cont > .title_area {}
.section .container .cont > .title_area .title {font-weight: 500; font-size: 36px; line-height: 54px; color: #ffffff; letter-spacing: -0.025em; text-align: center;}
.section .container .cont > .title_area .link_view {font-weight: 400; font-size: 18px; line-height: 54px; color: #ffffff; letter-spacing: -0.025em;}


/*==================== 2021.12.30 삭제필요 슬라이드
.section.sen1 {padding: 53px 0 38px; background-image: url("/images/home/kor/user/main/main_visual_set.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center;}
.section.sen1 .container {}
.section.sen1 .container .cont {}
.section.sen1 .container .cont .main_slide_box {position: relative;}
.section.sen1 .container .cont .main_slide_box #main_slide {}
.section.sen1 .container .cont .main_slide_box #main_slide li {}
.section.sen1 .container .cont .main_slide_box #main_slide li .box {}
.section.sen1 .container .cont .main_slide_box #main_slide li .box .sub_tit {height: 48px; font-weight: 500; font-size: 32px; line-height: 48px; color: #212121;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.sen1 .container .cont .main_slide_box #main_slide li .box .title {height: 93px; font-weight: 700; font-size: 62px; line-height: 93px; color: #212121; letter-spacing: -0.025em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.sen1 .container .cont .main_slide_box #main_slide li .box .text {height: 33px; margin: 9px 0 0; font-weight: 400; font-size: 22px; line-height: 33px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.sen1 .container .cont .main_slide_box #main_slide .slick-dots {display: inline-block !important; margin: 33px 0 0; padding: 12px 0; font-size: 0; text-align: center;}
.section.sen1 .container .cont .main_slide_box #main_slide .slick-dots li {display: inline-block; position: relative; padding: 0 50px 0 0;}
.section.sen1 .container .cont .main_slide_box #main_slide .slick-dots li:last-child {padding: 0;}
.section.sen1 .container .cont .main_slide_box #main_slide .slick-dots li:last-child:before {display: none;	}
.section.sen1 .container .cont .main_slide_box #main_slide .slick-dots li:before {display: block; content: ""; position: absolute; left: 10px; top: 50%; width: 50px; height: 1px; background-color: rgba(255, 255, 255, 0.3);}
.section.sen1 .container .cont .main_slide_box #main_slide .slick-dots li button {position: relative; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #ffffff; font-size: 0;}
.section.sen1 .container .cont .main_slide_box #main_slide .slick-dots li.slick-active button:before {display: block; content: ""; position: absolute; left: -12px; top: -12px; width: 34px; height: 34px; border-radius: 50%; background-color: rgba(188, 149, 90, 0.8); z-index: -1;}
.section.sen1 .container .cont .main_slide_box #main_slide .slick-dots li.slick-active button {border: none; background-color: #ffffff; }
.section.sen1 .container .cont .main_slide_box .play_btn_box {position: absolute; bottom: 10px; left: 57.5%; display: inline-block; width: 12px; height: 13px; vertical-align: middle;}
.section.sen1 .container .cont .main_slide_box .play_btn_box button {width: 12px; height: 13px; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat;}
.section.sen1 .container .cont .main_slide_box .play_btn_box .play {display: none; background-image: url("/images/home/kor/user/main/visual_play.png");}
.section.sen1 .container .cont .main_slide_box .play_btn_box .stop {background-image: url("/images/home/kor/user/main/visual_stop.png");}
2021.12.30 삭제필요 슬라이드 ====================*/

/*==================== 슬라이드 ====================*/
.section.sen1 {}
.section.sen1 .cont {}
.section.sen1 .cont .main_slide_box {position: relative;}
.section.sen1 .cont .main_slide_box #main_slide {position: relative;}
.section.sen1 .cont .main_slide_box #main_slide li {padding: 55px 0 104px; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center;}
.section.sen1 .cont .main_slide_box #main_slide li .box {display: block;}
.section.sen1 .cont .main_slide_box #main_slide li .box .sub_tit {height: 48px; font-weight: 500; font-size: 32px; line-height: 48px; color: #212121;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.sen1 .cont .main_slide_box #main_slide li .box .title {height: 93px; font-weight: 700; font-size: 62px; line-height: 93px; color: #212121; letter-spacing: -0.025em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.sen1 .cont .main_slide_box #main_slide li .box .text {height: 33px; margin: 9px 0 0; font-weight: 400; font-size: 22px; line-height: 33px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.sen1 .cont .main_slide_box #main_slide li .box .sub_tit, 
.section.sen1 .cont .main_slide_box #main_slide li .box .title,
.section.sen1 .cont .main_slide_box #main_slide li .box .text {font-size:0;}
.section.sen1 .cont .main_slide_box #main_slide .slick-dots {display: inline-block !important; position: absolute; bottom: 38px; left: 50%; transform: translateX(-50%); padding: 12px 0; font-size: 0; text-align: center;}
.section.sen1 .cont .main_slide_box #main_slide .slick-dots li {display: inline-block; position: relative; padding: 0 50px 0 0;}
.section.sen1 .cont .main_slide_box #main_slide .slick-dots li:last-child {padding: 0;}
.section.sen1 .cont .main_slide_box #main_slide .slick-dots li:last-child:before {display: none;}
.section.sen1 .cont .main_slide_box #main_slide .slick-dots li:before {display: block; content: ""; position: absolute; left: 10px; top: 50%; width: 50px; height: 1px; background-color: rgba(255, 255, 255, 0.3);}
.section.sen1 .cont .main_slide_box #main_slide .slick-dots li button {position: relative; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #ffffff; font-size: 0;}
.section.sen1 .cont .main_slide_box #main_slide .slick-dots li.slick-active button:before {display: block; content: ""; position: absolute; left: -12px; top: -12px; width: 34px; height: 34px; border-radius: 50%; background-color: rgba(188, 149, 90, 0.8); z-index: -1;}
.section.sen1 .cont .main_slide_box #main_slide .slick-dots li.slick-active button {border: none; background-color: #ffffff; }
.section.sen1 .cont .main_slide_box .play_btn_box {position: absolute; bottom: 49px; left: 55.5%; display: inline-block; width: 12px; height: 13px; vertical-align: middle;}
.section.sen1 .cont .main_slide_box .play_btn_box button {width: 12px; height: 13px; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat;}
.section.sen1 .cont .main_slide_box .play_btn_box .play {display: none; background-image: url("/images/home/kor/user/main/visual_play.png");}
.section.sen1 .cont .main_slide_box .play_btn_box .stop {background-image: url("/images/home/kor/user/main/visual_stop.png");}
/*==================== 슬라이드 ====================*/

/*==================== 새소식 / 팝업존 ====================*/
.section.sen2 {padding: 49px 0 60px;}
.section.sen2 .container {}
.section.sen2 .container .cont {}
.section.sen2 .container .cont.info_01 {font-size: 0;}
.section.sen2 .container .cont.info_01 .box {display: inline-block; vertical-align: top;}
.section.sen2 .container .cont.info_01 .box.notice {position: relative; width: calc(100% - 480px); margin: 0 38px 0 0;}
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box {}
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box .tab_list {position: relative; background-color: #f7f8f9; border: 1px solid #e9ebee; font-size: 0;}
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box .tab_list li {display: inline-block; width: calc(14.285% - 6.8571px); border-right: 1px solid #e9ebee; vertical-align: middle; text-align: center; z-index: 1;}
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box .tab_list li:last-child {border-right: none;}
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box .tab_list li.on {position: relative;}
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box .tab_list li.on:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 48px; background: linear-gradient(130deg, rgba(62,127,167,1) 0%, rgba(46,173,106,1) 100%); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.24); z-index: -1;}
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box .tab_list li.on:after {content: ''; position: absolute; top: -14px; right: 0; width: 29px; height: 28px; background-image: url("/images/home/kor/user/main/tab_list_icon.png"); background-repeat: no-repeat; background-size: contain;}
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box .tab_list li.on .btn .tit {font-weight: 500; color: #ffffff;}
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box .tab_list li.link_view {width: 48px; height: 48px;} 
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box .tab_list li.link_view.on:before {display: none;}
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box .tab_list li.link_view.on:after {display: none;}
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box .tab_list li.link_view .view {display: block; width: 100%; height: 100%; background-image: url("/images/home/kor/user/main/view_icon.png"); background-position: center; background-repeat: no-repeat;}
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box .tab_list li.link_view .more {font-weight: 400; font-size: 0px; color: #000000;}
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box .tab_list li .btn {display: block; width: 100%; height: 48px; padding: 0 5px; font-size: 0;}
.section.sen2 .container .cont.info_01 .box.notice .tab_list_box .tab_list li .btn .tit {display: inline-block; font-weight: 400; font-size: 17px; line-height: 48px; color: #000000;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box {margin: 31px 0 0;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box {display: none;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box.on {display: block;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list {font-size: 0;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li {display: inline-block; width: calc(33.33% - 26.6666px); border-top: 1px solid #e9ebee; margin: 20px 40px 0 0;  padding: 20px 0 0;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li:nth-child(-n+3) {margin: 0 40px 0 0; border-top: none; padding: 0;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li:nth-child(3n) {margin: 20px 0 0;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li:nth-child(3) {margin: 0;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li .box {display: block;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li .box .mark {display: inline-block; height: 28px; border-radius: 45px; padding: 0 17px; font-weight: 400; font-size: 15px; line-height: 28px; color: #ffffff;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li .box .mark.bg_c1 {background-color: #a8844c;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li .box .mark.bg_c2 {background-color: #00a3a0;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li .box .mark.bg_c3 {background-color: #8d6e63;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li .box .mark.bg_c4 {background-color: #7986cb;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li .box .mark.bg_c5 {background-color: #78909c;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li .box .mark.bg_c6 {background-color: #13216a;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li .box .title {height: 60px; margin: 13px 0 0; font-weight: 500; font-size: 18px; line-height: 30px; color: #000000; letter-spacing: -0.02em; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li .box .date {margin: 8px 0 0; font-weight: 400; font-size: 14px; line-height: 21px; color: #8c8c8c;}
.section.sen2 .container .cont.info_01 .box.notice .info_list_box .info_tab_box .list li .box .date.m {display: none;}

.section.sen2 .container .cont.info_01 .box.popzon {width: 442px;}
.section.sen2 .container .cont.info_01 .box.popzon .title_area {overflow: hidden;}
.section.sen2 .container .cont.info_01 .box.popzon .title_area .title {float: left; font-weight: 500; font-size: 24px; line-height: 36px; color: #2a2a2a; letter-spacing: -0.025em;}
.section.sen2 .container .cont.info_01 .box.popzon .title_area .com_btn_area {float: right; font-size: 0; line-height: 36px;}
.section.sen2 .container .cont.info_01 .box.popzon .title_area .com_btn_area .btn {display: inline-block; width: 8px; height: 13px; background-position: 0 0; background-repeat: no-repeat; vertical-align: middle;}
.section.sen2 .container .cont.info_01 .box.popzon .title_area .com_btn_area .btn.prev {background-image: url("/images/home/kor/user/main/pop_prev_icon.png");}
.section.sen2 .container .cont.info_01 .box.popzon .title_area .com_btn_area .btn.next {background-image: url("/images/home/kor/user/main/pop_next_icon.png");}
.section.sen2 .container .cont.info_01 .box.popzon .title_area .com_btn_area .num {display: inline-block; padding: 0 12px; vertical-align: middle; font-weight: 400; font-size: 14px; line-height: 21px; color: #2a2a2a;}
.section.sen2 .container .cont.info_01 .box.popzon .title_area .com_btn_area .num .now {}
.section.sen2 .container .cont.info_01 .box.popzon .title_area .com_btn_area .num .total {}

.section.sen2 .container .cont.info_01 .box.popzon .popzon_slide_box {margin: 29px 0 0;}
.section.sen2 .container .cont.info_01 .box.popzon .popzon_slide_box #popzon_slide {}
.section.sen2 .container .cont.info_01 .box.popzon .popzon_slide_box #popzon_slide .slick-list {}
.section.sen2 .container .cont.info_01 .box.popzon .popzon_slide_box #popzon_slide .slick-list .slick-track {}
.section.sen2 .container .cont.info_01 .box.popzon .popzon_slide_box #popzon_slide .slick-list .slick-track li {}
.section.sen2 .container .cont.info_01 .box.popzon .popzon_slide_box #popzon_slide .slick-list .slick-track li a {}
.section.sen2 .container .cont.info_01 .box.popzon .popzon_slide_box #popzon_slide .slick-list .slick-track li a .img_box {display: table; width: 100%; max-width: 442px; table-layout: fixed; background-color: #f1f1f1;}
.section.sen2 .container .cont.info_01 .box.popzon .popzon_slide_box #popzon_slide .slick-list .slick-track li a .img_box .inner_box {display: table-cell; width: 100%; height: 317px; vertical-align: middle; text-align: center;}
.section.sen2 .container .cont.info_01 .box.popzon .popzon_slide_box #popzon_slide .slick-list .slick-track li a .img_box .inner_box img {display: inline-block; width: 100%; height: 100%;}

.section.sen2 .container .cont.info_01 .box.m {display: none;}
.section.sen2 .container .cont.info_01 .box.m .title_area {overflow: hidden;}
.section.sen2 .container .cont.info_01 .box.m .title_area .title {float: left; font-weight: 500; font-size: 24px; line-height: 36px; color: #2a2a2a; letter-spacing: -0.025em;}
.section.sen2 .container .cont.info_01 .box.m .title_area .com_btn_area {float: right; font-size: 0; line-height: 36px;}
.section.sen2 .container .cont.info_01 .box.m .title_area .com_btn_area .btn {display: inline-block; width: 8px; height: 13px; background-position: 0 0; background-repeat: no-repeat; vertical-align: middle;}
.section.sen2 .container .cont.info_01 .box.m .title_area .com_btn_area .btn.prev {background-image: url("/images/home/kor/user/main/pop_prev_icon.png");}
.section.sen2 .container .cont.info_01 .box.m .title_area .com_btn_area .btn.next {background-image: url("/images/home/kor/user/main/pop_next_icon.png");}
.section.sen2 .container .cont.info_01 .box.m .title_area .com_btn_area .num {display: inline-block; padding: 0 12px; vertical-align: middle; font-weight: 400; font-size: 14px; line-height: 21px; color: #2a2a2a;}
.section.sen2 .container .cont.info_01 .box.m .title_area .com_btn_area .num .now {}
.section.sen2 .container .cont.info_01 .box.m .title_area .com_btn_area .num .total {}
.section.sen2 .container .cont.info_01 .box.m .area {}
.section.sen2 .container .cont.info_01 .box.m .area.popzon .popzon_slide_box {margin: 10px 0 0;}
.section.sen2 .container .cont.info_01 .box.m .area.popzon .popzon_slide_box #popzon_slide2 {}
.section.sen2 .container .cont.info_01 .box.m .area.popzon .popzon_slide_box #popzon_slide2 .slick-list {}
.section.sen2 .container .cont.info_01 .box.m .area.popzon .popzon_slide_box #popzon_slide2 .slick-list .slick-track {}
.section.sen2 .container .cont.info_01 .box.m .area.popzon .popzon_slide_box #popzon_slide2 .slick-list .slick-track li {}
.section.sen2 .container .cont.info_01 .box.m .area.popzon .popzon_slide_box #popzon_slide2 .slick-list .slick-track li a {}
.section.sen2 .container .cont.info_01 .box.m .area.popzon .popzon_slide_box #popzon_slide2 .slick-list .slick-track li a .img_box {display: table; width: 100%; table-layout: fixed; background-color: #f1f1f1;}
.section.sen2 .container .cont.info_01 .box.m .area.popzon .popzon_slide_box #popzon_slide2 .slick-list .slick-track li a .img_box .inner_box {display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.section.sen2 .container .cont.info_01 .box.m .area.popzon .popzon_slide_box #popzon_slide2 .slick-list .slick-track li a .img_box .inner_box img {display: inline-block; width: 100%; height: 100%;}
.section.sen2 .container .cont.info_01 .box.m .area.symapthy .popzon_slide_box {margin: 10px 0 0;}
.section.sen2 .container .cont.info_01 .box.m .area.symapthy .popzon_slide_box #popzon_slide3 {}
.section.sen2 .container .cont.info_01 .box.m .area.symapthy .popzon_slide_box #popzon_slide3 .slick-list {}
.section.sen2 .container .cont.info_01 .box.m .area.symapthy .popzon_slide_box #popzon_slide3 .slick-list .slick-track {}
.section.sen2 .container .cont.info_01 .box.m .area.symapthy .popzon_slide_box #popzon_slide3 .slick-list .slick-track li {}
.section.sen2 .container .cont.info_01 .box.m .area.symapthy .popzon_slide_box #popzon_slide3 .slick-list .slick-track li a {display: block; position: relative;}
.section.sen2 .container .cont.info_01 .box.m .area.symapthy .popzon_slide_box #popzon_slide3 .slick-list .slick-track li a .img_box {display: table; width: 100%; table-layout: fixed; background-color: #f1f1f1;}
.section.sen2 .container .cont.info_01 .box.m .area.symapthy .popzon_slide_box #popzon_slide3 .slick-list .slick-track li a .img_box .inner_box {display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.section.sen2 .container .cont.info_01 .box.m .area.symapthy .popzon_slide_box #popzon_slide3 .slick-list .slick-track li a .img_box .inner_box img {display: inline-block; width: 100%; height: 100%;}
.section.sen2 .container .cont.info_01 .box.m .area.symapthy .popzon_slide_box #popzon_slide3 .slick-list .slick-track li a .txt_box {display: table; width: 100%; table-layout: fixed; position: absolute; bottom: 0; left: 0; right: 0; padding: 0 20px; background-color: rgba(0,0,0,0.4);}
/* 2021-12-10 */
.section.sen2 .container .cont.info_01 .box.m .area.symapthy .popzon_slide_box #popzon_slide3 .slick-list .slick-track li a .txt_box .txt_inner {display: table-cell; height: 40px; vertical-align: middle}
/* 2021-12-10 */
.section.sen2 .container .cont.info_01 .box.m .area.symapthy .popzon_slide_box #popzon_slide3 .slick-list .slick-track li a .txt_box .txt {height: 21px; font-family: 'GmarketSans'; font-weight: 500; font-size: 14px; line-height: 21px; color: #ffffff; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
/*==================== 새소식 / 팝업존 ====================*/

/*==================== 재단동정,정기간행물,재단SNS ====================*/
.section.sen3 {position: relative;}
.section.sen3:before {display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 453px; background-color: #fafafa;}
.section.sen3 .cont {padding: 54px 0 78px; font-size: 0;}
.section.sen3 .cont > .box {display: inline-block; width: calc(33.33% - 25.3333px); margin: 0 38px 0 0; vertical-align: top;}
.section.sen3 .cont > .box:last-child {margin: 0;}
.section.sen3 .cont > .box.symapthy {}
.section.sen3 .cont > .box.symapthy .title_area {overflow: hidden;}
.section.sen3 .cont > .box.symapthy .title_area .title {float: left; font-weight: 500; font-size: 24px; line-height: 36px; color: #2a2a2a; letter-spacing: -0.025em;}
.section.sen3 .cont > .box.symapthy .title_area .com_btn_area {float: right; font-size: 0; line-height: 36px;}
.section.sen3 .cont > .box.symapthy .title_area .com_btn_area .btn {display: inline-block; width: 8px; height: 13px; background-position: 0 0; background-repeat: no-repeat; vertical-align: middle;}
.section.sen3 .cont > .box.symapthy .title_area .com_btn_area .btn.prev {background-image: url("/images/home/kor/user/main/pop_prev_icon.png");}
.section.sen3 .cont > .box.symapthy .title_area .com_btn_area .btn.next {background-image: url("/images/home/kor/user/main/pop_next_icon.png");}
.section.sen3 .cont > .box.symapthy .title_area .com_btn_area .num {display: inline-block; padding: 0 12px; vertical-align: middle; font-weight: 400; font-size: 14px; line-height: 21px; color: #2a2a2a;}
.section.sen3 .cont > .box.symapthy .title_area .com_btn_area .num .now {}
.section.sen3 .cont > .box.symapthy .title_area .com_btn_area .num .total {}
.section.sen3 .cont > .box.symapthy .popzon_slide_box {margin: 18px 0 0;}
.section.sen3 .cont > .box.symapthy .popzon_slide_box #popzon_slide02 {}
.section.sen3 .cont > .box.symapthy .popzon_slide_box #popzon_slide02 .slick-list {}
.section.sen3 .cont > .box.symapthy .popzon_slide_box #popzon_slide02 .slick-list .slick-track {}
.section.sen3 .cont > .box.symapthy .popzon_slide_box #popzon_slide02 .slick-list .slick-track li {}
.section.sen3 .cont > .box.symapthy .popzon_slide_box #popzon_slide02 .slick-list .slick-track li a {display: block; position: relative;}
.section.sen3 .cont > .box.symapthy .popzon_slide_box #popzon_slide02 .slick-list .slick-track li a .img_box {display: table; width: 100%; max-width: 441px; table-layout: fixed; background-color: #f1f1f1;}
.section.sen3 .cont > .box.symapthy .popzon_slide_box #popzon_slide02 .slick-list .slick-track li a .img_box .inner_box {display: table-cell; width: 100%; height: 267px; vertical-align: middle; text-align: center;}
.section.sen3 .cont > .box.symapthy .popzon_slide_box #popzon_slide02 .slick-list .slick-track li a .img_box .inner_box img {display: inline-block; width: 100%; height: 100%;}
.section.sen3 .cont > .box.symapthy .popzon_slide_box #popzon_slide02 .slick-list .slick-track li a .txt_box {display: table; width: 100%; table-layout: fixed; position: absolute; bottom: 0; left: 0; right: 0; padding: 0 20px; background-color: rgba(0,0,0,0.4);}
/* 2021-12-10 */
.section.sen3 .cont > .box.symapthy .popzon_slide_box #popzon_slide02 .slick-list .slick-track li a .txt_box .txt_inner {display: table-cell; height: 50px; vertical-align: middle;}
/* 2021-12-10 */
.section.sen3 .cont > .box.symapthy .popzon_slide_box #popzon_slide02 .slick-list .slick-track li a .txt_box .txt_inner .txt {font-family: 'GmarketSans'; font-weight: 500; font-size: 16px; line-height: 24px; color: #ffffff; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}

.section.sen3 .cont .box.publication {}
.section.sen3 .cont .box.publication .title_area {position: relative; padding: 0 25px 0 0;}
.section.sen3 .cont .box.publication .title_area .title {font-weight: 500; font-size: 24px; line-height: 36px; color: #2a2a2a; letter-spacing: -0.025em;}
.section.sen3 .cont .box.publication .title_area .view_btn {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.section.sen3 .cont .box.publication .title_area .view_btn a {display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.section.sen3 .cont .box.publication .title_area .view_btn a:hover, .section.sen3 .cont .box.publication .title_area .view_btn a:focus {transform: rotate(180deg);}
.section.sen3 .cont .box.publication .title_area .view_btn a img {}
.section.sen3 .cont .box.publication .publication_box {margin: 18px 0 0;}
.section.sen3 .cont .box.publication .publication_box .box {display: table; width: 100%; table-layout:fixed; border: 0px solid #e9e9e9; padding: 0px 0px;}
.section.sen3 .cont .box.publication .publication_box .box .box_inner {display: table-cell; width: 160px; vertical-align: top;}
.section.sen3 .cont .box.publication .publication_box .box .box_inner .img_box {display: table; width: 100%; max-width: 441px; table-layout: fixed;}
.section.sen3 .cont .box.publication .publication_box .box .box_inner .img_box .img_inner {display: table-cell; width: 100%; height: 267px; vertical-align: middle; text-align: center;}
.section.sen3 .cont .box.publication .publication_box .box .box_inner .img_box .img_inner img {display: inline-block; width: 100%; height: 100%;}
.section.sen3 .cont .box.publication .publication_box .box .list {display: table-cell; width: 100%; padding: 0 0 0 30px; vertical-align: top;}
.section.sen3 .cont .box.publication .publication_box .box .list li {margin: 22px 0 0;}
.section.sen3 .cont .box.publication .publication_box .box .list li:first-child {margin: 0;}
.section.sen3 .cont .box.publication .publication_box .box .list li .btn {display: block; width: 100%; height: 55px; background-color: #e0e0e0; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.section.sen3 .cont .box.publication .publication_box .box .list li .btn:hover,
.section.sen3 .cont .box.publication .publication_box .box .list li .btn:focus {background: linear-gradient(130deg, rgba(62,127,167,1) 0%, rgba(46,173,106,1) 100%);}
.section.sen3 .cont .box.publication .publication_box .box .list li .btn:hover .txt,
.section.sen3 .cont .box.publication .publication_box .box .list li .btn:focus .txt {color: #ffffff;}
.section.sen3 .cont .box.publication .publication_box .box .list li .btn .txt {display: table; width: 100%; padding: 0 5px; table-layout: fixed; font-weight: 500; font-size: 16px; line-height: 24px; color: #282828; word-break: keep-all;}
.section.sen3 .cont .box.publication .publication_box .box .list li .btn .txt .inner {display: table-cell; height: 55px; vertical-align: middle;}

.section.sen3 .cont .box.sns {}
.section.sen3 .cont .box.sns .title_area {}
.section.sen3 .cont .box.sns .title_area .title {font-weight: 500; font-size: 24px; line-height: 36px; color: #2a2a2a; letter-spacing: -0.025em;}
.section.sen3 .cont .box.sns .sns_box {margin: 18px 0 0;}
.section.sen3 .cont .box.sns .sns_box .list {font-size: 0;}
.section.sen3 .cont .box.sns .sns_box .list li {position: relative; display: inline-block; width: calc(50% - 5px); margin: 0 10px 0 0;}
.section.sen3 .cont .box.sns .sns_box .list li:nth-child(2n) {margin: 0;}
.section.sen3 .cont .box.sns .sns_box .list li:nth-last-child(-n+2) {margin: 10px 10px 0 0;}
.section.sen3 .cont .box.sns .sns_box .list li:last-child {margin: 0;}
.section.sen3 .cont .box.sns .sns_box .list li a {display: block; position: relative;}
.section.sen3 .cont .box.sns .sns_box .list li a:before {content: ''; position: absolute; top: 5px; left: 6px; width: 34px; height: 34px; background-repeat: no-repeat; background-size: contain;}
.section.sen3 .cont .box.sns .sns_box .list li.sns01 a:before {background-image: url("/images/home/kor/user/main/sns_blog.png");}
.section.sen3 .cont .box.sns .sns_box .list li.sns02 a:before {background-image: url("/images/home/kor/user/main/sns_facebook.png");}
.section.sen3 .cont .box.sns .sns_box .list li.sns03 a:before {background-image: url("/images/home/kor/user/main/sns_kakao.png");}
.section.sen3 .cont .box.sns .sns_box .list li.sns04 a:before {background-image: url("/images/home/kor/user/main/sns_youtube.png");}

.section.sen3 .cont .box.sns .sns_box .list li a .img_box {display: table; width: 100%; max-width: 216px; background-color: #f1f1f1; table-layout: fixed;}
.section.sen3 .cont .box.sns .sns_box .list li a .img_box .img_inner {display: table-cell; width: 100%; height: 128px; vertical-align: middle; text-align: center;}
.section.sen3 .cont .box.sns .sns_box .list li a .img_box .img_inner img {display: inline-block; width: 100%; height: 100%;}
/*==================== 재단동정,정기간행물,재단SNS ====================*/

/*==================== 북한이탈주민 맞춤형 채용공고 ====================*/
.section.sen4 {position: relative; padding: 56px 0 30px;}
.section.sen4:before {display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 426px; background: linear-gradient(130deg, rgba(62,127,167,1) 0%, rgba(46,173,106,1) 100%);}
.section.sen4 .container {}
.section.sen4 .container .cont {}
.section.sen4 .container .cont .title_area {position: relative; padding: 0 85px 0;}
.section.sen4 .container .cont .title_area .box {text-align: center;}
.section.sen4 .container .cont .title_area .box:last-child {margin: 15px 0 0;}
.section.sen4 .container .cont .title_area .box .title {}
.section.sen4 .container .cont .title_area .box .link_view {position: absolute; top: 0; right: 0;}
.section.sen4 .container .cont .title_area .box .btn_arr {position: absolute; bottom: 0;}
.section.sen4 .container .cont .title_area .box .btn_arr.prev {left: 0;}
.section.sen4 .container .cont .title_area .box .btn_arr.next {right: 0;}
.section.sen4 .container .cont .title_area .box .text {font-weight: 500; font-size: 23px; line-height: 35px; color: #fff1ae; letter-spacing: -0.025em;}
.section.sen4 .container .cont .title_area .box .ant_info_list {margin: 12px 0 0;}
.section.sen4 .container .cont .title_area .box .ant_info_list .list {font-size: 0;}
.section.sen4 .container .cont .title_area .box .ant_info_list .list li {display: inline-block; position: relative; margin: 0 62px 0 0; padding: 0 0 0 69px;}
.section.sen4 .container .cont .title_area .box .ant_info_list .list li:last-child {margin: 0;}
.section.sen4 .container .cont .title_area .box .ant_info_list .list li .icon {display: inline-block; position: absolute; top: 0; left: 0; width: 56px; height: 56px; background-color: rgba(0, 0, 0, 0.15); background-position: center; background-repeat: no-repeat; border-radius: 50%;}
.section.sen4 .container .cont .title_area .box .ant_info_list .list li .icon.icon1 {background-image: url("/images/home/kor/user/main/ant_icon1.png");}
.section.sen4 .container .cont .title_area .box .ant_info_list .list li .icon.icon2 {background-image: url("/images/home/kor/user/main/ant_icon2.png");}
.section.sen4 .container .cont .title_area .box .ant_info_list .list li .icon.icon3 {background-image: url("/images/home/kor/user/main/ant_icon3.png");}
.section.sen4 .container .cont .title_area .box .ant_info_list .list li .tit {margin: 0 19px 0 0; font-weight: 300; font-size: 24px; line-height: 56px; color: #ffffff;}
.section.sen4 .container .cont .title_area .box .ant_info_list .list li .ant_num {font-weight: 500; font-size: 24px; line-height: 56px; color: #ffffff;}
.section.sen4 .container .cont .ant_slide_area {margin: 27px 0 0;}
.section.sen4 .container .cont .ant_slide_area #ant_slide {margin: 0 -30px 0 0;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list {height: auto !important; margin: 0 0 -30px 0; padding: 0 0 30px 0;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track {}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track li {margin: 0 30px 0 0;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track li .box {display: block; width: 100%; border: 1px solid #dbdbdb; padding: 32px 10px 33px 27px; background-color: #ffffff; transition: all 0.3s;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track li .box:hover, .section.sen3 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track li .box:focus {box-shadow: 9px 9px 19px rgba(0, 0, 0, 0.2);}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track li .box .mark {display: inline-block; padding: 0 13px; font-weight: 400; font-size: 15px; line-height: 25px; color: #ffffff; letter-spacing: -0.025em; border-radius: 15px;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track li .box .mark.bg1 {background-color: #2faa6d;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track li .box .mark.bg2 {background-color: #1c85d3;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track li .box .sub_tit {margin: 15px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #afafaf; letter-spacing: -0.025em;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track li .box .title {height: 56px; margin: 6px 0 0; font-weight: 500; font-size: 19px; line-height: 28px; color: #292929; letter-spacing: -0.025em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track li .box .info_list {margin: 22px 0 0; font-size: 0;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track li .box .info_list li {display: inline-block; position: relative; margin: 0 6px 0 0; padding: 0 6px 0 0; font-weight: 300; font-size: 15px; line-height: 24px; color: #292929; letter-spacing: -0.025em;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track li .box .info_list li:last-child {margin: 0; padding: 0;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track li .box .info_list li:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 2px; height: 14px; margin: -7px 0 0; background-color: #d7d7d7;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-list .slick-track li .box .info_list li:last-child:after {display: none;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-dots {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; height: 11px; margin: 40px 0 0;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-dots li {width: 100%;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-dots li button {display: block; width: 100%; height: 2px; background-color: #e2e2e2; text-indent: -9999px; transition: all 0.3s;}
.section.sen4 .container .cont .ant_slide_area #ant_slide .slick-dots li.slick-active button {background-color: #438b54;}
/*==================== 북한이탈주민 맞춤형 채용공고 ====================*/

/*==================== 자주 찾는 서비스 ====================*/
.section.sen5 {padding: 30px 0 40px;}
.section.sen5 .container {}
.section.sen5 .container .cont {}
.section.sen5 .container .cont .service_list_area {margin: 37px 0 0;}
.section.sen5 .container .cont .service_list_area .list {font-size: 0;}
.section.sen5 .container .cont .service_list_area .list li {display: inline-block; width: calc(16.6666% - 18.3333px); margin: 0 22px 0 0;}
.section.sen5 .container .cont .service_list_area .list li:last-child {margin: 0;}
.section.sen5 .container .cont .service_list_area .list li .box {display: block; padding: 23px 5px 34px; background-color: #d6eef1; text-align: center; border-radius: 25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.section.sen5 .container .cont .service_list_area .list li .box:hover, .section.sen4 .container .cont .service_list_area .list li .box:focus {background-color: #c3ecf1;}
.section.sen5 .container .cont .service_list_area .list li .box .text {padding: 76px 0 0; background-position: top center; background-repeat: no-repeat; font-weight: 500; font-size: 20px; line-height: 30px; color: #292929; letter-spacing: -0.025em;}
.section.sen5 .container .cont .service_list_area .list li.icon1 .box .text {background-image: url("/images/home/kor/user/main/serv_icon01.png");}
.section.sen5 .container .cont .service_list_area .list li.icon2 .box .text {background-image: url("/images/home/kor/user/main/serv_icon02.png");}
.section.sen5 .container .cont .service_list_area .list li.icon3 .box .text {background-image: url("/images/home/kor/user/main/serv_icon03.png");}
.section.sen5 .container .cont .service_list_area .list li.icon4 .box .text {background-image: url("/images/home/kor/user/main/serv_icon04.png");}
.section.sen5 .container .cont .service_list_area .list li.icon5 .box .text {background-image: url("/images/home/kor/user/main/serv_icon05.png");}
.section.sen5 .container .cont .service_list_area .list li.icon6 .box .text {background-image: url("/images/home/kor/user/main/serv_icon06.png");}
/*==================== 자주 찾는 서비스 ====================*/

/* 2021-12-09 */
/*==================== 유관기관 배너 ====================*/
.section.sen6 {padding: 40px 0 34px;}
.section.sen6 .container {}
.section.sen6 .container .cont {}
.section.sen6 .container .cont .banner_area {}
.section.sen6 .container .cont .banner_area .list {font-size: 0;}
.section.sen6 .container .cont .banner_area .list li {display: inline-block; width: calc(25% - 13.5px); margin: 0 18px 0 0; border: 1px solid #e3e3e3; border-radius: 9px;}
.section.sen6 .container .cont .banner_area .list li:last-child {margin: 0 !important;}
.section.sen6 .container .cont .banner_area .list li a {display: block;}
.section.sen6 .container .cont .banner_area .list li a .logo_box {display: table; table-layout: fixed; width: 100%;}
.section.sen6 .container .cont .banner_area .list li a .logo_box .logo_inner {display: table-cell; width: 100%; height: 81px; padding: 5px; vertical-align: middle; text-align: center;}
.section.sen6 .container .cont .banner_area .list li a .logo_box .logo_inner img {display: inline-block;}
/*==================== 유관기관 배너 ====================*/
/* 2021-12-09 */

/* 2023-01-19 */
/*==================== 퀵 링크 ====================*/
.quick_box .quick_link {position: relative; bottom: 80px; right:-50%; transform: translateX(-50%); width: 110px; height: 110px; border: 1px solid #e4e5e7; border-radius: 50%; margin-left: 46px; }
.quick_box .quick_link .inner {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); width: 87%; height: 87%; margin-bottom: 30px; box-shadow: 4px 4px 10px rgb(81 170 245 / 30%); border-radius: 50%; background-color: #0180ba; background-image: url('/images/home/kor/user/main/quicklink_bg.png'); background-position: -25px 34px; background-repeat: no-repeat; text-align: center;}
.quick_box .quick_link .inner a {position: relative; display: block; width: 100%; height: 100%; color: #fff; font-size: 14px; text-decoration: none;}
.quick_box .quick_link .inner a:after {content: ''; position: absolute; top: 0px; right: -5px; width: 33px; height: 33px; background: url('/images/home/kor/user/main/quicklink_icon.png') center no-repeat;}
.quick_box .quick_link .inner a span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
/*==================== 퀵 링크 ====================*/

/* 2024-07-04 */
/*==================== 퀵 링크2 ====================*/
.quick_box .quick_link2 {position: relative; bottom: 80px; right:-50%; transform: translateX(-50%); width: 110px; height: 110px; border: 1px solid #e4e5e7; border-radius: 50%; margin-left: 46px; }
.quick_box .quick_link2 .inner {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); width: 87%; height: 87%; margin-bottom: 30px; box-shadow: 4px 4px 10px rgb(81 170 245 / 30%); border-radius: 50%; background-color: #00863C; background-image: url('/images/home/kor/user/main/quicklink_bg.png'); background-position: -25px 34px; background-repeat: no-repeat; text-align: center;}
.quick_box .quick_link2 .inner a {position: relative; display: block; width: 100%; height: 100%; color: #fff; font-size: 14px; text-decoration: none;}
.quick_box .quick_link2 .inner a:after {content: ''; position: absolute; top: 0px; right: -5px; width: 33px; height: 33px; background: url('/images/home/kor/user/main/quicklink04.png') center no-repeat;}
.quick_box .quick_link2 .inner a span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
/*==================== 퀵 링크2 ====================*/

/* 2025-09-19 */
/*==================== 퀵 링크3 ====================*/
.quick_box .quick_link3 {position: relative; bottom: 80px; right:-50%; transform: translateX(-50%); width: 110px; height: 110px; border: 1px solid #e4e5e7; border-radius: 50%; margin-left: 46px; }
.quick_box .quick_link3 .inner {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); width: 87%; height: 87%; margin-bottom: 30px; box-shadow: 4px 4px 10px rgb(81 170 245 / 30%); border-radius: 50%; background-color: #faba12; background-image: url('/images/home/kor/user/main/quicklink_bg.png'); background-position: -25px 34px; background-repeat: no-repeat; text-align: center;}
.quick_box .quick_link3 .inner a {position: relative; display: block; width: 100%; height: 100%; color: #fff; font-size: 14px; text-decoration: none;}
.quick_box .quick_link3 .inner a:after {content: ''; position: absolute; top: 0px; right: -5px; width: 33px; height: 33px; background: url('/images/home/kor/user/main/quicklink_icon.png') center no-repeat;}
.quick_box .quick_link3 .inner a span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
/*==================== 퀵 링크3 ====================*/