@charset "euc-kr";
/* CSS Document */
*{margin:0; padding:0; font-family:'³ª´®°íµñ', 'Nanum Gothic', 'NanumGothic', sans-serif; box-sizing:border-box;}
a{text-decoration:none; color:#000;}
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{padding:30px; min-width:1290px;}


/* top */
.top{position:fixed; top:0; left:0; z-index:9999; width:100%; min-width:1350px; height:30px; padding:30px 30px 0 30px; background:#fff; transition:all 0.2s;}
.top.on{height:80px; padding-top:0; background:#fff;}
.top .top_inner{position: relative; width:1200px; margin:0 auto; }
.top .logo{position: absolute; top:10px; left:0; transition: all .2s ease-in-out; z-index: 99999;}
.logo.on{position: absolute; top:15px;}
.top .logo img{width:auto;}
.top .menu{width:1200px; margin:0 auto; padding-left:300px; position: relative;}
.top .menu li{position:relative; float:left; height:80px; padding-top:30px; margin-right:85px;}
.top .menu li:last-child{margin-right:0;}

.top .menu li>a{padding-bottom:10px; font-size:15px; font-weight:700; color:#333; border-bottom:1px solid transparent; transition:all 0.5s;}
.top.on .menu li>a{color:#333;}
.top .menu li:hover>a{border-color:#fff;}
.top.on .menu li:hover>a{border-color:#333;}

@media(max-width:1440px){
.top .menu li{margin-right:60px;}	
}


/* submenu */
.submenu{display:none; position:absolute; top:80px; left:50%; transform:translateX(-50%); z-index:9999; width:180px; padding:10px 0; background:#fff;}
.submenu p a{display:block; padding:10px 0; font-size:13px; font-weight:700; color:#333; text-align:center; transition:all 0.5s;}
.submenu p a:hover{color:#06f;}

/* section all */
.section{padding:100px 0; text-align:center;}


/* section style */
.section1{background:#333;}
.section1 .sbox{position:relative; padding-top:10px;}
/* .section1 .sbox:before{content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:60px; border-top:2px solid #fff;} */
.section1 .sbox h2{font-size:48px; color:#fff;}

/* tab menu */
.tabmenu{
  text-align:center;
  width:960px;
  margin:30px auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.tabmenu li{
  display:inline-block;
  width:11.111%;
  height:40px;
  line-height:40px;
  border:1px solid #ccc;
  font-size:16px;
  color:#333;
  background-color: #fff;
  cursor: pointer;
  transition: all .3s ease-in-out;
}
.tabmenu li.on{color: #fff; background-color: #282562;}
.tabmenu li:hover{color: #fff; background-color: #282562; transition: all .3s ease-in-out;}

.tabmenu li.active0{color: #fff; background-color: #282562;}
.tabmenu li.active1{color: #fff; background-color: #282562;}
.tabmenu li.active2{color: #fff; background-color: #282562;}
.tabmenu li.active3{color: #fff; background-color: #282562;}
.tabmenu li.active4{color: #fff; background-color: #282562;}
.tabmenu li.active5{color: #fff; background-color: #282562;}
.tabmenu li.active6{color: #fff; background-color: #282562;}
.tabmenu li.active7{color: #fff; background-color: #282562;}
.tabmenu li.active8{color: #fff; background-color: #282562;}
.tabmenu li.active9{color: #fff; background-color: #282562;}
/* tab menu */

/* swiper start */
.tabslide .swiper {
    width: 1200px;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin:0 auto;
  }
  
.tabslide .swiper-slide {
  width:100%;
  height:800px;
  text-align: center;
  font-size: 18px;
  background: #fff;
  overflow: hidden;
  background-color: #333;

  /* 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;
}
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.swiper .swiper-pagination span{margin:0 3px;}
  
.tabslide .swiper-pagination-bullet {
      width: 15px;
      height: 15px;
      border:1px solid #fff;
      background: none;
      border-radius: 100%;
      background-color: #282562;
  }
  
.tabslide .swiper-pagination-bullet-active {
      opacity: 1;
      background: #e03e3e;
}
.tabslide .swiper .swiper-pagination {
      position: absolute;
      text-align: center;
      -webkit-transition: .3s opacity;
      -o-transition: .3s opacity;
      transition: .3s opacity;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      z-index: 10;
      left:50%;
      bottom:20px;
      transform: translate(-50%, 100%);
  }
.tabslide .swiper-button-prev,
.tabslide .swiper-container-rtl .swiper-button-next {
      background-image: url("../img/swiper_prev.png");
      left: 0;
      right: auto;
  }
.tabslide .swiper-button-next,
.tabslide .swiper-container-rtl .swiper-button-prev {
      background-image: url("../img/swiper_next.png");
      right: 0;
      left: auto;
  }
.tabslide .swiper-button-next,
.tabslide .swiper-button-prev {
      position: absolute;
      top: 50%;
      width: 40px;
      height: 60px;
      margin-top: -22px;
      z-index: 10;
      cursor: pointer;
      background-size: 40px 60px;
      background-position: center;
      background-repeat: no-repeat
  }

.swiper_photo {
  width:100%;
  max-width:960px;
}
/* swiper end */

.section1 .sbox p{font-size:30px; font-weight:700; color:#fff;}
.section1 .sbox p:nth-of-type(1){line-height:40px;}
.section1 .sbox p:nth-of-type(2){margin:60px 0 120px; font-size:46px; font-weight:700; color:#fff;}
.section1 .sbox .more a{display:inline-block; width:200px; height:50px; font-size:16px; color:#fff; line-height:50px; border:1px solid #fff; transition:all 0.5s;}
.section1 .sbox .more a:hover{color:#000; background:#fff;}

.section2{background:#f5f5f5;}
.section2 .sbox p{font-size:46px; color:#000;}
.section2 .sbox .more{margin-top:120px;}
.section2 .sbox .more a{display:inline-block; width:200px; height:50px; font-size:16px; color:#000; line-height:50px; border:1px solid #000; transition:all 0.5s;}
.section2 .sbox .more a:hover{color:#fff; background:#000;}


/* footer */
.footer{background:#000;}
.footer .fbox{width:1200px; margin:0 auto; padding:60px 0;}
.footer .fbox .sbox{float:left;}
.footer .fbox .logo{width:300px;} 
.footer .fbox .textbox{width:900px;}
.footer .fbox .textbox .ssbox{margin-bottom:30px;}
.footer .fbox .textbox .ssbox4{margin-bottom:0;}
.footer .fbox .textbox .ssbox1 p{margin-bottom:10px; font-size:16px; color:#fff;}
.footer .fbox .textbox .ssbox1 p:last-child{margin-bottom:0;}
.footer .fbox .textbox .ssbox1 p:nth-of-type(1){font-size:18px; font-weight:700;}
.footer .fbox .textbox .ssbox1 p:nth-of-type(2){font-size:14px;}
.footer .fbox .textbox .ssbox1 p strong{display:inline-block; margin-right:10px; padding-right:10px; font-size:15px; line-height:15px; border-right:2px solid #fff;}
.footer .fbox .textbox .ssbox2{margin:30px 0;}
.footer .fbox .textbox .ssbox2 a{margin-right:10px;}
.footer .fbox .textbox .ssbox2 a img{width:50px;}
.footer .fbox .textbox .ssbox3 img{width:15px; vertical-align:middle;}
.footer .fbox .textbox .ssbox3 p{font-size:16px; color:#fff; line-height:24px;}
.footer .fbox .textbox .ssbox3 p:nth-of-type(1){margin-bottom:10px; font-size:18px;}
.footer .fbox .textbox .ssbox3 p strong{font-size:20px;}
.footer .fbox .textbox .ssbox4{margin-top:40px;}
.footer .fbox .textbox .ssbox4 span{margin-left:200px; font-size:12px; color:#ddd;}

/* subtop */
.sub .subtop{height:250px; margin-top:80px; font-size:46px; color:#fff; text-align:center; line-height:250px; background:url('../img/subtop.jpg') no-repeat center;}

/* smenu */
.sub .smenu{margin:60px 0;}
.sub .smenu ul{text-align:center;}
.sub .smenu ul li{display:inline-block; position:relative; margin:0 20px; padding-top:11px;}
.sub .smenu ul li:before{content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); border:6px solid #000; border-bottom:none; border-left:4px solid transparent; border-right:4px solid transparent; opacity:0;}
.sub .smenu ul li a{display:block; padding-bottom:10px; font-size:16px; color:#000; border-bottom:3px solid transparent;}
.sub .smenu ul li a:hover{border-color:#000;}

/* smenu active */
.sub01 .smenu ul li:first-child::before,
.sub02 .smenu ul li:nth-child(2)::before,
/* .sub03 .smenu ul li:nth-child(3)::before, */
.sub04 .smenu ul li:nth-child(3)::before,
.sub05 .smenu ul li:nth-child(4)::before,
.sub06 .smenu ul li:nth-child(5)::before,
.sub07 .smenu ul li:nth-child(6)::before{opacity:1;}
.sub01 .smenu ul li:first-child a,
.sub02 .smenu ul li:nth-child(2) a,
/* .sub03 .smenu ul li:nth-child(3) a, */
.sub04 .smenu ul li:nth-child(3) a,
.sub05 .smenu ul li:nth-child(4) a,
.sub06 .smenu ul li:nth-child(5) a,
.sub07 .smenu ul li:nth-child(6) a{border-color:#000;}

/* sub all */
.sub{padding-bottom:100px; background:#f5f5f5;}
.sub .contents{width:1200px; margin:0 auto; padding:50px 80px 100px; background:#fff;}
.sub .contents .title{font-size:30px; font-weight:700; color:#000; letter-spacing:-1px;}
.sub .contents .sbox{margin-top:30px;}
.sub .contents .board{margin-top:50px;}
.sub .contents .board td,
.sub .contents .board td a{font-size:13px; font-weight:400; color:#000;}
.sub .contents .round{width:300px; height:300px; margin:100px auto; font-size:30px; font-weight:700; color:#eee; text-align:center; line-height:300px; border:1px solid #ddd; border-radius:50%;}


/* sub style */
.sub01_01 .contents .sbox{margin-top:60px;}
.sub01_01 .contents .sbox>p{font-size:24px; font-weight:700; color:#000;}
.sub01_01 .contents .sbox .ssbox{margin-top:50px;}
.sub01_01 .contents .sbox .ssbox p{margin-bottom:40px; font-size:18px; color:#000; line-height:30px;}
.sub01_01 .contents .sbox .ssbox p strong{color:#f00;}
.sub01_01 .contents .sbox .ssbox p:last-child{margin-bottom:0;}
.sub01_01 .contents .sbox .ssbox p:last-child strong{color:#000;}

.sub01_02 .contents .sbox .ssbox{float:left; width:60%;}
.sub01_02 .contents .sbox .ssbox1>p:nth-of-type(1){font-size:36px; font-weight:700; color:#000; line-height:46px;}
.sub01_02 .contents .sbox .ssbox1>p:nth-of-type(1) strong{color:#00967b;}
.sub01_02 .contents .sbox .ssbox1>p:nth-of-type(2){margin:50px 0; font-size:18px; color:#666; line-height:24px;}
.sub01_02 .contents .sbox .ssbox1 .box{margin-bottom:50px;}
.sub01_02 .contents .sbox .ssbox1 .box:last-child{margin-bottom:0;}
.sub01_02 .contents .sbox .ssbox1 .box p:nth-of-type(1){font-size:22px; font-weight:700; color:#00967b;}
.sub01_02 .contents .sbox .ssbox1 .box p:nth-of-type(2){margin-top:10px; font-size:18px; color:#666; line-height:24px;}
.sub01_02 .contents .sbox .ssbox2{width:40%; text-align:right;}
.sub01_02 .contents .sbox .ssbox2 div img{width:auto;}
.sub01_02 .contents .sbox .ssbox2 p{margin:30px 0 80px; padding-right:50px; font-size:18px; font-weight:700; color:#000;}
.sub01_02 .contents .sbox .ssbox2 p strong{color:#00967b;}
.sub01_02 .contents .sbox .ssbox2 p span{font-size:40px; font-weight:400; color:#000; letter-spacing:8px;}
.sub01_02 .contents .sbox .ssbox2 ul{padding-right:50px;}
.sub01_02 .contents .sbox .ssbox2 ul li{margin-bottom:10px; font-size:14px; color:#666;}
.sub01_02 .contents .sbox .ssbox2 ul li:last-child{margin-bottom:0;}

.sub01_03 .contents .sbox{border-bottom:1px solid #ddd;}
.sub01_03 .contents .sbox .ssbox{padding:30px 0; border-top:1px solid #ddd;}
.sub01_03 .contents .sbox .ssbox .box{float:left; width:50%;}
.sub01_03 .contents .sbox .ssbox .box div{float:left; width:155px;}
.sub01_03 .contents .sbox .ssbox .box div:first-child{height:155px; border-radius:50%; overflow:hidden;}
.sub01_03 .contents .sbox .ssbox .box div:last-child{width:calc(100% - 155px); padding-left:30px;}
.sub01_03 .contents .sbox .ssbox .box div img{width:100%;}
.sub01_03 .contents .sbox .ssbox .box div p{font-size:14px; color:#666; line-height:30px;}
.sub01_03 .contents .sbox .ssbox .box div p:nth-of-type(1){margin-bottom:20px; font-size:18px; font-weight:700; color:#000;}

.sub01_04 .contents .sbox{border-bottom:1px solid #ddd;}
.sub01_04 .contents .sbox .ssbox{padding:30px 0; border-top:1px solid #ddd;}
.sub01_04 .contents .sbox .ssbox .box{float:left; width:50%;}
.sub01_04 .contents .sbox .ssbox .box div{float:left; width:155px;}
.sub01_04 .contents .sbox .ssbox .box div:first-child{height:155px; border-radius:50%; overflow:hidden;}
.sub01_04 .contents .sbox .ssbox .box div:last-child{width:calc(100% - 155px); padding-left:30px;}
.sub01_04 .contents .sbox .ssbox .box div img{width:100%;}
.sub01_04 .contents .sbox .ssbox .box div p{font-size:14px; color:#666; line-height:30px;}
.sub01_04 .contents .sbox .ssbox .box div p:nth-of-type(1){margin-bottom:20px; font-size:18px; font-weight:700; color:#000;}

.sub01_05 .contents .sbox .basic{margin-top:20px; border-top:2px solid #000; border-collapse:collapse;}
.sub01_05 .contents .sbox .basic th,
.sub01_05 .contents .sbox .basic td{padding:15px 10px; font-size:14px; color:#666; border:1px solid #ddd;}
.sub01_05 .contents .sbox .basic th{width:150px; font-size:16px; color:#000; background:#f5f5f5;}

.sub03_01 .contents .sbox .ssbox{float:left; width:40%;}
.sub03_01 .contents .sbox .ssbox1 div{height:280px;}
.sub03_01 .contents .sbox .ssbox1 div img{width:auto;}
.sub03_01 .contents .sbox .ssbox1 p{margin:30px 0 80px; padding-right:50px; font-size:18px; font-weight:700; color:#000;}
.sub03_01 .contents .sbox .ssbox1 p strong{color:#00967b;}
.sub03_01 .contents .sbox .ssbox1 p span{font-size:40px; font-weight:400; color:#000; letter-spacing:8px;}
.sub03_01 .contents .sbox .ssbox1 ul{padding-right:50px;}
.sub03_01 .contents .sbox .ssbox1 ul li{margin-bottom:10px; font-size:14px; color:#666;}
.sub03_01 .contents .sbox .ssbox1 ul li:last-child{margin-bottom:0;}
.sub03_01 .contents .sbox .ssbox2{width:60%; text-align:right;}
.sub03_01 .contents .sbox .ssbox2>p:nth-of-type(1){font-size:36px; font-weight:700; color:#000; line-height:46px;}
.sub03_01 .contents .sbox .ssbox2>p:nth-of-type(1) strong{color:#00967b;}
.sub03_01 .contents .sbox .ssbox2>p:nth-of-type(2){margin-top:50px; font-size:20px; color:#000; line-height:30px;}
.sub03_01 .contents .sbox .ssbox2>p:nth-of-type(2) strong{color:#f00;}

.sub03_02 .contents .sbox p:nth-of-type(1){font-size:30px; font-weight:700; color:#000; text-align:center;}
.sub03_02 .contents .sbox p:nth-of-type(1) span{margin-right:10px; font-size:30px; font-weight:400; color:#f00;}
.sub03_02 .contents .sbox p:nth-of-type(2){margin:50px 0; font-size:16px; color:#000; line-height:30px;}
.sub03_02 .contents .sbox ul{padding:30px; border:1px solid #ddd;}
.sub03_02 .contents .sbox ul li{margin:0 0 10px 10px; font-size:16px; color:#000; list-style:decimal;}
.sub03_02 .contents .sbox strong{color:#00967b;}
.sub03_02 .contents .sbox strong.red{color:#f00;}

.sub03_03 .contents .sbox p:nth-of-type(1){font-size:30px; font-weight:700; color:#000; text-align:center;}
.sub03_03 .contents .sbox p:nth-of-type(1) span{margin-right:10px; font-size:30px; font-weight:400; color:#f00;}
.sub03_03 .contents .sbox p:nth-of-type(2){margin:50px 0; font-size:16px; color:#000; line-height:30px;}
.sub03_03 .contents .sbox ul{padding:30px; border:1px solid #ddd;}
.sub03_03 .contents .sbox ul li{margin:0 0 10px 10px; font-size:16px; color:#000; list-style:decimal;}
.sub03_03 .contents .sbox strong{color:#00967b;}
.sub03_03 .contents .sbox strong.red{color:#f00;}

.sub03_04 .contents .sbox p:nth-of-type(1){font-size:30px; font-weight:700; color:#000; text-align:center;}
.sub03_04 .contents .sbox p:nth-of-type(1) span{margin-right:10px; font-size:30px; font-weight:400; color:#f00;}
.sub03_04 .contents .sbox p:nth-of-type(2){margin:50px 0; font-size:16px; color:#000; line-height:30px;}
.sub03_04 .contents .sbox ul{padding:30px; border:1px solid #ddd;}
.sub03_04 .contents .sbox ul li{margin:0 0 10px 10px; font-size:16px; color:#000; list-style:decimal;}
.sub03_04 .contents .sbox strong{color:#00967b;}
.sub03_04 .contents .sbox strong.red{color:#f00;}

.sub10_01 .contents .personal {font-size: 24px; text-align: center; margin-top: 30px;}