*{margin:0; padding:0; box-sizing:border-box;}
ul li{list-style:none;}
a{text-decoration:none;}
html,body{font-family:'Nanum Gothic', sans-serif; height:100%;}

/*회사소개 css*/
.sub_bg {overflow:hidden; width:100%; height:100%; background: url('../img/index-intro.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}
/* .sub_bg {overflow:hidden; width:100%; height:100%; background: url('../img/banner-bg.jpg') no-repeat scroll center center / cover;} */
.sub_bg > div:nth-child(1) { margin:0 auto; width:1200px;}
.sub_bg > div:nth-child(1) > div {position: absolute; padding-right:32%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width:1100px;}
.sub_bg > div:nth-child(1) > div > p {font-size:16px; color:#fff;}
.sub_bg > div:nth-child(1) > div > p:nth-child(1) {font-size:35px;}
.sub_bg > div:nth-child(1) > div > p:nth-child(2) {margin:15px auto; line-height:30px;}
/*다운화살표 css*/
.target {position:absolute; bottom:98px; left:0; width:100%; height:1px;}
.target_icon {position:absolute; bottom:2%; left:50%; z-index:9999;}
.target_icon > img {position:absolute; bottom:0; left:-27.5px; cursor:pointer;}

/*회사정보 css*/
.information {background:#1648a1;}
.information_bg {margin:0 auto; width:1200px; font-size:0;}
.information_bg > .content_box {display:inline-block; padding:30px 0; width:25%; text-align:center;}
.information_bg > .content_box > i {font-size:35px; color:#fff;}
.information_bg > .content_box > h3 {margin:10px 0; font-size:20px; color:#fff; font-weight:bold;}
.information_bg > .content_box > p {font-size:14px; color:#fff;}

/*회사소개 본문css*/
.content {overflow:hidden; width:100%;}
.content > div {margin:0 auto; padding:60px 0; width:1200px;}
.content > div > h2 {text-align:center; font-size:25px; font-weight:bold;}
.content > div > h2 > span {font-weight:bold;}
.content > div > .content_box {overflow:hidden; margin-top:70px;}
.content > div > div:nth-child(2) {margin-top:70px;}
.content > div > .content_box > .con_le {float:left; }
.content > div > .content_box > .con_rg {float:right;}
.content > div > .content_box > .con_img > img {width:250px; height:250px; border-radius:50%; border:1px solid #fff;}
.content > div > .content_box > .con_txt {padding:0 50px; width:950px;}
.content > div > .content_box > .con_txt > h3 {margin-bottom:20px; color:#1648a1; font-weight:bold; font-size:25px;}
.content > div > .content_box > .con_txt > p {font-size:16px;}

/*회사연혁 css*/
.history {overflow:hidden; background:url('../img/about-bg.jpg') no-repeat scroll center center / cover;}
.history > div {float:right; margin:0 auto; width:50%; background:rgba(0, 0, 0, 0.79);}
.history > div > div {float:left; padding:50px 30px; width:600px;}
.history > div > div > h3 { color:#fff; line-height:50px; border-bottom: 3px solid #fff; font-size:25px;}
.history > div > div > ul {padding:0 20px;}
.history > div > div > ul > li {margin-top:20px; color:#fff; list-style-type:disc;}

/*주요사업 css*/
.business {overflow:hidden; width:100%;}
.business > div {margin:0 auto; padding:50px 0; width:1200px; font-size:0;}
.business > div > h2 {margin-bottom:50px; text-align:center; font-size:45px;}
.business > div > .contnet_box {display:inline-block; padding:0 30px; width:33.333%; height:300px; text-align:center; vertical-align:bottom;}
.business > div > .contnet_box  > div > i {width:80px; height:80px; line-height: 80px; font-size:45px; border:1px solid #1648a1; color:#1648a1; border-radius:50%; text-align:center;}
.business > div > .contnet_box > div > span > h3 {margin:10px 0; font-size:20px; font-weight:bold;}
.business > div > .contnet_box > div > span > p {font-size:16px; text-align:left;}

/*찾아오시는길 css*/
.map {overflow:hidden; width:100%; background:url('../cdn/img/service-bg.jpg')no-repeat;}
.map > div {margin:0 auto; width:1200px;}
.map > div > h2 {padding:50px 0; color:#fff; text-align:center; font-size:45px;}
.map > div > iframe {margin-bottom:100px; width:100%; height:600px;}

/* 210316 내용추가및수정 */
/* 공통 */

  
  .title h2, .title p {
    color: rgb(25, 25, 25);
  }
  .title h2{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 42px;
  
    position: relative;
  }
  .title h2::after {
    position: absolute;
    display: block; content: '';
    width: 100%; height: 3px;
    bottom: -15px;
    background-color: rgb(25, 25, 25);
  }
  .title p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 50px;
  }
/* 회사 조직도 */
.business .container {
    padding: 0 10% ;
    margin-bottom: 50px;
}
.business img {
    width: 100%;
}

/* .bu_pc {
  display: none;
} */
.bu_mo {
  display: none;
}





/*최저사이즈768px부터 최대1024px태블릿*/
 @media all and (min-width:768px) and (max-width:1200px) {     
     
/*회사소개 css*/
.sub_bg > div:nth-child(1) {width:100%;}
.sub_bg > div:nth-child(1) > div {padding-right:0%; width:90%;}
.sub_bg > div:nth-child(1) > div > p:nth-child(1) {font-size:30px;}


/*회사정보 css*/
.information {background:#1648a1;}
.information_bg {margin:0 auto; width:90%; font-size:0;}
.information_bg > .content_box {display:inline-block; padding:30px 0; width:25%; text-align:center;}
.information_bg > .content_box > i {font-size:35px; color:#fff;}
.information_bg > .content_box > h3 {margin:10px 0; font-size:20px; color:#fff; font-weight:bold;}
.information_bg > .content_box > p {font-size:14px; color:#fff;}

/*회사소개 본문css*/
.content {overflow:hidden; width:100%;}
.content > div {margin:0 auto; padding:60px 0; width:90%;}
.content > div > h2 {text-align:center; font-size:20px; font-weight:bold;}
.content > div > .content_box {overflow:hidden; margin-top:70px;}
.content > div > div:nth-child(2) {margin-top:70px;}
.content > div > .content_box > .con_le {float:left; }
.content > div > .content_box > .con_rg {float:right;}
.content > div > .content_box > .con_img {width:25%;}
.content > div > .content_box > .con_img > img {width:150px; height:150px; border-radius:50%; border:1px solid #fff;}
.content > div > .content_box > .con_txt {padding:0 10px; width:75%;}
.content > div > .content_box > .con_txt > h3 {margin-bottom:20px; color:#1648a1; font-weight:bold; font-size:25px;}
.content > div > .content_box > .con_txt > p {font-size:16px;}

/*회사연혁 css*/
.history {overflow:hidden; background:url('../img/about-bg.jpg')no-repeat  center top;}
.history > div {float:right; margin:0 auto; width:100%; background:rgba(0, 0, 0, 0.79);}
.history > div > div {float:left; padding:50px 30px; width:100%;}
.history > div > div > h3 { color:#fff; line-height:50px; border-bottom: 3px solid #fff; font-size:25px;}
.history > div > div > ul {padding:0 20px;}
.history > div > div > ul > li {margin-top:20px; color:#fff; list-style-type:disc;}

/*주요사업 css*/
.business > div {width:90%;}
.business > div > .contnet_box {width:50%; height:250px;}




    
     
/*찾아오시는길 css*/
.map {overflow:hidden; width:100%; background:url('../cdn/img/service-bg.jpg')no-repeat;}
.map > div {margin:0 auto; width:90%;}
.map > div > h2 {padding:50px 0; color:#fff; text-align:center; font-size:45px;}
.map > div > iframe {margin-bottom:100px; width:100%; height:400px;}
     
}


/*스마트폰용*/
@media all and (max-width:767px){ 
    
/*회사소개 css*/
.sub_bg {min-height:568px;}
.sub_bg > div:nth-child(1) {width:100%;}
.sub_bg > div:nth-child(1) > div {padding-right:0%; width:90%;}
.sub_bg > div:nth-child(1) > div > p:nth-child(1) {margin-top:100px; font-size:21px; line-height:25px;}
.sub_bg > div:nth-child(1) > div > p:nth-child(2) {line-height:22px; font-size:12px;}
/*다운화살표 css*/
.target_icon {display:none;}

/*회사정보 css*/
.information {background:#1648a1;}
.information_bg {margin:0 auto; width:100%; font-size:0;}
.information_bg > .content_box {display:inline-block; padding:30px 0; width:50%; text-align:center;}
.information_bg > .content_box > i {font-size:35px; color:#fff;}
.information_bg > .content_box > h3 {margin:10px 0; font-size:16px; color:#fff; font-weight:bold;}
.information_bg > .content_box > p {font-size:12px; color:#fff;}

/*회사소개 본문css*/
.content {overflow:hidden; width:100%;}
.content > div {margin:0 auto; padding:40px 0; width:90%;}
.content > div > h2 {padding:10px 0; text-align:center; font-size:16px; font-weight:bold; color:#000; display:none; }
.content > div > h2 > span {display:block; margin-top:10px; font-size:16px; font-weight:bold;}
.content > div > .content_box {overflow:hidden; margin-top:30px;}
.content > div > div:nth-child(2) {margin-top:0px;}
.content > div > .content_box > .con_le {float:left; }
.content > div > .content_box > .con_rg {float:right;}
.content > div > .content_box > .con_img {display:none; width:25%;}
.content > div > .content_box > .con_img > img {width:150px; height:150px; border-radius:50%; border:1px solid #fff;}
.content > div > .content_box > .con_txt {padding:0 0px; width:100%;}
.content > div > .content_box > .con_txt > h3 {margin-bottom:20px; color:#1648a1; font-weight:bold; font-size:16px; line-height:30px; border-bottom:2px solid #1648a1;}
.content > div > .content_box > .con_txt > p {font-size:12px;}

/*회사연혁 css*/
.history {overflow:hidden; background:url('../img/about-bg.jpg')no-repeat  center top;}
.history > div {float:right; margin:0 auto; width:100%; background:rgba(0, 0, 0, 0.79);}
.history > div > div {float:left; padding:20px 0; width:100%;}
.history > div > div > h3 {margin:0 auto; width:90%; color:#fff; line-height:50px; border-bottom: 3px solid #fff; font-size:16px;}
.history > div > div > ul {margin:0 auto; width:90%; padding:0 20px;}
.history > div > div > ul > li {margin-top:15px; color:#fff; list-style-type:disc; font-size:12px;}

/*주요사업 css*/
.business > div {padding:20px 0; width:90%;}
.business > div > h2 {margin-bottom:10px; font-weight:bold; font-size:18px; text-align:left;}
.business > div > .contnet_box {overflow:hidden; display:block; margin-bottom:0px; padding:0 0px; width:100%; height:auto;}
.business > div > .contnet_box > div:nth-child(1) {float:left; width:30%; height:135px; position:relative;}
.business > div > .contnet_box > div > i {float:left; position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%);}    
.business > div > .contnet_box > div:nth-child(2) {float:left; width:70%; height:135px; position:relative;}
.business > div > .contnet_box > div > span {position:absolute; top:50%; left:0; transform: translateY(-50%);}    
.business > div > .contnet_box > div > span > h3 {margin:0; padding-left:5px; font-size:16px; text-align:left;}
.business > div > .contnet_box > div > span > p {margin-top:5px; padding-left:5px; font-size:12px;}
.business .container {
  padding: 0 ;
}
.bu_pc {
  display: none;
}
.bu_mo {
  display: block;
}







    
    
/*찾아오시는길 css*/
.map {overflow:hidden; width:100%; background:url('../cdn/img/service-bg.jpg')no-repeat;}
.map > div {margin:0 auto; width:90%;}
.map > div > h2 {padding:20px 0; color:#fff; text-align:left; font-size:18px;}
.map > div > iframe {margin-bottom:30px; width:100%; height:250px;}
}