@charset "utf-8";

#fs_container_wrap {overflow:hidden;}

.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:40px;font-family:"Nanum Myeongjo";letter-spacing:-4px;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:10px;font-family:"Nanum Myeongjo";font-size:30px;}
.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 .stc {animation-delay:0.6s;transition:all 0.4s;-webkit-transition:all 0.4s;opacity:0;display:inline-block;height:31px;line-height:31px;padding:0 13px;margin:15px 0 0 25px;background:rgba(44,81,152,0.8);border-radius:4px;text-align:center;font-size:13px;color:#fff;}
.fs_main_visual .slides_box .stb_right_box .stb_right {position:absolute;left:50%;top:363px;z-index:10;margin-left:-255px;}
.fs_main_visual .slides_box .stb_right {position:relative;display:inline-block;margin-left:60px;padding:10px 0 0 40px;vertical-align:top;}
.fs_main_visual .slides_box .stb_right:before {content:"";position:absolute;left:0;top:0;display:inline-block;width:1px;height:140px;background:#2c5198;}
.fs_main_visual .slides_box .stb_right span {display:block;line-height:25px;font-size:20px;font-weight:400;color:#fff;}
.fs_main_visual .slides_box .stb_right a {position:relative;z-index:10;display:block;height:55px;line-height:55px;margin-top:18px;padding-left:21px;background:#2c5198;font-size:16px;text-decoration:none;color:#fff;}
.fs_main_visual .slides_box .stb_right a .arr {float:right;display:inline-block;width:31px;height:55px;line-height:55px;background:#fff;text-align:center;font-size:16px;}
.fs_main_visual .slides_box .stb_right a .icon_main1 {display:inline-block;width: 31px;height: 18px;margin-right:8px;background: url(/chnam/resource/www/img/main/ico_main1.png) !important;}
.fs_main_visual .slides_box .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 .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: 46px;height: 46px;margin: 32px auto 18px auto;background: url(/chnam/resource/www/img/main/ico_main2.png) !important;}

		/* 청남대 공지사항 */
		.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:57px;}
		.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:57px;top:0;font-size:0;}
		.notice_box .event .more.icon_main {width:13px;height:13px;background-position:-20px -39px;}
		/* 청남대 스템프 */
		.notice_box .stamp_btn {position:relative;display:block;float:left;height:298px;}/*
		.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;}*/
		.notice_box .stamp_btn .popup_cont {margin-top:35px;}
		.notice_box .stamp_btn .popup_cont .popup_ul {}
		.notice_box .stamp_btn .popup_cont .popup_ul li {}
		.notice_box .stamp_btn .popup_cont .popup_ul li a {display: block;max-width: 287px;width: 100%;margin: 0 auto;border: 1px solid #ddd;}
		.notice_box .stamp_btn .popup_cont .popup_ul li a img {max-width: 285px;width: 100%;}
		.notice_box .stamp_btn .popup_controll_box {}
		.notice_box .stamp_btn .popup_controll_box .popup_prev {position:absolute;left:0px;top:0;z-index:10;}
		.notice_box .stamp_btn .popup_controll_box .popup_next {position:absolute;left:62px;top:0;z-index:10;}
		.notice_box .stamp_btn .popup_controll_box .popup_pause {position:absolute;left:31px;top:0;z-index:10;}
		.notice_box .stamp_btn .popup_controll_box .popup_play {position:absolute;left:31px;top:0;z-index:10;}
		.notice_box .stamp_btn .more {position:absolute;right:0;top:5px;font-size:0;}
		.notice_box .stamp_btn .more.icon_main {width:13px;height:13px;background-position:-20px -39px;}


	/* 청남대 탭 */
	.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 .con_box_bg .h3 .icon_main {width:156px;}
		/* 공지사항 */
		.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:table;height:313px;margin:0 auto 18px auto;box-shadow:10px 10px 15px rgba(0,0,0,0.4);background:#000;}
		.con_box2 .gall_box > ul > li > div ul.gall_ul li a .img em {display:table-cell;vertical-align:middle;}
		.con_box2 .gall_box > ul > li > div ul.gall_ul li a .img em img {max-width:100%;width: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 {position: relative; width:auto;height:396px;padding:128px 0 140px 0;background:url(./../img/main/bg3.png) no-repeat center top;background-attachment:fixed;background-size:cover;text-align:center;}
	.con_box3:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);}
	.con_box3 p {width:1200px;margin:22px auto 0 auto;line-height:normal;font-size:40px;font-weight:bold;letter-spacing:-2px;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: 53px;height: 61px;background-position: -211px -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 0 0;}
	.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 .sns_slide_warp {position:relative;}
    .con_box5 .sns_slide_warp > ul {height:189px;}
    .con_box5 .sns_slide_warp > ul:after {content:"";display:block;clear:both;}
    .con_box5 .sns_slide_warp > ul > li:after {content:"";display:block;clear:both;}
    .con_box5 .sns_slide_warp > ul > li > h4 {position:relative;margin-bottom:1px;width:15%;}
    .con_box5 .sns_slide_warp > ul > li > h4 a {position:relative;z-index:11;display:block;width:174px;height:52px;line-height:52px;padding:0 0 0 26px;background:#727477;font-weight:400;font-size:14px;color:#fff;}
    .con_box5 .sns_slide_warp > ul > li > h4 a img {margin-right:15px;vertical-align: middle;}
    .con_box5 .sns_slide_warp > ul > li > h4 a br {display:none;}
    .con_box5 .sns_slide_warp > ul > li > h4:after {transition:all 0.4s;-webkit-transition:all 0.4s;content:"";position:absolute;left:150px;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_box5 .sns_slide_warp > ul > li > h4.on a {height:62px;line-height:62px;background:#2c5198;font-size:17px;text-decoration:none;}
    .con_box5 .sns_slide_warp > ul > li > h4.on:after {content:"";position:absolute;left:160px;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_box5 .sns_slide_warp > ul > li .gall_cont {position:absolute;left:0;top:0;margin:0 0 0 220px;width:80%;text-align:center;}


	.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 {overflow: hidden;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:20px 20px;opacity:0;background:rgba(0,0,0,0.8);}
	.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:-30px;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:-30px;top:87px;z-index:10;}
	.con_box5 .sns_controll_box .sns_next .icon_main {width:18px;height:31px;background-position:-283px -71px;}

	.con_box5 .sns_controll_box2 {position:absolute;left:0;top:0;width:100%;margin:0 auto;}
	.con_box5 .sns_controll_box2 a {display:inline-block;}
	.con_box5 .sns_controll_box2 .sns_prev {position:absolute;left:-25px;top:87px;z-index:10;}
	.con_box5 .sns_controll_box2 .sns_prev .icon_main {width:18px;height:31px;background-position:-265px -71px;}
	.con_box5 .sns_controll_box2 .sns_next {position:absolute;right:-25px;top:87px;z-index:10;}
	.con_box5 .sns_controll_box2 .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 .stb_right_box .stb_right {margin-left:-17%;}
	/* 컨트롤 */
	.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 {padding:0;}
		.con_box5 .msns_box .facebook {width:20%;}
		.con_box5 .msns_box .sns_slide_box {padding-left:20%;width:95%;}
		.con_box5 .msns_box .sns_slide_box .sns_slide li a .img img {width:100%;max-height:189px;min-height:189px;height:100%;}
		.con_box5 .sns_controll_box2 {width:100%;}
		.con_box5 .sns_controll_box .sns_next {position:absolute;right:15px;top:87px;z-index:10;}


}

/*태블릿*/
@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 {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:0;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 .slides01 li .main_visual_text .stc {display:inline-block;margin-top:80px;}
	.fs_main_visual .slides_box .stb_right:before {display:none;}
	.fs_main_visual .slides_box .stb_right span {display:none;}
	.fs_main_visual .slides_box .stb_right_box .stb_right {position:absolute;left:auto;top:194px;right:10px;z-index:10;width:310px;margin-left:-35%;}

	/* 컨트롤 */
	.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 {position: relative;z-index: 10;}
			.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:15px auto 0px 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;min-height:530px;}
		.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%;}
		.con_box5 .msns_box .sns_slide_box .sns_slide {width:100%;}

		.con_box5 .sns_slide_warp > ul > li > h4 {width:20%;}
		.con_box5 .sns_slide_warp > ul > li .gall_cont {width:80%;}




}

/*모바일*/
@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: 151px;height: 28px;background-position: 0 -27px;}
	.on#fs_header .fs_head .logo .icon_layout, .onbg#fs_header .fs_head .logo .icon_layout {width:151px;height:28px;background-position:0 -27px;}
	.overflow_y  #fs_header .fs_head .logo .icon_layout {transition:all 0s;-webkit-transition:all 0s;width: 151px;height: 28px;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 .sta {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:0;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;}
                .notice_box .stamp_btn .popup_cont {margin-top:15px;}
                .notice_box .stamp_btn .popup_cont .popup_ul li a {max-width:none;width: 100%;}
                .notice_box .stamp_btn .popup_cont .popup_ul li a img {width: 100% !important; height:auto !important;margin:0 auto;}

		/* 청남대 텍스트 */
		.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 {padding:0;}
		.con_box5 .msns_box .facebook {width:100%;}
		.con_box5 .msns_box .facebook a {height:62px;width:100%;}
		.con_box5 .msns_box .facebook a .title {line-height:62px;float:left;}
		.con_box5 .msns_box .facebook a .title br {display:none;}
		.con_box5 .msns_box .facebook a .icon_main {height:30px;background-position:-265px -116px;float:left;margin-top:13px;}
		.con_box5 .msns_box .facebook a .more {margin-top:20px;}
		.con_box5 .msns_box .sns_slide_box {padding-left:0;margin-top:72px;width:100%;}
		.con_box5 .msns_box .sns_slide_box .sns_slide {width:100%;margin:0 auto;padding:0 30px;}
		.con_box5 .msns_box .sns_slide_box .sns_slide li {height:189px;}
		.con_box5 .msns_box .sns_slide_box .sns_slide li a {background:none;}
		.con_box5 .msns_box .sns_slide_box .sns_slide li a .img {height:189px;display:inline-block;}
		.con_box5 .msns_box .sns_slide_box .sns_slide li a .img img {width:auto;max-height:unset;min-height:unset;height:100%;}
		
		.con_box5 .msns_box .sns_slide_box .sns_slide li.youtube {height:190px;}
		
		.con_box5 .sns_controll_box .sns_prev {position:absolute;left:0;top:150px;z-index:10;}
		.con_box5 .sns_controll_box .sns_next {position:absolute;right:0;top:150px;z-index:10;}
		
		.con_box5 .sns_controll_box2 .sns_prev {left:0;top:150px;}
		.con_box5 .sns_controll_box2 .sns_next {top:150px;right:0;} 

		.con_box5 .sns_slide_warp > ul {height:365px;}
		.con_box5 .sns_slide_warp > ul > li {width:100%;}
		.con_box5 .sns_slide_warp > ul > li > h4 {display:inline-block;width:100%;}
		.con_box5 .sns_slide_warp > ul > li > h4 a {width:100%;}
		.con_box5 .sns_slide_warp > ul > li > h4.on:after {display:none;}
		.con_box5 .sns_slide_warp > ul > li .gall_cont {margin:0;top:116px;width:100%;}
}


