@charset "UTF-8";

@font-face {
  font-family:"LatoBold";
  src:url('/fonts/lato-bold.eot');
	src:local('※'),
		url('/fonts/lato-bold.eot?#iefix') format('embedded-opentype'),
	  url('/fonts/lato-bold.woff') format('woff'),
    url('/fonts/lato-bold.woff2') format('woff2');
	font-style:normal;
  font-weight:bold;
}

.visual_text_area .btn_visual_logo_sub{
  display: block;
  width: 268px;
  height: 28px;
  box-sizing: border-box;
  margin: 16px auto 0;
  background: url(../images/main/img_logo_sub.png) left top no-repeat;
  background-size: 268px 28px;
  text-indent: -999em;
}

.content .section_wrap .notice_area .notice_list li .notice_txt{word-break: normal;}
.content .section_wrap .notice_area .notice_list li.wide .notice_txt span.desc{word-break: normal;}
.content .section_wrap .notice_area .notice_list li.wide .notice_txt span.title{word-break: normal;}
.contact_us .top_area ul.box_cont li{width: 25%;}

.content .section_wrap .notice_area h2,.container .top_visual_box h2 strong,.top_news .title_area p.title,.category_area ul.top_tab li a,.category_area ul.top_tab li.on a,h3,.container h2.bg{font-family:"LatoBold" !important;}

.location .office_cont .office_container .office_section .location_traffic dl dd.bus span {
    width: 100px;
}

.category_area ul.top_tab li a {
    padding-top: 42px;
}

.container .content_wrap aside.aside .search_area a.btn_search span.icon {

    left: 3.2rem;
}

.location .office_cont .office_container .office_section .location_info .info_text .btn_center_box a.google:before {
  position: absolute;
  top: 15px;
  left: 14px;
}
.office .content ul.cont_list li.wide.bg4{background: rgba(255, 255, 255, 0.95) url('../images/common/pc/bg_office_list04.jpg') no-repeat 50% -11px}
.office .visual_area .contribution_list ul li a{
  padding: 33px 0 49px 0;
}
.office .content ul.cont_list li .normal span {
  font-size: 15px;
}
.office .content ul.cont_list li a .text span {
  font-size: 14px;
}
.office .content ul.cont_list li a .text{
  font-size: 19px;
  position: absolute;
  bottom: 44px;
  left: 0;
  margin-left: 39px;
  font-size: 20px;
  color: #222;
  font-weight: normal;
  font-family: 'NotoSansMedium' !important;
}
.office .content ul.cont_list li .normal {
  padding: 122px 40px;
  height: 504px;
  background: url(../images/common/pc/img_office_list00.jpg) no-repeat left top;
}
.office .visual_area.global .page_tab li a.on {
  /* letter-spacing: -1.5px; */
}
.history.visual_area .history_slide ul.slide li .content_view.bg6 ul.sequence{
  letter-spacing: -1px;
}
.history.visual_area .history_slide ul.slide li .content_view.bg3 ul.sequence{
  letter-spacing: -1px;
}
.history.visual_area .history_slide ul.slide li .content_view ul.sequence li{
  line-height: 1.5;
  letter-spacing: 0px;
}
.history.visual_area .history_slide ul.slide li .content_view ul.sequence li span{
  font-style: oblique;
}
.history.visual_area .history_slide .bx-controls .bx-pager{
  margin: 22px auto;
}

.history.visual_area .history_slide ul.slide li .content_view h2{font-weight: normal !important}
.history.visual_area .history_slide ul.slide li .content_view p.txt{
  line-height: 1.5;
  letter-spacing:0px;  
}
.history.visual_area .history_slide ul.slide li .content_view p.txt.letter_m32{
	letter-spacing:-0.32px;
}
.layer_exemption .layer_cont{
  overflow-y: scroll;
}
.office .content ul.cont_list li.center a{
  padding-top: 15px;
}
.office .content ul.cont_list li.center a .text.no_line {
  border-top: 0;
  padding-top: 31px;
}
.office .content ul.cont_list li a .title {
  margin-left: 9px;
  margin-top: 5px;
  font-size: 90px;
  color: #ba2e12;
  font-weight: bold;
  font-family: 'Lato' !important;
  letter-spacing: -0.04em;
  display: block;
}
#defaultArea .news_content_area{padding-bottom: 166px;}
.contact_us .top_area ul.box_cont{padding: 40px 0 40px 86px;}

