@charset "utf-8";

.skip_snb_menu {display:none;}

#fs_container_wrap {}

/* 비주얼 */
.fs_main_visual {background:url("../images/main/mvis_img01.png") no-repeat center;background-size:cover;}
.fs_main_visual .wrap {display:flex;flex-wrap:wrap;align-items:center;min-height:400px;}
.fs_main_visual .main_visual_text {width:56%;color:#fff;word-break:keep-all;}
.fs_main_visual .main_visual_text .sta {display:block;font-weight:800;font-size:3.125em;}
.fs_main_visual .main_visual_text .stb {line-height:1.47;font-size:2.250em;font-weight:100;}
.fs_main_visual .main_visual_text .stb b {font-weight:500;}
.fs_main_visual .main_visual_text .stc {line-height:1.4;margin-top:30px;font-weight:300;}
.fs_main_visual .main_visual_text .main_visual_btn {display:inline-block;margin-top:15px;background:#032f85;padding:10px 15px;font-size:0.875em;}
.fs_main_visual .main_quick_btn {width:44%;display:grid;grid-template:repeat(2,1fr)/repeat(3,1fr);}
.fs_main_visual .main_quick_btn li a {background:rgba(0,0,0,.4);height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid rgba(255,255,255,.1);}
.fs_main_visual .main_quick_btn li a:hover,
.fs_main_visual .main_quick_btn li a:focus,
.fs_main_visual .main_quick_btn li a:active {background:rgb(3,47,133,.5);}
.fs_main_visual .main_quick_btn li:nth-child(-n+3) a {border-bottom:1px solid rgba(255,255,255,.1);}
.fs_main_visual .main_quick_btn li:nth-child(3n) a {border-right:none;}
.fs_main_visual .main_quick_btn li a:hover img,
.fs_main_visual .main_quick_btn li a:focus img,
.fs_main_visual .main_quick_btn li a:active img {transform:rotateY(360deg);transition:all .8s;-webkit-transition:all .8s;}
.fs_main_visual .main_quick_btn li a span {display:block;text-align:center;margin-top:15px;color:#fff;line-height:1.4;}
	@media only screen and (max-width:1023px){
		.fs_main_visual .wrap {flex-direction:column;}
		.fs_main_visual .main_visual_text {width:100%;min-height:auto;padding-top:50px;text-align:center;}
		.fs_main_visual .main_visual_text .stc {margin-top:20px;}
		.fs_main_visual .main_quick_btn {width:100%;margin:20px 0;}
	}

/* 컨텐츠 시작 */
.fs_main_contents .con_box {display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:60px;}
	@media only screen and (max-width:1023px){
		.fs_main_contents .con_box {flex-direction:column;}
	}

/* 자료실 */
.con_box .board_box {width:56%;}
.board_box .qtap_box {position:relative;}
.board_box .qtap_box .tap_box .mob_tap {display:none;}
.board_box .qtap_box .tap_box .tap_btn {position:relative;margin-bottom:20px;display:flex;flex-wrap:wrap;}
.board_box .qtap_box .tap_box .tap_btn li {width:fit-content !important;margin-right:10px;}
.board_box .qtap_box .tap_box .tap_btn li a {position:relative;display:block;padding:15px 20px;text-align:center;border-radius:25px;border:1px solid #cfd0d7;font-size:1.125em;font-weight:500;color:#333;letter-spacing:-0.04em;}
.board_box .qtap_box .tap_box .tap_btn li:hover a,
.board_box .qtap_box .tap_box .tap_btn li:focus a,
.board_box .qtap_box .tap_box .tap_btn li:active a,
.board_box .qtap_box .tap_box .tap_btn li.on > a {border-color:#032f85;background:#032f85;color:#fff;}
.board_box .qtap_box .con_tbox .board_list {position:relative;letter-spacing:-0.04em;}
.board_box .qtap_box .con_tbox .board_list .date {font-size:0.938em;color:#999;}
.board_box .qtap_box .con_tbox .board_list .new {padding:30px 30px 30px 15px;margin-bottom:30px;border-top:4px solid #000;border-bottom:1px dashed #cfd0d7;}
.board_box .qtap_box .con_tbox .board_list .new a {display:flex;flex-wrap:wrap;justify-content:space-between;}
.board_box .qtap_box .con_tbox .board_list .new a .tit_wrap {position:relative;padding-left:30px;width: calc(100% - 120px);}
.board_box .qtap_box .con_tbox .board_list .new a .tit_wrap::before {width:20px;height:20px;border-radius:50%;background:url("../images/common/new_ico.png") no-repeat;content:"";position:absolute;top:0px;left:0px;}
.board_box .qtap_box .con_tbox .board_list .new a .tit_wrap .tit {position:relative;font-size:1.250em;font-weight:500;color:#000;}
.board_box .qtap_box .con_tbox .board_list .new a .tit_wrap .con {margin-top:15px;font-size:0.938em;color:#999;}
.board_box .qtap_box .con_tbox .board_list .new a .date {margin-top:3px;}
.board_box .qtap_box .con_tbox .board_list .old {padding:0 30px 0 15px;}
.board_box .qtap_box .con_tbox .board_list .old:not(:last-child) {padding-bottom:25px;}
.board_box .qtap_box .con_tbox .board_list .old a {display:flex;flex-wrap:wrap;justify-content:space-between;}
.board_box .qtap_box .con_tbox .board_list .old a .tit {position:relative;padding-left:15px;width:calc(100% - 120px);}
.board_box .qtap_box .con_tbox .board_list .old a .tit::before {width:5px;height:5px;border-radius:50%;background:#005fa2;content:"";position:absolute;top:5px;left:0px;}
.board_box .qtap_box .con_tbox .board_more {position:absolute;top:15px;right:0;z-index:10;}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		.con_box .board_box {width:100%;margin-bottom:40px;}
		.board_box .qtap_box .tap_box .tap_btn2 {position:relative;margin-bottom:20px;display:flex;flex-wrap:wrap;}
		.board_box .qtap_box .tap_box .tap_btn2 li {width:fit-content !important;margin-right:5px;}
		.board_box .qtap_box .tap_box .tap_btn2 li a {position:relative;display:block;padding:15px 15px;text-align:center;border-radius:25px;border:1px solid #cfd0d7;font-size:1.125em;font-weight:500;color:#333;letter-spacing:-0.04em;}
		.board_box .qtap_box .tap_box .tap_btn2 li:hover a,
		.board_box .qtap_box .tap_box .tap_btn2 li:focus a,
		.board_box .qtap_box .tap_box .tap_btn2 li:active a,
		.board_box .qtap_box .tap_box .tap_btn2 li.on > a {border-color:#032f85;background:#032f85;color:#fff;}
		.board_box .tap_rel {height:50px;}
		.board_box .tap_box {position:relative;z-index:10;width:100%;background:#fff;}
		.board_box .qtap_box .tap_box .mob_tap {display:block;margin-bottom:15px;}
		.board_box .qtap_box .tap_box .mob_tap a {display:block;line-height:50px;height:50px;padding:0 15px;color:#fff;text-decoration:none;}
		.board_box .qtap_box .tap_cbox {}
		.board_box .qtap_box .tap_cbox .tab_content {padding:0;}
		.board_box .qtap_box .con_tbox .board_list .new {padding:20px 20px 20px 15px;}
		.board_box .qtap_box .con_tbox .board_list .old {padding:0 20px 0 15px;}
	}

/* 바로가기 */
.quick_box {width:44%;padding-left:35px;}
.quick_box ul {display:grid;grid-template:repeat(2,1fr)/repeat(2,1fr);gap:15px;}
.quick_box ul li a {display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:10px 0 20px rgba(0,0,0,.1);border-radius:25px;padding:35px 10px;border:5px solid transparent;}
.quick_box ul li a:hover, .con_box.quick_box ul li a:focus, .con_box.quick_box ul li a:active {border-color:#032f85;}
.quick_box ul li a span {display:block;margin-top:20px;font-weight:500;font-size:1.125em;color:#000;letter-spacing:-0.04em;}
	@media only screen and (max-width:1199px){
		.quick_box ul li a span {font-size:1.000em;}
	}
	@media only screen and (max-width:1023px){
		.quick_box {width:100%;padding-left:0;}
	}
	@media only screen and (max-width:767px){

	}

/* 배너모음 */
.banner_area {border-top:1px solid #cfd0d7;padding:25px 0;margin-top:96px;}
.banner_area > .wrap {display:flex;flex-flow:row nowrap;justify-content:space-between;}
.banner_area .banner_tit {flex:1 150px;width:150px;padding-left:38px;background:url("../images/main/banner_ico.png") no-repeat left top 8px;color:#000;line-height:35px;font-weight:600;}
.banner_area .banner_list {overflow:hidden;width:calc(100% - 415px);}
.banner_area .banner_list .swiper-slide {display:inline-block;position:relative;width:auto;padding:0 24px 0 20px;}
.banner_area .banner_list .swiper-slide:before {content:"";display:block;position:absolute;top:15px;right:0;width:4px;height:4px;border-radius:100%;background:#ddd;}
.banner_area .banner_list .swiper-slide a {display:block;line-height:35px;vertical-align:middle;}
	/* 컨트롤 */
	.banner_area .banner_ctrl {width:150px;text-align:right;}
	.banner_area .banner_ctrl > button {display:inline-block;line-height:0;}
	.banner_area .banner_ctrl > button img {vertical-align:middle;}
	.banner_area .banner_ctrl .prev, .banner_area .banner_ctrl .next {position:relative;padding:0 10px;}
	.banner_area .banner_ctrl .prev:before {content:"";display:block;position:absolute;top:0;right:-2px;width:1px;height:11px;background:#ddd;}
	.banner_area .banner_ctrl .pause, .banner_area .banner_ctrl .play {margin-left:10px;width:35px;height:35px;background:#eee;border:1px solid #ddd;border-radius:100%;}
	.banner_area .banner_ctrl .play {display:none;}
	/* 전체보기 */
	.banner_area .banner_more {display:block;margin-left:10px;padding:0 20px;background:#032f85;border-radius:20px;color:#fff;height:38px;line-height:38px;}
	.banner_area .banner_list.open_banner {overflow:unset;width:calc(100% - 265px);}
	.banner_area .banner_list.open_banner .swiper-wrapper {flex-wrap:wrap;height:auto;}
		@media only screen and (max-width:1023px){
			.banner_area {padding:2% 0;margin-top:9.6%;}
			.banner_area .banner_tit {flex:1 120px;width:120px;}
			.banner_area .banner_list {width:calc(100% - 350px);}
			.banner_area .banner_list .swiper-slide {padding:0 14px 0 10px;}
			.banner_area .banner_ctrl {width:120px;}
			/* 전체보기 */
			.banner_area .banner_list.open_banner {overflow:unset;width:calc(100% - 230px);}
		}
		@media only screen and (max-width:767px){
			.banner_area > .wrap {flex-flow:row wrap;justify-content:center;}
			.banner_area .banner_tit {flex:1 1 100%;width:100%;}
			.banner_area .banner_list {flex:1 1 100%;width:100%;margin-bottom:10px;}
			.banner_area .banner_list .swiper-slide {padding:0 14px 0 10px;}
		}