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


.main_visual {width:100%;}
.main_visual .main_area {
height:430px;
background: url(/image/main/main.png);
background-size:cover;
background-repeat:   no-repeat;
background-position: center center;    
}


.main_visual .main_area .inner {position:relative; height:280px;padding-top:150px; 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 #0a4150;}
.main_visual .main_area .inner .tit strong {color:#fff; font-size:35px; font-weight:600; letter-spacing:-1px;text-align:center;}

.main_visual .main_area .inner .tit2 {text-align:center; left:20%; margin:0; text-shadow:1px 1px 2px #0a4150;}
.main_visual .main_area .inner .tit2 strong {color:#fff; font-size:27px; font-weight:600; letter-spacing:-1px;}



@media (max-width:1200px) {
.main_visual .main_area .inner {position:relative; height:280px;padding-top:60px; 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 #0a4150;}
.main_visual .main_area .inner .tit strong {color:#fff; font-size:35px; font-weight:600; letter-spacing:-1px;text-align:center;}

.main_visual .main_area .inner .tit2 {text-align:center; left:20%; margin:0; text-shadow:1px 1px 2px #0a4150;}
.main_visual .main_area .inner .tit2 strong {color:#fff; font-size:27px; font-weight:600; letter-spacing:-1px;}
}

@media (max-width:1023px) {
.main_visual .main_area .inner {position:relative; height:280px;padding-top:60px; 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 #0a4150;}
.main_visual .main_area .inner .tit strong {color:#fff; font-size:35px; font-weight:600; letter-spacing:-1px;text-align:center;}

.main_visual .main_area .inner .tit2 {text-align:center; left:20%; margin:0; text-shadow:1px 1px 2px #0a4150;}
.main_visual .main_area .inner .tit2 strong {color:#fff; font-size:27px; font-weight:600; letter-spacing:-1px;}
}

@media (max-width:767px) {
.main_visual .main_area .inner {position:relative; height:280px;padding-top:30px; 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 #0a4150;}
.main_visual .main_area .inner .tit strong {color:#fff; font-size:27px; font-weight:600; letter-spacing:-1px;text-align:center;}

.main_visual .main_area .inner .tit2 {display:none;}
.main_visual .main_area .inner .tit2 strong {display:none;}
}

@media (max-width:1200px) {
.main_visual .main_area {height:200px;}
.main_visual .main_area .main_slider .sec a {margin:0;}
}

@media (max-width:1023px) {
.main_visual .main_area {height:200px;}
.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;}
}

@media (max-width:767px) {
.main_visual .main_area {height:100px;}
.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:#fff;}
.section .inner {max-width:1200px; margin:0 auto; padding:0px 20px 35px 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:url('/images/main/bg_intro.jpg') no-repeat 50% 50%; background-size:cover;}
.section.news {background:url('/images/main/bg_news.jpg') no-repeat 50% 50%; background-size:cover;}
.section.center {background:url('/images/main/bg_center.jpg') no-repeat 50% 50%; 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:1023px) {
.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:0; 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:0px; overflow:hidden;}
.news_wrap .latest_area .noticem_list {position:relative; float:left; width:33%; height:235px; background-color:#fff;
border-top:1px solid #e1e1e1;
border-left: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_wrap .latest_area .noticem_list .title {margin-top:20px;margin-left:20px ;font-size:22px;font-weight:700;color:#555;}
.news_wrap .latest_area .noticem_list .notice {margin-top:21px;margin-left:20px ;font-size:13px;color:#555;}
.news_wrap .latest_area .noticem_list .notice .mpopup {padding-top:5px;}
.news_wrap .latest_area .noticem_list .plus {float:right;padding-right:20px;}
.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 .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 {float:left; width:67%;height:235px;border:1px 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 .boards_list .title {margin-top:17px;margin-left:20px ;font-size:22px;font-weight:700;color:#555;}
.news_wrap .latest_area .boards_list .gallery {margin-top:21px;margin-left:20px ;font-size:13px;color:#ff0000;}
.news_wrap .latest_area .boards_list .plus {float:right;padding-right:20px;}
.news_wrap .latest_area .boards_list ul {margin:0; padding:25px 20px;}
.news_wrap .latest_area .boards_list ul li {margin-top:10px;}
.news_wrap .latest_area .boards_list ul li:first-child {margin-top:0;}
.news_wrap .latest_area .boards_list ul li dl {position:relative; padding-left:105px;}
.news_wrap .latest_area .boards_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_wrap .latest_area .boards_list ul li dl dd {height:30px; line-height:30px;}
.news_wrap .latest_area .boards_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_wrap .latest_area .boards_list ul li dl dd a:hover {text-decoration:underline;}

@media (max-width:1023px) {
.news_wrap {margin-top:0px;}
.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 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:767px) {
.news_wrap {margin-top:0px;}
.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:1px 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 .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 ul {padding:20px 15px;}
.news_wrap .latest_area .boards_list ul li {margin-top:8px;}
.news_wrap .latest_area .boards_list ul li dl {padding-left:95px;}
.news_wrap .latest_area .boards_list ul li dl dt {width:85px; height:28px; line-height:28px; font-size:12px;}
.news_wrap .latest_area .boards_list ul li dl dd {height:28px; line-height:28px;}
.news_wrap .latest_area .boards_list ul li dl dd a {font-size:13px;}
}


.quick_menu {margin-bottom:50px;}
.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:1px solid #4a99ad; background-color:#68b2c0; overflow:hidden;}
.quick_menu ul li a:hover {text-decoration:none; background-color:#4a99ad;}
.quick_menu ul li a .txt {display:block; margin:70% 5% 0 5%; color:#fff; font-size:18px; font-weight:600; letter-spacing:-0.5px;}
.quick_menu ul li a .ico {position:absolute; left:50%; bottom:40%; 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_menu ul li.nth1 a .ico {background-position:0 0;}
.quick_menu ul li.nth2 a .ico {background-position:-80px 0;}
.quick_menu ul li.nth3 a .ico {background-position:0 -80px;}
.quick_menu ul li.nth4 a .ico {background-position:-80px -80px;}
.quick_menu ul li.nth5 a .ico {background-position:0 -160px;}
.quick_menu ul li.nth6 a .ico {background-position:-80px -160px;}


.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:1240px) {
.quick_menu ul li a .txt {margin:70% 5% 0 5%; font-size:20px;}
.quick_menu ul li a .ico {bottom:40%;}
}

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

@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;}
}



@media (max-width:767px) {
.quick_menu ul li a {height:120px;}
.quick_menu ul li a .txt {font-size:16px;margin:80px 5% 0 5%; }
.quick_menu ul li a .ico {width:40px; height:40px; margin-left:-20px; background-size:80px 120px;}
.quick_menu ul li.nth1 a .ico {background-position:0 0;}
.quick_menu ul li.nth2 a .ico {background-position:-40px 0;}
.quick_menu ul li.nth3 a .ico {background-position:0 -40px;}
.quick_menu ul li.nth4 a .ico {background-position:-40px -40px;}
.quick_menu ul li.nth5 a .ico {background-position:0 -80px;}
.quick_menu ul li.nth6 a .ico {background-position:-40px -80px;}
}

@media (max-width:640px) {
.quick_menu {margin-top:0;}
.quick_menu ul li {width:33.32%;}
.quick_menu ul li a {height:100px; margin-top:-1px;}
.quick_menu ul li a .txt {margin:67px 5% 0 5%; font-size:14px;}
.quick_menu ul li a .ico {bottom:40px;}
}