@charset "UTF-8";   

/* reset ---------------------------------------- */
*{box-sizing:border-box;}
/* *:focus,
*:active,
*:hover{outline:0 none; -webkit-tap-highlight-color: transparent;} */
html{-webkit-text-size-adjust: none; font-size:16px; line-height:1.5;}
html,body{width:100%;height:100%;padding:0;margin:0;font-family:'Malgun Gothic', '맑은 고딕', dotum, Helvetica, sans-serif; color:#3A3A3C;letter-spacing:-0.25px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
h1,h2,h3,h4,h5{padding:0;margin:0;}
p{margin:0;padding:0;word-wrap:break-word;word-break:keep-all;}
a, a:hover, a:focus, a:active{text-decoration:none;color:#444;}
fieldset,img{border:0 none}
img{position:relative;}
figure img{width:100%; display: block;}
input,select,textarea,button{vertical-align:middle;font-family:'Pretendard Variable', 'Roboto', 'Noto Sans KR', 'Apple SD Gothic Neo','Ubuntu','Nanum Square','Malgun Gothic', '맑은 고딕', 'bold',sans-serif;-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; color:#38373a;}
input{-webkit-border-radius:0;border:0 none;font-family:inherit;font-size:inherit;line-height:inherit;appearance:none;-webkit-appearance:none;}
input::placeholder{font-family:'Pretendard Variable', 'Roboto', 'Noto Sans KR','Apple SD Gothic Neo','Ubuntu','Nanum Square','Dotum','돋움',sans-serif; font-weight:400 !important;}
input:-ms-input-placeholder{font-family:'Pretendard Variable', 'Roboto', 'Noto Sans KR','Apple SD Gothic Neo','Ubuntu','Nanum Square','Dotum','돋움',sans-serif; font-weight:400 !important;}/* IE */
input::-webkit-input-placeholder{font-family:'Pretendard Variable', 'Roboto', 'Noto Sans KR','Apple SD Gothic Neo','Ubuntu','Nanum Square','Dotum','돋움',sans-serif; font-weight:400 !important;}/* Chrome */
input:-mos-input-placeholder{font-family:'Pretendard Variable', 'Roboto', 'Noto Sans KR','Apple SD Gothic Neo','Ubuntu','Nanum Square','Dotum','돋움',sans-serif; font-weight:400 !important;}/* Firefox */
input::-ms-clear,
input::-ms-reveal{
	display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
	display:none;
}
input{color:#38373A;font-size:16px;letter-spacing:-.25px;}
button{border:0 none;border-radius:0;background-color:transparent;cursor:pointer}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
caption{height:0;padding:0;font-size:0;text-indent:-9999px;}
table{border-spacing:0;border-collapse:collapse;}
textarea{-webkit-appearance:none;-webkit-border-radius:0;width:100%;min-height:270px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 20px;border:1px solid #ddd;outline:none;font:inherit;resize:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;overflow:auto;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand{display:none;/* 화살표 없애기 for IE10, 11*/}
figure{margin:0}

.blind{position:absolute;left:-9999px;width:0.01px;height:0.01px;font-size:0.1px;line-height:0.01px;overflow:hidden;}

/* style ------------------------------------------------------------------------------------------------------------------------ */
.wrapper{position:relative; min-width:980px; margin:0 auto;}
.wrap{width:100%; max-width:1440px; margin:0 auto;}

/* 헤더 ----------------------------------------------*/
.header.intro .gnb ul > li > a:hover{background-color: #31405B;}
.header.intro .gnb ul > li > a.on:hover{background-color: aliceblue;}
.header.intro .gnb .gnb-nemc-link.on span{background-position: 0 4px;}
.header.intro .gnb .gnb-nemc-link span{background-position: 0 -36px;}
.header.intro .gnb-wrap .header-row{width:100%; max-width:1440px; min-width:980px;}
.header.intro .gnb-wrap{background-color: #00163E;}
.header.intro .header-search{background-color: #001233;border-left:1px solid #495B7B}
.header.intro .header-search select{background-color: #001233;}
.header.intro .header-search .search-key{background-color: #001233;border-color: #495B7B;font-size: 13px;}
.header.intro .header-search .search-btn{background-color: #001233;}
.header.intro .header-service li > a:hover{text-decoration: underline;}
.header.intro .header-service .lang-switch a{background-color: #001233;border-color: #495B7B;}
.header-mobile .gnb-detail{top:50px;}

.header .gnb > ul > li > a:hover{background-color: #31405B;}
.header .gnb > ul > li > a.on:hover{background-color: aliceblue;}
.header .gnb .gnb-intro-link span { padding-left:16px; background:url('/images/common/header/icon_home.png') 0 -38px no-repeat; }
.header .gnb .gnb-intro-link.on span { background-position:0 2px; }
.header .header-service { position:absolute; right:260px; top:0; overflow:hidden; }
.header .header-service > ul { float:left; overflow:hidden; }
.header .header-service > ul > li { float:left; }
.header .header-service > ul > li > a { display:block; padding:0 6px; color:#fff; font-size:12px; line-height:40px; }
.header .header-service .lang-switch { float:left; padding-top:9px; margin-left:4px; }
.header .header-service .lang-switch a { display:inline-block; vertical-align:middle; padding:2px 6px; border:1px solid #495B7B; background:#001233; font-size:12px; color:#fff; }
.header .header-service .lang-switch a:hover,
.header .header-service .lang-switch a:focus,
.header .header-service .lang-switch a:active { text-decoration:none; border:1px solid #a3a3a3; background:#5c5c5c; }
.header .header-search { position:absolute; right:-40px; top:0; width:290px; height:40px; background-color: #001233;border-left:1px solid #495B7B }
.header .header-search select { #position:relative; #top:9px; border:none; padding:11px 20px 11px 4px; outline:none; color:#fff; background:url('/images/common/header/icon_arrow_down_on.png') #001233 no-repeat right center; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.header .header-search select::-ms-expand { display: none; }
.header .header-search .search-key { #position:relative; #top:9px; border:none; border-left:1px solid #495B7B; padding:2px 0 2px 8px; background-color: #001233; outline:none; color:#fff; }
.header .header-search .search-btn { position:absolute; right:0; top:0; width:40px; height:40px; border:none; background:url('/images/common/header/icon_search.png') #001233 12px 12px no-repeat; }

/* 모바일 헤더 ----------------------------------------------*/
.intro_header_mob .header-logo{top: 6px;margin-left: 0;transform: translateX(-50%);}
.intro_header_mob .header-logo h1{display: flex;}
.intro_header_mob .header-logo h1 a{display: block;}
.intro_header_mob .header-logo h1 a + a{margin-left: 8px;}
/* .intro_header_mob .header-logo h1 a img{width: 100%;} */


/* 퀵메뉴 -------------------------------------------------------*/
.quick_menu{position:absolute; top:0; right:0; background-color:#1B3B86; z-index:999; }
.quick_menu .depth_1{position:relative;}
.quick_menu .depth_1 > li + li::before{content:''; display:block; width:80px; height:1px; background-color:#fff; margin:0 auto; opacity:0.2;}
.quick_menu .depth_1 > li > button{position:relative; display:block; width:100px; padding:65px 10px 20px; text-align:center; font-size:13px; line-height:20px; color:#fff; z-index:1;}
.quick_menu .depth_1 > li > button img{position:absolute; display:block; top:20px; left:50%; margin-left:-20px;}
.quick_menu .depth_2{position:absolute; width:210px; height:100%; padding:10px 20px; background-color:#7490c7cc; top:0; left:0; transform:translateX(-100%); display:none;}
.quick_menu .depth_2 > li > a{display:block; font-size:13px; line-height:20px; padding:10px 0; color:#fff;}

.quick_menu.is_fixed{position:fixed;}
.quick_menu .depth_1 > li.is_open > button{background-color:#5271AE;}
.quick_menu .depth_1 > li.is_open .depth_2{display:block;}

/* 비주얼영역 -------------------------------------------------------*/
.visual_video{overflow:hidden; background-color:#ddd;position: relative;}
.visual_video .wrap{position:relative;width: 100%; height:88vh; max-height:calc(100vh - 40px); max-width:none;}
.visual_video .wrap::after{content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:#222; opacity:0.2;}
.visual_video .wrap .visual_tit{position: absolute;top:calc(50% - 40px);left:60%;transform:translate(-50% ,-50%);max-width: 650px;height: auto;width: 35%;z-index:9;}
.visual_video .wrap .visual_tit img{display: block;width: 50%;height: 50%;}
.visual_video .wrap .scroll_down{z-index: 99999999;position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);}
.visual_video .wrap .scroll_down p{color:#fff; font-size: 16px; line-height:20px; font-weight: bold;}
.visual_video .wrap .scroll_down::after{content:''; display:block; background: url(../images/intro/scroll_down.png) no-repeat;background-size: cover;width: 24px;height: 60px; margin:10px auto 0;}
.visual_video video{display:block; position:absolute; top:50%; left:50%; width:auto; height:auto; min-width:1000%; min-height:100%; max-width:none; max-height:none; transform:translate(-50%, -50%) scale(0.1);}

/* 컨텐츠영역 -------------------------------------------------------*/
.sect{padding:120px 0;}
.sect .wrap{overflow:hidden;}
.sect_top{margin-bottom:80px;}
.sect_tit{text-align:center;}
.sect_tit p{font-size:18px; line-height:20px; font-weight:400; }
.sect_tit p span{color:#7490C7;font-weight: bold;}
.sect_tit h2{font-size:40px; line-height:54px; color:#000; margin-top:12px;font-weight: bold;}
.sect_tit h2 strong{color:#7490C7;}

/* 주요사업 -------------------------------------------------------*/
.business_area{background-color:#F3F8FE}
.business_area .btn_list{display:flex;flex-wrap: wrap;margin:-6px;}
.business_area .btn_list > li{width:calc(100% / 5);padding: 8px;}
.business_area .btn_list > li > a{position:relative; display:block; padding:23px 31px 96px; font-size:17px; line-height:24.5px; font-weight:bold; color:#333; background:#fff; border:1px solid #E4EAF1; border-radius:8px;}
.business_area .btn_list > li > a::after{content:''; display:block; width:24px; height:6px; position:absolute; left:32px; bottom:70px; background:url(../images/intro/ico_mb_arr.png)no-repeat center; background-size:100%;}
.business_area .btn_list > li > a:hover::after,.business_area .btn_list > li > a.active::after{background-image: url(../images/intro/ico_hove_mb_arr.png);}
.business_area .btn_list > li > a img{position:absolute; bottom:24px; right:22px;}
.business_area .btn_list > li > a img.ico_hove{display: none;}
.business_area .btn_list > li > a:hover .ico_hove,.business_area .btn_list > li > a.active .ico_hove{display: block;}
.business_area .btn_list > li > a span .br{display: none;}
.business_area .sect_ba_link{display: none;}

/* 소식 -------------------------------------------------------*/
.notice_area .sect_top{margin-bottom: 0;}
.notice_area .sect_top .sect_tit{padding-bottom: 80px;}
.notice_area .sect_top .btn_more{text-align:right;}
.notice_area .sect_top .btn_more a{display:inline-block; position:relative; padding-right:17px; color:#555; font-size:16px; line-height:21px; font-weight:bold;position: relative;}
.notice_area .sect_top .btn_more a:hover::before{display:block;content:"";clear:both;position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #555;}
.notice_area .sect_top .btn_more a::after{content:''; display:block; width:12px; height:12px; position:absolute; right:0; top:50%;transform:translateY(-50%); background:url(../images/intro/ico_more.png)no-repeat center;background-size: cover; }
.notice_area .sect_btm .btn_more{display: none;}

.card_list{display:flex; flex-wrap:wrap; margin:-30px;}
.card_list li{padding:30px; width:calc(100% / 3);}
.card_list li .category{font-size: 18px;font-weight: bold;line-height: 24px;color: #94AAD5;padding-bottom: 20px;}
.card_list li .intro_cont {display:block;}
.card_list li .intro_cont:hover .tit,
.card_list li .intro_cont:hover .cont{text-decoration:underline;}
.card_list li .intro_cont .img{display:block; position:relative; border:1px solid #DADADA;  overflow:hidden;border-radius: 8px;  padding-top:72.275%; width: 439px; height: 360px;}
.card_list li .intro_cont .img img{display:block; position:absolute; top:50%; left:50%; width:439px; height:360px; min-width:1000%; min-height:1000%; max-width:none; max-height:none; transform:translate(-50%, -50%) scale(0.1);}
.card_list li .intro_cont .tit{display:block; margin-top:30px; font-size:20px; line-height:24px; font-weight:bold; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.card_list li .intro_cont .cont{display:block; margin-top:10px; font-size:16px; height:60px; line-height:21px; color:#555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.card_list li .intro_cont .etc{margin-top:15px; padding-top:10px; display:flex; justify-content:end; align-items:center; border-top:1px solid #DADADA;}
.card_list li .intro_cont .etc > *{display:flex; align-items:center; font-size:13px; line-height:18px; color:#777;}
.card_list li .intro_cont .etc > *::after{content:''; display:inline-block; width:1px; height:8px; background-color:#dadada; margin:0 10px;}
.card_list li .intro_cont .etc > *:last-child::after{display:none;}
.card_list li .intro_cont .date::before{content:''; display:block; width:18px; height:18px; margin-right:5px; background:url(../images/ico_date.png)no-repeat left center; background-size:18px 18px;}
.card_list li .intro_cont .hits::before{content:''; display:block; width:18px; height:18px; margin-right:5px; background:url(../images/ico_hits.png)no-repeat left center; background-size:18px 18px;}

/* 푸터 -------------------------------------------------------*/
.footer .footer_top{background-color: #222; border-top: #333 1px solid; padding:25.5px 0;}
.footer .footer_top .banner_swiper .swiper-container img { width:100%;}
.footer .footer_top .banner_swiper .swiper-button-prev,
.footer .footer_top .banner_swiper .swiper-button-next{display: none;}
.footer .footer_middle{padding:25px 0;background-color:#222;}
.footer .footer_middle .terms_menu{display:flex;}
.footer .footer_middle .terms_menu > li{display:flex; align-items:center;}
.footer .footer_middle .terms_menu > li + li::before{content:''; display:block; width:1px; height:10px; background-color:#7D7D7D; margin:0 15px;}
.footer .footer_middle .terms_menu > li a{display:block; color:#CCC; font-size:14px; line-height:18px;}
.footer .footer_middle .terms_menu > li.point a{color:#7490C7; font-weight:bold;}
.footer .footer_bottom{background-color:#222; padding:40px 0;  border-top:1px solid #333;}
.footer .footer_bottom .wrap{position:relative;}
.footer .footer_bottom .logo{display:block; position:absolute; top:0; left:0; width:125px;}
.footer .footer_bottom .logo img{width:100%;}
.footer .footer_bottom .info{margin-left:200px;}
.footer .footer_bottom .info{font-size:13px; line-height:18px;}
.footer .footer_bottom .info .address{color:#ccc;}
.footer .footer_bottom .info .copyright{margin-top:10px; color:#888;}

@media only screen and (min-width: 1921px) {
	.quick_menu{right:50%; margin-right:calc(-1920px / 2);}
}

@media only screen and (max-width: 1440px) {
	.wrap{padding:0 20px;}
	.footer .footer_bottom .logo{left:20px;}
}

@media only screen and (max-width: 1279px) {
	.quick_menu{display: none;}
}
@media only screen and (max-width: 1200px) {
	.business_area .btn_list > li{width: calc(100% / 4);}
}

@media only screen and (max-width: 1020px) {
	.header .gnb > ul > li > a{padding: 0 8px;}
}

@media only screen and (max-width: 480px) {
	.wrapper{min-width:360px;}
	.layout-footer {min-width:360px !important;}

	.sect{padding:20px 0;}
	.sect_tit{text-align: center;padding-bottom: 40px;}
	.sect_tit p{font-size:12px; line-height:16px;}
	.sect_tit h2{font-size:22px; line-height:29px; margin-top:8px;}

	.visual_video{margin-top:50px;}
	.visual_video .wrap{height:auto; padding-top:54%;}

	.card_list{margin:0;}
	.card_list li{width:100%; padding:0;}
	.card_list li{margin-bottom:40px;}

	.business_area{background-color: #fff;position: relative;}
	.business_area::after{content: "";clear: both;display: block;position: absolute;width: 100%;height: 6px;bottom: -8px;left: 0;background-color: #F5F6F8;border-top: 1px solid #EDF0F4;border-bottom: 1px solid #EDF0F4;}
	.business_area .sect_top{display: none;}
	.business_area .btn_list{gap: 4px;}
	.business_area .btn_list > li{width: calc(25% - 4px);}
	.business_area .btn_list > li:hover{}
	.business_area .btn_list > li > a{border: none;border-radius: 0;padding: 41px 0 6px;font-size: 12px;line-height: 17px;text-align: center;font-weight: 400;}
	.business_area .btn_list > li > a img{top: 6px;left: 50%;transform: translateX(-50%);width: 32px;height: 32px;}
	.business_area .btn_list > li > a:hover .ico_hove,.business_area .btn_list > li > a.active .ico_hove{display: none;}
	.business_area .btn_list > li > a::after{display: none;}
	.business_area .btn_list > li > a span .br{display: block;}
	.business_area .sect_ba_link{display: flex;justify-content:space-between;margin-top: 20px;}
	.business_area .sect_ba_link li{width: calc(50% - 5px);height: auto;}
	.business_area .sect_ba_link li a{display: block;width: 100%;height: 100%;}
	.business_area .sect_ba_link li a img{width: 100%;height: 100%;}

	.notice_area{padding-bottom:0;}
	.notice_area .sect_top{padding-top: 48px;}
	.notice_area .sect_top .btn_more{display: none;}
	.notice_area .sect_top .sect_tit{padding-bottom: 40px;}
	.notice_area .sect_btm .btn_more{display: block;}
	.notice_area .sect_btm .btn_more a{font-size: 12px;display: block;text-align: center;border-top: 1px solid #E2E5EE;padding: 15px 0;line-height: 16px;font-weight: bold;}
	.notice_area .sect_btm .btn_more a::after{content:''; display:inline-block; width:10px; height:10px; margin-left:5px; background-image:url(../images/ico_arr.png); background-repeat:no-repeat; background-position:center; background-size:10px 10px; }
	.notice_area .card_list li{position: relative;}
	.notice_area .card_list li a{border-radius: 0;}
	.notice_area .card_list li a .tit{margin-top:20px;font-size: 18px;}
	.notice_area .card_list li a .cont{margin-top: 6px;font-size: 14px;}

	.footer .footer_top{ padding:20px 0 15px; border-left:0 none; border-right:0 none;}
	.footer .footer_middle .wrap{display:block;height: 32px;}
	.footer .footer_middle .terms_menu{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin:-2.5px 0;}
	.footer .footer_middle .terms_menu > li{display:inline-flex; padding:2.5px 0;}
	.footer .footer_middle .terms_menu > li:nth-child(4){width:50%; justify-content:end;}
	.footer .footer_middle .terms_menu > li:nth-child(4)::before{display:none;}
	.footer .footer_middle .terms_menu > li:nth-child(5){width:50%; justify-content:start;}
	.footer .footer_middle .terms_menu > li + li::before{background-color: #DADADA;}
	.footer .footer_middle .terms_menu > li a{white-space:nowrap; font-size:12px; line-height:16px;color: #777;}
	.footer .footer_middle{background-color: #E5E8EC;padding: 20px 0 15px;}
	.footer .footer_bottom{border-top:0 none; padding-top:0;background-color: #E5E8EC;padding-bottom: 20px;}
	.footer .footer_bottom .logo{display:none;}
	.footer .footer_bottom .info{margin:0; text-align:center;}
	.footer .footer_bottom .info .address{margin:0 0 !important; font-size:11px; line-height:15px; color:#767F95;} 
	.footer .footer_bottom .info .copyright{font-size:8px; line-height:10px; font-weight:500; margin-top:5px;color: #ADADAD;}

	.visual_video .wrap .visual_tit{width: 205px;height: 82px;top: 50%;}
	.visual_video .wrap .scroll_down{display: none;}

	.footer .footer_top .wrap{height: 32px;width: auto;padding: 0 55px;position: relative;}
	.footer .footer_top .banner_swiper .swiper-container ul li{width: 50%;margin-left: 0;}
	.footer .footer_top .banner_swiper .swiper-container ul li + li{margin-left: 0;}
	.footer .footer_top .banner_swiper .swiper-container ul li a{max-width: 110px;margin: 0 auto;display: block;}
	.footer .footer_top .banner_swiper .swiper-container img{width: 100%;}
	.footer .footer_top .banner_swiper .swiper-button-prev,
	.footer .footer_top .banner_swiper .swiper-button-next{width: 30px;height: 30px;background-position: 50% 50%;background-size: 10px 19px;margin-top: 0;transform: translateY(-50%);display: block;}
	.footer .footer_top .banner_swiper .swiper-button-prev{background-image: url(../images/mob_arr_left.png);left: 20px;}
	.footer .footer_top .banner_swiper .swiper-button-next{background-image: url(../images/mob_arr_right.png);right: 20px;}

}
@media only screen and (min-width: 481px){
	.business_area .btn_list > li > a:hover,
	.business_area .btn_list > li > a:focus{background-color: #7490C7;box-shadow: 3px 3px 3px rgba(0,0,0,0.2);border-color:#7490C7;color:#fff}

	.footer .footer_top .wrap{display:flex; justify-content:center;height: auto;}
	.footer .footer_top .banner_swiper{width: 100%;}
	.footer .footer_top .banner_swiper .swiper-container{width:100%;}
	.footer .footer_top .banner_swiper .swiper-container ul li{flex-shrink:unset; width:100%;}
	.footer .footer_top .banner_swiper .swiper-container ul li + li{margin-left:8.5%}
	.footer .footer_top .banner_swiper .swiper-container ul li { padding:0; display: block;width: 190px;}
	.footer .footer_top .banner_swiper .swiper-container ul li a { display:block; width:100%; max-width: 190px;  }
}

@media only screen and (max-width: 340px){
	.footer .footer_top .terms_menu > li + li::before{margin:0 10px;}
}

@media only screen and (max-width: 460px){
		.card_list li .intro_cont .img {width: auto;}
}