/*-------------------------mtabgallery/TMPL11/style.css------------------------------------*/
/* ------------------------------------- S : mgallery-sec ------------------------------------ */
.mgallery-sec {position:relative;padding:0 0 100px;margin-top:40px}
.mgallery-sec .news-cont {display:block}
.mgallery-sec .mtit {font-size:1.882em;font-weight:700}
.mgallery-sec .item a {display:block;position:relative}
.mgallery-sec .item .img {position:relative;display:block;margin-bottom:14px;padding-top:60.219%;}
.mgallery-sec .item .img img {width:100%;height:100%;position:absolute;top:0;left:0}
.mgallery-sec .item .txt {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;color:#6c6c6c;font-size:1.059em;text-align:center}
.mgallery-sec .item.no-data {width:100%;height:auto;padding:90px 0 0;background-position:50% 0;font-size:1rem;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 0;text-align:center}
.mgallery-sec .item a:hover .txt, .mgallery-sec li a:focus .txt {text-decoration:underline}
.mgallery-sec .btn-more {display:block;position:absolute;top:12px;right:0;width:30px;height:30px}
.mgallery-sec .btn-more:before, .mgallery-sec .btn-more:after {width:26px;background:#333}
.mgallery-sec .ctrlnums-wrap {position:absolute;top:12px;right:45px;z-index:1}
.mgallery-sec .ctrlnums-wrap.disabled {display:none}
.mgallery-sec .ctrlnums-wrap .ctrl-auto.disabled {display:none}
.mgallery-sec .ctrlnums-wrap .ctrl-auto {font-size:0;display:inline-block;vertical-align:middle}
.mgallery-sec .ctrlnums-wrap .ctrl-auto button {display:inline-block;vertical-align:middle;width:26px;height:26px;background:none;border:0;position:relative}
.mgallery-sec .ctrlnums-wrap .ctrl-auto button:before {display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;box-sizing:border-box}
.mgallery-sec .ctrlnums-wrap .ctrl-auto .owl-prev:before, .mgallery-sec .ctrlnums-wrap .ctrl-auto .owl-next:before {width:14px;height:14px;border:2px solid #333;border-right:0;border-bottom:0}
.mgallery-sec .ctrlnums-wrap .ctrl-auto .owl-prev:before {transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.mgallery-sec .ctrlnums-wrap .ctrl-auto .owl-next:before {transform:rotate(135deg);-ms-transform:rotate(135deg)}
.mgallery-sec .ctrlnums-wrap .ctrl-auto .btn-play {display:none}
.mgallery-sec .ctrlnums-wrap .ctrl-auto .btn-play:before {width:0;height:0;border:5px solid transparent;border-left:10px solid #333;border-right:0}
.mgallery-sec .ctrlnums-wrap .ctrl-auto .btn-stop:before {width:10px;height:12px;border:3px solid #333;border-top:0;border-bottom:0}
@media all and (max-width:999px){
	.mgallery-sec {padding-bottom:50px}
	.mgallery-sec .mtit {font-size:1.5em}
	.mgallery-sec .ctrlnums-wrap {top:3px}
	.mgallery-sec .btn-more {top:4px}
}
@media all and (max-width:600px){
	.mgallery-sec .mtit {font-size:1.3em}
	.mgallery-sec .btn-more {width:45px;height:45px;top:-7px}
	.mgallery-sec .btn-more:before, .mgallery-sec .btn-more:after {width:18px}
}
@media all and (max-width:400px){
}
/* ------------------------------------- E : mgallery-sec ------------------------------------ */

/*-------------------------micban2/TMPL11/style.css------------------------------------*/
/* ------------------------------------- S : micban2-sec ------------------------------------ */
.micban2-sec {width:700px;float:left}
.micban2-li {position:relative}
.micban2-li ul:after {display:block;content:"";clear:both}
.micban2-li li {width:340px;float:left;margin:0 0 0 20px}
.micban2-li li:nth-child(-n+2) {margin-bottom:20px}
.micban2-li li:nth-child(2n+1) {margin-left:0}
.micban2-li li a {position:relative;display:block;color:#141414;font-size:0;background:#fff;padding:0 35px}
.micban2-li li a:before {display:inline-block;vertical-align:middle;content:"";width:0;padding-top:59.259%}
.micban2-li li a .txt {display:inline-block;vertical-align:middle;font-size:1.412rem;font-weight:700;max-width:100%;box-sizing:border-box;position:relative;line-height:1.2;padding-left:115px}
.micban2-li li a .txt:before, .micban2-li li a .txt:after {display:block;content:"";transition:all .5s ease;position:absolute}
.micban2-li li a .txt:before {width:100px;height:100px;background:url(/resources/_Img/MainModule/micban/TMPL03/mico1.png) no-repeat 50% 50%;background-size:100% auto;left:0;top:0;bottom:0;margin:auto}
.micban2-li li a .txt:after {width:80px;height:10px;background:radial-gradient(ellipse at center, rgba(0, 0, 0, .7) 0%, transparent 50%);bottom:-35px;left:10px;opacity:0}
.micban2-li li a .arr {display:block;width:45px;height:45px;border-radius:0 0 10px 0;background:#fff;position:absolute;top:0;left:0;opacity:0;transition:left .5s ease}
.micban2-li li a .arr:before {display:block;content:"";background:url(/resources/_Templet/Main/main_dep2/_Img/main_spr.png) no-repeat -42px 0;width:16px;height:15px;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}
.micban2-li li a:hover, .micban-li li a:focus {background:#0854ac;color:#fff}
.micban2-li li a:hover .txt, .micban-li li a:focus .txt {text-decoration:underline}
.micban2-li li a:hover .txt:before, .micban-li li a:focus .txt:before {transform:translateY(-6px);-ms-transform:translateY(-6px);}
.micban2-li li a:hover .txt:after, .micban-li li a:focus .txt:after {opacity:1}
.micban2-li li a:hover .arr, .micban-li li a:focus .arr {opacity:1;left:11px}
/* 아이콘 */
.micban2-li li a .icon1:before {background-image:url(/resources/_Img/MainModule/micban/TMPL03/mico1.png)}
.micban2-li li a .icon2:before {background-image:url(/resources/_Img/MainModule/micban/TMPL03/mico2.png)}
.micban2-li li a .icon3:before {background-image:url(/resources/_Img/MainModule/micban/TMPL03/mico3.png)}
.micban2-li li a .icon4:before {background-image:url(/resources/_Img/MainModule/micban/TMPL03/mico4.png)}
.micban2-li li a .icon5:before {background-image:url(/resources/_Img/MainModule/micban/TMPL03/mico5.png)}
.micban2-li li a .icon6:before {background-image:url(/resources/_Img/MainModule/micban/TMPL03/mico6.png)}
.micban2-li li a .icon7:before {background-image:url(/resources/_Img/MainModule/micban/TMPL03/mico7.png)}
.micban2-li li a .icon8:before {background-image:url(/resources/_Img/MainModule/micban/TMPL03/mico8.png)}
.micban2-li li a .icon9:before {background-image:url(/resources/_Img/MainModule/micban/TMPL03/mico9.png)}
.micban2-li li a .icon10:before {background-image:url(/resources/_Img/MainModule/micban/TMPL03/mico10.png)}
@media all and (max-width:1200px){
	.micban2-sec {position:absolute;top:0;left:0;width:52%;height:100%}
	.micban2-li {height:100%}
	.micban2-li ul {height:100%}
	.micban2-li li {width:48.5%;height:47.5%;margin-left:3%}
	.micban2-li li:nth-child(-n+2) {margin-bottom:3%}
	.micban2-li li a {height:100%;padding:0 20px}
	.micban2-li li a:before {padding:0;height:100%}
	.micban2-li li a .txt {padding-left:85px}
	.micban2-li li a .txt:before {width:80px;height:80px}
	.micban2-li li a .txt:after {width:60px}
}
@media all and (max-width:999px){
	.micban2-sec {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0 0 3%;width:100%;height:auto}
	.micban2-li li {height:auto;width:23.5%;margin-left:2%;text-align:center}
	.micban2-li li:nth-child(-n+2) {margin-bottom:0}
	.micban2-li li:nth-child(2n+1) {margin-left:2%}
	.micban2-li li:first-child {margin-left:0}
	.micban2-li li a:before {padding-top:150px;height:auto}
	.micban2-li li a .txt {padding:0;font-size:1rem;font-weight:500;padding-top:68px}
	.micban2-li li a .txt:before {width:60px;height:60px;right:0;bottom:auto;margin:0 auto}
	.micban2-li li a .txt:after {display:none}
}
@media all and (max-width:600px){
	.micban2-li li {width:49%}
	.micban2-li li:nth-child(-n+2) {margin-bottom:2%}
	.micban2-li li:nth-child(2n+1) {margin-left:0}
	.micban2-li li a:before {padding-top:100px}
	.micban2-li li a .txt {padding-top:48px}
	.micban2-li li a .txt:before {width:40px;height:40px}
}
/* ------------------------------------- E : micban2-sec ------------------------------------ */

/*-------------------------mtabboard/TMPL11/style.css------------------------------------*/
/* ------------------------------------- S : mtabboard-sec ------------------------------------ */
.mtabboard-sec {background:#fff;float:right;width:480px;position:relative;padding:25px 40px 7px;box-sizing:border-box}
.mtabboard-sec .mtit {margin-bottom:0}
.mtabboard-sec li a {display:block;padding:12px 80px 12px 20px;position:relative;border-top:1px solid #eee}
.mtabboard-sec li:first-child a {border-top:0}
.mtabboard-sec li a:before {display:block;content:"";width:4px;height:4px;border-radius:50%;background:#727272;position:absolute;top:0;left:0;bottom:0;margin:auto}
.mtabboard-sec li .subj {display:block}
.mtabboard-sec li .subj .comn {display:inline-block;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-size:1.059em}
.mtabboard-sec li .subj .isNewIcon {display:inline-block;vertical-align:middle;}
.mtabboard-sec li .date {position:absolute;right:0;top:18px;font-size:0.941em;color:#7e7e7e}
.mtabboard-sec li .txt {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.mtabboard-sec li.no-data {position:absolute;top:0;left:0;width:100%;height:auto;padding:90px 0 0;background-position:50% 0;font-size:1rem}
.mtabboard-sec li a:hover .subj .comn, .mtabboard-sec li a:focus .subj .comn {text-decoration:underline}
.mtabboard-sec .btn-more {display:block;position:absolute;top:35px;right:40px;width:30px;height:30px}
.mtabboard-sec .btn-more:before, .mtabboard-sec .btn-more:after {width:30px;background:#8b8b8b}
@media all and (max-width:1200px){
	.mtabboard-sec {width:100%;padding:30px 30px 10px}
}
@media all and (max-width:999px){
	.mtabboard-sec {padding:20px 30px 10px}
	.mtabboard-sec li .subj .isNewIcon {width:24px}
	.mtabboard-sec li .txt {display:none}
	.mtabboard-sec li.no-data {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;}
	.mtabboard-sec .btn-more {top:22px;right:30px}
}
@media all and (max-width:600px){
	.mtabboard-sec {padding:20px 20px 10px}
	.mtabboard-sec li a {padding:10px 80px 10px 20px}
	.mtabboard-sec li a:before {left:7px}
	.mtabboard-sec li .date {top:12px}
	.mtabboard-sec li .subj .comn {font-size:1em}
	.mtabboard-sec li .txt {font-size:14px}
	.mtabboard-sec .btn-more {top:20px;right:14px}
	.mtabboard-sec .btn-more:before, .mtabboard-sec .btn-more:after {width:18px}
}
/* ------------------------------------- E : mtabboard-sec ------------------------------------ */

