@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);


.mtext {z-index: 100;position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%)}
.mtext .title1 {text-align:center;color:#fff; font-size:40px; font-weight:400; text-shadow:1px 1px 2px #0a4150; letter-spacing:-1px;}
.mtext .title2 {color:#f05112; font-size:45px; font-weight:500;text-shadow:1px 1px 2px #842e0c; letter-spacing:-1px;}

@media (max-width:1200px) {
.mtext {z-index: 100;position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%)}
.mtext .title1 {text-align:center;color:#fff; font-size:30px; font-weight:400; text-shadow:1px 1px 2px #0a4150; letter-spacing:-1px;}
.mtext .title2 {color:#f05112; font-size:35px; font-weight:500;text-shadow:1px 1px 2px #842e0c; letter-spacing:-1px;}
}


@media (max-width:1023px) {
.mtext {z-index: 100;position: absolute;top: 25%;left: 50%;transform: translate(-50%, -50%)}
.mtext .title1 {text-align:center;color:#fff; font-size:20px; font-weight:400; text-shadow:1px 1px 2px #0a4150; letter-spacing:-1px;}
.mtext .title2 {color:#f05112; font-size:25px; font-weight:500;text-shadow:1px 1px 2px #842e0c; letter-spacing:-1px;}
}

@media (max-width:970px) {
.mtext {z-index: 100;position: absolute;top: 20%;left: 50%;transform: translate(-50%, -50%)}
.mtext .title1 {text-align:center;color:#fff; font-size:20px; font-weight:400; text-shadow:1px 1px 2px #0a4150; letter-spacing:-1px;}
.mtext .title2 {color:#f05112; font-size:25px; font-weight:500;text-shadow:1px 1px 2px #842e0c; letter-spacing:-1px;}
}


@media (max-width:767px) {
.mtext {z-index: 100;position: absolute;top: 35%;left: 50%;transform: translate(-50%, -50%)}
.mtext .title1 {display:none;}
.mtext .title2 {display:none;}
}

@media (max-width:640px) {
.mtext {z-index: 100;position: absolute;top: 25%;left: 50%;transform: translate(-50%, -50%)}
.mtext .title1 {display:none;}
.mtext .title2 {display:none;}
}



.main_visual {width:100%}
.main_visual .main_area {
height:510px;
/* background: url(../image/main/main2021-1.png); 
background-color:#000;
background-size:cover;
background-repeat:   no-repeat;
background-position: center center;    */
}




.main_visual .main_area .inner {position:relative; padding-top:87px; max-width:1200px; margin:0 auto;}
.main_visual .main_area .inner .tit {bottom:40px;text-align:center;padding-top:13px; margin:0; text-shadow:1px 1px 2px #9d5336;}
.main_visual .main_area .inner .tit strong {color:#fff; font-size:23px; font-weight:400;;text-align:center;}

.main_visual .main_area .inner .tit2 {color:#fff;text-align:center;font-size:47px; margin:0; font-weight:600;text-shadow:1px 1px 2px #141753;}
.main_visual .main_area .inner .tit2 strong {color:#fff;  font-weight:500; letter-spacing:-1px;}

.main_visual .main_area .inner .micon {text-align:center;max-width:1200px;margin-top:25px;}
.main_visual .main_area .inner .micon ul {list-style:none; margin:0; padding:0;}
.main_visual .main_area .inner .micon li {margin-left:90px;display: inline;}
.main_visual .main_area .inner .micon li:first-child {margin-left:0;}
.main_visual .main_area .inner .micon li img {max-width:100%;height:auto;}
.main_visual .main_area .inner .micon img {max-width:100%;height:auto;}




@media (max-width:1280px) {
.main_visual .main_area {height:450px;}
.main_visual .main_area .inner {position:relative; padding-top:40px; max-width:1200px; margin:0 auto;}
.main_visual .main_area .inner .tit {bottom:40px;text-align:center;padding-top:13px; margin:0; text-shadow:1px 1px 2px #9d5336;}
.main_visual .main_area .inner .tit strong {color:#fff; font-size:23px; font-weight:400;;text-align:center;}

.main_visual .main_area .inner .tit2 {color:#fff;text-align:center;font-size:30px; margin:0; font-weight:400;text-shadow:1px 1px 2px #9d5336;}
.main_visual .main_area .inner .tit2 strong {color:#fff;  font-weight:500; letter-spacing:-1px;}
}



@media (max-width:1023px) {
.main_visual .main_area {height:300px;}
.main_visual .main_area .inner {position:relative; padding-top:50px; max-width:1200px; margin:0 auto;}
.main_visual .menu_list ul li dl dt {font-size:17px;}
.main_visual .menu_list ul li dl dd {font-size:15px;}
.main_visual .menu_list .ico_menu.policy {width:17px; height:22px; background-image:url('/images/ico/ico_menu_policy02.png'); background-size:17px 22px;}
.main_visual .menu_list .ico_menu.card {width:25px; height:22px; background-image:url('/images/ico/ico_menu_card02.png'); background-size:25px 22px;}
.main_visual .menu_list .ico_menu.news {width:23px; height:22px; background-image:url('/images/ico/ico_menu_news02.png'); background-size:23px 22px;}
.main_visual .menu_list .ico_menu.facebook {width:22px; height:22px; background-image:url('/images/ico/ico_menu_facebook02.png'); background-size:22px 22px;}
.main_visual .main_area .inner .micon {display:none;}
}

@media (max-width:767px) {
.main_visual .main_area {height:250px;}
.main_visual .main_area .inner {position:relative; padding-top:75px;margin:0 auto;}
.main_visual .main_area .inner .tit strong {display:none;}
.main_visual .main_area .inner .tit2 {color:#fff;text-align:center;font-size:21px; margin:0; font-weight:400;text-shadow:1px 1px 2px #9d5336;}
.main_visual .main_area .main_slider img.m_img {display:block;}
.main_visual .main_area .main_slider img.p_img {display:none;}
.main_visual .slick-arrow {width:21px; height:35px; margin-top:-18px; background-size:42px 70px;}
.main_visual .slick-arrow.slick-prev {left:15px; background-position:0 0;}
.main_visual .slick-arrow.slick-prev:hover {background-position:0 -35px;}
.main_visual .slick-arrow.slick-next {right:15px; background-position:-21px 0;}
.main_visual .slick-arrow.slick-next:hover {background-position:-21px -35px;}
.main_visual .slick-dots {bottom:12px;}
.main_visual .slick-dots li button {width:30px; height:4px; margin:0 5px;}
.main_visual .slick-dots .auto-control {display:none;}
.main_visual .menu_list ul li {width:50%;}
.main_visual .menu_list ul li dl {position:relative; padding:15px 10px 25px 10px; border-top:1px solid #d7dde3; border-left:1px solid #d7dde3; overflow:hidden;}
.main_visual .menu_list ul li:nth-child(odd) dl {border-left:none;}
.main_visual .menu_list ul li dl:before {display:none;}
.main_visual .menu_list ul li dl dt {font-size:14px;}
.main_visual .menu_list ul li dl dd {height:30px; margin-top:5px; font-size:13px;}
.main_visual .menu_list .ico_menu {position:absolute; bottom:10px; right:10px; margin:0; opacity:.2;}
}

/* section */
.section {background-position: center;margin:0;padding:0;}
.section .inner {max-width:1200px; margin:0 auto; padding:0px 20px 0px 20px;}
.section .inner .sec_tit {text-align:center;}
.section .inner .sec_tit h2 {color:#000; font-size:40px; line-height:40px; font-weight:600; letter-spacing:-1px;}
.section .inner .sec_tit p {margin-top:15px; color:#333; font-size:21px; line-height:32px; font-weight:normal;}
.section.intro {background-size:cover;}
.section.news {background-size:cover;}
.section.center {background-size:cover;}


.mpart {background:#fff;}
.mpart .inner {max-width:1200px; margin:0 auto; padding:50px 20px 0px 20px;}
.mpart .inner .sec_tit {text-align:center;}
.mpart .inner .sec_tit h2 {color:#000; font-size:40px; line-height:40px; font-weight:600; letter-spacing:-1px;}
.mpart .inner .sec_tit p {margin-top:15px; color:#333; font-size:21px; line-height:32px; font-weight:normal;}

@media (max-width:1280px) {
.section {background:none;}
.section .inner {padding:0px 20px 20px 20px;}
.section .inner .sec_tit h2 {font-size:34px; line-height:34px;}
.section .inner .sec_tit p {font-size:18px; line-height:28px;}
}

@media (max-width:1023px) {
.mpart .inner {padding:0px 20px 20px 20px;}
.mpart .inner .sec_tit h2 {font-size:34px; line-height:34px;}
.mpart .inner .sec_tit p {font-size:18px; line-height:28px;}
}



@media (max-width:767px) {
.section .inner {padding:0px 20px 20px 20px;}
.section .inner .sec_tit h2 {font-size:24px; line-height:24px; letter-spacing:-1px; font-weight:bold;}
.section .inner .sec_tit p {margin-top:10px; font-size:13px; line-height:20px;}
}


@media (max-width:767px) {
.mpart .inner {padding:0px 20px 20px 20px;}
.mpart .inner .sec_tit h2 {font-size:24px; line-height:24px; letter-spacing:-1px; font-weight:bold;}
.mpart .inner .sec_tit p {margin-top:10px; font-size:13px; line-height:20px;}
}






.news_wrap {margin-top:0px; overflow:hidden;}
.news_wrap .thumb {position:relative; display:block;}
.news_wrap .thumb:hover {text-decoration:none;}
.news_wrap .thumb .img {position:relative; display:block; overflow:hidden;}
.news_wrap .thumb .img:before {content:""; display:block; padding-top:55%;}
.news_wrap .thumb .img span {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
.news_wrap .thumb .img span img {position:absolute; top:0; left:0; width:100%; height:100%; vertical-align:top; -moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;}
.news_wrap .thumb:hover .img span img {-moz-transform:scale(1.08) rotate(0.1deg); -ms-transform:scale(1.08) rotate(0.1deg); -o-transform:scale(1.08) rotate(0.1deg); transform:scale(1.08) rotate(0.1deg);}

.news_wrap .latest_area {margin-top:45px;margin-bottom:45px; overflow:hidden;}
.news_wrap .latest_area .noticem_list {position:relative; float:left; width:50%; height:100%;background-color:#fff;}
.news_wrap .latest_area .noticem_list .title {font-size:23px;font-weight:700;color:#555;margin-right:30px;margin-bottom:20px;}
.news_wrap .latest_area .noticem_list .notice {font-size:13px;color:#555;border-top:1px solid #d7dde3;margin-right:30px;}
.news_wrap .latest_area .noticem_list .plus {float:right;}

.news_wrap .latest_area .noticem_list .sec {padding:38px 40px;}
.news_wrap .latest_area .noticem_list .s_box {position:relative;}
.news_wrap .latest_area .noticem_list ul li a:link{color:#555;}
.news_wrap .latest_area .noticem_list ul li a:hover{color:#d64d1d !important;}
.news_wrap .latest_area .noticem_list .s_box .img {position:absolute; top:50%; left:0; display:block; width:130px; height:130px; margin-top:-65px; border-radius:130px; overflow:hidden;}
.news_wrap .latest_area .noticem_list .s_box .img img {position:absolute; top:50%; left:50%; width:100%; height:auto; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.news_wrap .latest_area .noticem_list .s_box dl {margin:0; padding:0 0 0 170px;}
.news_wrap .latest_area .noticem_list .s_box dl .tit {color:#fff; font-size:21px; font-weight:600; letter-spacing:-0.5px; line-height:140%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_wrap .latest_area .noticem_list .s_box dl .txt {display:-webkit-box; height:42px; margin-top:10px; color:#c6dcee; font-size:16px; line-height:140%; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.news_wrap .latest_area .noticem_list .s_box dl .link {margin-top:25px;}
.news_wrap .latest_area .noticem_list .s_box dl .link .btn_link {color:#cacaca; font-size:16px; font-weight:normal; text-decoration:underline;}
.news_wrap .latest_area .noticem_list .s_box dl .link .btn_link:hover {color:#fff;}
.news_wrap .latest_area .noticem_list .slick-dots {position:absolute; right:40px; bottom:38px; font-size:0;}
.news_wrap .latest_area .noticem_list .slick-dots li {display:inline-block; margin-left:10px; vertical-align:middle;}
.news_wrap .latest_area .noticem_list .slick-dots li:first-child {margin-left:0;}
.news_wrap .latest_area .noticem_list .slick-dots li button {display:inline-block; width:12px; height:12px; text-indent:-999em; border:none; outline:0; border-radius:12px; background-color:#4d7393; overflow:hidden; vertical-align:middle;}
.news_wrap .latest_area .noticem_list .slick-dots li.slick-active button {background-color:#fff;}
.news_wrap .latest_area .boards_list {position:relative; float:left; width:50%; height:100%; background-color:#fff;}
.news_wrap .latest_area .boards_list .title {margin-left:30px;font-size:23px;font-weight:700;color:#555;margin-bottom:20px;}
.news_wrap .latest_area .boards_list .gallery {font-size:13px;color:#555;border-top:1px solid #d7dde3;margin-left:30px;}
.news_wrap .latest_area .boards_list .plus {float:right;}
.news_wrap .latest_area .boards_list ul li a:link{color:#555;}
.news_wrap .latest_area .boards_list ul li a:hover{color:#d64d1d !important;}
  text-overflow: ellipsis;
  word-wrap:normal;
  white-space: nowrap;
  width: 95%;
  height: 60px;
}

@media (max-width:1023px) {
.news_wrap {margin-top:50px;}
.news_wrap .focus_area .main_news .thumb .data {width:160px;}
.news_wrap .focus_area .main_news .thumb .data .tit {font-size:16px;}
.news_wrap .focus_area .main_news .thumb .data .txt {margin-top:15px; font-size:20px;}
.news_wrap .focus_area .main_news .thumb .data .link {display:none; font-size:14px;}
.news_wrap .focus_area .gallery_list .thumb .data .txt {height:38px; font-size:14px;}
.news_wrap .focus_area .gallery_list .thumb .data .date {margin-top:8px; font-size:13px;}
.news_wrap .latest_area .noticem_list .sec {padding:44px 30px;}
.news_wrap .latest_area .noticem_list .s_box dl {padding:0 0 0 160px;}
.news_wrap .latest_area .noticem_list .s_box dl .tit {font-size:19px;}
.news_wrap .latest_area .noticem_list .s_box dl .txt {height:38px; font-size:14px;}
.news_wrap .latest_area .noticem_list .s_box dl .link {margin-top:20px;}
.news_wrap .latest_area .noticem_list .s_box dl .link .btn_link {font-size:14px;}
.news_wrap .latest_area .noticem_list .slick-dots {right:30px; bottom:30px;}
.news_wrap .latest_area .boards_list ul li a:link{color:#555;font-weight:700;font-size:17px;}
.news_wrap .latest_area .boards_list ul li dl {padding-left:100px;}
.news_wrap .latest_area .boards_list ul li dl dt {width:90px; font-size:13px;}
.news_wrap .latest_area .boards_list ul li dl dd a {font-size:14px;}
}

@media (max-width:640px) {

.news_wrap {margin-top:30px;}
.news_wrap .focus_area .main_news {float:none; width:auto;}
.news_wrap .focus_area .main_news .thumb .data {position:static; width:auto; padding:20px 15px; background-color:#fff;}
.news_wrap .focus_area .main_news .thumb .data .tit {color:#000; font-size:16px;}
.news_wrap .focus_area .main_news .thumb .data .txt {margin-top:10px; color:#000; font-size:14px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_wrap .focus_area .gallery_list {float:none; width:auto; height:auto !important; margin-top:15px;}
.news_wrap .focus_area .gallery_list ul {padding:20px 15px;}
.news_wrap .latest_area {margin-top:0px;}
.news_wrap .latest_area .noticem_list {float:none; width:auto;

border-right:0px solid #e1e1e1;
 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.news_wrap .latest_area .noticem_list .sec {padding:20px 15px;}
.news_wrap .latest_area .noticem_list .notice {margin:0px ;font-size:13px;}
.news_wrap .latest_area .noticem_list .title {margin-right:0px;}
.news_wrap .latest_area .noticem_list .notice ul li a:link{color:#555;font-size:15px;line-height:20px;overflow:hidden;}
.news_wrap .latest_area .noticem_list .notice ul li a:hover{color:#d64d1d !important;}
.news_wrap .latest_area .noticem_list .s_box .img {top:3px; width:65px; height:65px; margin-top:0;}
.news_wrap .latest_area .noticem_list .s_box dl {padding:0 0 0 80px;}
.news_wrap .latest_area .noticem_list .s_box dl .tit {font-size:15px;}
.news_wrap .latest_area .noticem_list .s_box dl .txt {height:35px; font-size:13px;}
.news_wrap .latest_area .noticem_list .s_box dl .link {margin-top:15px;}
.news_wrap .latest_area .noticem_list .s_box dl .link .btn_link {font-size:13px;}
.news_wrap .latest_area .noticem_list .slick-dots {right:20px; bottom:22px;}
.news_wrap .latest_area .noticem_list .slick-dots li button {width:10px; height:10px;}
.news_wrap .latest_area .boards_list {float:none; width:auto; height:auto; margin:15px 0 0 0;}
.news_wrap .latest_area .boards_list .gallery {margin-left:0px ;font-size:13px;}

.news_wrap .latest_area .boards_list .title {margin-left:0px;margin-top:20px;font-size:23px;font-weight:700;color:#555;margin-bottom:20px;}



}

@media (max-width:900px) {

.news_wrap .latest_area .boards_list ul li {font-size:16px;font-weight:600;color:#555;
overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
}
}

@media (max-width:1000px) {

.news_wrap .latest_area .boards_list ul li {font-size:16px;font-weight:600;color:#555;
overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
}
}






.news_wrap7 {padding-top:50px;padding-bottom:90px;overflow:hidden;}
.news_wrap7 .thumb {position:relative; display:block;}
.news_wrap7 .thumb:hover {text-decoration:none;}
.news_wrap7 .thumb .img {position:relative; display:block; overflow:hidden;}
.news_wrap7 .thumb .img:before {content:""; display:block; padding-top:55%;}
.news_wrap7 .thumb .img span {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
.news_wrap7 .thumb .img span img {position:absolute; top:0; left:0; width:100%; height:100%; vertical-align:top; -moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;}
.news_wrap7 .thumb:hover .img span img {-moz-transform:scale(1.08) rotate(0.1deg); -ms-transform:scale(1.08) rotate(0.1deg); -o-transform:scale(1.08) rotate(0.1deg); transform:scale(1.08) rotate(0.1deg);}

.news_wrap7 .latest_area {margin-top:0px; margin-bottom:0px; overflow:hidden;}
.news_wrap7 .latest_area .noticem_list {position:relative; float:left; width:46%; margin-right:4%;}
.news_wrap7 .latest_area .noticem_list .title {margin-bottom:15px;font-size:28px;font-weight:500;color:#333;}
.news_wrap7 .latest_area .noticem_list .notice {margin-top:10px;font-size:14px;color:#555;}
.news_wrap7 .latest_area .noticem_list .notice a{color:#555;font-size:15px;font-family:'Noto Sans KR'}
.news_wrap7 .latest_area .noticem_list .notice a:hover{color:#da6730}
.news_wrap7 .latest_area .noticem_list .plus {float:right;padding-top:7px;}
.news_wrap7 .latest_area .noticem_list .sec {padding:38px 40px;}



.news_wrap7 .latest_area .boards_list {position:relative;float:left; width:46%;margin-left:4%;}
.news_wrap7 .latest_area .boards_list .title {margin-bottom:15px;font-size:28px;font-weight:500;color:#333;}
.news_wrap7 .latest_area .boards_list .gallery {font-size:14px;color:#555;margin-top:10px;}
.news_wrap7 .latest_area .boards_list .gallery a{color:#555;font-size:15px;font-family:'Noto Sans KR'}
.news_wrap7 .latest_area .boards_list .gallery a:hover{color:#da6730}
.news_wrap7 .latest_area .boards_list .plus {float:right;padding-top:7px;}



.news_wrap7 .latest_area .banner_list {float:left; width:34%;height:240px;background-color:#777;}
.news_wrap7 .latest_area .banner_list .title {margin-top:20px;margin-left:20px ;font-size:22px;font-weight:700;color:#555;}
.news_wrap7 .latest_area .banner_list .popupzone {margin:0;font-size:13px;color:#dc601c;text-align:center;}
.news_wrap7 .latest_area .banner_list .popupzone img {max-width:100%;height:100%;}
.news_wrap7 .latest_area .banner_list .plus {float:right;padding-right:20px;}
.news_wrap7 .latest_area .banner_list ul {margin:0; padding:25px 20px;}
.news_wrap7 .latest_area .banner_list ul li {margin-top:10px;}
.news_wrap7 .latest_area .banner_list ul li:first-child {margin-top:0;}
.news_wrap7 .latest_area .banner_list ul li dl {position:relative; padding-left:105px;}
.news_wrap7 .latest_area .banner_list ul li dl dt {position:absolute; top:0; left:0; width:93px; height:30px; line-height:30px; color:#cef3f3; font-size:14px; text-align:center; letter-spacing:-0.5px; background-color:#005c5d;}
.news_wrap7 .latest_area .banner_list ul li dl dd {height:30px; line-height:30px;}
.news_wrap7 .latest_area .banner_list ul li dl dd a {display:block; color:#fff; font-size:16px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_wrap7 .latest_area .banner_list ul li dl dd a:hover {text-decoration:underline;}




@media (max-width:1280px) {
.news_wrap7 {margin:0px;padding:0;}
.news_wrap7 .focus_area .main_news .thumb .data {width:160px;}
.news_wrap7 .focus_area .main_news .thumb .data .tit {font-size:16px;}
.news_wrap7 .focus_area .main_news .thumb .data .txt {margin-top:15px; font-size:20px;}
.news_wrap7 .focus_area .main_news .thumb .data .link {display:none; font-size:14px;}
.news_wrap7 .focus_area .gallery_list .thumb .data .txt {height:38px; font-size:14px;}
.news_wrap7 .focus_area .gallery_list .thumb .data .date {margin-top:8px; font-size:13px;}
.news_wrap7 .latest_area {margin-top:30px; margin-bottom:60px; overflow:hidden;}
.news_wrap7 .latest_area .noticem_list .sec {padding:44px 30px;}
.news_wrap7 .latest_area .noticem_list .s_box dl {padding:0 0 0 160px;}
.news_wrap7 .latest_area .noticem_list .s_box dl .tit {font-size:19px;}
.news_wrap7 .latest_area .noticem_list .s_box dl .txt {height:38px; font-size:14px;}
.news_wrap7 .latest_area .noticem_list .s_box dl .link {margin-top:20px;}
.news_wrap7 .latest_area .noticem_list .s_box dl .link .btn_link {font-size:14px;}
.news_wrap7 .latest_area .noticem_list .slick-dots {right:30px; bottom:30px;}
.news_wrap7 .latest_area .boards_list .gallery {text-align:left;}
.news_wrap7 .latest_area .boards_list ul li dl {padding-left:100px;}
.news_wrap7 .latest_area .boards_list ul li dl dt {width:90px; font-size:13px;}
.news_wrap7 .latest_area .boards_list ul li dl dd a {font-size:14px;}
}


@media (max-width:1023px) {
.news_wrap7 {margin:0px;padding-top:30px;}
.news_wrap7 .latest_area {margin-top:10px; margin-bottom:60px; overflow:hidden;}
}

@media (max-width:767px) {
.news_wrap7 {margin-top:20px;}
.news_wrap7 .focus_area .main_news {float:none; width:auto;}
.news_wrap7 .focus_area .main_news .thumb .data {position:static; width:auto; padding:20px 15px;}
.news_wrap7 .focus_area .main_news .thumb .data .tit {color:#000; font-size:16px;}
.news_wrap7 .focus_area .main_news .thumb .data .txt {margin-top:10px; color:#000; font-size:14px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_wrap7 .focus_area .gallery_list {float:none; width:auto; height:auto !important; margin-top:15px;}
.news_wrap7 .focus_area .gallery_list ul {padding:20px 15px;}
.news_wrap7 .latest_area {margin-top:0px;}
.news_wrap7 .latest_area .noticem_list {float:none; width:auto; height:auto; margin:0;
}
.news_wrap7 .latest_area .boards_list {float:none; width:auto; height:auto; margin:15px 0 0 0;
}
.news_wrap7 .latest_area .banner_list {float:none; width:auto;}
.news_wrap7 .latest_area .boards_list .gallery {text-align:left;}
.news_wrap7 .latest_area .noticem_list .sec {padding:20px 15px;}
.news_wrap7 .latest_area .noticem_list .s_box .img {top:3px; width:65px; height:65px; margin-top:0;}
.news_wrap7 .latest_area .noticem_list .s_box dl {padding:0 0 0 80px;}
.news_wrap7 .latest_area .noticem_list .s_box dl .tit {font-size:15px;}
.news_wrap7 .latest_area .noticem_list .s_box dl .txt {height:35px; font-size:13px;}
.news_wrap7 .latest_area .noticem_list .s_box dl .link {margin-top:15px;}
.news_wrap7 .latest_area .noticem_list .s_box dl .link .btn_link {font-size:13px;}
.news_wrap7 .latest_area .noticem_list .slick-dots {right:20px; bottom:22px;}
.news_wrap7 .latest_area .noticem_list .slick-dots li button {width:10px; height:10px;}
}





.news_wrap8 {margin-top:30px; overflow:hidden;}
.news_wrap8 .thumb {position:relative; display:block;}
.news_wrap8 .thumb:hover {text-decoration:none;}
.news_wrap8 .thumb .img {position:relative; display:block; overflow:hidden;}
.news_wrap8 .thumb .img:before {content:""; display:block; padding-top:55%;}
.news_wrap8 .thumb .img span {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
.news_wrap8 .thumb .img span img {position:absolute; top:0; left:0; width:100%; height:100%; vertical-align:top; -moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;}
.news_wrap8 .thumb:hover .img span img {-moz-transform:scale(1.08) rotate(0.1deg); -ms-transform:scale(1.08) rotate(0.1deg); -o-transform:scale(1.08) rotate(0.1deg); transform:scale(1.08) rotate(0.1deg);}

.news_wrap8 .latest_area {margin-bottom:80px;overflow:hidden;}
.news_wrap8 .latest_area .noticem_list {position:relative; float:left; width:100%;background-color:#f5f5f5;
border-top:1px solid #e1e1e1;
border-left:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.news_wrap8 .latest_area .noticem_list .title {margin-top:35px;margin-left:35px ;font-size:27px;font-weight:700;color:#555;}
.news_wrap8 .latest_area .noticem_list .notice {text-align:center;margin:29px;
.news_wrap8 .latest_area .noticem_list .plus {float:right;padding-right:35px;}
.news_wrap8 .latest_area .noticem_list .sec {padding:38px 40px;}



.news_wrap8 .latest_area .boards_list {float:left; width:28%;height:255px;background-color:#fff;
border-top:1px solid #e1e1e1;
border-left:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.news_wrap8 .latest_area .boards_list .title {margin-top:20px;margin-left:20px ;font-size:22px;font-weight:700;color:#555;}
.news_wrap8 .latest_area .boards_list .gallery {font-size:13px;color:#555;}
.news_wrap8 .latest_area .boards_list .plus {float:right;padding-right:20px;}



.news_wrap8 .latest_area .banner_list {float:left; width:34%;height:240px;background-color:#777;}
.news_wrap8 .latest_area .banner_list .title {margin-top:20px;margin-left:20px ;font-size:22px;font-weight:700;color:#555;}
.news_wrap8 .latest_area .banner_list .popupzone {margin:0;font-size:13px;color:#dc601c;text-align:center;}
.news_wrap8 .latest_area .banner_list .popupzone img {max-width:100%;height:100%;}
.news_wrap8 .latest_area .banner_list .plus {float:right;padding-right:20px;}
.news_wrap8 .latest_area .banner_list ul {margin:0; padding:25px 20px;}
.news_wrap8 .latest_area .banner_list ul li {margin-top:10px;}
.news_wrap8 .latest_area .banner_list ul li:first-child {margin-top:0;}
.news_wrap8 .latest_area .banner_list ul li dl {position:relative; padding-left:105px;}
.news_wrap8 .latest_area .banner_list ul li dl dt {position:absolute; top:0; left:0; width:93px; height:30px; line-height:30px; color:#cef3f3; font-size:14px; text-align:center; letter-spacing:-0.5px; background-color:#005c5d;}
.news_wrap8 .latest_area .banner_list ul li dl dd {height:30px; line-height:30px;}
.news_wrap8 .latest_area .banner_list ul li dl dd a {display:block; color:#fff; font-size:16px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_wrap8 .latest_area .banner_list ul li dl dd a:hover {text-decoration:underline;}




@media (max-width:1023px) {
.news_wrap8 {margin-top:0px;}
.news_wrap8 .focus_area .main_news .thumb .data {width:160px;}
.news_wrap8 .focus_area .main_news .thumb .data .tit {font-size:16px;}
.news_wrap8 .focus_area .main_news .thumb .data .txt {margin-top:15px; font-size:20px;}
.news_wrap8 .focus_area .main_news .thumb .data .link {display:none; font-size:14px;}
.news_wrap8 .focus_area .gallery_list .thumb .data .txt {height:38px; font-size:14px;}
.news_wrap8 .focus_area .gallery_list .thumb .data .date {margin-top:8px; font-size:13px;}
.news_wrap8 .latest_area .noticem_list .sec {padding:44px 30px;}
.news_wrap8 .latest_area .noticem_list .s_box dl {padding:0 0 0 160px;}
.news_wrap8 .latest_area .noticem_list .s_box dl .tit {font-size:19px;}
.news_wrap8 .latest_area .noticem_list .s_box dl .txt {height:38px; font-size:14px;}
.news_wrap8 .latest_area .noticem_list .s_box dl .link {margin-top:20px;}
.news_wrap8 .latest_area .noticem_list .s_box dl .link .btn_link {font-size:14px;}
.news_wrap8 .latest_area .noticem_list .slick-dots {right:30px; bottom:30px;}
.news_wrap8 .latest_area .boards_list ul li dl {padding-left:100px;}
.news_wrap8 .latest_area .boards_list ul li dl dt {width:90px; font-size:13px;}
.news_wrap8 .latest_area .boards_list ul li dl dd a {font-size:14px;}
}

@media (max-width:767px) {
.news_wrap8 {margin-top:30px;}
.news_wrap8 .focus_area .main_news {float:none; width:auto;}
.news_wrap8 .focus_area .main_news .thumb .data {position:static; width:auto; padding:20px 15px; background-color:#fff;}
.news_wrap8 .focus_area .main_news .thumb .data .tit {color:#000; font-size:16px;}
.news_wrap8 .focus_area .main_news .thumb .data .txt {margin-top:10px; color:#000; font-size:14px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_wrap8 .focus_area .gallery_list {float:none; width:auto; height:auto !important; margin-top:15px;}
.news_wrap8 .focus_area .gallery_list ul {padding:20px 15px;}
.news_wrap8 .latest_area {margin-top:0px;}
.news_wrap8 .latest_area .noticem_list {float:none; width:auto; height:auto; margin:0;

border:1px solid #e1e1e1;
 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	padding-bottom:35px;
}
.news_wrap8 .latest_area .boards_list {float:none; width:auto; height:auto; margin:15px 0 0 0;
border-right:1px solid #e1e1e1;
 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
}







.quick_menu {margin:0;}
.quick_menu ul {*zoom:1;}
.quick_menu ul:after {content:""; display:block; clear:both;}
.quick_menu ul li {position:relative; float:left; width:16.66%; *zoom:1;}
.quick_menu ul li:after {content:""; display:block; padding-top:100%;}
.quick_menu ul li a {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; text-align:center; border:0px solid #4a99ad; background-color:#FFF; overflow:hidden;}
.quick_menu ul li a:hover {text-decoration:none; background-color:#fff;}
.quick_menu ul li a .txt {display:block; margin:70% 5% 0 10%; color:#594d47; font-size:15px; font-weight:500; letter-spacing:-0.5px;}
.quick_menu ul li a .ico {position:absolute; left:50%; bottom:30%; display:block; width:100px; height:100px; margin-left:-40px; text-indent:-999em; background-image:url('/image/common/icon_quick_main.png'); background-repeat:no-repeat;}
.quick_menu ul li a:hover .ico  {position:absolute; left:50%; bottom:30%; display:block; width:100px; height:100px; margin-left:-40px; text-indent:-999em; background-image:url('/image/common/icon_quick_main_hover.png'); background-repeat:no-repeat;}
.quick_menu ul li.nth1 a .ico {background-position:0 0;}
.quick_menu ul li.nth2 a .ico {background-position:-100px 0;}
.quick_menu ul li.nth3 a .ico {background-position:0 -100px;}
.quick_menu ul li.nth4 a .ico {background-position:-100px -100px;}
.quick_menu ul li.nth5 a .ico {background-position:0 -200px;}
.quick_menu ul li.nth6 a .ico {background-position:-100px -200px;}





@media (max-width:1023px) {
.quick_menu {margin-top:40px;}

}




@media (max-width:767px) {
.quick_menu ul li {width:33.33%;}
}


.quick_menu2 {margin-top:10px;}
.quick_menu2 ul {*zoom:1;}
.quick_menu2 ul:after {content:""; display:block; clear:both;}
.quick_menu2 ul li {position:relative; float:left; width:25%}
.quick_menu2 ul li:after {content:""; display:block; padding-top:85%;}
.quick_menu2 ul li a {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; text-align:center; border:0px solid #4a99ad;  overflow:hidden;}
.quick_menu2 ul li a .txt {display:block; margin:35% 5% 0 5%; color:#fff; font-size:23px; font-weight:700; letter-spacing:-0.5px;}
.quick_menu2 ul li a .txt2 {display:block; margin:3% 5% 0 5%; color:#fff; font-size:14px; font-weight:normal; letter-spacing:-0.5px;line-height:20px;}
.quick_menu2 ul li a .ico {position:absolute; left:50%; bottom:60%; display:block; width:80px; height:80px; margin-left:-40px; text-indent:-999em; background-image:url('/image/common/icon_quick_main.png'); background-repeat:no-repeat;}
.quick_menu2 ul li.nth1 a .ico {background-position:0 0;}
.quick_menu2 ul li.nth1{ background-color:#da6730;}
.quick_menu2 ul li.nth1 a:hover {text-decoration:none; background-color:#d0561c;}
.quick_menu2 ul li.nth2 a .ico {background-position:-80px 0;}
.quick_menu2 ul li.nth2{ background-color:#2ba8c9;}
.quick_menu2 ul li.nth2 a:hover {text-decoration:none; background-color:#1b97b8;}
.quick_menu2 ul li.nth3 a .ico {background-position:0 -80px;}
.quick_menu2 ul li.nth3{ background-color:#4f78bf;}
.quick_menu2 ul li.nth3 a:hover {text-decoration:none; background-color:#3863ad;}
.quick_menu2 ul li.nth4 a .ico {background-position:-80px -80px;}
.quick_menu2 ul li.nth4{ background-color:#375caf;}
.quick_menu2 ul li.nth4 a:hover {text-decoration:none; background-color:#294fa5;}
.quick_menu2 ul li.nth5 a .ico {background-position:0 -160px;}
.quick_menu2 ul li.nth6 a .ico {background-position:-80px -160px;}







@media (max-width:1023px) {
.quick_menu2 {margin-top:40px;}
.quick_menu2 ul li:after {display:none;}
.quick_menu2 ul li a {position:static; height:140px;}
.quick_menu2 ul li a .txt {margin:90px 5% 0 5%; font-size:16px;}
.quick_menu2 ul li a .ico {bottom:60px; width:60px; height:60px; margin-left:-30px; background-size:120px 180px;}
.quick_menu2 ul li.nth1 a .ico {background-position:0 0;}
.quick_menu2 ul li.nth2 a .ico {background-position:-60px 0;}
.quick_menu2 ul li.nth3 a .ico {background-position:0 -60px;}
.quick_menu2 ul li.nth4 a .ico {background-position:-60px -60px;}
.quick_menu2 ul li.nth5 a .ico {background-position:0 -120px;}
.quick_menu2 ul li.nth6 a .ico {background-position:-60px -120px;}
.quick_menu2 ul li a .txt2 {display:none;}
}

@media (max-width:640px) {
.quick_menu2 {margin-top:30px;}
.quick_menu2 ul li {width:50%;}
.quick_menu2 ul li a {height:100px; margin-top:-1px;}
.quick_menu2 ul li a .txt {margin:70px 5% 0 5%; font-size:14px;}
.quick_menu2 ul li a .ico {bottom:30px;}
}





* content1_tab */
.content1_tab {margin:1px;}
.content1_tab ul:after {content:""; display:block; clear:both;}
.content1_tab ul li {float:left; text-align:center;}
.content1_tab ul li img {padding-top:15px;}
.content1_tab ul li a {display:block;border:0px solid #000; background-color:#da6730;
 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	height:120px;
	color:#fff;
	font-size:14px;
}
.content1_tab ul li a:hover {text-decoration:none; background-color:#cd5015;}
.content1_tab ul li a.on {color:#fff; border-top:1px solid #dc5d33; border-bottom:1px solid #dc5d33; border-right:1px solid #dc5d33; background-color:#e66c43;font-weight:700;}
.content1_tab ul li a span {display:inline-block; font-size:14px;  font-weight:normal; vertical-align:middle;}
.content1_tab.len02 ul li {width:50%;}
.content1_tab.len03 ul li {width:33.32%;}
.content1_tab.len04 ul li {width:25%;}
.content1_tab.len05 ul li {width:20%;}
.content1_tab.len06 ul li {width:16.66%;}
.content1_tab.len07 ul li {width:14.28%;}
.content1_tab_cont {display:none; margin-top:40px;}
.content1_tab_cont.on {display:block;}

@media (max-width:1023px) {
.content1_tab ul li a {padding:0px;}
.content1_tab ul li a span {font-size:15px; line-height:22px; letter-spacing:-0.5px;}
}

@media (max-width:640px) {
.content1_tab ul li {margin-top:-1px;}
.content1_tab ul li a {padding:0px; border-top:0px solid #dddee0;}
.content1_tab ul li a.on {border-top:1px solid #dddee0; border-bottom:1px solid #dddee0; border-right:1px solid #dddee0;}
.content1_tab ul li:first-child a.on {border-left:1px solid #dddee0;}
.content1_tab ul li a span {font-size:13px; line-height:20px;}
.content1_tab.len02 ul li {width:50%;}
.content1_tab.len03 ul li {width:33.32%;}
.content1_tab.len04 ul li {width:25%;}
.content1_tab.len05 ul li {width:20%;}
.content1_tab.len06 ul li {width:16.66%;}
.content1_tab.len07 ul li {width:14.28%;}

.content1_tab_cont {margin-top:20px;}
}




/* Style the tabfirst-child {margin-left:0;}*/
.tab {
  overflow: hidden;
  background-color: #f5f4f4;
  width:100%;
  padding:0px;
  border:1px solid #ccc;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* Style the buttons inside the tab */
.tab button  {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 10px;
  transition: 0.3s;
  font-size: 16px;
  font-weight:700;
  border-left: 1px solid #ccc;
  width:16.66%;
}
.tab button:first-child {border-left: 0px solid #ccc;}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
   width:16.66%;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #fff;
   width:16.66%;
   color:#d64d1d;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 25px 0px;
  border: 0px solid #ccc;
  border-top: none;
}




/* Style the tab */
.tab2 {
  overflow: hidden;
  background-color: #f5f4f4;
  vertical-align:middle;
  width:100%;
    border:1px solid #ccc;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -ms-box-sizing: border-box;
  box-sizing: border-box;

}

/* Style the buttons inside the tab */
.tab2 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 10px;
  transition: 0.3s;
  font-size: 16px;
  font-weight:700;
  border-left: 1px solid #ccc;
   width:33.33333%;
  
}
.tab2 button:first-child {border-left: 0px solid #ccc;}

/* Change background color of buttons on hover */
.tab2 button:hover {
  background-color: #ddd;
   width:33.33333%;
}

/* Create an active/current tablink class */
.tab2 button.active {
  background-color: #fff;
   width:33.33333%;
color:#d64d1d;
}

/* Style the tab content */
.tabcontent2 {
  display: none;
  padding: 25px 0px;
  border: 0px solid #ccc;
  border-top: none;
}




@media (max-width:767px) {


.tab {
  overflow: hidden;
  background-color: #f5f4f4;
  width:100%;
  padding:0px;
  border:0px solid #ccc;


}

.tab button {
  background-color: inherit;
  float: left;
  border:none;
  outline: none;
  cursor: pointer;
  padding: 0px;
  transition: 0.3s;
  font-size: 11px;
  width:33.33333%;
  border: 0px solid #ccc;
}

.tab button:hover {
  background-color: #ddd;
   width:33.33333%;
   border: 0px solid #ccc;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ff6600;
   width:33.33333%;
   color:#fff;
   border: 0px solid #ccc;
}

}



@media (max-width:767px) {
.tab2 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0px;
  transition: 0.3s;
  font-size: 11px;
  border-left: 1px solid #ccc;
}
.tab2 button:first-child {border-left: 0px solid #ccc;}
}


@media (max-width:1023px) {
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 0px;
  transition: 0.3s;
  font-size: 8px;
  font-weight:700;
  border-left: 0px solid #ccc;
}
.tab button:first-child {border-left: 0px solid #ccc;}
}
@media (max-width:1023px) {
.tab2 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 0px;
  transition: 0.3s;
  font-size: 8px;
  font-weight:700;
  border-left: 1px solid #ccc;
}
.tab2 button:first-child {border-left: 0px solid #ccc;}
}


@media (max-width:1240px) {
.tab {
  overflow: hidden;
  background-color: #f5f4f4;
  width:100%;
  padding:0px;
  border:1px solid #ccc;


}
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 10px;
  transition: 0.3s;
  font-size: 14px;
  font-weight:700;
}
.tab button:first-child {border-left: 0px solid #ccc;}
}
@media (max-width:1240px) {
.tab2 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 10px;
  transition: 0.3s;
  font-size: 14px;
  font-weight:700;
  border-left: 1px solid #ccc;
}
.tab2 button:first-child {border-left: 0px solid #ccc;}
}