/*모바일*/
@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;}
		.con_box5 .sns_slide_warp > ul > li > h4 a {width:99%;}
		.con_box5 .msns_box .facebook {width:99%;}

}
/* 신규 추가 20231227*/
@import url('font/exit_font.css'); body { overflow-x: hidden; } 
:root { --swiper-theme-color:#333; --swiper-navigation-size:18px; } 
.tith1 { display: block; font-size: 2.5rem; font-weight: 700; line-height: 3.5rem; } 
.more-btn1 { display: block; padding-right: 13px; font-size: 1.5rem; font-weight: 500; color: var(--gray-66); text-decoration: underline; margin-top: 40px; } 
.con-box { justify-content: space-between; padding: 80px 0; } 
.mg_overlay ul li:nth-child(5) a { font-size: 16px; line-height: inherit; letter-spacing: 0; color: rgba(35, 24, 21, 0.5) !important; } 
.con-box .tith-top { display: flex; align-items: center; justify-content: space-between; width: 290px; margin-bottom: 35px; } 
.con-box .inner .eng-tit { font-size: 1.4rem; font-weight: 600; color: #2c5198; } 
.con-box .inner .tith1 { font-size: 3.2rem; margin: 20px 0 28px 0; line-height: 1.3; } 
.con-box .inner .tith1 em { color: #2c5198; } 
.con-box .inner .tit-text { font-size: 1.6rem; color: #666; font-weight: 500; white-space: nowrap; } 

@media only screen and (max-width: 1023px){
 .visual-slide { height: 650px; } 
 }
@media only screen and (max-width: 767px){
 .con-box { padding: 50px 0; } 
 }
@media only screen and (max-width: 500px){
 .con-box .inner .tith1 { margin: 10px 0 20px 0; white-space: nowrap; } 
 .con-box .inner .tit-text { margin-top: 10px; } 
 .con-box .inner .tit-text br { display: none; } 
 .more-btn1 { display: inline; float: right; margin-top: 0; text-align: right; } 
 .lf { width: 100%; } 
 .con-box .tith-top { margin-bottom: 20px } 
 }
/******** Main Visual ********/
.visual-slide { position: relative; width: 100%; height: 915px; overflow: hidden; background: #000; } 
.visual-slide .swiper-wrapper { display: flex; } 
.visual-slide .swiper-slide { position: relative; display: flex; text-align: center; font-size: 18px; justify-content: center; align-items: center; } 
.visual-slide .swiper-slide video { display: block; width: 100%; height: 100%; object-fit: cover;} 
@media only screen and (max-width: 1023px){
 .visual-slide { height: 650px; } 
 }
/******** Main Visual-text ********/
@media only screen and (max-width: 1023px){
 .visual-slide { height: 650px; } 
 }
@media only screen and (max-width: 767px){
 .visual-slide { height: 450px; } 
 }
@media only screen and (max-width: 408px){
 .visual-slide { height: 500px; } 
 }
/******** Main Visual-swiper ctrl ********/
.visual-slide .swiper-control-st1 { position: absolute; bottom: 11%; left: 50%; transform: translateX(-50%); z-index: 1; display: flex; align-items: center; gap: 8px; } 
.visual-slide .swiper-control-st1 .swiper-pagination { position: relative; bottom: unset; left: unset; display: flex; align-items: center; } 
.visual-slide .swiper-control-st1 .swiper-pagination .swiper-pagination-bullet { background: #fff; } 
.visual-slide .swiper-control-st1 .swiper-pagination .swiper-pagination-bullet-active { background: #fff; } 
.visual-slide .swiper-control-st1 .swiper-button-play { width: 10px; height: 10px; font-size: 0; background: url(../img/layout/icn-start-wh.png) no-repeat center center / auto; } 
.visual-slide .swiper-control-st1 .swiper-button-stop { width: 10px; height: 10px; font-size: 0; background: url(../img/layout/icn-pause-wh.png) no-repeat center center / auto; } 
.visual-slide .swiper-horizontal > .swiper-pagination-bullets, .visual-slide .swiper-pagination-bullets.swiper-pagination-horizontal, .visual-slide .swiper-pagination-custom, .visual-slide .swiper-pagination-fraction { bottom: 0; } 

@media only screen and (max-width: 1023px){
 .visual-slide .swiper-control-st1 { bottom: 14%; } 
 }
@media only screen and (max-width: 767px){
 .visual-slide .swiper-control-st1 { bottom: 16%; } 
 .visual-slide .swiper-control-st1 .swiper-pagination-bullet { width: 6px; height: 6px; } 
 }
@media only screen and (max-width: 440px){
 .visual-slide .swiper-control-st1 { bottom: 28%; } 
 }
/******** Main Visual- weather ********/
.weather { position: absolute; top: 150px; right: 40px; display: flex; flex-direction: column; font-size: 2.0rem; line-height: 1.2; z-index: 50; } 
.weather .temp { color: #fda8a8; font-size: 1.8rem; display: flex; justify-content: right; text-align: right; margin-right: 60px; } 
.weather .temp em { font-size: 3.0rem; display: flex; font-weight: 600; } 
.weather .temp .weather-icon {font-size: 0; display: inline-block; position: absolute; bottom: 28px; right: 0; } 
.weather .temp .weather-icon img { width: 50px; height: auto; }
.weather p { color: #fff; } 

@media only screen and (max-width: 1023px){
 .weather { font-size: 1.6rem; } 
.weather .temp { font-size: 1.6rem; margin-right: 45px; } 
.weather .temp em { font-size: 2.5rem; } 
.weather .temp .weather-icon { bottom: 22px;}
.weather .temp .weather-icon img {width: 40px;}
.weather p { color: #fff; } 
 }
@media only screen and (max-width: 767px){
 .weather .temp { font-size: 1.5rem; margin-right: 31px; } 
.weather { font-size: 1.5rem; } 
.weather .temp em { font-size: 2.0rem; } 
.weather .temp .weather-icon { bottom: 18px; width: 30px; height: 30px; background-size: cover; } 
 }
@media only screen and (max-width: 400px){
 .weather .temp .weather-icon img {width: 35px;}
 .weather { right: 16px; } 
 }
/******** QuickMenu ********/
.quickmenu { position: absolute; bottom: 0; width: 100%; height: 65px; z-index: 1; background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);} 
.quickmenu ul { height: 100%; display: flex; justify-content: space-around; color: #fff; backdrop-filter: blur(5px); opacity: 0; animation: quickmenu 3s ease-in-out forwards; animation-delay: 1s; } 
@keyframes quickmenu { 
 0% { transform: translateX(100%); opacity: 0; } 
 100% { transform: translateX(0); opacity: 1; } 
 }
.quickmenu ul li { position: relative; font-size: 1.6rem; width: 100%; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.3); overflow: hidden; transition: all 0.5s; } 
.quickmenu ul li a { display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; } 
.quickmenu ul li:hover a { color: #333; font-size: larger; font-weight: 600; transition: all 1s; } 
.quickmenu ul li:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #fff; transition: all 0.5s; z-index: -1; } 
.quickmenu ul li:hover:before { height: 100%; } 

@media only screen and (max-width: 767px){
 .quickmenu { height: 50px; } 
 .quickmenu ul { animation: none; opacity: 1; } 
 .quickmenu ul li a { font-size: 1.4rem; } 
 }
@media only screen and (max-width: 470px){
 .quickmenu { height: 110px; } 
 .quickmenu ul { flex-wrap: wrap; justify-content:unset; } 
 .quickmenu ul li { width: 50%; } 
 .quickmenu ul li a { padding: 5px; } 
 }
/******** con-box1 notice********/
.con-box1 .inner { display: flex; justify-content: space-between; gap: 30px; align-items: center; } 
.con-box1 .inner .eng-tit { position: relative; } 
.con-box1 .inner .eng-tit::after { content: ""; position: absolute; top: -130px; right: 260%; width: 171px; height: 191px; background: url(../img/main/notice-deco6.png); } 
.con-box1 .inner .notice .tith1 { position: relative; } 
.con-box1 .inner .notice .tith1::before { content: ""; position: absolute; top: 96px; left: -102px; width: 41px; height: 149px; background: url(../img/main/notice-deco4.png) center center no-repeat; background-size: cover; z-index: -1; } 
.con-box1 .inner .notice .tith1::after { position:absolute; top: 167px; left: 1471px; content: ""; width: 178px; height: 175px; background: url(../img/main/notice-deco5.png) center center no-repeat; z-index: -1; animation: rotate 10s infinite linear; } 
/* @keyframes rotate { 
 from { transform: rotate(0deg); } 
 to { transform:rotate(360deg) } 
 }*/
.con-box1 .inner .notice { display: flex; width: calc(100% - 370px); justify-content: space-between; } 
.notice .left { width: 290px; } 
.notice-wrap { width: calc(100% - 290px); } 
.notice-slide::after { content: ""; position: absolute; right: 0px; top: 0px; z-index: 10; display: block; width: 100px; height: 100%; background: linear-gradient(to left, #fff, #ffffff48, transparent); } 
.notice-slide .swiper-wrapper .swiper-slide { position: relative; max-width: 300px; height: 340px; border: 1px solid #e5e5e5; border-radius: 10px; } 
.notice-slide .swiper-wrapper .swiper-slide a::after { position: absolute; content: ""; bottom: -2px; right: -6px; width: 165px; height: 58px; background: url(../img/main/notice-deco3.png) center center no-repeat; z-index: -990; } 
.notice-slide .swiper-wrapper .swiper-slide a { position: relative; display: block; width: 100%; height: 100%; padding: 60px 30px 30px 30px; overflow: hidden; } 
.notice-slide .swiper-wrapper .swiper-slide a em { height: 60px; font-size:2.0rem; font-weight: 600; line-height: 1.6; display:-webkit-box; overflow: hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-bottom: 30px; } 
.notice-slide .swiper-wrapper .swiper-slide a em i { transition: all 0.5s ease-in-out; } 
.notice-slide .con-txt { font-size: 1.6rem; color: #777; margin-bottom: 60px; } 
.notice-slide .date { font-size: 1.5rem; color: #777; padding-left: 20px; background: url(../img/main/icn-date.png) left center no-repeat; } 

@media only screen and (max-width: 1250px){
 .notice-slide { width: 100%; } 
 }
@media only screen and (max-width: 1100px){
 .con-box1 .inner { flex-wrap: wrap; } 
 .con-box1 .inner .notice { width: 100%; } 
 .con-box1 .inner .banner { width: 100%; margin-top: 50px; } 
 }
 @media only screen and (max-width: 761px){
 .notice-slide { width: 90%; } 
 .notice-slide::after { display: none; } 
 }
@media only screen and (max-width: 676px){
 .notice-wrap { width: 100%; } 
 .notice-slide { width: 80%; } 
 }
@media only screen and (max-width: 624px){
 .notice-slide { width: 68%; } 
 }
@media only screen and (max-width: 585px){
 .notice-slide { width: 70%; } 
 .notice-slide::after { display: none; } 
 }
@media only screen and (max-width: 550px){
 .notice-wrap { width: 87%; } 
 .notice-slide { width: 60%; } 
 }
@media only screen and (max-width: 532px) { /* 글자 튀어나옴 방지 */
 .notice-slide .swiper-wrapper .swiper-slide a em { line-height: 1.7; } 
 }
@media only screen and (max-width: 500px){
 .con-box1 .inner .notice { display: block; } 
 .con-box1 .inner .notice .left { display: flex; width: 100%; } 
 .con-box1 .inner .notice .notice-slide { width: 120%; } 
 .notice-slide .swiper-wrapper .swiper-slide { height: 265px; } 
 .notice-slide .swiper-wrapper .swiper-slide a { padding: 30px; } 
 .notice-slide .swiper-wrapper .swiper-slide a em { margin-bottom: 20px; } 
 .notice-slide .con-txt { margin-bottom: 30px; } 
 .notice-wrap { margin-right: -20px; } 
 }
/* 공지사항 호버시 */
.notice-slide .swiper-wrapper .swiper-slide a:hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #2c5198; border-radius: 10px; overflow: hidden; } 
.notice-slide .swiper-wrapper .swiper-slide:hover { box-shadow: 1px 1px 1px rgba(35, 24, 21, 0.5); border: 0; } 
.notice-slide .swiper-wrapper .swiper-slide:hover em i { box-shadow:0 -14px 0 rgba(195, 213, 240, 0.9) inset; } 
/******** con-box1 notice-slide ********/
.swiper-control-st2 { position: relative; top: 60px; display: flex; width: 100%; } 
.swiper-control-st2 .swiper-button-next { top: 1px; left: 200px; background: url(../img/main/icn-arr-next.png) center center no-repeat; } 
.swiper-control-st2 .swiper-button-prev { top: 1px; left: 180px; background: url(../img/main/icn-arr-prev.png) center center no-repeat; } 
.swiper-control-st2 .swiper-button-next::after, .swiper-control-st2 .swiper-button-prev::after { display: none; } 
.swiper-control-st2 .swiper-pagination-progressbar { width: 130px; left: 40px; } 
.swiper-control-st2 .swiper-pagination-f { position: absolute; top: -10px; font-size: 1.4rem; font-weight: 600; color: #757575; } 
.swiper-control-st2 .swiper-pagination-total { color: #757575; } 
.swiper-control-st2 .swiper-pagination-current { color: #333; } 

@media only screen and (max-width: 500px){
 .swiper-control-st2 { display: none; } 
 }
/******** banner ********/
.banner { position: relative; width: 340px; } 
.banner .tith-top .tith1 { margin-bottom: 0; } 
.banner-slide .swiper-slide { display: flex; justify-content: right; } 
.banner-slide .swiper-slide img { width: 100%; height: 100%; border-radius: 10px; } 
.swiper-control-st3 { position: relative; top: 21px; display: flex; } 
.swiper-control-st3 .swiper-button-next::after, .swiper-control-st3 .swiper-button-prev::after { display: none; } 
.swiper-control-st3 .swiper-pagination { position: absolute; top: -41px; left: 41%; display: flex; width: 100%; height: 18px; --swiper-theme-color: #fff } 

@media only screen and (max-width: 1250px){
 .banner { margin-left: 40px; } 
 }
@media only screen and (max-width: 1100px){
 .swiper-control-st3 .swiper-pagination { display: none; } 
 .banner { margin-left: 0px; } 
 }
@media only screen and (max-width: 470px){
 .con-box1 .inner .banner { margin-top: 30px; } 
 .swiper-control-st3 .swiper-pagination { display: none; } 
 }
@media only screen and (max-width: 449px){
 .swiper-control-st3 .swiper-pagination { display: block; left: -1%; top: -51px; } 
 }
/******** con-box2 ********/
.con-box2 { position: relative; display: flex; background: #272a31; padding: 100px 0; overflow: hidden; } 
.con-box2 .inner { display: flex; align-items: center; } 
.con-box2 .inner::after { content: ""; position: absolute; top: 247px; left: 46%; width: 404px; height: 381px; background: url(../img/main/event-deco3.png); z-index: -10; z-index: -100; opacity: 0.6;} 
.con-box2 .top::before { height: 470px; } 
.con-box2 .top .lf { margin-bottom: 40px; } 
.con-box2 .top .lf .tith1 { color: #fff; } 
.con-box2 .top .lf .tith1 em { color: #5b80c5; } 
.con-box2 .top .lf .eng-tit { position: relative; color: #5b80c5; } 
.con-box2 .top .lf .eng-tit::before { content: ""; position: absolute; top: 50px; left: -200px; width: 13px; height: 220px; background: url(../img/main/event-left-deco.png) center center no-repeat; } 
.con-box2 .top .lf .more-btn1 { color: #fff; } 
.con-box2 .inner .tit-text { color: #fff; opacity: 0.8; } 
.event-slide { width: calc(100% - 290px); overflow: visible; } 
.event-slide::after { content: ""; position: absolute; top: -130px; left: -120px; width: 780px; height: 384px; background: url(../img/main/event-deco2.png) center center no-repeat; z-index: -1; opacity: 0.6;} 
.slide-for { float: left; width: 600px; display: flex; align-items: center; } 
.slide-nav-wrapper { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 630px; height: 420px; overflow: hidden; } 
.slide-nav-wrapper .slide-nav { overflow: visible; } 
.slide-nav .swiper-wrapper { height: 420px; } 
.slide-nav .swiper-slide { display: flex; align-items: center; transition: transform 0.3s ease-in-out; max-width: 270px; } 
.slide-nav .swiper-slide .img-wrap { width: 100%; border-radius: 1rem; overflow: hidden; } 
.slide-nav .swiper-slide-active .img-wrap { margin-right: 10px; } 
.slide-nav .swiper-slide .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 
.slide-nav .swiper-slide:not(.swiper-slide-active) { transform: scale(.9); } 
.slide-nav .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next) { transform: scale(.8); } 
.slide-nav .swiper-slide:not(.swiper-slide-active) .img-wrap img { filter: blur(0.5px) opacity(0.8); } 
.slide-nav .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next) .img-wrap img { filter: blur(1px) opacity(0.5); } 
.event-text { color: #fff; display: flex; flex-direction: column; justify-content: center; height: 100%; } 
.event-text .con-tit { font-size: 2.4rem; padding-bottom: 30px; border-bottom: 1px solid #ffffff33; white-space: nowrap; } 
.event-text .con-date, .event-text .con-space { font-size: 1.7rem; margin: 5px 0; } 
.event-text .con-date { margin-top: 30px; } 
.event-text .con-detail { font-size: 1.6rem; opacity: 0.8; margin-top: 30px; } 
.event-text .more-btn1 { color: #fff; } 
.con-box2 .swiper-control-st2 { color: #fff; z-index: 10; } 
.con-box2 .swiper-control-st2 .swiper-button-next { background: url(../img/main/icn-arr-next-w.png) center center no-repeat; z-index: 10; } 
.con-box2 .swiper-control-st2 .swiper-button-prev { background: url(../img/main/icn-arr-prev-w.png) center center no-repeat; z-index: 10; } 
.con-box2 .swiper-control-st2 .swiper-pagination-f { color: #fff; } 
.con-box2 .swiper-control-st2 .swiper-pagination-total { color: #fff; } 
.con-box2 .swiper-control-st2 .swiper-pagination-current { color: #fff; } 
.con-box2 .swiper-control-st2 .swiper-pagination-progressbar-fill { background: #fff; } 

@media only screen and (max-width: 1620px){
 .slide-for { width: 500px; } 
 .slide-nav-wrapper { width: calc(100% - 900px); } 
 }
@media only screen and (max-width: 1200px){
 .slide-for { width: 450px; } 
 .slide-nav-wrapper { width: 300px; } 
 }
@media only screen and (max-width: 1090px){
 .slide-for { width: 400px; } 
 .slide-nav-wrapper { width: 270px; } 
 }
@media only screen and (max-width: 1000px){
 .con-box2 { background: none; padding-top: 0; padding-bottom: 0; } 
 .con-box2 .inner { flex-direction: column; } 
 .con-box .tith-top { width: 100%; } 
 .con-box2 .top .lf { width: 100%; margin-bottom: 0; } 
 .con-box2 .inner .lf .eng-tit { color: #2c5198; } 
 .con-box2 .inner .lf .tith1 { color: #333; } 
 .con-box2 .inner .lf .tith1 br { display: none; } 
 .con-box2 .top .lf .tith1 em { color: #2c5198; } 
 .con-box2 .top .lf .tit-text { color: #666; } 
 .con-box2 .inner .lf .tit-text br { display: none; } 
 .con-box2 .top .lf .more-btn1 { display: inline; float: right; color: #333; margin: 0; } 
 .event-slide::before { content: ""; position: absolute; top: 0px; left: -25px; right: -25px; width: calc(100% + 50px); height: 473px; background: #272a31; } 
 .event-slide::after { z-index: 0; left: -233px; } 
.con-box2 .swiper-control-st2 { color: unset; z-index: 10; } 
.con-box2 .swiper-control-st2 .swiper-button-next { background: url(../img/main/icn-arr-next.png) center center no-repeat; z-index: 10; } 
.con-box2 .swiper-control-st2 .swiper-button-prev { background: url(../img/main/icn-arr-prev.png) center center no-repeat; z-index: 10; } 
.con-box2 .swiper-control-st2 .swiper-pagination-progressbar-fill { background: unset; } 
.con-box2 .swiper-control-st2 { display: none; } 
.swiper-control-st2 .swiper-pagination-f { color: #757575; } 
.swiper-control-st2 .swiper-pagination-total { color: #666; } 
.swiper-control-st2 .swiper-pagination-current { color: #333; } 
.event-slide { position: relative; width: calc(100%); padding: 80px 0; } 
.slide-for { width: 500px; } 
.slide-nav-wrapper { width: calc(100% - 550px); right: -25px; } 
 }
 @media only screen and (max-width: 860px){
 .slide-for { width: 400px; } 
 .slide-nav-wrapper { width: calc(100% - 450px); } 
 }
 @media only screen and (max-width: 750px){
 .slide-for { width: 400px; } 
 .slide-nav-wrapper { width: calc(100% - 400px); } 
 }
 @media only screen and (max-width: 690px){
 .slide-for { width: 330px; } 
 .slide-nav-wrapper { width: calc(100% - 330px); } 
 .event-text .con-tit { font-size: 2.0rem } 
 .event-text .con-date, .event-text .con-space { font-size: 1.5rem; } 
 .event-text .con-detail { font-size: 1.5rem; } 
 }
 @media only screen and (max-width: 620px){
 .event-slide::before { height: 772px; } 
 .event-slide::after { left: -249px; } 
 .slide-for { width: 100%; } 
 .slide-nav-wrapper { position: relative; top: unset; left: -20px; right: -20px; width: calc(100% + 40px); transform: unset; } 
 .slide-nav .swiper-slide { max-width: 280px; } 
 .slide-nav .swiper-slide-active .img-wrap { margin-left: 13px; } 
 .event-text .con-detail { display: none; } 
 .event-slide .more-btn1 { margin-top: 20px; } 
 }
 @media only screen and (max-width: 570px){
 .con-box2 .inner::after { top: 320px; left: 330px; } 
 .con-box2 { height: 912px; } 
 }
/******** // con-box2 ********/
/******** con-box3 ********/
/* .con-box3 { padding-top: 0; } */
.con-box3 .inner { display: flex; gap: 50px; width: 100%; } 
.con-box3 .tith-top { position: relative; width: unset; } 
.con-box3 .tith-top::before { content: ""; position: absolute; top: -50px; left: -270px; width: 499px; height: 214px; background: url(../img/main/gallery-deco3.png) center center no-repeat; z-index: -1; } 
.con-box3 .tith-top::after { content: ""; position: absolute; top: 450px; left: 85%; width: 424px; height: 125px; background: url(../img/main/gallery-deco4.png); z-index: -10; } 
.gallery { width: 100% } 
.gallery .top .lf { width: 100%; } 
.gallery .top .lf .tith1 { margin-bottom: 0; } 
.gallery .top .lf > div { display: flex; width: 100%; height: 100%; justify-content: space-between; } 
.container { display: flex; width: 100%; height: 340px; gap: 25px; } 
.box { position: relative; flex: 1; overflow: hidden; transition: 1s; box-shadow: 0 20px 30px rgba(0,0,0,.1); line-height: 0; background: #000; border-radius: 10px; } 
.box > img { width: 200%; height: calc(100% - 10vh); object-fit: cover; transition: .5s; } 
.box .con-tit { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.0rem; color:#fff; text-align: center; } 
.box:hover { flex: 1 1 50%; } 
.box:hover > img { width: 100%; vertical-align:baseline; } 
.gallery .con-txt { position: absolute; bottom: 20px; right: 20px; font-weight: 500; color: rgb(255, 191, 189); } 
@media only screen and (max-width: 680px){
 .con-box3 { height: 634px; } 
 .container { flex-direction: column; height: 460px; gap: 15px; } 
 }
@media only screen and (max-width: 500px){
 .con-box3 { height: 651px; } 
 .gallery .more-btn1 { padding-top: 20px; } 
 .container { flex-direction: column; height: 460px; gap: 15px; } 
 }
/******** // con-box3 ********/
/******** con-box4 ********/
.con-box4 { padding-top: 0; } 
.con-box4 .tith-top { width: unset; } 
.con-box4 .top { display: flex; flex-direction: column; margin-bottom: 20px; } 
.con-box4 .top .eng-tit { display: flex; width: 100%; } 
.con-box4 .top .tith1 { width: 100%; display: flex; justify-content: left; } 
.con-box4 .lf { display: flex; width: 100%; justify-content: space-between; } 
.con-box4 .lf .more-btn1 { display: flex; margin: 0; } 
.con-box4 .top span { font-size: 1.8rem; font-weight: 400; color: #666; } 
.media-slide { position: relative; width: 100%; overflow: hidden; } 
.swiper-slide { position: relative; } 
.media-slide img { width: 100%; height: 567px; object-fit: cover; } 
.media-slide .swiper-slide { width: 100%; } 
.media-slide .swiper-wrapper { display: flex; } 
.media-slide .swiper-slide::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; background: url(../img/main/media-play.png) center center no-repeat; opacity: 0; transition: opacity 1s; cursor: pointer; } 
.swiper-slide:hover::after { opacity: 1; } 
.media-tit { position: absolute; bottom: 20px; right: 450px; font-size: 1.8rem; color: #fff; } 
.media-tit em { font-size: 2.0rem; color: #c8d3e7; } 
.swiper-control-st4 .swiper-button-next, .swiper-control-st4 .swiper-button-prev { color: #fff; z-index: 1; width:calc(var(--swiper-navigation-size)/ 4 * 27); } 
@media only screen and (max-width: 900px){
 .media-tit { right: 10px; } 
 .swiper-control-st4 .swiper-button-next, .swiper-control-st4 .swiper-button-prev { color: #fff; z-index: 1; width:calc(var(--swiper-navigation-size)/ 18 * 27); } 
 }
@media only screen and (max-width: 767px){
 .media-slide .swiper-slide::after { width: 40px; height: 40px; background: url(../img/main/media-play.png) center center no-repeat; background-size: contain; } 
 }
@media only screen and (max-width: 500px){
 .media-tit { font-size: 1.5rem; } 
 .media-tit em { font-size: 1.5rem; } 
 .con-box4 .lf { display: block; } 
 .media-slide img { width: 210%; height: auto; } 
 }
@media only screen and (max-width: 380px){
 .media-tit em { display: block; } 
 }
/******** con-box5 ********/
.con-box5 { padding-top:0; position: relative; } 
.con-box5::before { content:""; position: absolute; top: -470px; left: 0; width: 90px; height: 1300px; background: url(../img/main/sns-deco.png) center center no-repeat; background-size: cover; z-index: -10; opacity: 0; animation: deco 5s ease-in-out forwards; animation-delay: 1s; } 
@keyframes deco { 
 0% { transform: translateY(100%); opacity: 0; } 
 100% { transform: translateY(0); opacity: 1; } 
 }
.con-box5 .tith-top { display: flex; flex-direction: column; justify-content: center; margin: 0; align-items: baseline; } 
.tab-wrap .top { display: flex; justify-content: space-between; } 
.tab-wrap .top .eng-tit { display: block; } 
.filter { display: flex; gap: 30px; align-items: center; } 
.filter li a { font-size: 1.8rem; color: #888; }
.filter li a:hover {font-weight: 600; color: #2c5198} 
.sns-baro ul { display: flex; gap: 10px; } 
.sns-baro ul li a { font-size: 0; } 
.sns-baro ul li a img { width: 40px; } 
.sns-baro ul li a img.rotate { transform: rotateY(360deg); transition: transform 0.3s ease-out; } 
.filter li a.active { position: relative; font-weight: 600; color: #2c5198!important; font-weight: 600;} 
.filter li a.active::before { content: ""; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; border-radius: 50%; background: #2c5198; } 
/* sns 슬릭 슬라이드 */
.sns-slider { height:100%; margin: 20px 0 30px 0; } 
.con-box5 .slick-list { margin: 0 -10px; } 
.sns-slider .sns-con { display: flex; width: 100%; height: 490px; flex-direction: column; margin: 0 10px; border: 1px solid #e5e5e5; border-radius: 15px; overflow: hidden; } 
.sns-con .img-wrap { position: relative; height: 0; padding-bottom: 100%; } 
.sns-con .img-wrap a { display: block; } 
.sns-con .img-wrap img { position: absolute; width: 100%; height: 100%; object-fit: cover; } 
.sns-con .img-wrap::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: #2c52989d; transition: 0.5s ease-in-out; } 
.sns-con:hover .img-wrap::after { height: 100%; } 
.sns-con:hover { border: 1px solid #2c5198; } 
.sns-txt { width: 100%; height: 150px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; background: #fff; } 
.sns-main-txt { font-size: 2.0rem; font-weight: 600; line-height: 1.4; } 
.sns-con:hover .sns-main-txt i { box-shadow:0 -14px 0 rgba(195, 213, 240, 0.9) inset; transition: all 0.5s ease-in-out } 
.sns-txt .date { width: fit-content; display:flex; font-size: 1.5rem; color: #777; padding-left: 20px; background: url(../img/main/icn-date.png) left center no-repeat; } 
.sns-con .more-btn1 { position: absolute; bottom: -10%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 1.3rem; margin-top: 0; z-index: 1; padding-right: 0; transition: all 0.5s ease-in-out; } 
.sns-con:hover .more-btn1 { bottom: 40%; } 
/******** con-box5 progress bar********/
.slick-control-st1 { display: flex; align-items: center; justify-content: space-between; } 
.con-box5 .custom-next-arrow,
.con-box5 .custom-prev-arrow { z-index: 2; } 
.con-box5 .custom-next-arrow { background: url(../img/main/icn-arr-next.png) center center no-repeat; font-size: 0; width: 20px; } 
.con-box5 .custom-prev-arrow { background: url(../img/main/icn-arr-prev.png) center center no-repeat; font-size: 0; width: 20px; } 
.con-box5 .progress { position: relative; display: flex; width: calc(100% - 100px); height: 5px; border-radius: 0px; overflow: hidden; background-color: #ddd; background-image: linear-gradient(to right, #555, #555); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; } 
.con-box5 .slider__label { font-size: 1.4rem; letter-spacing: 0.5em; font-weight: 600; color: #333; } 
@media only screen and (max-width: 1023px){
 .sns-baro ul li a img { width: 30px; } 
 .sns-main-txt { font-size: 1.8rem; } 
 }
@media only screen and (max-width: 767px){
 .sns-txt { height: 120px; padding: 20px; } 
 }
@media only screen and (max-width: 450px){
 .filter { gap: 20px; } 
 .sns-txt { height: 110px; } 
 .tab-wrap .top { display: block; } 
 .sns-baro ul { justify-content: flex-end; margin-top: 10px; } 
 }
/******************** 탑버튼 ********************/
.btn_top { display:inline-block; position:fixed; right:30px; bottom:30px; z-index:49; width:50px; height:50px; font-size:0; background:url(../img/main/arrow-top.png) center center no-repeat #2c5198; border-radius: 30px; z-index: 100; } 
.btn_top .btn_bg1 { position: absolute; right:-5px; bottom:-5px; z-index:49; width:60px; height:60px; font-size:0; background: #2c5198; border-radius:30px; animation: ani 2s ease infinite; z-index: -10; } 
@keyframes ani { 
 0% { opacity: 0; transform: scale(1); } 
1% { opacity: 0.5; } 
100% { opacity: 0; transform: scale(1.4); } 
 }
@media only screen and (max-width: 1504px){
 .btn_top { bottom: 70px; } 
 }
@media only screen and (max-width: 767px){
 .btn_top { bottom: 30px; width: 40px; height: 40px; } 
 .btn_top .btn_bg1 { width: 50px; height: 50px; } 
 }