/*회사소개*/
#contents { width:100%; max-width:100%; }
.sub_company {  background:url('../image/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/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; }


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

.sub_company {  background:url('../image/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/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; }

}



.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; }

@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; }
}






/* 자동화 */
.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/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/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; }
}














.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; }



/*
.his_in{position:relative; margin-bottom:70px;}
.his_in:after{content: '';display: block;clear: both;}
.his_in .his_img{ box-sizing: Border-box; padding:0px 0px 0px 70px;}
.his_imgblock{display:none;}
.his_in .his_img img{max-width: 100%;}

.his_in ul{ box-sizing: Border-box; padding:0;}

.his_table {position:relative; overflow:hidden; padding:0 0 5px 13px}
.his_table:before {display:block; content:""; width:5px; height:2px; background:#858585; position:absolute; top:12px; left: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; font-weight:700 }

.his_in ul{position:relative; 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:5px; left:0px; 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:0px; top:9px; z-index: -1; }

.his_in li.year{ font-size:30px; font-weight:bold;  color:#333; font-weight:700; text-align:left; margin-bottom:20px; padding-left:60px;  }
.his_in li.year:before {display:block; content:""; width:50px; height:1px; background:#2470b1; position:absolute; top:10px; left:0; z-index:1}

.tableWrap{position:relative; width:90%; margin:50px auto; }
.tableWrap li{}

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

.page_toparea { border-bottom:1px solid #ddd; padding-top:30px; }
.page_toparea h1 { font-size:25px; font-weight:600; line-height:30px; padding:0 0 10px 0;   font-family:'Noto Sans Kr','nanum Gothic'; color:#263f7f; letter-spacing:-1px; }


.his_table {padding:0 0 2px 10px !important;}
.his_table:before {width:4px; left:0 !important; right:auto !important;}
.his_table dd {text-align:left !important}

.his_in .his_img.none{display:none;}
.his_imgblock{position: relative; overflow: hidden; display:block; padding:15px 0 0 110px;}
.his_imgblock img{max-width:100%}

.con01 { background:#fff; width:100%; padding:0 10px 100px; box-sizing:border-box; }
*/
}




.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/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:900px;  }
.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/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/sub_title_bg3.jpg') no-repeat ; background-position:center bottom; background-size:100% auto  ; }
}









