@charset "utf-8";

.main_vis .banner_01{background:url(../_main/img/main_vis01.jpg) no-repeat center top; background-color:#d7d7d7; height:422px;}
.main_vis .banner_02{background:url(../_main/img/main_vis02.jpg) no-repeat center top; background-color:#d7d7d7; height:422px;}
.main_vis .banner_03{background:url(../_main/img/main_vis03.jpg) no-repeat center top; background-color:#d7d7d7; height:422px;}
.main_txt{width:1200px; margin:0 auto; padding-left:17px; padding-top:47px;}

#middle{margin-top:-45px; position:relative; z-index:5;}
.mcont, .quick_wrap, .contri_wrap{width:1200px; margin:0 auto; overflow:hidden;}
.mban, .bbs{width:100%; overflow:hidden; margin-bottom:45px;}

.mban_l{float:left; background:url(../_main/img/mbanl_bg.png) no-repeat right center; background-color: transparent; width:400px; height:265px; padding:25px;}
.mban_l .btn_st01 > a{display:inline-block; padding:5px 15px; border:1px solid #fff; color:#fff; font-size:15px; margin-top:55px; letter-spacing:-0.5px; font-weight:bold;}
.mban_c{float:left; background:url(../_main/img/mbanc_bg.png) no-repeat right center;  background-color:transparent; width:400px; height:265px; padding:25px;}
.mban_c .btn_st02 > a{display:inline-block; padding:5px 15px; border:1px solid #232323; color:#232323; font-size:15px; margin-top:45px; letter-spacing:-0.5px; font-weight:bold;}
.mban_r{float:right; background:url(../_main/img/mbanr_bg.png) no-repeat right center;  background-color:transparent; width:400px; height:265px; padding:25px;}
.mban_r .btn_st03 > a{display:inline-block; padding:5px 15px; border:1px solid #232323; color:#232323; font-size:15px; margin-top:25px; letter-spacing:-0.5px; font-weight:bold;}

.mban01{background:#f3f3f3; width:25%; height:auto; text-align:center; padding-top:50px; padding-bottom:50px; float:left; border:1px solid #f3f3f3;}
.ban_st01{font-size:19px; color:#333; font-family:'NanumSquareB';}
.ban_lt01{font-size:25px; color:#333; font-family:'NanumSquareR'; margin-top:25px; margin-bottom:45px;}
.ban_btn01 > a{font-size:16px; font-family:'NanumSquareR'; color:#3f61b2; border:1px solid #3f61b2; padding:7px 40px 9px 40px;}

.mban02{background:#3f61b2; width:25%; height:auto; text-align:center; padding-top:50px; padding-bottom:50px; float:left; border:1px solid #3f61b2;}
.ban_st02{font-size:19px; color:#fff; font-family:'NanumSquareB';}
.ban_lt02{font-size:25px; color:#fff; font-family:'NanumSquareR'; margin-top:25px; margin-bottom:45px;}
.ban_btn02 > a{font-size:16px; font-family:'NanumSquareR'; color:#fff; border:1px solid #fff; padding:7px 40px 9px 40px;}

.notice{width:560px; float:left; margin-right:30px;}
 
/* 공지 & 포토갤러리 탭 */
.tab.list ul{position:relative;margin:0;padding:0;list-style:none;*zoom:1;}
.tab.list > ul{background-color:#f3f3f3; height:48px; border:1px solid #ddd;}
.tab.list ul:after{content:"";display:block;clear:both;}
.tab.list li{float:left;margin-bottom:-1px;}
.tab.list li a{position:relative;float:left; text-decoration:none; color:#fff;}
.tab.list li a:hover{font-weight:normal;}
.tab.list li a span{width:105px; color:#333; background-color:#f3f3f3; display:inline-block; cursor:pointer; font-size:15px; font-weight:normal; padding:10px 3px 14px 3px; text-align:center; border-right:1px solid #ddd;}


/* 탭평소 스타일 */
.tab.list li ul{width:100%;position:absolute;top:45px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1;margin-top:10px;}
.tab.list li ul:after{content:"";display:block;clear:both;}
.tab.list li li{ float:none;position:relative;margin:7px 0;color:#999; text-align:left;}
.tab.list li li a{float:none;padding:0;margin:0;border:0 !important;color:#555 !important;font-weight:normal;background:transparent;letter-spacing:normal; display:inline-block; width:80%; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.tab.list li li a:hover,
.tab.list li li a:active,
.tab.list li li a:focus{color:#003fa0 !important;text-decoration:underline;}
.tab.list li li time,
.tab.list li li .time{position:absolute;top:0;right:0;color:#767676; font-size:11px; font-weight:normal;}
.tab.list li li.more{width:60px; position:absolute;top:-62px;right:-25px;border:0 !important;background:transparent;}
.tab.list li.active a{background:transparent;color:#333; font-weight:normal;}
.tab.list li.active a span{background:#3f61b2; color:#fff;font-weight:bold;}

.tab.list li li a strong.new_t{display:table-cell; vertical-align:middle; margin-right:5px; display:inline-block;}
.tab.list li .ico_li{background:url(../_main/img/notice_ico.png) no-repeat left center; padding-left:80px; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:0px;}
.tab.list li .ico_li a.icoli_tit{font-size:15px; color:#333 !important;}
.tab.list li li .li_cont a{display:block; font-size:12px; color:#767676; text-decoration:none;}

/* 수정된 공지 */
.notice_li li{ float:none;position:relative;margin:7px 0;color:#999; text-align:left;}
.notice_li li a{float:none;padding:0;margin:0;border:0 !important;color:#555 !important;font-weight:normal;background:transparent;letter-spacing:normal; display:inline-block; width:80%; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.notice_li li a:hover,
.notice_li li a:active,
.notice_li li a:focus{color:#003fa0 !important;text-decoration:underline;}
.notice_li li time,
.notice_li li .time{position:absolute;top:0;right:0;color:#767676; font-size:12px; font-weight:normal;}

.notice_li li a strong.new_t{display:table-cell; vertical-align:middle; margin-right:5px; display:inline-block;}
.notice_li .ico_li{background:url(../_main/img/notice_ico.png) no-repeat left center; padding-left:80px; padding-top:20px; padding-bottom:20px; border-bottom:1px dashed #ddd; margin-bottom:7px;}
.notice_li .ico_li a.icoli_tit{font-size:15px; color:#333 !important;}
.notice_li li .li_cont a{display:block; font-size:13px; color:#767676; text-decoration:none;}

/* 탭고정 배경*/
.tab.list.jx{height:auto;}
.tab.list.jx ul{border:0;}
.tab.list.jx li{float:none;position:relative;}
.tab.list.jx li a{float:none;display:block;font-weight:bold;color:#555;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;}
.tab.list.jx li ul{position:static;display:block;left:0;top:0;padding:5px 0;}
.tab.list.jx li li a{display:inline-block;border:0 !important;background:none !important;font-weight:normal;}
.tab.list.jx li li.more{top:7px;right:15px;}

.pro{width:542px; float:left; margin-right:30px;}
.gal{width:1px; float:left; border:1px solid #ddd;}

.pro .tit, .gal .tit, .notice .tit{font-size:19px; font-family:'NanumSquareB'; color:#333; overflow:hidden;}
.pro .tit, .notice .tit{border-bottom:1px solid #ddd;  padding:10px 0px; margin-bottom:10px;}
.pro_cont .name{font-size:15px; color:#333; display:table; line-height:19px; width:95%; letter-spacing:normal; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_cont .name > span{display:table-cell; vertical-align:middle; margin-right:5px; display:inline-block;}
.pro_cont .description{display:inline-block; margin-top:15px;}
.pro_cont .description > li{display:inline-block;}
.pro_cont .description > li:nth-child(1){width:134px; margin-right:10px;}
.pro_cont .description > li:nth-child(2){width : calc(100% - 154px);}
.pro_cont .description > li > ul > li:nth-child(1){height:80px; margin-bottom:15px;}
.pro_cont .description > li > ul > li:nth-child(2) > a{background:#3f61b2; padding:5px 10px 7px 10px; display:inline-block; border-radius:3px; color:#fff;}

.gal .tit{background:#f3f3f3;  padding:10px 20px; border-bottom:1px solid #ddd;}
.gal .banner_01, .gal .banner_02{width:243px; height:185px;}
.pro .plus, .notice .plus{padding:5px 10px; border:1px solid #ddd; float:right; display:inline-block;}

/* 바로가기 서비스 */
.quick_link{background:url(../_main/img/quicklink_bg.jpg) no-repeat center top; background-color:#b6b5b0; padding-top:45px; padding-bottom:75px;}

.quick_wrap{padding-left:510px;}
.quick_tit{margin-bottom:65px;}
.quick_tit .ltxt{font-size:30px; color:#fff; font-family:'NanumSquareB';}
.quick_tit .stxt{font-size:15px; color:#fff; letter-spacing:-0.5px;}

.quick01, .quick02, .quick03, .quick04, .quick05{float:left; width:135px; text-align:center;}
.quick01 .img, .quick02 .img, .quick03 .img, .quick04 .img, .quick05 .img{border-radius:50%; width:90px; height:90px; text-align:center; padding-top:15px; margin:0 auto; margin-bottom:5px;}
.quick01 .img{background-color:transparent;}
.quick02 .img{background-color:transparent;}
.quick03 .img{background-color:transparent;}
.quick04 .img{background-color:transparent;}
.quick05 .img{background-color:transparent;}

.quick01 .txt, .quick02 .txt, .quick03 .txt, .quick04 .txt, .quick05 .txt{font-size:15px; padding-top:25px; color:#fff;}

/* 사회공헌활동 */
.conrtibution{background-color:#788196; padding-top:45px; padding-bottom:45px;}
.contri_tit{font-size:19px; font-family:'NanumSquareB'; color:#fff; margin-bottom:10px;}
.contri_tit > span > a{color:#fff; float:right; font-weight:bold;}
.contri01, .contri02, .contri03, .contri04{width:265px; float:left; margin-left:17px; margin-right:17px; background:#fff; }
.contri01 .img, .contri02 .img, .contri03 .img, .contri04 .img{background:#fff; margin:0 auto; width:100%; overflow:hidden;}
.contri01 .txt, .contri02 .txt, .contri03 .txt, .contri04 .txt{padding:25px; margin:0 auto;}
.contri01 .txt_tit > a, .contri02 .txt_tit > a, .contri03 .txt_tit > a, .contri04 .txt_tit > a{font-size:15px; color:#333; font-weight:bold; width:100%; letter-spacing:normal; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.contri01 .img > a > img, .contri02 .img >  a > img, .contri03 .img > a > img, .contri04 .img > a > img{width:100%;}

.publication .slick-arrow,
.section-banners .slick-arrow {
    width: 18px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    opacity: 0.2;
    outline: none;
}

.publication .slick-arrow.slick-prev,
.section-banners .slick-arrow.slick-prev {
    left: -30px;
    background-image: url("/html/_skin/mdp/img/main/banner_slider_prev.png");
}

.publication .slick-arrow.slick-prev:before,
.section-banners .slick-arrow.slick-prev:before {
    display: none;
}

.publication .slick-arrow.slick-next,
.section-banners .slick-arrow.slick-next {
    right: -30px;
    background-image: url("/html/_skin/mdp/img/main/banner_slider_next.png");
}

.publication .slick-arrow.slick-next:before,
.section-banners .slick-arrow.slick-next:before {
    display: none;
}

.section-visual {
    position: relative;
}

.section-visual * {
    color: #fff;
}

.section-visual .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.section-visual .slick-arrow {
    position: absolute;
    z-index: 2;
    background: none;
    font-size: 0;
    outline: none;
    top: calc(380px - 40px);
}



/* 반응형 적용부분 */
@media screen and (max-width: 1230px) {
.main_vis{margin-top:118px; padding-top:0px;}	
.main_vis .banner_01{background-size:auto 300px; height:300px;}
.main_vis .banner_02{ background-size:auto 300px; height:300px;}
.main_vis .banner_03{ background-size:auto 300px; height:300px;}
.main_txt{padding-top:25px;}
.main_txt > img{width:20%;}
#middle{margin-top:0;}
	
.mcont, .contri_wrap{width:100%;}

.notice{width:33%; margin-right:2%;}
.pro{width:calc(63% - 243px); float:left; margin-right:2%;}


.quick_link{background:none; background-color:#adb0bb; padding-top:25px; padding-bottom:25px;  width:100%;}
.quick_wrap{padding-left:0; width:100%; text-align:center;}
.quick_tit{margin-bottom:25px;}
.quick01, .quick02, .quick03, .quick04, .quick05{width:20%;}
.quick01, .quick02, .quick03, .quick04{border-right:1px solid #d5d7df;}

.contri01, .contri02, .contri03, .contri04{width:23%; margin-left:1%; margin-right:1%;}

.mban_l, .mban_c, .mban_r{float:none; width:100%;}
}

body {
    width: 100%;
    overflow-x: hidden;
}

.container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}


@media screen and (max-width: 850px) {
.mban01, .mban02{width:50%;}
.mban > div:nth-child(3), .mban > div:nth-child(4){margin-top:15px;}

.quick_wrap{width:85%; margin:0 auto; }
.quick01, .quick02, .quick03, .quick04, .quick05{width:45%; padding-left:5%;}
.quick01 .img, .quick02 .img, .quick03 .img, .quick04 .img, .quick05 .img, .quick01 .txt, .quick02 .txt, .quick03 .txt, .quick04 .txt, .quick05 .txt{float:left;}
.quick01 .img, .quick02 .img, .quick03 .img, .quick04 .img, .quick05 .img{border-radius:7px; width:65px; height:65px; padding-top:10px;}
.quick01 .txt, .quick02 .txt, .quick03 .txt, .quick04 .txt, .quick05 .txt{margin-top:20px; margin-left:40px;}
.quick02, .quick04{border-right:none;}
.quick03, .quick04, .quick05{margin-top:15px;}

.contri01, .contri02, .contri03, .contri04{width:48%; margin-left:1%; margin-right:1%;}
.contri03, .contri04{margin-top:2%;}

.notice{width:100%; margin-right:0; float:none;}
.pro{width:calc(100%); float:left; margin-right:2%; margin-top:25px;}
.gal{margin-top:25px;}
}


@media screen and (max-width: 620px) {
.main_vis .banner_01{background-size:auto 170px; height:170px;}
.main_vis .banner_02{ background-size:auto 170px; height:170px;}
.main_vis .banner_03{ background-size:auto 170px; height:170px;}
.main_txt{padding-top:20px;}
.main_txt > img{width:15%;}
	
.quick_wrap{width:75%;}	
.quick01, .quick02, .quick03, .quick04, .quick05{width:100%;}	
.quick01, .quick03{border-right:none;}
.quick02{margin-top:15px;}

.quick_tit .ltxt{font-size:25px;}

.mban_l,.mban_r{background:none;}
.mban_l{background-color:#a5abb3;}
.mban_c{background-color:#879496;}
.mban_r{background-color:#f4e7d4;}


}
@media screen and (max-width: 520px) {
.pro{width:100%; float:none; margin-right:0; margin-top:25px;}
.gal{width:100%;}
.gal .bxslider_01 > li{margin-top:20px; margin-bottom:20px;}

/*.gal{margin-left:calc(50% - 121.5px);}*/

}


@media screen and (max-width: 500px) {
.mban01, .mban02{width:100%; float:none;}

.mban01, .mban02{padding-top:25px; padding-bottom:35px; float:left;}
.ban_lt01, .ban_lt02{margin-top:5px; margin-bottom:10px;}


.contri01, .contri02, .contri03, .contri04{width:98%; margin-left:1%; margin-right:1%;}
.contri02{margin-top:2%;}

.tab.list li.hid_li{display:none;}


}

@media screen and (max-width: 350px) {
.mban_l, .mban_r{padding:35px 10px;}
}