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

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

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

/*a1*/ /*연혁*/
#a1 {}
.a1_box {}
.a1_day { width:100%; display:flex; flex-wrap:wrap; border-top:1px solid #ddd;  padding:30px 0; }
.a1_day:last-child { border-bottom:1px solid #ddd; }
.a1_day:nth-of-type(2n) { background:#fcfcfc; }
.a1_day .a1_year { width:15%; font-size:35px; font-weight:700; color:#888; text-align:right;  }
.a1_day .a1_date { width:50%; font-size:20px; line-height:35px; font-weight:500; padding:15px 50px; letter-spacing:-1px; word-break:keep-all; }
.a1_day .a1_img { width:35%;  }
.a1_day .a1_img img { width:100%; border-radius:10px; opacity:0.75; transition:all .3s; }
.a1_day:nth-of-type(1) .a1_img img  { opacity:1; }
.a1_day:hover .a1_img img { opacity:1; }
.a1_on { color:#C8584C!important; font-size:40px!important;  }


@media screen and (max-width: 980px) {
    .a1_day .a1_year { width:100%; text-align:left; }
    .a1_day .a1_date { width:100%; padding:15px 0; }
    .a1_day .a1_img { width:100%; }
}
@media screen and (max-width: 640px) {
    .a1_day .a1_year { font-size:30px; }
    .a1_day .a1_date { font-size:16px;  }
    .a1_on { font-size:35px!important;}
}

/*a2*//*오시는길*/
/* .root_daum_roughmap .wrap_controllers { display:none; }
#a2 {}
.a2_info {}
.a2_info h6  { font-size:25px; font-weight:600; margin-bottom:30px; font-family: 'Montserrat', sans-serif;  }
.a2_info h6 strong { color:#C8584C; font-weight:800;  }
.a2_info h6 span { display:block; font-size:20px!important; font-weight:400; color:#555; padding:10px; margin:10px 0; border:1px solid #eee; word-break:keep-all; border-left:5px solid #C8584C!important; }
.a2_info h6 em { font-style:normal; font-size:15px; color:#888; font-weight:300; }
.a2_info h6 span i { color:#af463b; padding:10px; }
.a2_info table { width:100%; font-size:18px; border-collapse:collapse; margin:30px 0 50px 0; border-top:3px solid #C8584C; border-left:0; border-bottom:0; border-right:0;  }
.a2_info table tr  { border-bottom:1px solid #ddd; }
.a2_info table tr:nth-of-type(2n+1) { background:#fafafa; }
.a2_info table tr th { word-break:keep-all; border-right:1px solid #ddd; }
.a2_info table tr td { padding:10px;  word-break:keep-all;}

@media screen and (max-width: 980px) {
    .a2_info h6 { font-size:20px; }
    .a2_info h6 span { font-size:16px!important; }
    .a2_info table { font-size:16px; }
    .a2_info table tr th { width:30%; }
    .a2_info table tr td { width:70%; }
} */

/*a2*//*오시는길*/
#a2 { position:relative; width:100%; height:850px;  }
.a2_box { width:100%; }
.a2_box ul { width:100%; display:flex; align-items:center; border-top:1px solid #ddd; }
.a2_box ul li { width:50%; height:100%; display:inline-block; vertical-align :middle;  vertical-align:middle; }
.a2_box ul li:nth-of-type(2) { padding:0 50px; }
.a2_box ul li iframe { width:100%; height:850px; }
.a2_box ul li b { display:block; font-size:33px; padding-bottom:40px; font-family: 'Noto Serif KR', serif; font-weight:500; }
.a2_box ul li span { font-size:20px;line-height:30px;  }
.a2_box ul li span address { font-style:normal;  }
.a2_box ul li span address:nth-of-type(1) { font-weight:500; }
.a2_box ul li em { font-style:normal; font-size:15px;  color:#888; display:block; margin-top:40px; }

@media screen and (max-width: 980px) {
    #a2 { height:600px; }
    .a2_box ul li iframe { height:300px; }
    .a2_box ul { display:block; }
    .a2_box ul li { width:100%; }
    .a2_box ul li:nth-of-type(2) { padding:30px; }
    .a2_box ul li b { font-size:25px; }
    .a2_box ul li span { font-size:17px; }
}

/*c2*//*HW/SW설계*/
#c2_box {  }
.c2_box { padding:30px 0;   }
.c2_box h2 { font-family: 'Montserrat', sans-serif; font-size:25px; line-height:25px; border-left:5px solid #C8584C; padding-left:8px;  }
.c2_box p { margin:20px 0 50px 0;  }
.c2_box p span { display:block; font-size:20px!important; line-height:35px!important; color:#555; word-break:keep-all;}
.c2_box p span b { font-weight:normal; color:#C8584C; }

.c2_flex { width:100%; display:flex; flex-wrap: wrap;}
.c2_img { width:40%; /*border:1px solid #cdcdcd;*/ }
.c2_img img { width:100%; }
.c2_table { width:60%;padding-left:20px;  }
.c2_table table { width:100%; text-align:center; font-size:16px; border-color:#cdcdcd; border-collapse:collapse; font-family: 'Montserrat', sans-serif;  }
.c2_table table tr {}
.c2_table table tr th { background:#f5f5f5;  padding:6px; }
.c2_table table tr td { padding:6px; }

.c2_box ul { margin-top:80px;  display:flex; flex-wrap: wrap; justify-content:space-between; }
.c2_box ul li { width:49%; font-size:20px; border:1px solid #cdcdcd; }
.c2_box ul li img { width:100%; padding:10px; }
.c2_box ul li strong { display:block; text-align:center; font-size:22px; line-height:50px; background:#C8584C ;color:#fff;}
.c2_box ul li span { display:block; font-size:20px!important; padding:30px; background:#fafafa; word-break:keep-all; }

@media screen and (max-width: 980px) {
    .c2_box { padding:15px 0; }
    .c2_box h2 { font-size:22px; }
    .c2_box p span { font-size:18px!important; line-height:30px!important; }
    .c2_img { width:100%; }
    .c2_table { width:100%; padding-left:0; font-size:14px;   }
    .c2_table table tr th  { padding:3px; }
    .c2_table table tr td  { padding:3px; }
    .c2_box ul { margin-top:0; }
    .c2_box ul li { width:100%; margin-bottom:20px;  }
    .c2_box ul li strong { font-size:18px; }
    .c2_box ul li span { font-size:15px!important; padding:10px; }
}

/*e1*//*위탁생산*/
#e1_box {}
.e1_box { padding-top:30px; padding-bottom:60px; }
.e1_box ul { width:100%; display:flex;flex-wrap: wrap;}

.e1_1  {justify-content:space-between; }
.e1_1 li { width:24%; text-align:center; border:1px solid #ddd; }
.e1_1 li img { width:100%; }
.e1_1 li b { display:block; font-size:22px; padding:10px 0 2.5px 0; }
.e1_1 li span { display:block;  font-size:18px; color:#555; padding:2.5px 0 10px 0; }

.e1_2 {  justify-content:space-evenly;  }
.e1_2 li { font-size:22px; border-radius:50%; height:200px; width:200px; vertical-align: middle; text-align:center; background:#f8f8f8; font-weight:700; }
.e1_2 li:nth-of-type(2n) { background:#f3f3f3; }
.e1_2 li  i { font-size:20px; font-style: normal; display:block; padding-top:55px; font-weight:normal; color:#C8584C;  }
.e1_2 li  i:after { display:block; content:""; width:30px; height:1px; background:#aaa; margin:5px auto; }

@media screen and (max-width: 980px) {
    .e1_box { padding-top:0; }
    .e1_1 li  { width:48%; margin:1%; }
    .e1_1 li b  {font-size:16px; }
    .e1_1 li span { font-size:10px!important; }

    .e1_2 { justify-content:flex-start; }
    .e1_2 li  { font-size:16px;  border-radius:0%; width:98%; height:auto;  margin:1%; padding:10px;   }
    .e1_2 li i { font-size:13px; padding-top:0; }
}