.top_news .title_area p.title{word-break: normal;}

.banner_wrap > div.banner_big span.desc{word-break: normal;}

.office .content ul.cont_list li.transparent a .title{padding:0px 1px; line-height:1.5; font-size:17px;}

.office .content ul.cont_list li a .svgContainer{width:85%}

.history.visual_area .history_slide ul.slide li .content_view{height:940px;}
.history.visual_area .history_slide ul.slide li .content_view ul.sequence{margin:260px auto 0 auto}
.history.visual_area .history_slide ul.slide li .content_view.bg4 ul.sequence{margin-top:220px}

.content .section_wrap .promotion_area .slide_wrap ul.slide_list li .slide_box .text .title{line-height:1.35}

/* 20191011 블릿 추가 */
.location .pagination {display: none;}

@media screen and (max-width: 1115px){
  .office .content ul.cont_list li .normal{
    padding-top: 92px;
  }
}
@media screen and (max-width: 1060px){
  .office .content ul.cont_list li .normal{
    padding-top: 81px;
  }
}

@media screen and (max-width: 1024px) {
  .visual_text_area{top:45%;transform: translate(-50%, -50%);animation-name: moTextAni_sub !important;}
  .history.visual_area .history_slide ul.slide li .content_view p.txt{
  	line-height:1.67;  
  }
  .history.visual_area .history_slide ul.slide li .content_view p.txt.letter_m32{
  	letter-spacing:0px;
  }
  .history.visual_area .history_slide ul.slide li .content_view ul.sequence li{
  	line-height:1.67;
  }
  @keyframes moTextAni_sub {
    from {
      transform: translate(-50%, -20%);
      opacity: 0;
    }
    to {
      transform: translate(-50%, -50%);
      opacity: 1;
    }
  }
  .visual_text_area .btn_visual_logo_sub{
    width: 17.2949rem;
    height: 1.8069rem;
    background-size: 17.2949rem 1.8069rem;
    margin-top: 0.883rem;
  }
  .history.visual_area .history_slide ul.slide li .content_view{height:1200px;} /* 년도별 컨텐츠 내용을 바꿀때, 높이 확인 필수 */
  .history.visual_area .history_slide ul.slide li .content_view ul.sequence{margin:13.375rem auto 0 auto;}
  .history.visual_area .history_slide ul.slide li .content_view.bg4 ul.sequence{
    margin-top: 12.375rem;
  }
  .history.visual_area .history_slide ul.slide li .content_view.bg2 ul.sequence{
    margin-top: 13.375rem;
  }  
  .btn_view{display:inline-block;}
  .btn_view:after{top:0.4rem}
  .location .office_cont .office_tab li:last-child{
    padding-right:4.333rem;
  }
  .location .office_top li{
    width:5%;
  }
  .location .office_top li a {
      line-height: 1.35;
      padding-top: 6.09171rem;
    }
  .location .office_top li.seoul a {
    /* width:37%;
    padding-top: 4.666rem; */
  }

    footer.footer_wrap .footer .address  , .footer.mo .footer_menu {
        width: 20rem;
    }
    .location .office_top li:last-child{
      width:16%;.
    }
    .container .content_wrap article.content .search_area .btn_search:after {
        left: 36%;
    }

    .location .office_cont .office_container .office_section .location_traffic dl dd.bus li span {
        width: 6.333rem;
    }

    .location .office_cont .office_container .office_section .location_traffic dl dd.bus li {
        text-indent: -6.7rem;
        padding-left: 6.7rem;
    }

    .result_top .tag {
        margin-top: 0.7rem;
    }
    .category_area ul.top_tab li a,.category_area ul.top_tab li.on a {
        padding-top: 2.658rem;
    }
    .layer.layer_exemption {
        width: 100%;
        height: 100%;
        max-height: 100%;
        overflow-y: scroll;
        border-top: 0.17rem solid #ba2e12;
        box-sizing: border-box;
        transition: all 0.5s ease-out;
        transform:  translate(-50%, -50%);
        padding: 1.313rem 1.667rem;
      }
      .layer .layer_cont {
        overflow: inherit;
    }

    /* .office .visual_area .page_tab li a{font-size:1.317rem;} */
    .office .visual_area .page_tab li:nth-of-type(3) a{
      /* line-height: 1.4; */
    }

    .office .content ul.cont_list li a .svgContainer{
      width: 60%;
    }
    .contact_us .top_area ul.box_cont{
      padding: 20px 0 14px 20px;
    }

    .global_wrap .location_list_mo .box_gray .box_open ul li.donotuse button{

    }
}

