@charset "utf-8";
 
/* 메인비주얼 */ /* 181019 수정 */
/* .main_visual_wrap {width:100%; height:100%; overflow:hidden;  background:url('/images/org/web/gnsti/main/m_bg.png') no-repeat center 0; }
.main_visual{width:1200px; margin:0 auto; text-align:right;} */

/* 메인비주얼 210423 수정 */
.main_visual {position:relative;}
.main_visual ul li {position:relative; width:100%; height:460px;}
.main_visual ul li .img {position:relative; width:100%; height:100%;}
.main_visual ul li .img.visual1 {background:url('/images/org/web/gnsti/main/M_visual01.jpg') no-repeat center center; }
.main_visual ul li .img.visual2 {background:url('/images/org/web/gnsti/main/M_visual02.jpg') no-repeat center center; }
.main_visual ul li .img.visual3 {background:url('/images/org/web/gnsti/main/M_visual03.jpg') no-repeat center center; }
.main_visual ul li .img.visual4 {background:url('/images/org/web/gnsti/main/M_visual04.jpg') no-repeat center center; }
.main_visual ul li .img.visual5 {background:url('/images/org/web/gnsti/main/M_visual05.jpg') no-repeat center center; }
.main_visual ul li .img.visual6 {background:url('/images/org/web/gnsti/main/M_visual06.jpg') no-repeat center center; }
.main_visual ul li .img.visual7 {background:url('/images/org/web/gnsti/main/M_visual07.jpg') no-repeat center center; }
.main_visual ul li .img.visual8 {background:url('/images/org/web/gnsti/main/M_visual08.jpg') no-repeat center center; }
.main_visual ul li .img.visual9 {background:url('/images/org/web/gnsti/main/M_visual09.jpg') no-repeat center center; }
.main_visual ul li .img.visual10 {background:url('/images/org/web/gnsti/main/M_visual10.jpg') no-repeat center center; }
/* .main_visual ul li .img.visual11 {background:url('/images/org/web/gnsti/main/M_visual11.jpg') no-repeat center center; } */
.main_visual ul li .mv_slogan {position:absolute; top:272px; left:50%; margin-left:121px;}

