@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,textarea,pre,select{font-family:"Montserrat",'Pretendard-Regular','Noto Sans KR','나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; font-size:16px;color:#353535; letter-spacing:-0.5px; }
body{text-align:left; word-break:break-word; overflow-x:hidden;}
img,fieldset,iframe{border:0 none}
img {max-width:100%;}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none; }
a:hover{}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}

/* Mobile Form Default */
input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:0}

/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}


* {box-sizing:border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body {overflow-x:hidden;}
.pre {font-family: "Pretendard-Regular", sans-serif;}

select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance:none;-webkit-border-radius:0 }
select::-ms-expand {display: none;}

::-webkit-input-placeholder { color:#8F8F8F;  font-weight: normal; font-size: 18px;  font-weight: 400; opacity:1; }

.mob {display: none;}


.head {position: fixed; left:0; top:0; width: 100%; z-index: 10; z-index: 100; border-bottom: 1px solid #D5D5D5; padding:0 80px;}
.head .headCont {position: relative;  height:96px; display: flex; align-items: center; justify-content: space-between; max-width:1920px; width: 100%; margin:0 auto;  z-index: 10; }
.head .headCont:after {content:''; position: absolute; right:0;}
.head .headCont .h1Logo {float:left;}
.head .headCont .h1Logo a {width:133px; height: 60px; text-indent:-999em; display: block; background:url('../images/ico_logo.svg') center no-repeat; background-size:133px auto;}
.head .headCont .gnbWrap {position: relative; z-index: 10; display: flex; align-items: center; justify-content: space-between; float: right; padding-right: 50px;}
.head .headCont .gnbWrap .in > ul {display: flex; align-items: center; justify-content: center; gap:40px; }
.head .headCont .gnbWrap .in > ul > li {position: relative;height: 96px; text-align: center;  }
.head .headCont .gnbWrap .in > ul > li > a {font-size: 18px; font-weight: 600; height: 96px; color:#fff; display: flex;justify-content: center; align-items: center; padding:0 20px;}
.head .headCont .gnbWrap .in > ul > li ul  {visibility: hidden; opacity:0; position: absolute; left:50%; top:96px; width:200px; margin-left:-100px; ;text-align: center; padding-top: 30px;}
.head .headCont .gnbWrap .in ul > li ul > li {margin-bottom:20px;}
.head .headCont .gnbWrap .in ul > li ul > li > a {color:#353535; font-weight: 500; font-size: 16px; padding:3px 0; line-height: 16px; display: block;  vertical-align: top;}

.head .bgGnb {position: fixed; top:96px; left:0; width: 100%; height:0; z-index: 9; background: #fff;   border-top: 1px solid #D5D5D5;}

body .head.active { }

body .head.over {background: #fff; ;}
body .head.over .h1Logo a {background:url('../images/ico_logo_red.svg') center no-repeat; background-size:133px auto; }
body .head.over .bgGnb {height:226px; }
body .head.over .gnbWrap .in > ul > li > a  {color:#121212;}
body .head.over .gnbWrap .in > ul > li ul  {opacity:1; visibility: visible; }

body .head.white {background: #fff; ;}
body .head.white .h1Logo a {background:url('../images/ico_logo_red.svg') center no-repeat; background-size:133px auto; }
body .head.white .gnbWrap .in > ul > li > a  {color:#121212;}

body:has(.subSec) .head {background: #fff; ;}
body:has(.subSec) .head .h1Logo a {background:url('../images/ico_logo_red.svg') center no-repeat; background-size:133px auto; }
body:has(.subSec) .head .gnbWrap .in > ul > li > a  {color:#121212;}

.inner {max-width:1440px; padding:0 20px; margin:0 auto;}
.btnMemu {display: none;}

.mainSec {overflow:hidden;}
.mainSlideWrap { position: relative;   min-height:800px; height: 100vh;}
.mainSlideWrap .mainSlide {height: 100%;}
.mainSlideWrap .mainSlide .inSlide{position: absolute;  top:0; width:1920px; left:50%; margin-left:-960px;  height: 100vh; }
.mainSlideWrap .mainSlide img {width: 100%; object-fit:cover; height: 100vh;}
.mainSlideWrap .mainSlide .mainTit {position: absolute; left:180px; bottom:120px; max-width:1920px; z-index: 30;}
.mainSlideWrap .mainSlide .mainTit .in {}
.mainSlideWrap .mainSlide .mainTit .in .tit01 {font-size: 24px; font-weight: 500; color:#fff; margin-bottom: 30px; transform:translateY(50px); opacity:0;}
.mainSlideWrap .mainSlide .mainTit .in .tit02 {font-size: 74px; line-height:1.2; font-weight: 700; color:#fff; margin-bottom: 100px; transform:translateY(50px); opacity:0;}
.mainSlideWrap .mainSlide .controler {width: 60px; height: 60px; position: relative; border:4px solid rgba(255,255,255,.5); border-radius:100px; transform:translateY(30px); opacity:0;}
.mainSlideWrap .mainSlide .controler #autoplay {position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 50; background:url('../images/ico_stop.svg') center no-repeat; background-size:11px auto; cursor:pointer; }
.mainSlideWrap .mainSlide .controler #autoplay.pause { background:url('../images/ico_play.svg') center no-repeat; background-size:11px auto;}
.mainSlideWrap .mainSlide .controler .autoplay-progress { position: absolute; left:-4px; top:-4px;  z-index: 50;      width: 60px;      height: 60px;      display: flex;      align-items: center;      justify-content: center;      font-weight: bold;      color: var(--swiper-theme-color); overflow:hidden;    }
.mainSlideWrap .mainSlide .controler .autoplay-progress svg { --progress: 0;      position: absolute;      left: 0;      top: 0px;      z-index: 10;      width: 100%;      height: 100%;      stroke-width: 3px;      stroke:#fff;      fill: none;      stroke-dashoffset: calc(125.6px * (1 - var(--progress)));      stroke-dasharray: 125.6;      transform: rotate(-90deg) scale(1.1);   }
body.load .mainSlideWrap .mainSlide .mainTit .in .tit01 { transform:translateY(0); opacity:1; transition:1s all;}
body.load .mainSlideWrap .mainSlide .mainTit .in .tit02 { transform:translateY(0); opacity:1; transition:1s all; transition-delay:500ms;}
body.load .mainSlideWrap .mainSlide .controler { transform:translateY(0); opacity:1; transition:1s all;  transition-delay:800ms;}


.main_visual{position: relative; height: 100%;}
.main_visual img{z-index: 1}
.main_visual video{position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}



.autoplay-progress circle {
  fill: none;
  stroke: #fff;
  stroke-width:3;
}
.autoplay-progress circle.progress {
  stroke: #ff0000;
  stroke-dasharray: 126; /* 2πr = 2 * π * 20 */
  stroke-dashoffset: 126;
  transition: stroke-dashoffset 0.2s linear;
}


@keyframes updown {
    0% {
        height: 120px;
    }

    50% {
        height:60px;
    }

    100% {
        height: 120px;
    }
}

.btnScroll {position: absolute; right:80px; bottom:0; z-index: 10;}
.btnScroll .tit {font-size: 14px; font-weight: 700; color:#fff; transform:rotate(90deg); margin-bottom: 60px; letter-spacing: 0.01em;} 
.btnScroll .line {text-align: center;}
.btnScroll .line .dot {width:5px; height: 5px; background: #fff; border-radius:100px; display: block; margin:0 auto; vertical-align: top; }
.btnScroll .line .bar {}
.btnScroll .line .bar span{width:1px; animation: updown 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;  background: #fff;  display: inline-block; vertical-align: top;}


#target{position:relative;}
.svg_item{width: 280px;height: 280px;display: inline-block;position: relative}
.svg_item svg{transform: rotate(-90deg);}
.donut-segment{stroke-dashoffset: 1083.8494654884787;}

@media all and (min-width:1280px){
.chart_on .donut-segment1{animation: donutChart1 1.8s forwards;}
.chart_on .donut-segment2{animation: donutChart2 1.8s forwards;}
.chart_on .donut-segment3{animation: donutChart3 1.8s forwards;}
}

@keyframes donutChart1 {
    0% {stroke-dashoffset: 1083.8494654884787;}
    100% {stroke-dashoffset: 75.86946258419346;}
}
@keyframes donutChart2 {
    0% {stroke-dashoffset: 1083.8494654884787;}
    100% {stroke-dashoffset: 249.28537706235008;}
}
@keyframes donutChart3 {
    0% {stroke-dashoffset: 1083.8494654884787;}
    100% {stroke-dashoffset: 162.57741982327184;}
}


.h2 h2 {font-size: 40px; font-weight: 700; color:#121212; margin-bottom: 60px; text-align: center;}

.bizWrap {padding:96px 0 110px; margin-bottom: 140px; background: url('../images/bg_main01.jpg') center bottom no-repeat; background-size:cover;}
.bizWrap .inner {max-width:1200px;}
.bizWrap .inner .chartBox .cahrt_area  {display: flex; align-items: center; justify-content: space-between; }
.bizWrap .inner .chartBox .cahrt_area .swiper-wrapper{display: flex; align-items: center; justify-content: space-between; width: 1100px; margin:0 auto; }
.bizWrap .inner .chartBox .cahrt_area .svgBox {width: 280px;}
.bizWrap .inner .chartBox .cahrt_area .svgBox .svg_item {margin-bottom: 20px;}
.bizWrap .inner .chartBox .cahrt_area .svgBox .svg_item .iconPercent {position: absolute; left:0; top:0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; align-items: center; gap:18px; flex-direction:column;     }
.bizWrap .inner .chartBox .cahrt_area .svgBox .svg_item .iconPercent img {width: 76px;}
.bizWrap .inner .chartBox .cahrt_area .svgBox .svg_item .iconPercent .percent {font-size: 24px; color:#929292; font-weight: bold; display: flex; align-items: center; justify-content: center;}
.bizWrap .inner .chartBox .cahrt_area .svgBox .svg_item .iconPercent .percent span{font-size: 46px; color:#121212; font-weight: bold;  margin-right: 8px;}
.bizWrap .inner .chartBox .cahrt_area .txt {font-size: 24px; font-weight: 500; color:#121212; text-align: center;}
 
.btnCenter {text-align: center; margin-top: 60px;}
.btnType1 {display: inline-flex; width: 270px; height: 58px; align-items: center; justify-content: center; border:1px solid #E50000; color:#353535; font-size: 16px; font-weight: 700;}
.btnType1:hover {background: #E50000; color:#fff;}
.btnType1.on {background: #E50000; color:#fff;}

.btnType2 {display: inline-flex; width: 200px; height: 48px; align-items: center; justify-content: center; border:1px solid #001B65; color:#353535; font-size: 16px; font-weight: 700;}
.btnType2:hover {background: #001B65; color:#fff;}

.btnRight {margin-top: -20px;}
.btnRight .border{ display: flex; justify-content: flex-end; gap:10px; margin-bottom: 20px; border-bottom: 1px solid #ddd;  padding-bottom:30px; border-bottom: 1px solid #ddd;}

.newsWrap .newsTab {margin-bottom: 40px; display: flex; align-items: center; border-bottom: 1px solid #D5D5D5;}
.newsWrap .newsTab a {display: block; position: relative; font-size:16px; font-weight: 500; color:#797979; height: 42px; width: 135px; text-align: center; }
.newsWrap .newsTab a.active {font-weight: 700; color:#E50000;}
.newsWrap .newsTab a.active:after {content:''; position: absolute; left:0; bottom:-1px; width:100%; height: 3px; background: #E50000;}

.newsTabCont .cont {display: none;}
.newsTabCont .cont.active {display: block;}
.newsTabCont .cont ul {display:grid; grid-template-columns:repeat(4,1fr); gap:57px 37px;}
.newsTabCont .cont ul li a {display: block; font-family: "Pretendard-Regular", sans-serif;}
.newsTabCont .cont ul li a .img img{height: 197px; width: 100%;}
.newsTabCont .cont ul li a .txtBox .filter {font-size:16px; font-weight: 500; color:#E50000; padding:16px 0;}
.newsTabCont .cont ul li a .txtBox .tit {font-size:20px; font-weight: 700; color:#353535; border-top: 1px solid #D5D5D5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;    text-overflow:ellipsis;  height:74px; padding:14px 0 0; margin-bottom: 16px;}
.newsTabCont .cont ul li a .txtBox .txt {font-size:16px; font-weight: 500; color:#525252;  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;   border-top: 1px solid #D5D5D5;   text-overflow:ellipsis;  height: 88px; padding-top: 14px; margin-top: 14px;}

.mainSearch {margin: 140px 0;}
.mainSearch .inner {background: #F6F6F6; padding:90px 100px; display: flex; align-items: center; justify-content: space-between; }
.mainSearch .inner .txt {font-size: 36px; line-height: 1.4; font-weight: 700; color:#121212;}
.mainSearch .inner .formBox {width:680px; padding:10px 0 10px 57px; margin-left: 57px; border-left: 1px solid #D5D5D5;}
.mainSearch .inner .tit {font-size: 17px; color:#525252; font-weight: 500; margin-bottom: 40px; font-family: "Pretendard-Regular", sans-serif;}
.mainSearch .inner .input {position: relative;}
.mainSearch .inner .input input {font-size: 18px; height: 58px; border:1px solid #e50000; padding:0 70px 0 30px; width: 100%;}
.mainSearch .inner .input a {position: absolute; right:30px; top:50%; margin-top:-10px; width: 20px; height: 20px; background:url('../images/ico_search.svg') center no-repeat; background-size:100% auto; text-indent:-999em;}

.keyWrap {margin-top: 100px;}
.keyWrap .keyList ul { display:flex; flex-wrap:wrap; gap:20px 16px; margin-bottom: 200px;}
.keyWrap .keyList ul li a{ padding:10px 16px; border:1px solid #D5D5D5; height: 58px; display: flex; align-items: center;  background:rgba(213, 213, 213, 0.1);}
.keyWrap .keyList ul li a svg {background: #E50000; padding:8px; width: 38px; height: 38px;border-radius:100px; }
.keyWrap .keyList ul li a .name {font-size: 16px; color:#353535; font-weight: 500;  white-space:nowrap;  }
.keyWrap .keyList ul li a:hover {box-shadow:0 1 4px rgba(91, 64, 64, 0.3); background: #E50000; }
.keyWrap .keyList ul li a:hover svg {background: #fff;}
.keyWrap .keyList ul li a:hover svg path {fill: #E50000;}
.keyWrap .keyList ul li a:hover .name {color:#fff; font-weight: 700; letter-spacing:-0.05em;}
/*
.keyWrap .keyList ul li:nth-child(2) {width: 131px;}
.keyWrap .keyList ul li:nth-child(3) {width: 198px;}
.keyWrap .keyList ul li:nth-child(9) {width: 190px;}
*/
.keyWrap .keyContList ul {display: flex; justify-content: space-between; gap:37px}
.keyWrap .keyContList ul li {flex:1;}
.keyWrap .keyContList ul li .box {position: relative; height: 442px; text-align: center;}
.keyWrap .keyContList ul li .box .img img{width: 100%; position: absolute; left:0; top:0; height: 100%; object-fit:cover; z-index: 0;}
.keyWrap .keyContList ul li .box .tit01 { padding:117px 0 16px; font-size: 40px; font-weight: 700; color:#fff;  position: relative; z-index: 1;    }
.keyWrap .keyContList ul li .box .tit02 { margin-bottom: 58px; font-size: 16px; font-weight:500; color:#fff; font-family: "Pretendard-Regular", sans-serif;  position: relative; z-index: 1;     }
.keyWrap .keyContList ul li .box .btn {  position: relative; z-index: 1;     }
.keyWrap .keyContList ul li .box .btn a {border-color:#fff; color:#fff;}

.partnerWrap {position: relative; background:url('../images/partnership.jpg') center no-repeat;  padding: 147px 0 127px; text-align: center; margin-top: 200px; /* box-shadow: inset 0px 0px 510px rgba(0, 0, 0, 0.5);*/}
.partnerWrap:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; box-shadow: inset 0px 0px 200px rgba(0, 0, 0, 0.5); pointer-events:none;;}
.partnerWrap .tit01 {font-size: 20px; color:#fff; font-weight: 700; margin-bottom:30px;}
.partnerWrap .tit02 {font-size: 44px; color:#fff; font-weight: 700; margin-bottom:90px;  font-family: "Pretendard-Regular", sans-serif; line-height: 1.4;}

.moveSlide { display: flex;    justify-content: center;    align-items: center;    overflow: hidden; }
.moveSlide .carousel-container { display: flex; width: 100%; overflow: hidden;     align-items: center;    position: relative; white-space:nowrap; gap:50px; }
.moveSlide .carousel-container li {display: inline-flex; align-items: center; min-width: 200px; justify-content: center; animation: slide-left 20s linear infinite; height: 108px;}
.moveSlide .carousel-container li img {       }
.moveSlide .carousel-container li:hover {    /* animation-play-state: paused; */}

@keyframes slide-left {
0% {
    transform: translateX(0%); /* 시작 위치 */
}
100% {
    transform: translateX(-1200px);
}
}

.footer {background: #1A1B21;font-family: "Pretendard-Regular", sans-serif; }
.footer .logoList .inner ul {display: flex; align-items: center; justify-content: space-between; max-width:1560px; height: 100px;}
.footer .logoList .inner ul img {height: 60px;}
.footer .policy {border-top: 1px solid #353535; border-bottom: 1px solid #353535;}
.footer .policy .inner {max-width:1920px; display: flex; align-items: center; text-align: center; }
.footer .policy .inner a {display: flex; height:60px; align-items: center; width: 100%; justify-content: center; font-size: 18px; color:#fff;   font-family: "Pretendard-Regular", sans-serif; }
.footer .policy .inner a:first-child {border-right: 1px solid #353535;}
.footer .policy .inner a strong {color:#FFDF59;  font-family: "Pretendard-Regular", sans-serif; font-weight: 500; }
.footer .info {text-align: center;  padding:26px 0 60px; font-size: 16px; color:#fff;}
.footer .info .addr > div {display: inline-block; align-items: center; margin-right:10px;}
.footer .info .addr > div.first {display: block; margin-bottom: 5px; margin-right: 0;}
.footer .info .addr > div:last-child {margin-right: 0;}
.footer .info .addr > div span {font-weight: 500;}
.footer .info .addr > div a {font-weight: 500; color:#fff;}
.footer .info .copy {margin-top: 18px; font-size: 14px; color:#525252;}

.subSec {padding-top: 95px;}

.subBg {height: 280px;  text-align: center; position: relative; background:url('../images/bgSub01.png') center no-repeat; background-size:cover !important; }
.subBg.about {background:url('../images/bgSub01.png') center no-repeat;}
.subBg.cert {background:url('../images/bgSub02.png') center no-repeat;}
.subBg.cert h2 {color:#fff;}
.subBg.inspection {background:url('../images/bgSub03.png') center no-repeat;}
.subBg.inspection h2 {color:#fff;}
.subBg.verification {background:url('../images/bgSub04.png') center no-repeat;}
.subBg h2 {position: absolute; left:50%; top:95px; transform:translate(-50%,0); font-size: 24px; color:#121212; font-weight: 700; }


.tabWrap {position: relative; z-index: 1; margin-top:-70px;}
.tabWrap ul{display: flex; margin-bottom: 90px;}
.tabWrap ul li {flex:1; margin-left: -1px;;}
.tabWrap ul li a {display: flex; width: 100%; height:70px; align-items: center; justify-content: center;text-align: center; font-weight: 700; font-size: 18px; color:#fff;background: #363b48;}
.tabWrap ul li.on a {background: #fff; color:#121212; font-weight: 700; border-top: 2px solid #e50000;}

.subBg {height:auto;  text-align: center; position: relative; background:none; max-width:1440px; padding:100px 20px 150px; margin:0 auto; }
.subBg {background:none !important;}
.subBg h2 {position: static; transform:none; font-size: 72px; color:#121212 !important;; font-weight: 700; text-align: left; }

.tabWrap ul li a {}
.tabWrap ul li.on a {border:1px solid #363b48;  border-top: 2px solid #e50000; }

.about_video {padding-bottom: 52.65%; position: relative;}
.about_video video {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}

.aboutList ul {display: flex; gap:30px; flex-wrap:wrap; }
.aboutList ul li {border:1px solid #ddd; width:calc(50% - 15px);}
.aboutList ul li a {padding:20px; display: flex; align-items: center; gap:20px;}
.aboutList ul li .img {min-width: 100px; height: 100px; border-radius:100px;}
.aboutList ul li .img img{width: 100px; height: 100px; border-radius:100px;}
.aboutList ul li .text {flex:1;}
.aboutList ul li .txt01 {font-size: 23px; font-weight: 700; margin-bottom: 10px; display: block;}
.aboutList ul li .txt02 {font-size: 22px; }
.aboutList ul li:last-child {width: 100%;}


body:has(.tabWrap2) .tabWrap {margin-bottom: 40px;}

.tabWrap2 {position: relative; z-index: 1; }
.tabWrap2 ul{display: grid; grid-template-columns:repeat(3,1fr); margin-bottom: 90px;}
.tabWrap2 ul li {flex:1; margin-left: -1px; border:1px solid #e0e0e0; margin-right:-1px; margin-bottom: -1px;}
.tabWrap2 ul li a {display: flex; width: 100%; height:70px; align-items: center; justify-content: center;text-align: center; font-weight: 700; font-size: 18px; color:#1b1b1b;background: #fff;}
.tabWrap2 ul li.on a {background: #e50000; color:#fff; font-weight: 700; }
.tabWrap2.type2 ul{grid-template-columns:repeat(2,1fr);}
.tabWrap2.type5 ul{grid-template-columns:repeat(5,1fr);}

.tabWrap3 {position: relative; z-index: 1;  }
.tabWrap3 ul{display: flex; gap:10px;}
.tabWrap3 ul li { border:1px solid #e0e0e0; margin-right:-1px; margin-bottom: -1px; min-width:200px;}
.tabWrap3 ul li a {display: flex; width: 100%; height:50px; align-items: center; justify-content: center;text-align: center; font-weight: 700; font-size: 16px; color:#1b1b1b;background: #fff;}
.tabWrap3 ul li.on a {background: #e50000; color:#fff; font-weight: 700; }


.searchForm {display: flex; align-items: center; justify-content: space-between;  margin-bottom: 36px; margin-top:30px; gap:10px;}
.searchForm select {}
.searchForm .rightForm {position: relative;}
.searchForm .rightForm select {border:none; width: 120px; height: 50px; background: #f6f6f6; padding-right:20px; padding-left: 20px; border:1px solid #313131; background:url('../images/ico_sel.png') right 20px center no-repeat; font-size: 18px;} 
.searchForm .rightForm input {border:none; width: 304px; height: 50px; background: #fff; padding-right: 40px; padding-left: 20px; border:1px solid #313131;  font-size: 18px;} 
.searchForm .rightForm a {position: absolute; right:20px; top:12px; width:25px; height: 25px; background:url('../images/ico_search.svg') center no-repeat; background-size:25px auto; text-indent:-999em;}

.tbType1 table{width: 100%;  text-align: center; border-bottom: 1px solid #CCCCCC; margin-bottom: 60px;}
.tbType1 table thead th {font-size: 20px; background: #363b48;height: 52px; font-size: 20px; color:#fff; font-weight: 500; border-bottom:1px solid #000C2D; border-right: 1px solid #fff;}
.tbType1 table thead th:last-child {border-right: none;}
.tbType1 table td {font-size: 20px;height: 52px; font-size: 20px; color:#292929; font-weight: 500; border-bottom:1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.tbType1 table td.left {padding-left: 20px; text-align: left;}
.tbType1 table td:last-child {border-right: none;}
.tbType1 table tr.bg {background: #0E1C3B;}
.tbType1 table .no1 {width: 80px;}
.tbType1 table .no2 {width: 200px;}
.tbType1 table .no4 {width: 180px;}
.tbType1 table .no5 {width: 80px;}






.pagingWrap {display: flex; align-items: center; justify-content: center;}
.pagingWrap a {display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; font-size: 16px; color:#555; font-weight: 500; border:1px solid #666; margin-left: -1px;}
.pagingWrap .num {margin:0 16px; display: flex; align-items: center; justify-content: center; }
.pagingWrap .num a.active {background:#313131; color:#fff;}
.pagingWrap > a {text-indent:-999em; border:none;}
.pagingWrap .paging1 {background:url('../images/paging1.svg') center no-repeat;}
.pagingWrap .paging2 {background:url('../images/paging2.svg') center no-repeat;}
.pagingWrap .paging3 {background:url('../images/paging1.svg') center no-repeat; transform:rotate(180deg);}
.pagingWrap .paging4 {background:url('../images/paging2.svg') center no-repeat; transform:rotate(180deg);}



.locationWrap .map {margin-bottom: 65px;}
.locationWrap .map .root_daum_roughmap { width: 100% !important;}
.locationWrap .map .root_daum_roughmap * {border:none;}
.locationWrap .map .root_daum_roughmap .wrap_controllers  {display: none;}
.locationWrap .map .root_daum_roughmap .cont  {display: none;}
.locationWrap .mapText {background: #f5f5f5;}
.locationWrap .mapText ul li {display: flex; padding:55px 0 55px 46px; gap:50px; border-bottom: 1px solid #e0e0e0; font-family:  'S-CoreDream';font-weight: 500; }
.locationWrap .mapText ul li:last-child {border-bottom: none;}
.locationWrap .mapText ul li .box {width: 16%;}
.locationWrap .mapText ul li .tit {width:220px}
.locationWrap .mapText ul li .addr {width: 35%;}
.locationWrap .mapText ul li div em {font-size: 30px; color:#535353;;  display: block; margin-bottom: 12px;}
.locationWrap .mapText ul li div span {font-size: 20px; color:#aaaaaa;;  display: block; margin-bottom: 12px;}
.locationWrap .mapText ul li .box em {font-size: 20px;}


body:has(.subSec) .footer {margin-top: 110px;}

.aboutWrap .tit01 { font-size: 42px; color:#1a1b21; font-weight: 700; text-align: center; font-style: italic; margin-bottom:50px;}
.aboutWrap .imgBox { gap:35px; margin-bottom: 30px; overflow:hidden;}
.aboutWrap .imgBox .img {float:left; padding-right:35px; padding-bottom: 30px;}
.aboutWrap .imgBox .txt .tit02{display: inline-block; width: 50%;}
.aboutWrap .tit02 {font-size: 24px; color:#1a1b21; border-bottom: 1px solid #1a1b21; font-weight: 700; padding-bottom: 15px; margin-bottom: 35px;}
.aboutWrap .tit03 {font-size: 18px; color:#1a1b21; line-height: 1.6;}
.aboutWrap .sec {margin-top: 100px;}
.grayBox {font-size: 18px; color:#1a1b21; line-height: 1.8; background: #f4f4f4; padding:30px; margin:30px 0;}
.grayBox p {text-indent:-10px; padding-left: 10px}


.subSearch .inner .search { display: flex; align-items: center; gap:60px;justify-content: center; }
.subSearch .inner .txt {font-size: 36px; line-height: 1.4; font-weight: 700; color:#121212;}
.subSearch .inner .txt img {width: 135px;}
.subSearch .inner .input {position: relative; width: 670px;}
.subSearch .inner .input input {font-size: 18px; height: 63px; border:1px solid #e50000; padding:0 70px 0 30px; width: 100%;}
.subSearch .inner .input a {position: absolute; right:30px; top:50%; margin-top:-10px; width: 20px; height: 20px; background:url('../images/ico_search.svg') center no-repeat; background-size:100% auto; text-indent:-999em;}
.subSearch .iframeBox {margin-top: 100px;}
.subSearch .iframeBox iframe {width: 100%;}

.h3Wrap h3 {font-size: 36px; font-weight: 700; color:#1b1b1b; margin-bottom: 75px;}

.form {background: #fff; }
.form .infoTit {font-size: 20px; font-weight: 500; margin-bottom: 20px; }
.form .line {display: flex; gap:40px; margin-bottom: 25px; font-size: 18px;  color:#1b1b1b;}
.form .line .box.full {width: 100%;}
.form .line .box {width: 50%; display: flex; align-items: center; gap:}
.form .tit { min-width:185px; font-weight: 600;}
.form .tit span{color:#e50000}
.form .line .ipBox {width: 100%;}
.form .line .ipBox input {width: 100%;width: 310px;height:50px; padding-left: 30px; border:1px solid #313131;}
.form .line .ipBox input.size01 {width: 664px;}
.form .line .ipBox input.size02 {width:100%;}
.form .line textarea{width: 100%; height:277px; padding: 10px; border:1px solid #313131;}
.form .line .selBox {width: 100%;}
.form .line .selBox.db {display: flex; gap:12px;}
.form .line .email {display: flex; align-items: center;}
.form .line .email .dash {min-width:45px; text-align: center;}
.form .line select {width: 100%; width: 310px; height:50px; padding-left: 30px; border:1px solid #313131; border-radius:0; background:#f6f6f6 url('../images/ico_sel.png') right 15px center no-repeat;}

.form .line.prevent {gap:10px; padding-left: 185px;}
.form .line.prevent .img {width: 220px;}
.form .line.prevent .btn {flex:1;}
.form .line.prevent .btn a span {display: inline-block; vertical-align: top; padding:5px 25px 5px 40px; background:url('../images/ico_re.png') left 14px center no-repeat; font-size: 14px; color:#1b1b1b; border:1px solid #1b1b1b; border-radius:4px; }
.form .line.prevent .btn input { border:1px solid #1b1b1b; border-radius:4px; width:160px; padding:10px; height: 45px; margin-top: 10px;  }
.form .line.prevent .btn span.info {font-size: 13px; font-weight: 600; margin-left: 5px;}

.contactWrap .inner {display: flex; gap:100px;}
.contactWrap .inner .leftMap {min-width:500px;}
.contactWrap .inner .leftMap iframe {width: 100%; border:1px solid #aaa !important; vertical-align: top; overflow:hidden;}
.contactWrap .inner .leftMap .mapTit {font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.contactWrap .inner .leftMap .mapBox {margin-bottom: 20px;}
.contactWrap .inner .leftMap .infoMap {margin-bottom: 70px;}
.contactWrap .inner .leftMap .infoMap p {display: flex; margin-bottom: 12px; }
.contactWrap .inner .leftMap .infoMap p em {font-size: 17px; font-weight: 500; min-width:105px; position: relative;}
.contactWrap .inner .leftMap .infoMap p em:after {content:''; position: absolute; right:10px; top:2px; height: 14px; background: #666; width: 1px; }


.agreeText {margin-top: 60px;}
.agreeText .tit {font-size: 20px; color:#1b1b1b; margin-bottom: 25px;}
.agreeText .agreeBox {font-size:16px; color:#313131; margin-bottom: 25px; padding:20px; border:1px solid #313131; overflow-y:auto; max-height:200px;}

.agree {display: flex; align-items: center; gap:20px; margin-bottom:50px;}
.agree .radio {min-width:300px;}
.agree .tit {font-size:17px; color:#1b1b1b; }

.radioBox {display: inline-block; vertical-align: top; }
.radioBox input {position: absolute; visibility: hidden;}
.radioBox label {position: relative; display: inline-block; font-size: 20px;  color:#313131; padding-left: 40px; margin-right: 25px; }
.radioBox label:after {content:''; position: absolute; left:0; top:0; width: 22px; height: 22px; border:1px solid #575757; border-radius:100px;}
.radioBox input:checked + label:before { content:''; position: absolute; left:6px; top:6px; width: 12px; height: 12px; border-radius:100px; background: #e50000;}




.titSec {margin-bottom: 100px;}
.titSec .titType1 {font-size: 24px; color:#1a1b21; border-bottom: 1px solid #1a1b21; font-weight: 700; padding-bottom: 15px; margin-bottom: 35px;}
.titSec .titType2 {font-size: 18px; color:#1a1b21; line-height: 1.8;}
.titSec .titType2 .ib {display: inline-block; vertical-align: top; width: 33%;}
.titSec .titType2 .line {text-decoration: underline;}
.titSec .titType2 .tbType1 {margin-top: 30px;}
.titSec .titType2 .tbType1 table th {height: 70px; background: #1b1b1b; }
.titSec .titType2 .tbType1 table td {height: auto; padding:10px 0; font-size: 18px; }
.titSec .titType2 .box {padding:25px 25px 0; border:1px solid #b5b5b5; margin:30px 0 20px;}
.titSec .titType2 .img {text-align: center; margin:50px 0;}

.numType {margin-top: 30px; }
.numType p{display: flex; gap:5px; line-height: 1.6; font-size: 18px; color:#1a1b21; margin-bottom: 10px;}
.numType p span {min-width:20px; font-weight: 700; }
.numType p em strong {display: block; position: relative; padding-left: 14px; left:-5px; }
.numType p em strong:after {content:''; position: absolute; left:0; top:12px; width: 4px; height: 4px; border-radius:10px; background: #e50000;}
.numType p:has(strong) {margin-bottom: 25px;}

.redDot {margin:30px 0; }
.redDot p{line-height: 1.6;  color:#1a1b21; margin-bottom: 10px; padding-left: 14px; position: relative;}
.redDot p:after {content:''; position: absolute; left:0; top:12px; width: 4px; height: 4px; border-radius:10px; background: #e50000;}
.redDot.mb p {margin-bottom: 25px;}


.checkDot {margin:30px 0; }
.checkDot p{line-height: 1.6;  color:#1a1b21; margin-bottom: 10px; padding-left: 18px; position: relative;}
.checkDot p:after {content:''; position: absolute; left:0; top:7px; width: 13px; height: 9px; background:url('../images/ico_check.png') center no-repeat;}

.grayTit {text-align: right; font-size: 92px; line-height: 92px; font-weight: 800; color:#eeeeee; margin:40px 0 15px 0;}



.dotType {margin:30px 0;}
.dotType span {display: block; position: relative; padding-left: 16px; margin-left: 10px;}
.dotType span:after {content:''; position: absolute; left:0; top:11px; width: 8px; height: 8px;  background: #1a1b21;}

.noticeDetail .detailTitle{margin-top: 116px; border-top:3px solid #0E1C3B; text-align: center; font-size: 24px; font-weight: 700; padding:26px 0; border-bottom: 1px solid #555;}
.noticeDetail .dateView{display: flex; justify-content: space-between; align-items: center; font-size: 14px; color:#555; padding:16px 0; border-bottom:1px solid #555; }
.noticeDetail .dateView .date {padding-left: 25px; background:url('../images/ico_write.svg') left center no-repeat}
.noticeDetail .dateView .view {padding-left: 25px; background:url('../images/ico_view.svg') left center no-repeat}
.noticeDetail .detailText {margin:40px 0 60px; border-bottom: 1px solid #555; padding-bottom: 40px;}

.readyText {text-align: center; padding:100px 0; font-size: 30px; font-weight: 700; color:#0E1C3B;}

.btnCenter {margin-top: 60px;display: flex; align-items: center; justify-content: center; gap:16px;}
.btType1 {display: flex; align-items: center; justify-content: center; min-width:97px; padding:0 20px; font-size: 16px; font-weight: 500; color:#555555; border:1px solid #dcdcdc; height: 42px;}
.btType1.prev span {padding-left:26px; background:url('../images/ico_next.svg') left center no-repeat;}
.btType1.next span {padding-right:26px; background:url('../images/ico_prev.svg') right center no-repeat;}
.btType1.list {background: #333; color:#fff;}

.fileAdd {background: #F7F8F9; border-radius:12px; padding:16px; margin-top: -20px;}
.fileAdd .col {font-size: 0;}
.fileAdd a {font-size: 16px;position: relative; margin-top: 10px;  flex:1; font-weight: 400; padding-right: 22px; padding-left: 20px; background:url('../images/ico_file.png') left center no-repeat; background-size:16px auto; margin-left: 4px; display: block; position: relative; }
.fileAdd .col a:first-child {margin-top: 0;}
.fileAdd a span {text-decoration: underline; position: relative;}


.galList {display: grid; gap:26px; grid-template-columns:repeat(4,1fr); margin-bottom: 60px; margin-top:30px;}
.galList .box {box-shadow:0 0 15px rgba(0,0,0,.1); background: #fff;}
.galList .box .img {height: 206px; width: 100%;}
.galList .box .img img {object-fit:cover; width: 100%; height: 100%;}
.galList .box .txtBox {padding:26px 30px; height: 148px;}
.galList .box .txtBox .tit {height: 56px; margin-bottom: 18px; font-size: 18px; font-weight: 700; overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.galList .box .txtBox .date {font-size: 16px; color:#777777; }

.certBox {margin:80px 0 50px; line-height: 30px;}
.certBox .info {font-size: 23px; }
.certBox .info .dash {margin:30px 0 30px 130px}
.certBox .info .last a {color:red; text-decoration: underline;}
.certBox .resultBox {background: #efefef; border:1px solid #666; border-radius:4px; padding:30px; margin-top: 50px; }
.certBox .resultBox .tit {font-weight: 700; font-size: 25px; color:#111; margin-bottom: 30px; text-align: center;}
.certBox .resultBox .text {padding-left: 100px;}
.certBox .resultBox .text p { font-size: 20px; color:#111; margin-bottom: 20px;}
.certBox .resultBox .text p em {font-weight: 700;}
.certBox .resultBox .text p em.green {color:green}

/* 신규 */
.boldTit {font-size: 20px; font-weight: bold; margin-bottom: 30px;}
.titSec .titType2 .tbType1.left table td {text-align: left; padding:10px;}
.titSec .titType2 .tbType1.left table td:first-child {min-width:110px;}
.titSec .titType2 .tbType1.mb0 table {margin-bottom: 0;}




@media all and (max-width:1400px) {

    .head .headCont .gnbWrap {padding-right: 0;}
    .head .headCont .gnbWrap .in > ul {gap:10px;
    .head .headCont .gnbWrap .in > ul > li > a {padding:0 8px; font-size: 16px;}

}

@media all and (max-width:1280px) {

    ::-webkit-input-placeholder {font-size: 16px;  }
    .btnScroll {display: none;}

    .mob {display: block;}
    .pc {display: none;}
    .head {padding:0; padding:0 20px;}
    .head .headCont {position: relative;  height: 77px }
    .head .headCont .h1Logo a {width: 100px; height: 77px;  background-size:100px auto; }
    .head .headCont .gnbWrap {position: fixed; right:0; top:0; width: 100%; top:77px; height:calc(100% - 77px); overflow-y:auto;  padding:0 20px 20px; display: none; background: #fff; z-index: 100; border-top: 1px solid #D5D5D5;}
    .head .headCont .gnbWrap .in {position: relative; z-index: 100; background: #fff;}

    .head .headCont .gnbWrap .in > ul {display: block; }
    .head .headCont .gnbWrap .in > ul > li {position: relative;height: auto; text-align: center; text-align: left; }
    .head .headCont .gnbWrap .in > ul > li > a {position: relative; border-bottom: 1px solid #D5D5D5; font-size: 18px; font-weight: 500; padding:0 16px; height:62px; color:#0e0e0e; display: flex;justify-content: flex-start; align-items: center;}
    .head .headCont .gnbWrap .in > ul > li > a:after {content:''; position: absolute; right:16px; top:50%; width:12px; height: 6px; background:url('../images/ico_sel.svg') center no-repeat; background-size:12px auto;}
    .head .headCont .gnbWrap .in > ul > li.active > a:after {transform:rotate(180deg);}
    .head .headCont .gnbWrap .in > ul > li ul  {margin:0; visibility: visible; opacity:1; display: none; position: static; width: 100%; padding:20px 16px; background: #F6F6F6;}
    .head .headCont .gnbWrap .in ul > li ul > li {}
    .head .headCont .gnbWrap .in ul > li ul > li:last-child {margin-bottom: 0;}
    .head .headCont .gnbWrap .in ul > li ul > li > a {color:#353535; font-weight: 500; padding:3px 0; font-size: 14px; line-height: 14px; display: block; text-align: left; vertical-align: top;  border-radius:0;}
    .head .headCont .gnbWrap .in ul > li ul > li > a:hover {color:#353535;  }

    
    .head .btnMemu  {display: block;}
    .head .btnMemu button {position: absolute;   z-index:410; right:0; top:0; width: 45px; height: 100%; border:none; background:url('../images/ico_ham.svg') center no-repeat; background-size:45px auto; }
    
    
    .head.gnbOpen {background: #fff}
    .head.gnbOpen .headCont .h1Logo a {background:url('../images/ico_logo_red.svg') center no-repeat; background-size:100px auto; }
    .head.gnbOpen .btnMemu button { background:url('../images/ico_close.svg') center no-repeat !important; background-size:45px auto; }
    .head .headCont .bgGnb {display: none;}

    body:has(.subSec) .head {background: #fff; ;}
    body:has(.subSec) .head .h1Logo a {background:url('../images/ico_logo_red.svg') center no-repeat; background-size:100px auto; }
    body:has(.subSec) .head .gnbWrap .in > ul > li > a  {color:#121212;}
    body:has(.subSec) .head .btnMemu button { background:url('../images/ico_ham_b.svg') center no-repeat; background-size:45px auto; }


    .inner { max-width: 100%; padding: 0 10px; }


    body .head.over {background: #fff; ;}
    body .head.over .h1Logo a {background:url('../images/ico_logo_red.svg') center no-repeat; background-size:100px auto; }
    body .head.over .bgGnb {height:226px; }
    body .head.over .gnbWrap .in > ul > li > a  {color:#121212;}
    body .head.over .gnbWrap .in > ul > li ul  {opacity:1; visibility: visible; }

    body .head.white {background: #fff; ;}
    body .head.white .h1Logo a {background:url('../images/ico_logo_red.svg') center no-repeat; background-size:100px auto; }
    body .head.white .gnbWrap .in > ul > li > a  {color:#121212;}
    body .head.white .btnMemu button { background:url('../images/ico_ham_b.svg') center no-repeat; background-size:45px auto; }

    
    .subSec {padding-top: 78px;}
    .inner {max-width:1440px; padding:0 20px; margin:0 auto;}

    .mainSec {overflow:hidden;}
    .mainSlideWrap { position: relative;   min-height:600px; height: 100svh;}
    .mainSlideWrap .mainSlide {}
    .mainSlideWrap .mainSlide .inSlide{position: absolute;  top:0; width:100%; left:0; margin-left:0;  height: 100%; }
    .mainSlideWrap .mainSlide .img { height: 100%;}
    .mainSlideWrap .mainSlide img {width: 100%; object-fit:cover; height: 100%;}
    .mainSlideWrap .mainSlide .mainTit {position: absolute; left:40px; bottom:60px; max-width:1920px; z-index: 30;}
    .mainSlideWrap .mainSlide .mainTit .in {}
    .mainSlideWrap .mainSlide .mainTit .in .tit01 {font-size: 18px; font-weight: 500; color:#fff; margin-bottom: 16px;}
    .mainSlideWrap .mainSlide .mainTit .in .tit02 {font-size: 30px; line-height:1.2; font-weight: 700; color:#fff; margin-bottom:40px;}
    .mainSlideWrap .mainSlide .controler {width: 60px; height: 60px; position: relative; border:4px solid rgba(255,255,255,.5); border-radius:100px;}
    .mainSlideWrap .mainSlide .controler #autoplay {position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 50; background:url('../images/ico_stop.svg') center no-repeat; background-size:11px auto; cursor:pointer; }
    .mainSlideWrap .mainSlide .controler #autoplay.pause { background:url('../images/ico_play.svg') center no-repeat; background-size:11px auto;}
    .mainSlideWrap .mainSlide .controler .autoplay-progress { position: absolute; left:-4px; top:-4px;  z-index: 50;      width: 60px;      height: 60px;      display: flex;      align-items: center;      justify-content: center;      font-weight: bold;      color: var(--swiper-theme-color); overflow:hidden;    }
    .mainSlideWrap .mainSlide .controler .autoplay-progress svg { --progress: 0;      position: absolute;      left: 0;      top: 0px;      z-index: 10;      width: 100%;      height: 100%;      stroke-width: 3px;      stroke:#fff;      fill: none;      stroke-dashoffset: calc(125.6px * (1 - var(--progress)));      stroke-dasharray: 125.6;      transform: rotate(-90deg) scale(1.1);   }


    @keyframes updown {
        0% {
            height: 120px;
        }

        50% {
            height:60px;
        }

        100% {
            height: 120px;
        }
    }


    #target{position:relative;}
    .svg_item{height: auto;display: inline-block;position: relative; width: 220px;}
    .svg_item svg{transform: rotate(-90deg);}
    .donut-segment{stroke-dashoffset: 1083.8494654884787;}
    .swiper-slide-active .donut-segment1{animation: donutChart1 1.8s forwards;}
    .swiper-slide-active .donut-segment2{animation: donutChart2 1.8s forwards;}
    .swiper-slide-active .donut-segment3{animation: donutChart3 1.8s forwards;}

    @keyframes donutChart1 {
        0% {stroke-dashoffset: 1083.8494654884787;}
        100% {stroke-dashoffset: 75.86946258419346;}
    }
    @keyframes donutChart2 {
        0% {stroke-dashoffset: 1083.8494654884787;}
        100% {stroke-dashoffset: 249.28537706235008;}
    }
    @keyframes donutChart3 {
        0% {stroke-dashoffset: 1083.8494654884787;}
        100% {stroke-dashoffset: 162.57741982327184;}
    }


    .h2 h2 {font-size: 24px; font-weight: 700; color:#121212; margin-bottom: 40px; text-align: center;}

    .bizWrap {padding:70px 0 80px; margin-bottom: 40px; background: url('../images/bg_main01.jpg') center bottom no-repeat; background-size:cover;}
    .bizWrap .inner {max-width:1200px; padding:0;}
    .bizWrap .inner .chartBox .cahrt_area  {display: flex; align-items: center; justify-content: space-between; }
    .bizWrap .inner .chartBox .cahrt_area .swiper-slide{}
    .bizWrap .inner .chartBox .cahrt_area .swiper-slide.swiper-slide-active {}
    .bizWrap .inner .chartBox .cahrt_area .swiper-slide.swiper-slide-active .svg_item { transform:scale(1);}
    .bizWrap .inner .chartBox .cahrt_area .swiper-wrapper{display: flex; align-items: center; justify-content: space-between; width: auto; margin:0 auto; }
    .bizWrap .inner .chartBox .cahrt_area .svgBox {width: 220px;}
    .bizWrap .inner .chartBox .cahrt_area .svgBox .svg_item {margin-bottom: 20px;  transform:scale(.8);  transition:.3s all; transform-origin:center center;}
    .bizWrap .inner .chartBox .cahrt_area .svgBox .svg_item .iconPercent {position: absolute; left:0; top:0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; align-items: center; gap:18px; flex-direction:column;     }
    .bizWrap .inner .chartBox .cahrt_area .svgBox .svg_item .iconPercent img {width: 56px;}
    .bizWrap .inner .chartBox .cahrt_area .svgBox .svg_item .iconPercent .percent {font-size: 20px; color:#929292; font-weight: bold; display: flex; align-items: center; justify-content: center;}
    .bizWrap .inner .chartBox .cahrt_area .svgBox .svg_item .iconPercent .percent span{font-size: 36px; color:#121212; font-weight: bold;  margin-right: 8px;}
    .bizWrap .inner .chartBox .cahrt_area .txt {font-size: 20px; font-weight: 500; color:#121212; text-align: center;}
     
    .btnCenter {text-align: center; margin-top: 40px;}
    .btnType1 {display: inline-flex; width: 180px; height: 44px; align-items: center; justify-content: center; border:1px solid #E50000; color:#353535; font-size: 14px; font-weight: 700;}
    .btnType1:hover {background: #E50000; color:#fff;}

    .newsWrap .newsTab {margin-bottom: 40px; display: flex; justify-content: space-between;align-items: center; border-bottom: 1px solid #D5D5D5;}
    .newsWrap .newsTab a {display: block; position: relative; font-size:14px; font-weight: 500; color:#797979; height: 36px; width: 135px; text-align: center; }
    .newsWrap .newsTab a:first-child {width: 60px;}
    .newsWrap .newsTab a.active {font-weight: 700; color:#E50000;}
    .newsWrap .newsTab a.active:after {content:''; position: absolute; left:0; bottom:-1px; width:100%; height: 2px; background: #E50000;}

    .newsTabCont .cont {display: none;}
    .newsTabCont .cont.active {display: block;}
    .newsTabCont .cont ul {display:block;gap:57px 37px;}
    .newsTabCont .cont ul li {margin-bottom: 20px;}
    .newsTabCont .cont ul li a {display: block; font-family: "Pretendard-Regular", sans-serif;}
    .newsTabCont .cont ul li a .img img{height: auto; width: 100%;}
    .newsTabCont .cont ul li a .txtBox .filter {font-size:14px; font-weight: 500; color:#E50000; padding:16px 0;}
    .newsTabCont .cont ul li a .txtBox .tit {font-size:18px; font-weight: 700; color:#353535; border-top: 1px solid #D5D5D5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;    text-overflow:ellipsis;  height:70px; padding:14px 0 0; margin-bottom: 12px;}
    .newsTabCont .cont ul li a .txtBox .txt {font-size:14px; font-weight: 500; color:#525252;  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;   border-top: 1px solid #D5D5D5;   text-overflow:ellipsis;  height: 78px; padding-top: 14px; margin-top: 12px;}

    .mainSearch {margin: 70px 0;}
    .mainSearch .inner {background: #F6F6F6; padding:30px 20px; display: block; align-items: center; justify-content: space-between; }
    .mainSearch .inner .txt {font-size: 18px; line-height: 1.2; font-weight: 700; color:#121212;}
    .mainSearch .inner .formBox {width:100%; padding:20px 0 0 0; margin-top: 20px;  border:none; margin-left: 0; border-top: 1px solid #D5D5D5;}
    .mainSearch .inner .tit {font-size: 14px; color:#525252; font-weight: 500; margin-bottom: 20px; font-family: "Pretendard-Regular", sans-serif;}
    .mainSearch .inner .input {position: relative;}
    .mainSearch .inner .input input {font-size: 16px; height: 52px; border:1px solid #e50000; padding:0 50px 0 20px; width: 100%;}
    .mainSearch .inner .input a {position: absolute; right:20px; top:50%; margin-top:-10px; width:20px; height:20px; background:url('../images/ico_search.svg') center no-repeat; background-size:100% auto; text-indent:-999em;}

    .keyWrap {margin-top: 70px;}
    .keyWrap .keyList ul { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:80px;}
    .keyWrap .keyList ul li a{ padding:6px 12px; border:1px solid #D5D5D5; height: 40px; display: flex; align-items: center;  background:rgba(213, 213, 213, 0.1);}
    .keyWrap .keyList ul li a svg {background: #E50000; padding:5px; width: 28px; height: 28px;border-radius:100px; }
    .keyWrap .keyList ul li a .name {font-size: 13px; color:#353535; font-weight: 500; word-break:break-all; white-space:wrap;}
    .keyWrap .keyList ul li a:hover {box-shadow:0 1 4px rgba(91, 64, 64, 0.3); background: #E50000; }
    .keyWrap .keyList ul li a:hover svg {background: #fff;}
    .keyWrap .keyList ul li a:hover svg path {fill: #E50000;}
    .keyWrap .keyList ul li a:hover .name {color:#fff; font-weight: 700; letter-spacing:-0.05em;}
    .keyWrap .keyList ul li:nth-child(2) {width: auto;}
    .keyWrap .keyList ul li:nth-child(3) {width: auto;}
    .keyWrap .keyList ul li:nth-child(9) {width: auto;}
    .keyWrap .keyContList ul {display: block; justify-content: space-between; gap:37px}
    .keyWrap .keyContList ul li {flex:1; margin-bottom: 20px;}
    .keyWrap .keyContList ul li .box {position: relative; height:350px; text-align: center;}
    .keyWrap .keyContList ul li .box .img img{width: 100%; position: absolute; left:0; top:0; height: 100%; object-fit:cover; z-index: 0;}
    .keyWrap .keyContList ul li .box .tit01 { padding:83px 0 10px; font-size: 30px; font-weight: 700; color:#fff;  position: relative; z-index: 1;    }
    .keyWrap .keyContList ul li .box .tit02 { margin-bottom: 38px; font-size: 14px; font-weight:500; color:#fff; font-family: "Pretendard-Regular", sans-serif;  position: relative; z-index: 1;     }
    .keyWrap .keyContList ul li .box .btn {  position: relative; z-index: 1;     }
    .keyWrap .keyContList ul li .box .btn a {border-color:#fff; color:#fff;}

    .partnerWrap { padding: 80px 0 70px; text-align: center; margin-top:100px; }
    .partnerWrap .tit01 {font-size: 14px; color:#fff; font-weight: 700; margin-bottom:20px;}
    .partnerWrap .tit02 {font-size: 18px; line-height: 1.5; color:#fff; font-weight: 700; margin-bottom:40px;  font-family: "Pretendard-Regular", sans-serif; line-height: 1.4;}

    .moveSlide { display: flex;    justify-content: center;    align-items: center;    overflow: hidden; }
    .moveSlide .carousel-container { display: flex; width: 100%; overflow: hidden;     align-items: center;    position: relative; white-space:nowrap; gap:20px; }
    .moveSlide .carousel-container li {display: inline-flex; align-items: center; min-width:100px; justify-content: center; animation: slide-left 20s linear infinite; height:42px;}
    .moveSlide .carousel-container li img {   height: 42px;    }
    .moveSlide .carousel-container li:hover {    /* animation-play-state: paused; */}

    @keyframes slide-left {
    0% {
        transform: translateX(0%); /* 시작 위치 */
    }
    100% {
        transform: translateX(-1200px);
    }
    }

    .footer {background: #1A1B21;font-family: "Pretendard-Regular", sans-serif; }
    .footer .logoList .inner ul {display: flex; align-items: center; justify-content: space-between; max-width:1560px; height: 56px; opacity:.4; }
    .footer .logoList .inner ul img {height: 22px;}
    .footer .policy {border-top: 1px solid #353535; border-bottom: 1px solid #353535;}
    .footer .policy .inner {max-width:1920px; display: flex; align-items: center; text-align: center; }
    .footer .policy .inner a {display: flex; height:45px; align-items: center; width: 100%; justify-content: center; font-size: 14px; color:#fff;   font-family: "Pretendard-Regular", sans-serif; }
    .footer .policy .inner a:first-child {border-right: 1px solid #353535;}
    .footer .policy .inner a strong {color:#FFDF59;  font-family: "Pretendard-Regular", sans-serif; font-weight: 500; }
    .footer .info {text-align: center;  padding:22px 0 50px; font-size: 14px; color:#fff; word-break:keep-all;}
    .footer .info .addr > div {display: inline-block; align-items: center; margin-right:10px;}
    .footer .info .addr > div.first {display: block; margin-bottom: 5px; margin-right: 0;}
    .footer .info .addr > div:last-child {margin-right: 0;}
    .footer .info .addr > div span {font-weight: 500;}
    .footer .info .copy {margin-top: 20px; font-size: 13px; color:#525252;}


    .subBg {height: 200px; margin-bottom: -30px; text-align: center; background-size:cover !important; }
    .subBg h2 {position: absolute; left:50%; top:40%; transform:translate(-50%,-50%); font-size:25px; font-weight: 700; white-space:nowrap; }


    .locationWrap .map {margin-bottom: 65px;}
    .locationWrap .map .root_daum_roughmap { width: 100% !important;}
    .locationWrap .map .root_daum_roughmap * {border:none;}
    .locationWrap .map .root_daum_roughmap .wrap_controllers  {display: none;}
    .locationWrap .map .root_daum_roughmap .cont  {display: none;}
    .locationWrap .mapText {background: #f5f5f5;}
    .locationWrap .mapText ul li {display: flex; padding:55px 0 55px 46px; gap:50px; border-bottom: 1px solid #e0e0e0; font-family:  'S-CoreDream';font-weight: 500; }
    .locationWrap .mapText ul li:last-child {border-bottom: none;}
    .locationWrap .mapText ul li .box {width: 16%;}
    .locationWrap .mapText ul li .tit {width:220px}
    .locationWrap .mapText ul li .addr {width: 35%;}
    .locationWrap .mapText ul li div em {font-size: 30px; color:#535353;;  display: block; margin-bottom: 12px;}
    .locationWrap .mapText ul li div span {font-size: 20px; color:#aaaaaa;;  display: block; margin-bottom: 12px;}
    .locationWrap .mapText ul li .box em {font-size: 20px;}
    

    .tbType1 table{width: 100%;  text-align: center; ; margin-bottom: 30px;}
    .tbType1 table thead th {font-size: 12px; ;height: 42px;  font-weight: 500; width: auto !important;}
    .tbType1 table thead th:last-child {border-right: none;}
    .tbType1 table td {font-size: 12px;height: 42px;  font-weight: 500; word-break:break-all; width: auto !important; }
    .tbType1 table td.left {padding-left: 10px;}
    .tbType1 table td:last-child {border-right: none;}

    .tabWrap3 {margin-bottom: 30px;}
    .tabWrap3 ul {display:grid; grid-template-columns:repeat(2,1fr); gap:15px;}
    .tabWrap3 ul li {min-width:0; flex:1;}
    .tabWrap3 ul li a {height: 35px; font-size: 14px; }

    .searchForm {display: block; justify-content: flex-end; margin-bottom: 20px; margin-top: 20px; padding:0 20px;}
    .searchForm .count {font-size: 12px; color:#555; font-weight:500;}
    .searchForm .rightForm {position: relative; display: flex; justify-content: flex-end; gap:10px;}
    .searchForm .rightForm select {height: 40px; padding-left: 10px; font-size: 14px;}
    .searchForm .rightForm input {width: 150px; height: 40px; background: #f9f9f9; padding-right: 30px; padding-left: 10px; font-size: 14px;} 
    .searchForm .rightForm a {position: absolute; right:10px; top:10px; width: 20px; height: 20px; background:url('../images/ico_search.svg') center no-repeat; background-size:20px auto; text-indent:-999em;}

    .pagingWrap {display: flex; align-items: center; justify-content: center;}
    .pagingWrap a {display: flex; align-items: center; justify-content: center; width:30px; height: 30px; font-size: 12px; color:#555; font-weight: 500; border:1px solid #DCDCDC; margin-left: -1px;}
    .pagingWrap .num {margin:0 16px; display: flex; align-items: center; justify-content: center; }
    .pagingWrap .num a:hover {background: rgba(244,41,41,.1);}
    .pagingWrap > a {text-indent:-999em; border:none; background-size:30px auto !important;}


    .tabWrap {position: relative; z-index: 1; margin-top: -45px;}
    .tabWrap ul{display: flex; margin-bottom: 60px;}
    .tabWrap ul li {flex:1; margin-left: -1px;;}
    .tabWrap ul li a {display: flex; width: 100%; height:45px; align-items: center; justify-content: center;text-align: center; font-size: 12px; }

    .tabWrap2 ul{display: grid; grid-template-columns:repeat(3,1fr); margin-bottom: 40px;}
    .tabWrap2 ul li {flex:1; margin-left: -1px; border:1px solid #e0e0e0; margin-right:-1px; margin-bottom: -1px;}
    .tabWrap2 ul li a {display: flex; width: 100%; height:100%; min-height:40px; padding:5px 0; align-items: center; justify-content: center;text-align: center; font-weight: 700; font-size: 12px; color:#1b1b1b;background: #fff;}
    .tabWrap2 ul li.on a {background: #e50000; color:#fff; font-weight: 700; }
    .tabWrap2.type2 ul{grid-template-columns:repeat(2,1fr);}
    .tabWrap2.type5 ul{grid-template-columns:repeat(3,1fr);}
    .tabWrap2.type5 ul a {font-size: 11px;}


    body:has(.subSec) .footer {margin-top: 70px;}

    .aboutWrap .tit01 { font-size: 22px; color:#1a1b21; font-weight: 700; text-align: center; font-style: italic; margin-bottom:50px;}
    .aboutWrap .imgBox { gap:35px; margin-bottom: 30px; overflow:hidden;}
    .aboutWrap .imgBox .img {float:none; padding-right:0; padding-bottom: 30px;}
    .aboutWrap .imgBox .txt .tit02{display: block; width: 100%;}
    .aboutWrap .tit02 {font-size: 20px; color:#1a1b21; border-bottom: 1px solid #1a1b21; font-weight: 700; padding-bottom: 15px; margin-bottom: 25px;}
    .aboutWrap .tit03 {font-size: 14px; color:#1a1b21; line-height: 1.6;}
    .aboutWrap .sec {margin-top: 50px;}
    .grayBox {font-size: 14px; color:#1a1b21; line-height: 1.8; background: #f4f4f4; padding:15px; margin:15px 0;}
    .grayBox p {text-indent:-10px; padding-left: 10px}


    .subSearch .inner .search { display: block; align-items: center; gap:60px;justify-content: center; }
    .subSearch .inner .txt {font-size: 36px; line-height: 1.4; font-weight: 700; color:#121212; margin-bottom: 10px;}
    .subSearch .inner .txt img {width: 100px;}
    .subSearch .inner .input {position: relative; width: 100%;}
    .subSearch .inner .input input {font-size: 18px; height: 45px; border:1px solid #e50000; padding:0 40px 0 10px; width: 100%;}
    .subSearch .inner .input input::placeholder {font-size: 12px;}
    .subSearch .inner .input a {position: absolute; right:15px; top:50%; margin-top:-10px; width: 20px; height: 20px; background:url('../images/ico_search.svg') center no-repeat; background-size:100% auto; text-indent:-999em;}
    .subSearch .iframeBox {margin-top: 40px;}
    .subSearch .iframeBox iframe {width: 100%;}

    .h3Wrap h3 {font-size: 36px; font-weight: 700; color:#1b1b1b; margin-bottom: 55px;}

    .form {background: #fff; }
    .form .infoTit {font-size: 18px; color:#000;}
    .form .line {display: block; gap:40px; margin-bottom: 25px; font-size: 20px;  color:#1b1b1b;}
    .form .line .box.full {width: 100%;}
    .form .line .box {width: 100%; display: block; align-items: center; gap:}
    .form .tit { min-width:185px; margin-bottom: 10px; font-size: 15px;}
    .form .tit span{color:#e50000}
    .form .tit br {display: none;}
    .form .line .ipBox {width: 100%;}
    .form .line .ipBox input {width: 100%;width: 100%;height:40px; padding-left: 10px; border:1px solid #313131;}
    .form .line .ipBox input.size01 {width: 100%;}
    .form .line .ipBox input.size02 {width:100%;}
    .form .line textarea{width: 100%; height:160px; padding: 10px; border:1px solid #313131;}
    .form .line .selBox {width: 100%;}
    .form .line .selBox.db {display: flex; gap:12px;}
    .form .line .email {display: flex; align-items: center;}
    .form .line .email .dash {min-width:35px; text-align: center;}
    .form .line select {width: 100%; width: 100%; height:40px; padding-right: 10px; padding-left:10px; border:1px solid #313131; border-radius:0; background:#f6f6f6 url('../images/ico_sel.png') right 10px center no-repeat; background-size:10px auto;}

    .form .line.prevent {gap:10px; padding-left: 0; display: flex;}
    .form .line.prevent .img {width:120px;}
    .form .line.prevent .btn a span {display: inline-block; vertical-align: top; padding:5px 25px 5px 30px; background:url('../images/ico_re.png') left 14px center no-repeat; background-size:12px auto; font-size: 14px; color:#1b1b1b; border:1px solid #1b1b1b; border-radius:4px; }
    .form .line.prevent .btn input {display: block; border:1px solid #1b1b1b; border-radius:4px; width: 150px; padding:10px; height: 45px; margin-top: 10px;  }

    .contactWrap .inner {display: block; gap:50px;}
    .contactWrap .inner .leftMap {min-width:100%; margin-bottom: 30px;}
    .contactWrap .inner .leftMap iframe {height: 300px;}
    .contactWrap .inner .leftMap .mapTit {font-size: 18px; font-weight: 600; margin-bottom: 15px;}
    .contactWrap .inner .leftMap .infoMap {margin-bottom:50px;}
    .contactWrap .inner .leftMap .infoMap p {display: flex; margin-bottom: 12px; }
    .contactWrap .inner .leftMap .infoMap p em {font-size: 14px; font-weight: 500;  min-width:90px; position: relative;}
    .contactWrap .inner .leftMap .infoMap p em:after {content:''; position: absolute; right:10px; top:4px; height: 10px; background: #666; width: 1px; }

    .agreeText {margin-top: 30px;}
    .agreeText .tit {font-size: 14px; color:#1b1b1b; margin-bottom: 15px;}
    .agreeText .agreeBox {font-size:13px; color:#313131; margin-bottom: 15px; padding:10px; border:1px solid #313131; overflow-y:auto; max-height:150px;}

    .agree {display: block; align-items: center; gap:10px; margin-bottom: 50px;}
    .agree .tit {font-size: 14px; color:#1b1b1b; margin-bottom: 10px; }


    .radioBox {display: inline-block; vertical-align: top; }
    .radioBox input {position: absolute; visibility: hidden;}
    .radioBox label {position: relative; display: inline-block; font-size: 14px;  color:#313131; padding-left: 25px; margin-right: 15px; }
    .radioBox label:after {content:''; position: absolute; left:0; top:0; width: 16px; height: 16px; border:1px solid #575757; border-radius:100px;}
    .radioBox input:checked + label:before { content:''; position: absolute; left:5px; top:5px; width: 8px; height: 8px; border-radius:100px; background: #e50000;}


    .titSec {margin-bottom: 50px;}
    .titSec .titType1 {font-size: 18px; color:#1a1b21; border-bottom: 1px solid #1a1b21; font-weight: 700; padding-bottom: 10px; margin-bottom: 25px;}
    .titSec .titType2 {font-size: 14px; color:#1a1b21; line-height: 1.8;}
    .titSec .titType2 .ib {display: inline-block; vertical-align: top; width: 32%;}
    .titSec .titType2 .line {text-decoration: underline;}
    .titSec .titType2 .tbType1 {margin-top: 30px;}
    .titSec .titType2 .tbType1 table th {height: 50px; background: #1b1b1b; min-width:60px;}
    .titSec .titType2 .tbType1 table td {height: auto; padding:10px 3px; font-size: 12px;}
    .titSec .titType2 .box {padding:15px 15px 0; border:1px solid #b5b5b5; margin:20px 0 10px;}
    .titSec .titType2 .img {text-align: center; margin:20px 0;}

    .numType {margin-top: 30px; }
    .numType p{display: flex; gap:5px; line-height: 1.6; font-size: 14px; color:#1a1b21; margin-bottom: 10px;}
    .numType p span {min-width:14px; font-weight: 700; }
    .numType p em strong {display: block; position: relative; padding-left: 10px; left:-5px; }
    .numType p em strong:after {content:''; position: absolute; left:0; top:12px; width: 4px; height: 4px; border-radius:10px; background: #e50000;}
    .numType p:has(strong) {margin-bottom: 25px;}

    .redDot {margin:15px 0; }
    .redDot p{line-height: 1.6;  color:#1a1b21; margin-bottom: 10px; padding-left: 10px; position: relative;}
    .redDot p:after {content:''; position: absolute; left:0; top:10px; width: 3px; height: 3px; border-radius:10px; background: #e50000;}
    .redDot.mb p {margin-bottom: 15px;}


    .checkDot {margin:30px 0; }
    .checkDot p{line-height: 1.6;  color:#1a1b21; margin-bottom: 10px; padding-left: 15px; position: relative;}
    .checkDot p:after {content:''; position: absolute; left:0; top:7px; width: 13px; height: 9px; background:url('../images/ico_check.png') center no-repeat; background-size:8px auto;}

    .grayTit {text-align: right; font-size: 32px; line-height: 42px; font-weight: 800; color:#eeeeee; margin:20px 0 15px 0;}


    .dotType {margin:15px 0;}
    .dotType span {display: block; position: relative; padding-left: 12px; margin-left: 10px;}
    .dotType span:after {content:''; position: absolute; left:0; top:8px; width: 4px; height: 4px;  background: #1a1b21;}


    .noticeDetail .detailTitle{margin-top: 50px; border-top:3px solid #0E1C3B; text-align: center; font-size: 20px; font-weight: 700; padding:26px 0; border-bottom: 1px solid #555;}
    .noticeDetail .dateView{display: flex; justify-content: space-between; align-items: center; font-size: 14px; color:#555; padding:16px 0; border-bottom:1px solid #555; }
    .noticeDetail .dateView .date {padding-left: 25px; background:url('../images/ico_write.svg') left center no-repeat}
    .noticeDetail .dateView .view {padding-left: 25px; background:url('../images/ico_view.svg') left center no-repeat}
    .noticeDetail .detailText {margin:40px 0 60px; border-bottom: 1px solid #555; padding-bottom: 40px;}

    .readyText {text-align: center; padding:70px 0; font-size: 20px; font-weight: 700; color:#0E1C3B;}

    .fileAdd {padding:12px;}
    .fileAdd a {font-size: 14px; }

    .btType1 {display: flex; align-items: center; justify-content: center; min-width:70px; padding:0 15px; font-size: 13px; font-weight: 500; height: 35px;}
    .btType1.prev span {padding-left:15px; background-size:7px auto;}
    .btType1.next span {padding-right:15px; background-size:7px auto;}

    .subBg {height:auto;  text-align: center; position: relative; background:none; max-width:1440px; padding:30px 20px 70px; margin:0 auto; }
    .subBg {background:none;}
    .subBg h2 {position: static; transform:none; font-size: 38px; color:#121212; font-weight: 700; text-align: left; }

    .about_video {padding-bottom: 52.65%; position: relative;}
    .about_video video {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}

    .aboutList ul {display: block;  gap:20px; flex-wrap:wrap; }
    .aboutList ul li {border:1px solid #ddd; width:100%; margin-bottom: 15px;}
    .aboutList ul li a {padding:10px; display: flex; align-items: center; gap:10px;}
    .aboutList ul li .img {min-width: 60px; height: 60px; border-radius:100px;}
    .aboutList ul li .img img{width: 60px; height: 60px; border-radius:100px;}
    .aboutList ul li .text {flex:1;}
    .aboutList ul li .txt01 {font-size: 16px; font-weight: 700; margin-bottom: 5px; display: block;}
    .aboutList ul li .txt02 {font-size: 14px; }
    .aboutList ul li:last-child {width: 100%;}

    .galList {display: grid; gap:15px; grid-template-columns:repeat(2,1fr); margin-bottom: 30px;}
    .galList .box {box-shadow:0 0 10px rgba(0,0,0,.1); background: #fff;}
    .galList .box .img { width: 100%; height: 150px;}
    .galList .box .img img {width: 100%; height: 100%;}
    .galList .box .txtBox {padding:15px; height: 100px;}
    .galList .box .txtBox .tit {height: 40px; margin-bottom: 12px; font-size: 14px; font-weight: 700; overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .galList .box .txtBox .date {font-size: 12px; color:#777777; }

    .btnRight {display: flex; justify-content: flex-end; margin-bottom: 20px; margin-top: -30px;}
    .btnRight .border{  gap:15px;  padding-bottom:20px; margin-bottom: 0; }

    .btnRight .btnType2 {flex:1;}
    .btnType2 {width: 150px; height: 35px; align-items: center; justify-content: center; border:1px solid #001B65; color:#353535; font-size: 14px; font-weight: 700;}
    .btnType2:hover {background: #001B65; color:#fff;}

    .certBox {margin-top: 20px; line-height: 20px;}
    .certBox .info {font-size: 16px; }
    .certBox .info .dash {margin:20px 0 20px 40px}
    .certBox .info .last a {color:red; text-decoration: underline;}
    .certBox .resultBox {background: #efefef; border:1px solid #666; border-radius:4px; padding:15px; margin-top:30px; }
    .certBox .resultBox .tit {font-weight: 700; font-size: 16px; color:#111; margin-bottom: 20px; text-align: center;}
    .certBox .resultBox .text {padding-left: 0;}
    .certBox .resultBox .text p { font-size:14px; color:#111; margin-bottom: 10px;}
    .certBox .resultBox .text p em {font-weight: 700;}
    .certBox .resultBox .text p em.green {color:green}

}