@charset "UTF-8";

/* 메인 header, footer 스타일 별도 */
.header {background-color:transparent;border-bottom-color:rgba(255,255,255,0.2)}
.header:not(.on, .scrolled) .gnb_area #gnb > li .sitemap_tit .text {color:#fff}
.header:not(.on, .scrolled) .language .btn, 
.header:not(.on, .scrolled) .head_btn_area .btn_txt,
.header:not(.on, .scrolled) .head_btn_area .btn_icon {color:#fff}
.header:not(.on, .scrolled)  .logo_area .logo {background-image:url(/images/main/logo.png)}
.header:not(.on, .scrolled) .head_btn_area .bundle {border-color:rgba(255,255,255,0.2)}
.header:not(.on, .scrolled) .head_btn_area .bundle.line_s::after {background-color:rgba(255,255,255,0.2)}
.header:not(.on, .scrolled) .head_btn_area .sitemap_btn .icon, 
.header:not(.on, .scrolled) .head_btn_area .sitemap_btn .icon::before, 
.header:not(.on, .scrolled) .head_btn_area .sitemap_btn .icon::after {background-color:#fff}
#footer {border-top:0}

/* 메인 공통 */
.main_tit {margin-bottom:25px;color:#212121;font-weight:700;font-size:42px}
.main_sec {padding:75px 0}
.main_sec .btn_more {color:#212121;font-weight:700}
.main_sec .btn_more:not(.nop) {position:absolute;right:0;top:23px;z-index:0}
.main_sec .btn_more .icon {}
.main_sec .tab_box {display:inline-flex;align-items:center}
.main_sec .tab_box .tab {}
.main_sec .tab_box .tab .btn {display:block;padding:6px 14px;font-size:18px;line-height:1.2;color:#757575;font-weight:500;border:1px solid transparent;border-radius:36px;transition:0.2s}
.main_sec .tab_box .tab:not(.current) .btn:hover, 
.main_sec .tab_box .tab:not(.current) .btn:focus {color:var(--colorMain)}
.main_sec .tab_box .tab.current {}
.main_sec .tab_box .tab.current .btn {padding:6px 20px;color:#212121;border-color:#212121;font-weight:700}
.main_sec .tit_box {display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.main_sec .tit_box .main_tit {margin-bottom:0}
.main_sec .tit_box .tab_box {margin-right:190px}
.main_sec .slide_btn {}
.main_sec .slide_btn:not(.nop) {position:absolute;right:70px;top:19px;z-index:0}
.main_sec .slide_btn .ctrl {}
.main_sec .slide_btn .btn {width:30px}
.main_sec .slide_btn .btn.prev {}
.main_sec .slide_btn .btn.next {}
.main_sec .slide_btn .count {color:#757575;font-size:18px}
.main_sec .slide_btn .count .now {color:var(--colorMain);font-weight:700}
.btn_round {display:inline-block;padding:4px 20px 3px 20px;color:#fff;font-size:1em;font-weight:300;border:1px solid rgba(255,255,255,0.75);border-radius:32px;transition:0.2s}
.btn_round .text {}
a.btn_round:hover, 
a.btn_round:focus, 
button.btn_round:hover, 
button.btn_round:focus {background-color:rgba(0,0,0,0.3);border-color:#fff}

/* 메인 비주얼 */
.main_visual {height:100dvh;min-height:780px;max-height:1000px;position:relative;z-index:0}
.main_visual .mv_wrap {height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
.main_visual .container {display:flex;align-items:center;height:100%}
.main_visual .typo {width:54dvw;color:#fff}
.main_visual .mv_tit {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:45px;font-size:68px;line-height:1.25;font-weight:700;word-break:break-word;overflow:hidden}
.main_visual .mv_txt {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:27px;font-size:21px;overflow:hidden}
.main_visual .btn_round {margin-top:45px;padding:10px 45px;font-size:18px}
.main_visual .scroll_down {display:flex;flex-wrap:wrap;align-items:center;row-gap:90px;line-height:1;color:#fff;position:absolute;left:50px;top:50%;z-index:1;transform:translateY(-50%)}
.main_visual .scroll_down .text {display:inline-block;width:100%;font-size:15px;font-weight:200;writing-mode:sideways-lr;position:relative}
.main_visual .scroll_down .text::after {width:1px;height:0;content:'';position:absolute;top:80px;left:8px;z-index:0;transform-origin:top;animation:mainScrollDown 1.3s infinite ease-in-out}
.main_visual .scroll_down .icon {animation:mainScrollDownIcon 1.5s infinite ease-in}

@keyframes mainScrollDown{
	0% {height:0;background-color:rgba(255,255,255,0.1)}
	100% {height:70px;background-color:rgba(255,255,255,0.3)}
}
@keyframes mainScrollDownIcon{
	0% {transform:translateY(0)}
	50% {transform:translateY(5px)}
	100% {transform:translateY(0)}
}

/* 비주얼 우측 퀵메뉴 */
.mv_quick {display:grid;grid-template-rows:1.8fr 1.2fr;width:600px;height:100%;padding:125px 40px 25px 40px;background-color:rgba(5,34,65,0.5);position:absolute;right:0;top:0;z-index:2}
.mv_quick > * {min-width:0;overflow:hidden}
.mv_quick .link {display:block;padding:15px 25px;color:#fff;border:1px solid;border-radius:10px;transition:0.2s}
.mv_quick .quick_sec {display:grid;grid-template-rows:auto}
.mv_quick .quick_sec .quick {margin-bottom:15px}
.mv_quick .quick_sec .quick:last-child {margin-bottom:0}
.mv_quick .quick_sec .quick .link {display:flex;align-items:center;height:100%;border-color:transparent;background-color:rgba(255,255,255,0.15);position:relative}
.mv_quick .quick_sec .quick .link::after {font-family:'xeicon';content:'\e915';color:#fff;font-size:20px;position:absolute;right:25px;top:16px;z-index:0;transform:rotate(45deg);opacity:0;transition:0.2s}
.mv_quick .quick_sec .quick .quick_tit {margin-bottom:3px;font-weight:700;font-size:28px}
.mv_quick .quick_sec .quick .text {}
.mv_quick .quick_sec .quick .link:hover, 
.mv_quick .quick_sec .quick .link:focus {border-color:rgba(255,255,255,0.7);backdrop-filter:blur(10px)}
.mv_quick .quick_sec .quick .link:hover::after, 
.mv_quick .quick_sec .quick .link:focus::after {opacity:1}
.mv_quick .quick_slide {margin-top:30px}
.mv_quick .quick_slide .slide_inner {display:flex;flex-wrap:wrap;gap:10px;height:calc(100% - 40px)}
/*.mv_quick .quick_slide .slick-list,
.mv_quick .quick_slide .slick-track {height:100%}
.mv_quick .quick_slide .slick-slide > div {display:flex;gap:10px;height:calc(50% - 5px);margin-bottom:10px}
.mv_quick .quick_slide .slick-slide > div:last-child {margin-bottom:0}*/
.mv_quick .quick_slide .quick {width:calc(100% / 2 - 5px)}
.mv_quick .quick_slide .quick .link {display:flex;align-items:center;height:100%;border-color:rgba(255,255,255,0.3)}
.mv_quick .quick_slide .quick .quick_tit {font-size:18px;font-weight:700;transition:0.2s}
.mv_quick .quick_slide .quick .link:hover, 
.mv_quick .quick_slide .quick .link:focus {border-color:#fff;background-color:#fff}
.mv_quick .quick_slide .quick .link:hover .quick_tit, 
.mv_quick .quick_slide .quick .link:focus .quick_tit {color:#212121}
.mv_quick .quick_slide .slide_btn {justify-content:center;gap:8px;margin-top:20px}
.mv_quick .quick_slide .slide_btn .btn {width:25px;color:#fff;opacity:0.6}
.mv_quick .quick_slide .slide_btn .btn:hover, 
.mv_quick .quick_slide .slide_btn .btn:focus {opacity:1}
.mv_quick .quick_slide .slide_btn .btn::after {font-size:15px}
.mv_quick .quick_slide .slide_btn .paging {}
.mv_quick .quick_slide .slide_btn .paging .dots {}
.mv_quick .quick_slide .slide_btn .paging .dots button {border-color:#fff}
.mv_quick .quick_slide .slide_btn .paging .dots .slick-active button {background-color:#fff}

/* 알림소통 */
.sec01 {}
.sec01 .container {}
.sec01 .tit_box {}
.sec01 .main_tit {}
.sec01 .tab_box {}
.sec01 .tab_box .tab {}
.sec01 .tab_box .tab .btn {}
.sec01 .btn_more {}
.sec01 .board_list_slide {}
/* .sec01 .board_list_slide .slide_wrap {display:flex;width:100dvw;margin:-10px 0;position:relative;left:50%;transform:translateX(-50%)} */
/* .sec01 .board_list_slide .slick-list {padding:0 calc((100% - 1400px) / 2 - 10px)} */
.sec01 .board_list_slide .slide_wrap {width:calc(100% + 20px);margin:-10px 0;position:relative;left:50%;transform:translateX(-50%)}
.sec01 .board_list_slide .slide_box {margin:0 10px;padding:10px 0}
.sec01 .board_list_slide .link {display:block;padding:30px 35px;background-color:#fff;border-radius:10px;border:1px solid var(--colorBorderGray);transition:0.2s}
.sec01 .board_list_slide .link:hover, 
.sec01 .board_list_slide .link:focus {box-shadow:0 0 15px rgba(0,0,0,0.08);border-color:transparent}
.sec01 .board_list_slide .link .cate {color:var(--colorMain);font-weight:700;font-size:18px}
.sec01 .board_list_slide .link .subject {-webkit-line-clamp:2;height:4rem;margin:2px auto 25px auto;color:#212121;font-weight:700;font-size:21px}
.sec01 .board_list_slide .link .date {color:#757575}
.sec01 .board_list_slide .link .date .icon {}
.sec01 .board_list_slide .link .new {}
.sec01 .board_list_slide .slide_btn {}
.sec01 .board_list_slide .slide_btn .btn {}
.sec01 .board_list_slide .slide_btn .count {}


/* 퀵메뉴 */
.sec02 {background-color:var(--colorBgGray)}
.sec02 .container {}
.sec02 .img_quick {margin-bottom:25px}
.sec02 .img_quick .quick_inner {display:flex;border-radius:10px;overflow:hidden}
.sec02 .img_quick .quick {flex:1}
.sec02 .img_quick .quick .btn {display:block;padding:40px;background-color:var(--colorMain);background-repeat:no-repeat;background-position:right center;transition:all 0.3s}
.sec02 .img_quick .quick.q1 .btn {background-image:url(/new/images/kor/main/img_quick_bg01.png)}
.sec02 .img_quick .quick.q2 .btn {background-color:var(--colorSub);background-image:url(/new/images/kor/main/img_quick_bg02.png)}
.sec02 .img_quick .quick .btn:hover, 
.sec02 .img_quick .quick .btn:focus {background-color:#032c56;outline:2px solid rgba(255,255,255,0.6);outline-offset:-6px;outline-style:auto}
.sec02 .img_quick .quick.q2 .btn:hover, 
.sec02 .img_quick .quick.q2 .btn:focus {background-color:#056991}
.sec02 .img_quick .quick .btn .subject {color:#fff;font-weight:700;font-size:28px}
.sec02 .img_quick .quick .btn .text {color:#fff}
.sec02 .img_quick .quick .btn .btn_round {margin-top:20px}
.sec02 .icon_quick {position:relative}
/*.sec02 .icon_quick .slide_wrap {width:calc(100% + 20px);margin:0 0 -10px -10px}
.sec02 .icon_quick .slide_box {margin:0 10px;padding:10px 0}*/
.sec02 .icon_quick .slide_wrap {display:flex;flex-wrap:wrap;gap:18px}
.sec02 .icon_quick .slide_box {width:calc(100% / 6 - 15px)}
.sec02 .icon_quick .slide_box .link {display:block;padding:25px 15px;text-align:center;background-color:#fff;border-radius:10px;transition:0.2s}
.sec02 .icon_quick .slide_box .link:hover, 
.sec02 .icon_quick .slide_box .link:focus {box-shadow:0 0 12px rgba(0,0,0,0.1)}
.sec02 .icon_quick .slide_box .link .icon_box {height:45px;margin:0 auto 13px auto;}
.sec02 .icon_quick .slide_box .link .icon_box img {margin:0 auto}
.sec02 .icon_quick .slide_box .link .text {color:#212121;font-weight:700;font-size:18px}
.sec02 .icon_quick .slide_btn {}
.sec02 .icon_quick .slide_btn .btn {width:48px;height:48px;color:#767676;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:100%;position:absolute;top:50%;transform:translateY(-50%);z-index:0}
.sec02 .icon_quick .slide_btn .btn:hover, 
.sec02 .icon_quick .slide_btn .btn:focus {color:var(--colorMain);box-shadow:0 0 10px rgba(60,146,237,0.3)}
.sec02 .icon_quick .slide_btn .btn.prev {left:-73px}
.sec02 .icon_quick .slide_btn .btn.next {right:-73px}


/* 중간 띠배너 */
.main_img_banner {position:relative}
.main_img_banner .btn_status {display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:#212121;font-size:20px;font-weight:700;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.25);border-radius:100%;position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);z-index:2}
.main_img_banner .btn_status::after {font-family:'xeicon'}
.main_img_banner .btn_status.close {}
.main_img_banner .btn_status.close::after {content:'\e91a'}
.main_img_banner .btn_status.open {}
.main_img_banner .btn_status.open::after {content:'\e913'}
.main_img_banner .banner_slide {text-align:center}
.main_img_banner .banner_slide .slide_wrap {height:200px;position:relative}
.main_img_banner .banner_slide .slick-list, 
.main_img_banner .banner_slide .slick-track, 
.main_img_banner .banner_slide .slide_box {height:100%}
.main_img_banner .banner_slide .link {display:flex;align-items:center;justify-content:center;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
.main_img_banner .banner_slide .link .typo {width:100%}
.main_img_banner .banner_slide .link .bn_tit {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:18px;color:#fff;font-size:40px;font-weight:700;line-height:1.25;overflow:hidden}
.main_img_banner .banner_slide .link .text {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:calc(100% - 390px);margin:0 auto;color:#fff;font-size:18px;font-weight:300;overflow:hidden}
.main_img_banner .slide_btn {position:absolute;right:40px;bottom:40px;z-index:2}
.main_img_banner .slide_btn .btn:hover, 
.main_img_banner .slide_btn .btn:focus {}
.main_img_banner .slide_btn .btn.stop, 
.main_img_banner .slide_btn .btn.play {width:32px;height:32px;color:#fff;background-color:rgba(0,0,0,0.4);border-radius:32px}
.main_img_banner .slide_btn .btn.stop::after, 
.main_img_banner .slide_btn .btn.play::after {font-size:1rem}
.main_img_banner .slide_btn .ctrl {}
.main_img_banner .slide_btn .ctrl .btn {}


/* 자료실 */
.sec03 {background-color:#f2f8fb}
.sec03 .container {}
.sec03 .tit_box {}
.sec03 .main_tit {}
.sec03 .tab_box {}
.sec03 .tab_box .tab {}
.sec03 .tab_box .tab .btn {}
.sec03 .btn_more {}
.sec03 .board_list_slide {}
.sec03 .board_list_slide .slide_wrap {width:calc(100% + 24px);margin:-20px 0 -10px -10px}
.sec03 .board_list_slide .slide_box {margin:0 12px;padding-top:20px}
.sec03 .board_list_slide .link {}
.sec03 .board_list_slide .link .img_box {margin-bottom:20px;padding-bottom:144.44%}
.sec03 .board_list_slide .link .img_box .img {}
.sec03 .board_list_slide .link .img_box img {max-width:inherit;height:100%;transition:0.4s}
.sec03 .board_list_slide .link:hover .img_box, 
.sec03 .board_list_slide .link:focus .img_box {box-shadow:0 0 15px rgba(0,0,0,0.08)}
.sec03 .board_list_slide .link:hover .img_box img, 
.sec03 .board_list_slide .link:focus .img_box img {transform:scale(1.05)}
.sec03 .board_list_slide .link .subject {-webkit-line-clamp:2;color:#212121;font-weight:700;font-size:18px;word-break:keep-all}
.sec03 .board_list_slide .slide_btn {}
.sec03 .board_list_slide .slide_btn .btn {}
.sec03 .board_list_slide .slide_btn .count {}