@media screen and (min-width:901px) and (max-width: 1024px){
  .location .office_top li:first-child a {
    right: -100%;
  }
}
@media screen and (max-width: 900px) {

  .location .office_top li:first-child a {
        font-size: 0%;
        right: 0;
        padding-top: 6rem;
        /* padding-top: 6.4167rem; */
        visibility: hidden;
      }
      .location .office_top li:first-child a:after {
        position: absolute;
        visibility: visible;
        display: inline-block;
        /* width: 2.166rem; */
        width: 4.332rem;
        height: 3.166rem;
        /* height: 2.166rem; */
        /* border-top: 3px solid #fff;
        border-right: 3px solid #fff; */
        /* background: none; */
        /* transform: rotate(-135deg); */
        margin:0;padding:0;
        background: url(../images/common/mo/ico_arrow_left.png) no-repeat center;
        background-size: contain;
      }

      .location .office_top li:last-child a {
        font-size: 0%;
        left: 0;
        width: 100%;
        padding-top:6rem;
        /* padding-top:6.4167rem; */
        visibility: hidden;
      }

      .location .office_top li:last-child a:after {
        visibility: visible;
        display: inline-block;
        /* width: 2.166rem; */
        width: 4.332rem;
        height: 3.166rem;
        /* height: 2.166rem; */
        /* border-top: 3px solid #fff;
        border-right: 3px solid #fff; */
        /* background: none; */
        /* transform: rotate(-315deg); */
        margin:0;padding:0;
        background: url(../images/common/mo/ico_arrow_right.png) no-repeat left center;
        background-size: contain;
      }

      .location .top_wrap {
        position: relative;
      }

      .location .pagination {
        display: block;
        position: absolute;
        bottom:8%;
        left: 50%;
        padding: 0;
        margin: 0;
        transform: translateX(-50%);
      }

      .location .pagination li {
        display: inline-block;
        width: auto;
        margin-right: 10px;
      }

      .location .pagination li:last-child {
        margin-right: 0;
      }

      .location .pagination li a {
        display: block;
        width: 15px;
        height: 15px;
        text-indent: -9999px;
        border-radius: 100%;
        background-color:#aaa;
      }

      .location .pagination li.on a {
        background-color: #fff;
      }

}

@media only screen and (max-height: 480px) and (min-width: 480px) and (orientation: landscape) {
  .visual_text_area{top:41%}
  .location .office_top li:last-child {
      width: 12%;
  }

}


@media print{
  .location .office_cont .office_tab{padding-top:20px !important}
  .location .office_cont .office_tab li a{height:30px !important}
  .location .office_cont .office_container .office_section .location_info .info_text .title{margin:10px 0 !important}
  .location .office_cont .office_container .office_section .location_traffic dl{padding-top: 8px !important;padding-bottom: 24px !important;}
}