@import url('//fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');


#subpage { width:100%; }
/*준비중페이지*/
.readypage { }
.readypage h6 { font-size:80px; color:#f1f1f1; text-align:center; opacity:1;  font-family: 'Nanum Myeongjo',serif; word-break:keep-all;}

@media screen and (max-width: 980px) {
    .readypage h6 { font-size:50px; }
}

/*a1*/ /*인사말*/
.a1 { display:flex; flex-wrap:wrap; }
.a1_img { width:25%; /*border:1px solid #eee;*/ }
.a1_img img { width:100%; }
.a1_txt { width:75%; font-size:20px; line-height:35px; padding:0 50px; word-break:keep-all; position:relative; }
.a1_txt h6 { font-size:30px; font-weight:600; margin-bottom:20px; }
.a1_txt h6 strong { font-weight:800; color:#E81C24; }
.a1_txt p { text-align:right; font-size:22px; }
.a1_txt p b { letter-spacing: 5px; font-size:25px; }
.a1_txt h5 { font-size:100px; color:#fdfdfd; opacity:0.8; position:absolute; bottom:0; right:20px; text-shadow: 0px 0px 1px #000; z-index:-1;  }
.a1_box { width:100%; margin-top:80px;   padding:50px; background:url(/theme/sample15/images/a1_bg.jpg) center center no-repeat; background-size:cover; border-radius:30px; }
.a1_box .a1_ul { }
.a1_box .a1_ul ul { display:flex; flex-wrap:wrap; justify-content:center; }
.a1_box .a1_ul ul li { width:23%; margin:1%; text-align:center;  border:1px solid #fff; padding:30px;  background:rgba(255,255,255,0.3); color:#fff;  transition: all .3s; }
.a1_box .a1_ul ul li:first-child { border:0; background:none; text-align:left;  padding:0; }
.a1_box .a1_ul ul li:first-child b:after { margin:10px 0; }
.a1_box .a1_ul ul li:first-child span { font-size:18px; letter-spacing: -0.5px;}
.a1_box .a1_ul ul li:first-child:hover { color:#fff; background:none; border:0; }
.a1_box .a1_ul ul li:hover { color:#333; background:#fff; border:1px solid #fff; border-radius:30px; }
.a1_box .a1_ul ul li:hover i { color:#E81C24; }
.a1_box .a1_ul ul li i { font-size:50px; display:block; margin-bottom:15px; }
.a1_box .a1_ul ul li b { font-size:23px; display:block;  word-break:keep-all;}
.a1_box .a1_ul ul li b:after { display:block; content:""; width:30px; height:1px; background:#fff; margin:10px auto; }
.a1_box .a1_ul ul li span { font-size:20px; word-break:keep-all;}

@media screen and (max-width: 980px) {
    .a1_img { width:100%; }
    .a1_img img { width:auto; display: block; margin:0 auto; text-align:center; }
    .a1_txt { width:100%; padding:50px 0; }
    .a1_txt h5 { left:0; }
    .a1_box .a1_ul ul li { width:48%; }
    .a1_box .a1_ul ul li b { font-size:20px; }
    .a1_box .a1_ul ul li span { font-size:16px; line-height:25px; }
}
@media screen and (max-width: 680px) {
    /* .a1_box { background-position: center center;} */
    .a1_txt { font-size:17px; }
    .a1_txt h5 { font-size:65px; }
    .a1_box .a1_ul ul li { width:98%; }
}

/*a2*/ /*기술력*/
.a2 {}
.a2_box { display:flex; margin-bottom:50px; }
.a2_img { width:35%; }
.a2_img img { width:100%; }
.a2_txt { width:65%; padding:0 30px; font-size:20px; }
.a2_txt p { margin-bottom:20px; border:1px dashed #ccc; padding:20px;  word-break:keep-all;}
.a2_txt p:hover { border:1px solid #E81C24; }
.a2_txt p b { display:block; font-size:22px; }
.a2_txt p:hover b { color:#E81C24; }

.a2_txt p span { display:block; }

.a2_txt_box { display:flex; flex-wrap:wrap; justify-content:space-around; margin-bottom:30px; }
.a2_txt_box h3 { font-size:23px; color:#fff; background:#333; text-align:center; border-radius: 15px 15px 0 0; font-weight:500; }
.a2_txt_box h3:after { display:block; content:""; width:100%; height:3px; background:#E81C24; margin:10px auto 0 auto; }
.a2_txt_box h4 { font-size:23px; }
.a2_txt_box h4  b { color:#E81C24; }
.a2_txt_box ul { display:flex; padding:20px; border:1px solid #ccc;  }
.a2_txt_box ul li { font-size:20px; }
.a2_txt_box ul li img { width:100%; padding:5px; border-radius: 20px; }

.a2_txt_box1 { width: 100%; margin-bottom:50px;  }
.a2_txt_box2 { width:48%; margin-bottom:50px; }
.a2_txt_box2:nth-of-type(2) { margin-right:1%; }
.a2_txt_box2:nth-of-type(2) img { width:148px; }
.a2_txt_box2:nth-of-type(3) { margin-left:1%; }
.a2_txt_box2:nth-of-type(4) { margin-right:1%; }
.a2_txt_box2:nth-of-type(5) { margin-left:1%; }
/* .a2_txt_box2 ul li img { width: 200px !important; } */

.a2_width { width:40%; padding-top:40px; }

.a2_txt2 { width:100%; font-size:20px; background:#f6f6f6;  }
.a2_txt2 p { margin-bottom:20px; font-weight:500; letter-spacing:-1px; border:1px dashed #ccc; padding:20px;  word-break:keep-all;}
.a2_txt2 p span { display:block; font-weight:normal; }


@media screen and (max-width: 980px) {
    .a2_box { flex-wrap:wrap; }
    .a2_img { width:80%; margin:0 auto; }
    .a2_txt { width:100%; font-size:18px; padding:0; }
    .a2_txt p b { font-size:20px; }
    .a2_txt_box h3 { font-size:20px; }
    .a2_txt_box h4 { font-size:20px; }
    .a2_txt_box ul { padding:5px; }
    .a2_txt_box ul li { font-size:15px; }
    .a2_txt_box2 { width:100%; margin-left:0!important; margin: right 0!important;}
    .a2_txt2 p { font-size:18px; }

    .a2_mobile { flex-wrap:wrap; }
    .a2_mobile li { width:48%; margin:1%; }
    .a2_width { width:48%; padding-top:0;  }
}

/*a3*/ /*연혁*/
.a3 {}
.a3>h6 { text-align:center; font-size:30px; font-weight:500; color:#111; }
.a3>h6 strong { color:#E81C24; font-weight:800; }
.a3_history { display:flex; flex-wrap:wrap; width:100%; margin-top:50px; }
.a3_box { width:23%; margin:1%;  border:1px solid #ddd; transition:all .3s;  }
.a3_box:hover { background:#333; border:1px solid #333; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
.a3_box:hover  .a3_year { color:#fff; }
.a3_box:hover  .a3_date span  { color:#fff; }
.a3_box:hover  .a3_date span em { color:#fff; }

/* .a3_box:nth-child(2n) { background:#f3f3f3; } */
.a3_year { font-size:35px; font-weight:800;  font-family: 'Nanum Myeongjo',serif;  color:#333; padding:20px 20px 0 20px; }
.a3_date { padding:20px; }
.a3_date span { font-size:18px; line-height:28px; display:block; color:#333; font-weight:400; }
.a3_date span em { font-size:15px; display:block; font-style:normal; color:#666; font-weight:300; }

.a3_logo { /*position:relative;*/ }
.a3_logo h5 { font-size:60px; color:#E81C24; position:absolute; bottom:0; right:0; letter-spacing:-2px; /*opacity:0.8; text-shadow: 0px 0px 1px #000;*/ z-index:-1;  }

/*최신*/
.a3_latest { background:#C9141E; border:1px solid #C9141E; }
.a3_latest .a3_year { color:#fff; }
.a3_latest .a3_date span {color:#fff;}
.a3_latest .a3_date span em {color:#fff;}

@media screen and (max-width: 1300px) {
    .a3_box { width:31%; }
}
@media screen and (max-width: 980px) {
    .a3>h6 { font-size:20px; }
    .a3>h6 strong { font-weight:600; }
    .a3_box { width:48%; }
}

@media screen and (max-width: 680px) {
    .a3_box { width:98%; }
}

/*a4*/ /*네트워크*/
.a4_wrap{max-width: 1200px; margin: 0 auto;}
.a4_wrap h3 { font-size: 20px; font-weight: 500; margin-bottom: 10px; }
#daumRoughmapContainer1624856023696{width: 100%;}
.wrap_controllers{display: none;}
.wrap_btn_zoom{display: none !important;}
.a4_box{width: 100%; margin: 30px 0;}
.a4_box .a4_title{font-size: 20px; font-weight: 500; margin-bottom: 10px;}
.a4_box table{width: 100%; border-collapse: collapse; border-top: 2px solid #e91d26; font-size: 15px;}
.a4_box table td{border:1px solid #d6d6d6; padding: 10px;}
.a4_box table .first{background: #f6f6f6; font-weight: 500; text-align: center;}

/*a4_1*//*조직도*/
.a4_1 { width:100%; }
#a4_ori { padding:0 50px; text-align:center; margin:0 auto; }
.a4_ori { width:20%; border:1px solid #ddd; margin:60px auto; }
#a4_ori h6 { font-size:20px; font-weight:600; padding:5px; }
#a4_ori  p { font-size:20px; padding:10px; background:#fff; }
#a4_ori  p span { display:block; font-size:18px; }

.a4_ori1 { position:relative; width:150px; height:150px; border-radius:50%; text-align:center; line-height:150px; margin:0 auto;  background:linear-gradient(80deg, #D61F1F, #a01515); }
.a4_ori1:before { position:absolute; left:50%; top:50%; transform:translate(-50%,0%);  display:block; content:""; width:1px; height:340px; background:#ddd; margin:0 auto; z-index:-1; }
.a4_ori1 h6 { color:#fff; padding: 0!important;}
.a4_ori2 { position:relative;  display:flex; flex-wrap: wrap; }
.a4_ori2:before { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);  display:block; content:""; width:60%; height:1px; background:#ddd; margin:0 auto; z-index:-1; }
.a4_ori2 h6 { background:#333; color:#fff; }
.a4_ori2 .a4_ori2_1 {}
.a4_ori3 { position:relative; display:flex; flex-wrap: wrap; justify-content:space-evenly; padding:50px 0;  }
.a4_ori3:before { position:absolute; left:50%; top:5%; transform:translate(-50%,-50%);  display:block; content:""; width:80%; height:1px; background:#ddd; margin:0 auto; z-index:-1; }
.a4_ori3 h6 { position:relative;  background:#f3f3f3; }
.a4_ori3>div h6:before { position:absolute; left:50%; top:-50%; transform:translate(-50%,-50%); display:block; content:""; width:1px; height:55px; background:#ddd; margin:0 auto; z-index:-1; }
.a4_ori3>div { width: 18% !important; margin:1%; }

@media screen and (max-width: 980px) {
    #a4_ori { padding:0; }
    .a4_ori  { width:40%; margin:30px auto; }
    #a4_ori h6 { font-size:18px; }
    #a4_ori p { font-size:16px; }
    #a4_ori p span { font-size:15px; }
    .a4_ori1 { width: 130px !important; height:130px; line-height:130px; }

    .a4_ori1:before { height:270px; }
    .a4_ori3:before {  /*width:50%;*/ top:0%; }
    .a4_ori3>div h6:before { height:100px; top:-25%; }
    /* .a4_ori3>div:nth-of-type(3) h6:before { height:105px; }
    .a4_ori3>div:nth-of-type(4) h6:before { height:105px; } */
}

@media screen and (max-width: 800px) {
    .a4_ori3>div { width: 40% !important; }
    .a4_ori3:before { width: 48% !important;  }
    .a4_ori3>div:last-child { width: 88% !important; }
    .a4_ori3>div:last-child h6:before { display:none; }
    .a4_ori3>div h6:before { top:-10px !important; }
}


/*a5*/ /*오시는길*/
.a5 {}
.a5_box { display:flex; flex-wrap: wrap;}
.a5_box map { width:60%; }
.root_daum_roughmap .wrap_controllers { display:none; }
.a5_box .a5_info { width:39%; margin-left:1%; font-size:20px; padding:40px 50px; border:1px solid #ddd; }
.a5_box .a5_info h5 { font-size:30px; color:#E81C24; }
.a5_box .a5_info b { font-size:23px; line-height:30px;  font-weight:500; word-break:keep-all; }
.a5_box .a5_info p { margin-top:30px; }
.a5_box .a5_info p span { display:block; padding:10px; }
.a5_box .a5_info p span:nth-of-type(2n+1) {  background:#f1f1f1; }
.a5_box .a5_info a { background:#333; color:#fff; font-size:15px; padding:10px 15px; margin-top:30px; float:right;  }
.a5_box .a5_info a:hover { background:#FDDB00; color:#111;  }

@media screen and (max-width: 1300px) {
    .a5_box map { width:100%; }
    .a5_box .a5_info { width:100%; margin-top:1%; margin-left:0; }
}
@media screen and (max-width: 980px) {
    .a5_box .a5_info { padding:30px; }
    .a5_box .a5_info h5 { font-size:25px; }
    .a5_box .a5_info b { font-size:20px; line-height:30px;  }
    .a5_box .a5_info span { font-size:18px; }
}

/*a6*/ /*ESG 경영*/
.a6 { display:flex; flex-wrap:wrap; }
.a6_img { width: calc(33% - 20px); margin: 10px; }
.a6_img img { width:100%; }
.a6_txt { width:100%; font-size:20px; line-height:35px; text-align:center; word-break:keep-all; position:relative; }
.a6_txt h6 { font-size:30px; font-weight:600; margin-bottom:20px; }
.a6_txt h6 strong { font-weight:800; color:#E81C24; }

@media screen and (max-width: 980px) {
    .a6_img { width:100%; }
    .a6_img img { width:auto; display: block; margin:0 auto; text-align:center; }
	.a6_txt { width:100%; padding:50px 0; }
}
@media screen and (max-width: 680px) {
    .a6_txt { font-size:17px; }
}