@charset "utf-8";

/* sub_common */
.sub_text {margin:92px 0 54px;}
.sub_text h1{font-family:'lato', 'noto sans kr', sans-serif; font-weight:700; font-size:30px;}
.btn_fix{line-height:35px; font-size:14px; color:#fff; padding:0 14px; border:0 !important; background:#7fbc03 !important;}
.container_fix2{width:1500px; max-width:100%; margin:0 auto; padding:0 15px;}
.container_fix3{width:1310px; max-width:100%; margin:0 auto; padding:0 15px;}

@media (min-width:992px){
	.view_style:not(.m02_01) .view_title .view_info > span{line-height:26px;}
}

/* m01_01 */
.m01{background-repeat:no-repeat; background-position:center; background-size:cover; position:relative;}
.m01_01{background-image:url(../img/m01_01.jpg);}
.m01 .container_fix{padding:113px 15px 66px;}
.m01_01 .m01_01_txtbox{max-width:750px; width:100%; margin-left:auto; background:rgba(127,188,3,0.9); padding:60px; }
.m01_01 .m01_01_txtbox h1{color:#fff; font-family:'lato', 'noto sans kr', sans-serif; font-size:30px; font-weight:700; line-height:1; margin-bottom:40px;}
.m01_01 .m01_01_txtbox ul:after{content:''; display:block; clear:both;}
.m01_01 .m01_01_txtbox ul + ul{margin-top:10px;}
.m01_01 .m01_01_txtbox ul li:first-child{font-weight:500; width:165px;}
.m01_01 .m01_01_txtbox ul li{font-size:15px; color:#fff; letter-spacing:-0.1px; width:calc(100% - 165px); line-height:24px; float:left;}

/* m01_02 */
.m01_02{background-image:url(../img/m01_02.jpg);}
.m01 .container_fix2{padding:113px 15px 66px;}
.m01_02 .m01_02_con{height:660px; background:rgba(34,34,34,0.6); padding-top:142px; text-align:center;}
.m01_02 .m01_02_con h1{font-size:30px; color:#7fbc03; font-family:'lato', 'noto sans kr', sans-serif; font-weight:700; margin-bottom:40px;}
.m01_02 .m01_02_con .year_tab li{display:inline-block; cursor:pointer; font-size:18px; letter-spacing:-0.1px; color:#c3c3c3; position:Relative;}
.m01_02 .m01_02_con .year_tab li + li{margin-left:54px;}
.m01_02 .m01_02_con .year_tab li.on{color:#7fbc03; font-weight:600;}
.m01_02 .m01_02_con .year_tab li.on:after{content:''; display:block; position:absolute; bottom:-6px; left:50%; transform:translateX(-50%); width:calc(100% + 10px); height:2px; background:#7fbc03; }
.m01_02 .m01_02_con .year_con_cover{position:relative; width:1280px; max-width:88%; margin:0 auto;}
.m01_02 .m01_02_con .year_con_cover:after{position:absolute; top:3px; left:0; width:100%; background:rgba(255,255,255,0.4); height:1px; content:''; display:block;}
.m01_02 .m01_02_con .year_con ul{display:table; margin:123px auto 0;}
.m01_02 .m01_02_con .year_con li{display:table-cell; vertical-align:top; padding:0 45px;}
.m01_02 .m01_02_con .year_con li:first-child{padding-left:0 !important;}
.m01_02 .m01_02_con .year_con li:last-child{padding-right:0 !important;}
.m01_02 .m01_02_con .year_con li h3{font-size:16px; font-weight:600; letter-spacing:-0.1px; color:#fff; margin-top:23px;}
.m01_02 .m01_02_con .year_con li > span{background:#fff; border-radius:50%; width:7px; height:7px; display:block; margin:0 auto; position:relative;}
.m01_02 .m01_02_con .year_con li > span:after{content:''; display:block; position:absolute; top:-4px; left:-4px;width:15px; height:15px; border:1px solid rgba(255,255,255,0.4); border-radius:50%;}
.m01_02 .m01_02_con .year_con li p{font-size:15px; letter-spacing:-0.1px; color:#fff; line-height:25px; margin-top:10px;}
.m01_02 .m01_02_con .year_con:not(.year_con1){display:none;}
.m01_02 .m01_02_con .year_con.year_con3 li{padding:0 35px;}

/* m01_03 */
.m01_03{background-image:url(../img/m01_03.jpg);}
.m01_03:before{content:''; display:block; background:rgba(34,34,34,0.6); position:absolute; top:0; left:0; width:100%; height:484px;}
.m01_03 .container_fix3{padding:113px 15px 100px; text-align:center; position:relative;}
.m01_03 .container_fix3 h1{font-family:'lato', 'noto sans kr', sans-serif; font-size:30px; font-weight:700; color:#7fbc03;}
.m01_03 .container_fix3 > p{font-size:30px; font-weight:500; color:#fff; letter-spacing:-1px; line-height:45px; margin-top:32px;}
.m01_03 .container_fix3 > ul{display:flex; justify-content:center; text-align:center; background:#fff; padding:92px 0; box-shadow:0 7px 32px 7px rgba(98,98,98,.15); -webkit-box-shadow:0 7px 32px 7px rgba(98,98,98,.15);}
.m01_03 .container_fix3 > ul > li:nth-child(2) {padding:0 8%;}
.m01_03 .container_fix3 > ul > li > .m01_03_img_cover{height:67px; background-position:center; background-repeat: no-repeat; background-image:url(../img/m01_03_01.png);}
.m01_03 .container_fix3 > ul > li:nth-child(2) > .m01_03_img_cover{background-image:url(../img/m01_03_02.png);}
.m01_03 .container_fix3 > ul > li:nth-child(3) > .m01_03_img_cover{background-image:url(../img/m01_03_03.png);}
.m01_03 .container_fix3 > ul > li h3{color:#363636; font-size:18px; font-weight:600; letter-spacing:-0.1px; margin:27px 0 17px;}
.m01_03 .container_fix3 > ul > li p{color:#666666; font-size:15px; letter-spacing:-0.1px; line-height:25px;}
.m01_03 .mid_bar{display:block; width:2px; height:40px; background:#7fbc03; margin:23px auto 31px;}

/* m01_04 */
.m01_04{background-image:url(../img/m01_04.jpg);}
.m01_04 .m01_04_cover{width:1670px; max-width:100%; margin:0 auto; padding:114px 15px 68px;}
.m01_04 .grid_section li{height:100%; background-color:rgba(255,255,255,0.8); -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:background 0.3s ease; background-repeat:no-repeat; background-size:cover;}
@media (min-width:992px){
	.m01_04 .grid_section{display:-ms-grid; display:grid; -ms-grid-columns:2fr 36px 1fr 36px 1fr; grid-template-columns:2fr 1fr 1fr; grid-gap:36px; gap:36px; -ms-grid-rows:1fr 36px 1fr; grid-template-rows:1fr 1fr; grid-template-areas:"a b c""a d e";}
	.m01_04 .grid_section li:nth-child(1){-ms-grid-row:1; -ms-grid-row-span:3; grid-row:1; -ms-grid-column:1; -ms-grid-row-span:3; grid-column:1; grid-area:a; }
	.m01_04 .grid_section li:nth-child(2){-ms-grid-row:1;grid-row:1; -ms-grid-column:3; grid-column:3; grid-area:b; }
	.m01_04 .grid_section li:nth-child(3){-ms-grid-row:1;grid-row:1; -ms-grid-column:5; grid-column:5; grid-area:c; }
	.m01_04 .grid_section li:nth-child(4){-ms-grid-row:3;grid-row:3; -ms-grid-column:3; grid-column:3; grid-area:d; }
	.m01_04 .grid_section li:nth-child(5){-ms-grid-row:3;grid-row:3; -ms-grid-column:5; grid-column:5; grid-area:e; }
	.m01_04 .grid_section li:nth-child(2):hover{background-image:url(../img/m01_04_icon01_bg.jpg);}
	.m01_04 .grid_section li:nth-child(3):hover{background-image:url(../img/m01_04_icon02_bg.jpg);}
	.m01_04 .grid_section li:nth-child(4):hover{background-image:url(../img/m01_04_icon03_bg.jpg);}
	.m01_04 .grid_section li:nth-child(5):hover{background-image:url(../img/m01_04_icon04_bg.jpg);}
	.m01_04 .grid_section li.s_box:hover{box-shadow:9px 9px 16px rgba(98,98,98,0.5); -webkit-box-shadow:9px 9px 16px rgba(98,98,98,0.5);}
	.m01_04 .grid_section li.s_box:hover > *{color:#fff;}
	.m01_04 .grid_section li:nth-child(2):hover .s_img_box{background-image:url(../img/m01_04_icon01_on.png);}
	.m01_04 .grid_section li:nth-child(3):hover .s_img_box{background-image:url(../img/m01_04_icon02_on.png);}
	.m01_04 .grid_section li:nth-child(4):hover .s_img_box{background-image:url(../img/m01_04_icon03_on.png);}
	.m01_04 .grid_section li:nth-child(5):hover .s_img_box{background-image:url(../img/m01_04_icon04_on.png);}
	.m01_04 .grid_section li.s_box .s_img_box{height:42px; background-repeat:no-repeat; background-position:center;}
	.m01_04 .grid_section li:nth-child(2) .s_img_box{background-image:url(../img/m01_04_icon01_off.png);}
	.m01_04 .grid_section li:nth-child(3) .s_img_box{background-image:url(../img/m01_04_icon02_off.png);}
	.m01_04 .grid_section li:nth-child(4) .s_img_box{background-image:url(../img/m01_04_icon03_off.png);}
	.m01_04 .grid_section li:nth-child(5) .s_img_box{background-image:url(../img/m01_04_icon04_off.png);}
}
.m01_04 .grid_section li.l_box {background:rgba(53,120,4,0.6); padding:115px 65px 125px; }
.m01_04 .grid_section li.l_box h2{color:#fff; font-size:30px; font-family:'lato', 'noto sans kr', sans-serif; font-weight:700;}
.m01_04 .grid_section li.l_box h1{color:#fff; font-size:40px; font-weight:600; letter-spacing:-0.1px; line-height:57px; margin-top:32px;}
.m01_04 .grid_section li.s_box{padding:82px 10px 0; text-align:center;}
.m01_04 .grid_section li.s_box h2{color:#363636; font-size:20px; font-weight:600; letter-spacing:-0.1px; margin:15px 0;}
.m01_04 .grid_section li.s_box p{color:#666666; font-size:16px; letter-spacing:-0.1px; line-height:25px;}
.m01_04 .grid_section li .mid_bar{width:40px; height:3px; display:block; margin:31px 0 34px; background:#fff;}
.m01_04 .grid_section li p{font-size:15px; color:#fff; letter-spacing:-0.1px; line-height:28px;}

/* m01_05 */
.m01_05{background-image:url(../img/m01_05.jpg);}
.m01_05 .m01_02_con{height:653px; padding-top:92px;}
.m01_05 .m01_05_wid_cover{width:802px; max-width:100%; margin:0 auto;}
.m01_05 .m01_05_wid_cover .carousel-inner{background:none;}
.m01_05 .m01_05_wid_cover .carousel-control.left{top:145px; left:-120px; width:auto; bottom:auto; opacity:1;}
.m01_05 .m01_05_wid_cover .carousel-control.right{top:145px; right:-120px; width:auto; bottom:auto; opacity:1;}

@media (max-width:1280px){
	.m01_05 .m01_05_wid_cover .carousel-control.left{top:145px; left:-80px; width:auto; bottom:auto; opacity:1;}
	.m01_05 .m01_05_wid_cover .carousel-control.right{top:145px; right:-80px; width:auto; bottom:auto; opacity:1;}
}

/* m02_01 */
.m02_01.board-list{margin-top:125px;}
.m02_01.view_style .view_title{margin:97px 0 34px; border:0;}
.m02_01.view_style .view_title .view_subject{text-align:center; font-size:35px; font-weight:500; color:#000000; letter-spacing:-0.1px; float:none;} 
.m02_01.view_style .view_title .view_info{margin-top:-17px; }
.m02_01.view_style .view_title .view_info span{letter-spacing:-0.1px;}
.m02_01.view_style .view-padding{padding:0 !important;}

/* m03_01 */
.m03_01 .list-row a{border-top:2px solid #252525; border-bottom:1px solid #d7d7d7; padding:25px 0; display:block;}
.m03_01 .list-row:hover a{border-top-color:#7fbc03;}
.m03_01 .list-row:hover .list_tit{color:#7fbc03;}
.m03_01 .list-row span.pull-right{position:absolute; bottom:10px; right:10px; z-index:2;}
html .pagination li a{border:0 !important; background:none !important; font-size:17px; width:29px; padding:0; text-align:center; line-height:29px; margin:0 5px;}
html .pagination li.active a{background:#7fbc03;}


/* m04_01 */
.m04_01{position:relative;}
.m04_01 .map_txt_cover{max-width:680px;}
.m04_01 .map_txt_cover .map_txt{height:740px; padding-left:13.237%; padding-right:13.237%;}
.m04_01 .map_txt h1{font-size:30px; margin-bottom:49px;}
.m04_01 .map_txt ul{margin-top:26px;}
.m04_01 .map_txt ul:after{content:''; display:block; clear:both;}
.m04_01 .map_txt ul > li{float:left; width:30px;}
.m04_01 .map_txt ul > li:last-of-type{width:calc(100% - 30px);}
.m04_01 .map_txt h3{margin-top:0; line-height:20px; margin-bottom:15px;}

@media (max-width:991px){
	.btn_fix{line-height:25px; font-size:13px;}
	html .pagination li a{font-size:13px; width:22px; line-height:20px; margin:0 2px; padding:2px 2px 0;}
	.sub_nav{position:absolute; top:65px; left:0; width:100%; z-index:2;}
	.sub_nav .dropdown{background:url(../img/m_arrowdown.png) no-repeat calc(100% - 15px) center /12px;}
	.sub_nav .dropdown > a{padding:0; box-shadow:none; border:0;}
	.sub_nav .dropdown > a span{line-height:43px; color:#7fbc03; font-family:'lato', 'noto sans kr', sans-serif; font-size:15px; font-weight:700; padding:0; position:relative; }
	.sub_nav .dropdown > a span:after{position:absolute; top:50%; left:-17px; transform:translateY(-50%); content:''; display:block; background:#7fbc03; width:13px; height:1px;}
	.sub_nav .dropdown .dropdown-menu{width:100%; min-width:auto; text-align:center; margin-top:0 !important; border-radius:0; box-shadow:none; padding:10px 0;}
	.sub_nav .dropdown .dropdown-menu>li>a{padding:5px 20px; font-family:'lato', 'noto sans kr', sans-serif; }
	.sub_text{margin:35px 0 25px; }
	.sub_text h1{font-size:22px;}

	.m01_01 {background-image: url(../img/mm01_01.jpg);}
	.m01_01 .container_fix{padding:90px 15px 45px;}
	.m01_01 .m01_01_txtbox{padding:35px 20px;}
	.m01_01 .m01_01_txtbox h1{font-size:22px; margin-bottom:20px;}
	.m01_01 .m01_01_txtbox ul + ul{margin-top:8px;}
	.m01_01 .m01_01_txtbox ul li{font-size:13px; line-height:1.6; letter-spacing:-0.5px;}
	.m01_01 .m01_01_txtbox ul li:first-child{width:110px;}
	.m01_01 .m01_01_txtbox ul li{width:calc(100% - 110px);}

	.m01_02 {background-image: url(../img/mm01_02.jpg); background-position:left top; }
	.m01_02 .container_fix2{padding:90px 15px 45px;}
	.m01_02 .m01_02_con{padding:42px 0 45px; height:auto;}
	.m01_02 .m01_02_con h1{font-size:22px; margin-bottom:28px; line-height:1;}
	.m01_02 .m01_02_con .year_tab li{font-size:15px; letter-spacing:-0.5px;}
	.m01_02 .m01_02_con .year_tab li + li{margin-left:20px;}
	.m01_02 .m01_02_con .year_tab li.on:after{bottom:-2px; width:calc(100% + 2px); height:1px;}
	.m01_02 .m01_02_con .year_con_cover{padding:25px 0; margin:30px auto 0; max-width:none; width:calc(100% - 54px);}
	.m01_02 .m01_02_con .year_con_cover:after{top:0; width:1px; height:100%; left:3px;}
	.m01_02 .m01_02_con .year_con ul{display:block; margin-top:0px;}
	.m01_02 .m01_02_con .year_con li{display:block; padding:0 !important; text-align:left;}
	.m01_02 .m01_02_con .year_con li + li{margin-top:25px;}
	.m01_02 .m01_02_con .year_con li:after{content:''; display:block; clear:both;}
	.m01_02 .m01_02_con .year_con li > span{float:left; margin-right:20px; margin-top:5px;}
	.m01_02 .m01_02_con .year_con li h3{float:right; width:calc(100% - 27px); margin-top:0; font-size:14px;}
	.m01_02 .m01_02_con .year_con li p{float:right; width:calc(100% - 27px); font-size:13px; line-height:1.5; margin-top:5px;}

	.m01_03{background-image: url(../img/mm01_03.jpg);}
	.m01_03:before{height:47%;}
	.m01_03 .container_fix3{padding:90px 15px 45px;}
	.m01_03 .container_fix3 h1{font-size:22px;}
	.m01_03 .container_fix3 > p{font-size:20px; line-height:1.5;}
	.m01_03 .mid_bar{width:1px; height:25px; margin:15px auto 25px;}
	.m01_03 .container_fix3 > ul{padding:40px 0; flex-direction:column;}
	.m01_03 .container_fix3 > ul > li:nth-child(2){padding:0;}
	.m01_03 .container_fix3 > ul > li + li{margin-top:40px;}
	.m01_03 .container_fix3 > ul > li > .m01_03_img_cover{height:auto; background:none !important;}
	.m01_03 .container_fix3 > ul > li > .m01_03_img_cover img{width:55px;}
	.m01_03 .container_fix3 > ul > li h3{font-size:15px; margin:15px 0 10px;}
	.m01_03 .container_fix3 > ul > li p{font-size:13px; line-height:1.6;}
	
	.m01_04{background-image: url(../img/mm01_04.jpg);}
	.m01_04 .m01_04_cover{padding:90px 15px 45px;}
	.m01_04 .grid_section li.l_box{padding:35px 20px;}
	.m01_04 .grid_section li.l_box h1{font-size:25px; line-height:1.6; margin-top:25px;}
	.m01_04 .grid_section li.l_box h2{font-size:22px; line-height:1;}
	.m01_04 .grid_section li.s_box{margin-top:20px; padding:15px 0 22px;}
	.m01_04 .grid_section li:nth-child(4){padding:25px 0 32px;}
	.m01_04 .grid_section li:nth-child(5){padding:20px 0 27px;}
	.m01_04 .grid_section li.s_box .s_img_box > img{transform:scale(0.6);}
	.m01_04 .grid_section li .mid_bar{width:25px; height:1px; margin:22px 0 30px;}
	.m01_04 .grid_section li p{font-size:13px; line-height:1.6;}
	.m01_04 .grid_section li.s_box h2{font-size:15px; margin:1px 0 10px;}
	.m01_04 .grid_section li.s_box p{font-size:13px; line-height:1.6;}

	.m01_05{background-image: url(../img/mm01_05.jpg);}
	.m01_05 .m01_05_wid_cover{width:70%;}
	.m01_05 .m01_05_wid_cover .carousel-control span img{width:40px;}
	.m01_05 .m01_05_wid_cover .carousel-control.left{left:auto; right:100%; top:33%;}
	.m01_05 .m01_05_wid_cover .carousel-control.right{right:auto; left:100%; top:33%;}

	.m02_01 .list-wrap .list-container.gallery_container{margin-right:0;}
	.responsive .m02_01 .list-wrap .list-container.gallery_container .list-row{width:100% !important;}
	.m02_01 .list-wrap .list-container.gallery_container .list-item{margin-right:0 !important; margin-bottom:25px !important;}
	.m02_01.board-list{margin-top:90px; margin-bottom:0;}
	.m02_01.view_style .view_title{margin:90px 0 15px; padding:0;}
	.m02_01.view_style .view_title .view_subject{font-size:20px; margin-bottom:25px;}
	.m02_01.view_style .view_title .view_info span{font-size:13px;}

	.m03_01 .list-row a{border-top-width:1px;}
	.responsive .list-wrap .m03_01 .list-row{width:50% !important;}
	.list-wrap .m03_01.list-container{margin-bottom:0; margin-right:-18px;}
	.list-wrap .m03_01 .list-item{margin-right:18px; margin-bottom:20px;}

	.m04_01 #map{height:600px !important;}
	.m04_01 .map_txt ul{margin-top:18px;}
	.m04_01 .map_txt ul > li{width:100%; float:none;}
	.m04_01 .map_txt ul > li:first-child{margin-bottom:10px;}
	.m04_01 .map_txt ul > li:first-child:after{content:''; display:block; clear:both;}
	.m04_01 .map_txt ul > li:first-child > *{float:left;}
	.m04_01 .map_txt ul > li:first-child img{height:20px; display:block;}
	.m04_01 .map_txt ul:nth-of-type(3) > li:first-child img{margin-top:4px; height:11px;}
	.m04_01 .map_txt ul > li:first-child > span{font-size:14px; color:#7fbc03; line-height:20px; margin-left:10px; font-weight:600;}
	.m04_01 .map_txt ul > li:last-of-type{width:100%;}
	.m04_01 .map_txt h1{font-size:23px; margin-bottom:20px;}
	.m04_01 .map_txt h3{font-size:14px; margin:0px 0 10px; }
	.m04_01 .map_txt p{font-size:13px; letter-spacing:-0.1px; line-height:1.4; margin-top:0; line-height:1.5;}
	.m04_01 .map_txt p:after{content:''; display:block; clear:both;}
	.m04_01 .map_txt p span{display:block;}
}