.pc_only { }
.m_only { display:none; }
@media(max-width:1000px){
.pc_only { display:none; }
.m_only { display:inline-block; }
}


/*회사소개*/
#contents { width:100%; max-width:100%; }
.sub_company {  background:url('../image/copl/section03_bg.jpg') no-repeat; width:100%; padding:120px 0; text-align:center;  background-position:center center; min-height:700px; 
display:flex; justify-content:center; align-items:center; }
.sub_company_inner { width:95%; max-width:1300px; margin:0px auto; text-align:center; color:#fff; }
.sub_company_inner h1 { font-size:70px; font-weight:bold; margin-bottom:20px; }
.sub_company_inner h2 { font-size:50px; margin-bottom:40px; }
.sub_company_inner p { font-size:20px; line-height:150%; }

.sub_company_2 {  background:url('../image/copl/company_bg.jpg') no-repeat; width:100%; padding:120px 0; text-align:center;  background-position:center center; min-height:800px; 
display:flex; justify-content:center; align-items:center; } 
.sub_company_2_inner { display:flex;  width:90%; max-width:1300px; margin:0px auto; }
.sub_company_2_inner .txt { text-align:left; width:500px; flex-shrink:0; }
.sub_company_2_inner .txt h1 { font-size:80px; font-weight:bold; line-height:80px; }
.sub_company_2_inner .txt h2 { font-size:30px;  line-height:38px; margin-top:30px; position:relative; padding-top:30px; }
.sub_company_2_inner .txt h2:after { position:absolute; top:0; left:0; width:50px; height:2px; background:#3853ae; content:""; display:block; }

.sub_company_2_inner .aricle {  }
.sub_company_2_inner .aricle ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
.sub_company_2_inner .aricle ul li { width:calc(50% - 5px); background:#fff; margin:5px 0;  padding:60px 0; text-align:center;  }
.sub_company_2_inner .aricle ul li img { max-width:80px; }
.sub_company_2_inner .aricle ul li strong { font-size:40px; display:block; text-align:center; margin:10px 0 10px; }
.sub_company_2_inner .aricle ul li span { color:#888; font-size:18px; }

.sub_company_3 { width:100%; max-width:1400px; margin:120px auto 100px; display:flex; }
.sub_company_3 .sc3_img { width:50%; flex-shrink:0; }
.sub_company_3 .sc3_p {  flex-grow:1; padding-top:60px; }
.sub_company_3 .sc3_p p { margin:30px 0; }
.sub_company_3 .sc3_p p.sc3_p1 { color:#1049be; font-size:40px; font-weight:bold; line-height:50px; letter-spacing:-1px; }
.sub_company_3 .sc3_p p.sc3_p2 { color:#222; font-size:25px; line-height:30px; }
.sub_company_3 .sc3_p p.sc3_p2 span { color:#1049be; font-size:19px; margin:5px 0 15px 0; display:inline-block; background:#ebf4fb;padding:0 10px;  }
.sub_company_3 .sc3_p p.sc3_p3 { color:#777; font-size:20px; line-height:24px }


.sub_map_title {  background:url('../image/copl/company_bg.jpg') no-repeat; width:100%; padding:80px 0; text-align:center;  background-position:center center; 
display:flex; justify-content:center; align-items:center; } 
.sub_map_title .txt { text-align:center; width:100%; flex-shrink:0; }
.sub_map_title .txt h1 { font-size:30px;  text-align:center; }


@media screen and (max-width: 900px) {

.sub_company {  background:url('../image/copl/section03_bg.jpg') no-repeat; width:100%; padding:50px 0; text-align:center;  background-position:center center; min-height:0; 
display:flex; justify-content:center; align-items:center; }
.sub_company_inner { width:95%; max-width:95%; margin:0px auto; text-align:center; color:#fff; }
.sub_company_inner h1 { font-size:20px; font-weight:bold; margin-bottom:10px; }
.sub_company_inner h2 { font-size:18px; margin-bottom:40px; }
.sub_company_inner p { font-size:12px; line-height:150%; }

.sub_company_2 {  background:url('../image/copl/company_bg.jpg') no-repeat; width:100%; padding:50px 0; text-align:center;  background-position:center center; min-height:0; 
display:flex; justify-content:center; align-items:center; } 
.sub_company_2_inner { display:block;  width:90%; max-width:90%; margin:0px auto; }
.sub_company_2_inner .txt { text-align:left; width:95%; flex-shrink:0; }
.sub_company_2_inner .txt h1 { font-size:30px; font-weight:bold; line-height:32px; }
.sub_company_2_inner .txt h2 { font-size:14px;  line-height:20px; margin-top:20px; position:relative; padding-top:20px; }
.sub_company_2_inner .txt h2:after { position:absolute; top:0; left:0; width:50px; height:2px; background:#3853ae; content:""; display:block; }

.sub_company_2_inner .aricle { margin-top:20px; }
.sub_company_2_inner .aricle ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
.sub_company_2_inner .aricle ul li { width:calc(50% - 5px); background:#fff; margin:5px 0;  padding:20px 0; text-align:center;  }
.sub_company_2_inner .aricle ul li img { max-width:40px; }
.sub_company_2_inner .aricle ul li strong { font-size:20px; display:block; text-align:center; margin:10px 0 10px; }
.sub_company_2_inner .aricle ul li span { color:#888; font-size:13px; }


.sub_company_3 { width:90%; max-width:100%; margin:100px auto 40px; display:block; }
.sub_company_3 .sc3_img { max-width:70%; flex-shrink:0; margin: 0 auto; }
.sub_company_3 .sc3_p {  flex-grow:1; padding-top:0px; }
.sub_company_3 .sc3_p p { margin:20px 0; }
.sub_company_3 .sc3_p p.sc3_p1 { color:#1049be; font-size:20px; font-weight:bold; line-height:25px; letter-spacing:-1px; }
.sub_company_3 .sc3_p p.sc3_p2 { color:#222; font-size:16px; line-height:20px; }
.sub_company_3 .sc3_p p.sc3_p2 span { color:#1049be; font-size:14px; margin:5px 0 15px 0; display:inline-block; background:#ebf4fb;padding:0 10px;  }
.sub_company_3 .sc3_p p.sc3_p3 { color:#777; font-size:14px; line-height:18px }


.sub_map_title {  background:url('../image/copl/company_bg.jpg') no-repeat; width:100%; padding:30px 0; text-align:center;  background-position:center center; 
display:flex; justify-content:center; align-items:center; } 
.sub_map_title .txt { text-align:center; width:100%; flex-shrink:0; }
.sub_map_title .txt h1 { font-size:20px;  text-align:center; }

}

#map { padding-top:100px; }

.company_map { display:flex; width:100%; }
.page_txt_map { background:#222; width:400px; color:#fff; flex-shrink:0; padding:50px 30px 0 50px; }
.page_txt_map h2 { font-size:30px; }
.page_txt_map ul { margin-top:40px; }
.page_txt_map ul li { font-size:24px; margin-bottom:14px; line-height:35px; }
.page_txt_map ul li strong { color:#aaa; display:block; font-size:16px;  }
.page_txt_map ul li span { display:block; }
.page_iframe { flex-grow:1; }
.root_daum_roughmap { width:100% !important; max-width:100%; min-width:100% !important; }
.wrap_map { max-height:600px; }
.page_txt_map ul li span.span1 { font-size:18px;  color:#d695ff; margin-top:10px;  }
.page_txt_map ul li span.span2 { font-size:22px; color:#9aebff; text-decoration:underline; }
.page_txt_map ul li span.addr {  word-break: keep-all; }

@media screen and (max-width: 900px) {
.company_map { display:block; width:100%; flex-wrap:wrap; max-width:100%;}
.page_txt_map { background:#222; width:100%; color:#fff; flex-shrink:0; padding:30px; }
.page_txt_map h2 { font-size:20px; }
.page_txt_map ul { margin-top:20px; }
.page_txt_map ul li { font-size:15px; margin-bottom:14px; line-height:27px; }
.page_txt_map ul li strong { color:#aaa; display:block; font-size:14px;  }
.page_txt_map ul li span { display:block; }

.page_iframe { width:100%;  }
.root_daum_roughmap { width:100% !important; max-width:100%; min-width:100% !important;  }
.wrap_map { max-height:400px; }
.page_txt_map ul li span.span1 { font-size:14px;   }
.page_txt_map ul li span.span2 { font-size:16px; }
.page_txt_map ul li span.addr { width:auto; }
}






/* 자동화 */
.se4_in {  width:90%; max-width:1300px; margin:0px auto; }
.se4_in ul { display:flex; flex-wrap:wrap; }
.se4_in ul li { display:flex; width:calc(50% - 30px);  flex-shrink:0;  border:1px solid #999; border-radius:10px;  margin:0 30px 30px 0;  background:#f5f5f5; padding:20px; overflow:hidden; }
.se4_in ul li:hover {background:rgba(16,73,190,0.1);  }
.se4_in ul li:nth-child(1),
.se4_in ul li:nth-child(3),
.se4_in ul li:nth-child(5) { margin-left:0;}
.se4_in ul li a.img_s { width:350px; flex-shrink:0; position:relative; }
.se4_in ul li a.img_s > img {  border:1px solid #aaa; padding:5px; width:350px; background:#fff;  }
.se4_in ul li strong { font-size:22px; display:block; color:#222; }
.se4_in ul li span { font-size:18px; display:block; color:#555; margin-top:10px; }
.se4_in ul li p {; padding:15px }

.se4_in .ic_se { position:absolute; left:5px; bottom:5px; background:rgba(0,0,0,0.6);  height:40px; width:40px; display:flex; align-items:center; padding:5px; border-radius:20px;  justify-content:center; }
.se4_in .ic_se img { width:25px;  }
.se4_in ul li:hover .ic_se { background:rgba(16,73,190,0.6);  }



@media screen and (max-width: 900px) {
.se4_in {  width:90%; max-width:90%; margin:0px auto; }
.se4_in ul { display:flex; flex-wrap:wrap; }
.se4_in ul li { display:flex; width:100%;  flex-shrink:0;  border:1px solid #999; border-radius:10px;  margin:30px 0 0px 0;  background:#f5f5f5; padding:10px; overflow:hidden; }
.se4_in ul li:hover {background:rgba(16,73,190,0.1);  }
.se4_in ul li:nth-child(1),
.se4_in ul li:nth-child(3),
.se4_in ul li:nth-child(5) { margin-left:0;}
.se4_in ul li a.img_s { width:45%; flex-shrink:0; position:relative; }
.se4_in ul li a.img_s > img {  border:1px solid #aaa; padding:5px; width:350px; background:#fff;  }
.se4_in ul li strong { font-size:18px; display:block; color:#222; }
.se4_in ul li span { font-size:16px; display:block; color:#555; margin-top:10px; }
.se4_in ul li p {; padding:10px }

.se4_in .ic_se { position:absolute; left:5px; bottom:5px; background:rgba(0,0,0,0.6);  height:40px; width:40px; display:flex; align-items:center; padding:5px; border-radius:20px;  justify-content:center; }
.se4_in .ic_se img { width:25px;  }
.se4_in ul li:hover .ic_se { background:rgba(16,73,190,0.6);  }

}






.subpage_w {  height:500px; background:#d6e7f9 url('../image/copl/sub_title_bg3.png') no-repeat; margin-top:-100px; padding:180px 0 0px; background-position:center center; background-size: auto 100%; position:relative; 
border-bottom:1px solid rgba(0,0,0,0.1); }
.subpage_w .title_t { color:#1049be; font-size:50px; text-align:center;   width:100%; max-width:1500px; margin:0 auto 135px; }
.subpage_w .title_t p { color:rgba(0,0,0,0.5); font-size:27px; margin-top:20px; }

.subpage_w2 {  height:514px; background: url('../image/copl/sub_title_bg3.png') no-repeat; padding:280px 0px 0 ; background-position:center center; background-size:   auto 100%; position:relative; text-align:center;
margin:-320px auto 0px; }
.subpage_w2  h2 { color:#1049be; font-size:50px; text-align:center;   width:90%; max-width:1500px; margin:0 auto; }
.subpage_w2_title { color:#1049be; font-size:40px; width:90%;  max-width:1500px; margin:-60px auto 0; }


@media screen and (max-width: 900px) {
.subpage_w2_title { color:#1049be; font-size:30px; width:90%;  max-width:90%; margin:-20px auto 0; }
}


.myoffice_submenu { width:90%; max-width:1500px;  margin:0 auto; }
.myoffice_submenu ul { display:flex; flex-wrap:wrap; justify-content:space-between; background:rgba(255,255,255,0.4); }
.myoffice_submenu ul li { flex-grow:1; }
.myoffice_submenu ul a { padding:25px 25px; color:rgba(0,0,0,0.8); font-size:20px; display:block; text-align:center; }
.myoffice_submenu ul a:hover { border-bottom:1px solid #1049be; background:#1049be;  color:#fff; }





.sp_net { width:90%; max-width:1500px;  margin:0 auto; padding:140px 0; text-align:center; }
.sp_net .title { padding:50px 0; }
.sp_net .title * { margin:10px 0; }
.sp_net .title span { display:block; font-size:35px }
.sp_net .title strong { display:block; font-size:55px; color:#222; }
.sp_net .title p { font-size:24px; line-height:32px; color:#888; margin-top:30px; }
.sp_net .img img { max-width:80%; }
.mt120 { margin-top:-120px; }

@media screen and (max-width: 900px) {
.subpage_w2 {  height:150px; background: url('../image/copl/sub_title_bg3.png') no-repeat; padding:80px 0px 0 ; background-position:center center; background-size:   auto 100%; position:relative; text-align:center;
margin:-80px auto 0px; }
.mt120 { margin-top:-50px; }
.sp_net { width:90%; max-width:90%;  margin:0 auto; padding:40px 0; text-align:center; overflow-x:hidden; }
.sp_net .title { padding:50px 0 0; }
.sp_net .title * { margin:10px 0; }
.sp_net .title span { display:block; font-size:20px }
.sp_net .title strong { display:block; font-size:25px; color:#222; }
.sp_net .title p { font-size:12px; line-height:14px; color:#888; margin-top:30px; letter-spacing:-1px; }
.sp_net .img img { max-width:120%; margin-left:-10%; }
}




.table02 { margin:30px auto 0; width:90%; border-bottom:1px solid #999; max-width:1400px; background:#fff; }
.table02 * { font-size:16px; letter-spacing:0; line-height:20px; padding:12px 0 ; text-align:center; }
.table02 th { background:#1049be; padding:20px 0px; font-weight:normal;  font-size:22px; color:#fff; }
.table02 td { border-top:1px solid #ccc; font-size:22px; padding:30px 0; border-left:1px solid #ccc; }
.table02 td span { font-size:22px; }
.table02 td.guide_text { border-top:0; padding-top:0; font-size:17px; line-height:20px; display:none; }
.table02 strike { font-size:22px; }
.table02 strong { color:#e30000; font-size:22px; font-weight:normal; }
.table02 td.td_head { background:#f7f7f7; border-left:0; width:200px; }
.line_thead th { border-right:1px solid #fff; border-top:1px solid #fff; }

.table_guide { text-align:left; margin:50px auto 0; width:90%; max-width:1400px;  }
.table_guide li { margin:7px 0; font-size:18px; }
h2.in_title {  color:#1049be; font-size:50px; text-align:center;   width:100%; max-width:1500px; margin:0 auto 50px;  }

.bd_price { width:100%;padding:100px 0 250px;  background: #e6eefc url('../image/copl/sub_title_bg3.jpg') no-repeat ; background-position:center bottom; }


@media screen and (max-width: 900px) {

.table02 { margin:20px auto 0; width:100%; border-bottom:1px solid #999; max-width:1400px; background:#fff; }
.table02 * { font-size:14px; letter-spacing:0; line-height:16px; padding:12px 0 ; text-align:center; }
.table02 th { background:#1049be; padding:10px 0px; font-weight:normal;  font-size:14px; color:#fff; }
.table02 td { border-top:1px solid #ccc; font-size:14px; padding:20px 10px; border-left:1px solid #ccc; }
.table02 td span { font-size:14px; }
.table02 td.guide_text { border-top:0; padding-top:0; font-size:14px; line-height:20px; display:none; }
.table02 strike { font-size:14px; }
.table02 strong { color:#e30000; font-size:14px; font-weight:normal; display:block; }
.table02 td.td_head { background:#f7f7f7; border-left:0; width:80px }
.line_thead th { border-right:1px solid #fff; border-top:1px solid #fff; }

.table_guide { text-align:left; margin:20px auto 0; width:90%; max-width:1400px;  }
.table_guide li { margin:7px 0; font-size:14px; }


h2.in_title {  color:#1049be; font-size:25px; text-align:center;   width:100%; max-width:1500px; margin:0 auto 10px;  }

.bd_price { width:100%;padding:50px 0 70px;  background: #e6eefc url('../image/copl/sub_title_bg3.jpg') no-repeat ; background-position:center bottom; background-size:100% auto  ; }
}











.his_in{position:relative; margin-bottom:20px; }
.his_in:after{content: '';display: block;clear: both;}
.his_in .his_img{float: left; width: 50%; box-sizing: Border-box; padding:0px 0px 0px 70px;}
.his_imgblock{display:none;}
.his_in:nth-child(even) .his_img{ float: right; }
.his_in:nth-child(odd) .his_img{text-align:right; padding:0px 70px 0px 0px;}
.his_in .his_img img{max-width: 100%;}

.his_in:nth-child(odd) ul{float: right; text-align: left;  padding: 0 0 0 70px;}
.his_in:nth-child(even) ul{float:left; }
.his_in ul{float: right;  text-align: right; width: 50%;box-sizing: Border-box; padding: 0 70px 0 0;}

.his_table {position:relative; overflow:hidden; padding:0 0 5px 13px}
.his_table:last-child {padding-bottom:0 !important}
.his_table:before {display:block; content:""; width:5px; height:2px; background:#858585; position:absolute; top:12px; left:0}
.his_in:nth-child(even) .his_table{padding:0 13px 9px 0}
.his_in:nth-child(even) .his_table:before{left:auto; right:0}

.his_table dd {position:relative; line-height:25px;  text-align:left; color:#777; letter-spacing:-0.5pt; }
.his_table dd.col{color:#f57b20}
.his_table dt{color:#333; letter-spacing:-0.5pt; line-height:24px; width:80px; float:left; font-weight:700 }
.his_in:nth-child(even) .his_table dt{float:right;}
.his_in:nth-child(even) .his_table dd{text-align:right;}
.his_in:nth-child(even) .his_table dd:before{left: calc(100% + 7px);}
.his_in:nth-child(even) li.year{text-align: right;}

.his_in ul{position:relative; float:right; width:50%; box-sizing:Border-box;}
.his_in ul:before {display:block; content:""; width:12px; height:12px; background:#fff;  border-radius: 12px; border:2px solid #2470b1; box-sizing: border-box; position:absolute; top:18px; left:-4px; z-index:9}
.his_in ul:after{ width:26px; height:26px;  content: '';display: block; background-color: #fff; border:2px solid #ddd; border-radius: 50%; position: absolute; left:-13px; top:9px; z-index: -1; /* animation: dots 1.5s ease-in-out infinite; */}
.his_in:nth-child(even) ul:before{left:auto; right:-8px}
.his_in:nth-child(even) ul:after{right: -17px;left: auto;}
.his_in li.year{ font-size:40px; font-weight:bold; line-height:1; color:#333; font-weight:700; text-align:left; margin-bottom:20px; }
.his_in li.year:before {display:block; content:""; width:50px; height:1px; background:#2470b1; position:absolute; top:24px; left:0; z-index:1}
.his_in:nth-child(even) li.year:before{left:auto; right:0}

.sub_history{position:relative; overflow:hidden; padding-top:100px; margin-top:-50px; padding-bottom:100px;  }
.sub_history:before{content:""; width:10px; height:10px; display:none; background:#d8d8d8; border-radius: 10px;  position: absolute; top: 0; left:50%; transform:translateX(-50%); z-index:2}
.sub_history:after {display:block; content:""; background:#ddd; width:1px; height:100%; position:absolute; top:0; left:50%;     z-index: -2;}
.sub_history li{}


.his_in li.days{position: relative; font-size:19px; font-weight:300; letter-spacing:-1px; }



.page_toparea1 { border-bottom:1px solid #ddd; margin-top:80px; margin-bottom:50px;} 
.page_toparea1 h1 { font-size:40px; font-weight:600; line-height:30px; padding:40px 0 40px 0; color:#1049be; letter-spacing:-1px; text-align:center; }



@media screen and (max-width: 900px) {



.his_in{position:relative;; width:90%; margin:20px auto 30px; }
.his_in:after{content: '';display: block;clear: both;}
.his_in .his_img{float: none; width: 100%; box-sizing: Border-box; padding:0px 0px 0px 0px;}
.his_imgblock{display:none;}
.his_in:nth-child(even) .his_img{ float: none; }
.his_in:nth-child(odd) .his_img{text-align:left; padding:0px 0px 0px 0px;}
.his_in .his_img img{max-width: 100%;}

.his_in:nth-child(odd) ul{float: none; text-align: left;  padding: 0 0 0 0px;}
.his_in:nth-child(even) ul{float:none; }
.his_in ul{float: none;  text-align: right; width: 100%;box-sizing: Border-box; padding: 0 0px 0 0;}

.his_table {position:relative; overflow:hidden; padding:0 0 5px 13px}
.his_table:last-child {padding-bottom:0 !important}
.his_table:before {display:block; content:""; width:5px; height:2px; background:#858585; position:absolute; top:12px; left:0}
.his_in:nth-child(even) .his_table{  padding:0 0 5px 13px}
.his_in:nth-child(even) .his_table:before{left:0; right:auto; }

.his_table dd {position:relative; line-height:20px;  text-align:left; color:#777; letter-spacing:-0.5pt; font-size:14px; }
.his_table dd.col{color:#f57b20}
.his_table dt{color:#333; letter-spacing:-0.5pt; line-height:24px; width:80px; float:left; font-weight:700 }
.his_in:nth-child(even) .his_table dt{float:none;}
.his_in:nth-child(even) .his_table dd{text-align:left;}
.his_in:nth-child(even) .his_table dd:before{left: 0;}
.his_in:nth-child(even) li.year{text-align: left;}

.his_in ul{position:relative; float:none; width:100%; box-sizing:Border-box;}
.his_in ul:before {display:block; content:""; width:12px; height:12px; background:#fff;  border-radius: 12px; border:2px solid #2470b1; box-sizing: border-box; position:absolute; top:18px; left:-4px; z-index:9; display:none; }
.his_in ul:after{ width:26px; height:26px;  content: '';display: block; background-color: #fff; border:2px solid #ddd; border-radius: 50%; position: absolute; left:-13px; top:9px; z-index: -1; display:none; /* animation: dots 1.5s ease-in-out infinite; */}
.his_in:nth-child(even) ul:before{left:auto; right:-8px}
.his_in:nth-child(even) ul:after{right: -17px;left: auto;}
.his_in li.year{ font-size:18px; font-weight:bold; line-height:1; color:#1049be; font-weight:700; text-align:left; margin-bottom:10px; }
.his_in li.year:before {display:block; content:""; width:50px; height:1px; background:#2470b1; position:absolute; top:24px; left:0; z-index:1; display:none;}
.his_in:nth-child(even) li.year:before{left:auto; right:0}

.sub_history{position:relative; overflow:hidden; padding-top:0px; margin-top:0px; padding-bottom:100px;  }
.sub_history:before{content:""; width:10px; height:10px; display:none; background:#d8d8d8; border-radius: 10px;  position: absolute; top: 0; left:50%; transform:translateX(-50%); z-index:2}
.sub_history:after {display:block; content:""; background:#ddd; width:1px; height:100%; position:absolute; top:0; left:50%;     z-index: -2; display:none; }
.sub_history li{}


.his_in li.days{position: relative; font-size:19px; font-weight:300; letter-spacing:-1px; }

.page_toparea1 { border-bottom:1px solid #ddd; margin-bottom:30px; margin-top:20px; } 
.page_toparea1 h1 { font-size:20px; font-weight:600; line-height:30px; padding:40px 0 20px 0; color:#1049be; letter-spacing:-1px; text-align:center; }