@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');
}
*{margin:0; padding:0;font-family:'³ª´® °íµñ', 'Nanum Gothic', 'NanumGothic', 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; color: #333;}
a:active{text-decoration:none;}
a:visited{text-decoration:none; color: rgba(58,86,157,1);}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
body{max-width:800px; margin:0 auto !important; position: relative;}
table {border-collapse: collapse;}
.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 */
.top{height:60px; position: fixed; left: 0; top: 0; width: 100%; z-index: 999999; background: #fff; border-bottom: 1px solid #ddd;}

.top .menubtn{position:relative; float:right; width:58px; margin-top:2px;}
.top .menubtn ul{position:absolute; top:0; left:0; width:58px; height:50px; padding:10px 16px;}
.top .menubtn ul li{height:3px; margin:6px 0; background:#333; transform-origin: left center; transition:1s;}
.top .menubtn.on ul li{background:#fff;}
.top .menubtn.on ul .bar_t{transform:rotate(45deg);}
.top .menubtn.on ul .bar_m{width:0;}
.top .menubtn.on ul .bar_b{transform:rotate(-45deg);}
.top .logo{margin-top: 17px; padding-left:10px;}
.top .logo img{width:300px;}
.top .kakao {display: none;position: absolute; right:60px; top: 10px;}
.top .kakao img {width: 40px;}
.smenu {background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; width: 100%;}
.smenu li {float: left; font-size: 16px; font-weight: 500; color: #fff; padding-left: 20px; width: 50%; height: 50px; position: relative; cursor: pointer; line-height: 50px;}
.smenu .homebtn {color: #fff; width: 50px; text-align: center;}
.smenu .homebtn {padding-left: 3px; padding-top: 3px;}
.smenu .homebtn a {color: #fff; display: block; width: 100%; height: 100%; position: relative;}
.smenu .homebtn:before {display: none;}
.smenu li:before {content: ''; width:8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; display: inline-block; transform: translateY(-50%) rotate(-45deg); position: absolute; top: 50%; right:20px; transition: all 0.2s;}
.smenu li.on:before {transform: translateY(-50%) rotate(135deg)}

.smenu li:last-child {border-left: 1px solid #ddd;}
.smenu .ssmenu {background: #fff; border: 1px solid  #ddd; display: none; position: absolute; top: 50px; left: 0; width: 100%; z-index: 999997;}
.smenu .ssmenu p a{color: #666; font-size: 12px; display: block; width: 100%; height: 100%; padding-left: 20px; line-height: 40px;}
.smenu .ssmenu p a:hover {opacity: .8;}
/* sidemenu */
.login_top {text-align: center; padding: 10px; width: 100%; margin: 0 auto;  margin-top: 60px; text-align: center; background: #333;}
.menubox{display:none; position:fixed; top:0; left:0; z-index:999999; width:100%; height:100%; background:rgba(0,0,0, 0.9); overflow:auto; padding: 10px;}
.menubox .sidemenu_body .sidemenu .down{position: relative; border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-right: 30px; display: block;}
.sidemenu_head h3 {text-align: center; color: #fff; font-size: 30px; padding-top: 60px;}
.sidemenu_head ul{position:fixed; top:5px; right:0; width:58px; height:50px; padding:10px 16px;}
.sidemenu_head ul li{height:3px; margin:6px 0; background:#fff; transform-origin: left center;}
.sidemenu_head ul .bar_t{transform:rotate(45deg);}
.sidemenu_head ul .bar_m{width:0;}
.sidemenu_head ul .bar_b{transform:rotate(-45deg);}
.sidemenu_body{padding:0px 40px;}
#favorite {font-size:20px; font-weight:400; color:#fff; text-shadow:0 0 1px #fff; transition:all 0.5s; opacity:0.5;height: 50px; line-height: 50px;}
.sidemenu_body .down {font-size:20px; font-weight:400; color:#fff; text-shadow:0 0 1px #fff; transition:all 0.5s; height: 50px; line-height: 50px; position: relative;}
.sidemenu_body .down:after {content: '';
    width: 9px; /* ??? */
    height: 9px; /* ??? */
    border-top: 3px solid #fff; /* ? ?? */
    border-right: 3px solid #fff; /* ? ?? */
    display: inline-block;
    transform: rotate(135deg); /* ?? */
    position: absolute;
    top: 19px; /* ?? 0px ??? ???? */
    right: 10px; /* ?? 0px ??? ???? */
    transition: .3s} 
.sidemenu_body .down.on:after {transform: rotate(315deg);}
.sidemenu_body .down:hover{border-bottom: 4px solid #ddd;}
.sidemenu_body .sidemenu div ul.sidelist {display: none;}
.sidemenu_body .sidemenu div ul.sidelist a{color: #fff; margin-left: 10px; padding-bottom: 5px; display: block; font-size: 18px; border-bottom: 1px solid #666; position: relative;}
.sidemenu_body .sidemenu div ul.sidelist a:before {position: absolute; content: ''; top: 10px; left: -10px; width: 5px;height: 5px; background: #3d569d;}
.sidemenu_body .sidemenu div ul.sidelist li {margin: 15px 0;}
.sidemenu_foot{padding:50px 40px 0px 40px; text-align: center;}
.sidemenu_foot p:nth-of-type(1){font-size:20px; font-weight:400; color:#fff; text-shadow:0 0 1px #fff; opacity:0.5;}
.sidemenu_foot p:nth-of-type(2){margin:20px 0;}
.sidemenu_foot p:nth-of-type(2) a{font-size:26px; font-weight:800; color:#fff;}
.sidemenu_foot p:nth-of-type(3){font-size:13px; font-weight:300; color:#aaa; line-height:24px;}


/* slidetext */
.slidetxt{position:absolute; left: 10%; bottom: 25%; z-index:99999999;}
.slidetxt p:first-child{color: #333; font-size:28px; letter-spacing: -2px; position: relative; font-weight: 600;} 
.slidetxt p:last-child{color: #666; font-size:14px; margin-top: 20px; letter-spacing: -2px;} 



/* 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;}

.copynav {width: 100%; position: fixed; bottom: 0;left: 0; text-align: center; margin-top: 60px; z-index: 999998;}
.copynav a {float: left; display: block; width: 50%; color: #fff; height: 60px; text-decoration: none; font-size: 20px; font-weight: 600;}
.copynav a:first-child {background: #1c2b6c; text-align: left;}
.copynav a:first-child p {padding: 5px; padding-left: 20px;}
.copynav a:first-child span {display: block; font-weight: 600;}
.copynav a:last-child {background: #000; line-height: 60px;}
.copy {background: #5d6368; padding: 20px; text-align: center; position: relative; z-index: 995; margin-bottom: 60px;}
.copy .sbox img {width: 200px;}
.copy .sbox .ssbox .ctxt {line-height: 1.5em; }
.copy .sbox .ssbox .ctxt span { font-size: 14px;color: #ccc; display: inline-block; margin-right: 18px; letter-spacing: -1px; font-weight: 400;}
.copy .sbox .ssbox .ctxt span:nth-child(3) a{font-size: 20px; display: block; color: #fff; padding: 5px 0; position: relative;}
.copy .sbox .ssbox .ctxt span:nth-child(3) a img {width: 24px; position: absolute; left: -25px; top: 5px;}
.copy .sbox .ssbox .ctxt span:nth-child(4) {display: block;}
.copy .sbox .ssbox .ctxt span:last-child {display: block;}

.mySwiper .ssbox {position: absolute; width: 100%; bottom: 0; z-index: 999999;}
.mySwiper .ssbox ul { width: 100%; margin: 0 auto; height: 40px;}
.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; width: calc((100%)/3); text-align: center; height: 40px; border: 0.1px solid  #ddd;}
.mySwiper .ssbox ul li:first-child {margin-left: 0; border-left: 0;}
.mySwiper .ssbox ul li:nth-child(3) {border-right: 0;}
.mySwiper .ssbox ul li:nth-child(4) {border-left: 0;}
.mySwiper .ssbox ul li:last-child {margin-right: 0;}
.mySwiper .ssbox ul li:last-child {border-right: none;}
.mySwiper .ssbox ul li a {height: 40px; display: block;}
.mySwiper .ssbox ul li a span {color: #fff; line-height: 40px; text-align: center;}
.mySwiper .ssbox ul li a span:first-child {font-size: 30px; vertical-align: middle; }
.mySwiper .ssbox ul li a span:last-child {font-size: 12px; vertical-align: middle; margin-left: 5px;}
/*section*/
.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;
      }
.mySwiper1 {
        overflow: hidden;
        position: relative;
      }
.mySwiper .swiper-pagination {position: absolute; bottom: 100px; left: 50px; z-index: 9999999;}
.mySwiper .swiper-pagination span {width: 10px; height: 10px; }
.mySwiper .swiper-pagination span:nth-child(2) {margin:  0 10px;}
.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 img {	width: 100%;}
.mySwiper1 {width: 50%; float: right; overflow: hidden;}
.mySwiper1 img {width: 70%;}
.mySwiper1 .good_txt { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 100%; text-align: center;}
.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 {width: 100%; margin: 0 auto; padding: 10px;}
.section01 {position: relative; z-index: 9999;}
.sectitle {position: relative; margin-top: 20px; margin-bottom: 20px; text-align: center;}
.sectitle h3 {font-weight: 600; font-size: 30px;}
.section01 .sbox .ssbox div:hover span p:first-child {font-size: 20px; display: block;}
.section01 .sbox .ssbox div:hover span p:last-child {font-size: 12px;}
.section01 .sbox .ssbox div {width: 49%; float: left; height: 100px; position: relative; text-align: center;}
.section01 .sbox .ssbox div a {display: block; width: 100%; height: 100%; position: relative; z-index: 999;}

.section01 .sbox .ssbox div span {position: absolute; left: 50%; top: 50%; color: #333; display: block;  width: 100%;transform: translate(-50%,-50%); transition: 0.5s;}
.section01 .sbox .ssbox div:first-child span {color: #fff;}
.section01 .sbox .ssbox div span p {transition: .3s; letter-spacing: -1px;}
.section01 .sbox .ssbox div span p:first-child {font-size: 20px; font-weight: 900; margin-bottom: 5px;}
.section01 .sbox .ssbox div span p:last-child {font-size: 12px;}
.section01 .sbox .ssbox div:nth-child(odd) {margin-right: 2%;}
.section01 .sbox .ssbox div:nth-child(1) {background: url(../img/ss01.jpg) no-repeat center / cover; margin-bottom: 10px;}
.section01 .sbox .ssbox div:nth-child(2) {background: url(../img/ss02.jpg) no-repeat center / cover; margin-bottom: 10px;}
.section01 .sbox .ssbox div:nth-child(3) {background: url(../img/ss03.jpg) no-repeat center / cover;}
.section01 .sbox .ssbox div:nth-child(4) {background: url(../img/ss04.jpg) no-repeat center / cover;}

.tabmenu {margin-top: 30px; margin-bottom: 10px; text-align: center; background: #e9e9e9; }
.tabmenu li {width: 25%; font-size: 16px; 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;}
.sbox .ssbox .t01.on {opacity: 1; display: block;}
.sbox .ssbox .t02 {transition:.5s; display: none; margin: 0 auto;}
.sbox .ssbox .t02.on {opacity: 1; display: block;}
.sbox .ssbox .t03 {transition:.5s; display: none; margin: 0 auto;}
.sbox .ssbox .t03.on {opacity: 1; display: block;}
.sbox .ssbox .t04 {transition:.5s; display: none; margin: 0 auto;}
.sbox .ssbox .t04.on {opacity: 1; display: block;}



.section02 .sbox .ssbox .sectitle {margin: 30px 0; font-weight: 600;}
.section02 .sbox .ssbox .more {display: block; text-align: right; color: #000; font-weight: 600; margin-bottom: 10px; font-size: 18px; }
.section02 .sbox .ssbox .more img {vertical-align: baseline;}

.section02 .sbox .ssbox02 .sectitle02 {font-size: 24px; font-weight: 600; margin: 30px 0;}
.section02 .sbox .ssbox02 .vbox:last-child {margin-top: 20px;}
.section02 .sbox .ssbox02 .vbox:last-child p {font-size: 20px; text-align: center; color: #3d569d; font-weight: 600;}
.section02 .sbox .ssbox02 .vbox:last-child {border: 1px solid  #ddd; padding: 20px;}
.section02 .sbox .ssbox02 .vbox:last-child ul li {float: left; width: 33.3333%; text-align: center; padding-top: 30px;}
.section02 .sbox .ssbox02 .vbox:last-child ul li span {display: block;}
.section02 .sbox .ssbox02 .vbox:last-child ul li span:first-child {font-size: 80px; color: #3d569d;}
.section02 .sbox .ssbox02 .vbox:last-child ul li span:last-child {color: #555;}
.section02 .sbox .ssbox02 .vbox:last-child ul a:hover span:last-child {color: #3d569d; font-weight: 600;}

.section03 {position: relative; z-index: 9999; padding: 10px;}

.section04 {width: 100%; max-width: none;background: linear-gradient(to right, #50cf32 50%, #f6d600 50%); height: 100px; display: none;}
.section04 .sbox .ssbox {width: 100%; max-width: 1200px; margin: 0 auto;}
.section04 .sbox .ssbox .abox {width: 50%; float: left; position: relative; height: 100px;}
.section04 .sbox .ssbox .abox img {padding: 10px; padding-left: 30px; float: left; display: inline-block;}
.section04 .sbox .ssbox .abox:first-child p {color: #fff; display: inline-block;}
.section04 .sbox .ssbox .abox:first-child p:nth-of-type(1) {margin-left: 30px; margin-top: 20px; font-size: 30px;}
.section04 .sbox .ssbox .abox:first-child p:nth-of-type(2) {margin-left: 150px; display: block; font-size: 18px;}
.section04 .sbox .ssbox .abox:last-child p {color: #555;}
.section04 .sbox .ssbox .abox:last-child p:nth-of-type(1) {margin-left: 160px; font-size: 30px; padding-top: 20px;}
.section04 .sbox .ssbox .abox:last-child p:nth-of-type(2) {margin-left: 165px; display: block; font-size: 18px;}
.section04 .sbox .ssbox .abox div:last-child a{position: absolute; display: block; padding: 10px 30px; top: 50%; right: 20px; transform: translateY(-50%); border-radius: 20px;}
.section04 .sbox .ssbox .abox:first-child div:last-child a {background: green; color: #fff;}
.section04 .sbox .ssbox .abox:last-child div:last-child a {background: #8a4b28; color: #fff;}
.section04 .sbox .ssbox .abox a:hover {opacity: .9;}


.section05 { position: relative; z-index: 9999; border-top: 1px solid #ddd; width: 100%; max-width: none; }
.section05 .sbox .ssbox {margin: 0 auto; }
.section05 .sbox .ssbox ul li {float: left; width: calc(100%/3 - 5px); border: 1px solid  #ddd; padding: 10px 5px;}
.section05 .sbox .ssbox ul li:nth-child(2),
.section05 .sbox .ssbox ul li:nth-child(5) {margin: 0 7.5px;}
.section05 .sbox .ssbox ul li:nth-child(1),
.section05 .sbox .ssbox ul li:nth-child(2),
.section05 .sbox .ssbox ul li:nth-child(3) {margin-bottom: 7.5px;}
.section05 .sbox .ssbox ul li:last-child {margin-right: 0;}
.section05 .sbox .ssbox ul li a img {width: 100%; transition:.3s;}
.section05 .sbox .ssbox ul li a {width: 100%; height: 100%;}
.section05 .sbox .ssbox ul li:hover {opacity: .8;}
.section05 .sectitle {text-align: left;}

/*sub*/
.sbox .ssbox div p {font-size: 16px;}
.sub{ overflow:hidden; position: relative;}
.sub .title{padding:40px 0 60px; text-align:center;}
.sub .title p:nth-of-type(1){font-size:35px; font-weight:700; color:#888; letter-spacing:7px;}
.sub .title p:nth-of-type(2){margin-top:20px; font-size:12px; font-weight:400; color:#888;}
.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; padding-bottom: 20px;}
.sub .subtitle h1 {font-size: 40px; color: #fff; text-align: center; padding-bottom: 10px; font-weight: 800;}
.sub .subtitle span {padding: 20px;}
.sub .subtitle {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%;}
.sub .contents{width: 100%; margin: 20px auto; padding: 10px;}
.sub .contents h3 {text-align: center; font-size: 32px; margin-bottom: 50px;}
.sub .contents .stitle {text-align: center; font-size: 32px; font-weight: 800; border-bottom: 3px solid #666; padding-bottom: 50px;}
.sub .sintro .symbol {width: 36px; vertical-align: text-bottom; margin-right: 5px;}
.sub .sintro {font-size: 32px; font-weight: 600; margin-bottom: 20px; text-align: center;}
.subtop {width: 100%; height: 250px; 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:20%;}
.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; text-align: center;}
.sub .sbox .ssbox .ibox p {font-size: 18px; line-height: 1.5em;}

.sbox .ssbox p b {color: #3d569d; font-size: 24px; font-weight: 600; margin-top: 30px; margin-bottom: 20px;}

.sub01_01 .sbox {position: relative; padding: 20px;}
.sub01_01 .sbox .ssbox p {font-size: 16px; line-height: 2em; letter-spacing: -1px;}
.sub01_01 .sbox .ssbox p:first-child {color: #3d569d; font-weight: 600; font-size: 16px;}
.sub01_01 .sbox .ssbox p:last-child {text-align: center; font-size: 16px; font-weight: 700;}
.sub01_01 .sbox .ssbox:last-child {text-align: center;}
.sub01_01 .sbox .ssbox:last-child img {}
.sub01_01 .sbox .ssbox:last-child img {width: 49%;}

.sub01_02 .sbox .ssbox:first-child p:nth-child(2) {font-size: 18px; color: #3d569d; font-weight: 600; padding: 5px;}
.sub01_02 .sbox .ssbox:first-child p:nth-child(3) {padding: 0 10px;}
.sub01_02 .sbox .ssbox:first-child {text-align: center; line-height: 1.5em;}
.sub01_02 .sbox .ssbox:nth-child(2) { margin-bottom: 100px;position: relative;border: 10px solid #3d569d; border-radius: 50%; width: 300px; height: 300px; left: 50%; top: 100px; transform: translateX(-50%); background: linear-gradient(180deg, #83a4d4 0%, #b6fbff 100%);}
.sub01_02 .sbox .ssbox:nth-child(2) img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50%;}
.sub01_02 .sbox .ssbox:nth-child(2) div {border:5px solid; border-image:linear-gradient(90deg, #9CECFB 0%, #65C7F7 50%, #0052D4 100%); border-image-slice: 1; width: 30%; position: absolute;}
.sub01_02 .sbox .ssbox:nth-child(2) div p {color: #3d569d; font-weight: 600; text-align: center; background: #fff;height: 100%; font-size: 16px; padding: 10px 0;}

.sub01_02 .sbox .ssbox:nth-child(2) div:nth-of-type(1) {left: 50%; transform: translateX(-50%); top: -10%;}
.sub01_02 .sbox .ssbox:nth-child(2) div:nth-of-type(2) {top: 50%; left: -15%; transform: translateY(-50%);}
.sub01_02 .sbox .ssbox:nth-child(2) div:nth-of-type(3) {top: 50%; right: -15%; transform: translateY(-50%);}
.sub01_02 .sbox .ssbox:nth-child(2) div:nth-of-type(4) {bottom: -15%; left:10%;}
.sub01_02 .sbox .ssbox:nth-child(2) div:nth-of-type(5) {bottom: -15%; right: 10%;}

.sub01_02 .sbox .ssbox:last-child {padding-top: 150px;}
.sub01_02 .sbox .ssbox:last-child div:last-child {border-bottom: none;}
.sub01_02 .sbox .ssbox:last-child div span {display: block; text-align: left; padding-right: 100px; display: block; position: relative; font-size: 24px; color: #3d569d; font-weight: 600; padding-left: 30px;}
.sub01_02 .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:0;}

.sub01_02 .sbox .ssbox:last-child div {padding: 10px; border-bottom: 1px dashed #ddd;}
.sub01_02 .sbox .ssbox:last-child div p {padding: 5px 0; line-height: 2em; letter-spacing: -1px;}

.sub01_03 .sbox {}
.sub01_03 .sbox .ssbox {border: 1px solid  #ddd; padding: 20px;}
.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: 100%; margin: 0 auto; padding: 10px;}
.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: 10px 10px; font-size: 18px;}
.sub01_04 .sbox .ssbox .member th:first-child {width: 5%;}
.sub01_04 .sbox .ssbox .member th:last-child {width: 15%;}
.sub01_04 .sbox .ssbox .member td {font-size: 16px; padding: 10px 20px;}

.sub01_05 .sbox {width: 100%; padding: 10px;}
.sub01_05 .sbox .ssbox:last-child div:last-child {border-bottom: none;}
.sub01_05 .sbox .ssbox:last-child div span {display: block; position: relative; font-size: 24px; color: #3d569d; font-weight: 600; padding-left: 35px; margin: 30px 0;}
.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: 0;}
.sub01_05 .sbox .ssbox:last-child div {padding: 10px; border-bottom: 1px dashed #ddd;}
.sub01_05 .sbox .ssbox:last-child div p {line-height: 2em; letter-spacing: -1px;}
.sub01_05 .sbox .ssbox:last-child div p a {font-size: 16px; font-weight: 600; text-decoration: underline;}
.sub01_05 .sbox .ssbox:last-child div p b {font-size: 20px; margin: 10px 0; display: block;} 

.sub01_06 .stable {margin-top: 10px;}
.sub01_06 .stable th {width: 25%; }
.sub01_06 .stable td {font-size: 14px;}
.sub01_06 .sbox {padding: 10px;}

.sub01_07 .sbox .sintro:last-of-type {font-size: 20px;}
.sub01_07 .sbox .sintro:last-of-type .symbol {width: 24px;}
.sub01_07 .sbox .ssbox .ibox {padding: 10px; 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: 2.5em; margin-bottom: 0;}
.sub01_07 .sbox .ssbox .vision h1 {font-size: 20px; color: #3d569d; margin-top: 20px; line-height: 1.5em;}
.sub01_07 .sbox .ssbox .vision ul li {font-weight: 700;font-size: 18px; display: inline-block; background: #3d569d; margin-top: 5px; padding: 20px 40px; color: #fff;}
.sub01_07 .sbox .ssbox .ci .cibox img {width: 100px;}
.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: 20px;} 
.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: 15px;margin: 20px 0;}

.member_notice {display: none;}

.sub02_01 .sbox .ssbox p {line-height: 2em;}
.sub02_01 .sbox .ssbox .ibox {position: relative; padding: 15px;}
.sub02_01 .sbox .ssbox .ibox p b {font-size: 18px;}
.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 {padding: 10px;}
.sub02_02 .sbox .ssbox .ibox {text-align: center; padding: 20px; margin: 10px 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 {width: 100%;}

.sub02_03 .sbox {padding: 10px;}
.sub02_03 .sbox .ssbox div:nth-of-type(2) img {display: inline-block; width: 49%;}
.sub02_03 .sbox .ssbox p {line-height: 2em;}
.sub02_03 .sbox .ssbox p b {font-weight: 600; font-size: 18px; margin: 30px 0; display: block;}
.sub02_03 .sbox .ssbox p span {color: #3d569d; font-weight: 600;}

.sub02_05 .sintro {font-size: 24px;}
.sub02_05 .sbox .ssbox div .mtitle {font-size: 22px;}
.sub02_05 .sbox .ssbox p {line-height: 1.8em;}
.sub02_05 .sbox .ssbox p strong {color: red;}
.sub02_05 .sbox .ssbox p b {font-weight: 600; font-size: 18px; margin: 30px 0; color: #000;}
.sub02_05 .sbox .ssbox p span {color: #3d569d; font-weight: 600;}
.sub02_05 .sbox .ssbox div img {width: 100%;}
.sub02_05 .sbox .ssbox .pl {text-align: center;}
.sub02_05 .sbox .ssbox .pl .mtitle {display: inline-block;}
.sub02_05 .sbox .ssbox .pl .sbtn {display: inline-block; padding: 15px 40px; margin-top: 30px; font-size: 24px;}

.sub03_01 .sbox {padding: 10px;}
.sub03_01 .sbox .ssbox div.clearfix p {margin-bottom: 30px; font-size: 18px;}
.sub03_01 .sbox .ssbox ul li {line-height: 2em;}
.sub03_01 .sbox .ssbox p {line-height: 2em;}
.sub03_01 .sbox .ssbox .ibox {padding: 15px; text-align: center;}
.sub03_01 .sbox .ssbox .ibox p {font-size: 16px; font-weight: 500;}
.sub03_01 .sbox .ssbox p b {font-size: 20px; color: #3d569d;display: block; margin-bottom: 10px;}

.sub03_05 .sbox .ssbox div p,
.sub03_04 .sbox .ssbox div p,
.sub03_02 .sbox .ssbox div p,
.sub03_03 .sbox .ssbox div p {line-height: 2em; font-size: 16px;}

.sub03_05 .sbox .ssbox .ibox,
.sub03_04 .sbox .ssbox .ibox,
.sub03_02 .sbox .ssbox .ibox,
.sub03_03 .sbox .ssbox .ibox{padding: 20px;}

.sub03_05 .sbox .ssbox .ibox p,
.sub03_04 .sbox .ssbox .ibox p,
.sub03_02 .sbox .ssbox .ibox p,
.sub03_03 .sbox .ssbox .ibox p{font-size: 18px;}

.sub03_03 .sbox .ssbox .ibox b {font-size: 20px; display: block; margin-bottom: 30px;}

.sub03_02 .sbox {padding: 10px;}
.sub03_02 .sbox .ssbox .t01 div img {float: left; margin-bottom: 10px; width: 32%;}
.sub03_02 .sbox .ssbox .t01 div img:nth-child(2),
.sub03_02 .sbox .ssbox .t01 div img:nth-child(5),
.sub03_02 .sbox .ssbox .t01 div img:nth-child(8)
{margin: 0 2%;}

.sub03_02 .sbox .ssbox .t02 div img {float: left; margin-bottom: 10px; width: 32%;}
.sub03_02 .sbox .ssbox .t02 div img:nth-child(2) {margin: 0 2%;}
.sbox .ssbox .search span{font-size: 40px; }
.sbox .ssbox .search {font-size: 20px; margin-top: 30px; margin-bottom: 30px; font-weight: 600;}
.sub03_02 .sbox .ssbox .timg > div {margin-bottom: 30px;}
.sub03_02 .sbox .ssbox .t04 div:first-child img {width: 100%;}
.sub03_02 .sbox .ssbox .t04 div:nth-child(3) img {width: 49%; float: left; margin-bottom: 10px;}
.sub03_02 .sbox .ssbox .t04 div:nth-child(3) img:nth-of-type(1),
.sub03_02 .sbox .ssbox .t04 div:nth-child(3) img:nth-of-type(3) {margin-right: 2%;}
.sub03_02 .sbox .ssbox .basic02 {text-align: center;}
.sub03_02 .sbox .ssbox .basic02 th {padding: 5px; background: #3d569d; color: #fff; font-size: 16px;}
.sub03_02 .sbox .ssbox .basic02 td {padding: 5px; background: #e9e9e9;}
.sub03_02 .sbox .ssbox .basic02 th,
.sub03_02 .sbox .ssbox .basic02 td {border: 2px solid  #fff;}
.sub03_02 .sbox .ssbox .basic02 .basict {background: #3d569d; color: #fff; font-size: 20px;}

.sub03_03 .sbox .ssbox div p {margin-top: 30px;}
.sub03_03 .sbox .ssbox div img {width: 32%; float: left; margin-bottom: 10px;}
.sub03_03 .sbox .ssbox div img:nth-of-type(2) {margin: 0 2%;}
.sub03_03 .sbox .ssbox .basic {text-align: center;}
.sub03_03 .sbox .ssbox .basic th {padding: 15px; background: #3d569d; color: #fff; font-size: 20px;}
.sub03_03 .sbox .ssbox .basic td {padding: 10px; background: #e9e9e9;}
.sub03_03 .sbox .ssbox .basic th,
.sub03_03 .sbox .ssbox .basic td {border: 2px solid  #fff; width: 50%;}
.sub03_03 .sbox .ssbox div.clearfix p{margin: 20px 0;}

.sub03_04 .sbox {padding: 10px;}
.sub03_04 .sbox .ssbox div p {line-height: 2em; font-size: 16px;}
.sub03_04 .sbox .ssbox div:nth-of-type(2) img {float: left; margin-bottom: 10px; width: 32%;}
.sub03_04 .sbox .ssbox div:nth-of-type(2) img:nth-child(2),
.sub03_04 .sbox .ssbox div:nth-of-type(2) img:nth-child(5) {margin: 0 2%;}
.sub03_04 .sbox .ssbox div ul li {line-height: 2em; font-size: 16px; padding-left: 20px;}
.sub03_04 .sbox .ssbox div:last-of-type img{width: 100%;}

.sub03_05 .sbox {padding: 10px;}
.sub03_05 .sbox .ssbox ul li {line-height: 2em;}
.sub03_05 .sbox .ssbox .bluebox {background: #3d569d; color: #fff; padding: 10px; margin-top: 20px;text-align: center;}
.sub03_05 .sbox .ssbox .bluebox span {display: block;}
.sub03_05 .sbox .ssbox .bluebox p {text-align: center;}
.sub03_05 .sbox .ssbox div .mtitle {font-size: 14px; margin-bottom: 5px; margin-top: 12px;margin-bottom: 6px;}
.sub03_05 .sbox .ssbox div .mtitle:first-child {font-size: 24px; }

.sub04_01 .sbox {padding: 4px;}
.sub04_01 .sbox .ibox { padding: 15px;}
.sub04_01 .sbox .ibox p {font-size: 18px; font-weight: 400; line-height: 1.5em;}

.sub_license .license_intro {margin: 40px 0; text-align: center;}
.sub_license .license_intro h2 {color: #3d569d; font-size: 18px;}
.sub_license .license_intro h2 img {vertical-align: middle; padding-right: 5px;}
.sub_license .license_intro table { display: inline-block; margin: 30px 0;}
.sub_license .license_intro table th {background: #3d569d; color: #fff;}
.sub_license .license_intro table th,
.sub_license .license_intro table td {padding: 15px 25px; font-size: 12px;}
.sub_license .license_intro h3 {font-size: 14px; line-height: 2em; }
.sub_license .license_photo {text-align: center;}
.sub_license .license_content img {width: 100%;}

.sub_license .license_des {border: 1px solid  #ddd; text-align: center; margin-top: 30px;}
.sub_license .license_des .license_des_title {background: #3d569d; color: #fff; font-size: 18px;font-weight: 700; padding: 10px 0;}
.sub_license .license_des .license_des_cont {font-size: 14px; line-height: 2em; padding: 15px 25px; font-weight: 700; letter-spacing: -0.75px;}
.sub_license .license_content p strong {font-size: 16px; color: #3d569d; text-align: center;}
.sub_license .license_content p {font-weight: 700; margin:20px 0; font-size: 12px;}

.sub_license .license_content table {width: 100%; text-align: center;}
.sub_license .license_content table th,
.sub_license .license_content table td {padding: 10px; font-size: 12px;}
.sub_license .license_content table th {background: #3d569d; color: #fff;}
.sub_license .license_content table tr td:first-child {background: #ebebeb;}
.sub_license .license_content span {font-size: 14px; color: #666; line-height: 2em;}
.sub_license .license_content h4 {font-size: 14px; line-height: 2em; margin-top: 15px;}
.sub_license .license_content h1 {color: red; text-align: center; font-size: 28px;}



.sub04_02 .contents .stitle {border-bottom: none; padding-bottom: 0;}

.sub04_02 .sbox .ssbox div {}

.sub03_06 .sbox,
.sub03_07 .sbox,
.sub05_01 .sbox,
.sub05_02 .sbox,
.sub05_03 .sbox,
.sub05_04 .sbox {padding: 10px;}

.sub07_04 .sbox {text-align: center;}
.sub07_04 .sbox .ssbox .ibox p {font-size: 14px; line-height: 2.5em; margin: 20px 0; }
.sub07_04 .sbox p:nth-child(2) {margin-top: 20px; display: block;} 
.sub07_04 .sbox p:last-child {text-align: center; color: #3d569d; font-size: 32px; font-weight: 700;}

.sub07_05 .sbox .ssbox table th {background: #3d569d; color: #fff;}
.sub07_05 .sbox .ssbox table td,
.sub07_05 .sbox .ssbox table th {text-align: center; padding: 10px 20px; font-size: 16px;}
.sub07_05 .sbox .ssbox h6 {text-align: center; color: #3d569d; font-size: 16px;}