@charset "utf-8";

/* 비주얼 */
.fs_main_visual {overflow:hidden;width:100%;height:550px;padding:50px 0;background:url(./../img/main/bg.jpg) repeat center center;border-top:1px solid #fff;border-bottom:1px solid #2a4a58;}
.fs_main_visual .vis_box {position:relative;z-index:8;width:1100px;margin:0 auto;}
.fs_main_visual .vis_box .pl_box {padding-right:30px;}
.fs_main_visual .vis_box .pr_box {padding-left:30px;}
.fs_main_visual .slides01 li {height:500px;padding-top:317px;}
.fs_main_visual .slides01 li .main_visual_text {height:132px;padding:30px 0 0 50px;background:url(./../img/main/mvis_text_bg.png) no-repeat left top;}
.fs_main_visual .slides01 li .main_visual_text > span {position:relative;z-index:2;display:block;line-height:normal;}
.fs_main_visual .slides01 li .main_visual_text .sta {animation-delay:0.2s;letter-spacing:-0.3px;font-size:22px;font-weight:700;color:#fff3d8;}
.fs_main_visual .slides01 li .main_visual_text .stb {margin-top:10px;animation-delay:0.5s;font-weight:700;color:#fff;}
/* 컨트롤 */
.fs_main_visual .bx-controls {position:absolute;left:0;top:313px;z-index:99;width:auto;margin:0 auto;}
.fs_main_visual .bx-controls:after {content:"";display:block;clear:both;}
/* 좌우 */
.fs_main_visual .bx-controls .bx-controls-direction {display:inline-block;width:95px;height:40px;background:url(./../img/main/vis_btn_bg.png) repeat;border-radius:20px;text-align:center;}
.fs_main_visual .bx-controls .bx-prev {display:inline-block;width:10px;height:12px;margin:0 17px;background:url(./../img/main/btn_vis_prev.png) no-repeat;font-size:0;}
.fs_main_visual .bx-controls .bx-next {display:inline-block;width:10px;height:12px;margin:0 17px;background:url(./../img/main/btn_vis_next.png) no-repeat;font-size:0;}
/* 재생/정지 */
.fs_main_visual .bx-controls .bx-controls-auto {display:inline-block;margin-right:-100px;}
.fs_main_visual .bx-controls .bx-controls-auto .bx-start {display:inline-block;width:38px;height:30px;padding:9px 16px;margin-top:-12px;background:url(./../img/main/vis_btn_play.png) no-repeat center center #fff;border:1px dotted #b0b0b0;font-size:0;}
.fs_main_visual .bx-controls .bx-controls-auto .bx-stop {display:inline-block;width:38px;height:30px;padding:9px 16px;margin-top:-12px;background:url(./../img/main/vis_btn_stop.png) no-repeat center center #fff;border:1px dotted #b0b0b0;font-size:0;}
/* 롤링 */
.fs_main_visual .bx-controls .bx-pager {display:inline-block;}
.fs_main_visual .bx-controls .bx-pager-item {display:inline-block;height:4px;}
.fs_main_visual .bx-controls .bx-pager-item .bx-pager-link {display:inline-block;width:250px;height:4px;background:#fff;font-size:0;}
.fs_main_visual .bx-controls .bx-pager-item a.active {width:250px;background:#002a3e;}

/* 게시판 */
.notice1 .notice_tap {position:relative;}
.notice1 .notice_tap:after {content:"";display:block;clear:both;}
.notice1 .notice_tap > li {float:left;width:100%;}
.notice1 .notice_tap > li > h3 a {display:inline-block;position:absolute;top:0;left:0;z-index:9;width:160px;height:42px;line-height:42px;font-weight:700;font-size:16px;border:1px dotted #b0b0b0;text-align:center;color:#596a86;text-decoration:none;}
.notice1 .notice_tap > li + li > h3 a {top:0;left:115px;width:160px;}
.notice1 .notice_tap > li + li + li > h3 a {top:0;left:274px;width:187px;}

.notice1 .notice_tap > li > h3 a.on {font-weight:700;color:#fff;}
.notice1 .notice_tap > li > h3 a.on:after {content:"";position:absolute;left:0;top:42px;right:0;z-index:11;width:29px;height:19px;margin:0 auto;background:url(./../img/main/arr_tap.png) no-repeat center bottom;}
.notice1 .notice_tap > li > h3 a.on:before {content:"";position:absolute;left:-1px;top:40px;right:0;z-index:11;width:30px;height:2px;margin:0 auto;background:#00263a;}
/* .notice1 .notice_tap > li > h3 a.img_ov1 {padding-left:25px;background:url(./../img/main/icon_tap1_off.png) no-repeat 25px 13px #fff;}
.notice1 .notice_tap > li > h3 a.img_ov1.on {padding-left:25px;background:url(./../img/main/icon_tap1_on.png) no-repeat 25px 13px #00263a;} */
.notice1 .notice_tap > li > h3 a.img_ov1 {padding-left:30px;background:url(./../img/main/icon_tap2_off.png) no-repeat 25px center #fff;}
.notice1 .notice_tap > li > h3 a.img_ov1.on {padding-left:30px;background:url(./../img/main/icon_tap2_on.png) no-repeat 25px center #00263a;}
.notice1 .notice_tap > li + li + li > h3 a.img_ov1 {padding-left:25px;background:url(./../img/main/icon_tap3_off.png) no-repeat 30px center #fff;}
.notice1 .notice_tap > li + li + li > h3 a.img_ov1.on {padding-left:25px;background:url(./../img/main/icon_tap3_on.png) no-repeat 30px center #00263a;}

.notice1 .notice_tap > li div {height:378px;margin-top:72px;padding:26px 30px;background:#fff;border:1px dotted #b0b0b0;}
.notice1 .notice_tap > li div ul {overflow:hidden;height:327px;}
.notice1 .notice_tap > li div ul li {position:relative;padding-left:15px;line-height:36px;}
.notice1 .notice_tap > li div ul li:after {content:"";position:absolute;left:0;top:17px;width:3px;height:3px;background:#222;}
.notice1 .notice_tap > li div ul li a {width:70%;font-size:15px;color:#222;}
.notice1 .notice_tap > li div ul li a:hover,.notice_tap > li div ul li a:focus,.notice_tap > li div ul li a:active {color:#ff0000;}
.notice1 .notice_tap > li div ul li a img {vertical-align:middle;}
.notice1 .notice_tap > li div ul li span {float:right;margin-right:30px;}
.notice1 .notice_tap > li .more {position:absolute;top:0;right:0;width:40px;line-height:40px;background:#fff;border:1px dotted #b0b0b0;text-align:center;}
.notice1 .notice_tap > li .more img {vertical-align:middle;}

/* 컨텐츠 */
.fs_main_contents:after {content:"";display:block;clear:both;}
/* 컨텐츠 시작 */
.con_box1 {width:1100px;margin:50px auto;}
.con_box1:after {content:"";display:block;clear:both;}
	/* 공통 묶기 */
	.pl_box {float:left;width:50%;}
	.pr_box {float:left;width:50%;}
	.pc_box {float:left;width:100%;}
	.p3_box {float:left;width:33.3%;}
	.p3_box h3 {color:#000;}
	.br_none {display:none;}

	/* 팝업존 */
	.popup {position:relative;z-index:8;overflow:hidden;height:330px;padding-right:50px;border-right:1px dotted #b0b0b0;}
	.popup .popup_list {margin-top:30px;}
	.popup li {height:330px;font-weight:700;}
	.popup li a img {border-radius:0 0 50px 0;}
	.popup li a em {display:block;line-height:18px;padding-top:15px;font-size:16px;color:#002a3e;}
	.popup li a em span {display:block;color:#717679;}
	.popup li a > span {display:block;margin-top:5px;font-size:14px;color:#53678c;}
	.popup li a:hover em {color:#717679;}
	.popup li a:hover em span {color:#002a3e;}
	/* 컨트롤 */
	.popup .bx-controls {position:absolute;right:50px;top:6px;z-index:99;width:auto;margin:0 auto;}
	.popup .bx-controls:after {content:"";display:block;clear:both;}
	/* 좌우 */
	.popup .bx-controls .bx-controls-direction {display:inline-block;width:95px;height:40px;background:url(./../img/main/vis_btn_bg.png) repeat;border-radius:20px;text-align:center;}
	.popup .bx-controls .bx-prev {display:inline-block;width:10px;height:12px;margin:0 17px;background:url(./../img/main/btn_vis_prev.png) no-repeat;font-size:0;}
	.popup .bx-controls .bx-next {display:inline-block;width:10px;height:12px;margin:0 17px;background:url(./../img/main/btn_vis_next.png) no-repeat;font-size:0;}
	/* 재생/정지 */
	.popup .bx-controls .bx-controls-auto {display:inline-block;margin-left:2px;}
	.popup .bx-controls .bx-controls-auto .bx-start {display:inline-block;width:8px;height:10px;background:url(./../img/main/btn_play.gif) no-repeat;font-size:0;}
	.popup .bx-controls .bx-controls-auto .bx-stop {display:inline-block;width:8px;height:10px;background:url(./../img/main/btn_stop.gif) no-repeat;font-size:0;}
	/* 롤링 */
	.popup .bx-controls .bx-pager {display:inline-block;}
	.popup .bx-controls .bx-pager-item {display:inline-block;height:4px;}
	.popup .bx-controls .bx-pager-item .bx-pager-link {display:inline-block;width:10px;height:10px;margin:0 2px;background:#7d8185;border-radius:50px;font-size:0;}
	.popup .bx-controls .bx-pager-item a.active {width:31px;background:#002a3e;}

	/* 배너링크(가운데) */
	.ban_link {padding-left:50px;}
	.ban_link .btn_ban {margin-top:15px;}
	.ban_link .btn_ban li {display:inline-block;}
	.ban_link .btn_ban li:hover {background:#596a86;}
	.ban_link .btn_ban li:hover a {color:#fff;}
	.ban_link .btn_ban li a {display:block;width:134px;height:100px;padding-top:70px;background:url(./../img/main/btn_icon1.png) no-repeat center 20px;text-align:center;font-weight:700;color:#002a3e;}
	.ban_link .btn_ban li + li a {background:url(./../img/main/btn_icon2.png) no-repeat center 20px;}
	.ban_link .btn_ban li + li + li a {background:url(./../img/main/btn_icon3.png) no-repeat center 20px;}
	.ban_link .btn_ban li + li + li + li a {background:url(./../img/main/btn_icon4.png) no-repeat center 20px;}
	.ban_link .btn_ban li + li + li + li + li a {background:url(./../img/main/btn_icon5.png) no-repeat center 20px;}
	.ban_link .btn_ban li + li + li + li + li + li a {background:url(./../img/main/btn_icon6.png) no-repeat center 20px;}
	/* 배너링크(오른쪽) */
	.btn_ban2 {padding:50px 0 0 20px;}
	.btn_ban2 li.ov1 {background:url(./../img/main/icon_ban3.png) no-repeat 110% bottom #002a3e;}
	.btn_ban2 li.ov2 {background:url(./../img/main/icon_ban2.png) no-repeat 135% bottom #002a3e;}
	.btn_ban2 li.ov3 {background:url(./../img/main/icon_ban1.png) no-repeat 135% bottom #002a3e;}
	.btn_ban2 li a {display:table-cell;width:349px;height:86px;padding-left:30px;vertical-align:middle;font-weight:700;font-size:18px;color:#fff;}
	.btn_ban2 li a .btn {display:none;}
	.btn_ban2 li + li {margin-top:10px;}
	.btn_ban2 li + li {background:url(./../img/main/icon_ban2.png) no-repeat 117% bottom #002a3e;}
	.btn_ban2 li a span {display:block;font-size:16px;}

	.btn_ban2 li.ov1:hover {background:url(./../img/main/icon_ban3.png) no-repeat 110% bottom #fff;border:3px solid #002a3e;}
	.btn_ban2 li.ov2:hover {background:url(./../img/main/icon_ban2.png) no-repeat 135% bottom #fff;border:3px solid #002a3e;}
	.btn_ban2 li.ov3:hover {background:url(./../img/main/icon_ban1.png) no-repeat 135% bottom #fff;border:3px solid #002a3e;}
	.btn_ban2 li:hover a {position:relative;z-index:10;width:349px;height:80px;vertical-align:middle;font-size:18px;color:#000;}
	.btn_ban2 li:hover a:after {content:"";position:absolute;left:-3px;top:0;z-index:99;width:19px;height:28px;background:url(./../img/main/arr.gif) no-repeat;}
	.btn_ban2 li:hover a span {font-size:16px;color:#717679;}


/*pc*/
@media only screen and (max-width:1099px){

	/* 비주얼 */
	.fs_main_visual .vis_box {width:auto;}
	.fs_main_visual .vis_box .pl_box {padding-right:15px;padding-left:15px;}
	.fs_main_visual .vis_box .pr_box {padding-left:15px;padding-right:15px;}
	.fs_main_visual .slides01 li {padding-top:313px;}
	/* 컨트롤 */
	.fs_main_visual .bx-controls {left:50%;top:313px;margin-left:-35px;}
	/* 재생/정지 */
	.fs_main_visual .bx-controls .bx-controls-auto .bx-start {margin-top:-15px;}
	.fs_main_visual .bx-controls .bx-controls-auto .bx-stop {margin-top:-15px;}
	/* 롤링 */
	.fs_main_visual .bx-controls .bx-pager-item .bx-pager-link {width:auto;}
	.fs_main_visual .bx-controls .bx-pager-item a.active {width:auto;}

	/* 게시판 */
	.notice1 .notice_tap > li > h3 a {width:22%;}
	.notice1 .notice_tap > li + li > h3 a {top:0;left:22%;width:30%;}
	.notice1 .notice_tap > li + li + li > h3 a {top:0;left:52%;width:35%;}

	.notice1 .notice_tap > li div {height:374px;}

	/* 컨텐츠 시작 */
	.con_box1 {width:auto;}
		/* 공통 묶기 */
		.pl_box {padding-right:10px;}
		.pr_box {padding-left:10px;}

	/* 팝업존 */
	.popup {padding-right:15px;padding-left:15px;}

	/* 배너링크(가운데) */
	.ban_link {padding-left:40px;}
	/* 배너링크(오른쪽) */
	.btn_ban2 {padding:50px 15px 0 15px;}

}

/*태블릿*/
@media only screen and (max-width:1023px){

	/* 비주얼 */
	.fs_main_visual {height:500px;padding:25px 0;}
	.fs_main_visual .slides01 li {height:450px;padding-top:313px;}

	/* 게시판 */
	.notice1 .notice_tap > li > h3 a {width:22%;}
	.notice1 .notice_tap > li + li > h3 a {left:22%;width:30%;}
	.notice1 .notice_tap > li + li + li > h3 a {left:52%;width:35%;}

	.notice1 .notice_tap > li > h3 a.img_ov1 {padding-left:0;background:#fff;}
	.notice1 .notice_tap > li > h3 a.img_ov1.on {padding-left:0;background:#00263a;}
	.notice1 .notice_tap > li + li > h3 a.img_ov1 {padding-left:0;background:#fff;}
	.notice1 .notice_tap > li + li > h3 a.img_ov1.on {padding-left:0;background:#00263a;}
	.notice1 .notice_tap > li + li + li > h3 a.img_ov1 {padding-left:0;background:#fff;}
	.notice1 .notice_tap > li + li + li > h3 a.img_ov1.on {padding-left:0;background:#00263a;}

	.notice1 .notice_tap > li div {height:374px;padding:26px 25px;}
	.notice1 .notice_tap > li div ul li a {width:65%;}
	.notice1 .notice_tap > li div ul li span {margin-right:0;}

	/* 컨텐츠 시작 */
	.con_box1 {width:auto;margin:30px auto;}

	/* 배너링크(가운데) */
	.ban_link {padding-left:15px;padding-right:15px;}
	.ban_link .btn_ban:after {content:"";display:block;clear:both;}
	.ban_link .btn_ban li {float:left;width:50%;}
	.ban_link .btn_ban li a {width:100%;}
	/* 배너링크(오른쪽) */
	.btn_ban2 {padding:50px 15px 0 15px;}
	.btn_ban2 li {background-size:150px auto;}

	.btn_ban2 li.on1 {background-size:150px auto;}

	.btn_ban2 li.on3 {background-size:150px auto;}

}

/*모바일*/
@media only screen and (max-width:767px){

	/* 비주얼 */
	.fs_main_visual {overflow:hidden;width:100%;height:auto;padding:25px 0;background:url(./../img/main/bg.jpg) repeat center center;border-top:1px solid #fff;border-bottom:1px solid #2a4a58;}
	.fs_main_visual .vis_box {position:relative;z-index:10;width:auto;margin:0 auto;}
	.fs_main_visual .vis_box .pl_box {padding-right:15px;padding-left:15px;}
	.fs_main_visual .vis_box .pr_box {padding-left:15px;padding-right:15px;}
	.fs_main_visual .slides01 li {height:350px;padding-top:218px;background-size:cover !important;}
	.fs_main_visual .slides01 li .main_visual_text {height:132px;padding:30px 0 0 25px;background:url(./../img/main/text_bg.gif) repeat left top;}
	.fs_main_visual .slides01 li .main_visual_text > span {position:relative;z-index:2;display:block;line-height:normal;}
	.fs_main_visual .slides01 li .main_visual_text .sta {animation-delay:0.2s;letter-spacing:-0.3px;font-size:22px;font-weight:700;color:#fff3d8;}
	.fs_main_visual .slides01 li .main_visual_text .stb {margin-top:10px;animation-delay:0.5s;font-weight:700;color:#fff;}
	/* 컨트롤 */
	.fs_main_visual .bx-controls {left:25px;top:218px;margin-left:0;}
	/* 재생/정지 */
	.fs_main_visual .bx-controls .bx-controls-auto .bx-start {margin-top:-15px;}
	.fs_main_visual .bx-controls .bx-controls-auto .bx-stop {margin-top:-15px;}
	/* 롤링 */
	.fs_main_visual .bx-controls .bx-pager-item .bx-pager-link {width:auto;}
	.fs_main_visual .bx-controls .bx-pager-item a.active {width:auto;}

	/* 게시판 */
	.notice1 .notice_tap {margin-top:25px;}
	.notice1 .notice_tap > li > h3 a {font-size:14px;}

	.notice1 .notice_tap > li div {height:auto;padding:15px;}
	.notice1 .notice_tap > li div ul li a {font-size:14px;}

	/* 컨텐츠 시작 */
	/* 공통 묶기 */
	.pl_box {width:100%;padding-left:10px;}
	.pr_box {width:100%;padding-right:10px;}
	.p3_box {float:none;width:100%;}

	.br_none {display:block;}

	/* 팝업존 */
	.popup {height:auto;padding-bottom:15px;border-right:0;border-bottom:1px dotted #b0b0b0;}
	.popup .bx-viewport {overflow:visible !important;}
	.popup .popup_list {margin-top:15px;}
	.popup li {height:auto;}
	.popup li a img {border-radius:0;width:100%;}
	/* 컨트롤 */
	.popup .bx-controls {right:15px;top:8px;}

	/* 배너링크(가운데) */
	.ban_link {padding-top:15px;}
	/* 배너링크(오른쪽) */
	.btn_ban2 {padding:15px 15px 0 15px;}
	.btn_ban2 li {background:url(./../img/main/icon_ban1.png) no-repeat 100% bottom #002a3e;background-size:200px auto;}
	.btn_ban2 li a {display:block;width:100%;padding-top:26px;}
	.btn_ban2 li + li {background:url(./../img/main/icon_ban2.png) no-repeat 100% bottom #002a3e;}

}