@charset "utf-8";

.body_bg{background:url('/images/body_bg.jpg') no-repeat center 120px #eee;}
.sub_bg{background:url('/images/sub_bg.jpg') no-repeat center 100px;}
.wrap{position:relative;width:1200px; margin:0 auto;overflow-x:hidden;}

.header{width:100%; background:url('/images/header_bg.jpg') repeat-x 0 45px #fff;}
.gnb{width:1200px; margin:0 auto;}
.gnb ul{float:right;}
.gnb ul li{float:left; margin:10px 0 0 15px; list-style:none;}
.gnb ul li a{color:#666; font-size:12px;}
.gnb h1{float:left;margin:5px 0 6px;}
.lnb_bg {width:100%;background:#098899;clear:both;height:54px;}
.lnb_wrap{clear:both; width:1200px; margin:0 auto; height:50px;}
.lnb{position:relative; display:flex; justify-content:space-between; z-index:999;}
.lnb>li{list-style-type:none; text-align:center;}
.lnb li a{font-size:20px; color:#fff; font-family:'NotoRegular'; letter-spacing:-0.5px; padding:15px 50px; display:block;}
.lnb li:nth-child(6) a{padding-right:0;width:171px;padding-left:0;}
.lnb li:hover {background:#055e6a;}
.lnb li:hover a{color:#fff;}
.lnb li:hover .sub{opacity: 0.95; visibility: visible;}
.lnb .sub{position:absolute; top:54px;
   opacity: 0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   visibility: hidden;
    background-color:#055e6a;
}
.lnb .sub li{list-style-type:none;  border-bottom:1px solid #5d5d5d; text-align:left;}
.lnb .sub li a{font-size:14px; font-weight:bold; color:#fff; font-weight:bold; display:block; padding:10px 0px 7px 15px;}
.lnb .sub li a:hover{color:#ffff00;}
#sub1{left:0px; width:171px;}
#sub2{left:194px; width:171px;}
#sub3{left:388px; width:172px;}
#sub4{left:583px; width:207px;}
#sub5{right:195px; width:193px;}
#sub6{right:0px; width:171px;}

.guide_01:before {position:absolute;clear:both;content:"";width:10px;height:10px;left:0;top:8px;background:#164e7c;}
.guide_01 {font-size:20px;padding:0 0 20px 20px; font-family:'NotoMedium';position:relative;}

.visual {width:100%;}
.visual img {width:100%;}

.topbn{margin:340px auto 0 auto;}
.topbn li{list-style:none; float:left;}

/*main*/
.cont {width:100%;margin:20px 0;display:flex;justify-content:space-between;}
.quick {width:640px;display:flex;justify-content:space-between; flex-wrap:wrap;}
.quick:after {clear:both;display:block;content:"";}
.quick > li {list-style:none;text-align:center;width:320px;height:123px;}
.quick li a, .quick li span {color:#fff;}
.quick li span {text-align:left;font-size:24px;font-weight:bold;display:block;padding:13px 15px;}
.quick > li {display:table;border:1px solid #fff;box-sizing:border-box;}
.quick > li:nth-of-type(1) {background:url('/images/quick_01.jpg') no-repeat;}
.quick > li:nth-of-type(2) {background:url('/images/quick_02.jpg') no-repeat;}
.quick > li:nth-of-type(3) {background:url('/images/quick_03.jpg') no-repeat;}
.quick > li:nth-of-type(4) {background:url('/images/quick_04.jpg') no-repeat;}
.quick > li > a {display:table-cell;vertical-align:middle;font-size:24px;font-weight:bold;}

.quick > li > ul{display:flex;justify-content:space-between; flex-wrap:wrap; width:260px; margin:0 auto;}
.quick > li > ul > li {list-style:none;width:120px; height:30px; margin:2px 5px;}
.quick li ul li a {display:block;width:100%;line-height:27px;text-align:center;background:#1a55a5;border-radius:5px;font-size:14px;}
.main_bn {width:550px;border:1px solid #ddd;box-sizing:border-box;overflow:hidden;}

.cont1 {width:100%;display:flex;justify-content:space-between;}
.cont1 div {padding:20px 15px;box-sizing:border-box;}
.cont1 p {font-size:24px;font-weight:bold;margin-bottom:15px;}
.cont1 p img {float:right;}
.cont1 li {list-style:none;}
.bn_noti {width:640px;border:1px solid #ddd;}
.bn_noti > p {color:#006a80;}
.bn_noti > p:after {display:block;clear:both;content:"";border-bottom:4px solid #0a829d;width:40px;padding-top:5px;}
.bn_noti li a {display:inline-block;font-weight:bold; padding:0 0 10px;}
.bn_noti li span {float:right;font-size:12px;}
.bn_cal {float:right;width:550px;background:#f5f5f5;}
.bn_cal > p {color:#006a80;}
.bn_cal > p:after {display:block;clear:both;content:"";border-bottom:4px solid #0a829d;width:40px;padding-top:5px;}
.bn_cal .cal_tit {font-size:18px;margin:0;}
.bn_cal ul li {margin-bottom:10px;}
.bn_cal ul li span {display:block;font-size:14px;line-height:1.4;padding-left:20px;}

.bn_cal2 {float:right;width:550px;background:#fff; display:flex; gap:0; padding: 0 0 0 0 !important; border:1px solid #ddd;}

.tab_wrap {float:left;}
.tab_navi {position:relative;}
.tab_navi:after {content:"";clear:both;display:block;}
.tab_navi li {float:left;list-style:none; width:123px;cursor:pointer;text-align:center;line-height:40px;font-size:18px;font-weight:bold;}
.tab_navi li:nth-of-type(3) {position:absolute;right:0;top:10px;}
.tab_navi li.active {border-bottom:3px solid #fac65c;color:#fac65c;}
.tab_cont {height:202px; border:1px solid #ddd; width:100%;box-sizing:border-box;padding:20px;}
.tab_cont > div{ display:none;transition:display 1s;}
.tab_cont > div.active{display:block;}


.banner{margin:30px 0 50px;width:1200px;}
.bn_img{margin-right:15px;}

/*footer*/
.m_sitemap{width:1200px; margin:0px auto; overflow:hidden; padding:50px 0;}
.m_sitemap dl{float:left; width:200px; border-right:1px solid #515050; height:200px; padding:0 15px; text-align:center;box-sizing:border-box;}
.m_sitemap dt{font-size:20px; color:#000; padding-bottom:10px; font-family: 'NotoMedium'; text-align:center;}
.m_sitemap dd a{font-size:14px; color:#000;}

.m_sitemap dl:nth-child(1){padding-left:0;}
.m_sitemap dl:nth-child(6){border-right:none;}



.banner_wrap2{background-color:#fff; padding:40px 0;}
.banner2{margin:0px auto; width:1200px; overflow:hidden;}
.banner2 li{list-style:none; float:left; margin:0 2px 2px 0;}
.banner2 li:nth-child(7){margin-right:0;}
.banner2 li img{width:155px;}

.banner_wrap3{background-color:#fff; padding:40px 0;}
.banner3{margin:0px auto; width:1200px; overflow:hidden;}
.banner3 li{list-style:none; float:left; margin:0 0px 10px 0; width:25%; text-align:center;}
.banner3 li img{width:90%; margin:0 auto;}

.banner_wrap4{background-color:#fff; padding:40px 0;}
.banner4{margin:0px auto; width:1200px; overflow:hidden; }
.banner4 p{font-size:16px; margin-bottom:15px; color:#393838;}
.banner4 li{list-style:none; float:left; margin:0 0px 23px 0; width:18%; text-align:center; border:1px solid #ddd; margin-right:25px;}
.banner4 li:nth-child(6), .banner4 li:nth-child(11), .banner4 li:nth-child(16), .banner4 li:nth-child(21){margin-right:0;}
.banner4 li img{width:95%; margin:0 auto;}

.banner5{margin:0px auto; width:1200px; overflow:hidden; }
.banner5 p{font-size:20px; margin-bottom:15px; color:#393838;}
.banner5 li{list-style:none; float:left; margin:0 0px 23px 0; width:22%; text-align:center; border:1px solid #ddd; margin-right:25px;}
.banner5 li img{width:95%; margin:0 auto;}


.footer_bg{width:100%; background-color:#eaeaea; clear:both;}
.footer{width:1200px; margin:0 auto; color:#333; padding:30px 0; font-size:13px; line-height:20px;  border-top:1px solid #fff;}
.footer img{margin:6px 25px 30px 0px; display:block; float:left;}
.footer a{font-size:13px; color:#333;}
.footer strong{font-size:13px; color:#000;}

.left{width:1200px;}
.left p{color:#fff; height:176px; line-height:160px; text-align:center; font-size:32px; font-family:'NotoMedium'; color:#095ca1;}
.left ul{ overflow:hidden; border-bottom:3px solid #28c2ca;}
.left ul li{list-style:none;}
.left ul li a{display:block;  float:left; font-size:17px; padding:15px 35px; font-family:'NotoRegular'; background-color:#fff; border-left:1px solid #ddd;}
.left ul li:last-child a{ border-right:1px solid #ddd;}
.left ul li a:hover{color:#414141; }
.left ul li.over a{ background-color:#f0f0f0; color:#16216a;}
.left ul li.over:hover{color:#000}

.contents{clear:both; padding:0 0px 50px 0px;}
.title{font-size:34px; border-bottom:1px solid #ddd; padding:35px 0px 35px 0; margin-bottom:40px;font-family:'NotoMedium'; font-weight:600; text-align:center;}