@charset "utf-8";

/* 메인페이지 스타일만 정의 */

.main {}


/* ************************ PC (992~) ************************ */
@media screen and (min-width: 992px) {
	
	
	.main {}
	.main h3 {font-size:36px; font-family:'SpoqaHanSansNeo'; font-weight:500; color:#000;}
	.main .slider {height:880px;}

	.slider .pageType1>div>a>span {position:relative; font-size:56px; font-family:'TmonMonsori'; color:#fff;}
	.slider .pageType1>div>a>span:before{content:''; display:inline-block; position:absolute; left:-60px; top:28px; width:10px; height:10px; background:#fff; opacity:70%; border-radius:50%}
	.slider .pageType1>div>a:first-child>span:before{display:none;}
	
	.slider .pageType1>div>a.on {position:relative; color:#fff;}
	.slider .pageType1>div>a.on:before{content:''; display:inline-block; position:absolute; left:0; bottom:-30px; width:100%; height:2px; background:#fff; }
	
	.main .slider .slider-txt {position:absolute; bottom:275px; left:50%; transform: translateX(-50%); text-align:center; width:100%;}
	.main .slider .slogan {position:absolute; bottom:160px; left:50%; transform:translateX(-50%); width:100%; text-align:center;}
	.main .slider>ul>li .slogan p{font-size:23px; color:#fff; font-family:'SpoqaHanSansNeo'; font-weight:300;}
	
	
	
	.viewBtn {opacity:0; position:fixed; width:100px; height:100px; border:1px solid; display:flex; justify-content:center; align-items:center; color:#fff; border-radius:50%; z-index:99; /*transform:translate(-50%,-50%);*/}
	.viewBtn.on {opacity:1;}
	
	.main .main-business {position:relative; width:100%; overflow:hidden; padding-bottom:80px;}
	.main .main-business .area {float:left; width:50%;}
	.main .main-business .area .img{position:relative; background:url(../images/main/main_area.jpg)center / cover no-repeat; border-radius: 0 0 30px 0; padding:80px 80px 80px 0; display:flex; justify-content:flex-end; margin-right:80px;}
	.main .main-business .area .img .cover {position:absolute; left:0; right:0; top:0; bottom:0; background:rgb(12, 52, 111, 0.8); border-radius: 0 0 30px 0;}
	.main .main-business .area .img .con {position:relative; width:540px; padding-left:20px;}
	.main .main-business .area .img .con .txt {}
	.main .main-business .area .img .con .txt h3 {color:#fff;}
	.main .main-business .area .img .con .txt i{position:absolute; right:0; top:0; width:70px;}
	.main .main-business .area .img .con .txt i img{}
	.main .main-business .area .img .con .txt p {padding-top:35px; padding-bottom:80px; font-weight:200; color:#fff; opacity:50%;}
	.main .main-business .area .img .con a {display:inline-block; color:#fff; font-weight:500; font-size:14px; width:140px; background:url(../images/main/i-rightW.png) right no-repeat;}
	.main .main-business .area .img .con a:hover {width:150px;}

	.main .main-business .perfor {float:left; width:50%; max-width:720px; padding-right:20px;}
	.main .main-business .perfor .wrap {padding-top: 80px; width:100%; float:left; position:relative;}
	.main .main-business .perfor .wrap>p{color:#a3a3a3; padding-top:20px; font-weight:300;}
	.main .main-business .perfor .wrap>ul{padding-top:30px;}
	.main .main-business .perfor .wrap>ul>li{overflow:hidden; position:relative; padding-bottom:10px;}
	.main .main-business .perfor .wrap>ul>li>p{font-size:18px; font-weight:300; color:#000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.main .main-business .perfor .wrap>ul>li>span{font-size:16px; color:#999; font-weight:300;}
	.main .main-business .perfor .wrap>ul>li+li {padding-top:10px;}
	.main .main-business .perfor .wrap>ul>li:last-child{padding-bottom:0;}
	.main .main-business .perfor .wrap>ul>li:before {content:''; display:inline-block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#efefef;}
	.main .main-business .perfor .wrap>ul>li:last-child:before{display:none;}
	.main .main-business .perfor .wrap>ul>li>a:hover {border:1px solid #194078;}
	.main .main-business .perfor .wrap>ul>li>a:hover h3 {opacity:50%;}

	
	.main .more {position:absolute; right:0; top:80px; width:33px; height:33px; background:url(../images/main/i_plus.png)center no-repeat; border:1px solid #e7e9ec; border-radius:5px;}
	.main .more:hover{border:1px solid #194078;}
	.main .more.type2 {top:0; right:80px; }
	.main .more.type2:hover {background:url(../images/main/i_plusN.png)center no-repeat;}
	.main .type3 {position:absolute; right:0; top:80px;  width:auto; height:auto; padding:10px 60px 10px 20px; background: url(../images/main/i-rightG.png) right 15% center/30px no-repeat; font-size:14px; color:#999; border:1px solid #eaeaea; border-radius:5px;}
	.main .type3:hover {border:1px solid #194078; color:#194078; background: url(../images/main/i-rightN.png)right 15% center/30px no-repeat;}
	
	.main .main-news {overflow:hidden;  margin-bottom:80px;}
	.main .main-news>div {float:left; width:50%;}
	.main .main-news .in_paper {position:relative; padding-right:80px;}
	.main .main-news .in_paper ul{padding-top:30px;}
	.main .main-news .in_paper ul li{overflow:hidden;}
	.main .main-news .in_paper ul li+li{padding-top:10px;}
	.main .main-news .in_paper ul li a{position:relative; float:left; font-size:18px; font-weight:300; color:#000; max-width: calc(100% - 90px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.main .main-news .in_paper ul li span{float:right; font-size:16px; color:#999; font-weight:300;}
	.main .main-news .in_paper ul li:hover { transition:all .5s}
	.main .main-news .in_paper ul li:hover a {position:relative; color:#2b64b6;}
	.main .main-news .in_paper ul li:hover a:before {content:''; display:inline-block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#2b64b6;}

	
	.main .main-news .rcrui {}
	.main .main-news .rcrui {overflow:hidden;}
	.main .main-news .rcrui h5 {font-family:'SpoqaHanSansNeo'; font-size:24px; position:relative; font-weight:400; float:left;}
	.main .main-news .rcrui i{float:right;}
	.main .main-news .rcrui i.opacity{float:right; opacity:30%; transition:all .3s;}
	.main .main-news .rcrui i img {max-height:40px;}
	.main .main-news .rcrui>div {float:left; width:calc((100% - 20px)/2); border-radius:20px;}
	.main .main-news .rcrui>div a {position:relative; color:#fff; display:inline-block; width:100%; height:250px; padding:50px 40px; }
	.main .main-news .rcrui>div a:hover p {opacity:100%; }
	.main .main-news .rcrui>div a:hover i.opacity {opacity:100%;}
	.main .main-news .rcrui>div a:hover span {width:150px;}
	.main .main-news .rcrui .inform{background:#50952d; }
	.main .main-news .rcrui .inform p {opacity:50%; font-weight:200; padding-bottom:30px; letter-spacing:-1.5px; transition:all .3s;}
	.main .main-news .rcrui .inform span {font-weight:400; font-size:14px; display:inline-block; width:120px; height:30px; background:url(../images/main/i-bottomW.png) center 100% no-repeat; transition:all .3s;}
 
	
	.main .main-news .rcrui .tit {overflow:hidden;}
	
	.main .main-news .rcrui .inform>.tit>h5 {padding-bottom:15px; }

	
	
	.main .main-news .rcrui .applica{background:#393b47; margin-left:20px;}
	.main .main-news .rcrui .applica h5 {padding-bottom:23px}

	.main .main-news .rcrui .applica p {opacity:50%; font-weight:200; padding-bottom:30px; letter-spacing:-1.5px; transition:all .3s;}
	.main .main-news .rcrui .applica span {font-weight:400; font-size:14px; display:inline-block; width:120px; height:30px; background:url(../images/main/i-bottomW.png) center 100% no-repeat; transition:all .3s;}
	.main .main-news .rcrui .applica a:hover span {width:150px;}
	
}

/* ************************ 태블릿 (0~991) ************************ */
@media screen and (max-width: 991px) {
	
	.main {}
	.main h3 {font-size:30px; font-family:'SpoqaHanSansNeo'; font-weight:500; color:#000;}
	.main .slider {height:500px;}

	.slider .pageType1>div>a>span {position:relative; font-size:5vw; font-family:'TmonMonsori'; color:#fff;}
	.slider .pageType1>div>a>span:before{content:''; display:inline-block; position:absolute; left:-4.5vw; top:2.5vw; width:1vw; height:1vw; background:#fff; opacity:70%; border-radius:50%}
	.slider .pageType1>div>a:first-child>span:before{display:none;}
	
	.slider .pageType1>div>a.on {position:relative; color:#fff;}
	.slider .pageType1>div>a.on:before{content:''; display:inline-block; position:absolute; left:0; bottom:-3vw; width:100%; height:2px; background:#fff; }
	
	.main .slider .slider-txt {position:absolute; bottom:170px; left:50%; transform: translateX(-50%); text-align:center; width:100%;}
	.main .slider .slogan {position:absolute; bottom:70px; left:50%; transform:translateX(-50%); width:100%; text-align:center;}
	.main .slider>ul>li .slogan p{width:100%; font-size:19px; color:#fff; font-family:'SpoqaHanSansNeo'; font-weight:300;}
	
	
	.main .main-business {position:relative; width:100%; overflow:hidden;}
	.main .main-business .area {width:100%;}
	.main .main-business .area .img{position:relative; background:url(../images/main/main_area.jpg)center / cover no-repeat; border-radius: 0 0 30px 0; padding:50px; }
	.main .main-business .area .img .cover {position:absolute; left:0; right:0; top:0; bottom:0; background:rgb(12, 52, 111, 0.8); border-radius: 0 0 30px 0;}
	.main .main-business .area .img .con {position:relative;}
	.main .main-business .area .img .con .txt {}
	.main .main-business .area .img .con .txt h3 {color:#fff;}
	.main .main-business .area .img .con .txt i{position:absolute; right:0; top:0; width:70px;}
	.main .main-business .area .img .con .txt i img{}
	.main .main-business .area .img .con .txt p {padding-top:35px; padding-bottom:80px; font-weight:200; color:#a7b0c5; }
	.main .main-business .area .img .con a {display:inline-block; color:#fff; font-weight:500; font-size:14px; width:140px; background:url(../images/main/i-rightW.png) right no-repeat;}
	.main .main-business .area .img .con a:hover {width:160px;}
	

	.main .main-business .perfor {width:100%; padding:20px; overflow:hidden; border-bottom:1px solid #e8e8e8;}
	.main .main-business .perfor .wrap {position:relative; width:100%;}
	.main .main-business .perfor .wrap>p{color:#a3a3a3; padding-top:20px; font-weight:300;}
	.main .main-business .perfor .wrap>ul{padding-top:20px;}
	.main .main-business .perfor .wrap>ul>li{overflow:hidden; position:relative; padding-bottom:10px;}
	.main .main-business .perfor .wrap>ul>li:last-child{padding-bottom:0;}
	.main .main-business .perfor .wrap>ul>li>p{font-size:18px; font-weight:300; color:#000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.main .main-business .perfor .wrap>ul>li>span{font-size:15px; color:#999; font-weight:300;}
	.main .main-business .perfor .wrap>ul>li+li {padding-top:10px;}
	.main .main-business .perfor .wrap>ul>li:before {content:''; display:inline-block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#efefef;}
	.main .main-business .perfor .wrap>ul>li:last-child:before{display:none;}

	
	
	.main .more {position:absolute; right:20px; top:20px; width:33px; height:33px; background:url(../images/main/i_plus.png)center no-repeat; border:1px solid #e7e9ec; border-radius:5px;}
	.main .more.type2 {right:0;}
	.main .type3 {position:absolute; right:0; top:0;  width:auto; height:auto; padding:10px 60px 10px 20px; background: url(../images/main/i-rightG.png) right 15% center/30px no-repeat; font-size:14px; color:#999; border:1px solid #eaeaea; border-radius:5px;}
	
	
	
	.main .main-news {overflow:hidden; padding:20px; padding-top:0;}
	.main .main-news>div {width:100%;}
	.main .main-news .in_paper {position:relative; padding-top:20px;}
	.main .main-news .in_paper ul{padding-top:20px;}
	.main .main-news .in_paper ul li{overflow:hidden;}
	.main .main-news .in_paper ul li+li{padding-top:5px;}
	.main .main-news .in_paper ul li a{position:relative; float:left; font-size:16px; font-weight:300; color:#000; max-width: calc(100% - 90px); color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.main .main-news .in_paper ul li span{float:right; font-size:15px; color:#999; font-weight:300;}
	.main .main-news .in_paper ul li:hover { transition:all .5s}
	.main .main-news .in_paper ul li:hover a {position:relative; color:#2b64b6;}
	.main .main-news .in_paper ul li:hover a:before {content:''; display:inline-block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#2b64b6;}

	
	.main .main-news .rcrui {padding-top:20px;}
	.main .main-news .rcrui {overflow:hidden; display:flex;}
	.main .main-news .rcrui h5 {font-family:'SpoqaHanSansNeo'; font-size:20px; position:relative; font-weight:300; float:left;}
	.main .main-news .rcrui i {float:right;}
	.main .main-news .rcrui>div {float:left; width:calc((100% - 20px)/2); border-radius:20px;}
	.main .main-news .rcrui>div a {position:relative; color:#fff; display:inline-block; width:100%; padding:30px;}
	.main .main-news .rcrui .inform{background:#50952d; }
	.main .main-news .rcrui .inform p {opacity:50%; font-weight:200; padding-bottom:30px; letter-spacing:-1.5px;}
	.main .main-news .rcrui .inform span {font-weight:400; font-size:14px; display:inline-block; width:120px; height:30px; background:url(../images/main/i-bottomW.png) center 100% no-repeat;}
	
	.main .main-news .rcrui .tit {overflow:hidden;}
	
	.main .main-news .rcrui .inform>.tit>h5 {padding-bottom:15px; }

	
	
	.main .main-news .rcrui .applica{background:#393b47; margin-left:20px;}
	.main .main-news .rcrui .applica h5 {padding-bottom:23px}

	.main .main-news .rcrui .applica p {font-size:18px; font-weight:200; padding-bottom:23px; letter-spacing:-1px;}
	.main .main-news .rcrui .applica span {font-weight:200;}
	.main .main-news .rcrui .applica span:hover {width:200px;}
	

	
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 768px) {
	
	.main .slider  {height:250px;}
	.main .slider .slider-txt {bottom:0; top:50%; transform:translate(-50%, -50%);}
	.main .slider>ul>li .slogan p {font-size:16px; padding:3.5vw 20px 0 20px;}
	
	.main h3 {font-size:25px;}
	.main .main-business .area .img {padding:30px 20px;}
	.main .main-business .perfor .wrap>p {font-size:15px;}
	.main .main-business .perfor .wrap>ul {padding-top:15px;}
	.main .main-business .perfor .wrap>ul>li>a>h4 {height:80px;}
	.main .main-business .perfor .wrap>ul>li>a>p {font-size:14px;}
	
	.main .main-news .in_paper ul {padding-top:15px;:}
	
	
	
	.main .main-business .perfor .wrap>ul {margin-right:0;}
	.main .main-business .perfor .wrap>ul>li {width:100%;}
	.main .main-business .perfor .wrap>ul>li+li {margin-left:0;}

	.main .main-news .rcrui {display:block;}
	.main .main-news .rcrui>div {width:100%; margin-right:0;}
	.main .main-news .rcrui>div.applica {margin-top:20px; margin-left:0;}
	
	.main .type3 {padding: 3px 50px 3px 10px; font-size:14px;}
	
}

/* ************************ 모바일 (0~500) ************************ */
@media screen and (max-width: 500px) {
	
	
	
}