@charset "utf-8";

/* Layout Reset */
.mainContWrap {overflow:hidden;}
.mainSectionWrap:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.sectionBoxWrap .sectionBox {margin:5px;}
.sectionBox {position:relative; border:1px solid #ddd; padding:13px;}
.sectionBox02{border: 1px solid #ddd; overflow: hidden; padding-top: 13px; margin-top: 4px;}
.sectionBox.sectionBoxColorType1 {background-color:#eee;}
.sectionBox .btnMore {position:absolute; top:16px; right:12px;}
.sectionBox .btnMore > a {display:inline-block; vertical-align:top; width:17px; height:17px; overflow:hidden; background:url('../../assets/img/main/ico_more.png') no-repeat center center; text-indent:-9999px;}
.titSection {font-size:125%; margin:0 0 10px 3px;}
.titSection02 {margin:0 0 10px 15px; font-size:125%;}
.titSection > b {display:inline-block; vertical-align:top; min-width:69px; margin-left:-3px; padding:0 3px 6px; border-bottom:3px solid #6faf09; text-align:center;}
.boxarea > ul > li > a{display: inline-block;padding: 3.5px 0 4px 47px;height: 31px;line-height: 31px; margin-top: 0.4%;width: 100%;text-align: left;background: #f6f6f7;position: relative;border-bottom: 1px solid #eaeaea;}

.boxarea > ul >li:nth-child(4)>a{margin-bottom:0;border-bottom: 0px;}
.boxarea > h3{text-align: center; border-top: 1.5px solid #9f9f9f; height: 31px;line-height: 31px;display: block;background: #e0e0e0;font-size: 1.1em;}
.area01{text-align:left;}
.area02{text-align:left;}
.area03{ text-align:left;}
.area03{position:relative;}
.area03 > a{position:relative;}
.area03 > a:after{    content: ''; position: absolute; margin-top: -16px; top: 75%; right: -24px; width: 131px; height: 76px; background: url(../../assets/img/main/sp_ico_main.png) no-repeat -63px -39px; background-size: cover;}
.boxarea > ul >li:nth-child(1):before{content: ''; position: absolute; top: 2px; left: 10px; width: 40px; height: 38px; background: url(../../assets/img/main/ico01.png) no-repeat 0 1px; background-size: cover; z-index: 100;}
.boxarea > ul >li:nth-child(2):before{content: ''; position: absolute; top: 3px; left: 9px; width: 40px; height: 38px; background: url(../../assets/img/main/ico02.png) no-repeat 0 0; background-size: cover; z-index: 100;}
.boxarea > ul >li:nth-child(3):before{content: ''; position: absolute; top: 3px; left: 9px; width: 40px; height: 38px; background: url(../../assets/img/main/ico03.png) no-repeat 0 1px; background-size: cover; z-index: 100;}
.boxarea > ul >li:nth-child(4):before{content: ''; position: absolute; top: 2px; left: 9px; width: 40px; height: 38px; background: url(../../assets/img/main/ico04.png) no-repeat 0 1px; background-size: cover; z-index: 100;}
/* Main Contents */
.mainTopVisual .screen img {width:100%; vertical-align:top;}
.mainTopVisual .flex-control-container {position: absolute; bottom: 11px; right: 15px; display: flex; align-items: center; flex-direction: row-reverse; gap: 15px; padding: 10px 15px; box-sizing: border-box; border-radius: 19px; background-color: rgba(0,0,0,0.5); z-index: 1;}
.mainTopVisual.flexslider .flex-direction-nav {display: flex; gap: 15px; align-items: center;}
.mainTopVisual.flexslider .flex-direction-nav .flex-prev, .mainTopVisual.flexslider .flex-direction-nav .flex-next {display: block; width: 9px; height: 15px; font-size: 0; text-indent: -9999px; background: url('../../assets/img/main/slide_prev.png') no-repeat;}
.mainTopVisual.flexslider .flex-direction-nav .flex-next {background: url('../../assets/img/main/slide_next.png') no-repeat;}
.mainTopVisual.flexslider .flex-control-paging {position:absolute; z-index:5; bottom:12px; left:0; width:100%; text-align:center; font-size:0; line-height:0;}
.mainTopVisual.flexslider .flex-control-paging a {display:inline-block; vertical-align:top; width:18px; height:18px; margin:0 10px; overflow:hidden; background:#eee; border-radius:9px; text-indent:-9999px;}
.mainTopVisual.flexslider .flex-control-paging a.flex-active {background:#6faf09; width:36px;}
.mainTopVisual.flexslider .flex-pauseplay .flex-pause {display: block; width: 10px; height: 13px; background: url('/humanframe/theme/officehome/assets/img/main/slide_pause.png') no-repeat; background-size: 100%; text-indent: -9999px;}
.mainTopVisual.flexslider .flex-pauseplay .flex-play {display: block; width: 11px; height: 13px; background: url('/humanframe/theme/officehome/assets/img/main/slide_play.png') no-repeat; background-size: 100%; text-indent: -9999px;}

.mainSectionNotice .reserveMode {display:block; height:100%; min-height:176px; background:#4599c5; color:#fff; position:relative;}
.mainSectionNotice .reserveMode > div {position:absolute; top:50%; left:0; right:0; text-align:center; transform:translateY(-50%);}
.mainSectionNotice .reserveMode p {font-size:1.4em; font-weight:bold; position:relative; margin-bottom:0.75em;}
.mainSectionNotice .reserveMode p:before {content:""; display:inline-block; position:absolute; top:-0.75em; left:50%; transform:translateX(-50%); width:1.5em; height:1px; background:#fff;}
.mainSectionNotice .reserveMode span {display:inline-block; padding: 0.5em 2em; background:#fff; border-radius:2em; line-height:1; color:#0b4970;}

.mainNoticeList li {margin-top:6px; overflow:hidden; color:#666;}
.mainNoticeList li:first-child {margin-top:0;}
.mainNoticeList li a {float:left; max-width:65%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainNoticeList li .date {float:right; font-size:90%;}
.mainNoticeList li.new {padding-bottom:6px; border-bottom:1px solid #c8c8c8; color:#333; font-size:125%; font-weight:bold;}
.mainNoticeList li.new a {display:block; max-width:100%; line-height:130%;}

.mainSectionQna .titSection {margin-bottom:18px;}
.mainSectionQna .titSection02 {margin-bottom:10px !important;}

.mainSectionQna .reserveMode {display:block; height:100%; min-height:176px; background:#3d81cc; color:#fff; position:relative;}
.mainSectionQna .reserveMode > div {position:absolute; top:50%; left:0; right:0; text-align:center; transform:translateY(-50%);}
.mainSectionQna .reserveMode p {font-size:1.4em; font-weight:bold; position:relative; margin-bottom:0.75em;}
.mainSectionQna .reserveMode p:before {content:""; display:inline-block; position:absolute; top:-0.75em; left:50%; transform:translateX(-50%); width:1.5em; height:1px; background:#fff;}
.mainSectionQna .reserveMode span {display:inline-block; padding: 0.5em 2em; background:#fff; border-radius:2em; line-height:1; color:#043577;}

.mainSectionEvent {padding:6px;}
.mainEventBanner .screen > li {position:relative;}
.mainEventBanner .screen > li img {width:100%; max-height:157px; vertical-align:top;}
.mainEventBanner .screen > li > a {display:block; text-decoration:none;}
.mainEventBanner .screen > li .tit {position:absolute; bottom:0; left:0; width:100%; padding:9px 14px; background:#000; background:rgba(0,0,0,0.6); color:#fff; font-size:115%; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-box-sizing:border-box; box-sizing:border-box;}
.mainEventBanner .screen > li > a:hover .tit, .mainEventBanner .screen > li > a:focus .tit {text-decoration:underline;}
.mainEventBanner.flexslider {padding-bottom:31px; background:#333;}
.mainEventBanner.flexslider .flex-control-paging {position:absolute; z-index:5; bottom:7px; left:15px; font-size:0; line-height:0;}
.mainEventBanner.flexslider .flex-control-paging a {display:inline-block; position:relative; vertical-align:top; width:17px; height:17px; margin-right:4px; overflow:hidden; text-indent:-9999px;}
.mainEventBanner.flexslider .flex-control-paging a:before {content:""; display:block; position:absolute; width:14px; height:14px; background:#eee; border-radius:7px; top:50%; left:50%; transform:translate(-50%,-50%); }
.mainEventBanner.flexslider .flex-control-paging a.flex-active {width:34px;}
.mainEventBanner.flexslider .flex-control-paging a.flex-active:before {background:#6faf09; width:31px;}
.mainEventBanner.flexslider .flex-direction-nav .flex-prev, .mainEventBanner.flexslider .flex-direction-nav .flex-next {position:absolute; z-index:5; bottom:6px; width:17px; height:17px; overflow:hidden; background:url('../../assets/img/main/sp_ico_slider.png') no-repeat; text-indent:-9999px;}
.mainEventBanner.flexslider .flex-direction-nav .flex-prev {right:57px; background-position:4px -55px;}
.mainEventBanner.flexslider .flex-direction-nav .flex-next {right:35px; background-position:-12px -55px;}
.mainEventBanner.flexslider .flex-play, .mainEventBanner.flexslider .flex-pause {position:absolute; z-index:5; right:16px; bottom:6px; width:17px; height:17px; overflow:hidden; background:url('../../assets/img/main/sp_ico_slider.png') no-repeat; text-indent:-9999px;}
.mainEventBanner.flexslider .flex-play {background-position:-12px -76px;}
.mainEventBanner.flexslider .flex-pause {background-position:4px -76px;}

.mainViewSummaryImg {height:94px; margin:0 -13px 10px; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
.mainViewSummaryTxt p {/* height:42px;  */overflow:hidden; margin-bottom:8px;}
.mainViewSummaryTxt .more {color:#4C750C; font-weight:bold; }
.mainViewSummaryTxt .more:after {content:''; display:inline-block; vertical-align:0; width:5px; height:8px; margin-left:6px; background:url('../../assets/img/main/sp_ico_main.png') no-repeat -100px -50px;}

.mainSectionQuickMenu {padding:0;}
.mainQuickMenuList {overflow:hidden;}
.mainQuickMenuList li {float:left; text-align:center;}
.mainQuickMenuList li > a {display:block; font-weight:bold;}
.mainQuickMenuList li .icon {display:block;}
.mainQuickMenuList li .icon img {vertical-align:top;}

.mainSectionData .titSection:before {content:''; display:inline-block; vertical-align:middle; width:19px; height:26px; margin:0 8px 0 4px; background:url('../../assets/img/main/sp_ico_main.png') no-repeat -50px 0;}
.mainDataList li {margin-top:4px;}
.mainDataList li:first-child {margin-top:0;}
.mainDataList li a {position:relative; display:block; padding:0 31px 0 18px; background:#515151; color:#fff; line-height:33px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainDataList li a:before {content:''; position:absolute; top:0; right:0; width:31px; height:100%; background:rgba(255,255,255,.15);}
.mainDataList li a:after {content:''; position:absolute; z-index:1; top:50%; right:8px; margin-top:-8px; width:15px; height:16px; background:url('../../assets/img/main/sp_ico_main.png') no-repeat -50px -50px;}

.mainSectionData .reserveMode {display:block; height:100%; min-height:176px; background:#2BA47B; color:#fff; position:relative;}
.mainSectionData .reserveMode > div {position:absolute; top:50%; left:0; right:0; text-align:center; transform:translateY(-50%);}
.mainSectionData .reserveMode p {font-size:1.4em; font-weight:bold; position:relative; margin-bottom:0.75em;}
.mainSectionData .reserveMode p:before {content:""; display:inline-block; position:absolute; top:-0.75em; left:50%; transform:translateX(-50%); width:1.5em; height:1px; background:#fff;}
.mainSectionData .reserveMode span {display:inline-block; padding: 0.5em 2em; background:#fff; border-radius:2em; line-height:1; color:#1f6650;}

.mainSectionMarket {margin-top:10px; background:#a2dc45; margin-left:-13px; margin-right:-13px; margin-bottom:-13px; padding:11px 13px;}
.mainSectionMarket .titSection {font-size:1.1em; height:auto; margin-bottom:5px;}
.mainSectionMarket .titSection:before {display:none;}
.mainSectionMarket .button {margin-left:0; width:100%; box-sizing:border-box; margin-bottom:0; margin-top:-1px;}

.mainSectionApplyBanner .titSection:before {content:''; display:inline-block; vertical-align:middle; width:19px; height:28px; margin-right:8px; background:url('../../assets/img/main/sp_ico_main.png') no-repeat 0 0;}
.mainBannerList {margin:0 -13px -13px;}
.mainBannerList li {border-top:1px solid #fff;}
.mainBannerList li:first-child {border-top:0;}
.mainBannerList li > a {position:relative; display:block; height:93px; padding:12px 60px 12px 20px; background:#fcdd06; text-decoration:none; -webkit-box-sizing:border-box; box-sizing:border-box;} 
.mainBannerList02 li > a {position:relative; display:block; height:62px !important; padding:14px 30px 12px 20px !important; background:#fcdd06; text-decoration:none; -webkit-box-sizing:border-box; box-sizing:border-box; letter-spacing: -0.5px;} 
.mainBannerList li > a.hmoffic_h {height:188px; padding: 48px 60px 12px 20px;}
.mainBannerList li > a:after {content:''; position:absolute; top:50%; right:12px; margin-top:-16px; width:31px; height:32px; background:url('../../assets/img/main/sp_ico_main.png') no-repeat 0 -50px;}
.mainBannerList li .tit {display:block; /*margin-bottom:8px;*/ color:#333; font-size:115%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.mainBannerList li .txt {display:block; height:63px; overflow:hidden; color:#5d5d5d; font-size:95%;}
.mainBannerList li .txt.time {    font-size: 13px;
    letter-spacing: -0.5px;
    line-height: 1.2em;
	
}
.mainBannerList02 li .txt {display:block; height:40px !important; overflow:hidden; color:#5d5d5d; font-size:85% !important;}
.mainBannerList li > a:hover .tit, .mainBannerList li > a:focus .tit {text-decoration:underline;}

.mainBannerList02 {margin:0 -13px -13px;}
.mainBannerList02 li {border-top:1px solid #fff;}
.mainBannerList02 li:first-child {border-top:0;}
.mainBannerList02 li > a {position:relative; display:block; height:74px; padding:14px 60px 12px 20px; background:#fcdd06; text-decoration:none; -webkit-box-sizing:border-box; box-sizing:border-box;} 
.mainBannerList02 li > a:after {content:''; position:absolute; top:50%; right:12px; margin-top:-16px; width:31px; height:32px; background:url('../../assets/img/main/sp_ico_main.png') no-repeat 0 -50px;}
.mainBannerList02 li .tit {display:block; margin-bottom:0 !important; color:#333; font-size:115%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.mainBannerList02 li .txt {display:block; height:38px; overflow:hidden; color:#5d5d5d; font-size:90%;}
.mainBannerList02 li > a:hover .tit, .mainBannerList02 li > a:focus .tit {text-decoration:underline;}



/*체육시설관리사업소 배너3개리스트 */
.mainBannerList03 {margin:0 -13px -13px;}
.mainBannerList03 li {border-top:1px solid #fff;}
.mainBannerList03 li:first-child {border-top:0;}
.mainBannerList03 li > a {position:relative; display:block; height: 66px; padding:14px 60px 12px 20px; background:#fcdd06; text-decoration:none; -webkit-box-sizing:border-box; box-sizing:border-box;} 
.mainBannerList03 li > a:after {content:''; position:absolute; top:50%; right:12px; margin-top:-16px; width:31px; height:32px; background:url('../../assets/img/main/sp_ico_main.png') no-repeat 0 -50px;}
.mainBannerList03 li .tit {display:block; margin-bottom:8px; color:#333; font-size:1.05em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 37px;} 
.mainBannerList03 li > a:hover .tit, .mainBannerList02 li > a:focus .tit {text-decoration:underline;}

/*푸른도시가꾸기사업소 배너4~5개 리스트 */
.mainBannerList04 {margin:0 -13px -13px;}
.mainBannerList04 li {border-top:1px solid #fff;}
.mainBannerList04 li:first-child {border-top:0;} 
.mainBannerList04 li > a:after {content:''; position:absolute; top:50%; right:12px; margin-top:-16px; width:31px; height:32px; background:url('../../assets/img/main/sp_ico_main.png') no-repeat 0 -50px;}
.mainBannerList04 li .tit {display:block; margin-bottom:0 !important; color:#333; font-size:115%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.mainBannerList04 li .txt {display:block; height:38px; overflow:hidden; color:#5d5d5d; font-size:90%;}
.mainBannerList04 li > a:hover .tit, .mainBannerList04 li > a:focus .tit {text-decoration:underline;}
.mainBannerList04 li > a {position:relative; display:block; height:46.5px !important; padding:14px 30px 12px 20px !important; background:#fcdd06; text-decoration:none; -webkit-box-sizing:border-box; box-sizing:border-box; letter-spacing: -0.5px;} 

.mainBannerList05 li > a {position: relative; height: 37px;}
.mainBannerList05 li > a strong {position: absolute; top:50%; transform: translateY(-50%);}
.mainBannerList05 li > a:after {transform: scale(0.75);}
@media screen and (max-width: 501px){
	.mainBannerList05 li > a:after {transform: scale(0.6);}
}

.mainQuickMenuListTwo li { border:1px solid #ddd;/*  margin: 2px; */ padding-left:5px;}
.mainQuickMenuListTwo li > a {display:block; font-weight:bold;}

/*해양자연사 배너3개를 위한 수정*/
.mainBannerList2sea {display:flex; flex-direction:column; height:187px; margin:0 -13px -13px;}
.mainBannerList2sea li {flex:1; border-top:1px solid #fff;}
.mainBannerList2sea li:first-child {border-top:0;}
.mainBannerList2sea li > a {position:relative; height:100%; display:flex; align-items:center; padding:0 60px 0 20px; background:#fcdd06; text-decoration:none; -webkit-box-sizing:border-box; box-sizing:border-box;}
.mainBannerList2sea li > a:after {content:''; position:absolute; top:50%; right:12px; margin-top:-16px; width:31px; height:32px; background:url('../../assets/img/main/sp_ico_main.png') no-repeat 0 -50px;}
.mainBannerList2sea li .tit {display:block; margin-bottom:3px; color:#333; font-size:115%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainBannerList2sea li .txt {display:block; height:38px; overflow:hidden; color:#5d5d5d; font-size:95%;}
.mainBannerList2sea li > a:hover .tit, .mainBannerList2sea li > a:focus .tit {text-decoration:underline;}

.mainSectionWrapType2 .mainSectionRiver {height:auto; padding-bottom:0; margin-bottom:10px;}
.mainSectionWrapType2 .mainSectionRiver .titSection > .more {color:#4C750C; font-weight:bold; font-size:14px; float:right; margin-left:0.5em;}
.mainSectionWrapType2 .mainSectionRiver .mainViewSummaryImg {margin-bottom:0;}
.mainSectionWrapType2 .mainSectionBanner {height:auto; padding:0; border:0; width:calc(200% - 10px);}
.mainSectionWrapType2 .mainSectionBanner img {vertical-align:top; width:100%;}

/*홍보동영상*/
.videoWrap	 { position:relative; height:48%; border:1px solid #dddddd; box-sizing:border-box; overflow:hidden; }
.videoWrap .play_btn01:before {content:""; display:block; position:absolute; width:60px; height:60px; top:57%; left:50%; margin-top:-25px; margin-left:-30px; background:url('../../assets/img/main/ico_thumb_play.png') no-repeat 50% 50%;}
.videoWrap .mainViewSummaryTxt {margin:0 -13px -13px;}


/*낙동강하구에코센터 로고*/
.wetlandLogo {font-size:85%; line-height:40px;}

@media all and (min-width:1024px) and (max-width:1200px){
	.mainViewSummaryTxt p {font-size:0.9em;}
}


@media all and (max-width:767px) { /* mobile ver */
	/* Layout Reset */
	.mainContWrap {padding:0 10px 15px;}
	.sectionBoxWrap .sectionBox {margin:12px 0 0;}

	/* Main Contents */
	.mainTopVisualWrap {margin:0 -10px;}
	.mainTopVisual.flexslider {padding-bottom:40px; background:#333;}
	.mainTopVisual.flexslider .flex-direction-nav {display:none;}

	.mainNoticeList li.new a {max-height:44px;}

	.mainViewSummaryTxt p {height:auto;}

	.mainSectionQuickMenu {border:0;}
	.mainQuickMenuList li {width:25%; border-left:1px solid #ddd; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.mainQuickMenuList li:first-child {border-left:0;}
	.mainQuickMenuList li > a {padding:0 6px;}

	.mainBannerList li > a {height:auto;}
	.mainBannerList li > a.hmoffic_h {height:auto; padding: 18px 60px 12px 20px;}
	
	.mainBannerList li .txt {height:auto;}
	
	.mainBannerList02 li > a {height:auto;}
	.mainBannerList02 li .txt {height:auto;}
	
	.mainEventBanner .screen > li img {max-height:none;}
	
	.mainSectionWrapType2 .mainSectionBanner {width:100%;}
	
	.wetlandLogo {font-size:100%; line-height:normal;}
}

@media all and (min-width:768px) { /* tablet & pc ver */
	/* Layout Reset */
	.mainSectionWrapType1 .sectionBox {height:202px; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.mainSectionWrapType2 .sectionBox {height:242px; -webkit-box-sizing:border-box; box-sizing:border-box;}
	
	.mainSectionWrapType2 .sectionBox.mainSectionHarf {height:auto;} 

	/* Main Contents */
	.mainTopVisual.flexslider .flex-control-paging {display:none;}

	.mainQuickMenuList li {width:50%;}
	.mainQuickMenuList li > a {border-top:1px solid #ddd; border-left:1px solid #ddd; background:#fff; margin:-1px 0 0 -1px; height:100px;}
	.mainQuickMenuList li .icon {margin:10px 0 5px; height:54px;}
	
	.mainSectionWrapType2 .mainSectionRiver {height:auto;}
	.mainSectionWrapType2 .mainSectionBanner {width:auto; height:auto;}
}

@media all and (min-width:768px) and (max-width:1023px) { /* tablet ver */
	/* Layout Reset */
	.mainContWrap {padding:0 15px 15px;}
	.sectionBoxWrap {width:50%; float:left;}
	.mainSectionWrapEvent {float:left; margin:-5px;}
	.sectionBoxWrapEvent {display:table; table-layout:fixed; width:100%; border-spacing:10px;}
	.sectionBoxWrapEvent .sectionBoxWrap {float:none; display:table-cell; vertical-align:top; border:1px solid #ddd; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.sectionBoxWrapEvent .sectionBox {height:auto; border:0; margin:0;}

	/* Main Contents */
	.mainTopVisualWrap {margin:0 -15px 15px;}
	
	.wetlandLogo {font-size:100%; line-height:normal;}
	
	.mainSectionWrapType2 .mainSectionBanner {height:91px;}

}

/*@media all and (max-width:1024px) {

	.boxarea .area01 img{width:32%;}
	.boxarea .area02 img{width:32%;}
	.boxarea .area03 img{width:32%;

	}*/

@media all and (min-width:1024px) { /* pc ver */

	.titSection {height:30px;}
	
	/* Layout Reset */
	.mainContWrap {max-width:1200px; margin:0 auto; padding:21px 0 28px;}
	.mainSectionWrap {margin:0 -5px;}
	.sectionBoxWrap {width:25%; float:left;}
	.boxarea .area01 img.img_small{width:32%;}
	.boxarea .area02 img.img_small{width:32%;}
	.boxarea .area03 img.img_small{width:32%;}
	
	
	/* Main Contents */
	
	.mainTopVisualWrap {float:left; width:50%;}
	.mainTopVisualWrap .mainTopVisual {margin:5px; border:1px solid #ddd;}
	.mainTopVisual.flexslider {position:relative; overflow:hidden;}
	.mainTopVisual.flexslider .flex-viewport {position:absolute; left:50%; top:0; width:593px; margin-left:-296.5px;}
	.mainTopVisual.flexslider .screen li {text-align:center;}
	.mainTopVisual.flexslider .screen img {width:auto; height:413px;}

	.mainEventBanner.flexslider {height:187px; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box;}
	
	.videoWrap .play_btn01 {display:block; height:189px; overflow:hidden;}
	
	.mainSectionWrapType2 .mainSectionBanner {width:calc(200% - 10px);}
}

@media screen and (max-width: 768px) {
	
	.mainTopVisual .flex-control-container {bottom: 0; right: 0; width: 100%; padding: 0; background-color: transparent;}
	.mainTopVisual.flexslider .flex-pauseplay {display: none;}
}



/*농업기술센터 리뉴얼*/
.typeNew > .mainContWrap{
	display:grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 15px), auto));
	grid-auto-flow:dense;
    gap: 10px;
    width:100%;
}
.typeNew .mainSectionWrap{
	margin:0;
	width:100%;
}
.typeNew .mainTopVisualWrap .mainTopVisual{
	margin:0;
}
.typeNew > .mainContWrap > .mainContWrap_column{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
}
.typeNew > .mainContWrap > .mainSectionWrap > .mainTopVisualWrap{
	float:inherit;
	width:100%;
}
.typeNew > .mainContWrap > .mainContWrap_column > .sectionBoxWrap{
	float:inherit;
	width:100%;
	height:100%;
}
.typeNew .sectionBox{
	height:100%;
	box-sizing:border-box;
	margin:0;
}
.typeNew .sectionBoxWrap{
	width:100%;
	float:inherit;
}
.typeNew .mainTopVisual.flexslider .screen img{
	height:421px;
    object-fit: cover;
    object-position: left top;
}
.typeNew > .mainContWrap > .mainSectionWrapType2{
	grid-column: auto / span 3;
}
.typeNew > .mainContWrap > .link_area{
	grid-column:auto / span 3;
}
.typeNew .mainContWrap_column .mainViewSummaryImg{
	height:60px;
}
.typeNew .mainViewSummaryImg{
	height:115px;
}
.typeNew .titSection{
	font-size:19px;
}
.sectionBoxLinkWrap{	
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 16px;
}
.sectionBoxLinkWrap > li{
	display:block;
	width:100%;
}
.sectionBoxLinkWrap > li::marker{
	display:none;
}
.sectionBoxLinkWrap > li > a{
    display: block;
    width: 100%;
    padding: 16px 13px;
    box-sizing: border-box;
    margin-bottom: 8px;
    line-height: 1em;
    color:#000;
    background-color: #eee;
    background-image:url(/humanframe/theme/officehome/assets/img/common/icon_jump_gr.png);
    background-repeat:no-repeat;
    background-position:right 13px center;
    background-size:auto;
}
.sectionBoxLinkWrap > li > a:hover{
    background-color: #6faf09;
    background-image:url(/humanframe/theme/officehome/assets/img/common/icon_jump_wh.png);
	color:#fff;
	text-decoration:none;
}
.main_link_area > ul{
	display:grid;
    width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 15px), auto));
	grid-auto-flow:dense;
    gap: 10px;
}
.main_link_area > ul > li{
	display:block;
	width:100%;
}
.main_link_area > ul > li::marker{
	display:none;
}
.main_link_area > ul > li > a{
	display:block;
	width:100%;
	padding:6px 0;
	border:1px solid #ddd;
	box-sizing:border-box;
	max-height:74px;
}
.main_link_area > ul > li > a:hover{
	border:2px solid #6faf09;
	padding:5px 0;
}
.main_link_area > ul > li > a > img{
	display:block;
	margin:0 auto;
}
.grid-column-2{
	grid-column : auto / span 2;
}
.grid-column-3{
	grid-column : auto / span 3;
}
.grid-column-4{
	grid-column : auto / span 4;
}
.grid-row-2{
	grid-row : auto / span 2;
}
.grid-row-3{
	grid-row : auto / span 3;
}


@media screen and (max-width: 960px) {
	.typeNew > .mainContWrap{ 
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: stretch;
	    flex-wrap: wrap;
	    box-sizing: border-box;
	    width:100%;
	}
	.typeNew > .mainContWrap > .mainSectionWrap > .mainTopVisualWrap{
    	width: calc(100% + 30px);
	}
	.typeNew .sectionBoxWrap,
	.typeNew > .mainContWrap > .mainContWrap_column{
		width:calc(33.3333% - 10px);
	}

	.typeNew > .mainContWrap > .mainContWrap_column:nth-child(5){
		width:100%;
	}
	.sectionBoxLinkWrap{
	    flex-direction: row;
	    justify-content: flex-start;
	    align-items: stretch;
	    flex-wrap: wrap;
	}
	.sectionBoxLinkWrap > li{
    	width: calc(50% - 5px);
    	margin-right:10px;
	}
	.sectionBoxLinkWrap > li:nth-child(even){
		margin-right:0;
	}
	.main_link_area > ul{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		align-items:stretch;
	    width: 100%;
	    flex-wrap:wrap;
	}
	.main_link_area > ul > li{
		width:calc(50% - 5px);
	}
}
@media screen and (max-width: 768px) {
	.typeNew > .mainContWrap > .mainSectionWrap > .mainTopVisualWrap{
    	width: calc(100% + 20px);
	}
	.typeNew .mainTopVisual.flexslider .screen img{
		height:auto;
	}
	.typeNew .sectionBoxWrap,
	.typeNew > .mainContWrap > .mainContWrap_column{
		width:100%;
	}
	.typeNew .titSection{
		font-size:15px;
	}
}
@media screen and (max-width: 480px) {
	.sectionBoxLinkWrap > li{
		width:100%;
		margin-right:0;
	}
	.main_link_area > ul > li{
		width:100%;
	}
}

/* 2024-10-29 농업기술센터 메인 수정 */
.typeNew .sectionBox.summary {padding: 0;}
.typeNew .sectionBox.summary .title {padding: 15px; box-sizing: border-box; line-height: 1;}
.typeNew .sectionBox.summary .title .tit {display: flex; justify-content: space-between; align-items: center;}
.typeNew .sectionBox.summary .title .titSection {height: auto; margin: 0;}
.typeNew .sectionBox.summary .title .more {background: url('/humanframe/theme/officehome/assets/img/main/linkArrow.png') no-repeat; width: 11px; height: 16px; background-size: 100%; text-indent: -9999px;}
.typeNew .sectionBox.summary .title .txt {font-size: 13px; margin-top: 10px; letter-spacing: -0.02em;}
.typeNew .sectionBox.summary img {display: block; width: 100%; height: 175px; object-fit: cover;}