.myoffice { margin-top:150px; }
.myoffice .in { width:90%; max-width:1500px; margin:0 auto; border-bottom:1px solid #ddd; padding:40px 0 90px 0; display:flex; }
.myoffice .title_t { color:#1049be; font-size:50px; text-align:center;   width:100%; max-width:1500px; margin:0 auto 50px; }
.myoffice .title_t p { color:rgba(0,0,0,0.5); font-size:27px; margin-top:20px; }
.myoffice .in .txt { flex-grow:1; padding-top:35px; }
.myoffice .in .img { width:740px; flex-shrink:0; margin-left:100px; }
.myoffice .in .title { font-size:40px; line-height:45px; font-weight:bold; margin-bottom:20px; }
.myoffice .in .title span { color:#1049be; font-size:30px; display:block; font-weight:bold; }
.myoffice .in .txt p { font-size:18px; line-height:150%; color:#888; margin:7px 0; }
.myoffice .in .txt a.btn { color:#fff; display:inline-block; padding:12px 40px; font-size:18px; background:#222; border-radius:10px; margin-top:30px; }

.myoffice .in2 { flex-direction:row-reverse; }
.myoffice .in2 .img { margin-left:0; margin-right:100px; }


@media(max-width:900px){
.myoffice { padding:0 0 50px 0; margin:50px auto; }
.myoffice .title_t { color:#1049be; font-size:25px; text-align:center;   width:100%; max-width:1500px; margin:0 auto; border-bottom:0; padding-bottom:0px; }
.myoffice .in { width:90%; max-width:90%; margin:0 auto; border-bottom:1px solid #ddd; padding:15px 0 30px 0; display:flex;  flex-direction: column-reverse; flex-wrap:wrap; }
.myoffice .in .txt { flex-grow:1; padding-top:15px; width:100%; }
.myoffice .in .img { width:auto; flex-shrink:0; margin-left:0px; }
.myoffice .in .title { font-size:22px; line-height:25px; font-weight:bold; margin-bottom:10px; letter-spacing:-1px;  }
.myoffice .in .title span { color:#1049be; font-size:18px; display:block; font-weight:normal; letter-spacing:0; }
.myoffice .in .txt p { font-size:13px; line-height:130%; color:#888; margin:7px 0; }
.myoffice .in .txt a.btn { color:#fff; display:inline-block; padding:6px 20px; font-size:14px; background:#222; border-radius:5px; margin-top:15px; }

.myoffice .in2 {  flex-direction: column-reverse; flex-wrap:wrap; }
.myoffice .in2 .img { margin-left:0; margin-right:0px; }


}



.net_port_con { display:flex; flex-wrap:wrap; justify-content:space-between; width:95%; max-width:1500px; margin:80px auto 0 ; border-top:1px solid #aaa; padding-top:80px; padding-bottom:100px; }
.net_port_con > div { width:23.5%; margin-bottom:50px; }
.net_port_con > div span { font-size:22px; color:#3853ae; }
.net_port_con > div  img { margin-bottom:10px; }
.net_port_con > div p { color:#aaa; font-size:18px; margin-top:10px; }


@media(max-width:900px){


.net_port_con { display:flex; flex-wrap:wrap; justify-content:space-between; width:95%; max-width:1500px; margin:30px auto 0 ; border-top:1px solid #aaa; padding-top:50px; padding-bottom:50px; }
.net_port_con > div { width:48%; margin-bottom:50px; }
.net_port_con > div span { font-size:14px; color:#3853ae; }
.net_port_con > div  img { margin-bottom:10px; }
.net_port_con > div p { color:#aaa; font-size:14px; margin-top:5px; }

}



#header { background:none; }
#footer { margin-top:0; }



@media(max-width:900px){
.net_port_con > div { width:47%; }
}

.part3_1 { width:100%; background:#f0f5fc; margin:90px auto; padding:90px 0 ; }
.part3_1 > h2 { text-align:center; font-size:40px; color:#124d97; }
.part3_1 > h3 { text-align:center; font-weight:400; }
.part3_1 .part3_1_inner { width:1400px; margin:30px auto; }
.part3_1 .part3_1_inner ul { display:flex; }
.part3_1 .part3_1_inner li { background:#fff; width:22%; flex-shrink:0; text-align:center; border:0px solid #eee;  margin:1.5%; padding:40px 0px; }
.part3_1 .part3_1_inner li .icon_img { margin:0 auto 20px; background:#ff9c00; border-radius:50px; padding:10px; width:80px; height:80px; display:flex; justify-content:center; align-items:center; }
.part3_1 .part3_1_inner li img { width:80%; margin:0 auto; }
.part3_1 .part3_1_inner li h4 { letter-spacing:-1px; font-size:30px; }
.part3_1 .part3_1_inner li p { line-height:150%; font-size:20px; letter-spacing:-0.5px;  }
.part3_1 .part3_1_inner li .line { width:40px; height:2px; background:#ddd; margin:20px auto; }
.part3_1 .part3_1_inner_txt { width:1350px; margin:0 auto; color:#666; font-size:13px;  }



@media(max-width:900px){

.part3_1 { width:100%; background:#f0f5fc; margin:50px auto; padding:50px 0 ; }
.part3_1 > h2 { text-align:center; font-size:22px; color:#124d97; }
.part3_1 > h3 { text-align:center; font-weight:400; font-size:14px; margin-top:10px; }
.part3_1 .part3_1_inner { margin:20px auto;  width:100%;  }
.part3_1 .part3_1_inner ul { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%;  margin:20px auto;}
.part3_1 .part3_1_inner li { background:#fff; width:47%; flex-shrink:0; text-align:center; border:0px solid #eee;  margin:1.5%; padding:20px 0px; }
.part3_1 .part3_1_inner li .icon_img { margin:0 auto 20px; background:#ff9c00; border-radius:40px; padding:10px; width:60px; height:60px; display:flex; justify-content:center; align-items:center; }
.part3_1 .part3_1_inner li img { width:80%; margin:0 auto; }
.part3_1 .part3_1_inner li h4 { letter-spacing:-1px; font-size:18px; }
.part3_1 .part3_1_inner li p { line-height:150%; font-size:14px; letter-spacing:-0.5px;  }
.part3_1 .part3_1_inner li .line { width:40px; height:2px; background:#ddd; margin:10px auto; }
.part3_1 .part3_1_inner_txt { width:90%; margin:0 auto; color:#666; font-size:13px; }

}



.section05 { padding:0px 0 100px 0;  display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; max-width:1500px;  margin:0 auto; }
.section05 .in { width:31%; padding:20px 0 40px 0; }
.section05 .in .txt {  }
.section05 .in .img { width:100%; }
.section05 .in .title { font-size:28px; line-height:45px; font-weight:bold; margin:10px 0 10px;; position:relative; padding-top:20px; }
.section05 .in .title span { background:#1049be;  height:50px; width:50px; color:#fff; font-size:22px; display:flex; font-weight:normal; justify-content:center; align-items:center; border-radius:25px; 
position:absolute; top:-33px; left:10px; }
.section05 .in .txt p { font-size:18px; line-height:140%; color:#888; margin:0px 0; }


@media(max-width:900px){
.section05 { padding:0px 0 100px 0;  display:block; flex-wrap:wrap; justify-content:space-between; width:90%; max-width:90%;  margin:0 auto; }
.section05 .in { width:100%; padding:0px 0 30px 0; }
.section05 .in .txt {  }
.section05 .in .img { width:100%; }
.section05 .in .title { font-size:20px; line-height:30px; font-weight:bold; margin:10px 0 5px;; position:relative; padding-top:20px; }
.section05 .in .title span { background:#1049be;  height:40px; width:40px; color:#fff; font-size:18px; display:flex; font-weight:normal; justify-content:center; align-items:center; border-radius:20px; 
position:absolute; top:-31px; left:20px; }
.section05 .in .txt p { font-size:16px; line-height:120%; color:#888; margin:0px 0; }

}



.part3-table { width:90%; max-width:1500px;  margin:0 auto 100px; } 
.type1 { width:100%; border:1px solid #ccc; border-top:0; }
.type1 td { border-top:1px solid #ccc; font-size:18px; padding:30px; border-left:1px solid #ccc; line-height:33px; }
.type1 td span { font-size:18px; }
.type1 td.guide_text { border-top:0; padding-top:0; font-size:17px; line-height:20px; display:none; }
.type1 strong { color:#e30000; font-size:18px; font-weight:normal; }
.type1 td.td_head { background:#f7f7f7; border-left:0; padding:30px; font-size:20px;  line-height:32px; text-align:center; }
.type1 td.td_head { background:#f7f7f7; border-left:0; padding:30px; font-size:20px;  line-height:32px; text-align:center; }
.font-big td  { font-size:20px; }


@media(max-width:900px){
.part3-table { width:90%; max-width:90%;  margin:0 auto 100px; } 
.type1 { width:100%; border:1px solid #ccc; border-top:0; margin-top:20px; }
.type1 td { border-top:1px solid #ccc; font-size:14px; padding:10px; border-left:1px solid #ccc; line-height:23px; }
.type1 td span { font-size:14px; }
.type1 td.guide_text { border-top:0; padding-top:0; font-size:14px; line-height:20px; display:none; }
.type1 strong { color:#e30000; font-size:14px; font-weight:normal; }
.type1 td.td_head { background:#f7f7f7; border-left:0; padding:10px; font-size:14px;  line-height:18px; text-align:center; width:100px; }
.font-big td  { font-size:14px; }


}





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

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.system_price { margin:40px auto 20px; }
.system_price p {  line-height:55px; letter-spacing:0; text-align:center; }
.system_price .p1 { font-size:22px; color:#222; }
.system_price .p2 { display:flex; align-items:center; justify-content:center; }
.system_price .p2 strong {  font-size:50px; color:#ff0000;  font-family: 'GmarketSansMedium'; font-weight:700 ; margin-right:10px; letter-spacing:0; }
.system_price .p2 span { color:#888; font-size:18px; font-weight:normal; }

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

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

}





.part6 { max-width:1400px; margin:0px auto 100px;}
.part6 .title { }
.part6 .title h3 { font-size:24px; }
.part6 .title p { font-size:16px; }
.part6 ul { display:flex; flex-wrap:wrap;}
.part6 li { width :25%; padding:10px;  margin-top:20px; box-sizing:border-box;}
.part6 li img { width:100%;border:1px solid #ddd;  }
.part6 li span { display:block; margin:10px auto 0; width:150px; background:#ddd; height:30px; text-align:center; line-height:30px; border-radius:15px; }



@media(max-width:900px){
.part6 { max-width:1400px; margin:0px auto 100px; width:calc(100% - 20px ); }
.part6 .title { text-align:center;  }
.part6 .title h3 { font-size:20px; }
.part6 .title p { font-size:13px; text-align:center;}
.part6 ul { display:flex; flex-wrap:wrap; }
.part6 li { width :50%; padding:5px;  margin-top:20px; box-sizing:border-box; }
.part6 li img { width:100%;border:1px solid #ddd;  }
.part6 li span { display:block; margin:10px auto 0; width:100px; background:#ddd; height:26px; text-align:center; line-height:26px; border-radius:13px; font-size:12px;}
}

.part6 .title_t { line-height:55px; }
.part6 .title_t span { display:block; text-align:center; font-size:27px; color:#3853ae; }
.part6 .title_t strong { display:block; text-align:center; font-size:45px; font-weight:600; }
.part6 .title_t p {  display:block; text-align:center; font-size:22px;  color:#888; line-height:28px; margin-top:40px; }

@media(max-width:900px){
.part6 .title_t { line-height:30px; letter-spacing:-1px; }
.part6 .title_t span { display:block; text-align:center; font-size:14px; color:#3853ae; }
.part6 .title_t strong { display:block; text-align:center; font-size:25px; font-weight:600; }
.part6 .title_t p {  display:block; text-align:center; font-size:13px;  color:#888; line-height:16px; margin-top:20px; }
}