@charset "utf-8";

#fs_container_wrap {}

.icon_main {display:inline-block;overflow:hidden;width:0;height:0;background:url(./../img/main/img_main.png) left top no-repeat;vertical-align:middle;font-size:0;}

/* 해더영역 */
#fs_header {transition:all 0.4s;-webkit-transition:all 0.4s;position:fixed;left:0;top:0;z-index:50;width:100%;height:127px;background:rgba(255,255,255,0);}
#fs_header.onbg {background:rgba(255,255,255,1);}

	/* 상단 */
	#fs_header .fs_head .logo .icon_layout {transition:none;-webkit-transition:none;width:208px;height:38px;background-position:0 0;}
	#fs_header.on .fs_head .logo .icon_layout,
	#fs_header.onbg .fs_head .logo .icon_layout {width:208px;height:38px;background-position:0 -38px;}

	/* 헤더메뉴 */
		/* 1뎁스 */
		#fs_header .fs_top_menu a.lnb_title {color:#fff;}
		#fs_header.on .fs_top_menu .lnb > li.on .lnb_title,
		#fs_header.onbg .fs_top_menu .lnb > li.on .lnb_title {color:#2c5198;}
		#fs_header.on .fs_top_menu a.lnb_title,
		#fs_header.onbg .fs_top_menu a.lnb_title {color:#000;}
		#fs_header.on .fs_top_menu a.lnb_title:hover,#fs_header.on .fs_top_menu a.lnb_title:focus,#fs_header.on .fs_top_menu a.lnb_title:active,
		#fs_header.onbg .fs_top_menu a.lnb_title:hover,#fs_header.onbg .fs_top_menu a.lnb_title:focus,#fs_header.onbg .fs_top_menu a.lnb_title:active {color:#2c5198;}
	
	#fs_header .fs_head .sitemap_box .sitemap:after {transition:all 0.4s;-webkit-transition:all 0.4s;background:#fff;}
	#fs_header .fs_head .sitemap_box .sitemap span:after {transition:all 0.4s;-webkit-transition:all 0.4s;background:#fff;}
	#fs_header .fs_head .sitemap_box .sitemap span:before {transition:all 0.4s;-webkit-transition:all 0.4s;background:#fff;}
	#fs_header .fs_head .sitemap_box .sitemap:hover span:after {transition:all 0.4s;-webkit-transition:all 0.4s;background:#fff;}
	#fs_header .fs_head .sitemap_box .sitemap:hover span:before {transition:all 0.4s;-webkit-transition:all 0.4s;background:#fff;}

	#fs_header.on .fs_head .sitemap_box .sitemap:after,
	#fs_header.onbg .fs_head .sitemap_box .sitemap:after {background:#000;}
	#fs_header.on .fs_head .sitemap_box .sitemap span:after,
	#fs_header.onbg .fs_head .sitemap_box .sitemap span:after {background:#000;}
	#fs_header.on .fs_head .sitemap_box .sitemap span:before,
	#fs_header.onbg .fs_head .sitemap_box .sitemap span:before {background:#000;}
	#fs_header.on .fs_head .sitemap_box .sitemap:hover:after,
	#fs_header.onbg .fs_head .sitemap_box .sitemap:hover:after {background:#2c5198;}
	#fs_header.on .fs_head .sitemap_box .sitemap:hover span:after,
	#fs_header.onbg .fs_head .sitemap_box .sitemap:hover span:after {background:#000;}
	#fs_header.on .fs_head .sitemap_box .sitemap:hover span:before,
	#fs_header.onbg .fs_head .sitemap_box .sitemap:hover span:before {background:#000;}


