/*-------------------------micban/TMPL00/style.css------------------------------------*/
/* -------------------------------------ICON LARGE S------------------------------------ */
.mlnk-btn {position: relative;}
.mlnk-btn:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: #dcdcdc;}
.mlnk-btn:first-child:before {display: none;}
.mlnk-btn a {display: block;padding:45px 95px 0 115px;height:145px;}

.mlnk-btn a:after {content: '';position: absolute;left:20px;top:30px;width:85px;height:73px;background:url(/resources/_Img/MainModule/micban/l4/mlnk_icol1.png) no-repeat 50% 50%;}
.mlnk-btn.ico-icon1 a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol1.png);}
.mlnk-btn.ico-icon2 a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol2.png);}
.mlnk-btn.ico-icon3 a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol3.png);}
.mlnk-btn.ico-icon4 a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol4.png);}
.mlnk-btn.ico-icon5  a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol5.png);}
.mlnk-btn.ico-icon6 a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol6.png);}
.mlnk-btn.ico-icon7  a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol7.png);}
.mlnk-btn.ico-icon8 a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol8.png);}
.mlnk-btn.ico-icon9  a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol9.png);}
.mlnk-btn.ico-icon10 a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol10.png);}
.mlnk-btn .tit {display: block;font-size: 22px;color: #333;font-weight: 500;margin-bottom: 10px;}
.mlnk-btn .eng {display: block;font-size: 16px;color: #b5b5b5;margin-bottom: 20px;}
.mlnk-btn .stxt {display: block;font-size: 15px;color: #666;line-height: 1.2;}
.mlnk-btn .arr {position: absolute;right:30px;bottom:30px;width: 27px;height: 27px;border:1px solid #b2b2b2}
.mlnk-btn .arr:before,
.mlnk-btn .arr:after {content: '';position: absolute;left:50%;top:50%;width:8px;height:2px;margin:0 0 0 -3px;background:#b2b2b2;}
.mlnk-btn .arr:before {transform:rotate(45deg);-ms-transform:rotate(45deg);margin-top:-4px;}
.mlnk-btn .arr:after {transform:rotate(-45deg);-ms-transform:rotate(-45deg);margin-top:1px;}
.mlnk-btn:hover .stxt, .mlnk-btn:focus .stxt {text-decoration:underline}
.mlnk-btn:hover a:after {animation:ico_ani3 1s ease-out}
@media all and (max-width:1199px) {
	.mlnk-btn a {padding-right:60px}
	.mlnk-btn .tit {font-size:20px}
}
@media all and (max-width:999px) {
	.mlnk-btn a {padding-top:30px}
}
@media all and (max-width:768px) {
	.mlnk-btn a {padding-left:90px;padding-top:30px}
	.mlnk-btn a:after {width:60px;height:46px;background-size:100% auto}
	.mlnk-btn .tit {font-size:18px}
}
@media all and (max-width:699px) {
	.mlnk-btn {width:50%;float:left;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;box-sizing:border-box}
	.mlnk-btn:first-child {border-right:1px solid #dcdcdc}
	.mlnk-btn:before {display:none}
	.mlnk-btn .arr {display:none}
}
@media all and (max-width:599px) {
	.mlnk-btn a {height:auto;padding:30px 0 30px 90px}
	.mlnk-btn a:after {width:50px;height:40px;top:50%;margin-top:-20px}
	.mlnk-btn .tit {margin-bottom:0;font-size:16px}
	.mlnk-btn .eng, .mlnk-btn .stxt {display:none}
}
@media all and (max-width:499px) {
	.mlnk-btn a {padding:65px 0 20px;text-align:center}
	.mlnk-btn a:after {top:20px;left:50%;margin-left:-20px;margin-top:0}
}
/* -------------------------------------ICON LARGE E------------------------------------ */

/*-------------------------micban/TMPL00/style.css------------------------------------*/
/* -------------------------------------ICON LARGE S------------------------------------ */
.mlnk-btn {position: relative;}
.mlnk-btn:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: #dcdcdc;}
.mlnk-btn:first-child:before {display: none;}
.mlnk-btn a {display: block;padding:45px 95px 0 115px;height:145px;}

.mlnk-btn a:after {content: '';position: absolute;left:20px;top:30px;width:85px;height:73px;background:url(/resources/_Img/MainModule/micban/l4/mlnk_icol1.png) no-repeat 50% 50%;}
.mlnk-btn.ico-icon1 a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol1.png);}
.mlnk-btn.ico-icon2 a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol2.png);}
.mlnk-btn.ico-icon3 a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol3.png);}
.mlnk-btn.ico-icon4 a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol4.png);}
.mlnk-btn.ico-icon5  a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol5.png);}
.mlnk-btn.ico-icon6 a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol6.png);}
.mlnk-btn.ico-icon7  a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol7.png);}
.mlnk-btn.ico-icon8 a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol8.png);}
.mlnk-btn.ico-icon9  a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol9.png);}
.mlnk-btn.ico-icon10 a:after {background-image:url(/resources/_Img/MainModule/micban/l4/mlnk_icol10.png);}
.mlnk-btn .tit {display: block;font-size: 22px;color: #333;font-weight: 500;margin-bottom: 10px;}
.mlnk-btn .eng {display: block;font-size: 16px;color: #b5b5b5;margin-bottom: 20px;}
.mlnk-btn .stxt {display: block;font-size: 15px;color: #666;line-height: 1.2;}
.mlnk-btn .arr {position: absolute;right:30px;bottom:30px;width: 27px;height: 27px;border:1px solid #b2b2b2}
.mlnk-btn .arr:before,
.mlnk-btn .arr:after {content: '';position: absolute;left:50%;top:50%;width:8px;height:2px;margin:0 0 0 -3px;background:#b2b2b2;}
.mlnk-btn .arr:before {transform:rotate(45deg);-ms-transform:rotate(45deg);margin-top:-4px;}
.mlnk-btn .arr:after {transform:rotate(-45deg);-ms-transform:rotate(-45deg);margin-top:1px;}
.mlnk-btn:hover .stxt, .mlnk-btn:focus .stxt {text-decoration:underline}
.mlnk-btn:hover a:after {animation:ico_ani3 1s ease-out}
@media all and (max-width:1199px) {
	.mlnk-btn a {padding-right:60px}
	.mlnk-btn .tit {font-size:20px}
}
@media all and (max-width:999px) {
	.mlnk-btn a {padding-top:30px}
}
@media all and (max-width:768px) {
	.mlnk-btn a {padding-left:90px;padding-top:30px}
	.mlnk-btn a:after {width:60px;height:46px;background-size:100% auto}
	.mlnk-btn .tit {font-size:18px}
}
@media all and (max-width:699px) {
	.mlnk-btn {width:50%;float:left;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;box-sizing:border-box}
	.mlnk-btn:first-child {border-right:1px solid #dcdcdc}
	.mlnk-btn:before {display:none}
	.mlnk-btn .arr {display:none}
}
@media all and (max-width:599px) {
	.mlnk-btn a {height:auto;padding:30px 0 30px 90px}
	.mlnk-btn a:after {width:50px;height:40px;top:50%;margin-top:-20px}
	.mlnk-btn .tit {margin-bottom:0;font-size:16px}
	.mlnk-btn .eng, .mlnk-btn .stxt {display:none}
}
@media all and (max-width:499px) {
	.mlnk-btn a {padding:65px 0 20px;text-align:center}
	.mlnk-btn a:after {top:20px;left:50%;margin-left:-20px;margin-top:0}
}
/* -------------------------------------ICON LARGE E------------------------------------ */

/*-------------------------mtabboard/TMPL00/style.css------------------------------------*/
/* S:공지사항 */
.mnews-sec .mtab {position:relative;width:100%;height:605px;}
.mnews-sec .mtab dl {display:inline-block;}
.mnews-sec .mtab dt {position:relative;display:inline-block;padding:0 15px;z-index:1;}
.mnews-sec .mtab dt a {position:relative;display:block;color:#333;font-size:20px;padding:15px 0 20px 0;border-bottom:5px solid transparent}
.mnews-sec .mtab dt a:focus, 
.mnews-sec .mtab dt a:hover {color:#0d5db2;font-weight:500;}
.mnews-sec .mtab dl.isOn dt a {color:#0d5db2;font-weight:500;border-color:#0d5db2}
.mnews-sec .mtab dd {display:none;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;text-align:left;margin-top:59px;padding-top:40px;border-top:2px solid #e6e6e6}
.mnews-sec .mtab dd ul {border-bottom:1px solid #d3d3d3}
.mnews-sec .mtab dd li {position:relative;}
.mnews-sec .mtab dd li a {position:relative;display:block;padding:40px 150px 40px 60px;height:100px;background:#fcfcfc;box-sizing:border-box;transition:all .3s ease;}
.mnews-sec .mtab dd li:nth-child(odd) a {background:#f2f2f2;}
.mnews-sec .mtab dd li a:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:2px solid transparent;z-index:3;background:transparent;transition:all .3s ease}
.mnews-sec .mtab dd li.isNotice a:after {content:'';position: absolute;left: 0;top: 0;width:35px;height:35px;background:#515a6f url(/resources/homepage/kor/_Img/Layout/main_spr.png) no-repeat -556px 0;z-index:10;}
.mnews-sec .mtab dd li a:hover,
.mnews-sec .mtab dd li a:focus {background:#fff;}
.mnews-sec .mtab dd li a:hover:before,
.mnews-sec .mtab dd li a:focus:before {border-color:#0d5db2;box-shadow:4px 5px 8px 0px rgba(0, 0, 0, 0.25);}
.mnews-sec .mtab dd li a:hover:after,
.mnews-sec .mtab dd li a:focus:after {background-color:#0d5db2}
.mnews-sec .mtab dd li .subject {display:block;font-size:17px;color:#000;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mnews-sec .mtab dd li .date {position: absolute;right:40px;top:25px;color:#292929;font-family:"bio-sans";font-size:14px;}
.mnews-sec .mtab dd li .date:before {content:'';display:block;width:24px;height:18px;margin:0 auto 12px auto;background:url(/resources/homepage/kor/_Img/Layout/main_spr.png) no-repeat -530px 0;}
.mnews-sec .mtab dd li.no-data {text-align:center;width:100%;margin-top:100px;padding:160px 0 40px !important}
.mnews-sec .mtab .isOn dd {display:block;}
.mnews-sec .mtab .isOn dt a:after {width:100%;}
.mnews-sec .mtab dd li:hover .txt, .mnews-sec .mtab dd li:focus .txt {text-decoration:underline}
.mnews-sec .mtab .btn-more {position:absolute;right:0;top:-55px;width:40px;height:40px;border-radius:50%;background:#bfbfbf url(/resources/homepage/kor/_Img/Layout/board_more.png) no-repeat 50% 50%;transition:all .3s ease;}
.mnews-sec .mtab .btn-more:hover,
.mnews-sec .mtab .btn-more:focus {background-color:#0d5db2}
#LoadingImage {margin-top:100px;}

@media all and (max-width:1400px) {
	.mnews-sec .mtab dt {padding:0 10px;}
}
@media all and (max-width:640px) {
	.mnews-sec .mtab {height:465px;}
	.mnews-sec .mtab dt a {font-size: 16px;padding:15px 0;border-bottom:4px solid transparent}
	.mnews-sec .mtab dd {margin-top: 48px;padding-top: 20px;}
	.mnews-sec .mtab dd li a {padding:20px 20px 20px 50px;height:auto;}
	.mnews-sec .mtab dd li.isNotice a:after {width: 30px;height: 30px;background-position: -558px -2px;}
	.mnews-sec .mtab dd li .subject {margin-bottom:5px;}
	.mnews-sec .mtab dd li .subject img {height:22px;}
	.mnews-sec .mtab dd li .date {position: relative;right:auto;top:auto;}
	.mnews-sec .mtab dd li .date:before {display:none;}
	.mnews-sec .mtab .btn-more {width:32px;height:32px;top:-45px;}
}
@media all and (max-width:460px) {
	.mnews-sec .mtab dt {padding:0 5px;}
	.mnews-sec .mtab dt a {font-size:15px;}
	.mnews-sec .mtab dd li .subject {font-size:15px;}
	.mnews-sec .mtab dd li .date {font-size:13px;}
}
@media all and (max-width:360px) {
	.mnews-sec .mtab dt {padding:0 2px;}
	.mnews-sec .mtab dt a {font-size:14px;}
	.mnews-sec .mtab .btn-more {width:28px;height:28px;top:-40px;background-size:40%;}
}
/* E:공지사항 */

/*-------------------------mtabgallery/TMPL00/style.css------------------------------------*/
/* S:PHOTO GALLERY */
.mgallery-sec .mtit {color:#fff;font-size:36px;padding:70px 0 60px 0;line-height:1;text-transform:uppercase;text-align:center}
.mgallery-wr .owl-item {padding:82px 0}
.mgallery-wr .owl-item.center {transform:scale(1.62);-ms-transform:scale(1.62);z-index:500;position:relative}
.mgallery-wr .owl-item .item {position:relative;height:260px;overflow:hidden;}
.mgallery-wr .owl-item .item:after {display:block;content:"";width:92%;height:20%;background:#000;box-shadow:0 7px 15px 0 #000;opacity:0.5;position:absolute;bottom:0;left:50%;margin-left:-46%;z-index:-1;}
.mgallery-wr .owl-item .item:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10}
.mgallery-wr .owl-item.center .item:before {opacity:0;}
.mgallery-wr .owl-item .item a {display:block;height:100%;}
.mgallery-wr .owl-item.center .item:hover .txt, .mgallery-wr .owl-item.center .item a:focus .txt {opacity:1;}
.mgallery-wr .owl-item .item .txt {position:absolute;bottom:0;opacity:0;width:100%;height:100%;box-sizing:border-box;padding:15% 70px;transition:all .3s ease;z-index:10}
.mgallery-wr .owl-item .item .txt:before {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10}
.mgallery-wr .owl-item .item .txt:after {position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:50%;background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));z-index:20}
.mgallery-wr .owl-item .item .txt .subject {color:#fff;font-size:25px;position:relative;z-index:30;line-height:1.1;display:block;max-height:106px;padding-top:20%;overflow:hidden}
.mgallery-wr .owl-item .item .txt .date {position:relative;display:block;color:#fff;font-size:13px;z-index:30;margin-top:15px}
.mgallery-wr .item img {position:relative;width:100%;height:100%;z-index:1}
.mgallery-wr .owl-nav {position:absolute;right:0;top:-54px;}
.mgallery-wr .owl-nav:after {content:'';position:absolute;left:43px;top:2px;width:1px;height:22px;background:#fff;}
.mgallery-wr .owl-nav button {position:relative;width:23px;height:23px;text-indent:-9999px;margin:0 10px;}
.mgallery-wr .owl-nav button:before,
.mgallery-wr .owl-nav button:after {content:'';position:absolute;left:50%;top:50%;width:12px;height:2px;margin:0 0 0 -6px;background:#ccc;}
.mgallery-wr .owl-nav .owl-prev:before {transform:rotate(135deg);margin-top:-4px;}
.mgallery-wr .owl-nav .owl-prev:after {transform:rotate(-135deg);margin-top:4px;}
.mgallery-wr .owl-nav .owl-next:before {transform:rotate(45deg);margin-top:-4px;}
.mgallery-wr .owl-nav .owl-next:after {transform:rotate(-45deg);margin-top:4px;}
.mgallery-wr .owl-nav button:hover:before, 
.mgallery-wr .owl-nav button:hover:after {background:#fff;}
@media all and (max-width:999px) {
	.mgallery-sec .mtit {font-size:30px;padding:40px 0}
}
@media all and (max-width:768px) {
	.mgallery-sec .mtit {font-size:26px}
}
@media all and (max-width:599px) {
	.mgallery-sec .mtit {font-size:22px}
	.mgallery-wr .owl-item.center {transform:none}
	.mgallery-wr .owl-item {padding:0}
	.mgallery-wr .owl-nav {top:-62px}
}
/* E:PHOTO GALLERY */