.main_visual .bx-controls {position:absolute; width:1200px; left:50%; bottom:60px; margin-left:-600px;}
.main_visual .bx-controls-direction {display:none;}
.main_visual .bx-controls-auto {position:absolute; top:0; left:0}
.main_visual .bx-controls-auto::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-controls-auto .bx-controls-auto-item {display:block; float:left; width:auto;}
.main_visual .bx-controls-auto .bx-controls-auto-item a {text-indent:-999em; width:24px; height:24px;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-start {display:none; background:url('/images/org/web/gnsti/main//btn_play.png') no-repeat center center;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-stop {display:block; background:url('/images/org/web/gnsti/main//btn_stop.png') no-repeat center center;}
.main_visual .bx-pager.bx-default-pager {position:absolute; top:8px; left:25px;}
.main_visual .bx-pager.bx-default-pager::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item {display:block; float:left; margin-left:10px;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a {display:block; text-indent:-999em; width:40px; height:5px; border:1px solid #fff; box-sizing:border-box;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active {background-color:#fff;}

/* 공지사항 */
.notice01 {position:relative; width:100%; padding-top:44px;}
.notice01 h2 {position:absolute; top:0; font-weight:bold; font-size:16px; letter-spacing:-0.5px; height:44px; line-height:42px}
.notice01 h2 a {display:block; height:100%; background-color:#fff; width:102px; text-align:center; color:#8c8c8c; }
.notice01 h2 a:hover, .notice01 h2 a:focus {background-color:#eeeeee; border-radius:10px 10px 0 0;}
.notice01 h2.current a {background-color:#1aa4c9; color:#fff; border-radius:10px 10px 0 0;}
.notice01 h2.tit_1{left:0;}
.notice01 h2.tit_2{left:102px;}
.notice01 h2.tit_3{left:204px;}
.notice01 .list_box.on {display:block;}
.notice01 .list_box {display:none; font-size:14px; border-top:1px solid #1aa4c9; overflow:hidden;}
.notice01 .top_list{padding:10px 0 6px;}
.notice01 .top_list a {display:block; min-height:62px; position:relative}
.notice01 .top_list a:hover { text-decoration:none}
.notice01 .top_list a span.img {position:absolute; top:0; left:0}
.notice01 .top_list a dl {margin-left:75px; padding-top:6px; line-height:150%}
.notice01 .top_list a dl dt {font-size:14px; font-weight:bold; margin-bottom:4px; color:#444; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.notice01 .top_list a dl dd { font-size:14px; color:#777; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.notice01 .top_list a:hover dl dt { text-decoration:underline}
.notice01 .list_box ul.ul_list { overflow:hidden}
.notice01 .list_box ul.ul_list li {position:relative; line-height:27px; overflow:hidden; background:url('/images/org/web/gnsti/main/dot_01.png') no-repeat 0 12px}
.notice01 .list_box ul.ul_list li a {display:block; width:76%; padding-left:8px; float:left; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice01 .list_box ul.ul_list li a:hover {text-decoration:underline;}
.notice01 .list_box ul.ul_list li span.date {display:block; float:right; text-align:right; color:#777; }
.notice01 .btn_more {position:absolute; right:0; top:7px; width:29px; height:29px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/org/web/gnsti/main/notice_more01.png') no-repeat}

/* 팝업존 */
/* .box_popup { position:relative; width:308px; height:199px; background:#fff; border:1px solid #673ab7; border-top:0; overflow:hidden;}
.box_popup h2 {font-size:16px; font-weight:bold; height:45px; line-height:43px; padding-left:14px; color:#fff; background:#673ab7}
.box_popup .pop {position:relative; overflow:hidden; height:154px;}
.box_popup .pop li {width:100%; float:left}
.box_popup .pop li a {display:block}
.box_popup .pop li a img { width:100%; height:100%}
.box_popup .control {position:absolute; top:12px; right:5px; z-index:10}
.box_popup .control span { display:inline-block; line-height:20px; float:left; margin-right:5px; color:#fff; font-size:13px;}
.box_popup .control span strong {color:#fff799;}
.box_popup .control a {display:block; float:left; text-indent:-10000px; width:20px; height:20px; margin-right:2px; overflow:hidden; background-position:center center; background-repeat:no-repeat }
.box_popup .control a.prev { background-image:url('/images/org/web/gnsti/main/btn_pop_prev.png'); }
.box_popup .control a.next { background-image:url('/images/org/web/gnsti/main/btn_pop_next.png'); }
.box_popup .control a.stop { background-image:url('/images/org/web/gnsti/main/btn_pop_stop.png'); }
.box_popup .control a.play { background-image:url('/images/org/web/gnsti/main/btn_pop_play.png'); } */


/* 팝업 수정 181018*/
.box_popup {position:relative; height:100%;}
.box_popup h2 {height:50px; line-height:48px; font-size:19px; font-weight:bold; color:#222; background: url(/images/org/web/gnsti/main/bu_h2_tit.png) no-repeat left top;}
.box_popup .pop {position:relative; height:150px; overflow:hidden}
.box_popup .pop li {width:100%; height:192px; overflow:hidden; float:left}
.box_popup .pop li a {display:block;}
.box_popup .pop li a img {width:100%; height:100%;}
.box_popup .control {position:absolute; top:16px; right:0; z-index:10}
.box_popup .control a {display:block; float:left; text-indent:-10000px; width:20px; height:20px; margin-left:2px; overflow:hidden; }
.box_popup .control a.prev { background:url('/images/org/web/upo/main/btn_pop_prev.png') no-repeat; }
.box_popup .control a.next { background:url('/images/org/web/upo/main/btn_pop_next.png') no-repeat; }
.box_popup .control a.stop { background:url('/images/org/web/upo/main/btn_pop_stop.png') no-repeat; }
.box_popup .control a.play { background:url('/images/org/web/upo/main/btn_pop_play.png') no-repeat; }




/* 행사일정 */
.drawSchedule {width:308px; height:199px; background:#fff; border:1px solid #1565c0; border-top:0; overflow:hidden}
.drawSchedule h2 { font-size:16px; font-weight:bold; height:45px; line-height:43px; padding-left:14px; color:#fff; background:#1565c0; margin-bottom:15px;}
.drawSchedule .date_view { position:relative; font-size:16px; font-weight:bold; width:274px; height:28px; line-height:26px; margin:0 auto 10px; text-align:center; border:2px solid #1565c0;}
.drawSchedule .date_view .year {color:#333;}
.drawSchedule .date_view .month {color:#006bb6;}
.drawSchedule .date_view a{ position:absolute; width:20px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background-repeat:no-repeat; background-position:50% 50%}
.drawSchedule .date_view .pre {left:10px; top:4px; background-image:url('/images/org/web/gnsti/main/btn_s_prev.png'); }
.drawSchedule .date_view .next {right:10px; top:4px; background-image:url('/images/org/web/gnsti/main/btn_s_next.png'); }
.drawSchedule .sch_list {width:278px; height:83px; margin:0 auto; overflow:hidden; overflow-y:auto; }
.drawSchedule .sch_list li { position:relative; line-height:21px; font-size:13px; }
.drawSchedule .sch_list li a { display:block; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.drawSchedule .sch_list li a:hover { text-decoration:none}
.drawSchedule .sch_list li a span {color:#006bb6; margin-right:8px;}
.drawSchedule .btn_more { position:absolute; width:20px; height:20px; top:16px; right:14px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/org/web/gnsti/main/btn_more_01.png') no-repeat}

/* 포토뉴스 */ /* 181019 수정 */
.news {position:relative;}
.news > h2 { float:left; width:315px; color:#1a1a1a; font-size:24px; font-weight:bold; padding-top:70px}
.news > h2:before {content:''; width:45px; height:3px; background-color:#2059a8; display:block; margin-bottom:8px}
.news .news_info { display:block; padding-top:12px; line-height:130%; font-weight:normal; font-size:14px; width:290px; color:#6e7b92; word-break:keep-all}
.news .news_list_box { float:right; width:885px; padding:50px 0 0}
.news .news_list_box ul{height: 310px; overflow:hidden;}
.news .news_list_box ul li {padding-bottom:80px; width:275px; height:260px; float:left; margin-left:30px; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.news .news_list_box ul li:first-child {margin-left:0;}
.news .news_list_box ul li a { position:relative; display:block; height:260px;}
.news .news_list_box ul li a > img {width:100%; height:100%;}
.news .news_list_box ul li:hover {margin-top:-10px;}
.news .news_list_box ul li a:hover .view_con {display:block;}
.news .news_list_box ul li a .view_con {display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:url("/images/org/web/gnsti/main/view_bg.png") repeat;}
.news .news_list_box ul li a .view_con > h3 {color:#fff; font-size:16px; font-weight:bold; padding:80px 20px 20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news .news_list_box ul li a .view {color:#fff; font-size:13px;}
.news .news_list_box ul li a .view span.view_ico {background: url("/images/org/web/gnsti/main/view_ico.png") no-repeat left 5px; margin-right:12px; padding-left:17px; display:inline-block;}
.news .news_list_box ul li a .view span.date_ico {background: url("/images/org/web/gnsti/main/date_ico.png") no-repeat left 4px; padding-left:16px; display:inline-block;}
.news .news_list_box ul li a .view_con .btn { margin-top:40px; display:block}
.news_control {position:absolute; left:0; top:199px;}
.news_control a { display:block; float:left; width:40px; height:40px; text-indent:-9999em; font-size:0; margin-left:1px; background-repeat:no-repeat}
.news_control a:first-child {margin-left:0}
.news .news_control a.news_prev {background-image:url("/images/org/web/gnsti/main/news_prev.png")}
.news .news_control a.news_next {background-image:url("/images/org/web/gnsti/main/news_next.png")}
.news .news_control a.news_more {background-image:url("/images/org/web/gnsti/main/news_more.png")}


/* 바로가기 200709 */
.M_link01 {position:relative; height:100%; background:#1f5aa0;}/*190219*/
.M_link01 ul {overflow:hidden;}
.M_link01 ul li {width: 49.84%;float:left;border-top:1px dashed #dfeeff; text-align:center; height:86px; padding:7px 0;}/* 200703 */
.M_link01 ul li:nth-child(2) {border:none; background:#b83b6d;}/* 200703 */
.M_link01 ul li:nth-child(1),.M_link01 ul li:nth-child(3) { border-right:1px dashed #dfeeff;  } 
.M_link01 ul li:nth-child(3),.M_link01 ul li:nth-child(4) {  padding:15px 0; height:70px; } 
.M_link01 ul li:first-child {border:none; background:#b83b6d;border-right:1px dashed #dfeeff; }/* 200703 */
.M_link01 ul li a {display:block; font-size:15px; color:#fff; line-height:20px; text-align:center;}/* 200703 */
.M_link01 ul li a span.img {display:block; width:45px; height:50px;  overflow:hidden; margin:0 auto;}/* 200703 */
.M_link01 ul li a span.txt {font-size: 14px;}/* 200703 */
.M_link01 ul li a:hover {color:#ffde6d}


/* 바로가기2 */
.M_link02 { overflow:hidden; height:100%; background:url(/images/org/web/gnsti/main/M_link2_bg.png) no-repeat 0 3px; background-size:65% 100%;} /*190219*/
.M_link02 li {position:relative;float:left;width:373px; height:100%; margin-left:40px;}
.M_link02 li:first-child {margin-left:0; float:right;}/*190219*/
.M_link02 li a {display:block;padding: 50px 0 35px 70px;}
.M_link02 li a .tit {display:block; font-size:20px; font-weight:bold; color:#003949;}
.M_link02 li a .tit:after { content:''; display:inline-block; width:42px; height:8px; margin-left:3px; background:url('/images/org/web/gnsti/main/btn_more2.png') no-repeat;  -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.M_link02 li a:hover .tit:after {margin-left:10px}
.M_link02 li a .sm_txt {display:block;width: 100%;font-size:13px;color:#fff;margin-top:10px;}
.M_link02 .img {position:absolute;left: 0;top: 47px;}



/* 배너존 */
.bannerZone {width:100%; background:#fff; border-top:1px solid #b2b7c7;}
.bannerZone .inner { position:relative; width:1200px; margin:0 auto}
.bannerZone h2 {position:absolute; left:0; top:21px; line-height:150%; font-size:16px; font-weight:bold}
.bannerZone .control {position:absolute; left:60px; top:28px;}
.bannerZone .control a {display:block; width:14px; height:15px; float:left; text-indent:-10000em; font-size:0; line-height:0; background-repeat:no-repeat }
.bannerZone .control a.prev {background-image:url('/images/org/web/gnsti/main/btn_b_prev.png'); }
.bannerZone .control a.next {background-image:url('/images/org/web/gnsti/main/btn_b_next.png'); }
.bannerZone .control a.stop {background-image:url('/images/org/web/gnsti/main/btn_b_stop.png'); }
.bannerZone .control a.play {background-image:url('/images/org/web/gnsti/main/btn_b_play.png'); }
.bannerZone .control a.list {background-image:url('/images/org/web/gnsti/main/btn_b_list.png'); }
.bannerZone .obj {margin-left:178px; height:43px; overflow:hidden; padding-top:14px}
.bannerZone .obj li { width:190px; height:43px; margin-left:18px;  float:left;}
.bannerZone .obj li:first-child { margin-left:0}



@media screen and (max-width:1019px) {
	

	#container,  .main_content, 
	.main_visual_wrap, .box_popup, 
	.drawSchedule, .drawSchedule .date_view,
	.gallery, .M_link02, .M_link02 li,
	.bannerZone .obj li{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box }
	
	/* 메인비주얼 */ /* 181019 수정 */
	.main_visual_wrap { padding-top:2.5%; background-position: -684px;}
	.main_visual{width:100%;}
	.main_visual ul li {height: 300px;} /* 20251204 추가 */
	.main_visual img{ width:95%; height:100%; object-fit: cover;} /* 20251204 수정 */
	.main_visual ul li .mv_slogan {left: 40%; top: 50%;} /* 20251204 추가 */
	.main_visual ul li .mv_slogan img {width: 170%;} /* 20251204 추가 */
	.main_visual .bx-pager.bx-default-pager {left: 50%; transform: translateX(-50%);} /* 20251204 추가 */
	

		
	/* 바로가기 */
	.M_link01 {box-sizing:border-box;}
	.M_link01 ul li {padding:20px 0 !important; height:80px !important;}/*200709*/
	
	/* 공지사항 */
	.notice01 .top_list{padding:20px 0 15px;}
	
	/* 팝업존 */
	.box_popup { width:100%; height:100%;}
	.box_popup h2 {font-size:17px; line-height:45px; padding-left:14px; color:#fff; background:#673ab7}
	.box_popup .pop {height:195px;}
	.box_popup .pop li {width:100%}
	
	/* 행사일정 */
	.drawSchedule { width:100%; height:100%}
	.drawSchedule .date_view { width:94%; height:32px;}
	.drawSchedule .sch_list {width:94%; height:120px;}
	.drawSchedule .sch_list li {line-height:31px; font-size:14px;}
	
	
	/* 포토뉴스 */ /* 181019 수정 */
	.news > h2 {width:100%; font-size:20px; padding-top:0}
	.news .news_info { display:none}
	.news .news_list_box {width:100%;padding:25px 0 0;height: 220px;overflow: hidden;}/* 190517 */
	.news .news_list_box ul li {width:31%; height:auto; margin-left:3.5%}
	.news .news_list_box ul li a {height:220px;}
	.news .news_list_box ul li a .view_con > h3 {padding:50px 20px 20px;}
	.news_control { left:auto; right:0; top:0;}	
	
	
		
	/* 바로가기 3개 */
	.M_link02 { height:auto; padding:2.5%;  background:#1aa4c9 url(/images/org/web/gnsti/main/M_link2_bg.png) no-repeat 0 0; background-size:65% 100%;}/*190219*/
	.M_link02 ul{ overflow:hidden}
	.M_link02 li { float:left; width:32%; margin-top:0; margin-left:2%}
	.M_link02 li:first-child {margin-left:0}
	.M_link02 li a .tit {font-size:14px; letter-spacing:-1px;}
	.M_link02 li a { padding: 38px 0 35px 60px;}

	
	
	/* 배너존 */
	.bannerZone .inner {width:95%;}
	.bannerZone .obj {margin-left:150px}
	.bannerZone .obj li { width:calc(25% - 18px)}
	.bannerZone .obj li img { width:100%; height:100%;}
	
	
}





@media screen and (max-width:800px) {

	
	/* 배너존 */
	.bannerZone .obj li { width:calc(33.3% - 18px)}
	
	/* 메인비주얼 */ /* 181019 수정 */
	.main_visual_wrap { padding-top:2.5%;}
	.main_visual{width:95%; text-align:center}

	/* 포토뉴스 *//* 181019 수정 */
	.news .news_list_box ul li a {height:180px;}
	.news .news_list_box ul li a .view_con > h3 {padding:50px 20px 10px;}
	.news .news_list_box ul li a .view_con .btn { margin-top:13px}
	
	
}



@media screen and (max-width:860px) {


	/* 바로가기 3개 */
	.M_link02{background-image:none;}
	.M_link02 li { width:100%; margin-left:0%; border-top:1px dashed #fff;}
	.M_link02 li:first-child {border-top:0;}
	.M_link02 li a .tit {font-size: 18px;}
	.M_link02 .img {position:absolute;right: 0px; top:30px;}	




}




@media screen and (max-width:680px) {
	
	.main_visual_wrap {background-position: -740px;}

	/* 갤러리 */
	.gallery {padding:3% 3.5% 3.5%;}
	.gallery .gall_list { height:130px;}
	.gallery .gall_list li {width:30%; margin-left:5%; margin-bottom:20px}
	.gallery .btn_more {right:3.5%; top:7%}
	
	/* 배너존 */
	.bannerZone .obj li { width:calc(50% - 18px)}
	
}


@media screen and (max-width:580px) {
	
	/* 메인비주얼 */ /* 181019 수정 */
	.main_visual img{ width:95%;} /* 20251204 수정 */
	.main_visual ul li .mv_slogan {left: 0; margin-left:80px;} /* 20251204 추가 */
	.main_visual ul li .mv_slogan img {width: 170%;} /* 20251204 추가 */
	.main_visual .bx-pager.bx-default-pager .bx-pager-item {margin-left: 5px;} /* 20251204 추가 */
	.main_visual .bx-pager.bx-default-pager .bx-pager-item a {width: 15px;} /* 20251204 추가 */
	
	/* 갤러리 */
	.gallery .gall_list li {width:48%; margin-left:4%;}
	
	/* 공지사항 */
	.notice01 .list_box ul.ul_list li a {width:90%}
	.notice01 .list_box ul.ul_list li span.date { display:none}
	
	
	/* 포토뉴스 */
	.news .news_list_box ul li {width:100%; margin-left:0}
	.news .news_list_box ul li a {height:200px; margin-bottom:3%}
	.news .news_list_box ul li:last-child a {margin-bottom:0}
	.news .news_list_box ul li:hover{margin-top:0}
	.news .news_list_box ul li a .view_con > h3 {padding:50px 20px 10px;}	
	
}


@media screen and (max-width:480px) {
	
	/* 배너존 */
	.bannerZone .obj li { width:calc(100% - 18px)}
	
	.M_link02 li a .sm_txt {letter-spacing:-1px}

}


@media screen and (max-width:380px) {
	


}