/* 날씨 */
.fs_main_visual .weather_warp {position:absolute;left:0;right:0;top:0;z-index:11;width:1200px;margin:0 auto;}
.fs_main_visual .weather_warp .weather_box {float:right;margin-top:212px;color:#fff;}
.fs_main_visual .weather_warp .weather_box .weather_icon {display:inline-block;margin-top:-26px;}
.fs_main_visual .weather_warp .weather_box .weather_icon .weather_icon01 {}
.fs_main_visual .weather_warp .weather_box .weather_p {display:inline-block;line-height:18px;margin-left:12px;vertical-align:top;}
.fs_main_visual .weather_warp .weather_box .weather_p .weather_num {display:block;margin-bottom:10px;font-weight:bold;font-size:42px;font-family:"NanumSquare",sans-serif;}
.fs_main_visual .weather_warp .weather_box .weather_p .weather_num span {display:inline-block;margin:-10px 0 0 -10px;vertical-align:top;font-weight:bold;font-size:20px;font-family:"NanumSquare",sans-serif;}
.fs_main_visual .weather_warp .weather_box .weather_p em {color:#0084ff;}
.fs_main_visual .weather_warp .weather_box .weather_p .icon {display:inline-block;margin-top:-3px;}
.fs_main_visual .weather_warp .weather_box .weather_p .icon img {}

/* 비주얼 */
.fs_main_visual {position:relative;z-index:10;overflow:hidden;/*overflow:hidden;width:1200px;margin:0 auto;*/height:826px;background:#fff;}
.fs_main_visual:after {content:"";display:block;clear:both;}
.fs_main_visual .slides_box {position:relative;}
.fs_main_visual .slides_box .slides01 {position:relative;z-index:10;}
.fs_main_visual .slides_box .slides01 li {height:826px;padding:127px 0 0 0;}
.fs_main_visual .slides_box .slides01 li .main_visual_text {position:relative;width:1200px;margin:0 auto;padding:180px 0 0 0;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .sta {animation-delay:0.1s;display:block;line-height:45px;font-family:"Nanum Myeongjo";letter-spacing:-1px;font-weight:bold;font-size:40px;color:#037beb;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .stb {animation-delay:0.4s;display:block;padding-top:5px;font-weight:bold;font-size:22px;color:#fff;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_left {display:inline-block;margin-top:30px;font-family:"Nanum Myeongjo";font-size:50px;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_left img {display:block;margin-bottom:15px;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right {position:relative;display:inline-block;margin-left:60px;padding:10px 0 0 40px;vertical-align:top;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right:before {content:"";position:absolute;left:0;top:0;display:inline-block;width:1px;height:106px;background:#2c5198;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right span {display:block;line-height:21px;font-size:16px;font-weight:400;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right a {position:relative;z-index:10;display:block;height:41px;line-height:41px;margin-top:18px;padding-left:21px;background:#2c5198;font-size:16px;text-decoration:none;color:#fff;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right a .arr {float:right;display:inline-block;width:31px;height:41px;line-height:41px;background:#fff;text-align:center;font-size:16px;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right a .icon_main1 {display:inline-block;width:27px;height:23px;background-position:-10px 0;margin-right:8px;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right a .icon_main2 {display:inline-block;width:4px;height:9px;background-position:-37px 0;margin:-2px -2px 0 0;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right a:hover {background:#131a29;}
/* 컨트롤 */
.fs_main_visual .slides_box .mvis_controll_box {position:absolute;left:0;right:0;top:0;padding:534px 0 0 0;width:1200px;margin:0 auto;text-align:left;}
.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box {position:absolute;left:25px;top:535px;z-index:10;}
.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box .pro_bar_box_warp {width:145px;}
.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box .pro_bar_box_warp:after {content:"";position:absolute;left:0;top:0;z-index:-1;width:145px;height:1px;background:#fff;}
.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box .pro_bar_box_warp .pro_bar {width:0;height:1px;background:#2c5198;}
.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box .pro_bar_box_warp .pro_bar.pro_ani {animation:proBar 4.2s 1;}
.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box .pro_text {transition:all 0.4s;-webkit-transition:all 0.4s;opacity:0;position:absolute;left:0;top:0;display:inline-block;height:31px;line-height:31px;padding:0 13px;margin-top:10px;background:rgba(44,81,152,0.8);border-radius:4px;text-align:center;font-size:13px;color:#fff;}
.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box .pro_text1 {opacity:1;}
.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box .pro_text2 {opacity:0;}
.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box .pro_text3 {opacity:0;}
	@keyframes proBar{
		0%{width:0;}
		100%{width:100%;}
	}
	@-webkit-keyframes proBar{
		0%{width:0;}
		100%{width:100%;}
	}
/* .slides_box:hover .pro_bar {animation-play-state:paused;}*/

.fs_main_visual .slides_box .mvis_controll_box .mvis_pager {display:inline-block;margin-top:-11px;vertical-align:top;color:#fff;}
.fs_main_visual .slides_box .mvis_controll_box .mvis_pager span {display:inline-block;width:180px;}
.fs_main_visual .slides_box .mvis_controll_box .mvis_pager .bx-pager {position:relative;z-index:10;font-size:14px;font-weight:bold;}
.fs_main_visual .slides_box .mvis_controll_box .mvis_pager .bx-pager .bx-pager-item {display:inline-block;margin-right:8px;}
.fs_main_visual .slides_box .mvis_controll_box .mvis_pager .bx-pager .bx-pager-item .bx-pager-link {display:inline-block;width:13px;height:13px;background:#000;}
.fs_main_visual .slides_box .mvis_controll_box .mvis_pager .bx-pager .bx-pager-item .bx-pager-link.active {background:#0b82c6;}

.fs_main_visual .slides_box .mvis_controll_box .mvis_auto {display:inline-block;vertical-align:top;display:none;}
.fs_main_visual .slides_box .mvis_controll_box .mvis_auto .bx-controls-auto {position:relative;z-index:100;}
.fs_main_visual .slides_box .mvis_controll_box .mvis_auto a.active {}
.fs_main_visual .slides_box .mvis_controll_box .mvis_auto .bx-start {display:inline-block;width:11px;height:13px;background:url(./../img/main/img_main.png) left top no-repeat;font-size:0;}
.fs_main_visual .slides_box .mvis_controll_box .mvis_auto .bx-stop {display:inline-block;width:11px;height:13px;background:url(./../img/main/img_main.png) left top no-repeat;font-size:0;}

.fs_main_visual .slides_box .mvis_controll_box .mvis_prev a {position:absolute;left:206px;top:531px;z-index:100;width:5px;height:10px;background:url(./../img/main/img_main.png) left top no-repeat;font-size:0;}
.fs_main_visual .slides_box .mvis_controll_box .mvis_prev a:hover,.fs_main_visual .mvis_controll_box .mvis_prev a:focus,.fs_main_visual .mvis_controll_box .mvis_prev a:active {}

.fs_main_visual .slides_box .mvis_controll_box .mvis_next a {position:absolute;left:220px;top:531px;z-index:100;width:5px;height:10px;background:url(./../img/main/img_main.png) -5px top no-repeat;font-size:0;}
.fs_main_visual .slides_box .mvis_controll_box .mvis_next a:hover,.fs_main_visual .mvis_controll_box .mvis_next a:focus,.fs_main_visual .mvis_controll_box .mvis_next a:active {}




/* 컨텐츠 시작 */
.fs_main_contents {position:relative;}
.con_box {width:1200px;margin:0 auto;}
.con_box:after {content:"";display:block;clear:both;}

	/* 공통 */
	.con_box h3 {margin-top:0;margin-bottom:0;}

	/* 청남대 배너, 게시판, 스템프 */
	.con_box1 {position:relative;z-index:10;margin-top:-142px;}
	.con_box1:after {content:"";display:block;clear:both;}
		/* 청남대 링크버튼 */
		.con_box1 .btn_link:after {content:"";display:block;clear:both;}
		.con_box1 .btn_link li {float:left;width:16.6%;padding-left:1px;}
		.con_box1 .btn_link li:first-child {padding-left:0;}
		.con_box1 .btn_link li a {display:inline-block;width:100%;height:142px;background:rgba(19,26,41,0.9);font-size:15px;text-align:center;text-decoration:none;color:#fff;}
		.con_box1 .btn_link li a:hover,.con_box1 .btn_link li a:focus,.con_box1 .btn_link li a:active {background:rgba(44,81,152,1);}
		.con_box1 .btn_link li a .icon_main {display:block;}
		.con_box1 .btn_link li:nth-child(1) a .icon_main {width:43px;height:39px;margin:39px auto 17px auto;background-position:-41px 0;}
		.con_box1 .btn_link li:nth-child(2) a .icon_main {width:46px;height:32px;margin:43px auto 20px auto;background-position:-84px 0;}
		.con_box1 .btn_link li:nth-child(3) a .icon_main {width:48px;height:40px;margin:41px auto 14px auto;background-position:-130px 0;}
		.con_box1 .btn_link li:nth-child(4) a .icon_main {width:53px;height:41px;margin:33px auto 21px auto;background-position:-178px 0;}
		.con_box1 .btn_link li:nth-child(5) a .icon_main {width:47px;height:45px;margin:32px auto 18px auto;background-position:-231px 0;}
		.con_box1 .btn_link li:nth-child(6) a .icon_main {width:57px;height:31px;margin:41px auto 23px auto;background-position:-278px 0;}

		/* 청남대 공지사항 */
		.notice_box {padding-top:76px;}
		.notice_box:after {content:"";display:block;clear:both;}
		.notice_box > div {width:38%;}
		.notice_box > div + div + div {width:24%;}
		.notice_box .notice {position:relative;display:block;float:left;padding-right:57px;}
		.notice_box .notice .h3 {margin-top:0;margin-bottom:0;padding-bottom:14px;border-bottom:1px solid #cfcdcd;font-weight:bold;font-size:18px;color:#333;}
		.notice_box .notice .h3 em {padding-bottom:14px;border-bottom:1px solid #2c5198;}
		.notice_box .notice ul {margin-top:27px;}
		.notice_box .notice ul li {position:relative;background:url(./../img/main/dot.gif) left top repeat-x;}
		.notice_box .notice ul li:first-child {background:none;}
		.notice_box .notice ul li a {display:block;padding:15px 0 10px 83px;}
		.notice_box .notice ul li a:hover em,
		.notice_box .notice ul li a:focus em,
		.notice_box .notice ul li a:active em {text-decoration:underline;}
		.notice_box .notice ul li a .icon_main {width:20px;height:20px;background-position:0 -39px;vertical-align:top;margin-top:2px;}
		.notice_box .notice ul li a em {width:90%;font-weight:bold;font-size:16px;color:#333;}
		.notice_box .notice ul li a .con {margin-top:-4px;width:90%;font-size:14px;color:#777;}
		.notice_box .notice ul li .day_box {position:absolute;left:10px;top:13px;text-align:center;}
		.notice_box .notice ul li .day_box .year {display:block;font-size:13px;color:#666;}
		.notice_box .notice ul li .day_box .day {font-weight:bold;font-size:34px;color:#2c5198;}
		.notice_box .notice .more {position:absolute;right:57px;top:0;font-size:0;}
		.notice_box .notice .more.icon_main {width:13px;height:13px;background-position:-20px -39px;}
		/* 청남대 축제/행사 */
		.notice_box .event {position:relative;display:block;float:left;padding-right:55px;}
		.notice_box .event .h3 {margin-top:0;margin-bottom:0;padding-bottom:14px;border-bottom:1px solid #cfcdcd;font-weight:bold;font-size:18px;color:#333;}
		.notice_box .event .h3 em {padding-bottom:14px;border-bottom:1px solid #2c5198;}
		.notice_box .event ul {margin-top:37px;}
		.notice_box .event ul:after {content:"";display:block;clear:both;}
		.notice_box .event ul li {float:left;width:50%;}
		.notice_box .event ul li:nth-child(1) {padding-right:4px;}
		.notice_box .event ul li:nth-child(2) {padding-left:4px;}
		.notice_box .event ul li a {display:block;border:1px solid #ccc;text-decoration:none;}
		.notice_box .event ul li a img {max-width:197px;width:100%;height:248.86px;}
		.notice_box .event ul li a em {display:block;padding:16px 10px;text-align:center;letter-spacing:-0.6px;}
		.notice_box .event ul li a em strong {width:80%;font-size:15px;color:#333;}
		.notice_box .event ul li a em span {display:block;margin-top:-10px;font-size:13px;color:#777;}
		.notice_box .event ul li a:hover em strong,
		.notice_box .event ul li a:focus em strong,
		.notice_box .event ul li a:active em strong {text-decoration:underline;}
		.notice_box .event .more {position:absolute;right:55px;top:0;font-size:0;}
		.notice_box .event .more.icon_main {width:13px;height:13px;background-position:-20px -39px;}
		/* 청남대 스템프 */
		.notice_box .stamp_btn {display:block;float:left;height:298px;background:#414141;}
		.notice_box .stamp_btn .h3 {margin-top:19px;margin-bottom:9px;text-align:center;font-weight:bold;font-family:"Nanum Myeongjo";font-size:26px;color:#fff;}
		.notice_box .stamp_btn .h3 .icon_main {display:block;width:84px;height:82px;margin:0 auto 10px auto;background-position:-63px -39px;}
		.notice_box .stamp_btn .h3 em {display:block;color:#295fc8;}
		.notice_box .stamp_btn .hr {display:block;margin-top:0;margin-bottom:0;height:30px;background:url(./../img/main/dot2.gif) left 12px repeat-x;border:0;text-align:center;}
		.notice_box .stamp_btn .hr .icon_main {width:30px;height:30px;background-position:-33px -39px;}
		.notice_box .stamp_btn ul {margin-top:10px;margin-left:30px;}
		.notice_box .stamp_btn ul li {position:relative;line-height:20px;margin-top:5px;padding-left:9px;color:#e2e2e2;}
		.notice_box .stamp_btn ul li:before {content:"";position:absolute;left:0;top:9px;display:inline-block;width:4px;height:4px;background:#7a7a7a;border-radius:1px;}
		.notice_box .stamp_btn ul li:first-child {margin-top:0;}


	/* 청남대 탭 */
	.con_box2 {width:auto;margin:70px auto 0 auto;max-height:624px;min-height:624px;background:url(./../img/main/bg1.jpg) center top repeat-x;}
	.con_box2 .con_box_bg {position:relative;width:1200px;margin:0 auto;}
	.con_box2 .con_box_bg .h3 {position:absolute;left:0;top:366px;padding-left:13px;}
	.con_box2 .con_box_bg .h3:before {content:"";position:absolute;left:0;top:0;display:inline-block;width:3px;height:50px;margin-right:13px;background:#2c5198;vertical-align:top;}
	.con_box2 .con_box_bg .h3 .sp {display:block;font-weight:400;font-size:14px;color:#628de0;}
	.con_box2 .con_box_bg .h3 .icon_main {width:151px;height:26px;background-position:-147px -45px;}
		/* 공지사항 */
		.con_box2 .gall_box {position:relative;}
		.con_box2 .gall_box > ul {height:140px;padding-top:94px;}
		.con_box2 .gall_box > ul:after {content:"";display:block;clear:both;}
		.con_box2 .gall_box > ul > li {}
		.con_box2 .gall_box > ul > li > h4 {position:relative;margin-bottom:1px;}
		.con_box2 .gall_box > ul > li > h4 a {position:relative;z-index:11;display:block;width:241px;height:52px;line-height:52px;padding:0 20px 0 50px;background:#727477;font-weight:400;font-size:14px;color:#fff;}
		.con_box2 .gall_box > ul > li > h4 a br {display:none;}
		.con_box2 .gall_box > ul > li > h4:after {transition:all 0.4s;-webkit-transition:all 0.4s;content:"";position:absolute;left:211px;top:0;z-index:0;display:block;width:0px;height:0px;border-top:0 solid transparent;border-bottom:0 solid #00193c;border-right:0 solid transparent;border-left:0 solid  transparent;}
		.con_box2 .gall_box > ul > li > h4.on a {height:62px;line-height:62px;background:#2c5198;font-size:17px;text-decoration:none;}
		.con_box2 .gall_box > ul > li > h4.on:after {content:"";position:absolute;left:226px;top:0;z-index:0;display:block;width:0px;height:0px;border-top:0 solid transparent;border-bottom:15px solid #00193c;border-right:15px solid transparent;border-left:15px solid  transparent;}
		.con_box2 .gall_box > ul > li > div {position:absolute;left:0;top:0;padding:94px 44px 0 323px;width:100%;text-align:center;}
		.con_box2 .gall_box > ul > li > div.gall_cont {z-index:10;}
		.con_box2 .gall_box > ul > li > div ul.gall_ul {}
		.con_box2 .gall_box > ul > li > div ul.gall_ul li {}
		.con_box2 .gall_box > ul > li > div ul.gall_ul li a {display:block;padding:0 20px;letter-spacing:-1.4px;text-decoration:none;text-align:center;}
		.con_box2 .gall_box > ul > li > div ul.gall_ul li a .img {display:inline-block;margin-bottom:18px;box-shadow:10px 10px 15px rgba(0,0,0,0.4);}
		.con_box2 .gall_box > ul > li > div ul.gall_ul li a .img img {max-width:261px;width:100%;max-height:343px;height:100%;}
		.con_box2 .gall_box > ul > li > div ul.gall_ul li a em {display:block;margin-left:8px;text-align:left;font-weight:bold;font-size:22px;color:#396ed4;}
		.con_box2 .gall_box > ul > li > div ul.gall_ul li a em + em {font-size:22px;color:#000;}
		.con_box2 .gall_box > ul > li > div ul.gall_ul li a .data {display:block;margin-left:8px;text-align:left;font-size:14px;color:#565a62;}
		.con_box2 .gall_controll_box {position:absolute;left:0;top:0;}
		.con_box2 .gall_controll_box a {display:inline-block;}
		.con_box2 .gall_controll_box .gall_prev {position:absolute;left:274px;top:276px;z-index:10;}
		.con_box2 .gall_controll_box .gall_prev .icon_main {width:25px;height:47px;background-position:-147px -71px;}
		.con_box2 .gall_controll_box .gall_pause {}
		.con_box2 .gall_controll_box .gall_pause .icon_main {width:25px;height:47px;background-position:-172px -71px;}
		.con_box2 .gall_controll_box .gall_play {}
		.con_box2 .gall_controll_box .gall_play .icon_main {width:25px;height:47px;background-position:-172px -71px;}

		.con_box2 .gall_controll_box .gall_page {margin-top:420px;}
		.con_box2 .gall_controll_box .gall_page .icon_main {overflow:hidden;width:0;height:0;font-size:0;}
		.con_box2 .gall_controll_box .gall_page .slick-dots {display:inline-block;}
		.con_box2 .gall_controll_box .gall_page .slick-dots li {display:inline-block;margin:0 2px;}
		.con_box2 .gall_controll_box .gall_page .slick-dots li.slick-active {background:#2c5198;border-radius:100%;}
		.con_box2 .gall_controll_box .gall_page .slick-dots li button {display:block;width:14px;height:14px;background:rgba(0,0,0,0.2);border-radius:100%;font-size:0;}

		.con_box2 .gall_controll_box .gall_next {position:absolute;right:4px;top:276px;z-index:10;}
		.con_box2 .gall_controll_box .gall_next .icon_main {width:25px;height:47px;background-position:-172px -71px;}


	/* 청남대 텍스트 */
	.con_box3 {width:auto;height:396px;padding:128px 0 140px 0;background:url(./../img/main/bg2.jpg) center top no-repeat;text-align:center;}
	.con_box3 .icon_main {width:67px;height:66px;background-position:-198px -71px;}
	.con_box3 p {width:1200px;margin:22px auto 0 auto;line-height:normal;font-size:40px;font-weight:bold;letter-spacing:0;font-family:"Nanum Myeongjo";color:#fff;}
	.con_box3 p em {display:inline-block;letter-spacing:-2.8px;color:#3379ff;}
	.con_box3 p br {display:none;}


	/* 청남대 바로가기 */
	.con_box4 {width:auto;/*height:333px;*/padding:70px 0;background:#ebebeb;}
	.con_box4 > div {position:relative;width:1200px;margin:0 auto;text-align:center;}
	.con_box4 > div .h3 {font-weight:bold;letter-spacing:-1.8px;font-size:25px;color:#000;}
	.con_box4 > div ul {/*margin-top:65px;*/font-size:14px;}
	.con_box4 > div ul:after {content:"";display:block;clear:both;}
	.con_box4 > div ul li {position:relative;display:inline-block;width:20%;margin-left:-4px;font-size:0;vertical-align:bottom;}
	.con_box4 > div ul li:after {content:"";position:absolute;left:0;top:50%;display:inline-block;width:6px;height:6px;margin-top:-3px;background:#316bdb;border-radius:100%;vertical-align:middle;}
	.con_box4 > div ul li:first-child:after {display:none;}
	.con_box4 > div ul li a {display:block;letter-spacing:-0.6px;font-size:15px;color:#666;}
	.con_box4 > div ul li a em {display:block;margin-top:15px;}
	.con_box4 > div ul li.icon1 a .icon_main {width:62px;height:61px;background-position:0 -137px;}
	.con_box4 > div ul li.icon2 a .icon_main {width:46px;height:61px;background-position:-62px -138px;}
	.con_box4 > div ul li.icon3 a .icon_main {width:56px;height:61px;background-position:-110px -137px;}
	.con_box4 > div ul li.icon4 a .icon_main {width:44px;height:61px;background-position:-166px -137px;}
	.con_box4 > div ul li.icon5 a .icon_main {width:39px;height:61px;background-position:-210px -137px;}
	.con_box4 > div ul li a:hover .icon_main,
	.con_box4 > div ul li a:focus,
	.con_box4 > div ul li a:actuve {display:block;margin-top:15px;}


	/* 청남대 sns */
	.con_box5 {padding:70px 0;}
	.con_box5 .h3 {text-align:center;font-weight:bold;letter-spacing:-1.8px;font-size:25px;color:#000;}
	.con_box5 .msns_box {position:relative;/*margin-top:40px;*/padding:0 34px;}
	.con_box5 .msns_box .facebook {position:relative;z-index:10;display:table;float:left;width:16.6%;}
	.con_box5 .msns_box .facebook a {display:table-cell;height:189px;background:#2c5198;text-align:center;text-decoration:none;vertical-align:middle;color:#fff;}
	.con_box5 .msns_box .facebook a .icon_main {width:60px;height:60px;background-position:-265px -102px;margin-top:-10px;}
	.con_box5 .msns_box .facebook a .title {display:block;}
	.con_box5 .msns_box .facebook a .title br {display:none;}
	.con_box5 .msns_box .facebook a .more {display:inline-block;height:22px;line-height:22px;padding:0 15px;margin-top:6px;background:#fff;border-radius:50px;font-size:13px;color:#2c5198;}
	.con_box5 .msns_box .sns_slide_box {padding-left:16.6%;}
	.con_box5 .msns_box .sns_slide_box .sns_slide {}
	.con_box5 .msns_box .sns_slide_box .sns_slide li {width:16.6%;height:189px;}
	.con_box5 .msns_box .sns_slide_box .sns_slide li.youtube {background:#000;font-size:0;}
	.con_box5 .msns_box .sns_slide_box .sns_slide li.instar {}
	.con_box5 .msns_box .sns_slide_box .sns_slide li a {position:relative;display:block;background:#131a29;color:#fff;}
	.con_box5 .msns_box .sns_slide_box .sns_slide li a .icon_main {position:absolute;left:0;top:0;z-index:10;width:36px;height:36px;background-position:-265px -162px;}
	.con_box5 .msns_box .sns_slide_box .sns_slide li a .img {transition:all 0.4s;-webkit-transition:all 0.4s;opacity:1;}
	.con_box5 .msns_box .sns_slide_box .sns_slide li a .title {transition:all 0.4s;-webkit-transition:all 0.4s;position:absolute;left:0;top:0;width:100%;height:189px;line-height:20px;padding:45px 0 0 30px;opacity:0;}
	.con_box5 .msns_box .sns_slide_box .sns_slide li a.on {}
	.con_box5 .msns_box .sns_slide_box .sns_slide li a.on .icon_main {}
	.con_box5 .msns_box .sns_slide_box .sns_slide li a.on .img,.con_box5 .msns_box .sns_slide_box .sns_slide li a:hover .img,.con_box5 .msns_box .sns_slide_box .sns_slide li a:focus .img,.con_box5 .msns_box .sns_slide_box .sns_slide li a:active .img {opacity:0.3;}
	.con_box5 .msns_box .sns_slide_box .sns_slide li a.on .title,.con_box5 .msns_box .sns_slide_box .sns_slide li a:hover .title,.con_box5 .msns_box .sns_slide_box .sns_slide li a:focus .title,.con_box5 .msns_box .sns_slide_box .sns_slide li a:active .title {opacity:1;}
	.con_box5 .sns_controll_box {position:absolute;left:0;top:0;width:1200px;margin:0 auto;}
	.con_box5 .sns_controll_box a {display:inline-block;}
	.con_box5 .sns_controll_box .sns_prev {position:absolute;left:0;top:87px;z-index:10;}
	.con_box5 .sns_controll_box .sns_prev .icon_main {width:18px;height:31px;background-position:-265px -71px;}
	.con_box5 .sns_controll_box .sns_next {position:absolute;right:0;top:87px;z-index:10;}
	.con_box5 .sns_controll_box .sns_next .icon_main {width:18px;height:31px;background-position:-283px -71px;}

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

		/* 청남대 sns */
		.con_box5 .sns_controll_box {width:100%;}

}

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


		/* 상단 */
		.overflow_y  #fs_header .fs_head .logo .icon_layout {width:208px;height:38px;background-position:0 0;}

	/* 날씨 */
	.fs_main_visual .weather_warp {width:auto;}

	/* 비주얼 */
	.fs_main_visual {width:auto;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text {width:auto;}
	/* 컨트롤 */
	.fs_main_visual .slides_box .mvis_controll_box {width:auto;}

	/* 컨텐츠 시작 */
	.con_box {width:auto;}
		/* 청남대 텍스트 */
		.con_box3 p {width:auto;}

		/* 청남대 탭 */
		.con_box2 .con_box_bg {width:auto;}

		/* 청남대 바로가기 */
		.con_box4 > div {width:auto;}

		/* 청남대 sns */
		.con_box5 .msns_box .facebook {width:20%;}
		.con_box5 .msns_box .sns_slide_box {padding-left:20%;}
		.con_box5 .msns_box .sns_slide_box .sns_slide li a .img img {width:100%;max-height:189px;min-height:189px;height:100%;}

}

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

	/* 해더영역 */
	#fs_header {height:125px;background:rgba(255,255,255,0)}

		/* 상단 */
		#fs_header .fs_head .logo .icon_layout {background-position:0 -38px;}
		.overflow_y  #fs_header .fs_head .logo .icon_layout {transition:all 0s;-webkit-transition:all 0s;width:208px;height:38px;background-position:0 0;}

	/* 날씨 */
	.fs_main_visual .weather_warp {right:30px;width:auto;}
	.fs_main_visual .weather_warp .weather_box {margin-top:80px;}


	/* 비주얼 */
	.fs_main_visual {height:355px;margin-top:125px;}
	.fs_main_visual .slides_box .slides01 li {height:355px;padding:50px 30px 0 30px;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text {padding:0;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .sta {line-height:36px;font-size:29px;}

	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb {display:block;padding-top:0;font-weight:400;font-size:16px;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_left {margin-top:20px;font-size:30px;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_left img {width:150px;margin-bottom:0;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right {display:block;margin-left:0;padding:10px 0 0 0;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right:before {display:none;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right span {display:none;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right a {width:210px;margin-top:0;}

	/* 컨트롤 */
	.fs_main_visual .slides_box .mvis_controll_box {padding:300px 0 0 30px;}
	.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box {position:absolute;left:55px;top:300px;}
	.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box .pro_text {display:none;}
	.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box .pro_bar_box_warp:after {content:"";position:absolute;left:0;top:0;z-index:-1;width:145px;height:2px;background:#fff;}
	.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box .pro_bar_box_warp .pro_bar {width:0;height:2px;background:#2c5198;}

	.fs_main_visual .slides_box .mvis_controll_box .mvis_pager span {width:170px;}
	.fs_main_visual .slides_box .mvis_controll_box .mvis_pager .bx-pager {font-size:20px;}

	.fs_main_visual .slides_box .mvis_controll_box .mvis_prev a {position:absolute;left:236px;top:296px;z-index:100;width:5px;height:10px;background:url(./../img/main/img_main.png) left top no-repeat;font-size:0;}
	.fs_main_visual .slides_box .mvis_controll_box .mvis_prev a:hover,.fs_main_visual .mvis_controll_box .mvis_prev a:focus,.fs_main_visual .mvis_controll_box .mvis_prev a:active {}

	.fs_main_visual .slides_box .mvis_controll_box .mvis_next a {position:absolute;left:250px;top:296px;z-index:100;width:5px;height:10px;background:url(./../img/main/img_main.png) -5px top no-repeat;font-size:0;}
	.fs_main_visual .slides_box .mvis_controll_box .mvis_next a:hover,.fs_main_visual .mvis_controll_box .mvis_next a:focus,.fs_main_visual .mvis_controll_box .mvis_next a:active {}


	/* 컨텐츠 시작 */
		/* 청남대 배너, 게시판, 스템프 */
		.con_box1 {margin-top:0;}
			/* 청남대 링크버튼 */
			.con_box1 .btn_link li {float:left;width:33.3%;padding-left:0;}
			.con_box1 .btn_link li:first-child {}
			.con_box1 .btn_link li a {height:102px;line-height:18px;border-left:1px solid #898c94;border-top:1px solid #898c94;font-size:14px;}
			.con_box1 .btn_link li:nth-child(1) a {border-left:1px solid #898c94;border-top:0;}
			.con_box1 .btn_link li:nth-child(2) a {border-top:0;}
			.con_box1 .btn_link li:nth-child(3) a {border-left:1px solid #898c94;border-top:0;}
			.con_box1 .btn_link li:nth-child(1) a .icon_main {margin:20px auto 5px auto;}
			.con_box1 .btn_link li:nth-child(2) a .icon_main {margin:25px auto 7px auto;}
			.con_box1 .btn_link li:nth-child(3) a .icon_main {margin:22px auto 5px auto;}
			.con_box1 .btn_link li:nth-child(4) a .icon_main {margin:15px auto 2px auto;}
			.con_box1 .btn_link li:nth-child(5) a .icon_main {margin:15px auto 0px auto;}
			.con_box1 .btn_link li:nth-child(6) a .icon_main {margin:25px auto 5px auto;}

			/* 청남대 공지사항 */
			.notice_box {padding:40px 30px 30px 30px;}
			.notice_box > div {width:100%;}
			.notice_box > div + div + div {width:100%;}
			.notice_box .notice {float:none;padding-right:0;}
			.notice_box .notice ul {margin-top:10px;background:url(./../img/main/dot.gif) left bottom repeat-x;}
			.notice_box .notice .more {position:absolute;right:0;top:0;}
			/* 청남대 축제/행사 */
			.notice_box .event {float:none;padding-right:0;margin-top:40px;}
			.notice_box .event ul {margin-top:20px;}
			.notice_box .event ul li {float:left;width:49.8%;}
			.notice_box .event ul li a img {max-width:100%;width:100%;max-height:300px;height:100%;}
			.notice_box .event .more {position:absolute;right:0;top:0;}
			/* 청남대 스템프 */
			.notice_box .stamp_btn {height:auto;padding:25px 0;margin-top:40px;}


		/* 청남대 탭 */
		.con_box2 {margin:30px auto 0 auto;}
		.con_box2:after {content:"";display:block;clear:both;}
		.con_box2 .con_box_bg .h3 {display:none;}
			/* 공지사항 */
			.con_box2 .gall_box > ul {padding:60px 30px 0 30px;}
			.con_box2 .gall_box > ul > li > h4 {position:absolute;left:0;top:0;width:33.3%;}
			.con_box2 .gall_box > ul > li > h4.on {position:absolute;left:0;top:-10px;}
			.con_box2 .gall_box > ul > li + li > h4 {position:absolute;left:33.3%;top:0;width:33.3%;padding-left:1px;}
			.con_box2 .gall_box > ul > li + li > h4.on {position:absolute;left:33.3%;top:-10px;}
			.con_box2 .gall_box > ul > li + li + li > h4 {position:absolute;left:66.6%;top:0;width:33.3%;padding-left:1px;}
			.con_box2 .gall_box > ul > li + li + li > h4.on {position:absolute;left:66.6%;top:-10px;}
			.con_box2 .gall_box > ul > li > h4 a {transition:none !important;-webkit-transition:none !important;position:relative;z-index:11;display:block;width:100%;padding:0 20px 0 20px;text-align:center;}
			.con_box2 a {transition:none !important;-webkit-transition:none !important;}
			.con_box2 .gall_box > ul > li > h4:after {display:none;}
			.con_box2 .gall_box > ul > li > h4.on a {transition:none !important;-webkit-transition:none !important;height:62px;line-height:62px;background:#2c5198;font-size:17px;text-decoration:none;}
			.con_box2 .gall_box > ul > li > h4.on:after {display:none;}
			.con_box2 .gall_box > ul > li > div {padding:100px 0 0 0;}
			.con_box2 .gall_box > ul > li > div ul.gall_ul li a em {width:50%;margin:0 auto;}
			.con_box2 .gall_box > ul > li > div ul.gall_ul li a .data {width:50%;margin:0 auto;}
			.con_box2 .gall_controll_box .gall_prev {position:absolute;left:30px;top:276px;}

			.con_box2 .gall_controll_box .gall_page {display:none;}

			.con_box2 .gall_controll_box .gall_next {position:absolute;right:30px;top:276px;}


		/* 청남대 텍스트 */
		.con_box3 {height:auto;padding:35px 0 35px 0;background-size:cover;}
		.con_box3 p {word-break:keep-all;font-size:27px;}
		.con_box3 p em {display:block;}

		/* 청남대 바로가기 */
		.con_box4 {height:auto;padding:35px 0;}
		.con_box4 > div {padding:0 50px;}
		.con_box4 > div ul {margin-top:30px;}
		.con_box4 > div ul li:after {display:none;}
		.con_box4 > div .go_controll_box .go_prev .icon_main {position:absolute;left:30px;top:50%;width:18px;height:31px;margin-top:-15px;background-position:-265px -71px;}
		.con_box4 > div .go_controll_box .go_next .icon_main {position:absolute;right:30px;top:50%;width:18px;height:31px;margin-top:-15px;background-position:-283px -71px;}

		/* 청남대 sns */
		.con_box5 {padding:30px 30px;}
		.con_box5 .msns_box {margin-top:18px;}
		.con_box5 .msns_box .facebook {width:25%;}
		.con_box5 .msns_box .sns_slide_box {padding-left:25%;}

}

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

	/* 해더영역 */
	#fs_header {height:125px;background:rgba(255,255,255,0)}

		/* 상단 */
		#fs_header .fs_head .logo .icon_layout {width:168px;height:30px;background-position:0 -31px;}
		.on#fs_header .fs_head .logo .icon_layout, .onbg#fs_header .fs_head .logo .icon_layout {width:168px;height:30px;background-position:0 -31px;}
		.overflow_y  #fs_header .fs_head .logo .icon_layout {transition:all 0s;-webkit-transition:all 0s;width:168px;height:30px;background-position:0 0;}

	/* 날씨 */
	.fs_main_visual .weather_warp {display:none;}


	/* 비주얼 */
	.fs_main_visual {height:355px;margin-top:125px;}
	.fs_main_visual .slides_box .slides01 li {height:355px;padding:50px 30px 0 30px;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text {padding:0;}

	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb {display:block;padding-top:0;font-weight:400;font-size:16px;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_left img {width:150px;margin-bottom:0;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right {display:block;margin-left:0;padding:10px 0 0 0;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right:before {display:none;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right span {display:none;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb .stb_right a {width:210px;margin-top:0;}

	/* 컨트롤 */
	.fs_main_visual .slides_box .mvis_controll_box {padding:300px 0 0 30px;}
	.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box {position:absolute;left:55px;top:300px;}
	.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box .pro_text {display:none;}
	.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box .pro_bar_box_warp:after {content:"";position:absolute;left:0;top:0;z-index:-1;width:145px;height:2px;background:#fff;}
	.fs_main_visual .slides_box .mvis_controll_box .pro_bar_box .pro_bar_box_warp .pro_bar {width:0;height:2px;background:#2c5198;}

	.fs_main_visual .slides_box .mvis_controll_box .mvis_pager span {width:170px;}
	.fs_main_visual .slides_box .mvis_controll_box .mvis_pager .bx-pager {font-size:20px;}

	.fs_main_visual .slides_box .mvis_controll_box .mvis_prev a {position:absolute;left:236px;top:296px;z-index:100;width:5px;height:10px;background:url(./../img/main/img_main.png) left top no-repeat;font-size:0;}
	.fs_main_visual .slides_box .mvis_controll_box .mvis_prev a:hover,.fs_main_visual .mvis_controll_box .mvis_prev a:focus,.fs_main_visual .mvis_controll_box .mvis_prev a:active {}

	.fs_main_visual .slides_box .mvis_controll_box .mvis_next a {position:absolute;left:250px;top:296px;z-index:100;width:5px;height:10px;background:url(./../img/main/img_main.png) -5px top no-repeat;font-size:0;}
	.fs_main_visual .slides_box .mvis_controll_box .mvis_next a:hover,.fs_main_visual .mvis_controll_box .mvis_next a:focus,.fs_main_visual .mvis_controll_box .mvis_next a:active {}


	/* 컨텐츠 시작 */
				/* 청남대 공지사항 */
				.notice_box {padding:20px 15px 20px 15px;}
				.notice_box .notice ul li a em {width:70%;}
				/* 청남대 축제/행사 */
				.notice_box .event ul li {float:none;width:100%;}
				.notice_box .event ul li + li {display:none;}
				/* 청남대 스템프 */
				.notice_box .stamp_btn {height:auto;padding:25px 0;margin-top:40px;}

		/* 청남대 텍스트 */
		.con_box3 p em {display:block;}
		.con_box3 p br {display:block;}


		/* 청남대 탭 */
		.con_box2 {margin:30px auto 0 auto;}
		.con_box2:after {content:"";display:block;clear:both;}
		.con_box2 .con_box_bg .h3 {display:none;}
			/* 공지사항 */
			.con_box2 .gall_box > ul {padding:120px 50px 0 50px;}
			.con_box2 .gall_box > ul > li > h4 {position:absolute;left:0;top:0;width:33.3%;}
			.con_box2 .gall_box > ul > li > h4.on {position:absolute;left:0;top:-10px;}
			.con_box2 .gall_box > ul > li + li > h4 {position:absolute;left:33.3%;top:0;width:33.3%;padding-left:1px;}
			.con_box2 .gall_box > ul > li + li > h4.on {position:absolute;left:33.3%;top:-10px;}
			.con_box2 .gall_box > ul > li + li + li > h4 {position:absolute;left:66.6%;top:0;width:33.3%;padding-left:1px;}
			.con_box2 .gall_box > ul > li + li + li > h4.on {position:absolute;left:66.6%;top:-10px;}
			.con_box2 .gall_box > ul > li > h4 a {transition:none !important;-webkit-transition:none !important;position:relative;z-index:11;display:block;width:100%;line-height:normal;padding:20px 5px 0 5px;font-size:13px;text-align:center;}
			.con_box2 .gall_box > ul > li > h4 a br {display:block;}
			.con_box2 a {transition:none !important;-webkit-transition:none !important;}
			.con_box2 .gall_box > ul > li > h4:after {display:none;}
			.con_box2 .gall_box > ul > li > h4.on a {transition:none !important;-webkit-transition:none !important;height:62px;line-height:normal;background:#2c5198;padding:25px 5px 0 5px;font-size:14px;text-decoration:none;}
			.con_box2 .gall_box > ul > li > h4.on:after {display:none;}
			.con_box2 .gall_box > ul > li:nth-child(1) > h4 a {padding:10px 5px 0 5px;line-height:normal;}
			.con_box2 .gall_box > ul > li:nth-child(1) > h4.on a {padding:15px 5px 0 5px;}
			.con_box2 .gall_box > ul > li > div {padding:90px 50px 0 50px;}
			.con_box2 .gall_controll_box .gall_prev {position:absolute;left:15px;top:235px;}

			.con_box2 .gall_controll_box .gall_page {display:none;}

			.con_box2 .gall_controll_box .gall_next {position:absolute;right:15px;top:235px;}


		/* 청남대 바로가기 */
		.con_box4 > div {padding:0 40px;}
		.con_box4 > div .go_controll_box .go_prev .icon_main {position:absolute;left:15px;top:50%;}
		.con_box4 > div .go_controll_box .go_next .icon_main {position:absolute;right:15px;top:50%;}

		/* 청남대 sns */
		.con_box5 {padding:30px 15px;}
		.con_box5 .msns_box .facebook {width:33.3%;}
		.con_box5 .msns_box .facebook a {height:120px;}
		.con_box5 .msns_box .facebook a .title {line-height:18px;}
		.con_box5 .msns_box .facebook a .title br {display:block;}
		.con_box5 .msns_box .facebook a .icon_main {height:30px;background-position:-265px -116px;}
		.con_box5 .msns_box .sns_slide_box {padding-left:33.3%;}
		.con_box5 .msns_box .sns_slide_box .sns_slide li {height:120px;}
		
		.con_box5 .sns_controll_box .sns_prev {position:absolute;left:0;top:47px;z-index:10;}
		.con_box5 .sns_controll_box .sns_next {position:absolute;right:0;top:47px;z-index:10;}

}


/*모바일*/
@media only screen and (max-width:520px){
		/* 청남대 탭 */
		.con_box2 {min-height:auto;padding-bottom:100%;}
		.con_box2 .gall_box > ul > li > div ul.gall_ul li a em {width:100%;margin:0 auto;}
		.con_box2 .gall_box > ul > li > div ul.gall_ul li a .data {width:100%;margin:0 auto;}

		/* 청남대 sns */
		.con_box5 .msns_box {padding:0 25px;}
		.con_box5 .msns_box .facebook {width:50%;}
		.con_box5 .msns_box .sns_slide_box {padding-left:50%;}

}