@charset "euc-kr";
/* CSS Document */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
*{margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif; box-sizing:border-box;}
select {

   -webkit-appearance:none; /* for chrome */

   -moz-appearance:none; /*for firefox*/

   appearance:none;

}

select::-ms-expand{

   display:none;/*for IE10,11*/

}
a{text-decoration:none;}
a:link{text-decoration:none; color: #333;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none; color: #333;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
body{position: relative; height: 100%;}
table {border-collapse: collapse;}
p {letter-spacing: -1px;}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 60px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.banner_wraper { height: 60px; width: 1200px; position: absolute; overflow: hidden; margin: 0 auto; left: 50%; transform: translateX(-50%);}
.banner_wraper img { height: 45px; position: absolute; }

/* top */

.top{ position: fixed; left: 0; top: 0px; height: 90px; z-index: 999999; border-bottom: 1px solid #ddd; width: 100%; background: #fff;}
.top .menu { text-align: center; margin: 0 auto; transition: .2s; width: 1200px;}
.top .menu .sidemenu {position: relative;}
.top .menu .sidemenu .slist {float: left; margin-left: 80px; position: relative;}
.top .menu .sidemenu .slist:last-child {margin-right: 0;}
.top .menu .logo {display: block; float: left; margin-top: 15px;}
.top .menu .logo img{width: 200px; }
.top .menu .sidemenu {float: right; }
.top .menu .sidemenu .slist > a {line-height: 90px; color: #333; font-size: 20px; font-weight: 200; width: 100%; height: 100%; display: block; letter-spacing: -2px;}
.top .menu .sidemenu .slist > a:hover {}
.top .menu .sidemenu .slist .down {font-weight: 300;}
.top .menu .sidemenu .slist .down.on {font-weight: 500;}
.top .menu .sidemenu .slist .down:hover {font-weight: 500;}
.top .menu .sidemenu .slist .sslist {text-align: center; display: none; position: absolute; left: 50%; transform: translateX(-50%); width: 200px;}
.top .menu .sidemenu .slist .sslist a {font-size:16px; letter-spacing: -2px; display: block; font-weight: 500; color: #333; background: #fff; border-bottom: 1px solid  #ddd; padding: 10px 30px;}
.top .menu .sidemenu .slist .sslist li:last-child a {border-bottom: none;}
.top .menu .sidemenu .slist .sslist a:hover {color: #0e3988; font-weight: bold;}
.top .menubtn{display: inline-block;}
.top .menubtn li{position: relative;}
.top .menubtn li:after {position: absolute; content: ''; height: 3px; width: 100%; background: #000; bottom: 0; left: 50%; transform: translateX(-50%); display: none;}
.top .menubtn li a {color: #fff; font-size: 16px; font-weight: 700; line-height: 60px;}
.top .menubtn li a:hover {opacity: .7;}
.top .menubtn li.on:after {display: block;}
.topnav {display: none;width: 100%; background: #eaeaea;  position: fixed; bottom: 0; left: 0; height:75px; z-index: 99999;}
.topnav .topnavbox {width: 1160px; margin: 0 auto; margin-top: 13px;}
.topnav .topnavbox img{ float: left; width: 200px;}
.topnav .topnavbox .board {float: right; width: 900px;}
.snsnav {position: fixed; right: 55px; bottom: 140px; z-index: 99999; display: none;}
.snsbox ul li a:hover {opacity: .7;}
.snsbox ul li a img {width: 40px;}
.snsbox ul li {display: block; margin: 10px 0;}

.topbtn {position: fixed; bottom: 90px; right: 50px; display: block; width: 50px; height: 50px; background: #fff; z-index: 999999999; border: 4px solid #00923f; text-align: center; border-radius: 50%; display: none;}
.topbtn:before {position: absolute; content: ''; width:13px; height: 13px; border-top: 3px solid #00923f; border-right: 3px solid #00923f; display: inline-block; transform: translate(-50%,-60%) rotate(-45deg); position: absolute; top: 60%; left: 50%; transition: .3s;}
.topbtn:hover:before {top: 50%;}
.topbtn span {line-height: 50px; font-weight: 800; display: none;}

.smenu {color: #333; width: 1200px; margin: 0 auto; height: 60px;}
.smenu .ssmenu {display:flex; justify-content: space-around;}
.smenu .ssmenu p { width: 100%; text-align: center;}
.smenu .ssmenu p a{text-align: center; color: #999; line-height: 60px; font-size: 16px; display: block; width: 100%; height: 100%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.sub1 .smenu .ssmenu p:nth-child(1) a{border-bottom: 3px solid #000; display: block; width: 100%; height: 100%;}
.sub2 .smenu .ssmenu p:nth-child(2) a{border-bottom: 3px solid #000; display: block; width: 100%; height: 100%; border-left: 0;}
.sub3 .smenu .ssmenu p:nth-child(3) a{border-bottom: 3px solid #000; display: block; width: 100%; height: 100%; border-left: 0;}
.sub4 .smenu .ssmenu p:nth-child(4) a{border-bottom: 3px solid #000; display: block; width: 100%; height: 100%; border-left: 0;}
.sub5 .smenu .ssmenu p:nth-child(5) a{border-bottom: 3px solid #000; display: block; width: 100%; height: 100%; border-left: 0;}
.sub6 .smenu .ssmenu p:nth-child(6) a{border-bottom: 3px solid #000; display: block; width: 100%; height: 100%; border-left: 0;}

.smenu .ssmenu p:nth-child(2) a{border-left: 0;}
.smenu .ssmenu p:nth-child(3) a{border-left: 0;}
.smenu .ssmenu p:nth-child(4) a{border-left: 0;}
.smenu .ssmenu p:nth-child(5) a{border-left: 0;}
.smenu .ssmenu p:nth-child(6) a{border-left: 0;}
/* sidemenu */

/* slidetext */ 
.slidetxt{position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index:9999; text-align: left; width: 1200px;}
.slidetxt h1{color: #fff; font-size:46px; letter-spacing: -4px; position: relative; line-height: 1.3em; padding-top: 5px;}
.slidetxt h1 span {font-weight: 400;}
.slidetxt p{color: #fff; font-size:30px; margin-top: 20px; letter-spacing: -3px; padding-bottom: 10px; position: relative;} 
.slidetxt p:before {position: absolute; content: ''; width: 150px; height: 1px; background: #fff; bottom: 0; left: 10px;}
.slidetxt h3 {color: #fff; font-size: 37px; margin-top: 30px; font-weight: 400;}
/***rightmenu****/
.rightmenu {position: fixed; top: 50%; transform: translateY(-50%); right: 20px; background: #fff; border: 3px solid rgba(58,86,157,1); border-radius: 8px; z-index: 99999;}
.rightmenu div p {text-align: center;background: rgba(58,86,157,1); color: #fff; font-size: 14px; padding: 10px 0; font-weight: 700;}
.rightmenu div ul li a {width: 100%; height: 100%; display: block;}
.rightmenu div ul li a span:first-of-type {display: block; font-size: 30px; color: rgba(58,86,157,1);}
.rightmenu div ul li a span:last-of-type {font-size: 14px; color: rgba(58,86,157,1);}
.rightmenu div ul li {text-align: center; padding: 10px; position: relative; border-bottom: 1px solid rgba(58,86,157,1);}
.rightmenu div ul li:before {position: absolute; content: ''; }
.rightmenu div ul li:hover {background: rgba(58,86,157,1);}
.rightmenu div ul li:hover a span {color: #fff;}
/* footer */
.mapbox {background: #333; padding: 20px 20px; width: 100%; margin: 0 auto;}
.mapbox .maptxt {text-align: center; color: #fff;}
.mapbox .maptxt h3 {letter-spacing: 10px; font-size: 14px;}
.mapbox .maptxt h3 {margin: 5px 0;}
.mapbox .maptxt p {margin: 5px 0;}
.mapbox .maptxt h1 {padding-bottom: 20px;}
.footer {background: #666; width: 100%; margin: 0 auto; margin-bottom: 60px; text-align: center;}
.footer p{padding:20px; line-height:1.5em; color: #ddd;}
.footer p span{margin-right:15px; font-size:16px; font-weight:400;}

.copy {background: #333; padding: 50px 0;}
.copy .sbox {max-width: 1200px; margin: 0 auto; color: #666;}
.copy .sbox .ssbox:first-child ul li {display: inline-block; margin: 0 10px;}
.copy .sbox .ssbox:first-child ul {margin-bottom: 20px;}
.copy .sbox .ssbox:first-child ul li a {color: #fff;}
.copy .sbox .ssbox:first-child ul li:first-child {margin-left: 0;}

.cbox {padding: 100px 0; text-align: center; position: relative;} 
.cbox a {display: block;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.cbox a span {font-size: 21px;}
.cbox a span:nth-child(2) {width: 80px; height: 80px; line-height: 80px; display: inline-block; background: #000; color: #fff; border-radius: 50%; margin: 0 30px;}
/*section*/
.video_main {position: fixed; right: 40px; bottom: 30px; z-index: 99999999;padding: 14px; background: #fff; border-radius: 8px;}
.txtbox {background: #333; text-align: center; padding: 4px 20px; color: #fff; font-weight: 700; font-size: 12px;}
.maintitle {font-weight: 700;text-align: center; color: #006FC4; font-size: 30px; border-bottom: 3px solid #006FC4; padding-bottom: 5px;margin-bottom: 20px; display: inline-block;}
.mySwiper {
			 position: relative;
			 z-index: 9999;
			overflow: hidden;
            margin-top: 90px;
      }
.mySwiper1 {
        overflow: hidden;
        position: relative;
      }
.swiper-pagination-bullet-active {background: #fff;}
      .swiper-slide {
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        position: relative;
      }
.mySwiper .swiper-slide {position: relative;}
.mySwiper .swiper-slide .simg {width: 100%;}

.mySwiper .swiper-wrapper {position: relative;}
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {background: none; cursor: pointer;}
.mySwiper .swiper-button-next {position: absolute; width: 35px; height: 35px; border-top: 2px solid #fff; border-right: 2px solid #fff; display: inline-block; transform: rotate(45deg) translateY(-50%); position: absolute; top: 50%; right: 3%; z-index: 99999;}
.mySwiper .swiper-button-prev {position: absolute; width: 35px; height: 35px; border-top: 2px solid #fff; border-right: 2px solid #fff; display: inline-block; transform: rotate(225deg) translateY(-50%); position: absolute; top: 50%; left: 3%; z-index: 99999;}
.mySwiper .ssbox div {background: rgba(255,255,255,0.7); width: 1201px; margin: 0 auto; text-align: center; height: 60px;}
.mySwiper .ssbox div p {line-height: 60px; font-size: 24px; font-weight: 700; color: rgb(58,86,157);}
.mySwiper .ssbox {position: absolute; width: 100%; bottom: 0; z-index: 999999;}
.mySwiper .ssbox ul { width: 1201px; margin: 0 auto;}
.mySwiper .ssbox ul li:hover {background: rgba(58,86,157,0.5);}
.mySwiper .ssbox ul li {float: left; background: rgb(58,86,157);margin: 0 0.5px; width: calc((100% - 5px)/6); text-align: center; height: 60px;}
.mySwiper .ssbox ul li:hover a {height: 100px; margin-top: 0px;}
.mySwiper .ssbox ul li:first-child {margin-left: 0;}
.mySwiper .ssbox ul li:last-child {margin-right: 0;}
.mySwiper .ssbox ul li:last-child {border: none;}
.mySwiper .ssbox ul li a {line-height: 60px; height: 60px; display: block; transition: all .3s ease;}
.mySwiper .ssbox ul li a span {color: #fff;}
.mySwiper .ssbox ul li a span:first-child {font-size: 30px; vertical-align: middle; margin-right: 10px;}
.mySwiper1 {width: 75%; float: right;}
.mySwiper1 img {width: 70%;}
.mySwiper1 .good_txt { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);}
.mySwiper1 .good_txt p {font-size: 18px; font-weight: 700;}
.mySwiper1 .swiper-slide {width: 300px; height: 300px; border-top: 1px solid  #ddd; border-bottom: 1px solid  #ddd; border-right: 1px solid  #ddd;}
/*section*/

.cphoto {background: url(../img/s01.jpg) center top / cover; height: 750px; position: relative; z-index: 9999;}
.section {text-align: center;}
.section01 {position: relative; z-index: 9999;}

.sectitle {text-align: center; margin-top: 80px; margin-bottom: 40px;}
.sectitle p:first-child{font-weight: 400; font-size: 40px; color: #000;}
.sectitle p:last-child {font-size: 50px; color: #666; font-weight: 100;}

.sstitle p:first-child {font-size: 40px; font-weight: 700; color: #000; margin: 40px 0;}
.sstitle p:last-child {font-size: 18px; font-weight: 400; color: #666;}
.sstitle {text-align: center;}

.section01 .sbox {width: 1200px; margin: 50px auto;}
.section01 .sbox .ssbox {padding: 15px 0;}
.section01 .sbox .ssbox .gall_title {float: left; font-size: 36px; font-weight: 700; margin-bottom: 30px; border-bottom: 1px solid  #666; padding-bottom: 5px;}
.section01 .sbox .ssbox .more {display: block;float: right; padding-top: 35px;}

.section02 .sbox .ssbox {width:25%; float:left; height: 300px;}
.section02 .sbox .ssbox a {display: block; width: 100%; height: 100%; padding: 30px; color: #fff;}
.section02 .sbox .ssbox a h3 {font-size: 32px;}
.section02 .sbox .ssbox a p {font-size: 18px; margin: 10px 0;}
.section02 .sbox .ssbox a span {position: relative;}
.section02 .sbox .ssbox a span img {position: absolute; right: -33px; bottom: 3px; transition:.2s;}
.section02 .sbox .ssbox a:hover span img {right:-50px;}
.section02 .sbox .ssbox:nth-child(1) {background: url(../img/ss02.jpg) no-repeat center / cover;}
.section02 .sbox .ssbox:nth-child(2) {background: url(../img/ss01.jpg) no-repeat center / cover;}
.section02 .sbox .ssbox:nth-child(3) {background: url(../img/ss03.jpg) no-repeat center / cover;}
.section02 .sbox .ssbox:nth-child(4) {background: url(../img/ss04.jpg) no-repeat center / cover;}

.section03 { width: 1200px; margin: 50px auto;}
p strong {color: #000;}

.section04 {margin: 50px 0 100px 0;}
/*sub*/
.sub{ overflow:hidden; padding-top: 90px; position: relative; }
.sub .contents .board td,
.sub .contents .board td a{font-size:12px; font-weight:400; color:#666;}
.sub .subtitle p {font-size: 18px; color: #fff; text-align: center;}
.sub .subtitle h1 {font-size: 60px; color: #fff; text-align: center; padding-bottom: 5px; font-weight: 500;}
.sub .subtitle {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.sub .contents {max-width: 1200px; width: 100%; margin: 50px auto;}
.sub .contents h3 {text-align: center; font-size: 24px; margin-bottom: 20px;}
.sub .contents .stitle {text-align: center; font-size: 32px; font-weight: 800; border-bottom: 3px solid #666; padding-bottom: 50px;}
.sub .sintro h1 {font-size: 44px; font-weight: 700; margin-top: 50px; margin-bottom: 100px; text-align: center; position: relative;}
.sub .sintro h1:before{position: absolute; content: ''; height: 3px; width: 50px; background: #000; left: 50%; bottom: -35px; transform: translateX(-50%);}
.subtop {width: 100%; height: 350px; position: relative;}
.subtop01 {background: url(../img/subtop01.jpg) no-repeat center / cover;}
.subtop02 {background: url(../img/subtop02.jpg) no-repeat center / cover;}
.subtop03 {background: url(../img/subtop03.jpg) no-repeat center / cover;}
.subtop04 {background: url(../img/subtop04.jpg) no-repeat center / cover;}
.subtop05 {background: url(../img/subtop05.jpg) no-repeat center / cover;}
.subtop06 {background: url(../img/subtop06.jpg) no-repeat center / cover;} 
.subtop07 {background: url(../img/subtop07.jpg) no-repeat center / cover;}
.subtop08 {background: url(../img/subtop08.jpg) no-repeat center / cover;}
.stable td, 
.stable th { padding: 10px;}
.stable tr th {font-size: 16px; background: #e9e9e9; width: 10%;}
.stable tr td:first-child {text-align: center;}
.sub .sbox .ssbox .sbtn {background: #3d569d; color: #fff; text-align: center; padding: 10px 20px;}
.sub .sbox .ssbox div .mtitle{position: relative; font-size: 24px; color: #3d569d; margin-top: 50px; margin-bottom: 20px; display: block; font-weight: 700; padding-left: 30px;}
.sub .sbox .ssbox div .mtitle:before{position: absolute; content: ''; width: 30px; height: 29px; background: url(../img/symbol02.png) no-repeat center / cover;
 left: 0;top: 50%; transform: translateY(-50%);}
.sub .sbox .ssbox .ibox {border: 1px solid  #ddd; margin: 30px 0;}

.sub01_01 {margin-bottom: 50px;}
.sub01_01 .contents {position: relative; max-width: 100%;}
.sub01_01 .sbox .ssbox {float: left; width: 50%;}
.sub01_01 .sbox .ssbox:nth-child(2) {background: url(../img/sub01_01.jpg) no-repeat center / cover; height: 700px;}
.sub01_01 .sbox .ssbox:nth-child(3) {padding: 30px 50px;}
.sub01_01 .sbox .ssbox:nth-child(3) h1 {font-size: 50px;}
.sub01_01 .sbox .ssbox:nth-child(3) h1 b {color: #006FC4;}
.sub01_01 .sbox .ssbox:nth-child(3) p {font-size: 18px; line-height: 2em;}
.sub01_01 .sbox .ssbox:nth-child(3) p:first-of-type {font-size: 20px; font-weight: 700;}
.sub01_01 .sbox .ssbox:nth-child(3) p:last-of-type {text-align: right; font-size: 24px;}
.sub01_01 .sbox .ssbox:nth-child(3) p:last-of-type b {color: #006FC4; margin-left: 10px;}

.sub01_03 .sbox .ssbox {border: 1px solid  #ddd; padding: 70px;}
.sub01_03 .sbox .ssbox .ititle {font-size: 32px;text-align: center; font-weight: 600; margin: 50px 0; border-bottom: 3px solid #ddd; padding-bottom: 30px;}
.sub01_03 .sbox .ssbox .itxt b {font-size: 18px; display: block; font-weight: 600; margin-top: 30px; margin-bottom: 10px;}
.sub01_03 .sbox .ssbox .itxt {line-height: 2em;}

.sub01_04 .sbox {width: 1200px; margin: 0 auto;}
.sub01_04 .sbox .ssbox .member {width: 100%; border: 1px solid #ddd; text-align: center;}
.sub01_04 .sbox .ssbox .member th {border-top: 3px solid #333; background: #e9e9e9; padding: 20px 20px; font-size: 20px;}
.sub01_04 .sbox .ssbox .member th:first-child {width: 5%;}
.sub01_04 .sbox .ssbox .member th:last-child {width: 10%;}
.sub01_04 .sbox .ssbox .member td {font-size: 20px; padding: 10px 20px;}

.sub01_05 .sbox .ssbox:last-child div:last-child {border-bottom: none;}
.sub01_05 .sbox .ssbox:last-child div span {float: left; padding-right: 100px; display: block; position: relative; font-size: 24px; color: #3d569d; font-weight: 600;}
.sub01_05 .sbox .ssbox:last-child div span:before {position: absolute; content: ''; background: #000; width: 30px; height: 29px; background: url(../img/symbol02.png) no-repeat center / cover; top: 0; left: -35px;}
.sub01_05 .sbox .ssbox:last-child div {padding: 50px; border-bottom: 1px dashed #ddd;}
.sub01_05 .sbox .ssbox:last-child div p {padding-left: 500px; line-height: 2em; letter-spacing: -1px;}
.sub01_05 .sbox .ssbox:last-child div p a {font-size: 20px; font-weight: 600; text-decoration: underline;}
.sub01_05 .sbox .ssbox:last-child div p b {font-size: 20px; margin-bottom: 20px; margin-top: 10px;} 

.sub01_07 .sbox .ssbox .ibox {padding: 30px; font-size: 18px;}
.sub01_07 .sbox .ssbox .vision {text-align: center;}
.sub01_07 .sbox .ssbox .vision > div {padding: 30px 0; border: 1px solid  #ddd; margin: 30px 0;}
.sub01_07 .sbox .ssbox .vision div p {line-height: 2em; font-size: 18px;}
.sub01_07 .sbox .ssbox .vision .mtitle {display: inline-block; margin: 20px 0;}
.sub01_07 .sbox .ssbox .vision div .mtitle:before{position: absolute; content: ''; width: 30px; height: 29px; background: url(../img/symbol02.png) no-repeat center / cover; left: 0;top: 50%; transform: translateY(-50%);}
.sub01_07 .sbox .ssbox .vision h3 {font-size: 18px; line-height: 2em; margin-bottom: 0;}
.sub01_07 .sbox .ssbox .vision h1 {font-size: 24px; color: #3d569d; margin-top: 30px;}
.sub01_07 .sbox .ssbox .vision ul li {font-weight: 700;font-size: 18px; display: inline-block; border: 1px solid  #ddd; padding: 20px 60px; color: #3d569d;}
.sub01_07 .sbox .ssbox .ci .cibox img {float: left; width: 200px;}
.sub01_07 .sbox .ssbox .ci {text-align: center;}
.sub01_07 .sbox .ssbox .ci .mtitle {display: inline-block; margin: 20px 0;}
.sub01_07 .sbox .ssbox .ci div .mtitle:before{position: absolute; content: ''; width: 30px; height: 29px; background: url(../img/symbol02.png) no-repeat center / cover; left: 0;top: 50%; transform: translateY(-50%);}
.sub01_07 .sbox .ssbox .ci div h3 {margin-bottom: 20px; font-size: 18px;}
.sub01_07 .sbox .ssbox .ci div .cibox:nth-of-type(1) div {margin-top: 50px;} 
.sub01_07 .sbox .ssbox .ci div .cibox:nth-of-type(2) div {margin-top: 20px;} 
.sub01_07 .sbox .ssbox .ci div .cibox:nth-of-type(3) div {margin-top: 20px;} 
.sub01_07 .sbox .ssbox .ci div .cibox {border: 1px solid  #ddd; padding: 30px; padding-left: 100px; margin: 20px 0;}

.sub02_01 .sbox .ssbox p {line-height: 2em;}
.sub02_01 .sbox .ssbox .ibox {position: relative; padding: 30px;}
.sub02_01 .sbox .ssbox .sub_bottom {height: 500px;}
.sub02_01 .sbox .ssbox .sub_bottom01 {background: url(../img/sub02_01.jpg) no-repeat center / cover;}
.sub02_01 .sbox .ssbox .sub_bottom02 {background: url(../img/sub02_02.jpg) no-repeat center / cover;}
.sub02_01 .sbox .ssbox .sub_bottom03 {background: url(../img/sub02_03.jpg) no-repeat center / cover;}
.sub02_01 .sbox .ssbox .sub_bottom04 {background: url(../img/sub02_04.jpg) no-repeat center / cover;}
.sub02_01 .sbox .ssbox .sub_bottom05 {background: url(../img/sub02_05.jpg) no-repeat center / cover;}
.sub02_01 .sbox .ssbox .sub_bottom06 {background: url(../img/sub02_06.jpg) no-repeat center / cover;}
.sub02_01 .sbox .ssbox .sub_bottom07 {background: url(../img/sub02_07.jpg) no-repeat center / cover;}
.sub02_01 .sbox .ssbox .sub_bottom08 {background: url(../img/sub02_08.jpg) no-repeat center / cover;}
.sub02_05 .sbox .ssbox .sub_bottom05 {background: url(../img/sub02_05.jpg) no-repeat center / cover; height: 500px; margin-top: 50px;}

.sub02_02 .sbox .ssbox .ibox {text-align: center; padding: 30px; margin: 30px 0;}
.sub02_02 .sbox .ssbox .ibox p {font-size: 18px; font-weight: 700; line-height: 2em;}
.sub02_02 .sbox .ssbox div:nth-of-type(3),
.sub02_02 .sbox .ssbox div:nth-of-type(4) {text-align: center;}
.sub02_02 .sbox .ssbox div img {display: inline-block;} 

.sub02_05 .sbox .ssbox p {line-height: 2em;}
.sub02_05 .sbox .ssbox p b {font-weight: 600; font-size: 18px; margin: 30px 0; display: block;}
.sub02_05 .sbox .ssbox p span {color: #3d569d; font-weight: 600;}

.sub03_05 .sbox .ssbox {text-align: center;}

.sub04_01 {}
.sub04_01 .sbox {max-width: 1200px; width: 100%; margin: 0 auto;}
.sub04_01 .sbox .ibox { padding: 50px;}
.sub04_01 .sbox .ibox p {font-size: 18px; font-weight: 400; line-height: 1.5em;}
.sub04_02 .contents .stitle {border-bottom: none; padding-bottom: 0;}

.sub04_02 .sbox .ssbox {text-align: center;}
.sub04_02 .sbox .ssbox div {}

.sub07_04 .sbox .ssbox div {text-align: center;}
.sub07_04 .sbox .ssbox div .mtitle {padding-left: 0;margin-top: 15px;}
.sub07_04 .sbox .ssbox div .mtitle:before{ display: none; }
.sub07_04 .sbox .ssbox div .ibox {padding: 30px 250px; }
.sub07_04 .sbox .ssbox div .ibox p {margin: 20px 0; line-height: 2em; border-bottom: 1px solid #ddd; padding-bottom: 50px; padding-top: 50px;}
.sub07_04 .sbox .ssbox div .ibox p:last-child {border-bottom: none;}
.sub07_04 .sbox .ssbox div .ibox p:first-child {padding-top: 0;}
.sub07_04 .sbox > p {color: #3d569d;text-align: center; font-size: 38px; font-weight: 700;}

.sub07_05 .sbox .ssbox div .mtitle {display: inline-block; margin-right: 20px;}
.sub07_05 .sbox .ssbox div p {font-size: 18px;}
.sub07_05 .sbox .ssbox div table {margin: 30px 0;}
.sub07_05 .sbox .ssbox div table tr th {background: #3d569d; color: #fff;}
.sub07_05 .sbox .ssbox div table tr th,
.sub07_05 .sbox .ssbox div table tr td{padding: 10px 20px; text-align: center; font-size: 20px;}
.sub07_05 .sbox .ssbox div h6 {font-size: 18px; margin-top: 10px; text-align: center;}
.member_notice {display: none;}