@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');
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');

/*font-family: 'Nanum Myeongjo', serif;*/
/*font-family: 'Cookie', cursive;*/
/*font-family: 'GmarketSansLight';*/
/*font-family: 'GmarketSansMedium';*/
/*font-family: 'GmarketSansBold';*/
*{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;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.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';
}
/* top */

.top{ position: fixed; left: 0; top: 0px; height: 160px; z-index: 999999; background: url(../img/top_bg.jpg) repeat center / cover; width: 100%; text-align: center; transition: .2s;}
.top.on {top: -70px;}
.top .menu { text-align: center; margin: 0 auto; transition: .2s; width: 1200px;}
/*.top .menu .sidemenu .slist {float: left; margin-right: 199px; position: relative;}*/
.top .menu .sidemenu .slist:last-child {margin-right: 0;}
.top .logo { display: block; text-align: center; height: 70px;}
.top .logo img {width: 240px; padding-top: 15px;}
.top .menu .sidemenu {width: 1200px; display: flex; justify-content: space-around;}
.top .menu .sidemenu .slist {flex-grow: 1; position: relative;} 
.top .menu .sidemenu .slist > a {line-height: 90px; color: #fff; font-size: 18px; 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: 200;}
.top .menu .sidemenu .slist .down.on {color: #333; font-weight: 700;}
.top .menu .sidemenu .slist .down:hover {color: #333; font-weight: 700;}
.top .menu .sidemenu .slist .sslist {text-align: center; display: none;}
.top .menu .sidemenu .slist .sslist.on {display: block; position: absolute; left: 50%; transform: translateX(-50%);}
.top .menu .sidemenu .slist .sslist a { font-size:14px; letter-spacing: -2px; display: block; font-weight: 500; color: #333; background: #fff; border-bottom: 1px solid  #ddd; padding: 10px 30px; width: 200px;}
.top .menu .sidemenu .slist .sslist li:last-child a {border-bottom: none;}
.top .menu .sidemenu .slist .sslist a:hover {color: #9e9641; 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: 600px; height: 40px; margin: 30px auto;}
.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: 40px; font-size: 14px; display: block; width: 100%; height: 100%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.sub1 .smenu .ssmenu p:nth-child(1) a{background: #9e9641; color: #fff; display: block; width: 100%; height: 100%;}
.sub2 .smenu .ssmenu p:nth-child(2) a{background: #9e9641; color: #fff; display: block; width: 100%; height: 100%;}
.sub3 .smenu .ssmenu p:nth-child(3) a{background: #9e9641; color: #fff; display: block; width: 100%; height: 100%;}
.sub4 .smenu .ssmenu p:nth-child(4) a{background: #9e9641; color: #fff; display: block; width: 100%; height: 100%;}
.sub5 .smenu .ssmenu p:nth-child(5) a{background: #9e9641; color: #fff; display: block; width: 100%; height: 100%;}
.sub6 .smenu .ssmenu p:nth-child(6) a{background: #9e9641; color: #fff; display: block; width: 100%; height: 100%;}
/* sidemenu */

/* slidetext */ 
.slidetxt{position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index:999; text-align: center; width: 100%;}
.slidetxt h1{color: #fff; font-size:60px; letter-spacing: -4px; position: relative; font-weight: 200;} 
.slidetxt h1 strong {font-weight: 700;}
.slidetxt p{color: #fff; font-size:24px; margin-top: 20px; letter-spacing: -3px;} 

.woman {position: absolute; left: 30%; ; bottom: -10px; z-index: 99999;}

.slidetxt01 {position:absolute; left:10%; top: 50%; transform: translateY(-50%); width: 500px;}

.slidetxt01 img {width: 500px;}
.logo_circle {position: absolute; right: 10%; bottom: 40px; animation-name: logo_circle; animation-duration: 50s; animation-iteration-count: infinite; width: 200px;}
@keyframes logo_circle{
    from {transform: rotate(0deg);}
    to{transform: rotate(3600deg);}
}
.slidetxt02 {top: 50%; transform: translateY(-50%) translateX(0); left:10%; text-align: left;}
.slidetxt02 h1 {text-shadow: none; font-size: 60px; font-weight: 200; color: #333;}
.slidetxt02 p {text-shadow: none; font-size: 24px; padding-bottom: 10px; display: inline-block; border-bottom: 2px solid #333; font-weight: 200; color: #333;}
.slidetxt02 h3 {text-shadow: none; font-size: 24px; padding-top: 10px; font-weight: 200; color: #333;}
.slidetxt02 a {display: inline-block; padding: 10px 20px; color: #333; border: 1px solid #333; font-size: 20px; margin-top: 20px; transition: .2s;}
.slidetxt02 a:hover {background: #fff; color: #666;}
/***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; text-align: center;}
.copy .sbox {max-width: 1200px; width: 100%; margin: 0 auto; color: #666;}
.copy .sbox .ssbox:first-child > a img {}
.copy .sbox .ssbox:first-child > a {display: block;margin-bottom: 15px;}
.copy .sbox .ssbox:first-child ul li {display: inline-block;}
.copy .sbox .ssbox:first-child ul li a {color: #fff;}
.copy .sbox .ssbox:first-child ul li a:hover {color: #666;}
.copy .sbox .ssbox:first-child ul {margin-bottom: 20px;}
.copy .sbox .ssbox:first-child ul li:nth-child(2) {margin: 0 10px;}

.copynav {position: fixed; height: 85px; text-align: center; bottom: 0; left: 0; background: #fae100; width: 100%; z-index: 99999999}
.copynav a {background: #fae100; display: block; text-align: center; width: 100%; height: 100%;}
.copynav span {display: inline-block; position: absolute; background: #371722; color: #fff; right: 10px; top: 10px; width: 20px; height: 20px; font-size: 12px; cursor: pointer;}
/*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: 160px;
      }
.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-pagination-bullet {}
.mySwiper .swiper-wrapper {position: relative;}
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {background: none;}
.mySwiper .swiper-button-next {position: absolute; content: ''; width: 35px; height: 35px; border-top: 2px solid #666; border-right: 2px solid #666; display: inline-block; transform: rotate(45deg) translateY(-50%); position: absolute; top: 50%; right: 3%; opacity: .5;}
.mySwiper .swiper-button-prev {position: absolute; content: ''; width: 35px; height: 35px; border-top: 2px solid #666; border-right: 2px solid #666; display: inline-block; transform: rotate(225deg) translateY(-50%); position: absolute; top: 50%; left: 3%; opacity: .5;}
.mySwiper .swiper-button-next:hover,
.mySwiper .swiper-button-prev:hover {opacity: 1; }
.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 {overflow: hidden;}
.section .sbox{width: 100%; max-width: 1200px; margin: 0 auto;}
.sectitle {text-align: center; margin-top: 80px; margin-bottom: 40px;}
.sectitle p:first-child{font-weight: 400; font-size: 60px; color: #242841; font-family: 'GmarketSansLight';}
.sectitle p strong {color: #9e9641; font-family: 'GmarketSansBold';}
.section01 .sbox .ssbox h1 {}
.tabmenu {margin: 30px auto; text-align: center; background: #e9e9e9; }
.tabmenu li {width: 25%; font-size: 20px; cursor: pointer; color: #333; position: relative; line-height: 60px; float: left; box-sizing: border-box; height: 60px; transition:.2s;}
.tabmenu li:last-child {padding-right: 0;}
.tabmenu li:last-child:before {display: none;}
.tabmenu li:hover {border: 1px solid #666;}
.tabmenu li.on {border: 1px solid #666; border-top:4px solid #3d569d; font-weight: 600; background: #fff; box-sizing: border-box; line-height: 56px;}
.sbox .ssbox .t01 {transition:.5s; display: none; margin: 0 auto; margin-top: 10px;}
.sbox .ssbox .t01.on {opacity: 1; display: block;}
.sbox .ssbox .t02 {transition:.5s; display: none; margin: 0 auto; margin-top: 10px;}
.sbox .ssbox .t02.on {opacity: 1; display: block;}
.sbox .ssbox .t03 {transition:.5s; display: none; margin: 0 auto; margin-top: 10px;}
.sbox .ssbox .t03.on {opacity: 1; display: block;}
.sbox .ssbox .t04 {transition:.5s; display: none; margin: 0 auto; margin-top: 10px;}
.sbox .ssbox .t04.on {opacity: 1; display: block;}

.section01 {text-align: center; padding-bottom: 50px;}
.section01 .sbox .ssbox ul li {float: left; width: 32%; height: 300px; transition: 3s;}
.section01 .sbox .ssbox ul li:nth-child(2) {margin: 0 2%;}
.section01 .sbox .ssbox ul li a {width: 100%; height: 100%; display: block; color: #fff; line-height: 300px;font-size: 38px; transition: .5s; font-weight: 600;}
.section01 .sbox .ssbox ul li:first-child {background: url(../img/ss01.jpg) no-repeat center / cover;}
.section01 .sbox .ssbox ul li:nth-child(2) {background: url(../img/ss02.jpg) no-repeat center / cover;}
.section01 .sbox .ssbox ul li:last-child {background: url(../img/ss03.jpg) no-repeat center / cover;}
.section01 .sbox .ssbox ul li:hover a {font-size: 42px;}
.banner_wraper { height: 200px; width: 100%; position: absolute; overflow: hidden; margin: 0 auto; left: 50%; transform: translateX(-50%);}
.banner_wraper img { width: 200px; height: 200px; border-radius: 50%; position: absolute; border: 1px solid  #ddd;}
.section01 .sbox .ssbox:first-child {margin-bottom: 100px;}
.section01 .sbox .ssbox:last-child {margin-top: 400px;}
.section01 .sbox .ssbox:last-child p {font-size: 24px; color: #242841; font-weight: 700;line-height: 2em;}

.section02 {padding:50px 0; background: url(../img/section02.jpg) no-repeat center / cover;}
.section02 .sbox .ssbox {text-align: center; color: #fff;}
.section02 .sbox .ssbox h1 {font-size: 60px; font-weight: 200; margin: 30px 0; font-family: 'GmarketSansLight';}
.section02 .sbox .ssbox h1 strong { font-weight: 900; display: inline-block; border-bottom: 3px solid  #9e9641; padding-bottom: 5px; color: #9e9641; font-family: 'GmarketSansBold';}
.section02 .sbox .ssbox p {font-size: 24px;}
.section02 .sbox .ssbox img {display: inline-block; text-align: center; width: 300px; padding: 50px 0;}

.section03 {margin: 50px 0 100px 0;}
.section03 .sbox .ssbox .pbox {width: 49%; float: left; height: 400px; padding: 30px; background: #fff; position: relative;}
.section03 .sbox .ssbox .pbox img {width: 100%;}
.section03 .sbox .ssbox > h1 {font-size: 60px; font-weight: 200; padding-top: 50px; color: #242841; text-align: center; margin-bottom: 30px; font-family: 'GmarketSansLight';}
.section03 .sbox .ssbox > h1 strong {color: #9e9641; font-family: 'GmarketSansBold';}
.section03 .sbox .ssbox .pbox:nth-child(odd) {margin-left: 2%;}
.section03 .sbox .ssbox .pbox span {width: 60px; height: 60px; display: inline-block; background: #9e9641; color: #fff; line-height: 60px; text-align: center; border-radius: 100%; font-size: 20px; font-weight: 900;}
.section03 .sbox .ssbox .pbox h1 {font-size: 50px; font-weight: 200; margin-top: 10px; margin-bottom: 20px; font-family: 'GmarketSansMedium';}
.section03 .sbox .ssbox .pbox p {font-size: 18px; line-height: 2em;}
.section03 .sbox .ssbox .pbox a {position: absolute; right: 30px; bottom: 0;display: inline-block; padding: 10px 20px; color: #9e9641; border: 1px solid  #9e9641; transition: .2s; }
.section03 .sbox .ssbox .pbox:last-child a {bottom: 0;}
.section03 .sbox .ssbox .pbox a:hover {background: #9e9641; color: #fff;}


.section04 {padding: 20px 0; background: url(../img/section03.jpg) no-repeat center / cover;}
.section04 .sbox .ssbox {text-align: center; color: #242841;}
.section04 .sbox .ssbox h1 {font-size: 60px; font-weight: 200; padding-top: 50px; font-family: 'GmarketSansLight';}
.section04 .sbox .ssbox h1 strong { font-weight: 900; display: inline-block; padding-bottom: 5px; color: #9e9641; font-family: 'GmarketSansBold';}
.section04 .sbox .ssbox p {font-size: 24px;}
.section04 .sbox .ssbox ul {text-align: center;}
.section04 .sbox .ssbox ul li {display: inline-block; width: 250px; background: #fff; padding: 20px; margin: 30px 60px;}
.section04 .sbox .ssbox ul li img {width: 100%; }
.section04 .sbox .ssbox ul li p {height: 50px; line-height: 50px; color: #9e9641;}
.section04 .sbox .ssbox:last-child {position: relative;}
.section04 .sbox .ssbox span {display: inline-block; width: 60px; height: 60px; border-radius: 100%; border: 3px solid #9e9641; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.section04 .sbox .ssbox span:before {position: absolute; content: ''; top: 50%; left: 15px; transform: translateY(-50%) rotate(45deg); transform-origin: center; border-top: 3px solid #9e9641; border-right: 3px solid #9e9641; display: inline-block; width: 15px; height:15px;}


/*sub*/
.sub{ overflow:hidden; padding-top: 160px; 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; font-weight: 200;}
.sub .subtitle p strong {font-size: 18px; color: #fff; font-weight: 700;}
.sub .subtitle h1 {font-size: 50px; color: #fff; padding-bottom: 5px; font-weight: 700;position: relative; padding-bottom: 50px;}
.sub .subtitle h1 strong {background: rgba(158,150,65,.7); height: 70px; display: inline-block; padding: 10px; line-height: 40px; font-weight: 200;}
.sub .subtitle h1:before {position: absolute; content: ''; width: 100px; height: 5px; background: #9e9641; left: 0; bottom: 15px;}
.sub .subtitle {position: absolute; top: 50%; transform: translateY(-50%); right: 15%;}
.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 span{text-align: center; font-size: 32px; font-weight: 800; border-bottom: 3px solid #666; padding-bottom: 50px;}
.sub .sintro h1 { display: inline-block;font-size: 48px; font-weight: 400; margin: 30px 0; text-align: left; position: relative;}
.sub .sintro h1:before{position: absolute; content: ''; height: 3px; width: 100%; background: #9e9641; left: 0;}
.sub .sintro p {font-size: 20px; font-weight: 200; color: #9e9641;}
.sub .sstitle {font-size: 24px; color: #9e9641; font-weight: 700;}
.subtop {width: 100%; height: 600px; 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_02 .sbox {position: relative;}
.sub01_02 .sbox .ssbox:first-child {margin-right: 2%;}
.sub01_02 .sbox .ssbox {float: left; width: 49%; }
.sub01_02 .sbox .ssbox h1 {color: #333;font-weight: 200; margin-bottom: 20px;}
.sub01_02 .sbox .ssbox h1 strong {font-weight: 900;color: #9e9641;}
.sub01_02 .sbox .ssbox p {font-size: 20px; line-height: 2em; color: #333;}
.sub01_02 .sbox .ssbox p span {display: block; margin-top: 50px; font-size: 30px; font-weight: 500;color: #666; margin-bottom: 10px;}
.sub01_02 .sbox .ssbox:last-child {height: 700px; background: url(../img/s01.jpg) no-repeat center / cover;}

.sub01_01 .sbox .sintro h1 {margin-bottom: 10px;}
.sub01_01 .sbox .sintro p {font-weight: 300;}
.sub01_01 .sbox .ssbox .history{position: relative; width: 100%;}
.sub01_01 .sbox .ssbox .history .year {width: 50%;}
.sub01_01 .sbox .ssbox .history .year_left {float: left; text-align: right; position: relative;}
.sub01_01 .sbox .ssbox .history .year_left:before {position: absolute; content: ''; border-right: 1px dashed #9e9641; right: 0; top: 0; height: 100%;}
.sub01_01 .sbox .ssbox .history h3 {margin-bottom: 20px; font-size: 24px; font-weight: 500; color: #333;padding:50px 30px;}
.sub01_01 .sbox .ssbox .history .year_left h3{text-align: right; position: relative;}
.sub01_01 .sbox .ssbox .history .year_left h3:before {width: 30px; height: 30px; background: #9e9641; position: absolute; content: ''; right: -15px; top: 55px; border-radius: 50%;}
.sub01_01 .sbox .ssbox .history .year_left h3:after {width: 20px; height: 20px; background: #fff; position: absolute; content: ''; right: -10px; top: 60px; border-radius: 50%;}
.sub01_01 .sbox .ssbox .history .year_right {float: right; text-align: left;position: relative;}
.sub01_01 .sbox .ssbox .history .year_right:before {position: absolute; content: ''; border-right: 1px dashed #9e9641; left: -1px; top: 0; height: 100%;}
.sub01_01 .sbox .ssbox .history .year_right h3 {text-align: left;}
.sub01_01 .sbox .ssbox .history .year_right h3:before {width: 30px; height: 30px; background: #9e9641; position: absolute; content: ''; left: -15px; top: 55px; border-radius: 50%;}
.sub01_01 .sbox .ssbox .history .year_right h3:after {width: 20px; height: 20px; background: #fff; position: absolute; content: ''; left: -10px; top: 60px; border-radius: 50%;}

.sub01_01 .sbox .ssbox .history .year_right .month:before {position: absolute; content: ''; width: 8px; height: 8px; background: #9e9641; left: -4px; top: 30px;}
.sub01_01 .sbox .ssbox .history .year_left .month:before {position: absolute; content: ''; width: 8px; height: 8px; background: #9e9641; right: -4px; top: 30px;}
.sub01_01 .sbox .ssbox .history .year .month {padding: 20px 60px; position: relative;}
.sub01_01 .sbox .ssbox .history .year .month span:first-child {display: block; font-size: 20px; font-weight: 700;}
.sub01_01 .sbox .ssbox .history .year .month span:last-child {letter-spacing: -2px; font-size: 16px;color: #666; padding-top: 5px; display: block;}

.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; font-size: 20px; margin: 30px 0;}
.sub02_01 .sbox .ssbox span {color: #9e9641; font-size: 32px; font-weight: 900; padding-right: 10px;}
.sub02_01 .sbox .photo {height: 600px; background: url(../img/sub02_01.jpg) no-repeat center / cover;}

.sub02_02 .sbox .ssbox {float: left; width: 50%;}
.sub02_02 .sbox .ssbox p {line-height: 2em; font-size: 16px; margin-bottom: 30px; padding-right: 100px; position: relative; margin-left: 50px;}
.sub02_02 .sbox .ssbox span {color: #9e9641; font-size: 32px; font-weight: 900; padding-right: 10px; display: inline-block; position: absolute; left: -50px; top: 0;} 
.sub02_02 .sbox .photo {float: left;height: 400px; background: url(../img/sub02_02.jpg) no-repeat center / cover; width: 50%;}

.sub02_03 .sbox .ssbox p {line-height: 2em; font-size: 20px; margin: 30px 0;}
.sub02_03 .sbox .ssbox span {color: #9e9641; font-size: 32px; font-weight: 900; padding-right: 10px;}
.sub02_03 .sbox .photo {height: 600px; background: url(../img/sub02_03.jpg) no-repeat center / cover;}

.sub02_04 .sbox .ssbox p {line-height: 2em; font-size: 20px; margin: 30px 0;}
.sub02_04 .sbox .ssbox span {color: #9e9641; font-size: 32px; font-weight: 900; padding-right: 10px;}
.sub02_04 .sbox .photo {height: 600px; background: url(../img/sub02_04.jpg) no-repeat center / cover;}


.sub03_01 .sbox .ssbox01 ul li {width: 32%; float: left; overflow: hidden; border: 1px solid  #9e9641; text-align: center;}
.sub03_01 .sbox .ssbox01 ul {margin-top: 30px;}
.sub03_01 .sbox .ssbox01 ul li:nth-child(2) {margin: 0 2%;}
.sub03_01 .sbox .ssbox01 ul li img {width: 100%; display: block; border-top: 1px solid #9e9641;border-bottom: 1px solid #9e9641;}
.sub03_01 .sbox .ssbox01 ul li h2 {color: #fff; font-size: 24px; padding: 10px 0; background: #9e9641; }
.sub03_01 .sbox .ssbox01 ul li p {color: #9e9641; font-size: 20px; padding: 20px 0;}
.sub03_01 .sbox .ssbox01 > p {font-size: 16px; font-weight: 500; margin-top: 30px;}
.sub03_01 .sbox .ssbox02 {margin-top: 50px;}
.sub03_01 .sbox .ssbox02 .sstitle {margin-bottom: 30px;}
.sub03_01 .sbox .ssbox02 ul li {text-align: center; width: 20%; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; float: left; height: 150px; position: relative; background: #9e9641;}
.sub03_01 .sbox .ssbox02 ul li p {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; font-size: 20px; color: #fff; font-weight: 700;}
.sub03_01 .sbox .ssbox02 ul li:nth-child(2),
.sub03_01 .sbox .ssbox02 ul li:nth-child(4),
.sub03_01 .sbox .ssbox02 ul li:nth-child(7),
.sub03_01 .sbox .ssbox02 ul li:nth-child(9) {border-left: none; border-right: none;}

.sub03_02 .sbox .ssbox p {line-height: 2em; font-size: 20px; margin: 30px 0;}
.sub03_02 .sbox .ssbox span {color: #9e9641; font-size: 32px; font-weight: 900; padding-right: 10px;}
.sub03_02 .sbox .sstitle {margin-bottom: 30px;}

.sub03_03 .sbox .ssbox p {line-height: 2em; font-size: 20px; margin: 30px 0;}
.sub03_03 .sbox .ssbox span {color: #9e9641; font-size: 32px; font-weight: 900; padding-right: 10px;}
.sub03_03 .sbox .photo {height: 600px; background: url(../img/sub03_03.jpg) no-repeat center / cover;}

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

.sub04_01 .sbox .ssbox p {line-height: 2em; font-size: 20px; margin: 30px 0;}
.sub04_01 .sbox .ssbox span {color: #9e9641; font-size: 32px; font-weight: 900; padding-right: 10px;}
.sub04_01 .sbox .photo {height: 600px; background: url(../img/sub04_01.jpg) no-repeat center / cover;}

.sub04_02 .sbox .ssbox p {line-height: 2em; font-size: 20px; margin: 30px 0;}
.sub04_02 .sbox .ssbox span {color: #9e9641; font-size: 32px; font-weight: 900; padding-right: 10px;}
.sub04_02 .sbox .photo {height: 600px; background: url(../img/sub04_02.jpg) no-repeat center / cover;}

.sub04_03 .sbox .ssbox p {line-height: 2em; font-size: 20px; margin: 30px 0;}
.sub04_03 .sbox .ssbox span {color: #9e9641; font-size: 32px; font-weight: 900; padding-right: 10px;}
.sub04_03 .sbox .photo {height: 600px; background: url(../img/sub04_03.jpg) no-repeat center / cover;}

.sub05_01 .sbox .ssbox p {line-height: 2em; font-size: 20px; margin: 30px 0;}
.sub05_01 .sbox .ssbox span {color: #9e9641; font-size: 32px; font-weight: 900; padding-right: 10px;}
.sub05_01 .sbox .photo {height: 600px; background: url(../img/sub05_01.jpg) no-repeat center / cover;}

.sub05_02 .sbox .ssbox p {line-height: 2em; font-size: 20px; margin: 30px 0;}
.sub05_02 .sbox .ssbox span {color: #9e9641; font-size: 32px; font-weight: 900; padding-right: 10px;}
.sub05_02 .sbox .photo {height: 600px; background: url(../img/sub05_02.jpg) no-repeat center / cover;}

.sub05_03 .sbox .ssbox p {line-height: 2em; font-size: 20px; margin: 30px 0;}
.sub05_03 .sbox .ssbox span {color: #9e9641; font-size: 32px; font-weight: 900; padding-right: 10px;}
.sub05_03 .sbox .photo {height: 600px; background: url(../img/sub05_03.jpg) no-repeat center / cover;}
.sub05_03 .sbox .ssbox02 .sstitle {margin-top: 50px;}


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