@charset "utf-8";


/*-----------------------------------------------------------------------------------
	Main Properties - PC
-----------------------------------------------------------------------------------*/
html,body{min-width:1263px; }
/* common */
.wrap{ height:960px;  position:relative; max-width:1450px;}
.container{ height:960px; right:0; left:auto;}
footer{ height:496px; }
.subBg{display:none;}

/*  visual */
.visual{width:720px; height:960px; float:left; }
.visual .visWrap{width:100%; display:table; position:relative;}
.visual .visWrap figure{position:absolute; left:0; top:0; width:100%; z-index:3;}
.visual .visWrap figure:nth-child(3n-2){z-index:3;}
.visual .visWrap figure:nth-child(3n-1){z-index:2;}
.visual .visWrap figure:nth-child(3n){z-index:1;}
.visual .visWrap figure > span{position:relative; z-index:2;}
.visual .visWrap figure > em{position:absolute; left:0; top:0; z-index:3;}
.visual .visWrap figure figcaption{display:table; position:absolute; z-index:5; top:160px; right:60px; text-align:right;}
.visual .visWrap figure figcaption em{text-align:right; display: table; font-family: 'notokr-medium';  letter-spacing: -1.7px; font-size: 28px; line-height:40px; color:#475259; }
.visual .visWrap figure.lst figcaption em{color:#fff;}
.visual .visWrap figure figcaption em span{color:#23588c; font-size:28px; font-family: 'notokr-medium'; }
.visual .visWrap figure.lst figcaption em span{color:#4cccff;}
.visual .visWrap figure figcaption > span{font-size:18px; color:#575f66; font-family: 'notokr-medium'; letter-spacing:-0.75px;  padding-top: 30px;  display:table; text-align: right; width:100%;}
.visual .visWrap figure.lst figcaption > span{color:#fff;}
.visual .bx-pager{ top:350px; right:60px; z-index:9;}

/* rightCont */
.rightCont{width:478px; height:960px; display: block; border:1px solid #c2c7cc; float:left; border-top:none; overflow:hidden;}
.rightCont article{width:100%; display:table; position: relative; table-layout: fixed; border-bottom:1px solid #c2c7cc; padding:20px 30px}
.rightCont article h4{color:#5c6973; font-size:18px; letter-spacing: -0.5px;  font-family: 'notokr-medium';}
.rightCont article i{display:table; position:absolute; top:20px; right:30px; overflow:hidden; width:100px; height:25px;}
/* .rightCont article i:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity:0.7;  -khtml-opacity:0.7; opacity:0.7; } */
.rightCont article i span{display:none; position: absolute; top: 0; right: 0;  font-size:14px; color: #fff; height:25px; line-height: 25px; padding: 0 10px; background:#8597a6;  border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;}
.rightCont article i img{position:absolute; right:0; top:0; }

/* 인증현황 */
.rightCont article.certi{height:160px; background:#f8f8f8;}
.rightCont article.certi ul{display:block; text-align: center; margin-top:15px;}
.rightCont article.certi ul li{float: left; }
.rightCont article.certi ul li~li{margin-left:15%;}
.rightCont article.certi ul li a{display:table; transition:all 0.2s;  -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s;}
.rightCont article.certi ul li:hover a{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity:0.7;  -khtml-opacity:0.7; opacity:0.7; }

/* 사업분야 */
.rightCont article.buis{height:161px; background:#fff;}
.rightCont article.buis ul{ text-align: center;    display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; align-items: center;}
/*.rightCont article.buis ul li{float:left; }*/
/*.rightCont article.buis ul li~li{margin-left:10%;}*/
.rightCont article.buis ul li a{display:table; text-align: center; margin:0 auto; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s;}
.rightCont article.buis ul li a img{margin:0 auto;}
.rightCont article.buis ul li a span{font-family:'notokr-light';text-align:center; font-size:14px; letter-spacing: -0.5px; color:#5c6973;}
.rightCont article.buis ul li:hover a{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity:0.7;  -khtml-opacity:0.7; opacity:0.7; }

/* 홍보영상 */
.rightCont article.pr{height:261px; }
.rightCont article.pr figure{margin-top:15px; display:block; width: 100%;  height:169px;}
.rightCont article.pr figure > a{display:table; width:100%; height:100%; position:relative; z-index:3;}
.rightCont article.pr figure > a > em{display:block; width:100%; vertical-align: middle; height:100%; position: absolute; left: 0; top: 0; z-index: 5;}
.rightCont article.pr figure > a > em > img{display:block; width:100%; height:100%;}
.rightCont article.pr figure > a > em > span{width:100%; height: 100%;  position:absolute; left:0; top:0 ; display: table; background:url('../../img/video_lay.png');}
.rightCont article.pr figure > a > em span em{display:table-cell;  vertical-align: middle; }
.rightCont article.pr figure > a > em span em img{display:block;margin:0 auto; }
.rightCont article.pr figure > a > em span em:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity:0.7;  -khtml-opacity:0.7; opacity:0.7; }

/* 공지/보도자료 + 문의 */
.rightCont article.notiCust{height:181px; min-height:181px; }
.rightCont article.notiCust > div{width:50%; height:100%; float:left; position:relative;}
.rightCont article.notiCust > div i{right:20px; top:0;}
/* 공지 */
.rightCont article.notiCust .notice ul{margin-top:15px; padding-right:15px;}
.rightCont article.notiCust .notice ul li{width:100%;}
.rightCont article.notiCust .notice ul li a{display:inline-block; vertical-align:middle; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:23px; font-size:14px;  font-family:'notokr-light';  color:#5c6973;}
.rightCont article.notiCust .notice ul li a:hover{text-decoration: underline;}
.rightCont article.notiCust .notice ul li  span{display:inline-block;width:30%; padding-left: 5px; color:#999; font-size:12px;   font-family:'notokr-light'; }
/* 문의 */
.rightCont article.notiCust .customer{height:100%; position:absolute; right:0; top:0; border-left:1px solid #c2c7cc; transition:all 0.2s;  -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s;}
.rightCont article.notiCust .customer h4{padding-top:20px; padding-left:25px;}
.rightCont article.notiCust .customer:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity:0.7;  -khtml-opacity:0.7; opacity:0.7;}
.rightCont article.notiCust .customer a{display:table; width: 100%; height: 100%; position:absolute; left:0; top:0; padding:63px 25px; background-image: url('../../img/main/phone.png'); background-repeat:no-repeat; background-position: 80% center;}
.rightCont article.notiCust .customer a span{display:table;  font-family:'notokr-light'; font-size:14px; color:#5c6973; letter-spacing:-0.75px;}

.rightCont article.recruit{width:100%; height:100%; background:#f8f8f8; border-bottom: none; }
.rightCont article.recruit ul{display:block; text-align: center; width:100%; height:100%;}
.rightCont article.recruit ul li{float:left;}
.rightCont article.recruit ul li~li{margin-left:12%;}
.rightCont article.recruit ul li a{display:block; text-align: center; margin:0 auto; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s;}
.rightCont article.recruit ul li a img{margin:12px auto 0;}
.rightCont article.recruit ul li a em{display:block; font-family:'notokr-medium';text-align:center; font-size:15px; letter-spacing: -0.5px; color:#5c6973;}
.rightCont article.recruit ul li:hover a{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity:0.7;  -khtml-opacity:0.7; opacity:0.7; }


/*-----------------------------------------------------------------------------------
	Main Properties - Responsive
-----------------------------------------------------------------------------------*/
@media all and  (max-width:1280px) {
.visual .visWrap figure figcaption{right:30px;}
.visual .bx-pager{ right:30px;}

}
@media all and  (max-width:1024px) {
html,body{min-width:100%; width: 100%; }
/* common */
.wrap{ height:auto;  max-width:100%; width: 100%; }
.container{ height:auto;min-width:100%; width:100%; right:auto;}
footer{ height:300px; margin-top: 0; }
.subBg{display:none;}
nav ul > li.ons > a{color:#00b0ec; background-position:80% center; }
nav ul > li ol li.ons > a{border-top:none;  background:#8a9299; }
nav ul > li.ons ol{display:none; }
/*  visual */
.visual{width:100%; height:auto; float:none; }
.visual img{width:100%; display:block; margin-top:-30%; margin-bottom:-40%;}
.visual em, .visual span{width:100%;}


/* rightCont */
.rightCont{width:100%; height:auto; border:none; float:none; overflow:hidden;}
.rightCont article{width:100%; padding:20px 3%;}
.rightCont article i{ right:3%; }


/* 인증현황 */
.rightCont article.certi{height:auto}
.rightCont article.certi ul li{width:28%;}
.rightCont article.certi ul li a{display:block;}
.rightCont article.certi ul li ~ li{margin-left:1%;}
.rightCont article.certi ul li:last-child{width:41%; margin-left:2%;}
.rightCont article.certi ul li img{margin:0 auto; max-width:100%; }


/* 사업분야 */
.rightCont article.buis{height:auto;}
.rightCont article.buis ul li{width: 23%; }
.rightCont article.buis ul li~li{margin-left:2.5%;}

/* 홍보영상 */
.rightCont article.pr{height:auto; }

/* 공지/보도자료 + 문의 */
.rightCont article.notiCust{height:auto; }
.rightCont article.notiCust > div i{right:5%;}
/* 공지 */
.rightCont article.notiCust .notice ul{margin-top:10px; padding-right:5%}
/* 문의 */
.rightCont article.notiCust .customer h4{padding-left:5%;}

.rightCont article.notiCust .customer a{padding:59px 5%;}
.rightCont article.recruit ul li{width:31%;}
.rightCont article.recruit ul li~li{margin-left:3.5%;}
}

@media all and  (max-width:768px) {
.visual .visWrap figure figcaption{top:80px; right:auto; left:3%; text-align:left;}
.visual .visWrap figure figcaption em{text-align:left;  font-size: 24px; line-height:34px;  }
.visual .visWrap figure figcaption em span{ font-size:24px;}
.visual .visWrap figure figcaption > span{font-size:16px;  padding-top: 10px; text-align:left}
.visual .bx-pager{ top:50px; right:auto; left: 2.5%;}
}

@media all and  (max-width:480px) {
.visual .visWrap figure figcaption em{font-size: 20px; line-height:28px; letter-spacing:-1px }
.visual .visWrap figure figcaption em span{ font-size:20px; letter-spacing:-1px }
.visual .visWrap figure figcaption > span{font-size:14px;}
.visual .visWrap figure.lst figcaption em{font-size:17px; line-height:26px; }
.visual .visWrap figure.lst figcaption em span{font-size:17px;}
.rightCont article.notiCust .customer a{background-position:90% center}
}