@charset "utf-8";

@media screen and (min-width: 600px){
.dis_mo {display:none;}
.dis_pc {display:block;}

}@media screen and (max-width: 600px){
.dis_mo {display:block;}
.dis_pc {display:none;}
}


.bdrs1{ overflow: hidden; border-radius: 120px 0 120px 0;  font-size: 0; }
.bg_gray{ background-color: #f8f8f8; }

.pv1{ padding: 80px 0;  }

@media screen and (max-width: 840px){
  .bdrs1{ border-radius: 17vw 0 17vw 0;}
}
/* 서브 비주얼 start*/
.kvisual_sub{ height: 500px; background: #000; position: relative; overflow: hidden; }
.kvisual_sub .cover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); z-index: 2;}
.kvisual_sub .bg-pos{z-index: 1;}
.kvisual_sub .text{ position: absolute; bottom: 0; top: 0; height: 100%; display: flex; align-items: center; z-index: 3; width: 100%; color: #fff;}
.kvisual_sub .text > .inner{max-width: 1400px;margin: 0 auto;min-width: 1400px;text-align: center;padding: 0 40px;box-sizing: border-box;}
.kvisual_sub .text .cont{}
.kvisual_sub .text .cont .path{ font-weight: 500; font-size: 1.1875em; line-height: 1; display: flex; }
.kvisual_sub .text .cont .path span{}
.kvisual_sub .text .cont .path i{margin: 0 3px;}
.kvisual_sub .text .cont .tit{font-size: 55px;margin-left: 0;margin-top: -20px; font-weight: 600;letter-spacing: -0.03em;}
.kvisual_sub .text .cont .txt1{margin-top: 15px; font-size: 20px; line-height: 1.4; font-weight: 300;}
.kvisual_sub.service{ height: 400px; }
.kvisual_sub.service .text{bottom: 50px;}
.kvisual_sub.service .t_1{font-size: 19px;}
.kvisual_sub.type2{height: 150px;}
@media screen and (max-width: 1400px){
    .kvisual_sub .text > .inner{padding: 0 40px;min-width:auto;}
}

@media screen and (max-width: 840px){
    .kvisual_sub{height: 110vw;}
    .kvisual_sub .text > .inner{margin:0;padding: 0;min-width: auto;max-width: none;}
    .kvisual_sub .text{padding:0 10vw;bottom: auto;width: 100%;color: #fff;box-sizing: border-box;display: block;text-align: center;top: 40vw; height: auto;}
    .kvisual_sub .text .cont .path{ font-size: 4vw; }
    .kvisual_sub .text .cont .path i{ margin: 0 1vw; margin-top:0.36vw; }
    .kvisual_sub .text .cont .tit{ font-size: 8vw; margin-left: -1vw; margin-top: 4vw; line-height: 1; }
    .kvisual_sub.service{ height: 80vw; }
    .kvisual_sub.service .text{ bottom: 10vw; }     
    .kvisual_sub .text .cont .txt1{margin-top: 5vw;font-size: 5vw;}

    .kvisual_sub.p_402 .bg-pos{background-position: 74% 50%;}
    .kvisual_sub.p_403 .bg-pos{background-position: 4% 50%;}
}


.wrap_location{position: relative;left: 0;bottom: 0;width: 100%;z-index: 5;margin-top: -70px;}
.wrap_location > .inr-c{background-color: rgba(0, 0, 0, 0.5);display: flex;}
.wrap_location .col{min-width: 290px;height: 70px; position: relative;}
.wrap_location .col_home{ display:flex; align-items:center; padding-right: 30px; position: relative; font-size: 0;}
.wrap_location .col_home:after,
.wrap_location .col:after{position: absolute;right: 0;top: calc(50% - 10px);width: 1px;height: 20px;background-color: #fff;opacity: 0.3;content:"";}
@media screen and (max-width: 840px){
  .wrap_location{ display:none; }
}
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.select-customer {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #fff;
  background-color: transparent;
  width: 100%;
  height: 70px;
}
.select-styled {
  border: transparent;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  padding: 0 60px 0 40px;
  -webkit-transition: all 0ms ease-in-out;
  -moz-transition: all 0ms ease-in-out;
  -ms-transition: all 0ms ease-in-out;
  -o-transition: all 0ms ease-in-out;
  transition: all 0ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  font-weight: 600;
  display: flex;
  align-items: center;
  font-size: 20px;
}
.select-styled:after {
  content: "\e9bb";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: calc(50% - 10px);
  right: 30px;
  font-size: 20px;
}
.select-styled:hover {
  background: #fff;
  color: #000;
}
.select-styled.active {
  background-color: #20409a;
  color: #fff;
  border-color: #20409a;
}


.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  padding-bottom: 30px;
  list-style: none;
  background-color: #20409a;
  border: 1px solid #20409a;
  text-align: left;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all 0ms ease-in-out;
  -moz-transition: all 0ms ease-in-out;
  -ms-transition: all 0ms ease-in-out;
  -o-transition: all 0ms ease-in-out;
  transition: all 0ms ease-in-out;
  overflow: hidden;

}
.select-options li {
  border-bottom: 1px solid #20409a;
  margin: 0;
  padding: 10px 40px;
  text-indent: 0;
  /*  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;*/
  color: #e1e7f7;
}
.select-options li.on,
.select-options li:hover {
  /*color: #c0392b;
  background: #fff;*/
  color: #fff;
  text-decoration: underline;
}
.select-options li[rel="hide"] {
  display: none;
}


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

.select-hidden {
    padding-right: 10px;
    padding-right: 1.18906064vw;
  }
  .select-customer {
    font-size: 24px;
    font-size: 3.29374554vw;
    height: 70px;
    height: 8.32342449vw;
  }
  .select-styled {
    padding: 17px 15px;
    padding: 2.02140309vw 1.78359096vw;
  }
  .select-styled:after {
    top: 34px;
    top: 4.04280618vw;
    right: 10px;
    right: 1.18906064vw;
  }
  .select-options li {
    padding: 16px;
    padding: 1.90249703vw;
    text-indent: 0;
  }

}



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

.h_2_1{ float:left;width:100%;text-align:center;padding-top:60px;text-align:center;font-size: 45px;font-weight: 800;line-height: 2;color: #000;}
.h_3{  text-align:center;font-size: 25px;font-weight: 100;line-height: 1.2;color: #fff;}
.h_3_1{  text-align:center;font-size:18px;font-weight: 100;line-height: 1.2;color: #000;font-weight:500;}
.h_3_2{ width:100%; margin: 0 auto; font-weight: 800;}
.h_3_3{  text-align:center;font-size:26px;padding:10px;font-weight:300;line-height: 1.2;color: #000;}
.h_3_4{text-align:center;font-size:19px;margin:30px;padding:50px;border:3px solid #043a7a;font-family: 'Noto Serif KR', serif;color:#043a7a;font-weight:500;}
.h_3_5{;width:100%;margin: 0 auto;padding-top:20px;font-weight:500;}
.h_3_6{ margin: 0 auto;  width: 0;  height: 0;  border-bottom: 50px solid #eee;  border-top: 0px solid transparent;  border-left: 50px solid transparent;  border-right: 50px solid transparent;}
.h_3_7{float:left;margin:0px 30px 30px 30px;font-size:19px;padding:20px;color:#043a7a;border:15px solid #eee;font-family: 'Noto Serif KR', serif;}

.h_img1 {text-align:center;width:100%;}
.h_img1 img{text-align:center;width:220px;}

.h_2wrap {padding:100px 100px;}
.h_2wrap .img1{width:400px;}
.h_2wrap .img2{width:500px;}


.comwt{width:90%;margin:0 auto;padding-top:70px;font-weight:700;}
.company_wrap {width:100%;margin:0 auto;}
.company_wrap .wrap{float:left;width:100%; margin-top: 49px;}
.company_wrap .wrap .rabox{float:left;width:100%;text-align:center;padding-bottom:50px;}
.company_wrap .wrap .rabox .ra1{width:100%;margin:0 auto;border-radius:100%;width:250px;height:250px; background:#eee;}
.company_wrap .wrap .rabox .tit{width:250px;margin:0 auto;margin-top:20px;line-height:2; font-size:35px;font-weight: 600;}
.company_wrap .wrap .rabox .txt{width:250px;margin:0 auto;margin-top:30px;font-weight:500;color:#000;}

.company_wrap .wrap .squbox{float:left;width:48%;margin-right:4%;}
.company_wrap .wrap .squbox .sq1{float:left;width:100%;height:300px;background:#eee;}
.company_wrap .wrap .squbox .tit{float:left;width:100%;margin: 0 auto;line-height: 2;font-size: 35px;font-weight: 600;}
.company_wrap .wrap .squbox .txt{float:left;width:100%;}



}@media screen and (min-width: 840px){

.h_2_1{ float:left;width:100%;text-align:center; text-align:center;padding-top:80px;font-size: 45px;font-weight: 800;line-height:2;color: #000;}
.h_3{  text-align:center;font-size: 25px;font-weight: 100;line-height: 1.2;color: #fff;}
.h_3_1{  text-align:center;font-size: 25px;font-weight: 100;line-height: 1.2;color: #000;font-weight:500;}
.h_3_2{ width: 1200px; margin: 0 auto; font-weight: 800;}
.h_3_3{  text-align:center;font-size:30px;font-weight:300;line-height: 1.2;color: #000;}
.h_3_4{text-align:center;font-size:25px;padding:50px;border:3px solid #043a7a;font-family: 'Noto Serif KR', serif;color:#043a7a;font-weight:500;}
.h_3_5{width: 1050px;margin: 0 auto;padding-top:20px;font-weight:500;}
.h_3_6{ margin: 0 auto;width: 0;height: 0;border-bottom: 50px solid #eee;border-top: 0px solid transparent;border-left: 50px solid transparent;  border-right: 50px solid transparent;}
.h_3_7{font-size:25px;padding:50px;color:#043a7a;border:15px solid #eee;font-family: 'Noto Serif KR', serif;}


.h_img1 {text-align:center;width:100%;}
.h_img1 img{text-align:center;width:220px;}

.h_2wrap {padding:100px 100px;}
.h_2wrap .img1{width:400px;}
.h_2wrap .img2{width:500px;}


.comwt{width:1200px;margin:0 auto;padding-top:150px;font-weight:800;}
.company_wrap {width:1200px;margin:0 auto;}
.company_wrap .wrap{width:100%;display: flex; align-items: flex-start; margin-top: 49px;}
.company_wrap .wrap .rabox{float:left;width:33%;text-align:center;}
.company_wrap .wrap .rabox .ra1{width:100%;margin:0 auto;border-radius:100%;width:250px;height:250px; background:#eee;}
.company_wrap .wrap .rabox .tit{width:250px;margin:0 auto;margin-top:20px;line-height:2; font-size:35px;font-weight: 600;}
.company_wrap .wrap .rabox .txt{width:250px;margin:0 auto;margin-top:30px;font-size:17px;font-weight:500;color:#000;}

.company_wrap .wrap .squbox{float:left;width:48%;margin-right:4%;}
.company_wrap .wrap .squbox .sq1{float:left;width:100%;height:300px;background:#eee;}
.company_wrap .wrap .squbox .tit{float:left;width:100%;margin: 0 auto;line-height: 2;font-size: 35px;font-weight: 600;}
.company_wrap .wrap .squbox .txt{float:left;width:100%;}
}








#newsroom_view_section{max-width: 1200px; margin: auto;}

#newsroom_view_section .newsroom_view_head {  border-bottom: 1px solid #d6d6d6; padding: 30px 0; padding-top: 0; }
#newsroom_view_section .newsroom_view_head .cate { font-size: 16px; color: #00a2e1; margin-bottom: 15px; }
#newsroom_view_section .newsroom_view_head .title { font-size: 40px; color: #222; line-height: 45px; font-weight: bold; margin-bottom: 15px; margin-bottom: 30px; }
#newsroom_view_section .newsroom_view_head .date { font-size: 14px; color: #7b7b7b; }
#newsroom_view_section .newsroom_view_head .file_list { margin-top: 20px; }
#newsroom_view_section .newsroom_view_head .file_list ul li { display: inline-block; margin-right: 20px; }
#newsroom_view_section .newsroom_view_head .file_list ul li img { display: inline-block; vertical-align: middle; margin-right: 5px; }
#newsroom_view_section .newsroom_view_head .file_list ul li a { display: inline-block; font-size: 13px; color: #848796; border-bottom: 1px solid #848796; }
#newsroom_view_section .newsroom_view_body { min-height: 50vh; padding: 50px 0; box-sizing: border-box; }

#newsroom_view_section .newsroom_write_head { padding:10px 0; padding-top: 0; }
#newsroom_view_section .writehead_1 {padding: 1.5rem;width: 100%;height: 1.5rem;font-size:17px;line-height: 1.5;letter-spacing: -0.04em;color: #000; resize: none;appearance: none;border:1px solid #ccc;border-radius: 0;background-color: transparent; box-sizing: border-box;}
#newsroom_view_section .writehead_2 {padding: 1.5rem;width: 20%;height: 1.5rem;font-size:17px;line-height: 1.5;letter-spacing: -0.04em;color: #000; resize: none;appearance: none;border:1px solid #ccc;border-radius: 0;background-color: transparent; box-sizing: border-box;}
#newsroom_view_section .writehead_3 {padding: 1.5rem;width: 100%;height: 20.5rem;font-size:17px;line-height: 1.5;letter-spacing: -0.04em;color: #000;resize: none; border:1px solid #ccc; border-radius: 0; background-color: transparent;box-sizing: border-box;}
#newsroom_view_section .writehead_4 {width: 100%;padding:10px;line-height: 1.5;letter-spacing: -0.04em;color: #000;resize: none; border:1px solid #ddd; border-radius: 0; background-color: transparent;box-sizing: border-box;}
#newsroom_view_section .newsroom_write_body { padding:20px 0; box-sizing: border-box; }


#newsroom_view_section .newsroom_view_foot { border-bottom: 1px solid #d6d6d6; padding: 30px 0; }
#newsroom_view_section .newsroom_view_foot .tag_list { display: flex; }
#newsroom_view_section .newsroom_view_foot .tag_list .tit { font-size: 14px; color: #333; font-weight: bold; margin-right: 30px; line-height: 30px; }
#newsroom_view_section .newsroom_view_foot .tag_list ul {  }
#newsroom_view_section .newsroom_view_foot .tag_list ul li { display: inline-block; margin-right: 5px; margin-bottom: 5px; }
#newsroom_view_section .newsroom_view_foot .tag_list ul li a { display: block; font-size: 14px; color: #666; background-color: #ebebeb; height: 30px; line-height: 30px; border-radius: 3px; padding: 0 15px; }
#newsroom_view_section .newsroom_view_foot .tag_list ul li a:hover { background-color: #00578a; color: #fff; }

#newsroom_view_section .newsroom_view_foot .file_list ul li { display: inline-block; margin-right: 20px; }
#newsroom_view_section .newsroom_view_foot .file_list ul li img { display: inline-block; vertical-align: middle; margin-right: 5px; }
#newsroom_view_section .newsroom_view_foot .file_list ul li a { display: inline-block; font-size: 13px; color: #848796; border-bottom: 1px solid #848796; }
#newsroom_view_section .viewList { display: block; margin: 0 auto; margin-top: 30px; width: 150px; height: 50px; line-height: 50px; border: 1px solid #333; font-size: 16px; color: #333; text-align: center; }


@media screen and (max-width: 840px){
#newsroom_view_section .newsroom_view_head { border-bottom: 1px solid #d6d6d6; padding: 30px 0; padding-top: 0; }
#newsroom_view_section .newsroom_view_head .cate { font-size: 16px; color: #00a2e1; margin-bottom: 15px; }
#newsroom_view_section .newsroom_view_head .title { font-size: 40px; color: #222; line-height: 45px; font-weight: bold; margin-bottom: 15px; margin-bottom: 30px; }
#newsroom_view_section .newsroom_view_head .date { font-size: 14px; color: #7b7b7b; }
#newsroom_view_section .newsroom_view_head .file_list { margin-top: 20px; }
#newsroom_view_section .newsroom_view_head .file_list ul li { display: inline-block; margin-right: 20px; }
#newsroom_view_section .newsroom_view_head .file_list ul li img { display: inline-block; vertical-align: middle; margin-right: 5px; }
#newsroom_view_section .newsroom_view_head .file_list ul li a { display: inline-block; font-size: 13px; color: #848796; border-bottom: 1px solid #848796; }
#newsroom_view_section .newsroom_view_body { min-height: 50vh; padding: 50px 0; box-sizing: border-box; }


#newsroom_view_section .newsroom_write_head { padding:10px 0; padding-top: 0; }
#newsroom_view_section .writehead_1 {padding: 1.5rem;width: 100%;height: 1.5rem;font-size:17px;line-height: 1.5;letter-spacing: -0.04em;color: #000; resize: none;appearance: none;border:1px solid #ddd;border-radius: 0;background-color: transparent; box-sizing: border-box;}
#newsroom_view_section .writehead_2 {padding: 1.5rem;width: 100%;height: 1.5rem;font-size:17px;line-height: 1.5;letter-spacing: -0.04em;color: #000; resize: none;appearance: none;border:1px solid #ddd;border-radius: 0;background-color: transparent; box-sizing: border-box;}
#newsroom_view_section .writehead_3 {padding: 1.5rem;width: 100%;height: 20.5rem;font-size:17px;line-height: 1.5;letter-spacing: -0.04em;color: #000;resize: none; border:1px solid #ddd; border-radius: 0; background-color: transparent;box-sizing: border-box;}
#newsroom_view_section .writehead_4 {width: 100%;padding:10px;line-height: 1.5;letter-spacing: -0.04em;color: #000;resize: none; border:1px solid #ddd; border-radius: 0; background-color: transparent;box-sizing: border-box;}
#newsroom_view_section .newsroom_write_body { padding:20px 0; box-sizing: border-box; }


#newsroom_view_section .newsroom_view_foot { border-bottom: 1px solid #d6d6d6; padding: 30px 0; }
#newsroom_view_section .newsroom_view_foot .tag_list { display: flex; }
#newsroom_view_section .newsroom_view_foot .tag_list .tit { font-size: 14px; color: #333; font-weight: bold; margin-right: 30px; line-height: 30px; }
#newsroom_view_section .newsroom_view_foot .tag_list ul {  }
#newsroom_view_section .newsroom_view_foot .tag_list ul li { display: inline-block; margin-right: 5px; margin-bottom: 5px; }
#newsroom_view_section .newsroom_view_foot .tag_list ul li a { display: block; font-size: 14px; color: #666; background-color: #ebebeb; height: 30px; line-height: 30px; border-radius: 3px; padding: 0 15px; }
#newsroom_view_section .newsroom_view_foot .tag_list ul li a:hover { background-color: #00578a; color: #fff; }

#newsroom_view_section .newsroom_view_foot .file_list ul li { display: inline-block; margin-right: 20px; }
#newsroom_view_section .newsroom_view_foot .file_list ul li img { display: inline-block; vertical-align: middle; margin-right: 5px; }
#newsroom_view_section .newsroom_view_foot .file_list ul li a { display: inline-block; font-size: 13px; color: #848796; border-bottom: 1px solid #848796; }
#newsroom_view_section .viewList { display: block; margin: 0 auto; margin-top: 30px; width: 150px; height: 50px; line-height: 50px; border: 1px solid #333; font-size: 16px; color: #333; text-align: center; }
}




@media screen and (min-width:720px){

ul, ol, li {list-style: none;}
.history {clear: both; width:100%; text-align:center;}
.history_bg{position:relative; width:100%; text-align:center; display:table; }
.history_bg .bg_1, .history_bg .bg_2{position:absolute; display:block; width:100%; height:100%;}
.history_bg .bg_1{background:url(/n_content/images/home/history_bg_1.png) -10px 60px no-repeat}
.history_bg .bg_2{background:url(/n_content/images/home/history_bg_2.png) right 60% no-repeat}
.history .history_cont {position:relative; padding:0 0 40px 0; background: rgba(255, 255, 255, 0.4);}
.history_cont .centerline {width:2px; height:100%; background:#ccc; position:absolute; top:0; left:50%; z-index:-1}
dl.cont{position:relative;}
dl.cont>dt.year {position: relative;font-size:62px; font-weight:700; width:250px; height:250px; line-height:250px; border-radius:100%; background:#fff; display:inline-block; box-shadow:0px 7px 7px rgba(0,0,0,0.1);}
dl.cont>dd{padding:60px 0; position:relative;}
dl.cont>dd.h_left{margin-right:50%; text-align:right; padding-right:50px;}
dl.cont>dd.h_right{margin-left:50%; text-align:left; padding-left:50px;}
.text_bg{font-size:120px; color:#000; opacity:0.03; font-weight:800; position:absolute}
.text_bg.left{left:100px; top:45%;}
.text_bg.right{right:100px; top:45%;}
dl.cont>dd>li{font-size:23px; color:#555; letter-spacing:-0.5px; line-height:33px; position:relative; margin-bottom:60px;}
dl.cont>dd.h_left>li{padding-right:45px;}
dl.cont>dd.h_right>li{padding-left:45px;}
dl.cont>dd>li:before {content:""; width:12px; height:12px; border-radius:100%; background:#fff; display:inline-block; position: absolute;}
dl.cont>dd>li:last-child{margin-bottom:0px}
dl.cont>dd>li>em{font-size:20px; color:#333; letter-spacing:0; font-weight:700; position: absolute;}
dl.cont>dd.h_left li em {float:right; margin-left:20px; right:0px;}
dl.cont>dd.h_right li em {float:left; margin-right:20px; left:0px}
dl.cont.ty01>dd>li:before {border:4px solid #0085f2; right:-61px;}
dl.cont.ty02>dd>li:before {border:4px solid #0085f2; left:-59px;}
.sub_text{font-size:14px; color:#777; letter-spacing:-0.5px; display:block}
.history_cont *{
transition:all 0.4s;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;}
dl.cont>dt.year {cursor: pointer;outline: none;-webkit-tap-highlight-color: transparent;}
dl.cont>dt{margin-bottom: 60px;}
dl.cont.active>dt{margin-bottom: 0;}
dl.cont>dd{display: none;}
dl.cont.active>dd{display: block;}
dl.cont>.text_bg{display: none;}
dl.cont.active>.text_bg{display: block;}
dl.cont.ty01>dt.year{color:#fff; background: #003c83;}
dl.cont.ty02>dt.year{color:#fff; background: #003c83;}
dl.cont.active.ty01>dt.year{color:#003c83; background: #ffffff;border:4px solid #003c83;}
dl.cont.active.ty02>dt.year{color:#003c83; background: #ffffff;border:4px solid #003c83;}
dl.cont>dt.year:after{position: absolute;bottom: 25px;left: 50%;margin-left: -6px;content: '';display: inline-block;}
dl.cont>dt.year:after{  width: 0;  height: 0;  border-left: 7px solid transparent;  border-right: 7px solid transparent;  border-top: 12px solid #fff;}
dl.cont.active>dt.year:after{  border-top: none;}
dl.cont.active.ty01>dt.year:after{border-bottom:12px solid #0085f2;}
dl.cont.active.ty02>dt.year:after{border-bottom:12px solid #0085f2;}

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

ul, ol, li {list-style: none;}
.history {clear: both; width:100%; text-align:center;}
.history_bg{position:relative; width:100%; text-align:center; display:table; }
.history_bg .bg_1, .history_bg .bg_2{position:absolute; display:block; width:100%; height:100%;}
.history_bg .bg_1{background:url(/n_content/images/home/history_bg_1.png) -10px 60px no-repeat}
.history_bg .bg_2{background:url(/n_content/images/home/history_bg_2.png) right 60% no-repeat}
.history .history_cont {position:relative; padding:0 0 40px 0; background: rgba(255, 255, 255, 0.4);}
.history_cont .centerline {    left: 40px;}
.history_cont .centerline {width: 2px;    height: 100%;    background: #ccc;    position: absolute;    top: 0;    left: 40px;   z-index: -1;}
dl.cont{position:relative;}
dl.cont>dt.year {font-size: 40px;    width: 100%;    height: 92px;    line-height: 80px;    border-radius: 50px;    box-shadow: none;}
dl.cont>dd{padding:60px 0; position:relative;}dl.cont>dd.h_left{     margin-right: 0;    margin-left: 40px;    text-align: left;    padding-right: 0;    padding-left: 50px;}
dl.cont>dd.h_right{       margin-right: 0;    margin-left: 40px;    text-align: left;    padding-right: 0;    padding-left: 50px;}
.text_bg{font-size:120px; color:#000; opacity:0.03; font-weight:800; position:absolute}
.text_bg.left{left:100px; top:45%;}
.text_bg.right{right:100px; top:45%;}
dl.cont>dd>li{font-size:18px; color:#555; letter-spacing:-0.5px; line-height:22px; position:relative; margin-bottom:60px;}
dl.cont>dd.h_left>li{padding-left:45px;}
dl.cont>dd.h_right>li{padding-left:45px;}
dl.cont>dd>li:before {content:""; width:12px; height:12px; border-radius:100%; background:#fff; display:inline-block; position: absolute;}
dl.cont>dd>li:last-child{margin-bottom:0px}
dl.cont>dd>li>em{font-size:20px; color:#333; letter-spacing:0; font-weight:700; position: absolute;}
dl.cont>dd.h_left li em {float: none;    float: left;    margin-left: 0;    right: auto;    margin-right: 20px;    left: 0px;}
dl.cont>dd.h_right li em {float:left; margin-right:20px; left:0px}
dl.cont.ty01>dd>li:before {border:4px solid #0085f2; left:-59px;}
dl.cont.ty02>dd>li:before {border:4px solid #0085f2; left:-59px;}
.sub_text{font-size:14px; color:#777; letter-spacing:-0.5px; display:block}
.history_cont *{transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;}
dl.cont>dt.year {cursor: pointer;outline: none;-webkit-tap-highlight-color: transparent;}
dl.cont>dt{margin-bottom: 60px;}
dl.cont.active>dt{margin-bottom: 0;}
dl.cont>dd{display: none;}
dl.cont.active>dd{display: block;}
dl.cont>.text_bg{display: none;}
dl.cont.active>.text_bg{display: none;}
dl.cont.ty01>dt.year{color:#fff; background: #003c83;}
dl.cont.ty02>dt.year{color:#fff; background: #003c83;}
dl.cont.active.ty01>dt.year{color:#003c83; background: #ffffff;border:4px solid #003c83;}
dl.cont.active.ty02>dt.year{color:#003c83; background: #ffffff;border:4px solid #003c83;}
dl.cont>dt.year:after{
font-size: 40px;    width: 100%;    height: 92px;    line-height: 80px;    border-radius: 50px;    box-shadow: none;}
dl.cont.active>dt.year:after{  border-top: none;}
dl.cont.active.ty01>dt.year:after{border-bottom:12px solid #0085f2;}
dl.cont.active.ty02>dt.year:after{border-bottom:12px solid #0085f2;}
}