.main_wrap > section .marti_sub {
	margin: 0px auto; width: 100%; max-width: 1300px;
}
.mv_sec {
	position: relative;
}
.mv_sec::after {
	background: url("../../images/main/ico_scroll.png") no-repeat center; animation:ico_Move 2s infinite; left: 50%; width: 62px; height: 52px; bottom: 25px; margin-left: -31px; position: absolute; z-index: 1; content: "";
}
.mv_sec .item {
	height: 724px; position: relative;
}
.mv_sec .mv01.item {
	background: url("../../images/main/main_visu01.jpg") no-repeat top / auto 100%;
}
.mv_sec .mv02.item {
	background: url("../../images/main/main_visu02.jpg") no-repeat top / auto 100%;
}
.mv_sec .mv03.item {
	background: url("../../images/main/main_visu03.jpg") no-repeat top / auto 100%;
}
.mv_sec .mv_info {
	left: 50%; top: 28%; width: 100%; color: rgb(51, 51, 51); margin-left: -650px; position: absolute; z-index: 2; max-width: 1300px;
}
.mv_sec .mv_info .tit {
	line-height: 40px; font-size: 33px; font-weight: 600; text-shadow: 2px 2px #cecece;
}
.mv_sec .mv_info .tit > span {
	color: rgb(1, 157, 219); display: block;
}
.mv_sec .mv_info .txt {
	margin: 30px 0px; line-height: 26px; font-size: 22px; font-weight: 600; text-shadow: 2px 2px #cecece;
}
.mv_sec .owl-theme .owl-dots {
	margin: 0px 0px 0px -650px !important; left: 50%; width: 100%; text-align: left; bottom: 32%; line-height: 0; position: absolute; max-width: 1300px;
}
.mv_sec .owl-theme .owl-dots .owl-dot {
	vertical-align: top;
}
.mv_sec .owl-theme .owl-dots .owl-dot span {
	background: none; margin: 0px 10px 0px 0px; border-radius: 100%; border: 2px solid rgb(1, 157, 219); transition:background 0.4s; border-image: none; width: 12px; height: 12px; box-sizing: border-box;
}
.mv_sec .owl-theme .owl-dots .active.owl-dot span {
	background: rgb(1, 157, 219);
}
.mv_sec .owl-theme .owl-dots .owl-dot:hover span {
	background: rgb(1, 157, 219);
}
.mv_sec .mv_btns {
	font-size: 0px;
}
.mv_sec .mv_btns > a {
	background: rgba(255, 255, 255, 0.5); border-radius: 50px; border: 2px solid rgb(1, 157, 219); transition:0.4s; border-image: none; width: 17%; text-align: center; color: rgb(1, 157, 219); line-height: 44px; font-size: 16px; font-weight: 500; margin-right: 10px; vertical-align: top; display: inline-block; box-sizing: border-box;
}
.mv_sec .mv_btns > a:hover {
	background: rgb(1, 157, 219); color: rgb(255, 255, 255);
}
.mv_sec .mv_btns > a:focus {
	background: rgb(1, 157, 219); color: rgb(255, 255, 255);
}
.mnoti_sec {
	border-bottom-color: rgb(219, 219, 219); border-bottom-width: 1px; border-bottom-style: solid;
}
.mnoti_sec .mnoti_sub {
	margin: 0px auto; width: 100%; max-width: 1300px;
}
.mnoti_sec dl::after {
	clear: both; display: block; content: "";
}
.mnoti_sec dl > dt {
	background: url("../../images/template/ico_noti.png") no-repeat left; width: 15%; color: rgb(1, 157, 219); line-height: 65px; padding-left: 45px; font-size: 18px; font-weight: 500; float: left; box-sizing: border-box;
}
.mnoti_sec dl > dd {
	width: 85%; padding-right: 12%; float: left; position: relative; box-sizing: border-box;
}
.mnoti_sec .mnoti_list > li {
	font-size: 0px;
}
.mnoti_sec .mnoti_list > li > a {
	transition:0.4s; width: 84%; line-height: 65px; overflow: hidden; font-size: 16px; vertical-align: top; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.mnoti_sec .mnoti_list > li > a:hover {
	color: rgb(1, 157, 219); text-decoration: underline;
}
.mnoti_sec .mnoti_list > li > a:focus {
	color: rgb(1, 157, 219); text-decoration: underline;
}
.mnoti_sec .mnoti_list > li .date {
	width: 16%; color: rgb(153, 153, 153); line-height: 65px; padding-left: 50px; font-size: 16px; vertical-align: top; display: inline-block; position: relative; box-sizing: border-box;
}
.mnoti_sec .mnoti_list > li .date::before {
	background: rgb(219, 219, 219); left: 25px; top: 25px; width: 1px; height: 18px; position: absolute; content: "";
}
.mnoti_sec .bx-wrapper .bx-controls-direction a {
	border: 1px solid rgb(1, 157, 219); transition:background-color 0.4s; border-image: none; z-index: 99; box-sizing: border-box; background-color: rgb(255, 255, 255);
}
.mnoti_sec .bx-wrapper .bx-controls-direction a:hover {
	background-color: rgb(148, 220, 249);
}
.mnoti_sec .bx-wrapper .bx-controls-direction a:focus {
	background-color: rgb(148, 220, 249);
}
.mnoti_sec .bx-wrapper .bx-prev {
	background-position: center; left: auto; right: -90px; background-image: url("../../images/template/ico_prev.png"); background-repeat: no-repeat;
}
.mnoti_sec .bx-wrapper .bx-next {
	background-position: center; right: -119px; background-image: url("../../images/template/ico_next.png"); background-repeat: no-repeat;
}
.mnoti_sec .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	border: 1px solid rgb(1, 157, 219); transition:background-color 0.4s; border-image: none; top: 50%; width: 32px; height: 32px; right: -150px; margin-top: -16px; position: absolute; z-index: 99; box-sizing: border-box; background-color: rgb(255, 255, 255);
}
.mnoti_sec .bx-wrapper .bx-controls-auto .bx-controls-auto-item > a {
	margin: 0px; transition:background-color 0.4s; width: 100%; height: 30px; background-color: rgb(255, 255, 255);
}
.mnoti_sec .bx-wrapper .bx-controls-auto .bx-controls-auto-item > a:hover {
	background-color: rgb(148, 220, 249);
}
.mnoti_sec .bx-wrapper .bx-controls-auto .bx-controls-auto-item > a:focus {
	background-color: rgb(148, 220, 249);
}
.mnoti_sec .bx-wrapper .bx-controls-auto .bx-controls-auto-item > a.bx-stop {
	background-position: center; background-image: url("../../images/template/ico_stop.png"); background-repeat: no-repeat;
}
.mnoti_sec .bx-wrapper .bx-controls-auto .bx-controls-auto-item > a.bx-start {
	background-position: center; background-image: url("../../images/template/ico_play.png"); background-repeat: no-repeat;
}
.msec01 {
	background: url("../../images/main/msec01_bg01.png") no-repeat right top / auto 100%; padding: 175px 0px;
}
.msec01 .ms01_ban {
	margin: -20px; width: 1340px; display: table; table-layout: fixed; border-spacing: 20px;
}
.msec01 .ms01_ban > a {
	padding: 35px 40px; transition:background 0.4s; height: 240px; vertical-align: top; display: table-cell; box-sizing: border-box;
}
.msec01 .ms01_ban > a.ban01 {
	background: url("../../images/main/msec01_ico01.png") no-repeat 90% 90% rgb(245, 245, 245);
}
.msec01 .ms01_ban > a.ban02 {
	background: url("../../images/main/msec01_ico02.png") no-repeat 90% 90% rgb(245, 245, 245);
}
.msec01 .ms01_ban > a.ban03 {
	background: url("../../images/main/msec01_ico03.png") no-repeat 90% 90% rgb(245, 245, 245);
}
.msec01 .ms01_ban > a.ban04 {
	background: url("../../images/main/msec01_ico04.png") no-repeat 90% 90% rgb(245, 245, 245);
}
.msec01 .ms01_ban > a .tit {
	transition:color 0.4s; color: rgb(51, 51, 51); font-size: 20px; font-weight: 700; margin-bottom: 15px;
}
.msec01 .ms01_ban > a .txt {
	transition:color 0.4s; color: rgb(102, 102, 102); line-height: 24px; font-size: 16px;
}
.msec01 .ms01_ban > a.ban01:hover {
	background: url("../../images/main/msec01_ico01_ov.png") no-repeat 90% 90% rgb(1, 157, 219);
}
.msec01 .ms01_ban > a.ban01:focus {
	background: url("../../images/main/msec01_ico01_ov.png") no-repeat 90% 90% rgb(1, 157, 219);
}
.msec01 .ms01_ban > a.ban02:hover {
	background: url("../../images/main/msec01_ico02_ov.png") no-repeat 90% 90% rgb(1, 157, 219);
}
.msec01 .ms01_ban > a.ban02:focus {
	background: url("../../images/main/msec01_ico02_ov.png") no-repeat 90% 90% rgb(1, 157, 219);
}
.msec01 .ms01_ban > a.ban03:hover {
	background: url("../../images/main/msec01_ico03_ov.png") no-repeat 90% 90% rgb(1, 157, 219);
}
.msec01 .ms01_ban > a.ban03:focus {
	background: url("../../images/main/msec01_ico03_ov.png") no-repeat 90% 90% rgb(1, 157, 219);
}
.msec01 .ms01_ban > a.ban04:hover {
	background: url("../../images/main/msec01_ico04_ov.png") no-repeat 90% 90% rgb(1, 157, 219);
}
.msec01 .ms01_ban > a.ban04:focus {
	background: url("../../images/main/msec01_ico04_ov.png") no-repeat 90% 90% rgb(1, 157, 219);
}
.msec01 .ms01_ban > a:hover .tit {
	color: rgb(255, 255, 255);
}
.msec01 .ms01_ban > a:focus .tit {
	color: rgb(255, 255, 255);
}
.msec01 .ms01_ban > a:hover .txt {
	color: rgb(255, 255, 255);
}
.msec01 .ms01_ban > a:focus .txt {
	color: rgb(255, 255, 255);
}
.msec02 {
	background: url("../../images/main/msec02_bg.png") no-repeat top / auto 100%; padding: 150px 0px 110px;
}
.msec02 .tit {
	text-align: center; color: rgb(249, 249, 249); line-height: 50px; font-size: 60px; font-weight: 600;
}
.msec02 .tit > span {
	color: rgb(14, 186, 254);
}
.msec02 .txt {
	margin: 20px 0px 45px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 4px; font-size: 14px; font-weight: 700; opacity: 0.5;
}
.msec02 .btn_more {
	background: url("../../images/template/ico_more.png") no-repeat center; margin: 0px auto; border-radius: 100%; border: 1px solid rgb(255, 255, 255); transition:background 0.4s; border-image: none; width: 74px; height: 74px; font-size: 0px;
}
.msec02 .btn_more:hover {
	background: url("../../images/template/ico_more_ov.png") no-repeat center rgb(255, 255, 255);
}
.msec02 .btn_more:focus {
	background: url("../../images/template/ico_more_ov.png") no-repeat center rgb(255, 255, 255);
}
.msec03 {
	background: rgb(255, 255, 255); padding: 20px 0px;
}
.msec03 .marti_sub::after {
	clear: both; display: block; content: "";
}
.msec03 .mbd_sec {
	width: 50%; padding-left: 1%; border-left-color: rgb(219, 219, 219); border-left-width: 0px; border-left-style: solid; float: left; box-sizing: border-box;
}
.msec03 :first-child.mbd_sec {
	padding: 0px 1% 0px 0px; border: currentColor; border-image: none;
}
.msec03 .mbd_sec .tit {
	color: rgb(51, 51, 51); line-height: 21px; font-size: 20px; font-weight: 700; margin-bottom: 15px;
}
.msec03 .mbd_sec .tit .btn_more {
	transition:color 0.4s; color: rgb(51, 51, 51); line-height: 21px; font-size: 13px; float: right;
}
.msec03 .mbd_sec .tit .btn_more::after {
	background: rgb(255, 255, 255); border-radius: 100%; border: 1px solid rgb(219, 219, 219); transition:0.4s; border-image: none; width: 21px; height: 21px; text-align: center; color: rgb(153, 153, 153); line-height: 17px; font-size: 17px; font-weight: 700; margin-left: 10px; vertical-align: top; display: inline-block; content: "+"; box-sizing: border-box;
}
.msec03 .mbd_sec .tit .btn_more:hover {
	color: rgb(1, 157, 219);
}
.msec03 .mbd_sec .tit .btn_more:focus {
	color: rgb(1, 157, 219);
}
.msec03 .mbd_sec .tit .btn_more:hover::after {
	background: rgb(1, 157, 219); border: 1px solid rgb(1, 157, 219); border-image: none; color: rgb(255, 255, 255);
}
.msec03 .mbd_sec .tit .btn_more:focus::after {
	background: rgb(1, 157, 219); border: 1px solid rgb(1, 157, 219); border-image: none; color: rgb(255, 255, 255);
}
.msec03 .mbd_sec .mbd_list > li {
	font-size: 0px;
}
.msec03 .mbd_sec .mbd_list > li > a {
	transition:0.4s; width: 82%; color: rgb(102, 102, 102); line-height: 30px; overflow: hidden; font-size: 15px; vertical-align: top; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.msec03 .mbd_sec .mbd_list > li > a:hover {
	color: rgb(1, 157, 219); text-decoration: underline;
}
.msec03 .mbd_sec .mbd_list > li > a:focus {
	color: rgb(1, 157, 219); text-decoration: underline;
}
.msec03 .mbd_sec .mbd_list > li > span {
	width: 18%; text-align: right; color: rgb(153, 153, 153); line-height: 30px; font-size: 15px; vertical-align: top; display: inline-block;
}
.msec04 {
	padding: 20px 0px;
}
.msec04 dl::after {
	clear: both; display: block; content: "";
}
.msec04 dl > dt {
	width: 7%; color: rgb(51, 51, 51); line-height: 65px; font-size: 20px; font-weight: 700; float: left;
}
.msec04 dl > dd {
	width: 93%; padding-right: 11%; float: left; position: relative; box-sizing: border-box;
}
.msec04 .mfs_list .item > a {
	border: 1px solid rgb(219, 219, 219); border-image: none; box-sizing: border-box;
}
.msec04 .owl-nav {
	background: rgb(249, 249, 249); margin: 0px !important; border: 1px solid rgb(219, 219, 219); border-image: none; left: auto; top: 0px; width: 13%; height: 100%; text-align: center; right: -15%; display: block !important; box-sizing: border-box;
}
.msec04 .owl-theme .owl-nav [class*='owl-'] {
	margin: 17px 0px; border-radius: 0px; transition:background-color 0.4s; width: 30px; height: 30px; font-size: 0px; box-sizing: border-box; background-color: rgb(249, 249, 249);
}
.msec04 .owl-theme .owl-nav [class*='owl-']:hover {
	background-color: rgb(219, 219, 219);
}
.msec04 .owl-theme .owl-nav [class*='owl-']:focus {
	background-color: rgb(219, 219, 219);
}
.msec04 .owl-theme .owl-nav .owl-prev {
	background-position: center !important; background-image: url("../../images/template/ico_prev2.png") !important; background-repeat: no-repeat !important;
}
.msec04 .owl-theme .owl-nav .owl-next {
	background-position: center !important; margin: 17px 0px 17px 30px; background-image: url("../../images/template/ico_next2.png") !important; background-repeat: no-repeat !important;
}
.msec04 .btn_mfs {
	margin: 17px 0px; transition:background-color 0.4s; top: 1px; width: 30px; height: 30px; right: 38px; font-size: 0px; position: absolute; z-index: 1; box-sizing: border-box; background-color: rgb(249, 249, 249);
}
.msec04 .btn_mfs:hover {
	background-color: rgb(219, 219, 219);
}
.msec04 .btn_mfs:focus {
	background-color: rgb(219, 219, 219);
}
.msec04 .btn_mfs_stop {
	background-position: center; background-image: url("../../images/template/ico_stop2.png"); background-repeat: no-repeat;
}
.msec04 .btn_mfs_play {
	background-position: center; display: none; background-image: url("../../images/template/ico_play2.png"); background-repeat: no-repeat;
}

/* 4개바로가기 */
.spot_bn_01 {position:relative; z-index: 1;  }
.spot_bn_01 ul:after {content:''; display:block; clear:both;}
.spot_bn_01 ul li {float:left; width:50%; background:#fff;}
.spot_bn_01 ul li a {position:relative; display:block; height:215px; color:#000; font-size:14px; padding:20px; box-sizing:border-box; }
.spot_bn_01 ul li a span {display:block; letter-spacing:-.5px;}
.spot_bn_01 ul li a span.bn_title {font-size:19px; font-weight:bold; color:#333;  margin-bottom:20px;  letter-spacing:-1px}
.spot_bn_01 ul li a span.bn_txt {font-size:13px; color:#888;}
.spot_bn_01 ul li a span.bn_go {position:absolute; right:20px; bottom:10px; color:#333; opacity: .5; font-size:40px;}
.spot_bn_01 ul li:hover a span.bn_go {opacity: .9;}
.spot_bn_01 ul li.bn_01 {background:#e2584d; }
.spot_bn_01 ul li.bn_01 a span.bn_title {color:#fff;}
.spot_bn_01 ul li.bn_01 a span.bn_txt {color:#fff;}
.spot_bn_01 ul li.bn_02 {background:#8e9cb0;  }
.spot_bn_01 ul li.bn_02 a span.bn_title {color:#fff;}
.spot_bn_01 ul li.bn_02 a span.bn_txt {color:#fff;}
.spot_bn_01 ul li.bn_03 {background:#267057;}
.spot_bn_01 ul li.bn_03 a span.bn_title {color:#fff;}
.spot_bn_01 ul li.bn_03 a span.bn_txt {color:#fff;}
.spot_bn_01 ul li.bn_04 {background:#315786;}
.spot_bn_01 ul li.bn_04 a span.bn_title {color:#fff;}
.spot_bn_01 ul li.bn_04 a span.bn_txt {color:#fff;}

.spot_bn_01 ul li.bn_03,
.spot_bn_01 ul li.bn_04 {opacity: 1;}

@media screen and (min-width: 768px) {
	.spot_bn_01 {width:100%; margin:0 auto; padding-top:0px; }
	.spot_bn_01 ul li {width:25%;}
}
@media screen and (min-width: 1300px) {
	.spot_bn_01 {position:absolute; top:0; left:50%; margin-left:290px; width:360px; padding-top:30px; height:430px }
	.spot_bn_01 ul li {width:50%;}
	.spot_bn_01 ul li.bn_03,
	.spot_bn_01 ul li.bn_04,
	.spot_bn_01 ul li.bn_05 {opacity: .98;}
}



.mainblock_wrap2 {width:100%; clear:both; height:460px}

.mainblock{width: 1330px; max-width: 100%; margin: 0px auto; clear:both;}








.board_width_wrap {
	width: 1330px; max-width: 100%;margin: 0px auto; margin-top:10px; margin-bottom:-10px
}/* 게시판들 */
.board_width_wrap {
	width: 1330px; max-width: 100%;margin: 0px auto; margin-top:10px; margin-bottom:-10px
}
.mblock_style_03 > div > ul:after {content:''; display:block; clear:both;}
.mblock_style_03 > div > ul > li {float:left; display: block; width:100%; overflow:hidden; padding:15px; -moz-box-sizing: border-box; box-sizing:border-box;}
.mblock_style_03 > div > ul > li > div {padding:0px; box-sizing:border-box; border-bottom:1px solid #caced3;  position:relative; height:307px; background:url(/images/main/bg_line.png) repeat-x}
.mblock_style_03 > div > ul > li > div > a {display:block;}

.mblock_style_03 > div > ul > li > div.bnon{border:0}


@media screen and (min-width: 768px) {
	.mblock_style_03 > div > ul > li > div  {min-height:310px;}
	.mblock_style_03 > div > ul > li {width:35.33%; }
	.mblock_style_03 > div > ul > li.last {width:29.33%; }
}
@media screen and (min-width: 1100px) {
  .mblock_style_03 > div > ul > li > div  {min-height:295px;}
}

/* 공지사항 */
.cont_notice{width: 100%; position: relative;}
.cont_notice h3{font-size: 20px;letter-spacing: -1pt;line-height: 120%;color: #444444; font-weight: bold;padding-top: 13px;padding-right: 0;padding-bottom: 15px;padding-left: 20px;border-bottom:1px solid #caced3; }
.cont_notice .more{	position: Absolute;	top: 20px;	right: 20px;}
.cont_notice .more img{ width:69px; height:18px}
.notice_first{	overflow: hidden; clear:both; width:100%; height:70px; border-bottom:1px solid #dedede;}

.notice_first .img{display: block;width:5%;height: 85px;float: left;}
.notice_first .img img{ width:45px; height:45px; padding:10px 0 0 15px}
.notice_first > div{width:95%; float:right; padding-top:10px;}
.notice_first p{overflow:hidden; clear:both; }
.notice_first p span.firsttitle a{display:block; float:left; color:#000; line-height:180%;  font-size: 18px; }
.notice_first p span.firsttitle a:hover{ text-decoration:underline}
.notice_first dt a{font-size:14px; letter-spacing:-0.9pt; line-height:100%; color:#666; text-indent:2px; font-family:"Malgun Gothic","맑은 고딕";  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notice_first dd a{font-size:13px; letter-spacing:-0.8pt; line-height:100%; color:#666; text-indent:2px; }

.notice_first p span.firsttitle a img{ padding-top:12px}


.cont_notice .notice_list{padding:10px 20px;}
.notice_list li{position: relative; line-height:30px; background:url(/images/main/ico_dot.gif) no-repeat 0px 15px; padding-left:8px; font-family:"Malgun Gothic","맑은 고딕"}
.notice_list li a{	display: block;	margin-right: 90px;	letter-spacing: -0.75pt; font-size:14px; line-height:30px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#666;}
.notice_list li a:hover {color:#000;}
.notice_list .date{position: absolute; right:0; top:0; color:#999;  font-size:14px; line-height:30px; }

.notice_list li a img{vertical-align:middle}



/* 센터소식 */
.cont_news{width: 100%; position: relative;}
.cont_news h3{font-size: 20px;letter-spacing: -1pt;line-height: 120%;color: #444444; font-weight: bold;padding-top: 13px;padding-right: 0;padding-bottom: 15px;padding-left: 20px;border-bottom:1px solid #caced3; }
.cont_news .more{	position: Absolute;	top: 20px;	right: 20px;}
.cont_news .more img{ width:69px; height:18px}
.news_first{	overflow: hidden; clear:both; width:100%; height:70px; border-bottom:1px solid #dedede;}

.news_first .img{display: block;width:5%;height: 85px;float: left;}
.news_first .img img{ width:45px; height:45px; padding:10px 0 0 15px}
.news_first > div{width:95%; float:right; padding-top:10px;}
.news_first p{overflow:hidden; clear:both; }
.news_first p span.firsttitle a{display:block; float:left; color:#000; line-height:180%;  font-size: 18px; }
.news_first p span.firsttitle a:hover{ text-decoration:underline}
.news_first dt a{font-size:14px; letter-spacing:-0.9pt; line-height:100%; color:#666; text-indent:2px; font-family:"Malgun Gothic","맑은 고딕" }
.news_first dd a{font-size:13px; letter-spacing:-0.8pt; line-height:100%; color:#666; text-indent:2px; }

.news_first p span.firsttitle a img{ padding-top:12px}


.cont_news .news_list{padding:10px 20px;}
.news_list li{position: relative; line-height:30px; background:url(/images/main/ico_dot.gif) no-repeat 0px 15px; padding-left:8px; font-family:"Malgun Gothic","맑은 고딕"}
.news_list li a{	display: block;	margin-right: 90px;	letter-spacing: -0.75pt; font-size:14px; line-height:30px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#666;}
.news_list li a:hover {color:#000;}
.news_list .date{position: absolute; right:0; top:0; color:#999;  font-size:14px; line-height:30px; }

.news_list .date{position: absolute; right:0; top:0; color:#999;  font-size:14px; line-height:30px; }
.news_list .media{ color:#e2584d; font-weight:600; padding-right:5px }
.news_list .webzine{ color:#30bbad; font-weight:600; padding-right:5px }
.news_list .news{ color:#7c448e; font-weight:600; padding-right:5px }

.news_list li a img{vertical-align:middle}


/*메인 센터일정*/
#calendar { float:right; width: 100%;height: 100%;position:relative; font-size:14px; background:#2478c1}
#calendar .more{position:Absolute;top: 10px;right: 0px;}

#calendar h3{font-size: 20px;;color: #fff;font-weight: bold;padding-top: 45px;padding-right: 0;padding-bottom: 30px;padding-left: 46px; background:#275da2; height:38px; margin-top:0; border-bottom:2px solid #7acbde; margin:0 30px 0 30px; background:url(../images/main/ico_cal.png) no-repeat 0px 40px;}

#calendar td.d_eleven {font-size: 15px; font-weight:bold; color:#fff; }
#calendar td.sunday_red{color: #e20404; font-size:15px; }
#calendar td.saturday_blue{color: #7baded;; font-size:15px; }
#calendar  table {background:#2478c1; margin-top:15px; width:90%; margin-left:4%}
#calendar  table tr td { text-align:center; height:22px; color:#fff;}
#calendar  table tr td a{color:#c7f60a; size:17px; font-weight:600; text-decoration:underline}

#calendar .month {position:absolute;top: 67px;right: 80px; color:#fff; font-size:17px; font-weight:600; text-align:center}
#calendar .left{padding-top:40px;position:absolute;top: 37px;right: 160px;}
#calendar .right{padding-top:40px; position:absolute;top: 37px;right: 60px;}
.calbox {width:80%; margin-left:10%; margin-top:7%; background:url(/images/main/img_clock.png) no-repeat right bottom}
@media screen and (max-width: 768px) {
	#calendar { padding-bottom:15px}
}

 /*qm주요메뉴링크 */
.qm_width_wrap {width: 1330px; max-width: 100%;margin: 0px auto; margin-top:20px; margin-bottom:10px;}
.qmblock > div > ul:after {content:''; display:block; clear:both;}
.qmblock > div > ul > li {float:left; display: block; width:33.3%; overflow:hidden; padding:0px; -moz-box-sizing: border-box; box-sizing:border-box;}
.qmblock > div > ul > li > div {padding:0px; box-sizing:border-box; border:1px solid #e7e7e7; position:relative; height:110px }
.qmblock > div > ul > li > div > a {display:block;}

.qblock .qm { text-align:center;  font-size:15px; height:110px;}
.qblock .qm a {color:#333; -webkit-transition: .3s ease-out; -o-transform: .3s ease-out; -moz-transform: .3s ease-out; transition: .3s ease-out; height:90px; padding-top:20px}
.qblock .qm a:hover {color:#ddffff; background:#47cac9; height:90px;}


@media screen and (min-width: 768px) {
	.qmblock > div > ul > li > div  {min-height:110px;}
	.qmblock > div > ul > li {width:16.5%; }
}
@media screen and (min-width: 1100px) {
  .qmblock > div > ul > li > div  {min-height:110px;}
}

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

@media (min-width:768px) and (max-width:1100px){
	
	.qblock .qm { text-align:center; margin-top:20px; font-size:12px}

}



 /*mi배너링크 */
.miblock H3 {background:#FFFFFF; padding-left:25px}
.miblock H3::before {
	border-radius: 100%; border: 3px solid #275da2; border-image: none; left: 5px; top: 12px; width: 12px; height: 12px; position: absolute; content: ""; box-sizing: border-box;
}

.mi_width_wrap {width: 100%;margin: 0px auto; margin-top:20px; margin-bottom:10px;}
.miblock > div > ul:after {content:''; display:block; clear:both;}
.miblock > div > ul > li {float:left; display: block; width:100%; overflow:hidden; padding:0px; -moz-box-sizing: border-box; box-sizing:border-box;}
.miblock > div > ul > li > div {padding:0px; box-sizing:border-box; border:1px solid #e7e7e7; position:relative; height:80px }
.miblock > div > ul > li > div > a {display:block;}

.iblock .mi01 { text-align:left;  font-size:15px; height:80px;}
.iblock .mi01 a {color:#fff; -webkit-transition: .3s ease-out; -o-transform: .3s ease-out; -moz-transform: .3s ease-out; transition: .3s ease-out; height:60px; padding-top:20px; padding-left:25px; background:#00b6b3}
.iblock .mi01 a:hover {color:#fff; background:#60d8d6; height:60px;}

.iblock .mi02 { text-align:left;  font-size:15px; height:80px;}
.iblock .mi02 a {color:#fff; -webkit-transition: .3s ease-out; -o-transform: .3s ease-out; -moz-transform: .3s ease-out; transition: .3s ease-out; height:60px; padding-top:20px; padding-left:25px; background:#008db8}
.iblock .mi02 a:hover {color:#fff; background:#57b2ce; height:60px;}

.iblock .mi03 { text-align:left;  font-size:15px; height:80px;}
.iblock .mi03 a {color:#fff; -webkit-transition: .3s ease-out; -o-transform: .3s ease-out; -moz-transform: .3s ease-out; transition: .3s ease-out; height:60px; padding-top:20px; padding-left:25px; background:#285f9a}
.iblock .mi03 a:hover {color:#fff; background:#517fb1; height:60px;}

.miblock ul li a span.bn_go {position:absolute; right:20px; bottom:10px; color:#333; opacity: .5; font-size:40px;}
.miblock ul li:hover a span.bn_go {opacity: .9;}
@media screen and (min-width: 768px) {
	.miblock > div > ul > li > div  {min-height:80px;}
	.miblock > div > ul > li {width:100%; }
}
@media screen and (min-width: 1100px) {
  .miblock > div > ul > li > div  {min-height:80px;}
}

@media screen and (max-width: 768px) {
	.miblock H3 {background:#FFFFFF; padding-left:25px; margin-top:-10px}
.miblock H3::before {
	border-radius: 100%; border: 3px solid #275da2; border-image: none; left: 5px; top: 12px; width: 12px; height: 12px; position: absolute; content: ""; box-sizing: border-box;
}
}

@media (min-width:768px) and (max-width:1100px){
	
	.iblock .mi { text-align:center; margin-top:20px; font-size:12px}

}


/* 라인 */
.line_wrap {width:100%;margin: 0px auto; margin-top:20px; margin-bottom:0px; }
.line { width:1300px; margin: 0px auto; border-top:3px solid #000;}

@media screen and (max-width: 768px) {
.line_wrap{ display:none}
}
/*포토갤러리 */
.board_width_wrap H2 { padding-left:60px; background:url(../images/main/ico_story.png) no-repeat 10px 0; height:38px; padding-top:5px; font-size:18px}
.board_width_wrap .more{	position: Absolute;	top: 20px;	right: 20px;}
.board_width_wrap .more img{ width:69px; height:18px}

.board_width_wrap {width: 1330px; max-width: 100%;margin: 0px auto; margin-top:10px; margin-bottom:-10px; position:relative}

.photo_width_wrapxxxx {width: 1330px; max-width: 100%;margin: 0px auto; margin-top:10px; margin-bottom:-10px; position:relative}
.photoblock > div > ul:after {content:''; display:block; clear:both; margin-bottom:15px}
.photoblock > div > ul > li {float:left; display: block; width:100%; overflow:hidden; padding:15px; -moz-box-sizing: border-box; box-sizing:border-box;}
.photoblock > div > ul > li > div {padding:0px; box-sizing:border-box; border:1px solid #e7e7e7; position:relative; height:250px }
.photoblock > div > ul > li > div > a {display:block;}

.pblock .title {
	position:relative; padding:3px 10px 0px 10px; margin-bottom:15px; text-align:center; font-size:14px; letter-spacing: -0.075em; height:40px; font-family:"Malgun Gothic","맑은 고딕"}
.pblock .title a {color:#333; -webkit-transition: .3s ease-out; -o-transform: .3s ease-out; -moz-transform: .3s ease-out; transition: .3s ease-out;}
.pblock .title a:hover {color:#2478c1;}
.pblock .photo img{width:100%; height:210px}

.pblock .title img{ vertical-align:middle}




@media screen and (min-width: 768px) {
	.photoblock > div > ul > li > div  {min-height:250px;}
	.photoblock > div > ul > li {width:25%; }
}
@media screen and (min-width: 1100px) {
  .photoblock > div > ul > li > div  {min-height:250px;}
}

@media screen and (max-width: 768px) {
.photo_width_wrap{ display:none}
}

@media (min-width:768px) and (max-width:1200px){
	
	.pblock .title {
	position:relative; padding:3px 10px 0px 10px; margin-bottom:15px; text-align:center; font-size:8px; letter-spacing: -0.075em; height:40px; font-family:"Malgun Gothic","맑은 고딕"}
.photoblock > div > ul > li > div.ptit {background:url(images/main/bg_photo.jpg) no-repeat left 65px; border:0}
.photoblock > div > ul > li > div.ptit h3{font-size: 16px;letter-spacing: -1pt; color: #444444; font-weight: bold;position: Absolute;top: 46px;left:30px}


}