@charset "utf-8";
@import url('./fonts.css');
*{
    margin: 0;
    padding: 0;
}
html, body{
    width: 100%;
    height: 100%;
    font-size: 62.5%;
}
body{
    font-size: 1.8rem; /* 사이트 최소 글자 크기 1.8rem (html 62.5% 는 rem 기준값이라 유지) */
}
html{
    font-family:'paperlogy', sans-serif;
    -webkit-font-smoothing:  antialiased;
}
body * {
    word-break: keep-all;
    -ms-word-break: keep-all;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family:'paperlogy',sans-serif;
    -webkit-text-size-adjust:  100% !important;
    -moz-text-size-adjust:  100% !important;
    -ms-text-size-adjust:  100% !important;
}
body, h1, h2, h3, h4, h5, h6, th, td, input, textarea, select, option{
    color: #555;
    font-family:'paperlogy',sans-serif;
    font-size: 1.8rem; /* 사이트 최소 글자 크기 1.8rem */
    font-weight: normal
}
br{
    font-family:'paperlogy',sans-serif;
}
article,  aside,  details,  figcaption,  figure,  footer,  header,  hgroup,  menu,  nav,  section, svg {
    display:  block;
}
table {
    border-collapse:  collapse;
    border-spacing:  0;
}
img, fieldset, iframe{
    border: 0 none
}
ul, ol, li{
    list-style: none
}
em, address{
    font-style: normal
}
img, input, select, textarea{
    vertical-align: middle
}
input{
    -webkit-appearance:  none;
    -webkit-border-radius:  0;
}
a{
    color: inherit;
    text-decoration: none;
    cursor: pointer
}
a:hover{
    color: inherit;
    text-decoration: none
}
button, label{
    cursor: pointer;
}
button{
    background: 0;
    border: 0;
    outline: 0;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit
}
button img{
    left: -3px;
}
/* 화살표 아이콘 공통 기본값: /resources/images/common/arrow.svg 기반.
   과거 common.js가 .arrow_prev/.arrow_next/.arrow_down 요소에 매번 <svg>를 append 하던 방식은
   제거되었고(중복 표시 방지), 여기서 CSS만으로 기본 아이콘을 제공합니다.
   특정 영역(예: board_wrap, business_wrap 등)은 이 아래에서 더 구체적인 선택자로 재정의합니다. */
.arrow_prev,.arrow_next,.arrow_down{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.arrow_prev::after,.arrow_next::after,.arrow_down::after{
    content: "";
    display: block;
    width: 18px;
    height: 13px;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
}
.arrow_next::after{
    transform: scaleX(-1);
}
.arrow_down::after{
    transform: rotate(-90deg);
}
html:first-child select{
    height: 20px;
    padding-right: 6px
}
option{
    padding-right: 6px
}
textarea{
    overflow: auto;
    margin: -1px 0;
    padding-right: 1px
}
.blind,  legend,  caption{
    position:  absolute !important;
    height:  1px;
    width:  1px;
    overflow:  hidden;
    clip:  rect(1px 1px 1px 1px);
    clip:  rect(1px,  1px,  1px,  1px);
}
blockquote,  q {
    quotes:  none;
}
blockquote:before,  blockquote:after,  q:before,  q:after {
    content:  '';
    content:  none;
}
hr{
    display: none
}
legend * {
    width: 0
}
:root legend {
    margin-top: -1px;
    font-size: 0;
    line-height: 0
}
caption * {
    line-height: 0
}
sub {
    font-size: 1.8rem;
}
#bg{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 1001;
}
.e_{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box
}
/* module --------------------------------------------------------------------------------------------------------------------*/
/* -------- 수정시 재선언하시거나 해당 클래스명을 지워주세요 -------- */
/* con */
[class*="con-"][class*="-width1"]{
    position: relative;
    max-width:  1480px;
    width:  90%;
    margin: 0 auto;
}
[class*="con-"][class*="-width2"]{
    position: relative;
    max-width:  1320px;
    width:  90%;
    margin: 0 auto;
}
[class*="-layout"]{
    position: relative;
}
/* col */
[class*="col-"][class*="-1"]{
    width:  100% !important;
}
[class*="col-"][class*="-2"]{
    width:  50% !important;
}
[class*="col-"][class*="-3"]{
    width:  33.33% !important;
}
[class*="col-"][class*="-4"]{
    width:  25% !important;
}
[class*="col-"][class*="-5"]{
    width:  20% !important;
}
[class*="col-"][class*="-6"]{
    width:  16.66% !important;
}
[class*="col-"][class*="-7"]{
    width:  14.28% !important;
}
[class*="col-"][class*="-8"]{
    width:  12.5% !important;
}
/* con */
[class*="con-"][class*="-1000"]{
    width:  1000px;
    margin: 0 auto;
}
[class*="con-"][class*="-1100"]{
    width:  1100px;
    margin: 0 auto;
}
[class*="con-"][class*="-1200"]{
    width:  1200px;
    margin: 0 auto;
}
[class*="con-"][class*="-1300"]{
    width:  1300px;
    margin: 0 auto;
}
[class*="con-"][class*="-1400"]{
    width:  1400px;
    margin: 0 auto;
}
[class*="con-"][class*="-1500"]{
    width:  1500px;
    margin: 0 auto;
}
[class*="m-"][class*="-width1"]{
    width:  93%;
    margin: 0 auto;
}
/* lang ko en */
#container [lang="ko"]{
    font-family:'paperlogy',sans-serif !important;
}
#container [lang="en"]{
    font-family:'paperlogy',sans-serif !important;
}
/* module --------------------------------------------------------------------------------------------------------------------*/
/* container */
#wrap,  #container {
    width: 100%;
    position:  relative;
    overflow: hidden;
}
#contents {
    position: relative;
}
#wrap .inner *{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body::-webkit-scrollbar{
    width: 0px;
}
body::-webkit-scrollbar-thumb {
    background-color:  transparent;
    border-radius: 10px;
}
body::-webkit-scrollbar-track {
    background-color: transparent;
}
/* header */
#wrap header{
    position: fixed;
    top: 0;
    left:  0;
    width: 100%;
    transition:  0.3s;
    z-index:  1000;
}
#wrap header *{
    box-sizing: border-box;
}
#wrap header .header_wrap *{
    box-sizing: border-box;
}
#wrap header .header_wrap{
    position:  relative;
    height:  110px;
    padding:  0 60px;
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    justify-content:  space-between;
}
/* h1-ci.svg 비율(766x375)에 맞춰 높이 55px 기준으로 너비 조정 (왜곡 방지) */
#wrap header .main_logo{
    position:  relative;
    width:  112.35px;
    height:  55px;
    z-index:  1200;
}
#wrap header .main_logo a{
    display:  inline-block;
    width:  100%;
    height:  100%;
}
#wrap header .main_logo a svg{
    width:  100%;
    height:  100%;
}
#wrap header .area_r{
    height:  100%;
    right: 0;
    top: 0;
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
}
#wrap header .search_btn{
    width: 25px;
    height: 25px;
    margin-left:  50px;
    display:  block;
    cursor:  pointer;
}
#wrap header .search_btn svg{
    width: 100%;
    height: 100%;
}
#wrap header .search_btn svg *{
    stroke: #fff;
}
#wrap header .util_wrap{
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    margin-right:  50px;
}
#util_list .language{
    position: relative;
    font-weight:  600;
    font-size:  1.8rem;
    font-family:'paperlogy',sans-serif;
    text-align:  left;
}
#util_list .language:after{
    display: block;
    content: "";
}
#util_list .language .title{
    position: relative;
    color:  #fff;
    text-transform:  uppercase;
    font-size:  1.8rem;
    transition:  0.3s;
}
#util_list .language .title span{
    display:  inline-block;
    content:  "";
    width:  5px;
    height:  5px;
    margin-top:  3px;
    margin-left:  7px;
    border:  2px solid #fff;
    transform:  rotate(45deg);
    border-top:  0;
    border-left:  0;
    vertical-align:  top;
    transition:  0.3s;
}
#util_list .language.open .title span{
    transform:  rotate(-135deg);
    margin-top:  6px;
}
#util_list .language .list{
    position:  absolute;
    width:  78px;
    top:  25px;
    right:  0;
    background:  #fff;
    box-sizing:  border-box;
    display:  none;
    text-align:  center;
    /* box-shadow: 5px 5px 20px rgb(0 0 0 / 10%); */
    text-transform:  uppercase;
    border:  1px solid #bcbbc2;
}
#util_list .language .list li{
    line-height:  25px;
}
#util_list .language .list li:hover a{
    color:  #fff !important;
    background:  #bcbbc2;
}
#util_list .language .list li a{
    position: relative;
    width:  100%;
    height:  100%;
    display:  block;
    color:  #888888;
    transition:  0.3s;
}
#util_list .language .list li + li{
    border-top:  1px solid #bcbbc2;
}
#wrap header #nav{
    color:  #fff;
    font-size:  2rem;
    height:  100%;
    display:  flex;
    flex-wrap:  wrap;
}
#wrap header #nav .gnb{
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    height:  100%;
}
#wrap header #nav [class*="menu"]{
    text-align:  center;
    height:  100%;
}
#wrap header #nav [class*="menu"] + [class*="menu"]{
}
#wrap header #nav [class*="menu"] > a{
    position:  relative;
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    justify-content:  center;
    padding:  0 70px;
    height:  100%;
}
#wrap header #nav [class*="menu"]:not(:last-child) > a:before{
    display: block;
    content: "";
    width:  1px;
    height:  14px;
    position:  absolute;
    top:  50%;
    right:  0;
    transform:  translateY(-50%);
    background:  rgba(255, 255, 255, 0.5);
}
#wrap header #nav [class*="menu"] > a:after{
    position:  absolute;
    content:  '';
    left:  70px;
    bottom:  0px;
    transform:  scaleX(0);
    transition:  .3s ease-out;
    width:  calc(100% - 140px);
    height:  2px;
    transform-origin:  center;
    background:  #0096e0;
    z-index:  100;
}
#wrap header #nav [class*="menu"]:hover > a:after{
    transform: scaleX(1);
    transition:  .3s ease-out;
}
#wrap header #nav [class*="menu"] > a > p{
    position:  relative;
}
#wrap header #nav [class*="menu"] > a > p span{
}
#wrap header #nav .lnb{
    display:  none;
    position:  absolute;
    top:  calc(100% - 1px);
    left:  0;
    width:  100%;
    text-align:  left;
    background:  #fff;
    border-top:  1px solid #e5e5e5;
    z-index:  10;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
#wrap header #nav .lnb .inner{
    padding:  60px 0;
    display:  flex;
    flex-wrap:  wrap;
    width:  100%;
    max-width:  1024px;
}
#wrap header #nav .lnb .info{
    width:  300px;
    border-right:  1px solid #e5e5e5;
}
#wrap header #nav .lnb .info .dep1{
    font-size:  3.2rem;
    color:  #0096e0;
    font-weight:  600;
    line-height:  1em;
    letter-spacing:  2px;
}
#wrap header #nav .lnb .info .txt1{
    font-size:  1.8rem;
    color:  #777;
    font-weight:  400;
    line-height:  1.85;
    margin-top:  22px;
}
#wrap header #nav .lnb .dep2{
    width:  calc(100% - 300px - 360px);
    text-align:  left;
    padding-left:  50px;
}
#wrap header #nav .lnb .dep2 > li{
    width:  100%;
}

#wrap header #nav .lnb .dep2 > li:not(:last-child) a {
    margin-bottom: 20px;
}
#wrap header #nav .lnb .dep2 > li > a{
    display:  block;
    width: 100%;
    font-size:  1.9rem;
    color:  #222222;
    font-weight:  500;
    letter-spacing:  0.5px;
    line-height:  1;
    word-break:  keep-all;
}
#wrap header #nav .lnb .dep2.list5{
    justify-content:  space-between;
    padding-right:  100px;
}
#wrap header #nav .lnb .dep2.list5 > li{
    width: auto;
}
#wrap header #nav .lnb .dep3 > li + li{
    margin-top:  7px;
}
#wrap header #nav .lnb .dep3 > li > a{
    font-size:  1.8rem;
    color:  #777;
    font-weight:  400;
    letter-spacing:  0.25px;
    display:  inline-block;
}
#wrap header #nav .lnb .dep3 > li > a:hover{
    color: #0096e0;
    font-weight: 500;
}
#wrap header #nav .lnb .bg{
    width:  360px;
    height:  220px;
    overflow:  hidden;
    background:  #eee;
}
#wrap header #nav .lnb .bg span{
    display:  block;
    width:  100%;
    height:  100%;
}
header .hamburger_btn{
    position:  relative;
    width:  37px;
    height:  16px;
    background:  inherit;
}
header .hamburger_btn .line{
    position: relative;
    width:  100%;
    height:  2px;
    background: #fff;
    transition:  0.3s;
    display:  block;
}
header .hamburger_btn .line + .line{
    margin-top:  5px;
}

header .hamburger_btn.open .line:nth-child(1){
    transform:  translateY(7px) rotate(45deg);
}
header .hamburger_btn.open .line:nth-child(2){
    opacity:  0;
}
header .hamburger_btn.open .line:nth-child(3){
    transform:  translateY(-7px) rotate(-45deg);
}

#wrap header.act, #wrap header.active{
    background:  #fff;
}

#wrap header .main_logo a svg {
    filter: brightness(0) invert(1);
}

#wrap header.act .main_logo a svg,
#wrap header.active .main_logo a svg,
#wrap.pc.open header .main_logo a svg {
    filter: none;
}

#wrap header.act #nav, #wrap header.active #nav{
    color: #000;
}
#wrap header.act .hamburger_btn .line, #wrap header.active .hamburger_btn .line{
    background:  #000;
}
#wrap header.act .hamburger_btn .txt, #wrap header.active .hamburger_btn .txt{
    color:  #000;
    font-weight:  700;
}
#wrap header.act #util_list, #wrap header.active #util_list{
    color:  #000;
}
#wrap header.act #util_list .language .title, #wrap header.active #util_list .language .title{
    color:  #000;
}
#wrap header.act #util_list .language .title span, #wrap header.active #util_list .language .title span{
    border-color:  #000;
}

#wrap header.act #util_list li + li:before, 
#wrap header.act #nav [class*="menu"] > a:before, 
#wrap header.act #util_list li + li:before, 
#wrap header.active #nav [class*="menu"] > a:before, 
#wrap header.active #util_list li + li:before{
    background:  rgba(0, 0, 0, 0.5);
}

#wrap header.act .search_btn svg *, #wrap header.active .search_btn svg *{
    stroke: #000;
}
#wrap header.act .header_wrap,  #wrap header.active .header_wrap{
    border-bottom:  1px solid #e5e5e5;
}
body.hide:not(.menu_open) header{
    opacity: 0;
    transform: translate3d(0, -100%, 0);
}
#search_wrap{
    position:  fixed;
    width:  100%;
    top:  0;
    left:  0;
    background:  #f5f5f5;
    z-index:  1001;
    display:  none;
}
#search_wrap .close{
    position:  absolute;
    top:  50px;
    right:  70px;
    width:  30px;
    height:  30px;
    overflow:  inherit;
    z-index:  20;
}
#search_wrap .close:before,  #search_wrap .close:after{
    display: block;
    content: "";
    position:  absolute;
    top:  -4px;
    left:  14px;
    background:  #000;
    width:  2px;
    height:  38px;
    transform:  rotate(45deg);
}
#search_wrap .close:after{
    transform:  rotate(-45deg);
}
#search_wrap .inner{
    position:  relative;
    padding:  150px 0 180px;
}
#search_wrap .search_bar{
    position:  relative;
    width:  100%;
    height:  74px;
    display:  flex;
    flex-wrap:  wrap;
    border-bottom:  2px solid #000;
    align-items:  center;
}
#search_wrap .search_bar input{
    width:  calc(100% - 30px);
    height:  100%;
    background:  transparent;
    border:  0;
    outline:  0;
    padding:  0;
    font-family:'paperlogy',sans-serif;
    font-size:  3.3rem;
    color:  #000;
    font-weight:  400;
}
#search_wrap .search_bar input::placeholder{
    color: #999;
    font-weight: 300;
}
#search_wrap .search_bar .submit{
    width:  30px;
    height:  30px;
}
#search_wrap .search_bar .submit svg{
    width: 100%;
    height:  100%;
}
#search_wrap .hot_keyword{
    position:  relative;
    ;
    margin-top:  16px;
    width:  100%;
    display:  flex;
    flex-wrap:  wrap;
}
#search_wrap .hot_keyword .tit{
    position:  relative;
    width:  110px;
    font-size:  1.8rem;
    color:  #000;
    font-weight:  500;
}
#search_wrap .hot_keyword .tit:after{
    display:  block;
    content: "";
    width:  1px;
    height:  16px;
    background:  #c4c4c4;
    position:  absolute;
    top:  7px;
    right:  0;
}
#search_wrap .hot_keyword .items{
    width:  calc(100% - 110px);
    padding:  1px 20px 0 20px;
    font-size:  0;
}
#search_wrap .hot_keyword .items .i{
    background:  #f1f1f1;
    display:  inline-block;
    border-radius:  4px;
    border:  1px solid #e0e0e0;
    font-size:  1.8rem;
    color:  #777777;
    font-weight:  300;
    line-height:  1.2;
    padding:  0px 13px 2px 13px;
    margin:  3px;
}
.indicator .dot{
    display: flex;
}
.indicator .swiper-pagination-bullet{
    width:  9px;
    height:  9px;
    background:  transparent;
    border:  1px solid #fff;
    opacity:  1;
    border-radius:  9px;
    transition:  0.3s;
    vertical-align:  top;
    margin:  0;
    display:  inline-flex;
}
.indicator .swiper-pagination-bullet + .swiper-pagination-bullet{
    margin-left:  20px;
}
.indicator .swiper-pagination-bullet-active{
    width:  22px;
    background:  #fff;
    border:  0;
}
/* stcube.com 스타일: 햄버거 버튼 위치에서 원형으로 확대되며 화면 전체를 덮는 배경 */
.allmenuBg{
    display: block;
    position: fixed;
    width: 46px;
    height: 46px;
    background: #f5f5f5;
    border-radius: 50%;
    left: calc(97% - 18px);
    top: 47px;
    z-index: 1002;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.8s ease-in-out;
    pointer-events: none;
}
.allmenuBg.open{
    transform: translate(-50%, -50%) scale(150);
}
@media(max-width: 1279px){
    .allmenuBg{
        left: calc(97% - 15px);
    }
}
@media(max-width: 767px){
    .allmenuBg{
        top: 29px;
        left: calc(96% - 12px);
    }
}
/*allmenu*/
/* stcube.com 스타일: .allmenuBg가 원으로 화면을 덮는 동안(0.8s)은 투명하게 숨어 있다가,
   원이 화면을 다 덮은 시점에 맞춰 스냅으로 나타난다 (지연 0.8s, 트랜지션 시간 0) */
#allmenu{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width:  100vw;
    height: 100%;
    overflow:  hidden;
    background-color:  #f5f5f5;
    background-image: url('/resources/images/common/h1-ci.svg');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 220px auto;
    z-index: 1003;
    transform:  scale(0);
    visibility:  hidden;
    /* 닫힐 때는 트랜지션 없이 즉시 사라짐 (stcube.com과 동일) */
}
#allmenu.open{
    transform:  scale(1);
    visibility:  visible;
    /* .allmenuBg 원이 화면을 다 덮는 시점(0.8s)에 맞춰 지연 후 스냅으로 나타남 */
    transition:  transform 0s linear 0.8s,  visibility 0s linear 0.8s;
}
#allmenu *{
    box-sizing: border-box;
}
#allmenu h1.logo a{
    display: block;
    width: 100%;
    height: 100%;
}
#allmenu .close{
    position:  absolute;
    top:  45px;
    right:  50px;
    width:  40px;
    height:  40px;
    z-index:  20;
}
#allmenu .close span{
    position:  absolute;
    top:  0;
    background:  #fff;
    width:  2px;
    height:  100%;
}
#allmenu .close span:first-child{
    transform:  rotate(-45deg);
    left:  19px;
}
#allmenu .close span:last-child{
    transform:  rotate(45deg);
    left:  19px;
}
#allmenu .all_box{
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing:  border-box;
    overflow-y:  auto;
    z-index:  1;
    display: flex;
    justify-content: center;
    align-items: center;
}
#allmenu .all_box::-webkit-scrollbar{
    width: 12px;
    height:  0 !important;
}
#allmenu .all_box::-webkit-scrollbar-thumb {
    background-color:  #777;
    border-radius: 10px;
    border: 3px solid #f5f5f5;
}
#allmenu .all_box::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}
#allmenu .inner {
    position:  relative;
    max-width:  1700px;
    width:  100%;
    margin:  0 auto 170px;
    display:  flex;
    align-items:  center;
}
/* stcube.com 구조 참고: 좌측 이미지(imgwrap) */
#allmenu .inner .imgwrap{
    flex:  0 0 420px;
    /* max-width:  480px; */
    border-radius:  10px 10px 90px 10px;
    overflow:  hidden;
    opacity:  0;
    transform:  translateX(-60px);
}
/* stcube.com과 동일하게: 원(.allmenuBg)이 화면을 다 덮는 0.8s 시점부터 1.4s에 걸쳐 페이드인 */
#allmenu.open .inner .imgwrap{
    opacity:  1;
    transform:  translateX(0);
    transition:  all 1.4s 0.8s;
}
#allmenu .inner .imgwrap img{
    width:  100%;
    display:  block;
}
/* stcube.com 구조 참고: 우측 메뉴목록(allmenuwrap) */
#allmenu .inner .allmenuwrap{
    flex:  1;
    margin-left:  30px;
    box-sizing:  border-box;
    position:  relative;
}
#allmenu .inner .allmenuwrap > ul{
    color:  #000;
    width:  100%;   
    display: flex;
}
#allmenu .inner .allmenuwrap > ul > li{
    position:  relative;
    box-sizing:  border-box;
    width: calc(100% / 4);
    padding-left: 30px;
}
#allmenu .inner .allmenuwrap > ul > li:before,  #allmenu .inner .allmenuwrap > ul > li:last-child:after{
    display: block;
    content: "";
    position:  absolute;
    top:  50%;
    left:  0;
    width:  1px;
    height:  100vh;
    background:  rgba(255, 255, 255, 0.2);
    transform:  translateY(-50%);
}
#allmenu .inner .allmenuwrap > ul > li:last-child:after{
    left: auto;
    right: 0;
}
#allmenu .inner .allmenuwrap > ul > li + li{
    border-left:  1px solid #dcdcdc;
}
#allmenu .inner .allmenuwrap > ul > li > a{
    font-family:'paperlogy',sans-serif;
    display:  inline-block;
    font-size:  2.8rem;
    color:  #000;
    line-height:  1.2;
    font-weight:  600;
    margin-bottom:  20px;
    opacity:  0;
    transform:  translateX(-20px);
}
/* stcube.com과 동일하게: 대분류(카테고리) 링크는 0.8s 시점에 함께 나타남 */
#allmenu.open .inner .allmenuwrap > ul > li > a {
    opacity:  1;
    transform:  translateX(0);
    transition:  all 1s 0.3s;
}

#allmenu.open .inner .allmenuwrap a:hover {
    color: #0096e0;
}

#allmenu .inner .allmenuwrap > ul > li > ul{
    position:  relative;
    word-break:  keep-all;
}
#allmenu .inner .allmenuwrap > ul > li > ul > li + li{
    margin-top:  15px;
}
#allmenu .inner .allmenuwrap > ul > li > ul > li > a{
    position:  relative;
    font-size:  1.9rem;
    font-weight:  500;
    line-height:  1.2;
    color:  #000;
    display:  inline-block;
    letter-spacing:  -0.5px;
    transition:  0.3s;
    opacity:  0;
    transform:  translateX(-20px);
}
/* stcube.com과 동일하게: 중분류 항목은 각 카테고리마다 순서대로(0.05s 간격) 순차 페이드인 */

#allmenu.open .inner .allmenuwrap a:hover {
    opacity: 0.7;
}

#allmenu.open .inner .allmenuwrap > ul > li > ul > li > a{
    opacity:  1;
    transform:  translateX(0);
}
#allmenu .inner .allmenuwrap > ul > li > ul > li > ul{
    margin-top:  16px;
}
#allmenu .inner .allmenuwrap > ul > li > ul > li > ul > li + li{
    margin-top:  8px;
}
#allmenu .inner .allmenuwrap > ul > li > ul > li > ul > li > a{
    display:  inline-block;
    font-size:  1.8rem;
    color:  #777;
    font-weight:  400;
    letter-spacing:  -1px;
    transition:  0.3s;
}
#allmenu .inner .allmenuwrap > ul > li > ul > li > ul > li > a:hover{
    color: #0096e0;
}
#allmenu .close{
    position: absolute;
    right:  65px;
    top:  46px;
    width:  26px;
    height:  26px;
    z-index:  100;
}
#allmenu .close:before,  #allmenu .close:after{
    display:  block;
    content: "";
    position:  absolute;
    top:  -5px;
    left:  12px;
    background:  #000;
    transform:  rotate(-45deg);
    width:  2px;
    height:  calc(100% + 9px);
    transition:  0.3s;
    z-index: 10;
}
#allmenu .close:after{
    transform: rotate(45deg);
}
#wrap footer *{
    box-sizing: border-box;
}
footer{
    position:  relative;
    width:  100%;
    background:  #111111;
    font-size:  1.8rem;
    color:  rgba(255, 255, 255, 0.95);
    word-break:  keep-all;
}
footer .footer_wrap{
    position:  relative;
    width:  100%;
    padding: 45px 70px 50px;
    display:  flex;
    flex-wrap:  wrap;
}
footer .footer_wrap .logo{
    width:  374px;
}
footer .footer_wrap .logo svg{
    width:  230px;
    height:  26px;
}
footer .footer_wrap .logo svg *{
    fill:  #fff;
}
footer .footer_wrap .privacy_list{
    width:  230px;
    font-size:  1.8rem;
    font-weight:  400;
}
footer .footer_wrap .privacy_list li{
}
footer .footer_wrap .privacy_list li a{
}
footer .footer_wrap .privacy_list li + li{
    margin-top:  6px;
}
footer .footer_wrap .info{
    width:  calc(100% - 450px - 230px - 374px);
}
footer .footer_wrap .info .list{
}
footer .footer_wrap .info .list li{
    display:  flex;
    flex-wrap:  wrap;
}
footer .footer_wrap .info .list li + li{
    margin-top:  7px;
}
footer .footer_wrap .info .list li .dt{
    flex: 0 0 100px;
    font-family:'paperlogy',sans-serif;
    font-weight:  400;
    padding-top:  2px;
    color:  rgba(255, 255, 255, 0.9);
}
footer .footer_wrap .info .list li .dd{
    flex: 1 1 auto;
    font-weight:  300;
    color:  rgba(255, 255, 255, 0.8);
}
footer .footer_wrap .area_r{
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  flex-end;
    width:  450px;
}
footer .footer_wrap .copyright{
    font-size:  1.8rem;
    color:  rgba(255, 255, 255, 0.7);
    font-weight:  200;
    width:  100%;
    text-align:  right;
}
/*family site*/
#family_site{
    position:  relative;
    width:  250px;
    margin-top:  10px;
}
#family_site .btn{
    position:  relative;
    width:  100%;
    height:  40px;
    font-size:  1.8rem;
    color:  rgba(255, 255, 255, 0.9);
    font-weight:  300;
    text-align:  left;
    border:  1px solid rgba(255, 255, 255, 0.2);
    padding:  0px 20px;
    padding-bottom:  1px;
}
#family_site .btn:after{
    display:  block;
    content: "";
    position:  absolute;
    top:  14px;
    right:  20px;
    width:  6px;
    height:  6px;
    border:  1px solid rgba(255, 255, 255, 0.5);
    transform:  rotate(45deg);
    border-top:  0;
    border-left:  0;
}
#family_site .btn:hover:after{
    animation: lineActiveAnimation2 .9s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#family_site ul{
    position:  absolute;
    bottom:  100%;
    margin-bottom:  -1px;
    background:  #111;
    width:  100%;
    text-align:  left;
    border:  1px solid rgba(255, 255, 255, 0.2);
    font-size:  1.8rem;
    padding:  6px 0;
    z-index:  1000;
    display:  none;
}
#family_site ul li{
    height:  39px;
}
#family_site ul li a{
    padding-left:  22px;
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    width:  100%;
    height:  100%;
    transition:  0.2s;
}
#family_site ul li a:hover{
    color: #fff;
}
/* video popup */
#video-popup{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2000;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
#video-popup .popup-close{
    text-align: right;
    margin-bottom: 10px;
    cursor: pointer
}
#video-popup iframe{
    width: 1080px!important;
    height: 608px!important
}
#layer-popup .inner{
    width: 1200px;
    margin: 0 auto;
    height: 695px;
    padding: 100px 75px;
    background: #fff;
    box-sizing:  border-box;
}
#layer-popup .inner h1{
    text-align: left;
    font-size: 30px;
    font-weight: 500;
    color: #362e2b;
    line-height: 28px
}
#layer-popup .inner pre{
    width: 100%;
    margin: 0 auto;
    height: 432px;
    white-space: pre-wrap;
    overflow-y: scroll;
    box-sizing: border-box;
    border-top: 1px solid #cfcdcd;
    border-bottom: 1px solid #cfcdcd;
    background: #f5f5f5;
    font-family:'paperlogy',sans-serif;
    font-size: 1.8rem;
    color: #362e2b;
    padding: 50px 30px;
    margin-top: 28px
}
#layer-popup .inner pre table td, #text-popup .inner pre table th{
    border: 1px solid #000;
    padding: 2px
}
#layer-popup.find .inner{
    width: 650px;
    height: 468px;
    padding: 184px 0 0;
    background: #fff url(/resources/images/common/gnb-bg01.png) no-repeat center top
}
#layer-popup.find .inner .pop_title{
    text-align: center;
    font-family:'paperlogy',sans-serif;
    font-size: 26px;
    font-weight: 500;
    color: #362e2b
}
#privacy_popup{
    position:  fixed;
    top: 0;
    left: 0;
    padding:  70px 0 80px;
    width:  100%;
    box-sizing:  border-box;
    overflow-y:  auto;
    height: 100%;
    display:  none;
    z-index:  2005;
}
#privacy_popup .txt1{
    font-size:  1.8rem;
    color:  #666;
    line-height:  1.9;
    font-weight:  400;
    letter-spacing:  -0.25px;
    word-break:  keep-all;
}
#privacy_popup .container{
    position:  relative;
    top:  0;
    left:  0;
    max-width:  1320px;
    width:  90%;
    margin:  0 auto;
    background:  #ffffff;
    padding:  90px 80px 100px 80px;
    box-sizing:  border-box;
}
#privacy_popup .close{
    position:  absolute;
    top:  40px;
    right:  40px;
    width:  40px;
    height:  40px;
}
#privacy_popup .close:before,  #privacy_popup .close:after{
    display:  block;
    content: "";
    position:  absolute;
    top:  -5px;
    left:  19px;
    background:  #000;
    transform:  rotate(-45deg);
    width:  2px;
    height:  50px;
}
#privacy_popup .close:after{
    transform:  rotate(45deg);
}
#privacy_popup .main_title{
    font-size:  4rem;
    color:  #000;
    font-weight:  600;
    line-height:  1.4;
    margin-bottom:  25px;
}
#privacy_popup pre{
    white-space:  pre-line;
    font-family:'paperlogy',sans-serif;
    position:  relative;
    width:  100%;
    border-top:  2px solid #000;
    border-bottom:  1px solid #e5e5e5;
    padding:  30px 0;
}
#privacy_popup pre .tit{
    font-size:  2.2rem;
    color:  #0085ce;
    font-weight:  500;
    letter-spacing:  -0.25px;
    margin-bottom:  10px;
}
#privacy_popup pre .g + .g{
    margin-top:  20px;
}
#privacy_popup .privacy2{
    padding:  40px 0 50px 0;
}
#privacy_popup .privacy2 .g + .g{
    margin-top:  30px;
}
#privacy_popup .privacy2 .box{
    background:  #f9f9f9;
    padding:  8px 40px;
    margin-top:  10px;
}
#privacy_popup .privacy2 .box b{
    color:  #555;
    font-weight:  600;
    margin-bottom:  10px;
    display:  block;
}
#privacy_popup .privacy2 .box ol{
}
#privacy_popup .privacy2 .box ol li{
    width:  100%;
    display:  flex;
    flex-wrap:  wrap;
}
#privacy_popup .privacy2 .box ol li + li{
    margin-top:  9px;
}
#privacy_popup .privacy2 .box ol span:first-child{
    width:  20px;
}
#privacy_popup .privacy2 .box ol span:last-child{
    width:  calc(100% - 20px);
}
#broadcast_popup .contents{
    max-width:  1210px;
    position:  relative;
    width:  90%;
    top:  0;
    margin:  0 auto;
    background:  #ffffff;
    padding:  50px 60px 70px 60px;
    box-sizing:  border-box;
}
#broadcast_popup .close{
    position:  absolute;
    top:  50px;
    right:  60px;
    width: 25px;
    height: 25px;
    z-index: 1;
}
#broadcast_popup .close:before, #broadcast_popup .close:after{
    display: block;
    content: "";
    position: relative;
    width:  25px;
    height:  2px;
    background:  #000;
    transition:  0.3s;
    display: block;
    margin:  0 auto;
}
#broadcast_popup .close:before{
    transform:  rotate(45deg) translate(2px, 1px);
    left:  0px;
}
#broadcast_popup .close:after{
    transform:  rotate(-45deg) translateY(0px);
}
#broadcast_popup .title_g .tit{
    font-size:  2rem;
    color:  #9fa532;
}
#broadcast_popup .title_g .txt{
    font-size:  28px;
    color:  #444444;
    font-weight:  500;
}
#broadcast_popup .inner{
    position:  relative;
    width:  100%;
    height:  0;
    padding-top:  56%;
    margin-top:  27px;
}
#broadcast_popup .num{
    color:  rgba(102, 102, 102, 0.8);
    font-family:'paperlogy',sans-serif;
    font-size:  2rem;
    font-weight:  600;
    line-height:  1em;
}
#custom_cursor,  #custom_cursor_text {
    width:  120px;
    height:  120px;
    position:  fixed;
    top:  0;
    left:  0;
    z-index:  99999;
    pointer-events:  none;
}
.custom_cursor_circle,  .custom_cursor_txt {
    display:  block;
    width:  0;
    height:  0;
    position:  absolute;
    top:  0;
    left:  0;
    border-radius:  50%;
    -webkit-transform:  translate(-50%,  -50%);
    -ms-transform:  translate(-50%,  -50%);
    transform:  translate(-50%,  -50%);
    overflow:  hidden;
    opacity:  0;
}
.custom_cursor_txt {
    opacity: 0;
    width: 0;
    height: 0;
}
.custom_cursor_circle {
    z-index:  1;
    background:  rgba(0, 0, 0, .15);
    -webkit-backdrop-filter:  blur(20px);
    backdrop-filter:  blur(20px);
}
html.ie .custom_cursor_circle {
    background:  rgba(255, 255, 255, 0.5);
}
#container .custom_cursor_txt {
    z-index:  2;
}
.custom_cursor_txt > span{
    position:  relative;
    display:  block;
    width:  100%;
    height:  100%;
    font-size:  1.8rem;
    text-align:  center;
    color:  #fff;
    font-family:'paperlogy',sans-serif;
    font-weight:  400;
    text-transform:  uppercase;
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    justify-content:  center;
    white-space:  nowrap;
    letter-spacing:  0.5px;
}
#custom_cursor_text.drag .custom_cursor_txt {
    background-size:  89px auto;
}
html.ie10 #custom_cursor,  html.ie10 #custom_cursor_text {
    display:  none;
}
html.edge #custom_cursor_text.drag .custom_cursor_txt {
    background-size:  90px auto;
}
#custom_cursor.on{
    mix-blend-mode:  difference;
}
#custom_cursor.on .custom_cursor_circle{
    background: #fff;
}
#custom_cursor_text.on .custom_cursor_inner{
    opacity: 0;
}
#custom_cursor_text .custom_cursor_inner{
    transition: 0.3s;
}
#custom_cursor.on_type2{
    mix-blend-mode:  difference;
}
#custom_cursor.on_type2 .custom_cursor_circle{
    background: #fff;
}
@-webkit-keyframes showImg{
    0%{
        clip-path:  polygon(0 0,  0 0,  0 100%,  0% 100%);
    }
    100%{
        clip-path:  polygon(100% 0,  0 0,  0 100%,  100% 100%);
    }
}
@-webkit-keyframes opacityAni{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@-webkit-keyframes scaleAni{
    0%{
        opacity: 0;
        transform: scale(1.2);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes scaleAni2{
    0%{
        opacity: 0;
        transform: scale(0.8);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeUpAni{
    0%{
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }
    100%{
        opacity: 1;
        transform: translate3d(0, 0px, 0);
    }
}
@-webkit-keyframes fadeLeftAni{
    0%{
        opacity: 0;
        transform: translate3d(-30px, 0px, 0);
    }
    100%{
        opacity: 1;
        transform: translate3d(0, 0px, 0);
    }
}

.opacity,  .fade_up,  .fade_left,  .scaleAni2{
    opacity: 0;
}
.showimg.in-view{
    animation-name:  showImg;
    animation-timing-function:  cubic-bezier(0.42,  0,  0.14,  1.01);
    animation-duration:  0.9s;
    animation-fill-mode:  forwards;
}
.opacity.in-view{
    animation-name:  opacityAni;
    animation-timing-function:  cubic-bezier(0.42,  0,  0.14,  1.01);
    animation-duration:  0.9s;
    animation-fill-mode:  forwards;
}
.fade_up.in-view{
    animation-name:  fadeUpAni;
    animation-duration:  1s;
    animation-fill-mode:  forwards;
}
.fade_left.in-view{
    animation-name:  fadeLeftAni;
    animation-duration:  1s;
    animation-fill-mode:  forwards;
}
.scaleAni.in-view{
    animation-name:  scaleAni;
    animation-timing-function:  cubic-bezier(0.42,  0,  0.14,  1.01);
    animation-duration:  1.5s;
    animation-fill-mode:  forwards;
}
.scaleAni2.in-view{
    animation-name:  scaleAni2;
    animation-timing-function:  cubic-bezier(0.42,  0,  0.14,  1.01);
    animation-duration:  1s;
    animation-fill-mode:  forwards;
}
#scroll_wrap{
    position:  absolute;
    top:  0;
    height:  100vh;
    width:  auto;
    right:  0;
    z-index:  1000;
    box-sizing:  border-box;
}
#scroll_wrap a{
    position:  absolute;
    right:  20px;
    bottom:  20px;
    opacity:  0;
    cursor:  pointer;
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    transition: 0.5s;
    z-index:  500;
    box-sizing:  border-box;
}
#scroll_wrap a .icon{
    position: relative;
    width:  58px;
    height:  58px;
    border:  1px solid rgba(255, 255, 255, 0.5);
    background:  rgba(0, 0, 0, .25);
    display:  block;
    border-radius:  50%;
}
#scroll_wrap a .icon:after{
    display:  block;
    content: "";
    position:  absolute;
    top:  50%;
    left:  50%;
    width:  8px;
    height:  8px;
    border:  1px solid #fff;
    transform:  rotate(45deg);
    border-bottom:  0;
    border-right:  0;
    margin-left:  -5px;
    margin-top:  -3px;
}
body.active #scroll_wrap a{
    opacity: 1;
}
#search_popup .txt1{
    font-size:  1.8rem;
    color:  #666;
    line-height:  1.9;
    font-weight:  400;
    letter-spacing:  -0.25px;
    word-break:  keep-all;
}
#search_popup .inner{
    position:  relative;
    top:  0;
    left:  0;
    max-width:  1000px;
    width:  90%;
    margin:  0 auto;
    background:  #ffffff;
    padding:  75px 80px 80px 80px;
    box-sizing:  border-box;
}
#search_popup .close{
    position:  absolute;
    top:  40px;
    right:  40px;
    width:  40px;
    height:  40px;
}
#search_popup .close:before,  #search_popup .close:after{
    display:  block;
    content: "";
    position:  absolute;
    top:  -5px;
    left:  19px;
    background:  #000;
    transform:  rotate(-45deg);
    width:  2px;
    height:  50px;
}
#search_popup .close:after{
    transform:  rotate(45deg);
}
#search_popup .contents .title{
    font-size:  4rem;
    color:  #000000;
    font-weight:  600;
    margin-bottom:  25px;
}
#search_popup .submit{
    width:  160px;
    height:  60px;
    background:  #6a6b6b;
    color:  #fff;
    font-size:  1.8rem;
    margin-left:  10px;
}
#search_popup .search_result .table .thead .tr.no_data .td{
    width:  100%;
    text-align:  center;
    padding:  27px 0;
}
#search_popup .search_result .table .td{
}
#search_popup .search_result .table .td:first-child{
    width:  calc(100% - 130px);
    padding-right:  50px;
}
#search_popup .search_result .table .td:last-child{
    width:  130px;
    text-align:  center;
}
#search_popup .search_result .table .td .select{
    width:  70px;
    height:  40px;
    border:  1px solid #269ee2;
    color:  #269ee2;
    font-size:  1.8rem;
}
#search_popup .search_result .table .td .select:hover{
    background: #269ee2;
    color: #fff;
    transition: 0.3s;
}
#search_popup .btns{
    margin-top:  40px;
    text-align:  center;
}
#dx_consulting_form .inner{
    position:  relative;
    top:  0;
    left:  0;
    max-width:  1000px;
    width:  90%;
    margin:  0 auto;
    background:  #ffffff;
    padding:  75px 80px 80px 80px;
    box-sizing:  border-box;
}
.popup .close{
    position:  absolute;
    top:  40px;
    right:  40px;
    width:  40px;
    height:  40px;
}
.popup .close:before,  .popup .close:after{
    display:  block;
    content: "";
    position:  absolute;
    top:  -5px;
    left:  19px;
    background:  #000;
    transform:  rotate(-45deg);
    width:  2px;
    height:  50px;
}
.popup .close:after{
    transform:  rotate(45deg);
}
.popup .con_title_g.main_title{
    margin-bottom:  25px;
}
.popup .con_title_g.main_title .title1{
    font-size:  4rem;
    color:  #000;
    font-weight:  600;
    line-height:  1.4;
    opacity: 1;
}
.popup .table{
    display: flex;
    flex-wrap: wrap;
}
.popup .txt1 {
    font-size:  1.8rem;
    color:  #666;
    line-height:  1.9;
    font-weight:  400;
    letter-spacing:  -0.25px;
    word-break:  keep-all;
}
.popup .form_wrap .table .tr.line{
    padding-right: 10px;
}
.popup .form_wrap .table .th{
    width: 150px;
}
.popup .form_wrap .table .td{
    width: calc(100% - 150px);
}
.popup .form_wrap .table .tr{
    padding:  10px 30px;
}
.popup .form_wrap .table .tr.l_last .th{
    width:  130px;
}
.popup .form_wrap .table .tr.l_last .td{
    width:  calc(100% - 130px);
}
.popup .form_wrap .table textarea{
    height:  130px;
}
.popup .agreement_wrap{
    width:  100%;
}
.popup .agreement_wrap .agr_info{
    width:  100%;
    border-bottom:  1px solid #e5e5e5;
    padding:  10px 0;
}
.popup .agreement_wrap .agr_info .box{
    width:  100%;
    height:  140px;
    background:  #f9f9f9;
    padding:  30px 30px;
    overflow:  auto;
}
.popup .agreement_wrap .agr_info pre b{
    font-weight:  500;
}
.popup .agreement_wrap .agr_chk{
    text-align:  center;
    font-size:  1.8rem;
    color:  #000000;
    margin-top:  35px;
    opacity: 1;
}
.popup .agreement_wrap .agr_info .box::-webkit-scrollbar{
    width: 30px;
    height:  0 !important;
}
.popup .agreement_wrap .agr_info .box::-webkit-scrollbar-thumb{
    background-color:  #a7a7a7;
    border: 10px solid #f9f9f9;
}
.popup .agreement_wrap .agr_info .box::-webkit-scrollbar-track{
    background-color: #f9f9f9;
}
.popup.form_wrap .apply_btns{
    margin-top:  35px;
}
.form_wrap .con_title_g.sub_title{
    margin-bottom: 26px;
}
.form_wrap .table .tr.line{
    border-right: 1px solid #e5e5e5;
}
.form_wrap .table .td{
    width:  calc(100% - 180px);
}
.form_wrap .table .td select{
    width:  100%;
    height:  60px;
    border:  0;
    padding:  0 20px;
    background:  #f9f9f9 url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1417.3 1417.3'%3E%3Cg transform='rotate(-90 708.65 708.65)'%3E%3Cpath fill='%23666' d='M1333.9,660.3H511.8c9.7-77.4,50-247.1,216.6-297,9.4-2.8,15.9-10.3,17-19.4.9-8.2-2.7-15.9-9.5-20.7l-.6-.5-1.6-.9c-4.7-2.6-10.2-3.9-15.9-3.9h-6.8c-5.8,0-11.3,1.4-16,4-3.4,1.9-6.2,4.5-8.4,7.5-36.5,22.9-342.2,190.4-619.9,341.3-7.5,4.1-12.1,11.7-12.1,19.9,0,8.3,4.6,15.7,12.3,19.8,200.6,107.3,579.4,310.8,620.2,335.4,1.8,2.4,4.1,4.5,6.7,6.2,2.8,1.8,7,3.8,14.5,3.8s8.3-.5,13.8-1.8c10.9-2.5,18.5-11.2,18.9-21.5.4-10.3-6.3-19.3-16.8-22.6-172.9-54.4-207.1-238.3-213.6-295.7h823.3c16.5,0,28.9-10.8,28.9-25v-3.8c0-14.3-12.4-25-28.9-25ZM540.7,919.3c-35.6-19.3-76.5-41.4-122.5-66.1-121-65.2-246.7-132.5-303.2-162.8,58.1-31.6,182-99.1,303.2-165.5,46.1-25.3,87.2-47.8,122.8-67.5-9.7,14.8-18.5,30.7-26.4,47.4-34.5,73.1-43.2,146.3-45.3,174.3v.4c-.7,12.7-.4,25.4,1,37.7,3.7,33.8,15,100.4,49.4,166.5,6.5,12.4,13.5,24.3,21.1,35.6Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 20px center;
    background-size: auto 8px;
}
.form_wrap .table .td .w50{
    max-width: 500px;
}
.form_wrap .table .td .input{
    width:  100%;
    height:  60px;
    border:  0;
    padding:  0 20px;
    background-color:  #f9f9f9;
    font-size:  1.8rem;
}
.form_wrap .table .td .input::placeholder,  .form_wrap .table .td textarea::placeholder{
    color: #c2c2c2;
}
.form_wrap .table .td .input.disabled{
    background:  #f4f4f4;
}
.form_wrap .table .td textarea{
    width:  100%;
    height:  225px;
    border:  0;
    padding:  15px 20px;
    background-color:  #f9f9f9;
    resize:  none;
    font-weight:  400;
    font-size:  1.8rem;
}
select {
    -webkit-appearance:  none;
    -moz-appearance:  none;
    text-indent:  1px;
    text-overflow:  '';
}
@media screen and (-ms-high-contrast: active),  (-ms-high-contrast: none) {
    #custom_cursor.on .custom_cursor_circle,  #custom_cursor.on .custom_cursor_circle,  #custom_cursor.on .custom_cursor_circle{
        background: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0);
    }
}
@media(max-width:1750px){
    #wrap header #nav .lnb .dep2.list5{
        padding-right: 70px;
    }
}
@media(max-width:1700px){
    #wrap header #nav .lnb .inner{
        width: 94%;
    }
}
@media(max-width:1600px){
    footer .footer_wrap .logo{
        width:  100%;
        margin-bottom:  30px;
    }
    footer .footer_wrap .area_r{
        width:  100%;
        text-align:  left;
        display:  block;
        margin-top:  20px;
    }
    footer .footer_wrap .copyright{
        text-align: left;
    }
    footer .footer_wrap .info{
        width: calc(100% - 230px);
    }
    #family_site{
        margin-top: 15px;
    }
}
@media(max-width:1570px){
    #wrap header #nav [class*="menu"] > a{
        padding:  0 60px;
    }
    #wrap header #nav{
        font-size:  1.8rem;
    }
    #wrap header #nav .lnb .dep2 > li > a{
        font-size:  1.8rem;
    }
    #wrap header #nav .lnb .dep3 > li > a{
        font-size:  1.8rem;
    }
    #allmenu .inner .allmenuwrap > ul > li > ul > li > ul > li > a, #wrap header #nav .lnb .info .txt1{
        font-size:  1.8rem;
    }
    #wrap header #nav .lnb .bg{
        width:  300px;
        height:  180px;
    }
    #wrap header #nav .lnb .dep2{
        width:  calc(100% - 300px - 255px);
    }
}
@media(max-width:1520px){
    #wrap header #nav [class*="menu"] > a{
        padding:  0 55px;
    }
}
@media(max-width:1450px){
    #wrap header #nav .lnb .bg{
        display:  none;
    }
    #wrap header #nav .lnb .dep2{
        width:  calc(100% - 255px);
    }
}
@media(max-width: 1279px){
    #privacy_popup .container{
        padding: 90px 40px 100px 40px;
    }
    #custom_cursor,  #custom_cursor_text{
        display:  none !important;
    }
    #wrap header #nav{
        display:  none;
    }
    #wrap header .header_wrap{
        padding: 0 40px;
    }
    footer .footer_wrap{
        padding: 45px 70px 50px;
    }
    #search_wrap .close{
        right: 50px;
        top: 40px;
    }
    #allmenu .close{
        right:  40px;
    }
    /* stcube.com 스타일: 1279px 이하에서는 이미지 숨기고, 카테고리를 세로 1열로 쌓음 */
    #allmenu .inner{
        display: block;
        width: 100%;
        padding:  0 40px;
        justify-content:  center;
    }
    #allmenu .inner .imgwrap{
        display: none;
    }
    #allmenu .inner .allmenuwrap{
        width: 100%;
        margin-left: 0;
    }
    #allmenu .inner .allmenuwrap > ul{
        display: block;
    }
    #wrap #allmenu .inner .allmenuwrap > ul > li{
        width: 100%;
        padding:  0 0 0 4%;
        border:  0;
        margin-bottom:  22px;
    }
    #allmenu .inner .allmenuwrap > ul > li:before,  #allmenu .inner .allmenuwrap > ul > li:last-child:after{
        display: none;
    }
    #allmenu{
        background: #f5f5f5;
    }
    #allmenu .inner .allmenuwrap > ul > li > a{
        position: relative;
        font-size: 2.7rem;
        margin: 0;
        display: block;
    }
    /* stcube.com 스타일: 별도의 +/- 아이콘 없이, 열린 카테고리는 색상만 변경 (.on) */
    #allmenu .inner .allmenuwrap > ul > li > a.on{
        color: #0096e0;
    }
    #allmenu .inner .allmenuwrap > ul > li{
        position:  relative;
        cursor:  pointer;
    }
    /* 아코디언 대상: 상위 li > 바로 다음 ul (jQuery slideUp/slideDown으로 열고 닫힘) */
    #allmenu .inner .allmenuwrap > ul > li > ul{
        display: none;
        width: 100%;
        margin-top:  8px;
    }
    body #allmenu .inner .allmenuwrap > ul > li > ul > li{
        width:  100%;
        margin:  0;
    }

    #allmenu.open .inner .allmenuwrap > ul > li > ul > li > a {
        padding: 20px 0;
    }

    #allmenu .inner .allmenuwrap > ul > li > ul > li > ul{
        width: 100%;
    }
    body #allmenu .inner .allmenuwrap > ul > li > ul > li > ul > li{
        width:  100%;
    }
    #wrap header #nav .lnb .m_head{
        width: 410px;
    }
    #wrap header #nav .lnb .group{
        width:  calc(100% - 410px);
    }
    #search_popup .inner{
        padding:  75px 50px 80px 50px;
    }
    #dx_consulting_form .inner{
        position:  relative;
        top:  0;
        left:  0;
        max-width:  1000px;
        width:  90%;
        margin:  0 auto;
        background:  #ffffff;
        padding:  90px 40px 100px 40px;
        box-sizing:  border-box;
    }
    .popup .close{
        position:  absolute;
        top:  40px;
        right:  40px;
        width:  40px;
        height:  40px;
    }
    .popup .close:before,  .popup .close:after{
        display:  block;
        content: "";
        position:  absolute;
        top:  -5px;
        left:  19px;
        background:  #000;
        transform:  rotate(-45deg);
        width:  2px;
        height:  50px;
    }
    .popup .close:after{
        transform:  rotate(45deg);
    }
    .popup .con_title_g.main_title{
        margin-bottom:  25px;
    }
    .popup .form_wrap .table .tr{
        padding:  10px 30px;
    }
    .popup .form_wrap .table textarea{
        height:  130px;
    }
    .popup .agreement_wrap{
        width:  100%;
    }
    .popup .agreement_wrap .agr_info{
        width:  100%;
        border-bottom:  1px solid #e5e5e5;
        padding:  10px 0;
    }
    .popup .agreement_wrap .agr_info .box{
        width:  100%;
        height:  130px;
        background:  #f9f9f9;
        padding:  30px 30px;
        overflow:  auto;
    }
    .popup .agreement_wrap .agr_info pre b{
        font-weight:  500;
    }
    .popup .agreement_wrap .agr_chk{
        text-align:  center;
        font-size:  1.8rem;
        color:  #000000;
        margin-top:  35px;
    }
    .popup .agreement_wrap .agr_info .box::-webkit-scrollbar{
        width: 30px;
        height:  0 !important;
    }
    .popup .agreement_wrap .agr_info .box::-webkit-scrollbar-thumb{
        background-color:  #a7a7a7;
        border: 10px solid #f9f9f9;
    }
    .popup .agreement_wrap .agr_info .box::-webkit-scrollbar-track{
        background-color: #f9f9f9;
    }
    .popup.form_wrap .apply_btns{
        margin-top: 45px;
    }
}
@media(max-width: 767px){
    #wrap header .header_wrap{
        height: 57px;
        padding:  0 20px;
    }
    #wrap header .main_logo{
        width:  65.37px;
        height:  32px;
    }
    header .hamburger_btn{
        width: 27px;
        height: 13px;
    }
    header .hamburger_btn .line + .line{
        margin-top:  3px;
    }
    header .hamburger_btn.open .line:nth-child(1){
        transform:  translateY(5px) rotate(45deg);
    }
    header .hamburger_btn.open .line:nth-child(3){
        transform:  translateY(-5px) rotate(-45deg);
    }
    #wrap header .util_wrap{
        margin-right: 35px;
    }
    #wrap header .search_btn{
        width: 20px;
        height: 20px;
        margin: 0;
    }
    #search_wrap .close{
        width: 20px;
        height: 20px;
        right:  20px;
        top:  20px;
    }
    #search_wrap .close:before,  #search_wrap .close:after{
        height:  26px;
        left:  9px;
        top:  -3px;
    }
    #search_wrap .search_bar{
        height: 40px;
    }
    #search_wrap .inner{
        padding: 75px 0;
    }
    #search_wrap .search_bar input{
        font-size: 2rem;
        width:  calc(100% - 20px);
    }
    #search_wrap .search_bar .submit{
        width: 20px;
        height: 20px;
    }
    #search_wrap .hot_keyword{
        margin-top: 12px;
    }
    #search_wrap .hot_keyword .tit{
        font-size: 1.8rem;
        width:  70px;
        padding-top:  1px;
    }
    #search_wrap .hot_keyword .items{
        width: calc(100% - 70px);
        padding:  0 9px;
    }
    #search_wrap .hot_keyword .tit:after{
        height:  11px;
        top: 6px;
    }
    #search_wrap .hot_keyword .items .i{
        font-size: 1.8rem;
        padding:  0 10px 2px 10px;
    }
    footer{
        font-size:  1.8rem;
    }
    footer .footer_wrap{
        padding: 25px 20px 30px;
        display:  block;
    }
    footer .footer_wrap .logo{
        margin-bottom:  20px;
    }
    footer .footer_wrap .logo svg{
        width:  140px;
        height:  15px;
    }
    footer .footer_wrap .privacy_list{
        font-size:  1.8rem;
        width:  auto;
    }
    footer .footer_wrap .info{
        width:  100%;
        margin-top:  20px;
    }
    footer .footer_wrap .info .list li .dt{
        width: 40px;
    }
    footer .footer_wrap .info .list li .dd{
        width: calc(100% - 40px);
    }
    footer .footer_wrap .area_r{
    }
    footer .footer_wrap .copyright{
        font-size:  1.8rem;
    }
    /*family site*/
    #family_site{
        width:  160px;
    }
    #family_site .btn{
        padding:  0 12px;
        font-size:  1.8rem;
        height:  35px;
    }
    #family_site .btn:after{
        right:  12px;
        top:  11px;
    }
    #family_site ul{
    }
    #family_site ul li{
        height:  27px;
    }
    #family_site ul li a{
        font-size:  1.8rem;
        padding-left:  12px;
    }
    .indicator .swiper-pagination-bullet{
        width:  7px;
        height:  7px;
    }
    .indicator .swiper-pagination-bullet + .swiper-pagination-bullet{
        margin-left: 16px;
    }
    .indicator .swiper-pagination-bullet-active{
        width:  19px;
    }
    #allmenu .close{
        width: 20px;
        height: 20px;
        right:  30px;
        top:  20px;
    }
    #allmenu .close:before,  #allmenu .close:after{
        height:  26px;
        left: 9px;
        top: -3px;
    }
    #allmenu .all_box{
        padding: 100px 0;
    }
    /* stcube.com 812px 이하 값과 동일: 카테고리 22px, 하위 항목 15px */
    #allmenu .inner .allmenuwrap > ul > li > a{
        font-size: 2.2rem;
    }
    #allmenu .inner{
        padding: 0 30px;
    }
    #allmenu .inner .allmenuwrap > ul > li{
        margin-bottom:  3px;
    }
    #allmenu .inner .allmenuwrap > ul > li > ul > li > a{
        font-size: 1.8rem;
    }
    #allmenu .inner .allmenuwrap > ul > li > ul > li > ul > li + li{
        margin-top: 5px;
    }
    #allmenu .inner .allmenuwrap > ul > li > ul > li > ul{
        margin-top: 10px;
    }
    #scroll_wrap a .icon{
        width:  40px;
        height:  40px;
    }
    #scroll_wrap a .icon:after{
        width:  5px;
        height:  5px;
        margin:  -2px 0 0 -3px;
    }
    #privacy_popup{
        padding:  50px 0;
    }
    #privacy_popup .container{
        padding:  50px 20px;
    }
    #privacy_popup .close{
        position:  absolute;
        top:  20px;
        right:  20px;
        width:  25px;
        height:  25px;
    }
    #privacy_popup .close:before,  #privacy_popup .close:after{
        display:  block;
        content: "";
        position:  absolute;
        top:  -5px;
        left:  12px;
        background:  #000;
        transform:  rotate(-45deg);
        width:  1px;
        height:  34px;
    }
    #privacy_popup .close:after{
        transform:  rotate(45deg);
    }
    #privacy_popup .main_title{
        font-size:  2.4rem;
        margin-bottom:  15px;
    }
    #privacy_popup pre{
        padding:  10px 0;
        word-break:  keep-all;
    }
    #privacy_popup pre .g + .g{
        margin-top:  5px;
    }
    #privacy_popup pre .tit{
        font-size:  1.8rem;
        line-height:  1.7;
        margin-bottom:  4px;
    }
    #privacy_popup pre .txt1{
        font-size:  1.8rem;
        line-height:  1.8;
    }
    #privacy_popup .privacy2{
        padding:  25px 0 30px;
    }
    #privacy_popup .privacy2 .g + .g{
        margin-top: 15px;
    }
    #privacy_popup .privacy2 .box{
        margin-top:  0;
        padding:  1px 15px;
    }
    #privacy_popup .txt1{
        font-size:  1.8rem;
        line-height:  1.8;
    }
    #search_popup .inner{
        padding:  50px 20px;
    }
    #search_popup .close{
        position:  absolute;
        top:  20px;
        right:  20px;
        width:  25px;
        height:  25px;
    }
    #search_popup .close:before,  #search_popup .close:after{
        display:  block;
        content: "";
        position:  absolute;
        top:  -5px;
        left:  12px;
        background:  #000;
        transform:  rotate(-45deg);
        width:  1px;
        height:  34px;
    }
    #search_popup .close:after{
        transform:  rotate(45deg);
    }
    #search_popup .contents .title{
        font-size:  2.4rem;
        margin-bottom:  15px;
    }
    #search_popup .submit{
        width:  80px;
        height:  40px;
        font-size:  1.8rem;
        margin-left:  5px;
    }
    #search_popup .search_result .table .td .select{
        width: 45px;
        height:  25px;
        font-size:  1.8rem;
    }
    #search_popup .search_result .table .td:last-child{
        width: 70px;
    }
    #search_popup .search_result .table .td:first-child{
        width: calc(100% - 70px);
        padding-right:  20px;
    }
    #search_popup .btns{
        margin-top:  30px;
    }
    #dx_consulting_form .inner{
        position:  relative;
        top:  0;
        left:  0;
        max-width:  1000px;
        width:  90%;
        margin:  0 auto;
        background:  #ffffff;
        padding:  50px 20px;
        box-sizing:  border-box;
    }
    .popup .close{
        position:  absolute;
        top:  20px;
        right:  20px;
        width:  25px;
        height:  25px;
    }
    .popup .close:before,  .popup .close:after{
        display:  block;
        content: "";
        position:  absolute;
        top:  -5px;
        left:  12px;
        background:  #000;
        transform:  rotate(-45deg);
        width:  1px;
        height:  34px;
    }
    .popup .close:after{
        transform:  rotate(45deg);
    }
    .popup .txt1 {
        font-size: 1.8rem;
    }
    .popup .con_title_g.main_title{
        margin-bottom:  15px;
    }
    .popup .con_title_g.main_title .title1{
        font-size: 2.4rem;
    }
    .popup .form_wrap .table .tr{
        padding:  7px 15px;
    }
    .popup .form_wrap .table textarea{
        height:  100px;
    }
    .popup .agreement_wrap{
        width:  100%;
    }
    .popup .agreement_wrap .agr_info{
        width:  100%;
        border-bottom:  1px solid #e5e5e5;
        padding:  10px 0;
    }
    .popup .agreement_wrap .agr_info .box{
        width:  100%;
        height:  100px;
        background:  #f9f9f9;
        padding:  20px 20px;
        overflow:  auto;
    }
    .popup .agreement_wrap .agr_info pre b{
        font-weight:  500;
    }
    .popup .agreement_wrap .agr_chk{
        text-align:  center;
        font-size:  1.8rem;
        color:  #000000;
        margin-top:  25px;
    }
    .popup .agreement_wrap .agr_info .box::-webkit-scrollbar{
        width: 20px;
        height:  0 !important;
    }
    .popup .agreement_wrap .agr_info .box::-webkit-scrollbar-thumb{
        background-color:  #a7a7a7;
        border: 6px solid #f9f9f9;
    }
    .popup .agreement_wrap .agr_info .box::-webkit-scrollbar-track{
        background-color: #f9f9f9;
    }
    .popup.form_wrap .apply_btns{
        margin-top:  30px;
    }
    .form_wrap .con_title_g.sub_title{
        margin-bottom:  22px;
        padding-right:  50px;
    }
    .form_wrap .table .td{
        width:  calc(100% - 95px);
        font-size:  1.8rem;
    }
    .form_wrap .table .td.school{
        display: flex;
        flex-wrap:  wrap;
    }
    .form_wrap .table .td.school .input{
        width:  calc(100% - 60px - 5px);
    }
    .form_wrap .table .td.school button{
        width:  60px;
        height:  40px;
        background:  #6a6b6b;
        color:  #fff;
        margin-left:  5px;
    }
    .form_wrap .table .td .datepicker_g{
        display: flex;
        flex-wrap: wrap;
        align-items:  center;
    }
    .form_wrap .table .td .datepicker_g .item{
        width:  20px;
        text-align:  center;
        font-weight:  300;
        font-size:  2rem;
    }
    .form_wrap .table .td .datepicker_g .input{
        width:  100%;
    }
    .form_wrap .table .td .datepicker_g .input:last-child{
        width:  calc(100% - 20px);
        margin-top:  5px;
    }
    .form_wrap .table .td .input_type2{
        display: flex;
        flex-wrap: wrap;
        align-items:  center;
    }
    .form_wrap .table .td .input_type2 .input{
        width:  calc(100% - 30px);
    }
    .form_wrap .table .td .input_type2 .item{
        width:  30px;
        text-align:  right;
    }
    .form_wrap .table .td select{
        width:  100%;
        height:  40px;
        border:  0;
        padding:  0 10px;
        background:  #f9f9f9 url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1417.3 1417.3'%3E%3Cg transform='rotate(-90 708.65 708.65)'%3E%3Cpath fill='%23666' d='M1333.9,660.3H511.8c9.7-77.4,50-247.1,216.6-297,9.4-2.8,15.9-10.3,17-19.4.9-8.2-2.7-15.9-9.5-20.7l-.6-.5-1.6-.9c-4.7-2.6-10.2-3.9-15.9-3.9h-6.8c-5.8,0-11.3,1.4-16,4-3.4,1.9-6.2,4.5-8.4,7.5-36.5,22.9-342.2,190.4-619.9,341.3-7.5,4.1-12.1,11.7-12.1,19.9,0,8.3,4.6,15.7,12.3,19.8,200.6,107.3,579.4,310.8,620.2,335.4,1.8,2.4,4.1,4.5,6.7,6.2,2.8,1.8,7,3.8,14.5,3.8s8.3-.5,13.8-1.8c10.9-2.5,18.5-11.2,18.9-21.5.4-10.3-6.3-19.3-16.8-22.6-172.9-54.4-207.1-238.3-213.6-295.7h823.3c16.5,0,28.9-10.8,28.9-25v-3.8c0-14.3-12.4-25-28.9-25ZM540.7,919.3c-35.6-19.3-76.5-41.4-122.5-66.1-121-65.2-246.7-132.5-303.2-162.8,58.1-31.6,182-99.1,303.2-165.5,46.1-25.3,87.2-47.8,122.8-67.5-9.7,14.8-18.5,30.7-26.4,47.4-34.5,73.1-43.2,146.3-45.3,174.3v.4c-.7,12.7-.4,25.4,1,37.7,3.7,33.8,15,100.4,49.4,166.5,6.5,12.4,13.5,24.3,21.1,35.6Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 10px center;
        background-size:  auto 4px;
    }
    .form_wrap .table .td .input{
        width:  100%;
        height:  40px;
        border:  0;
        padding:  0 10px;
        background-color:  #f9f9f9;
        font-size:  1.8rem;
    }
    .form_wrap .table .td .input::placeholder,  .form_wrap .table .td textarea::placeholder{
        color: #c2c2c2;
    }
    .form_wrap .table .td .input.disabled{
        background:  #f4f4f4;
    }
    .form_wrap .table .td .input.date_i{
        background-image:  url('/resources/images/common/calendar.svg');
        background-repeat:  no-repeat;
        background-position:  right 10px center;
        background-size:  17px;
    }
    .form_wrap .table .td textarea{
        width:  100%;
        height:  210px;
        border:  0;
        padding:  11px 10px;
        background-color:  #f9f9f9;
        resize:  none;
        font-weight:  400;
        font-size:  1.8rem;
    }
    .form_wrap .table .td textarea.type2{
        height:  250px;
        padding:  15px 15px;
    }
    .form_wrap .table .email .item{
        width:  30px;
        text-align:  center;
    }
    .form_wrap .table .pwd{
        display:  flex;
        flex-wrap:  wrap;
    }
    .form_wrap .table .pwd .btn{
        margin-top:  5px;
        width:  100%;
    }
    .form_wrap .table .tel{
        width:  100%;
        display:  flex;
        flex-wrap:  wrap;
        align-items:  center;
    }
    .form_wrap .table .tel .input{
        width:  calc(33.333333333% - 8px);
    }
    .form_wrap .table .tel .item{
        width:  12px;
        text-align:  center;
    }
    .form_wrap .apply_btns .c_btn5 .arrow_prev{
        margin-right:  8px;
        margin-left:  0;
    }
    .form_wrap .table .name_g > div .input{
        width:  calc(100% - 35px);
    } .form_wrap .form_g .table_g{
        position: relative;
    }
    .form_wrap .form_g .table_g + .table_g{
        margin-top: 20px;
    }
    .form_wrap .table.style4 .td{
        width:  100%;
    }
    .form_wrap .file_wrap:not(.img_file) .file_box .file_name{
        width:  calc(100% - 180px);
    }
    .form_wrap .img_file .file_box .file_name{
        display:  none;
    }
    .form_wrap .table .addr1 .input{
        width:  100%;
    }
    .form_wrap .addr1 .btn{
        width:  100%;
        margin-top:  7px;
    }
    .form_wrap .addr2 .input + .input{
        margin-top:  5px;
    }
    .form_wrap .file_box.box2 .file_name{
        width:  0;
        font-size:  0;
        height:  0;
        padding:  0;
        background:  transparent;
        opacity:  0;
    }
    .form_wrap .file_box.box2 .file_n{
        position:  relative;
        top:  0;
        left:  0;
        width:  100%;
        min-height:  40px;
        display:  flex;
        flex-wrap:  wrap;
        align-items:  center;
        font-size:  1.8rem;
        padding:  10px 10px;
        word-break:  keep-all;
        background:  #f9f9f9;
    }
    .form_wrap .file_box.box2 .file_n span{
        opacity: 0;
    }
    .form_wrap .file_box.box2 .file_n span.on{
        opacity: 1;
    }
    .form_wrap .file_box.box2 .file_n span:after{
        display:  inline-block;
        position:  relative;
        content: "";
        background:  url('/resources/images/common/file.svg')no-repeat left top;
        width:  11px;
        height:  13px;
        margin-left:  6px;
        background-size:  100%;
        top:  3px;
    }
    select {
        -webkit-appearance:  none;
        -moz-appearance:  none;
        text-indent:  1px;
        text-overflow:  '';
    }
}

/* ===== home/sub page-scoping merge: preserve the home-page-only fadeUpAni animation override ===== */
/* On the home page, index_pc/tablet/mobile.css previously redefined @keyframes fadeUpAni (100% translateY slide)
   which overrode common.css's own fadeUpAni (50px translateY slide) via CSS cascade / load order.
   This rule reproduces that exact home-page-only behavior via specificity instead of load order. */
body.home .fade_up.in-view{
    animation-name: fadeUpAni__home;
}
@-webkit-keyframes fadeUpAni__home{
    0%{
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    100%{
        opacity: 1;
        transform: translate3d(0, 0%, 0);
    }
}


/* ===== style_pc.css (merged, scoped to body.sub, screen and (min-width:1280px)) ===== */

.pcbr{
    display: block !important;
}
@media screen and (min-width:1280px) {
body.sub .pc_view{
    display: block !important;
}
body.sub .tm_view{
    display: none !important;
}
body.sub body #wrap header.active .header_wrap{
    border-bottom: 0;
}
body.sub [class*="con-"][class*="-width2"]{
    width: 80%;
}
body.sub #container{
    padding-top: 150px;
}
body.sub #menu_tab_wrap .menu_tab_list ul li.on a{
    color: #0096e0;
}
body.sub #menu_tab_wrap .menu_tab_list ul li.on a:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #0085ce;
}
body.sub #subtop .bg{
    position: relative;
    width: 100%;
    height: 560px;
    overflow: hidden;
    margin-top: -26px;
    opacity: 0;
}
body.sub #subtop .bg div{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: circle(10vmax at 33vw 50%);
    background: #111;
}
body.sub #subtop .bg span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub #subtop.st11 .bg span{
    background: url('/resources/images/common/gnb-bg01.png')no-repeat center/cover;
}
body.sub #subtop.st12 .bg span{
    background: url('/resources/images/common/gnb-bg01.png')no-repeat center/cover;
}
body.sub #subtop.st21 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st22 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st23 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st24 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st25 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st31 .bg span{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat center/cover;
}
body.sub #subtop.st32 .bg span{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat center/cover;
}
body.sub #subtop.st33 .bg span{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat center/cover;
}
body.sub #subtop.st34 .bg span{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat center/cover;
}
body.sub #subtop.st41 .bg span{
    background: url('/resources/images/common/gnb-bg04.png')no-repeat center/cover;
}
body.sub #subtop.st42 .bg span{
    background: url('/resources/images/common/gnb-bg04.png')no-repeat center/cover;
}
body.sub #subtop.st5 .bg span{
    background: url('/resources/images/common/gnb-bg04.png')no-repeat center/cover;
}
body.sub #subtop.st53 .bg span{
    background: url('/resources/images/common/gnb-bg04.png')no-repeat center/cover;
}
body.sub #fix_menu_wrap{
    width: 200px !important;
    padding-top: 160px;
    font-size: 1.8rem;
    color: #999999;
    font-weight: 500;
}
body.sub #fix_menu_wrap .fix_menu_g{
    width: 100%;
}
body.sub #fix_menu_wrap .fix_menu_g > li{
    position: relative;
    padding-left: 40px;
}
body.sub #fix_menu_wrap .fix_menu_g > li + li{
    margin-top: 10px;
}
body.sub #fix_menu_wrap .fix_menu_g > li a{
    display: block;
}
body.sub #fix_menu_wrap .fix_menu_g > li.on a{
    color: #0096e0;
    /* font-weight: 600; */
    transition: 0.3s;
}
body.sub #fix_menu_wrap .fix_menu_g > li:before{
    display: block;
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #269ee2;
    transform-origin: left top;
    transform: scaleX(0);
    opacity: 0;
    transition: 0.3s;
}
body.sub #fix_menu_wrap .fix_menu_g > li.on:before{
    transform: scaleX(1);
    opacity: 1;
}
body.sub #fix_menu_wrap .fix_menu_g > li a:hover{
    opacity: 0.5;
    transition: 0.3s;
}
body.sub .m00 .txt1{
    font-size: 1.8rem;
    color: #666;
    line-height: 1.9;
    font-weight: 400;
    letter-spacing: -0.25px;
    word-break: keep-all;
}
body.sub .m00 .img{
    position: relative;
    text-align: center;
}
body.sub .m00 .img img{
    max-width: 100%;
    margin: 0 auto;
}
body.sub .section_wrap{
    position: relative;
    word-break: keep-all;
}
body.sub .con_title_g.normal_title{
    margin-bottom: 50px;
}
body.sub .con_title_g .title0{
    font-size: 4.2rem;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
}
body.sub .con_title_g .title0.en{
    font-family:'paperlogy',sans-serif;
    font-weight: 700;
}
body.sub .con_title_g .title1{
    font-size: 4rem;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
}
body.sub .con_title_g .title2{
    font-size: 3.2rem;
    color: #000;
    line-height: 1.4;
    font-weight: 600;
}
body.sub .con_title_g .title2.type2{
    position: relative;
    padding-left: 23px;
}
body.sub .con_title_g .title2.type2:before{
    display: block;
    content: "";
    width: 4px;
    height: 26px;
    background: #000;
    position: absolute;
    top: 10px;
    left: 0;
}
body.sub .con_title_g .title3{
    font-size: 3.6rem;
    color: #000;
    line-height: 1.4;
    font-weight: 600;
}
body.sub .con_title_g .title4{
    font-size: 2.4rem;
    color: #000;
    line-height: 1.7;
    font-weight: 600;
}
body.sub .con_title_g .title5{
    font-size: 2rem;
    color: #000;
    line-height: 1.7;
    font-weight: 500;
}
body.sub .con_title_g .title6{
    font-size: 3.8rem;
    color: #000;
    line-height: 1.7;
    font-weight: 500;
}
body.sub .con_title_g .title6.en{
    font-family:'paperlogy',sans-serif;
    font-weight: 600;
}
body.sub .paging > *:not(strong,.arrow):hover{
    background: #eee;
    transition: 0.3s;
}
body.sub .page_layout_style1 .section:first-child > .inner{
    padding-bottom: 175px;
}
body.sub .page_layout_style1 .main_title{
    margin-bottom: 90px;
}
body.sub .page_layout_style1 .section + .section > .inner{
    padding: 120px 0 160px;
    border-top: 1px solid #dbdbdb;
}
body.sub .page_layout_style1 .page_info_wrap{
    padding: 0 0 120px 0;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 120px;
}
body.sub .page_layout_style1 .page_info_wrap .txt1{
    margin-top: 40px;
    font-size: 2rem;
}
body.sub .page_layout_style1 .page_info_wrap.main_title{
    padding-bottom: 0;
    border-bottom: 0;
}
body.sub .m00 .tabs_wrap{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
body.sub .m00 .tabs_wrap.list2 li{
    width: 50%;
}
body.sub .m00 .tabs_wrap.list3 li{
    width: 33.333333%;
}
body.sub .m00 .tabs_wrap.list4 li{
    width: 25%;
}
body.sub .m00 .tabs_wrap.list5 li{
    width: 20%;
}
body.sub .m00 .tabs_wrap.list6 li{
    width: 16.66666666666667%;
}
body.sub .m00 .tabs_wrap.list7 li{
    width: 14.28571428571429%;
}
body.sub .m00 .tabs_wrap.style1 li{
    height: 56px;
    border: 1px solid #d9d9d9;
    background: #fff;
}
body.sub .m00 .tabs_wrap.style1 li > *{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: transparent;
    color: #999;
    font-weight: 500;
    font-size: 1.8rem;
}
body.sub .m00 .tabs_wrap.style1 li.on{
    background: #269ee2;
    border: 0;
    transition: 0.3s;
}
body.sub .m00 .tabs_wrap.style1 li.on > *{
    color: #fff;
    transition: 0.3s
}
body.sub .m00 .tabs_wrap.style1 li + li{
    border-left: 0;
}
body.sub .m00 .tabs_wrap.style2 li{
    position: relative;
    height: 56px;
    border-bottom: 1px solid #b2b2b2;
}
body.sub .m00 .tabs_wrap.style2 li > *{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: transparent;
    color: #999;
    font-weight: 500;
    font-size: 1.8rem;
}
body.sub .m00 .tabs_wrap.style2 li + li{
    margin-left: 4px;
}
body.sub .m00 .tabs_wrap.style2 li:after{
    display: block;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #269ee2;
    opacity: 0;
    z-index: 10;
}
body.sub .m00 .tabs_wrap.style2 li.on > *{
    color: #000;
    transition: 0.3s;
}
body.sub .m00 .tabs_wrap.style2 li.on:after{
    opacity: 1;
    transition: 0.3s;
}
body.sub .m00 .tabs_wrap.style2.list6 li{
    width: calc(16.66666666666667% - 3.333333333333333px);
}
body.sub .m00 .tabs_wrap.style2.list7 li{
    width: calc(14.28571428571429% - 3.428571428571429px);
}
body.sub .tabs_contents .con{
    display: none;
}
body.sub .tabs_contents .con1{
    display: block;
}
body.sub /*m11*/
.m11.page_layout_style1 .page_info_wrap{
    margin-bottom: 0;
}
body.sub .m11 .vision_philosophy_wrap{
    padding-top: 120px;
    padding-bottom: 170px;
}
body.sub .m11 .vision_philosophy .vision .con_title_g{
    margin-bottom: 65px;
}
body.sub .m11 .vision_philosophy .v_info_g{
    position: relative;
    width: 100vw;
    left: 50%;
    height: 700px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transform: translateX(-50%);
}
body.sub .m11 .vision_philosophy .v_info_g .bg{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
body.sub .m11 .vision_philosophy .v_info_g .slogan{
    color: #fff;
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 1.35;
}
body.sub .m11 .vision_philosophy .v_info_g .slogan .en{
    font-size: 5rem;
    font-family:'paperlogy',sans-serif;
}
body.sub .m11 .vision_philosophy .v_info_g .txt1{
    color: #fff;
    margin-top: 30px;
}
body.sub .m11 .vision_philosophy .philosophy{
    padding-top: 200px;
}
body.sub .m11 .vision_philosophy .philosophy .tabs_contents{
    padding-top: 100px;
}
body.sub .m11 .vision_philosophy .philosophy .sub_title .txt1{
    margin-top: 35px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list{
    padding-top: 120px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .con_title_g{
    text-align: center;
    margin-bottom: 50px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 2.7rem;
    color: #fff;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 145px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    border-top: 2px dotted #ccc;
    margin-top: 1px;
    z-index: -1;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li{
    position: relative;
    width: 25%;
    text-align: center;
    padding: 26px;
    border-radius: 50%;
    height: 20vw;
    max-height: 330px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: calc(100% + 3px);
    height: 100%;
    border-radius: 50%;
    border: 2px dotted #3eb5e0;
    transform: rotate(45deg);
    box-sizing: border-box;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2):before{
    border-color: #258adc;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(3):before{
    border-color: #166bc4;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(4):before{
    border-color: #0e4d90;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(even):before{
    border-bottom-color: #fff !important;
    border-right-color: #fff !important;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(odd):before{
    border-top-color: #fff !important;
    border-left-color: #fff !important;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li .g{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: -2px;
    z-index: 10;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:first-child:after{
    left: -3px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram:after{
    left: auto;
    right: -4px;
    background: #0e4d90;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(1):after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(1) .g{
    background: #3eb5e0;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2):after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2) .g{
    background: #258adc;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(3):after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(3) .g{
    background: #166bc4;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(4):after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(4) .g{
    background: #0e4d90;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li p{
    padding-top: 57px;
    background-repeat: no-repeat;
    background-position: top center;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li .en{
    display: block;
    font-size: 3rem;
    font-family:'paperlogy',sans-serif;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li .txt{
    font-size: 2rem;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list{
    position: relative;
    width: calc(100% + 200px);
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li + li{
    margin-top: 90px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box{
    width: calc(50% - 100px);
    order: 2;
    padding-right: 60px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .title{
    font-size: 3.2rem;
    color: #3eb5e0;
    font-weight: 500;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(2) .text_box .title{
    color: #258adc;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(3) .text_box .title{
    color: #166bc4;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(4) .text_box .title{
    color: #0e4d90;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .title .en{
    font-size: 3.4rem;
    font-family:'paperlogy',sans-serif;
    font-weight: 400;
    margin-right: 15px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .title .txt{
    font-size: 2.2rem;
    color: #222;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .sub_title{
    font-size: 2.2rem;
    color: #222;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: -0.5px;
    margin-top: 24px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .txt1{
    margin-top: 18px;
    letter-spacing: -0.4px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .img{
    width: calc(50% + 100px);
    height: 450px;
    overflow: hidden;
    order: 3;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .img span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(even){
    margin-left: -200px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(even) .img{
    order: 1;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(even) .text_box{
    padding: 0 0 0 100px;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(1):before{
    border-color: #0aa4db;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(2):before{
    border-color: #217bce;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(3):before{
    border-color: #4445af;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(4):before{
    border-color: #4e2990;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(1):after, body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(1) .g{
    background: #0aa4db;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(2):after, body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(2) .g{
    background: #217bce;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(3):after, body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(3) .g{
    background: #4445af;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(4):after, body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(4) .g{
    background: #4e2990;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(1) .text_box .title{
    color: #0aa4db;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(2) .text_box .title{
    color: #217bce;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(3) .text_box .title{
    color: #4445af;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(4) .text_box .title{
    color: #4e2990;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram:after{
    left: auto;
    right: -3px;
    background: #4e2990;
}
body.sub .m11 .ceo_greeting_wrap .main_title{
    margin-bottom: 55px;
}
body.sub .m11 .ceo_greeting_wrap .main_info:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: -500%;
    width: 1000%;
    height: 100%;
    background: #eaeaea;
    z-index: -1;
}
body.sub .m11 .ceo_greeting_wrap .main_info{
    position: relative;
    min-height: 620px;
    padding-top: 70px;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
}
body.sub .m11 .ceo_greeting_wrap .main_info .ceo{
    width: 50%;
    padding: 0 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
}
body.sub .m11 .ceo_greeting_wrap .main_info .ceo img{
    max-width: 100%;
}
body.sub .m11 .ceo_greeting_wrap .main_info .con_title_g{
    width: 50%;
    padding-top: 90px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
body.sub .m11 .ceo_greeting_wrap .main_info .con_title_g .title1{
    line-height: 1.6;
    font-size: 3.8rem;
}
body.sub .m11 .ceo_greeting_wrap .more_con{
    width: 100%;
    padding-top: 115px;
    display: flex;
    flex-wrap: wrap;
}
body.sub .m11 .ceo_greeting_wrap .more_con .slogan{
    width: 100%;
    font-size: 3.2rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 65px;
    line-height: 1.7;
}
body.sub .m11 .ceo_greeting_wrap .more_con .greeting{
    width: 50%;
    padding-right: 100px;
}
body.sub .m11 .ceo_greeting_wrap .more_con .greeting .title2{
    line-height: 1.6;
    letter-spacing: -0.5px;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box{
    width: 50%;
    padding: 0 50px 15px 0;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box + .text_box{
    padding-left: 100px;
    padding-right: 0;
    border-left: 1px solid #dbdbdb;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box > *{
    margin-top: -8px;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box > * + *{
    margin-top: 35px;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box > b{
    display: block;
    font-size: 1.9rem;
    color: #000;
    font-weight: 500;
    margin-top: 125px;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box > b img{
    margin-left: 35px;
    vertical-align: top;
    margin-top: -42px;
}
body.sub .m11 .history_wrap .history{
    position: relative;
    width: 100%;
}
body.sub .m11 .history_wrap .his_nav{
    position: relative;
    width: 100%;
    margin-bottom: 90px;
    padding: 0 100px;
}
body.sub .m11 .history_wrap .his_nav ul{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
body.sub .m11 .history_wrap .his_nav:before{
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0096e0;
}
body.sub .m11 .history_wrap .his_nav ul:before, body.sub .m11 .history_wrap .his_nav ul:after{
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    background: #0096e0;
    border: 0px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 0;
    box-sizing: border-box;
    transform-origin: top center;
}
body.sub .m11 .history_wrap .his_nav ul:after{
    left: auto;
    right: 0;
}
body.sub .m11 .history_wrap .his_nav li button{
    position: relative;
    padding-top: 45px;
    font-size: 1.8rem;
    color: #000;
    font-family:'paperlogy',sans-serif;
    font-weight: 600;
}
body.sub .m11 .history_wrap .his_nav li button span{
    font-weight: 500;
}
body.sub .m11 .history_wrap .his_nav li button:before{
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    background: #0096e0;
    border: 0px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    transform-origin: top center;
}
body.sub .m11 .history_wrap .his_nav li button:after{
    display: block;
    content: "";
    width: 29px;
    height: 29px;
    background: #fff;
    border: 11px solid #0096e0;
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 50%;
    transform: translateX(-50%) scale(0);
    transition: 0.5s;
    box-sizing: border-box;
}
body.sub .m11 .history_wrap .his_nav li.on button:after{
    transform: translateX(-50%) scale(1);
}
body.sub .m11 .history_wrap .his_con{
    position: relative;
    width: calc(100% + 10px);
}
body.sub .m11 .history_wrap .h_item{
    position: relative;
    width: 100%;
}
body.sub .m11 .history_wrap .h_item:after{
    display: block;
    content: "";
    clear: both;
}
body.sub .m11 .history_wrap .h_item .his{
    position: relative;
    width: calc(50% - 140px - 10px);
    float: left;
    padding: 40px 60px 0 0;
}
body.sub .m11 .history_wrap .h_item .his .big_year{
    font-size: 9.4rem;
    color: #0096e0;
    font-family:'paperlogy',sans-serif;
    line-height: 0.9;
    font-weight: 600;
    letter-spacing: -1px;
}
body.sub .m11 .history_wrap .h_item .his .big_year span{
    position: relative;
    top: -3px;
    font-size: 5rem;
    font-family:'paperlogy',sans-serif;
    font-weight: 700;
}
body.sub .m11 .history_wrap .h_item .his .img{
    width: calc(100% + 200px + 5px);
    height: 420px;
    background: #f5f5f5;
    float: right;
    margin: 52px 95px 0 0;
}
body.sub .m11 .history_wrap .h_item .his .img span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub .m11 .history_wrap .h_item .list_wrap{
    position: relative;
    float: left;
    width: calc(50% + 140px + 10px);
}
body.sub .m11 .history_wrap .h_item .list_wrap .list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list.type2{
    min-height: 400px;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list .year{
    width: 140px;
    font-size: 2.2rem;
    color: #014099;
    font-family:'paperlogy',sans-serif;
    padding-top: 45px;
    border-right: 1px solid #dbdbdb;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list:last-child > ul{
    padding-bottom: 30px;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul{
    width: calc(100% - 140px);
    padding: 42px 0 0 90px;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul > li{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul > li + li{
    margin-top: 4px;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul > li > .month{
    width: 75px;
    font-size: 1.8rem;
    font-family:'paperlogy',sans-serif;
    color: #111;
    line-height: 1.75;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul > li > .txt1{
    width: calc(100% - 75px);
    letter-spacing: -0.4px;
}
body.sub .m11 .history_wrap .h_item.on .his .img{
    animation-name: showImg;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
}
body.sub .m11 .history_wrap .h_item.on .his .img span{
    animation-name: scaleAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
}
body.sub .m11 .establishment_g{
    padding-top: 28px;
}
body.sub .m11 .establishment_g .tabs_contents{
    position: relative;
}
body.sub .m11 .establishment_g .tabs_wrap{
    margin-bottom: 100px;
    display: flex !important;
}
body.sub .m11 .establishment_g .tabs_contents .con{
    position: relative;
    width: 100%;
    background: #edeeef;
    padding: 70px;
}
body.sub .m11 .establishment_g .tabs_contents .info_g{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body.sub .m11 .establishment_g .tabs_contents .info_g.type2{
    align-items: flex-start;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .img{
    width: 520px;
    height: 360px;
    background: #ffffff;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .img img{
    width: 100%;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .info{
    width: calc(100% - 520px);
    padding: 20px 0 20px 60px;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .info .sub_tit{
    font-size: 2rem;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .info .i_list1{
    margin-top: 42px;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .info .title{
    font-size: 4rem;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
}
body.sub .m11 .establishment_g .tabs_contents .map{
    margin-top: 57px;
    padding-top: 57px;
    border-top: 1px solid #cccccd;
}
body.sub .m11 .establishment_g .tabs_contents .map iframe{
    width: 100%;
    height: 480px;
    border: 1px solid #cacbcb !important;
}
body.sub .m11 .affiliated_g{
    padding-top: 100px;
}
body.sub .m11 .affiliated_g .item_list{
    position: relative;
    width: 100%;
    border-top: 2px solid #269ee2;
}
body.sub .m11 .affiliated_g .item_list .item{
    width: 100%;
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #dbdbdb;
}
body.sub .m11 .affiliated_g .item_list .item .logo{
    width: 420px;
    height: 230px;
    background: #f6f6f6;
}
body.sub .m11 .affiliated_g .item_list .item .logo img{
    width: 100%;
}
body.sub .m11 .affiliated_g .item_list .item .info_g{
    width: calc(100% - 420px);
    padding: 28px 0 0 75px;
}
body.sub .m11 .affiliated_g .item_list .item .info_g .title{
    font-size: 3rem;
    color: #000;
    font-weight: 600;
}
body.sub .m11 .affiliated_g .item_list .item .info_g .i_list1{
    margin-top: 28px;
}
body.sub .page_layout_style2 .page_info_wrap .title4{
    margin-top: 45px;
}
body.sub .page_layout_style2 .page_info_wrap .txt1{
    margin-top: 12px;
}
body.sub .page_layout_style2 .con_title_g.main_title .txt1{
    margin-top: 42px;
}
body.sub .page_layout_style2 .con_title_g.sub_title{
    margin-bottom: 60px;
}
body.sub .page_layout_style2 .con_title_g.sub_title .txt1{
    margin-top: 25px;
}
body.sub .page_layout_style2 .con_title_g.sub_title .txt1 b{
    color: #000;
    font-weight: 500;
}
body.sub .page_layout_style2 .list_wrap_style1 .list{
    width: 50%;
    background-repeat: no-repeat;
    background-position: top left 15px;
    padding: 10px 40px 0 85px;
}
body.sub .page_layout_style2 .list_wrap_style1 .list:nth-child(n+3){
    margin-top: 65px;
}
body.sub .page_layout_style2 .list_wrap_style1 .list .tit{
    font-size: 2.2rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 17px;
    line-height: 1.7;
}
body.sub .page_layout_style2 .list_wrap_style1 .list .dot_list li{
    position: relative;
    padding-left: 10px;
}
body.sub .page_layout_style2 .list_wrap_style1 .list .dot_list li + li{
    margin-top: 8px;
}
body.sub .page_layout_style2 .list_wrap_style1 .list .dot_list li:before{
    display: block;
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 500;
}
body.sub .page_layout_style2 section .contents{
    position: relative;
    width: 100%;
    padding-top: 160px;
}
body.sub .page_layout_style2 section .contents .con_g{
    position: relative;
    width: 100%;
    padding-top: 110px;
}
body.sub .page_layout_style2 section .contents .con_g + .con_g{
    margin-top: 130px;
}
body.sub .page_layout_style1 .list_layout_style3{
    position: relative;
    width: 100%;
    overflow: hidden;
}
body.sub .page_layout_style1 .list_layout_style3 > li{
    position: relative;
    max-width: 880px;
    width: 90%;
    float: left;
}
body.sub .page_layout_style1 .list_layout_style3 > li + li{
    margin-top: 150px;
}
body.sub .page_layout_style1 .list_layout_style3 > li .img{
    width: 100%;
    height: 486px;
    overflow: hidden;
}
body.sub .page_layout_style1 .list_layout_style3 > li .img span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con{
    position: absolute;
    width: 455px;
    min-height: 225px;
    bottom: 0;
    right: 0;
    background: #fff;
    padding: 52px 0 15px 60px;
    z-index: 10;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .num{
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: 13rem;
    color: #fff;
    line-height: 0.8;
    font-family:'paperlogy',sans-serif;
    font-weight: 700;
    margin-bottom: -4px;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .tit{
    font-size: 2.7rem;
    font-family:'paperlogy',sans-serif;
    color: #111;
    font-weight: 600;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .tit span:before{
    display: inline-block;
    content: "";
    width: 1px;
    height: 15px;
    background: #c7c7c7;
    margin: 0 13px 0 11px;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .tit span{
    font-size: 1.8rem;
    color: #111;
    font-weight: 400;
    font-family:'paperlogy',sans-serif;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .tit.en{
    font-weight: 500;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .txt1{
    margin-top: 20px;
}
body.sub .page_layout_style1 .list_layout_style3 > li:nth-child(even){
    float: right;
}
body.sub .page_layout_style1 .list_layout_style3 > li:nth-child(even) .con{
    text-align: right;
    padding: 52px 60px 15px 0px;
    width: 460px;
    right: auto;
    left: -15px;
}
body.sub .page_layout_style1 .list_layout_style3 > li:nth-child(even) .con .num{
    left: auto;
    right: 10px;
}
body.sub .page_layout_style1 .contents_style1{
    padding: 135px 0 160px;
    margin-top: 200px;
}
body.sub .page_layout_style1 .contents_style1:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100vw - 200px);
    height: 100%;
    background: #000;
    transform: translateX(-50%);
    z-index: -1;
}
body.sub .page_layout_style1 .contents_style1 .con_title_g.sub_title{
    margin-bottom: 40px;
}
body.sub .page_layout_style1 .contents_style1 .con_title_g .title2.type2{
    color: #fff;
}
body.sub .page_layout_style1 .contents_style1 .con_title_g .title2.type2:before{
    background: #fff;
}
body.sub .page_layout_style1 .contents_style1 .con_title_g .title4{
    color: #fff;
    font-weight: 500;
    margin-top: 25px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap .item{
    background: rgba(255,255,255,0.85);
    padding: 50px 30px 50px;
    text-align: center;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap.list2 .item{
    width: calc(50% - 15px);
    margin-right: 30px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap.list2 .item:nth-child(2n){
    margin-right: 0px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap.list2 .item:nth-child(n+3){
    margin-top: 30px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap.list3 .item{
    width: calc(33.333333333333% - 20px);
    margin-right: 30px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap.list3 .item:nth-child(3n){
    margin-right: 0px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap.list3 .item:nth-child(n+4){
    margin-top: 30px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap.list4 .item{
    width: calc(25% - 21px);
}
body.sub .page_layout_style1 .contents_style1 .items_wrap.list4 .item + .item{
    margin-left: 28px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap .title{
    padding-top: 65px;
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    line-height: 1.64;
    letter-spacing: -0.25px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap .con{
    margin-top: 10px;
}
body.sub .scroll_x.type2 .scroll_con{
    width: 1321px;
}
body.sub .list_wrap_style2.list5 > li{
    width: 20%;
}
body.sub .list_wrap_style2 > li .num{
    font-size: 1.8rem;
    color: #111;
    font-weight: 600;
    font-family:'paperlogy',sans-serif;
    margin-bottom: 15px;
}
body.sub .list_wrap_style2 > li .txt1{
    position: relative;
    margin-top: 13px;
    z-index: 10;
}
body.sub .list_wrap_style2.type2{
    padding: 0;
    overflow: hidden;
}
body.sub .list_wrap_style2.type2:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 50px solid #f6f6f6;
    box-sizing: border-box;
    z-index: 1;
}
body.sub .list_wrap_style2.type2 > li{
    position: relative;
    width: 50%;
    padding: 55px 0;
    border: 0;
}
body.sub .list_wrap_style2.type2 > li:nth-child(even){
    border-left: 1px solid #ddd;
}
body.sub .list_wrap_style2.type2 > li:nth-child(even):before, body.sub .list_wrap_style2.type2 > li:nth-child(even):after{
    display: block;
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    right: calc(100% - 50px);
    background: #f6f6f6;
    z-index: 10;
}
body.sub .list_wrap_style2.type2 > li:nth-child(even):after{
    top: auto;
    bottom: -50px;
}
body.sub .list_wrap_style2.type2 > li:nth-child(n+3){
    border-top: 1px solid #ddd;
}
body.sub .list_wrap_style2.type2 > li .tit{
    position: relative;
    padding-top: 75px;
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 1.8rem;
    color: #111;
    font-weight: 500;
    z-index: 10;
}
body.sub .m211 .keyword_wrap .title{
    font-size: 2.6rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 75px;
}
body.sub .m211 .keyword_wrap .keyword_list{
    position: relative;
    width: 100%;
    overflow: hidden;
}
body.sub .m211 .keyword_wrap .keyword_list li{
    position: relative;
    max-width: 880px;
    width: 90%;
    float: left;
}
body.sub .m211 .keyword_wrap .keyword_list li + li{
    margin-top: 150px;
}
body.sub .m211 .keyword_wrap .keyword_list li .img{
    width: 100%;
    height: 486px;
    overflow: hidden;
}
body.sub .m211 .keyword_wrap .keyword_list li .img span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub .m211 .keyword_wrap .keyword_list li .con{
    position: absolute;
    width: 455px;
    min-height: 225px;
    bottom: 0;
    right: 0;
    background: #fff;
    padding: 52px 0 15px 60px;
    z-index: 10;
}
body.sub .m211 .keyword_wrap .keyword_list li .con .num{
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: 13rem;
    color: #fff;
    line-height: 0.8;
    font-family:'paperlogy',sans-serif;
    font-weight: 700;
    margin-bottom: -4px;
}
body.sub .m211 .keyword_wrap .keyword_list li .con .tit{
    font-size: 2.7rem;
    font-family:'paperlogy',sans-serif;
    color: #111;
    font-weight: 600;
}
body.sub .m211 .keyword_wrap .keyword_list li .con .tit.en{
    font-weight: 500;
}
body.sub .m211 .keyword_wrap .keyword_list li .con .txt1{
    margin-top: 20px;
}
body.sub .m211 .keyword_wrap .keyword_list li:nth-child(even){
    float: right;
}
body.sub .m211 .keyword_wrap .keyword_list li:nth-child(even) .con{
    text-align: right;
    padding: 52px 60px 15px 0px;
    width: 460px;
    right: auto;
    left: -15px;
}
body.sub .m211 .keyword_wrap .keyword_list li:nth-child(even) .con .num{
    left: auto;
    right: 10px;
}
body.sub .m211 .sec1 .process_wrap .con_title_g{
    margin-bottom: 80px;
}
body.sub .m211 .sec1 .process_list{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
body.sub .m211 .sec1 .process_list:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 1px;
    border-top: 1px dashed #e6e6e6;
    z-index: 10;
    transform: translateX(-50%);
}
body.sub .m211 .sec1 .process_list .item{
    position: relative;
    width: calc(20% - 20px);
    height: 328px;
    text-align: center;
    padding: 3px 0 0 71px;
}
body.sub .m211 .sec1 .process_list .item + .item{
    margin-left: 25px;
}
body.sub .m211 .sec1 .process_list .item:before, body.sub .m211 .sec1 .process_list .item:after{
    display: block;
    content: "";
    width: 91%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 17%;
    background: #ededed;
    transform: skewx(25deg);
    z-index: -1;
}
body.sub .m211 .sec1 .process_list .item:after{
    top: 50%;
    transform: skewx(-25deg);
}
body.sub .m211 .sec1 .process_list .item:nth-child(2):before, body.sub .m211 .sec1 .process_list .item:nth-child(2):after{
    background: #b1eddf;
}
body.sub .m211 .sec1 .process_list .item:nth-child(3):before, body.sub .m211 .sec1 .process_list .item:nth-child(3):after{
    background: #91d3eb;
}
body.sub .m211 .sec1 .process_list .item:nth-child(4):before, body.sub .m211 .sec1 .process_list .item:nth-child(4):after{
    background: #90a9e9;
}
body.sub .m211 .sec1 .process_list .item:nth-child(5):before, body.sub .m211 .sec1 .process_list .item:nth-child(5):after{
    background: #9799e2;
}
body.sub .m211 .sec1 .process_list .item .tit{
    width: 100%;
    height: 50%;
    font-size: 2rem;
    color: #000;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
body.sub .m211 .sec1 .process_list .item .tit p{
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 55px;
}
body.sub .m211 .sec1 .process_list .item .txt1{
    width: 100%;
    height: 50%;
    padding-top: 30px;
    color: #000;
}
body.sub .m211 .sec1 .diagram_wrap .dx_diagram{
    position: relative;
    text-align: center;
    background: #f6f6f6;
    padding: 55px 60px 60px;
}
body.sub .m211 .sec1 .diagram_wrap .dx_diagram .title{
    font-size: 2.6rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 55px;
}
body.sub .m211 .sec1 .diagram_wrap .box{
    position: relative;
    width: 100%;
    background: #ffffff;
    text-align: left;
    margin-top: 45px;
    padding: 35px 48px;
}
body.sub .m211 .sec1 .diagram_wrap .box .dot_list_style1{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
body.sub .m211 .sec1 .diagram_wrap .box .dot_list_style1 li{
    width: 50%;
}
body.sub .m211 .sec1 .diagram_wrap .box .dot_list_style1 li:nth-child(n+3){
    margin-top: 6px;
}
body.sub .m211 .sec1 .diagram_wrap .box .dot_list_style1 li b{
    color: #000;
    font-weight: 500;
}
body.sub .m211 .sec1 .effect_wrap{
    padding-bottom: 140px;
}
body.sub .m33 .con_title_g.main_title{
    margin-bottom: 55px;
}
body.sub #wrap .m33 .pr_center1 .inner{
    padding-bottom: 110px;
}
body.sub .m33 .pr_center1 sup{
    display: inline-block;
    vertical-align: top;
}
body.sub .m33 .pr_center1 .tabs_wrap{
    margin-bottom: 110px;
}
body.sub .m33 .pr_center1 .tabs_contents .con_title_g{
    margin-bottom: 42px;
}
body.sub .m33 .pr_center1 .tabs_contents .con_title_g .txt1{
    margin-top: 35px;
}
body.sub .m33 .pr_center1 .tabs_contents .table{
    position: relative;
    width: 100%;
    border-top: 2px solid #000000;
}
body.sub .m33 .pr_center1 .tabs_contents .table .tr{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}
body.sub .m33 .pr_center1 .tabs_contents .table .thead{
    border-bottom: 1px solid #999999;
}
body.sub .m33 .pr_center1 .tabs_contents .table .th{
    font-size: 1.8rem;
    color: #222;
    font-weight: 500;
    padding: 23px 10px;
}
body.sub .m33 .pr_center1 .tabs_contents .table .td{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 23px 10px;
}
body.sub .m33 .pr_center1 .tabs_contents .table .td img{
    max-width: 100%;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g + .info_g{
    margin-top: 65px;
    padding-top: 65px;
    border-top: 1px solid #dbdbdb;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g .info + .info{
    margin-top: 32px;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g .info .txt1 > p + p{
    margin-top: 32px;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g .info .tit{
    font-size: 2rem;
    color: #111;
    font-weight: 600;
    margin-bottom: 5px;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g .info .tit.type2{
    font-size: 1.8rem;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g2 .info .tit{
    font-size: 2.2rem;
    color: #0085ce;
    margin-bottom: 7px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .con_title_g{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat right top;
    padding-bottom: 22px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .th:nth-child(1), body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(1){
    width: 18%;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .th:nth-child(2), body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(2){
    width: 18%;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .th:nth-child(3), body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(3){
    width: 64%;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(3){
    text-align: left;
    justify-content: flex-start;
    padding-left: 60px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table{
    margin: 35px 0 45px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table .tr > *{
    width: 50%;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table .tr:last-child{
    border-bottom: 1px solid #000;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table .th:nth-child(2), body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table .td:nth-child(2){
    border-left: 1px solid #e5e5e5;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con3 .box{
    background: #f4f4f4;
    font-size: 1.8rem;
    text-align: center;
    padding: 33px 20px;
    margin-top: 45px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con3 .box a{
    border-bottom: 1px solid #111111;
    color: #111111;
    font-weight: 500;
}
body.sub .m33 .pr_center2 .corporate_identity{
    padding: 85px 0;
    border-bottom: 1px solid #dbdbdb;
}
body.sub .m33 .pr_center2 .main_logo{
    position: relative;
    width: 100%;
    height: 380px;
    border: 1px solid #dbdbdb;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 100px;
}
body.sub .m33 .pr_center2 .main_logo img{
    max-width: 100%;
}
body.sub .m33 .ci_info_wrap{
    display: flex;
    flex-wrap: wrap;
}
body.sub .m33 .ci_info_wrap .con_title_g.sub_title{
    width: 450px;
    padding-right: 100px;
    border-right: 1px solid #dbdbdb;
}
body.sub .m33 .ci_info_wrap .more_con{
    width: calc(100% - 450px);
    padding: 0 70px 0 100px;
}
body.sub .m33 .ci_info_wrap .more_con p + p{
    margin-top: 25px;
}
body.sub .m33 .pr_center2 .ci_wrap{
    position: relative;
    width: 100%;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g{
    padding: 90px 0 0 0;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .title{
    font-size: 2.8rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 30px;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 370px;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con .item{
    position: relative;
    width: 50%;
    text-align: center;
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con .item:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background: #f3f3f3;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con .item + .item:before{
    right: auto;
    left: 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con .item img{
    position: relative;
    max-width: 100%;
    z-index: 10;
}
body.sub .m33 .pr_center2 .color_regulation{
    padding-top: 175px;
}
body.sub .m33 .pr_center2 .color_regulation .ci_info_wrap{
    padding-bottom: 85px;
}
body.sub .m33 .pr_center2 .color_regulation .ci_info_wrap .more_con{
    padding-right: 20px;
}
body.sub .m33 .pr_center2 .color_items{
    width: 100%;
    border: 1px solid #dbdbdb;
    padding: 60px 60px 53px 60px;
    display: flex;
    flex-wrap: wrap;
    font-family:'paperlogy',sans-serif;
}
body.sub .m33 .pr_center2 .color_items .item{
    width: calc(33.33333333% - 18px);
}
body.sub .m33 .pr_center2 .color_items .item + .item{
    margin-left: 27px;
}
body.sub .m33 .pr_center2 .color_items .item .color{
    width: 100%;
    height: 150px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 200;
}
body.sub .m33 .pr_center2 .color_items .item .txt{
    position: relative;
    width: 100%;
    padding-top: 15px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 1.8rem;
    color: #000;
    font-weight: 300;
}
body.sub .m33 .pr_center2 .color_items .item .txt span:after{
    display: inline-block;
    content: "";
    width: 1px;
    height: 11px;
    background: #dbdbdb;
    vertical-align: top;
    margin: 4px 13px 0 12px;
}
body.sub .m33 .pr_center2 .color_items .item .txt span:last-child:after{
    display: none;
}
body.sub .m33 .sub-container{
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
}
body.sub .m33 .sub-container .subtab{
    display: flex;
    gap: 38px;
}
body.sub .m33 .sub-container .subtab li{
    font-size: 20px;
    color: #d8d8d8;
    font-weight: 500;
    cursor: pointer;
}
body.sub .m33 .sub-container .subtab li.on{
    color: #000;
    font-weight: 600;
}
body.sub .m33 .sub-container form{
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
body.sub .m33 .sub-container form .select-box{
    position: relative;
}
body.sub .m33 .sub-container form select{
    box-sizing: border-box;
    padding: 0px 20px;
    width: 150px;
    height: 60px;
    font-size: 1.8rem;
    background-color: #f3f3f3;
    appearance: none;
    border: none;
    outline: none;
}
body.sub .m33 .sub-container form .select-box::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #888;
    transform: translateY(-50%);
}
body.sub .m33 .sub-container form select option{
    font-size: 1.8rem;
    padding: 0px 20px;
    background-color: #fff;
}
body.sub .m33 .sub-container form .select-box:focus-within::after{
    transform: translateY(-50%) rotate(180deg);
}
body.sub .m33 .sub-container form .input-box{
    position: relative;
}
body.sub .m33 .sub-container form .input-box input{
    box-sizing: border-box;
    padding: 0px 60px 0 20px;
    width: 320px;
    height: 60px;
    font-size: 1.8rem;
    background-color: #f3f3f3;
    appearance: none;
    border: none;
    outline: none;
}
body.sub .m33 .sub-container form .input-box button{
    position: absolute;
    right: 0;
    width: 60px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
}
body.sub .m33  #sec3 .contents{
    display: none;
    padding: 20px 0;
}
body.sub .m33  #sec3 .contents.on{
    display: block;
}
body.sub .m42 .recruit_wrap1 .contents{
    padding: 155px 0;
}
body.sub .m42 .con_title_g.main_title .title4{
    margin-top: 35px;
}
body.sub .m42 .recruit_step li .tit{
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 55px;
    font-size: 2rem;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.5px;
}
body.sub .m42 .recruit_step li .num{
    font-size: 1.8rem;
    color: rgba(17,17,17,0.7);
    font-family:'paperlogy',sans-serif;
    margin-top: 7px;
}
body.sub .m42 .recruit_step li.last > .num{
    color: rgba(255,255,255,0.7);
    font-weight: 300;
}
body.sub .m42 .recruit_list li .tit{
    width: 230px;
    font-size: 2.2rem;
    color: #000;
    font-weight: 500;
}
body.sub .m42 .recruit_list li .con{
    width: calc(100% - 230px);
}
body.sub .m42 .recruit_list li .num{
    position: absolute;
    top: 50%;
    right: 45px;
    font-family:'paperlogy',sans-serif;
    font-size: 12rem;
    color: #f4f4f4;
    font-weight: 700;
    transform: translateY(-50%);
}
body.sub #wrap .m42 .recruit_wrap2 .inner{
    padding-bottom: 120px;
}
body.sub .m42 .recruit_wrap2 .link_g .act{
    background: #269ee2;
    color: #fff;
}
body.sub .m42 .recruit_agreement .contents .inner{
    width: 100%;
    max-width: 100%;
}
body.sub .m42 .recruit_agreement .form_wrap .inner{
    padding-bottom: 0;
}
body.sub .m42 .recruit_agreement .agreement_wrap .con_title_g.main_title .title1{
    position: relative;
    font-size: 3.2rem;
    color: #000;
    line-height: 1.4;
    font-weight: 600;
    padding-left: 23px;
}
body.sub .m42 .recruit_agreement .agreement_wrap .con_title_g.main_title .title1:before{
    display: block;
    content: "";
    width: 4px;
    height: 26px;
    background: #000;
    position: absolute;
    top: 10px;
    left: 0;
}
body.sub .m42 .recruit_agreement .agreement_wrap .agr_list .list .sub_title .title2{
    font-size: 2.4rem;
}
body.sub .board_list .list_wrap li .more_con{
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    background: #f3f3f3;
    border-radius: 50%;
    transition: 0.3s;
}
body.sub .board_list .list_wrap li .more_con span{
    width: 22px;
    height: 16px;
    display: block;
    margin: 0 auto;
}
body.sub .board_list .list_wrap li .more_con span svg{
    width: 100%;
    height: 100%;
}
body.sub .board_list .list_wrap li .more_con span svg *{
    stroke: #333;
}
body.sub .board_list .list_wrap li:hover .more_con{
    background: #269ee2;
}
body.sub .board_list .list_wrap li:hover .more_con span svg *{
    stroke: #fff;
    stroke-width: 1.5;
}
body.sub .board_skin1 .sec1{
    padding-bottom: 165px;
}
body.sub .board_skin1 .list_wrap li .date{
    font-family:'paperlogy',sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1em;
}
body.sub .board_skin1 .list_wrap li .title{
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    margin-top: 20px;
}
body.sub .board_skin1 .list_wrap li .title .g{
    max-width: calc(100% - 100px);
    display: inline-block;
}
body.sub .board_skin1 .list_wrap li.file .title .g{
    padding-right: 38px;
    background: url('/resources/images/common/file.svg')no-repeat top 7px right;
}
body.sub .board_skin2 .list_wrap li .date{
    width: 148px;
    font-family:'paperlogy',sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1em;
    text-align: center;
}
body.sub .board_skin2 .list_wrap li .title{
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 4px;
}
body.sub .board_skin2 .list_wrap .cate{
    width: 140px;
    text-align: center;
}
body.sub .board_skin2 .list_wrap .cate span{
    min-width: 72px;
    font-size: 1.8rem;
    color: #8f2fd8;
    border: 1px solid #8f2fd8;
    padding: 5px 12px;
    border-radius: 28px;
    display: inline-block;
    font-family:'paperlogy',sans-serif;
    font-weight: 300;
    letter-spacing: -0.7px;
}
body.sub .board_skin2 .list_wrap .cate.type1 span{
    color: #8f2fd8;
    border-color: #8f2fd8;
}
body.sub .board_skin2 .list_wrap .cate.type2 span{
    color: #00a987;
    border-color: #00a987;
}
body.sub .board_skin2 .list_wrap .cate.type3 span{
    color: #269ee2;
    border-color: #269ee2;
}
body.sub .board_skin2 .list_wrap .cate.type4 span{
    color: #0e4d90;
    border-color: #0e4d90;
}
body.sub .board_skin3 .list_wrap li.file .info .title_g .title{
    background: url('/resources/images/common/file.svg')no-repeat top 7px right;
    padding-right: 38px;
}
body.sub .board_skin3 .list_wrap li .cate{
    width: 160px;
}
body.sub .board_skin3 .list_wrap li .cate span{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #fff;
    letter-spacing: -0.5px;
}
body.sub .board_skin3 .list_wrap li .info{
    width: calc(100% - 160px - 165px);
}
body.sub .board_skin3 .list_wrap li .info .date{
    font-size: 1.8rem;
    color: #555;
    font-family:'paperlogy',sans-serif;
}
body.sub .board_skin3 .list_wrap li .info .title_g{
    margin-top: 6px;
}
body.sub .board_skin3 .list_wrap li .info .title_g .title{
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    max-width: calc(100% - 100px);
    min-height: 25px;
    display: inline-block;
}
body.sub .board_skin3 .list_wrap li .recruit.disabled{
    color: rgba(0,0,0,0.4);
}
body.sub .board_view .g_container .g_head .title{
    font-size: 3.6rem;
    color: #000000;
    letter-spacing: -0.25px;
    font-weight: 600;
    line-height: 1.3;
    word-break: keep-all;
}
body.sub .board_view .g_container .g_head .date{
    font-size: 1.8rem;
    font-family:'paperlogy',sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
}
body.sub .board_view .g_container .g_head .recruit .cate{
    width: 80px;
    height: 80px;
    font-size: 1.8rem;
    color: #fff;
    letter-spacing: -0.5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
body.sub .board_view .g_container .g_file .tit{
    position: relative;
    font-size: 1.8rem;
    color: #222222;
    font-weight: 500;
    width: 80px;
}
body.sub .board_view .g_container .g_file .tit:after{
    display: block;
    content: "";
    width: 1px;
    height: 15px;
    background: #e5e5e5;
    position: absolute;
    top: 11px;
    right: 0;
}
body.sub .board_view .g_pagination .page_nav.next .arrow{
    left: auto;
    right: 0;
    background-image: none;
}
body.sub .board_view .g_pagination .page_nav a .arrow{
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border: 1px solid #cccccc;
    border-radius: 18px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.5s;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
    background-color: #333;
}
body.sub .board_view .g_pagination .page_nav.next .arrow{
    transform: scaleX(-1);
}
body.sub .board_view .g_pagination .page_nav a:hover .arrow{
    background-color: #f5f5f5;
}
body.sub .board_view .g_pagination .pg_list_btn a .txt{
    font-size: 1.8rem;
    color: #fff;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    letter-spacing: 0.35px;
}
body.sub .i_list1 > li.tel{
    background-image: url('/resources/images/common/tel.svg');
}
body.sub .i_list1 > li .tit{
    width: 65px;
    color: #000;
}
body.sub .i_list1 > li .txt{
    width: calc(100% - 65px);
    font-size: 1.8rem;
    margin-top: 1px;
}
body.sub .recruit_wrap_g .agreement_wrap .agr_list .list + .list{
    margin-top: 75px;
}
body.sub .recruit_wrap_g .agreement_wrap .agr_list .list .sub_title{
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 22px;
    border-bottom: 2px solid #000;
}
body.sub .recruit_wrap_g .agreement_wrap .agr_list .list .agr_info{
    position: relative;
    width: 100%;
    background: #f9f9f9;
    padding: 39px 50px;
}
body.sub .recruit_wrap_g .agreement_wrap .agr_list .list .agr_info pre{
    white-space: pre-line;
    font-family:'paperlogy',sans-serif;
    line-height: 2;
}
body.sub #wrap .recruit_agreement .agreement_wrap .inner{
    padding-bottom: 120px;
}
body.sub #wrap .page_form_wrap .main_title{
    margin-bottom: 100px;
}
body.sub .form_wrap .step_wrap li.on .fig{
    background-color: #3eb5e0;
}
body.sub .form_wrap .step_wrap li.step2.on .fig{
    background-color: #258adc;
}
body.sub .form_wrap .step_wrap li.step3.on .fig{
    background-color: #166bc4;
}
body.sub .form_wrap .step_wrap.type1 li.step4.on .fig{
    background-color: #166bc4;
}
body.sub .form_wrap .step_wrap li.step4.on .fig{
    background-color: #0e4d90;
}
body.sub .form_wrap .step_wrap li .step_info .txt:before{
    display: block;
    content: "STEP 01";
    font-size: 1.8rem;
    color: rgba(136,136,136,0.6);
    font-family:'paperlogy',sans-serif;
    font-weight: 500;
    margin-bottom: 6px;
}
body.sub .form_wrap .step_wrap li:nth-child(2) .step_info .txt:before{
    content: "STEP 02";
}
body.sub .form_wrap .step_wrap li:nth-child(3) .step_info .txt:before{
    content: "STEP 03";
}
body.sub .form_wrap .step_wrap li:nth-child(4) .step_info .txt:before{
    content: "STEP 04";
}
body.sub .form_wrap .step_wrap li .step_info .txt{
    color: rgba(136,136,136,0.6);
    font-weight: 500;
    font-size: 2.2rem;
    width: 150%;
}
body.sub .form_wrap .step_wrap li.on .step_info .txt:before{
    color: #9d9d9d;
}
body.sub .form_wrap .step_wrap li.on .step_info .txt{
    color: #000;
    /* font-weight:600; */
}
body.sub .form_wrap .step_wrap li.act.step1:after{
    background-image: url(/resources/images/common/arrow.svg);
}
body.sub .form_wrap .step_wrap li.act.step2:after{
    background-image: url(/resources/images/common/arrow.svg);
}
body.sub .form_wrap .step_wrap li.act.step3:after{
    background-image: url(/resources/images/common/arrow.svg);
}
body.sub .form_wrap .step_wrap.type1 li .step_info .txt{
    width: 100%;
}
body.sub .form_wrap .con_title_g.sub_title{
    margin-bottom: 26px;
}
body.sub .form_wrap .table .tr.line{
    border-right: 1px solid #e5e5e5;
}
body.sub .form_wrap .table .tr.type2{
    margin-right: 50%;
}
body.sub .form_wrap .table .tr.type3{
    padding-right: calc(50% + 20px);
}
body.sub .form_wrap .table .td{
    width: calc(100% - 180px);
}
body.sub .form_wrap .table .td.school{
    display: flex;
    flex-wrap: wrap;
}
body.sub .form_wrap .table .td.school .input{
    width: calc(100% - 160px - 10px);
}
body.sub .form_wrap .table .td.school button{
    width: 160px;
    height: 60px;
    background: #6a6b6b;
    color: #fff;
    margin-left: 10px;
}
body.sub .form_wrap .table .td .datepicker_g{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body.sub .form_wrap .table .td .datepicker_g .item{
    width: 50px;
    text-align: center;
    font-size: 3rem;
    font-weight: 300;
}
body.sub .form_wrap .table .td .datepicker_g .input{
    width: calc(50% - 25px);
    max-width: 430px;
}
body.sub .form_wrap .table .td .input_type2{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body.sub .form_wrap .table .td .input_type2 .input{
    width: calc(100% - 50px);
}
body.sub .form_wrap .table .td .input_type2 .item{
    width: 50px;
    text-align: right;
}
body.sub .form_wrap .table .td select{
    width: 100%;
    height: 60px;
    border: 0;
    padding: 0 20px;
    background: #f9f9f9 url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1417.3 1417.3'%3E%3Cg transform='rotate(-90 708.65 708.65)'%3E%3Cpath fill='%23666' d='M1333.9,660.3H511.8c9.7-77.4,50-247.1,216.6-297,9.4-2.8,15.9-10.3,17-19.4.9-8.2-2.7-15.9-9.5-20.7l-.6-.5-1.6-.9c-4.7-2.6-10.2-3.9-15.9-3.9h-6.8c-5.8,0-11.3,1.4-16,4-3.4,1.9-6.2,4.5-8.4,7.5-36.5,22.9-342.2,190.4-619.9,341.3-7.5,4.1-12.1,11.7-12.1,19.9,0,8.3,4.6,15.7,12.3,19.8,200.6,107.3,579.4,310.8,620.2,335.4,1.8,2.4,4.1,4.5,6.7,6.2,2.8,1.8,7,3.8,14.5,3.8s8.3-.5,13.8-1.8c10.9-2.5,18.5-11.2,18.9-21.5.4-10.3-6.3-19.3-16.8-22.6-172.9-54.4-207.1-238.3-213.6-295.7h823.3c16.5,0,28.9-10.8,28.9-25v-3.8c0-14.3-12.4-25-28.9-25ZM540.7,919.3c-35.6-19.3-76.5-41.4-122.5-66.1-121-65.2-246.7-132.5-303.2-162.8,58.1-31.6,182-99.1,303.2-165.5,46.1-25.3,87.2-47.8,122.8-67.5-9.7,14.8-18.5,30.7-26.4,47.4-34.5,73.1-43.2,146.3-45.3,174.3v.4c-.7,12.7-.4,25.4,1,37.7,3.7,33.8,15,100.4,49.4,166.5,6.5,12.4,13.5,24.3,21.1,35.6Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 20px center;
    background-size: auto 8px;
}
body.sub .form_wrap .table .td select.style2, body.sub .form_wrap .table .td .input.style2{
    background-color: #fff;
    border: 1px solid #dfdfdf;
}
body.sub .form_wrap .table .td .w50{
    max-width: 500px;
}
body.sub .form_wrap .table .td .w40{
    max-width: 274px;
}
body.sub .form_wrap .table .td .input{
    width: 100%;
    height: 60px;
    border: 0;
    padding: 0 20px;
    background-color: #f9f9f9;
    font-size: 1.8rem;
}
body.sub .form_wrap .table .td .input::placeholder, body.sub .form_wrap .table .td textarea::placeholder{
    color: #c2c2c2;
}
body.sub .form_wrap .table .td .input.disabled{
    background: #f4f4f4;
}
body.sub .form_wrap .table .td .input.date_i{
    background-image: url('/resources/images/common/calendar.svg');
    background-repeat: no-repeat;
    background-position: right 20px center;
}
body.sub .form_wrap .table .td textarea{
    width: 100%;
    height: 225px;
    border: 0;
    padding: 15px 20px;
    background-color: #f9f9f9;
    resize: none;
    font-weight: 400;
    font-size: 1.8rem;
}
body.sub .form_wrap .table .td textarea.type2{
    height: 300px;
    padding: 25px 30px;
}
body.sub .form_wrap .table .email .item{
    width: 30px;
    text-align: center;
}
body.sub .form_wrap .table .pwd{
    display: flex;
    flex-wrap: wrap;
}
body.sub .form_wrap .table .pwd .btn{
    margin-left: 10px;
}
body.sub .form_wrap .table .tel{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body.sub .form_wrap .table .tel .input{
    width: calc(33.333333333% - 8px);
}
body.sub .form_wrap .table .tel .item{
    width: 12px;
    text-align: center;
}
body.sub .form_wrap .apply_btns .c_btn5 .arrow_prev{
    margin-right: 8px;
    margin-left: 0;
}
body.sub .form_wrap .table .name_g > div .input{
    width: calc(100% - 50px);
}
body.sub .form_wrap .form_g .table_g{
    position: relative;
}
body.sub .form_wrap .form_g .table_g + .table_g{
    margin-top: 20px;
}
body.sub .form_wrap .form_g .table_file .table_g.type2{
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid #000;
    border-bottom: 1px solid #e5e5e5;
    padding-right: 20px;
}
body.sub .form_wrap .form_g .table_file .table_g .add_btn{
    order: 3;
    margin: 0;
    align-items: center;
}
body.sub .form_wrap .form_g .table_file .table_g .add_btn button{
}
body.sub .form_wrap .form_g .table_file .table_g.type2 .table{
    order: 2;
    width: calc(100% - 60px);
    border-top: 0;
}
body.sub .form_wrap .form_g .table_file .table_g.type2 .table .tr{
    border-bottom: 0;
    padding-right: 12px;
}
body.sub .form_wrap .table.style4 .td{
    width: 100%;
}
body.sub .form_wrap .file_wrap:not(.img_file) .file_box .file_name{
    width: calc(100% - 180px);
}
body.sub .form_wrap .img_file .file_box .file_name{
    display: none;
}
body.sub .form_wrap .table .addr1 .input{
    width: calc(100% - 240px);
}
body.sub .form_wrap .addr1 .btn{
    width: 230px;
    margin-left: 10px;
}
body.sub .form_wrap .addr2 .input + .input{
    margin-top: 10px;
}
body.sub .form_wrap .file_box.box2 .file_name{
    width: 0;
    font-size: 0;
    height: 0;
    padding: 0;
    background: transparent;
    opacity: 0;
}
body.sub .form_wrap .file_box.box2 .file_n{
    position: relative;
    top: 0;
    left: 0;
    width: calc(100% - 230px - 10px);
    min-height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.8rem;
    padding: 10px 20px;
    word-break: keep-all;
    background: #f9f9f9;
}
body.sub .form_wrap .file_box.box2 .file_n span{
    opacity: 0;
}
body.sub .form_wrap .file_box.box2 .file_n span.on{
    opacity: 1;
}
body.sub .form_wrap .file_box.box2 .file_n span:after{
    display: inline-block;
    position: relative;
    content: "";
    background: url('/resources/images/common/file.svg')no-repeat left top;
    width: 14px;
    height: 16px;
    margin-left: 10px;
    top: 3px;
}
body.sub select{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
body.sub #wrap .recruit_confirmation .contents{
    padding: 0;
}
body.sub #wrap .recruit_confirmation .sub_title_g{
    text-align: center;
    margin-bottom: 75px;
}
body.sub .recruit_confirmation .confirmation .con{
    padding-bottom: 42px;
    border-bottom: 1px solid #c7c7c7;
    
}
body.sub .recruit_confirmation .confirmation .txt{
    font-size: 2.4rem;
    color: #000000;
    font-weight: 600;
    line-height: 1.8;
}
body.sub .recruit_confirmation .confirmation .txt b{
    color: #269ee2;
}
body.sub .recruit_confirmation .confirmation .txt1{
    color: #555;
    margin-top: 24px;
}
body.sub .recruit_confirmation .confirmation .txt1 b{
    color: #222;
    font-weight: 500;
}
body.sub /*이력서 미리보기*/
.resume_preview .form_wrap .table .tr .img{
    position: relative;
    width: 190px;
    height: 246px;
    overflow: hidden;
    background: #dcdcdc;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body.sub .resume_preview .form_wrap .table .tr .img img{
    width: 100%;
    height: 100%;
}
body.sub .resume_preview .form_wrap .table .td{
    padding: 14px 0;
    line-height: 1.85;
    font-size: 1.8rem;
    color: #666;
    letter-spacing: -0.25px;
}
body.sub .resume_preview .form_wrap .table.style4_1 .td{
    width: 100%;
}
body.sub .resume_preview .form_wrap .table .td.name{
    display: flex;
    flex-wrap: wrap;
}
body.sub .resume_preview .form_wrap .table .td.name .g{
    width: 33.3333333333%;
    display: flex;
    flex-wrap: wrap;
}
body.sub .resume_preview .form_wrap .table .td.name .g span:first-child{
    width: 60px;
    color: #888;
}
body.sub .resume_preview .form_wrap .table .td.name .g span:last-child{
    width: calc(100% - 60px);
    padding-right: 20px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li p{
    opacity: 0;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li p{
    animation-name: scaleAni2;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(1) p{
    animation-delay: 0.1s;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(2) p{
    animation-delay: 0.3s;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(3) p{
    animation-delay: 0.5s;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(4) p{
    animation-delay: 0.7s;
}
body.sub .m211 .sec1 .process_list .item{
    opacity: 0;
}
body.sub .m211 .sec1 .process_list.in-view .item{
    animation-name: fadeLeftAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
body.sub .m211 .sec1 .process_list .item:nth-child(2){
    animation-delay: 0.1s;
}
body.sub .m211 .sec1 .process_list .item:nth-child(3){
    animation-delay: 0.3s;
}
body.sub .m211 .sec1 .process_list .item:nth-child(4){
    animation-delay: 0.5s;
}
body.sub .m211 .sec1 .process_list .item:nth-child(5){
    animation-delay: 0.7s;
}
body.sub .m42 .recruit_step.in-view li{
    animation-name: fadeUpAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
body.sub .m42 .recruit_step.in-view li:nth-child(2){
    animation-delay: 0.1s;
}
body.sub .m42 .recruit_step.in-view li:nth-child(3){
    animation-delay: 0.3s;
}
body.sub .m42 .recruit_step.in-view li:nth-child(4){
    animation-delay: 0.5s;
}
body.sub .m42 .recruit_step.in-view li:nth-child(5){
    animation-delay: 0.7s;
}
body.sub .m42 .recruit_step.in-view li:nth-child(6){
    animation-delay: 0.9s;
}
body.sub #dx_consulting_banner .text_g{
    width: 100%;
    padding: 3px 100px 0 100px;
    color: #fff;
}
body.sub #dx_consulting_banner .text_g .title{
    font-size: 4rem;
    font-weight: 400;
}
body.sub #dx_consulting_banner .text_g .title b{
    font-weight: 600;
    font-family:'paperlogy',sans-serif;
}
body.sub #dx_consulting_banner .text_g .txt1{
    margin-top: 6px;
    font-size: 1.8rem;
    color: rgba(255,255,255,0.85);
}
body.sub #dx_consulting_banner .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 44px;
    width: 240px;
    height: 60px;
    background: #fff;
    color: #000;
    font-size: 1.8rem;
    border-radius: 20px;
    font-weight: 500;
}
body.sub /* 220819 추가 */
#scroll_wrap{
    position: fixed;
}
body.sub .page_layout_style2 section .contents .con_g.case_wrap{
    padding-bottom: 140px;
}
body.sub .page_layout_style2 .partnership_wrap .partnership_con>div .logo{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36.5%;
    height: 100%;
    background: #fff;
    border-radius: 50vh;
}
body.sub .page_layout_style2 .partnership_wrap .partnership_con>div p.txt1{
    width: 53.5%;
    font-family:'paperlogy',sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    line-height: 1.8;
    margin-top: 0;
    text-align: center;
}
body.sub .page_layout_style2 .partnership_wrap .partnership_con>div:nth-child(2) .logo{
    order: 2;
}
body.sub .page_layout_style2 .partnership_wrap .partnership_con>div:nth-child(2) p.txt1{
    order: 1;
}
body.sub #scroll_wrap a{
    transition: 0.2s;
}
body.sub /*20220926 신규수정*/
.m31.page_layout_style1 .page_info_wrap.main_title{
    margin-bottom: 0;
}
body.sub .m31 .table_wrap{
    position: relative;
    width: 100%;
}
body.sub .m31 .noti{
    font-size: 1.8rem;
    text-align: right;
    margin-bottom: 30px;
}
body.sub .m31 .table_wrap .table{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #000;
}
body.sub .m31 .table_wrap .table .thead{
    width: 100%;
    border-bottom: 1px solid #999999;
}
body.sub .m31 .table_wrap .table .thead .tr{
    text-align: center;
    justify-content: center;
}
body.sub .m31 .table_wrap .table .thead .th{
    position: relative;
    font-size: 2rem;
    color: #222222;
    font-weight: 600;
    padding: 10px 0;
}
body.sub .m31 .table_wrap .table .thead .th + .th:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 20px;
    background: #e5e5e5;
    transform: translateY(-50%);
}
body.sub .m31 .table_wrap .table .tr{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
body.sub .m31 .table_wrap .table .th{
    width: 100%;
}
body.sub .m31 .table_wrap .table .td{
    text-align: right;
    width: 100%;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    color: #222222;
    padding: 0 34px;
}
body.sub .m31 .table_wrap .table .td + .td{
    border-left: 1px solid #e5e5e5;
}
body.sub .m31 .table_wrap .table .td b{
    font-weight: 600;
}
body.sub .m31 .table_wrap .table .tr{
    display: flex;
    flex-wrap: wrap;
}
body.sub .m31 .table_wrap .table .tr > *{
    width: 25%;
}
body.sub .m31 .table_wrap .table .tr > *:first-child{
    justify-content: center;
}
body.sub .m31 .table_wrap .table .tr .th:first-child:after{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background: #e5e5e5;
}
body.sub .m31 .table_wrap .table .tbody{
    width: 100%;
}
body.sub .m31 .table_wrap .table .tbody .tr:not(:last-child){
    border-bottom: 1px solid #e5e5e5;
}
body.sub .m31 .table_wrap .table .tbody .tr.type1{
    background: #f8f8f8;
}
body.sub .m31 .table_wrap .table .tbody .tr.type2{
    background: #f5fafd;
}
body.sub .board_view .g_pagination .pg_list_btn a .txt{
    color: #444;
}
body.sub .form_wrap .table .td.salary{
    display: flex;
}
body.sub .form_wrap .table .td.salary select, body.sub .form_wrap .table .td.salary input{
    width: calc(50% - 5px);
}
body.sub .form_wrap .table .td.salary input{
    margin-left: 10px;
}
body.sub .contact .form_wrap .table .td .email{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body.sub .contact .form_wrap .table .td .email .input{
    width: calc((100% - 60px) / 3);
}
body.sub .contact .form_wrap .table .td .email span{
    width: 30px;
    font-size: 1.8rem;
    text-align: center;
}
body.sub .contact .form_wrap .table .td .email select{
    width: calc((100% - 60px) / 3);
}
body.sub /* 다운로드 */
.contact .download{
}
body.sub .contact .download .titlearea{
    padding-bottom: 140px;
    border-bottom: 1px solid #ddd;
}
body.sub .contact .download h4{
    font-size: 38px;
    color: #000;
    font-weight: 600;
}
body.sub .contact .download .titlearea h4 + p strong{
    display: block;
    margin: 40px 0 15px;
    font-size: 23px;
    color: #000;
    font-weight: 500;
}
body.sub .contact .download .titlearea h4 + p + p{
    font-size: 1.8rem;
    color: #666;
}
body.sub .contact .download .list{
    padding-top: 100px;
}
body.sub .contact .download .list ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}
body.sub .contact .download .list ul li{
    box-sizing: border-box;
    width: 23.85%;
    margin: 0 1.5% 1.5% 0;
    padding: 40px 20px 20px;
    background: #f6f6f6;
}
body.sub .contact .download .list ul li:nth-child(4n){
    margin-right: 0;
}
body.sub .contact .download .list ul li .thumb{
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
body.sub .contact .download .list ul li .btns{
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}
body.sub .contact .download .list ul li .btns a{
    display: block;
    box-sizing: border-box;
    width: 49%;
    height: 48px;
    border-radius: 20px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 46px;
}
body.sub .contact .download .list ul li .btns a i{
    display: inline-block;
    width: 17px;
    height: 12px;
}
body.sub .contact .download .list ul li .btns a:nth-child(1){
    border: 1px solid #279ee2;
    background: #279ee2;
    color: #fff;
}
body.sub .contact .download .list ul li .btns a:nth-child(1) i{
    background-image: none;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #fff;
    transform: scaleX(-1);
}
body.sub .contact .download .list ul li .btns a:nth-child(2){
    border: 1px solid #7b7b7b;
    color: #555;
}
body.sub .contact .download .list ul li .btns a:nth-child(2) i{
    background-image: none;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #555;
    transform: scaleX(-1);
}
body.sub .m34{
}
body.sub .m34 .main_title .title4{
    margin-top: 60px;
    font-size: 28px;
}
body.sub .m34 #sec2{
    background: #f5f5f5;
}
body.sub .m34 #sec2 .inner{
    border: 0;
}
body.sub .m34 #sec2 .searchwrap{
    display: flex;
    align-items: center;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 2px solid #000;
}
body.sub .m34 #sec2 .searchwrap input{
    box-sizing: border-box;
    width: calc(100% - 29px);
    height: 70px;
    background: 0;
    border: 0;
    outline: 0;
    font-size: 33px;
    color: #444;
}
body.sub .m34 #sec2 .searchwrap input::placeholder{
    color: #999;
    font-weight: 500;
}
body.sub .m34 #sec2 .searchwrap button{
    width: 29px;
}
body.sub .m34 #sec2 .searchTag{
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    width: 100%;
    margin: 18px auto 70px;
}
body.sub .m34 #sec2 .searchTag li{
    margin: 0 5px 5px 0;
}
body.sub .m34 #sec2 .searchTag li a{
    display: inline-block;
    padding: 0 15px;
    background: #e8e8e8;
    border-radius: 5px;
    font-size: 1.8rem;
    color: #777;
    font-weight: 400;
    text-align: center;
    line-height: 32px;
    transition: all 0.4s;
}
body.sub .m34 #sec2 .searchTag li.on a{
    background: #269ee2;
    color: #fff;
}
body.sub .m34 #sec2 .list{
}
body.sub .m34 #sec2 .list ul{
    display: flex;
    flex-wrap: wrap;
}
body.sub .m34 #sec2 .list ul li{
    width: 32%;
    margin: 0 2% 2% 0;
}
body.sub .m34 #sec2 .list ul li:nth-child(3n){
    margin-right: 0;
}
body.sub .m34 #sec2 .list ul li a{
    display: block;
    box-sizing: border-box;
    padding: 55px 40px;
    min-height: 370px;
    border: 1px solid #ddd;
    background: #fff;
}
body.sub .m34 #sec2 .list ul li .logoimg{
}
body.sub .m34 #sec2 .list ul li .tit{
    margin: 55px 0 15px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
body.sub .m34 #sec2 .list ul li .txt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.8rem;
    color: #666;
    line-height: 1.7em;
}
body.sub .m34 #sec2 .list ul li .tag{
    margin-top: 35px;
}
body.sub .m34 #sec2 .list ul li .tag span{
    display: inline-block;
    padding: 0 15px;
    background: #e8e8e8;
    border-radius: 5px;
    font-size: 1.8rem;
    color: #777;
    font-weight: 400;
    text-align: center;
    line-height: 32px;
}
body.sub .m34 .bbsView{
    border-top: 2px solid #000;
}
body.sub .m34 .bbsView .title{
    padding: 50px 40px;
    border-bottom: 1px solid #ddd;
    font-size: 35px;
    color: #000;
    font-weight: 600;
}
body.sub .m34 .bbsView .title .tag{
    display: inline-block;
    vertical-align: top;
    margin: 12px 0 0 5px;
    padding: 0 15px;
    background: #e8e8e8;
    border-radius: 5px;
    font-size: 1.8rem;
    color: #777;
    font-weight: 400;
    text-align: center;
    line-height: 32px;
}
body.sub .m34 .bbsView .info{
    padding: 25px 40px;
    border-bottom: 1px solid #ddd;
}
body.sub .m34 .bbsView .info dl{
    display: flex;
    margin-bottom: 10px;
}
body.sub .m34 .bbsView .info dl:last-child{
    margin-bottom: 0;
}
body.sub .m34 .bbsView .info dl dt{
    position: relative;
    width: 100px;
    font-size: 1.8rem;
    color: #000;
    font-weight: 500;
}
body.sub .m34 .bbsView .info dl dt:after{
    display: block;
    content: "";
    width: 1px;
    height: 14px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 6px;
}
body.sub .m34 .bbsView .info dl dd{
    box-sizing: border-box;
    width: calc(100% - 100px);
    padding: 0 15px;
    font-size: 1.8rem;
    color: #555;
}
body.sub .m34 .bbsView .viewcon{
    padding: 55px 40px;
    border-bottom: 1px solid #ddd;
}
body.sub .m34 .bbsView .viewcon .slg{
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    height: 260px;
    margin-bottom: 40px;
    padding: 0 70px;
}
body.sub .m34 .bbsView .viewcon .slg .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
body.sub .m34 .bbsView .viewcon .slg .txt{
    position: relative;
    z-index: 10;
    font-size: 32px;
    color: #fff;
}
body.sub .m34 .bbsView .viewcon .boxwrap{
    padding: 50px 0;
    border-bottom: 1px solid #ddd;
}
body.sub .m34 .bbsView .viewcon .boxwrap:last-child{
    border-bottom: 0;
}
body.sub .m34 .bbsView .viewcon .boxwrap .tit{
    font-size: 32px;
    color: #000;
    font-weight: 600;
    margin-bottom: 25px;
}
body.sub .m34 .bbsView .viewcon .boxwrap .txt{
    font-size: 1.8rem;
    color: #555;
    line-height: 1.8em;
}
body.sub .m34 .bbsView .viewcon .boxwrap .txt ul{
}
body.sub .m34 .bbsView .viewcon .boxwrap .txt ul li{
    position: relative;
    padding-left: 20px;
    font-size: 1.8rem;
    color: #555;
    line-height: 1.8em;
}
body.sub .m34 .bbsView .viewcon .boxwrap .txt ul li span{
    position: absolute;
    left: 0;
    top: 0;
    color: #269ee2;
}
body.sub .m34 .bbsView .btn{
    margin: 45px 0 0;
}
body.sub .m34 .bbsView .btn>a{
    display: block;
    width: 240px;
    height: 60px;
    margin: 0 auto;
    background: #269ee2;
    border-radius: 20px;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    line-height: 60px;
}
body.sub .m34 .bbsView .btn>a i{
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 7px;
    margin: 27px 0 0 2px;
}
}
@media screen and (min-width:1280px) and (max-width:1620px) {
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .sub_title br{
        display: none;
    }
body.sub .page_layout_style1 .page_info_wrap .txt1 br{
        display: none;
    }
}
@media screen and (min-width:1280px) and (max-width:1600px) {
body.sub .m00 .txt1{
        font-size: 1.8rem;
    }
body.sub #fix_menu_wrap .fix_menu_g > li{
        padding-left: 25px;
    }
body.sub #fix_menu_wrap .fix_menu_g > li:before{
        width: 15px;
        top: 10px;
    }
body.sub [class*="con-"][class*="-width2"]{
        width: 77%;
    }
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram{
        font-size: 2rem;
    }
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li{
        height: 19.3vw;
    }
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul > li > .month{
        font-size: 1.8rem;
    }
body.sub .m11 .ceo_greeting_wrap .more_con .text_box > b span{
        display: block;
    }
body.sub .m11 .ceo_greeting_wrap .more_con .text_box > b img{
        height: 30px;
        margin-top: 4px;
        margin-left: 10px;
    }
body.sub .page_layout_style2 .list_wrap_style1 .list .tit{
        font-size: 1.9rem;
    }
body.sub .form_wrap .step_wrap li .step_info .txt{
        font-size: 1.8rem;
    }
body.sub .m31 .table_wrap .table .thead .th{
        font-size: 1.8rem;
    }
}
@media screen and (min-width:1280px) and (max-width:1540px) {
body.sub .form_wrap .table .td.school .input{
        width: 100%;
    }
body.sub .form_wrap .table .td.school button{
        width: 100%;
        margin-top: 10px;
    }
}
@media screen and (min-width:1280px) and (max-width:1500px) {
body.sub .m11 .establishment_g .tabs_contents .info_g .img{
        width: 45%;
        height: auto;
    }
body.sub .m11 .establishment_g .tabs_contents .info_g .info{
        width: 55%;
    }
body.sub .m11 .establishment_g .tabs_contents .info_g{
        align-items: flex-start;
    }
body.sub .m211 .sec1 .process_list .item{
        padding-left: 5%;
    }
body.sub .page_layout_style2 .list_wrap_style1 .list .txt1 br{
        display: none;
    }
body.sub .list_wrap_style2.type2 > li{
        padding: 55px 20px;
    }
body.sub .page_layout_style1 .contents_style1 .items_wrap .con br{
        display: none;
    }
body.sub #wrap .page_layout_style1 .list_layout_style3 > li:nth-child(2) .con{
        left: -100px;
    }
body.sub .list_wrap_style2 > li .txt1 br{
        display: none;
    }
body.sub #wrap .process_wrap .process_list .list .title{
        font-size: 1.8rem;
    }
body.sub #wrap .features_wrap .features_items .item .title{
        font-size: 2rem;
    }
}
@media screen and (min-width:1280px) and (max-width:1420px) {
body.sub .form_wrap .step_wrap.type2 li .step_info .txt{
        padding-right: 30px;
        width: 100%;
        word-break: keep-all;
    }
body.sub .form_wrap .step_wrap.type2 li:not(:last-child):after{
        width: 0.6vw;
        height: 0.8vw;
        background-size: auto 100%;
        right: 0.5vw;
        top: 57px;
    }
}
@media screen and (min-width:1280px) and (max-width:1400px) {
body.sub .m11 .ceo_greeting_wrap .more_con .text_box br{
        display: none;
    }
}

/* ===== style_tablet.css (merged, scoped to body.sub, screen and (min-width:768px) and (max-width:1279px)) ===== */

@media screen and (min-width:768px) and (max-width:1279px) {
body.sub .pc_view{
    display: none !important;
}
body.sub .tm_view{
    display: block !important;
}
body.sub body::-webkit-scrollbar{
    width: 7px;
    height: 0 !important;
}
body.sub body::-webkit-scrollbar-thumb{
    background-color: #777;
    border-radius: 10px
}
body.sub body::-webkit-scrollbar-track{
    background-color: #eee;
}
body.sub #container{
    padding-top: 300px;
}
body.sub body.normalPage #container{
    padding-top: 230px;
}
body.sub #menu_tab_wrap .menu_tab_list ul li.on a{
    color: #0096e0;
}
body.sub #menu_tab_wrap .menu_tab_list ul li.on a:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #0085ce;
}
body.sub #subtop .bg{
    position: relative;
    width: 100%;
    height: 560px;
    overflow: hidden;
    margin-top: -26px;
    opacity: 0;
}
body.sub #subtop .bg div{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: circle(10vmax at 33vw 50%);
    background: #111;
}
body.sub #subtop .bg span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub #subtop.st11 .bg span{
    background: url('/resources/images/common/gnb-bg01.png')no-repeat left 36% center/cover;
}
body.sub #subtop.st12 .bg span{
    background: url('/resources/images/common/gnb-bg01.png')no-repeat center/cover;
}
body.sub #subtop.st21 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st22 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st23 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st24 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st25 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st31 .bg span{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat center/cover;
}
body.sub #subtop.st32 .bg span{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat center/cover;
}
body.sub #subtop.st33 .bg span{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat center/cover;
}
body.sub #subtop.st34 .bg span{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat center/cover;
}
body.sub #subtop.st41 .bg span{
    background: url('/resources/images/common/gnb-bg04.png')no-repeat center/cover;
}
body.sub #subtop.st42 .bg span{
    background: url('/resources/images/common/gnb-bg04.png')no-repeat center/cover;
}
body.sub #subtop.st5 .bg span{
    background: url('/resources/images/common/gnb-bg04.png')no-repeat center/cover;
}
body.sub #subtop.st53 .bg span{
    background: url('/resources/images/common/gnb-bg04.png')no-repeat center/cover;
}
body.sub body.hide #fix_menu_wrap-sticky-wrapper{
    top: 0;
}
body.sub #fix_menu_wrap{
    width: 100% !important;
    height: 70px !important;
    font-size: 1.8rem;
    color: #999999;
    font-weight: 500;
    background: #fff;
    opacity: 1 !important;
    transform: inherit !important;
    animation: inherit !important;
}
body.sub #fix_menu_wrap:before{
    display: block;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    z-index: 0;
}
body.sub #fix_menu_wrap .fix_menu_g{
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    list-style: none;
    padding: 0 30px;
}
body.sub #fix_menu_wrap .fix_menu_g::-webkit-scrollbar{
    display: none;
}
body.sub #fix_menu_wrap .fix_menu_g > li{
    position: relative;
    height: 100%;
    width: auto;
    padding: 0 30px;
    display: inline-block;
}
body.sub #fix_menu_wrap .fix_menu_g > li + li:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    background: #cccccc;
    transform: translateY(-50%);
}
body.sub #fix_menu_wrap .fix_menu_g > li a{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}
body.sub #fix_menu_wrap .fix_menu_g > li.on a{
    color: #0096e0;
    /* font-weight: 600; */
    transition: 0.3s;
}
body.sub #fix_menu_wrap .fix_menu_g > li a:before{
    display: block;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #269ee2;
    transform-origin: left top;
    transform: scaleX(0);
    transform-origin: center;
    opacity: 0;
    z-index: 10;
    transition: 0.3s;
}
body.sub #fix_menu_wrap .fix_menu_g > li.on a:before{
    transform: scaleX(1);
    opacity: 1;
}
body.sub #fix_menu_wrap .fix_menu_g > li a:hover{
    opacity: 0.5;
    transition: 0.3s;
}
body.sub .m00 .txt1{
    font-size: 1.8rem;
    color: #666;
    line-height: 1.9;
    font-weight: 400;
    letter-spacing: -0.25px;
    word-break: keep-all;
}
body.sub .m00 .img{
    position: relative;
    text-align: center;
}
body.sub .m00 .img img{
    max-width: 100%;
    margin: 0 auto;
}
body.sub .section_wrap{
    position: relative;
    word-break: keep-all;
}
body.sub .con_title_g.normal_title{
    margin-bottom: 50px;
}
body.sub .con_title_g .title0{
    font-size: 4.2rem;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
}
body.sub .con_title_g .title0.en{
    font-family:'paperlogy',sans-serif;
    font-weight: 700;
}
body.sub .con_title_g .title1{
    font-size: 4rem;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
}
body.sub .con_title_g .title2{
    font-size: 3.2rem;
    color: #000;
    line-height: 1.4;
    font-weight: 600;
}
body.sub .con_title_g .title2.type2{
    position: relative;
    padding-left: 23px;
}
body.sub .con_title_g .title2.type2:before{
    display: block;
    content: "";
    width: 4px;
    height: 26px;
    background: #000;
    position: absolute;
    top: 10px;
    left: 0;
}
body.sub .con_title_g .title3{
    font-size: 3.6rem;
    color: #000;
    line-height: 1.4;
    font-weight: 600;
}
body.sub .con_title_g .title4{
    font-size: 2.4rem;
    color: #000;
    line-height: 1.7;
    font-weight: 600;
}
body.sub .con_title_g .title5{
    font-size: 2rem;
    color: #000;
    line-height: 1.7;
    font-weight: 500;
}
body.sub .con_title_g .title6{
    font-size: 3.8rem;
    color: #000;
    line-height: 1.7;
    font-weight: 500;
}
body.sub .con_title_g .title6.en{
    font-family:'paperlogy',sans-serif;
    font-weight: 600;
}
body.sub .paging > *:not(strong,.arrow):hover{
    background: #eee;
    transition: 0.3s;
}
body.sub .page_layout_style1 .section:first-child > .inner{
    padding-bottom: 175px;
}
body.sub .page_layout_style1 .main_title{
    margin-bottom: 90px;
}
body.sub .page_layout_style1 .section + .section > .inner{
    padding: 120px 0 160px;
    border-top: 1px solid #dbdbdb;
}
body.sub .page_layout_style1 .page_info_wrap{
    padding: 0 0 120px 0;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 120px;
}
body.sub .page_layout_style1 .page_info_wrap .txt1{
    margin-top: 40px;
}
body.sub .page_layout_style1 .page_info_wrap.main_title{
    padding-bottom: 0;
    border-bottom: 0;
}
body.sub .m00 .tabs_wrap{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
body.sub .m00 .tabs_wrap.style1 li{
    width: 50%;
    height: 56px;
    border: 1px solid #d9d9d9;
    background: #fff;
    margin: -1px 0 0 -1px;
}
body.sub .m00 .tabs_wrap.style1 li > *{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: transparent;
    color: #999;
    font-weight: 500;
    font-size: 1.8rem;
}
body.sub .m00 .tabs_wrap.style1 li.on{
    background: #269ee2;
    border: 0;
    transition: 0.3s;
}
body.sub .m00 .tabs_wrap.style1 li.on > *{
    color: #fff;
    transition: 0.3s
}
body.sub .m00 .tabs_wrap.style2 li{
    position: relative;
    height: 56px;
    border-bottom: 1px solid #b2b2b2;
}
body.sub .m00 .tabs_wrap.style2 li > *{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: transparent;
    color: #999;
    font-weight: 500;
    font-size: 1.8rem;
}
body.sub .m00 .tabs_wrap.style2 li + li{
    margin-left: 4px;
}
body.sub .m00 .tabs_wrap.style2 li:after{
    display: block;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #269ee2;
    opacity: 0;
    z-index: 10;
}
body.sub .m00 .tabs_wrap.style2 li.on > *{
    color: #000;
    transition: 0.3s;
}
body.sub .m00 .tabs_wrap.style2 li.on:after{
    opacity: 1;
    transition: 0.3s;
}
body.sub .m00 .tabs_wrap.style2.list6 li{
    width: calc(16.66666666666667% - 3.333333333333333px);
}
body.sub .m00 .tabs_wrap.style2.list7 li{
    width: calc(14.28571428571429% - 3.428571428571429px);
}
body.sub .m00 .tabs_select_wrap{
    position: relative;
    width: 100%;
    z-index: 100;
}
body.sub .m00 .tabs_select_wrap .tm_view{
    position: relative;
    margin-bottom: 50px;
}
body.sub .m00 .tabs_select_wrap .tm_view button{
    position: relative;
    width: 100%;
    height: 60px;
    font-size: 2rem;
    color: #000;
    font-weight: 500;
    border-bottom: 3px solid #269ee2;
}
body.sub .m00 .tabs_select_wrap .tm_view button:after{
    display: block;
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    transform: rotate(45deg);
    border-top: 0;
    border-left: 0;
}
body.sub .m00 .tabs_select_wrap.on .tm_view button:after{
    transform: rotate(-135deg);
    top: 26px;
}
body.sub #wrap .m00 .tabs_select_wrap ul{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    font-size: 2rem;
    color: #999999;
    text-align: center;
    font-family:'paperlogy',sans-serif;
    font-weight: 500;
    border: 1px solid #dddddd;
    border-top: 0;
    display: none;
    padding: 15px 0;
    background: #f8f8f8;
}
body.sub #wrap .m00 .tabs_select_wrap ul li{
    width: 100%;
    height: 50px;
    margin: 0;
    border-bottom: 0;
}
body.sub #wrap .m00 .tabs_select_wrap ul li button{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 1.8rem;
    color: #999;
    font-weight: 400;
    font-family:'paperlogy',sans-serif;
}
body.sub #wrap .m00 .tabs_select_wrap ul li:after{
    display: none;
}
body.sub .tabs_contents .con{
    display: none;
}
body.sub .tabs_contents .con1{
    display: block;
}
body.sub /*m11*/
.m11.page_layout_style1 .page_info_wrap{
    margin-bottom: 0;
}
body.sub .m11 .vision_philosophy_wrap{
    padding-top: 120px;
    padding-bottom: 170px;
}
body.sub .m11 .vision_philosophy .vision .con_title_g{
    margin-bottom: 65px;
}
body.sub .m11 .vision_philosophy .v_info_g{
    position: relative;
    width: 100%;
    left: 0;
    padding: 140px 0;
}
body.sub .m11 .vision_philosophy .v_info_g .bg{
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
body.sub .m11 .vision_philosophy .v_info_g .slogan{
    color: #fff;
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 1.35;
}
body.sub .m11 .vision_philosophy .v_info_g .slogan .en{
    font-size: 5rem;
    font-family:'paperlogy',sans-serif;
}
body.sub .m11 .vision_philosophy .v_info_g .txt1{
    color: #fff;
    margin-top: 30px;
}
body.sub .m11 .vision_philosophy .philosophy{
    padding-top: 200px;
}
body.sub .m11 .vision_philosophy .philosophy .tabs_contents{
    padding-top: 100px;
}
body.sub .m11 .vision_philosophy .philosophy .sub_title .txt1{
    margin-top: 35px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list{
    padding-top: 120px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .con_title_g{
    text-align: center;
    margin-bottom: 50px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 2.7rem;
    color: #fff;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 145px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram:before, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram:after{
    display: block;
    content: "";
    position: absolute;
    top: 22.5vw;
    left: 0;
    width: 100%;
    height: 2px;
    border-top: 2px dotted #ccc;
    margin-top: 1px;
    z-index: -1;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram:after{
    bottom: 22vw;
    top: auto;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li{
    position: relative;
    width: 50%;
    text-align: center;
    padding: 26px;
    border-radius: 50%;
    height: 45vw;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: calc(100% + 3px);
    height: 100%;
    border-radius: 50%;
    border: 2px dotted #3eb5e0;
    transform: rotate(45deg);
    box-sizing: border-box;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2):before{
    border-color: #258adc;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(3):before{
    border-color: #166bc4;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(4):before{
    border-color: #0e4d90;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(even):before{
    border-bottom-color: #fff !important;
    border-right-color: #fff !important;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(odd):before{
    border-top-color: #fff !important;
    border-left-color: #fff !important;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li .g{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:last-child .g:after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2) .g:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: -2px;
    z-index: 10;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:first-child:after{
    left: -3px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(1):after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(1) .g{
    background: #3eb5e0;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2):after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2) .g, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2) .g:after{
    background: #258adc;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(3):after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(3) .g{
    background: #166bc4;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(4):after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(4) .g, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:last-child .g:after{
    background: #0e4d90;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2) .g:after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:last-child .g:after{
    left: auto;
    right: -5px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li p{
    padding-top: 57px;
    background-repeat: no-repeat;
    background-position: top center;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li .en{
    display: block;
    font-size: 3rem;
    font-family:'paperlogy',sans-serif;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li .txt{
    font-size: 2rem;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list{
    position: relative;
    width: 100%;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li + li{
    margin-top: 90px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box{
    width: 100%;
    order: 2;
    padding: 70px 0 0 0;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .title{
    font-size: 3.2rem;
    color: #3eb5e0;
    font-weight: 500;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(2) .text_box .title{
    color: #258adc;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(3) .text_box .title{
    color: #166bc4;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(4) .text_box .title{
    color: #0e4d90;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .title .en{
    font-size: 3.4rem;
    font-family:'paperlogy',sans-serif;
    font-weight: 400;
    margin-right: 15px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .title .txt{
    font-size: 2.2rem;
    color: #222;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .sub_title{
    font-size: 2.2rem;
    color: #222;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: -0.5px;
    margin-top: 24px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .txt1{
    margin-top: 18px;
    letter-spacing: -0.4px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .txt1 br{
    display: none;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .img{
    position: relative;
    width: 100vw;
    height: 450px;
    overflow: hidden;
    order: 1;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(even) .img{
    left: -11%;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .img span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(1):before{
    border-color: #0aa4db;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(2):before{
    border-color: #217bce;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(3):before{
    border-color: #4445af;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(4):before{
    border-color: #4e2990;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(1):after, body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(1) .g{
    background: #0aa4db;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(2):after, body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(2) .g{
    background: #217bce;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(3):after, body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(3) .g{
    background: #4445af;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(4):after, body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(4) .g, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:last-child .g:after{
    background: #4e2990;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(1) .text_box .title{
    color: #0aa4db;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(2) .text_box .title{
    color: #217bce;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(3) .text_box .title{
    color: #4445af;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(4) .text_box .title{
    color: #4e2990;
}
body.sub .m11 .ceo_greeting_wrap .main_title{
    margin-bottom: 55px;
}
body.sub .m11 .ceo_greeting_wrap .main_info:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: -500%;
    width: 1000%;
    height: 100%;
    background: #eaeaea;
    z-index: -1;
}
body.sub .m11 .ceo_greeting_wrap .main_info{
    position: relative;
    min-height: 620px;
    padding-top: 70px;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
}
body.sub .m11 .ceo_greeting_wrap .main_info .ceo{
    order: 2;
    width: 100%;
    margin-top: 40px;
    text-align: center;
    overflow: hidden;
}
body.sub .m11 .ceo_greeting_wrap .main_info .ceo img{
    max-width: 100%;
}
body.sub .m11 .ceo_greeting_wrap .main_info .con_title_g{
    order: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
body.sub .m11 .ceo_greeting_wrap .main_info .con_title_g .title1{
    line-height: 1.6;
}
body.sub .m11 .ceo_greeting_wrap .more_con{
    width: 100%;
    padding-top: 115px;
    display: flex;
    flex-wrap: wrap;
}
body.sub .m11 .ceo_greeting_wrap .more_con .slogan{
    width: 100%;
    font-size: 3.2rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 65px;
    line-height: 1.7;
}
body.sub .m11 .ceo_greeting_wrap .more_con .greeting{
    margin-bottom: 70px;
}
body.sub .m11 .ceo_greeting_wrap .more_con .greeting .title2{
    line-height: 1.6;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box{
    width: 100%;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box + .text_box{
    margin-top: 45px;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box br{
    display: none;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box > *{
    margin-top: -8px;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box > * + *{
    margin-top: 35px;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box > b{
    display: block;
    font-size: 1.9rem;
    color: #000;
    font-weight: 500;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box > b img{
    margin-left: 20px;
}
body.sub .m11 .history_wrap .history{
    position: relative;
    width: 100%;
}
body.sub .m11 .history_wrap .his_nav{
    position: relative;
    width: calc(100% + 7%);
    margin-bottom: 90px;
}
body.sub .m11 .history_wrap .his_nav ul{
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    list-style: none;
    padding: 0 30px;
}
body.sub .m11 .history_wrap .his_nav ul li{
    width: 200px;
    display: inline-block;
}
body.sub .m11 .history_wrap .his_nav ul::-webkit-scrollbar{
    display: none;
}
body.sub .m11 .history_wrap .his_nav:before{
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0096e0;
}
body.sub .m11 .history_wrap .his_nav ul:before, body.sub .m11 .history_wrap .his_nav ul:after{
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    background: #0096e0;
    border: 0px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 0;
    box-sizing: border-box;
    transform-origin: top center;
}
body.sub .m11 .history_wrap .his_nav ul:after{
    left: auto;
    right: 0;
}
body.sub .m11 .history_wrap .his_nav li button{
    position: relative;
    padding-top: 45px;
    font-size: 1.8rem;
    color: #000;
    font-family:'paperlogy',sans-serif;
    font-weight: 600;
    width: 100%;
    min-height: 66px;
    display: block;
}
body.sub .m11 .history_wrap .his_nav li button span{
    font-weight: 500;
}
body.sub .m11 .history_wrap .his_nav li button:before{
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    background: #0096e0;
    border: 0px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    transform-origin: top center;
}
body.sub .m11 .history_wrap .his_nav li button:after{
    display: block;
    content: "";
    width: 29px;
    height: 29px;
    background: #fff;
    border: 11px solid #0096e0;
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 50%;
    transform: translateX(-50%) scale(0);
    transition: 0.5s;
    box-sizing: border-box;
}
body.sub .m11 .history_wrap .his_nav li.on button:after{
    transform: translateX(-50%) scale(1);
}
body.sub .m11 .history_wrap .his_con{
    position: relative;
    width: calc(100% + 10px);
}
body.sub .m11 .history_wrap .h_item{
    position: relative;
    width: 100%;
}
body.sub .m11 .history_wrap .h_item:after{
    display: block;
    content: "";
    clear: both;
}
body.sub .m11 .history_wrap .h_item .his{
    position: relative;
    width: 100%;
    padding: 40px 0px 0 0;
}
body.sub .m11 .history_wrap .h_item .his .big_year{
    font-size: 9.4rem;
    color: #0096e0;
    font-family:'paperlogy',sans-serif;
    line-height: 0.9;
    font-weight: 600;
    letter-spacing: -1px;
}
body.sub .m11 .history_wrap .h_item .his .big_year span{
    position: relative;
    top: -3px;
    font-size: 5rem;
    font-family:'paperlogy',sans-serif;
    font-weight: 700;
}
body.sub .m11 .history_wrap .h_item .his .img{
    width: 100vw;
    left: -11%;
    height: 420px;
    background: #f5f5f5;
    margin: 52px 0px 0 0;
}
body.sub .m11 .history_wrap .h_item .his .img span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub .m11 .history_wrap .h_item .list_wrap{
    position: relative;
    width: 100%;
    padding: 0px 0 0 50px;
    border-left: 1px solid #dbdbdb;
    margin-top: 70px;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list{
    width: 100%;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list + .list{
    margin-top: 50px;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list .year{
    font-size: 2.2rem;
    color: #014099;
    font-family:'paperlogy',sans-serif;
    margin-bottom: 20px;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list:last-child > ul{
    padding-bottom: 30px;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul{
    width: 100%;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul > li{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul > li + li{
    margin-top: 4px;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul > li > .month{
    width: 75px;
    font-size: 1.8rem;
    font-family:'paperlogy',sans-serif;
    color: #111;
    line-height: 1.75;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul > li > .txt1{
    width: calc(100% - 75px);
    letter-spacing: -0.4px;
}
body.sub .m11 .history_wrap .h_item.on .his .img{
    animation-name: showImg;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
}
body.sub .m11 .history_wrap .h_item.on .his .img span{
    animation-name: scaleAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
}
body.sub .m11 .establishment_g{
    padding-top: 28px;
}
body.sub .m11 .establishment_g .tabs_contents{
    position: relative;
}
body.sub .m11 .establishment_g .tabs_wrap{
    margin-bottom: 100px;
}
body.sub .m11 .establishment_g .tabs_contents .con{
    position: relative;
    width: 100%;
    background: #edeeef;
    padding: 70px 40px;
}
body.sub .m11 .establishment_g .tabs_contents .info_g{
    position: relative;
    width: 100%;
}
body.sub .m11 .establishment_g .tabs_contents .info_g.type2{
    align-items: flex-start;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .img{
    width: 100%;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .img img{
    width: 100%;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .info{
    width: 100%;
    padding: 50px 0 0 0;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .info .sub_tit{
    font-size: 2rem;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .info .i_list1{
    margin-top: 42px;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .info .title{
    font-size: 4rem;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
}
body.sub .m11 .establishment_g .tabs_contents .map{
    margin-top: 57px;
    padding-top: 57px;
    border-top: 1px solid #cccccd;
}
body.sub .m11 .establishment_g .tabs_contents .map iframe{
    width: 100%;
    height: 480px;
    border: 1px solid #cacbcb !important;
}
body.sub .m11 .affiliated_g{
    padding-top: 100px;
}
body.sub .m11 .affiliated_g .item_list{
    position: relative;
    width: 100%;
    border-top: 2px solid #269ee2;
}
body.sub .m11 .affiliated_g .item_list .item{
    width: 100%;
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #dbdbdb;
}
body.sub .m11 .affiliated_g .item_list .item .logo{
    width: 100%;
    background: #f6f6f6;
}
body.sub .m11 .affiliated_g .item_list .item .logo img{
    width: 100%;
}
body.sub .m11 .affiliated_g .item_list .item .info_g{
    width: 100%;
    padding: 50px 0 0 0;
}
body.sub .m11 .affiliated_g .item_list .item .info_g .title{
    font-size: 3rem;
    color: #000;
    font-weight: 600;
}
body.sub .m11 .affiliated_g .item_list .item .info_g .i_list1{
    margin-top: 28px;
}
body.sub .page_layout_style2 .page_info_wrap .title4{
    margin-top: 45px;
}
body.sub .page_layout_style2 .page_info_wrap .txt1{
    margin-top: 12px;
}
body.sub .page_layout_style2 .con_title_g.main_title .txt1{
    margin-top: 42px;
}
body.sub .page_layout_style2 .con_title_g.main_title .txt1 br{
    display: none;
}
body.sub .page_layout_style2 .con_title_g.sub_title{
    margin-bottom: 60px;
}
body.sub .page_layout_style2 .con_title_g.sub_title .txt1{
    margin-top: 25px;
}
body.sub .page_layout_style2 .con_title_g.sub_title .txt1 br{
    display: none;
}
body.sub .page_layout_style2 .con_title_g.sub_title .txt1 b{
    color: #000;
    font-weight: 500;
}
body.sub .page_layout_style2 .list_wrap_style1 .list{
    width: 100%;
    background-repeat: no-repeat;
    background-position: top left 15px;
    padding: 10px 0px 0 105px;
}
body.sub .page_layout_style2 .list_wrap_style1 .list:nth-child(n+2){
    margin-top: 65px;
}
body.sub .page_layout_style2 .list_wrap_style1 .list .tit{
    font-size: 2.2rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 17px;
    line-height: 1.7;
}
body.sub .page_layout_style2 .list_wrap_style1 .list .dot_list li{
    position: relative;
    padding-left: 10px;
}
body.sub .page_layout_style2 .list_wrap_style1 .list .dot_list li + li{
    margin-top: 8px;
}
body.sub .page_layout_style2 .list_wrap_style1 .list .dot_list li:before{
    display: block;
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 500;
}
body.sub .page_layout_style2 section .contents{
    position: relative;
    width: 100%;
    padding-top: 160px;
}
body.sub .page_layout_style2 section .contents .con_g{
    position: relative;
    /* width: 100%; */
}
body.sub .page_layout_style2 section .contents .con_g + .con_g{
    margin-top: 130px;
}
body.sub .page_layout_style1 .list_layout_style3{
    position: relative;
    width: 100%;
    overflow: hidden;
}
body.sub .page_layout_style1 .list_layout_style3 > li{
    position: relative;
}
body.sub .page_layout_style1 .list_layout_style3 > li + li{
    margin-top: 150px;
}
body.sub .page_layout_style1 .list_layout_style3 > li .img{
    width: 100%;
    height: 486px;
    overflow: hidden;
}
body.sub .page_layout_style1 .list_layout_style3 > li .img span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con{
    position: relative;
    width: 90%;
    margin-left: 10%;
    margin-top: -100px;
    background: #fff;
    padding: 52px 0 0px 60px;
    z-index: 10;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .num{
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: 13rem;
    color: #fff;
    line-height: 0.8;
    font-family:'paperlogy',sans-serif;
    font-weight: 700;
    margin-bottom: -4px;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .tit{
    font-size: 2.7rem;
    font-family:'paperlogy',sans-serif;
    color: #111;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .tit span{
    font-size: 1.8rem;
    color: #111;
    font-weight: 400;
    font-family:'paperlogy',sans-serif;
    order: -1;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .tit.en{
    font-weight: 500;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .txt1{
    margin-top: 20px;
}
body.sub .page_layout_style1 .list_layout_style3 > li:nth-child(even){
}
body.sub .page_layout_style1 .list_layout_style3 > li:nth-child(even) .con{
    text-align: right;
    padding: 52px 60px 0px 0px;
    right: auto;
    margin-left: 0;
}
body.sub .page_layout_style1 .list_layout_style3 > li:nth-child(even) .con .num{
    left: auto;
    right: 10px;
}
body.sub .page_layout_style1 .list_layout_style3 > li:nth-child(even) .con .tit{
    justify-content: flex-end;
}
body.sub .page_layout_style1 .contents_style1{
    padding: 135px 6% 160px;
    margin-top: 200px;
}
body.sub .page_layout_style1 .contents_style1:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1;
}
body.sub .page_layout_style1 .contents_style1 .con_title_g.sub_title{
    margin-bottom: 40px;
}
body.sub .page_layout_style1 .contents_style1 .con_title_g .title2.type2{
    color: #fff;
}
body.sub .page_layout_style1 .contents_style1 .con_title_g .title2.type2:before{
    background: #fff;
}
body.sub .page_layout_style1 .contents_style1 .con_title_g .title4{
    color: #fff;
    font-weight: 500;
    margin-top: 25px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap{
    position: relative;
    width: 100%;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap .item{
    background: rgba(255,255,255,0.85);
    padding: 50px 30px 50px;
    text-align: center;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap .item + .item{
    margin-top: 30px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap .title{
    padding-top: 65px;
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    line-height: 1.64;
    letter-spacing: -0.25px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap .con{
    margin-top: 10px;
}
body.sub .list_wrap_style2 > li .num{
    font-size: 1.8rem;
    color: #111;
    font-weight: 600;
    font-family:'paperlogy',sans-serif;
    margin-bottom: 15px;
}
body.sub .list_wrap_style2 > li .txt1{
    position: relative;
    margin-top: 13px;
    z-index: 10;
}
body.sub .list_wrap_style2.type2 > li .tit{
    position: relative;
    padding-top: 75px;
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 1.8rem;
    color: #111;
    font-weight: 500;
    z-index: 10;
}
body.sub .list_wrap_style2.type2 > li{
    padding: 60px 0;
}
body.sub .m211 .keyword_wrap .title{
    font-size: 2.6rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 75px;
}
body.sub .m211 .keyword_wrap .keyword_list{
    position: relative;
    width: 100%;
    overflow: hidden;
}
body.sub .m211 .keyword_wrap .keyword_list li{
    position: relative;
    width: 100%;
}
body.sub .m211 .keyword_wrap .keyword_list li + li{
    margin-top: 150px;
}
body.sub .m211 .keyword_wrap .keyword_list li .img{
    width: 100%;
    height: 486px;
    overflow: hidden;
}
body.sub .m211 .keyword_wrap .keyword_list li .img span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub .m211 .keyword_wrap .keyword_list li .con{
    position: relative;
    width: 90%;
    margin-top: -100px;
    margin-left: 10%;
    background: #fff;
    padding: 52px 0 15px 60px;
    z-index: 10;
}
body.sub .m211 .keyword_wrap .keyword_list li .con .num{
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: 13rem;
    color: #fff;
    line-height: 0.8;
    font-family:'paperlogy',sans-serif;
    font-weight: 700;
    margin-bottom: -4px;
}
body.sub .m211 .keyword_wrap .keyword_list li .con .tit{
    font-size: 2.7rem;
    font-family:'paperlogy',sans-serif;
    color: #111;
    font-weight: 600;
}
body.sub .m211 .keyword_wrap .keyword_list li .con .tit.en{
    font-weight: 500;
}
body.sub .m211 .keyword_wrap .keyword_list li .con .txt1{
    margin-top: 20px;
}
body.sub .m211 .keyword_wrap .keyword_list li .con .txt1 br{
    display: none;
}
body.sub .m211 .keyword_wrap .keyword_list li:nth-child(even){
}
body.sub .m211 .keyword_wrap .keyword_list li:nth-child(even) .con{
    text-align: right;
    padding: 52px 60px 15px 0px;
    margin-left: 0;
}
body.sub .m211 .keyword_wrap .keyword_list li:nth-child(even) .con .num{
    left: auto;
    right: 10px;
}
body.sub .m211 .sec1 .process_wrap .con_title_g{
    margin-bottom: 80px;
}
body.sub .m211 .sec1 .process_list{
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 48px 30px;
    padding-bottom: 24px;
}
body.sub .m211 .sec1 .process_list:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 105%;
    border-left: 1px dashed #e6e6e6;
    z-index: 10;
    transform: translateX(-50%);
}
body.sub .m211 .sec1 .process_list .item{
    position: relative;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 300px;
}
body.sub .m211 .sec1 .process_list .item + .item{
    margin-top: 35px;
}
body.sub .m211 .sec1 .process_list .item:before, body.sub .m211 .sec1 .process_list .item:after{
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #ededed;
    transform: skew(180deg,14deg);
    z-index: -1;
}
body.sub .m211 .sec1 .process_list .item:after{
    left: calc(50% - 1px);
    transform: skew(-180deg,-14deg);
}
body.sub .m211 .sec1 .process_list .item:nth-child(2):before, body.sub .m211 .sec1 .process_list .item:nth-child(2):after{
    background: #b1eddf;
}
body.sub .m211 .sec1 .process_list .item:nth-child(3):before, body.sub .m211 .sec1 .process_list .item:nth-child(3):after{
    background: #91d3eb;
}
body.sub .m211 .sec1 .process_list .item:nth-child(4):before, body.sub .m211 .sec1 .process_list .item:nth-child(4):after{
    background: #90a9e9;
}
body.sub .m211 .sec1 .process_list .item:nth-child(5):before, body.sub .m211 .sec1 .process_list .item:nth-child(5):after{
    background: #9799e2;
}
body.sub .m211 .sec1 .process_list .item .tit{
    width: 50%;
    font-size: 2rem;
    color: #000;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
body.sub .m211 .sec1 .process_list .item .tit p{
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 55px;
}
body.sub .m211 .sec1 .process_list .item .txt1{
    width: 50%;
    color: #000;
}
body.sub .m211 .sec1 .diagram_wrap .dx_diagram{
    position: relative;
    text-align: center;
    background: #f6f6f6;
    padding: 55px 60px 60px;
}
body.sub .m211 .sec1 .diagram_wrap .dx_diagram .scroll_x{
    width: calc(100% + 60px);
}
body.sub .m211 .sec1 .diagram_wrap .dx_diagram .scroll_con{
    width: 1150px;
}
body.sub .m211 .sec1 .diagram_wrap .dx_diagram .title{
    font-size: 2.6rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 55px;
}
body.sub .m211 .sec1 .diagram_wrap .box{
    position: relative;
    width: 100%;
    background: #ffffff;
    text-align: left;
    margin-top: 45px;
    padding: 35px 48px;
}
body.sub .m211 .sec1 .diagram_wrap .box .dot_list_style1{
    position: relative;
    width: 100%;
}
body.sub .m211 .sec1 .diagram_wrap .box .dot_list_style1 li{
    width: 100%;
}
body.sub .m211 .sec1 .diagram_wrap .box .dot_list_style1 li:nth-child(n+2){
    margin-top: 6px;
}
body.sub .m211 .sec1 .diagram_wrap .box .dot_list_style1 li b{
    color: #000;
    font-weight: 500;
}
body.sub .m211 .sec1 .effect_wrap{
    padding-bottom: 140px;
}
body.sub .m33 .con_title_g.main_title{
    margin-bottom: 55px;
}
body.sub #wrap .m33 .pr_center1 .inner{
    padding-bottom: 110px;
}
body.sub .m33 .pr_center1 sup{
    display: inline-block;
    vertical-align: top;
}
body.sub .m33 .pr_center1 .tabs_wrap{
    margin-bottom: 110px;
}
body.sub .m33 .pr_center1 .tabs_contents .con_title_g{
    margin-bottom: 42px;
}
body.sub .m33 .pr_center1 .tabs_contents .con_title_g .txt1{
    margin-top: 35px;
}
body.sub .m33 .pr_center1 .tabs_contents .table{
    position: relative;
    width: 100%;
    border-top: 2px solid #000000;
}
body.sub .m33 .pr_center1 .tabs_contents .table .tr{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}
body.sub .m33 .pr_center1 .tabs_contents .table .thead{
    border-bottom: 1px solid #999999;
}
body.sub .m33 .pr_center1 .tabs_contents .table .th{
    font-size: 1.8rem;
    color: #222;
    font-weight: 500;
    padding: 23px 10px;
}
body.sub .m33 .pr_center1 .tabs_contents .table .td{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 23px 10px;
}
body.sub .m33 .pr_center1 .tabs_contents .table .td img{
    max-width: 100%;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g + .info_g{
    margin-top: 65px;
    padding-top: 65px;
    border-top: 1px solid #dbdbdb;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g .info + .info{
    margin-top: 32px;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g .info .txt1 > p + p{
    margin-top: 32px;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g .info .tit{
    font-size: 2rem;
    color: #111;
    font-weight: 600;
    margin-bottom: 5px;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g .info .tit.type2{
    font-size: 1.8rem;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g2 .info .tit{
    font-size: 2.2rem;
    color: #0085ce;
    margin-bottom: 7px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .con_title_g{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat right bottom;
    padding-bottom: 22px;
    background-size: 100%;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .th:nth-child(1), body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(1){
    width: 18%;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .th:nth-child(2), body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(2){
    width: 18%;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .th:nth-child(3), body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(3){
    width: 64%;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(3){
    text-align: left;
    justify-content: flex-start;
    padding-left: 60px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table{
    margin: 35px 0 45px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table .tr > *{
    width: 50%;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table .tr:last-child{
    border-bottom: 1px solid #000;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table .th:nth-child(2), body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table .td:nth-child(2){
    border-left: 1px solid #e5e5e5;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con3 .box{
    background: #f4f4f4;
    font-size: 1.8rem;
    text-align: center;
    padding: 33px 20px;
    margin-top: 45px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con3 .box a{
    border-bottom: 1px solid #111111;
    color: #111111;
    font-weight: 500;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .tr{
    text-align: left;
    padding: 50px 30px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .tr > *{
    display: block;
    padding: 0;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .tr > *:nth-child(1){
    width: 100%;
    order: 2;
    margin-bottom: 8px;
    font-weight: 600;
    color: #111;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .tr > *:nth-child(2){
    width: 100%;
    order: 1;
    margin-bottom: 25px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .tr > *:nth-child(3){
    width: 100%;
    order: 3;
    padding: 0;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .thead{
    display: none;
}
body.sub .m33 .pr_center2 .corporate_identity{
    padding: 85px 0;
    border-bottom: 1px solid #dbdbdb;
}
body.sub .m33 .pr_center2 .main_logo{
    position: relative;
    width: 100%;
    height: 380px;
    border: 1px solid #dbdbdb;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 100px;
}
body.sub .m33 .pr_center2 .main_logo img{
    max-width: 100%;
}
body.sub .m33 .ci_info_wrap .con_title_g.sub_title{
    width: 100%;
    margin-bottom: 35px;
}
body.sub .m33 .ci_info_wrap .more_con{
    width: 100%;
}
body.sub .m33 .ci_info_wrap .more_con p + p{
    margin-top: 25px;
}
body.sub .m33 .pr_center2 .ci_wrap{
    position: relative;
    width: 100%;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g{
    padding: 90px 0 0 0;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .title{
    font-size: 2.8rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 30px;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con{
    position: relative;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con .item{
    position: relative;
    width: 100%;
    height: 298px;
    text-align: center;
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con .item:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background: #f3f3f3;
    transform: translateX(-50%);
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con .item + .item:before{
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con .item img{
    position: relative;
    max-width: 100%;
    z-index: 10;
}
body.sub .m33 .pr_center2 .color_regulation{
    padding-top: 175px;
}
body.sub .m33 .pr_center2 .color_regulation .ci_info_wrap{
    padding-bottom: 85px;
}
body.sub .m33 .pr_center2 .color_regulation .ci_info_wrap .more_con{
    padding-right: 20px;
}
body.sub .m33 .pr_center2 .color_items{
    width: 100%;
    border: 1px solid #dbdbdb;
    padding: 60px 40px 53px 40px;
    font-family:'paperlogy',sans-serif;
}
body.sub .m33 .pr_center2 .color_items .item{
    width: 100%;
}
body.sub .m33 .pr_center2 .color_items .item + .item{
    margin-top: 45px;
}
body.sub .m33 .pr_center2 .color_items .item .color{
    width: 100%;
    height: 150px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 200;
}
body.sub .m33 .pr_center2 .color_items .item .txt{
    position: relative;
    width: 100%;
    padding-top: 15px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 1.8rem;
    color: #000;
    font-weight: 300;
}
body.sub .m33 .pr_center2 .color_items .item .txt span:after{
    display: inline-block;
    content: "";
    width: 1px;
    height: 11px;
    background: #dbdbdb;
    vertical-align: top;
    margin: 4px 13px 0 12px;
}
body.sub .m33 .pr_center2 .color_items .item .txt span:last-child:after{
    display: none;
}
body.sub .m33 .sub-container{
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
    flex-direction: column;
    gap: 40px;
}
body.sub .m33 .sub-container .subtab{
    display: flex;
    gap: 38px;
}
body.sub .m33 .sub-container .subtab li{
    font-size: 20px;
    color: #d8d8d8;
    font-weight: 500;
    cursor: pointer;
}
body.sub .m33 .sub-container .subtab li.on{
    color: #000;
    font-weight: 600;
}
body.sub .m33 .sub-container form{
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
body.sub .m33 .sub-container form .select-box{
    position: relative;
}
body.sub .m33 .sub-container form select{
    box-sizing: border-box;
    padding: 0px 20px;
    width: 150px;
    height: 60px;
    font-size: 1.8rem;
    background-color: #f3f3f3;
    appearance: none;
    border: none;
    outline: none;
}
body.sub .m33 .sub-container form .select-box::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #888;
    transform: translateY(-50%);
}
body.sub .m33 .sub-container form select option{
    font-size: 1.8rem;
    padding: 0px 20px;
    background-color: #fff;
}
body.sub .m33 .sub-container form .select-box:focus-within::after{
    transform: translateY(-50%) rotate(180deg);
}
body.sub .m33 .sub-container form .input-box{
    position: relative;
}
body.sub .m33 .sub-container form .input-box input{
    box-sizing: border-box;
    padding: 0px 60px 0 20px;
    width: 320px;
    height: 60px;
    font-size: 1.8rem;
    background-color: #f3f3f3;
    appearance: none;
    border: none;
    outline: none;
}
body.sub .m33 .sub-container form .input-box button{
    position: absolute;
    right: 0;
    width: 60px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
}
body.sub .m33  #sec3 .contents{
    display: none;
    padding: 20px 0;
}
body.sub .m33  #sec3 .contents.on{
    display: block;
}
body.sub .m42 .recruit_wrap1 .contents{
    padding: 155px 0;
}
body.sub .m42 .con_title_g.main_title .title4{
    margin-top: 35px;
}
body.sub .m42 .recruit_step li .tit{
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 55px;
    font-size: 2rem;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.5px;
}
body.sub .m42 .recruit_step li .num{
    font-size: 1.8rem;
    color: rgba(17,17,17,0.7);
    font-family:'paperlogy',sans-serif;
    margin-top: 7px;
}
body.sub .m42 .recruit_step li.last > .num{
    color: rgba(255,255,255,0.7);
    font-weight: 300;
}
body.sub .m42 .recruit_list li .tit{
    font-size: 2.2rem;
    color: #000;
    font-weight: 500;
    margin-bottom: 15px;
}
body.sub .m42 .recruit_list li .con{
    width: 100%;
}
body.sub .m42 .recruit_list li .num{
    position: absolute;
    top: 50%;
    right: 45px;
    font-family:'paperlogy',sans-serif;
    font-size: 12rem;
    color: #f4f4f4;
    font-weight: 700;
    transform: translateY(-50%);
    z-index: -1;
}
body.sub #wrap .m42 .recruit_wrap2 .inner{
    padding-bottom: 120px;
}
body.sub .m42 .recruit_wrap2 .link_g .act{
    background: #269ee2;
    color: #fff;
}
body.sub .m42 .recruit_agreement .contents .inner{
    width: 100%;
    max-width: 100%;
}
body.sub .m42 .recruit_agreement .form_wrap .inner{
    padding-bottom: 0;
}
body.sub .m42 .recruit_agreement .agreement_wrap .con_title_g.main_title .title1{
    position: relative;
    font-size: 3.2rem;
    color: #000;
    line-height: 1.4;
    font-weight: 600;
    padding-left: 23px;
}
body.sub .m42 .recruit_agreement .agreement_wrap .con_title_g.main_title .title1:before{
    display: block;
    content: "";
    width: 4px;
    height: 26px;
    background: #000;
    position: absolute;
    top: 10px;
    left: 0;
}
body.sub .m42 .recruit_agreement .agreement_wrap .agr_list .list .sub_title .title2{
    font-size: 2.4rem;
}
body.sub .board_list .list_wrap li .more_con{
    display: none;
}
body.sub .board_skin1 .sec1{
    padding-bottom: 165px;
}
body.sub .board_skin1 .list_wrap li .date{
    font-family:'paperlogy',sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1em;
}
body.sub .board_skin1 .list_wrap li .title{
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    margin-top: 20px;
}
body.sub .board_skin1 .list_wrap li .title .g{
    max-width: 100%;
    display: inline-block;
}
body.sub .board_skin1 .list_wrap li.file .title .g{
    padding-right: 38px;
    background: url('/resources/images/common/file.svg')no-repeat top 7px right;
}
body.sub .board_skin2 .list_wrap li .date{
    font-family:'paperlogy',sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1em;
    order: 4;
    width: 100%;
    margin-top: 35px;
}
body.sub .board_skin2 .list_wrap li .title{
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}
body.sub .board_skin2 .list_wrap li .txt1 .e_{
    -webkit-line-clamp: 2;
}
body.sub .board_skin2 .list_wrap .cate{
    text-align: center;
    order: 1;
    margin-bottom: 20px;
}
body.sub .board_skin2 .list_wrap .cate span{
    min-width: 72px;
    font-size: 1.8rem;
    color: #8f2fd8;
    border: 1px solid #8f2fd8;
    padding: 5px 12px;
    border-radius: 28px;
    display: inline-block;
    font-family:'paperlogy',sans-serif;
    font-weight: 300;
    letter-spacing: -0.7px;
}
body.sub .board_skin2 .list_wrap .cate.type1 span{
    color: #8f2fd8;
    border-color: #8f2fd8;
}
body.sub .board_skin2 .list_wrap .cate.type2 span{
    color: #00a987;
    border-color: #00a987;
}
body.sub .board_skin2 .list_wrap .cate.type3 span{
    color: #269ee2;
    border-color: #269ee2;
}
body.sub .board_skin2 .list_wrap .cate.type4 span{
    color: #0e4d90;
    border-color: #0e4d90;
}
body.sub .board_skin3 .list_wrap li.file .info .title_g .title{
    background: url('/resources/images/common/file.svg')no-repeat top 7px right;
    padding-right: 38px;
}
body.sub .board_skin3 .list_wrap li .cate{
    order: 1;
    margin-bottom: 28px;
}
body.sub .board_skin3 .list_wrap li .cate span{
    width: 100px;
    height: 40px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #fff;
    letter-spacing: -0.5px;
}
body.sub .board_skin3 .list_wrap li .info{
    width: 100%;
    order: 2;
}
body.sub .board_skin3 .list_wrap li .info .date{
    font-size: 1.8rem;
    color: #555;
    font-family:'paperlogy',sans-serif;
}
body.sub .board_skin3 .list_wrap li .info .title_g{
    margin-top: 8px;
}
body.sub .board_skin3 .list_wrap li .info .title_g .title{
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    max-width: calc(100% - 100px);
    min-height: 25px;
    display: inline-block;
}
body.sub .board_skin3 .list_wrap li .recruit.disabled{
    color: rgba(0,0,0,0.4);
}
body.sub .board_view .g_container .g_head .title{
    font-size: 3.6rem;
    color: #000000;
    letter-spacing: -0.25px;
    font-weight: 600;
    line-height: 1.3;
    word-break: keep-all;
    order: 3;
}
body.sub .board_view .g_container .g_head .date{
    font-size: 1.8rem;
    font-family:'paperlogy',sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
    order: 2;
    width: 100%;
}
body.sub .board_view .g_container .g_head .recruit .cate{
    width: 100px;
    height: 35px;
    font-size: 1.8rem;
    color: #fff;
    letter-spacing: -0.5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
body.sub .board_view .g_container .g_file .tit{
    position: relative;
    font-size: 1.8rem;
    color: #222222;
    font-weight: 500;
    width: 80px;
}
body.sub .board_view .g_container .g_file .tit:after{
    display: block;
    content: "";
    width: 1px;
    height: 15px;
    background: #e5e5e5;
    position: absolute;
    top: 11px;
    right: 0;
}
body.sub .board_view .g_pagination .page_nav.next .arrow{
    left: auto;
    right: 0;
    background-image: none;
}
body.sub .board_view .g_pagination .page_nav a .arrow{
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border: 1px solid #cccccc;
    border-radius: 18px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.5s;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
    background-color: #333;
}
body.sub .board_view .g_pagination .page_nav.next .arrow{
    transform: scaleX(-1);
}
body.sub .board_view .g_pagination .page_nav a:hover .arrow{
    background-color: #f5f5f5;
}
body.sub .board_view .g_pagination .pg_list_btn a .txt{
    font-size: 1.8rem;
    color: #fff;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    letter-spacing: 0.35px;
}
body.sub .i_list1 > li.tel{
    background-image: url('/resources/images/common/tel.svg');
}
body.sub .i_list1 > li .tit{
    width: 65px;
    color: #000;
}
body.sub .i_list1 > li .txt{
    width: calc(100% - 65px);
    font-size: 1.8rem;
    margin-top: 1px;
}
body.sub .recruit_wrap_g .agreement_wrap .agr_list .list + .list{
    margin-top: 75px;
}
body.sub .recruit_wrap_g .agreement_wrap .agr_list .list .sub_title{
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 22px;
    border-bottom: 2px solid #000;
}
body.sub .recruit_wrap_g .agreement_wrap .agr_list .list .agr_info{
    position: relative;
    width: 100%;
    background: #f9f9f9;
    padding: 39px 50px;
}
body.sub .recruit_wrap_g .agreement_wrap .agr_list .list .agr_info pre{
    white-space: pre-line;
    font-family:'paperlogy',sans-serif;
    line-height: 2;
}
body.sub #wrap .recruit_agreement .agreement_wrap .inner{
    padding-bottom: 120px;
}
body.sub #wrap .page_form_wrap .main_title{
    margin-bottom: 100px;
}
body.sub .form_wrap .step_wrap li.on .fig{
    background-color: #3eb5e0;
}
body.sub .form_wrap .step_wrap li.step2.on .fig{
    background-color: #258adc;
}
body.sub .form_wrap .step_wrap li.step3.on .fig{
    background-color: #166bc4;
}
body.sub .form_wrap .step_wrap.type1 li.step4.on .fig{
    background-color: #166bc4;
}
body.sub .form_wrap .step_wrap li.step4.on .fig{
    background-color: #0e4d90;
}
body.sub .form_wrap .step_wrap li .step_info .txt:before{
    display: block;
    content: "STEP 01";
    margin-bottom: 6px;
    font-size: 1.8rem;
    color: rgba(136,136,136,0.6);
    font-family:'paperlogy',sans-serif;
    font-weight: 500;
}
body.sub .form_wrap .step_wrap li:nth-child(2) .step_info .txt:before{
    content: "STEP 02";
}
body.sub .form_wrap .step_wrap li:nth-child(3) .step_info .txt:before{
    content: "STEP 03";
}
body.sub .form_wrap .step_wrap li:nth-child(4) .step_info .txt:before{
    content: "STEP 04";
}
body.sub .form_wrap .step_wrap li .step_info .txt{
    color: rgba(136,136,136,0.6);
    font-weight: 500;
    font-size: 2rem;
}
body.sub .form_wrap .step_wrap li.on .step_info .txt:before{
    color: #9d9d9d;
}
body.sub .form_wrap .step_wrap li.on .step_info .txt{
    color: #000;
    font-weight: 600;
}
body.sub .form_wrap .step_wrap li.act.step1:after{
    background-image: url(/resources/images/common/arrow.svg);
}
body.sub .form_wrap .step_wrap li.act.step2:after{
    background-image: url(/resources/images/common/arrow.svg);
}
body.sub .form_wrap .step_wrap li.act.step3:after{
    background-image: url(/resources/images/common/arrow.svg);
}
body.sub .form_wrap .con_title_g.sub_title{
    margin-bottom: 26px;
}
body.sub .form_wrap .table .td{
    width: calc(100% - 150px);
}
body.sub .form_wrap .table .td.school{
    display: flex;
    flex-wrap: wrap;
}
body.sub .form_wrap .table .td.school .input{
    width: calc(100% - 160px - 10px);
}
body.sub .form_wrap .table .td.school button{
    width: 160px;
    height: 60px;
    background: #6a6b6b;
    color: #fff;
    margin-left: 10px;
}
body.sub .form_wrap .table .td .datepicker_g{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body.sub .form_wrap .table .td .datepicker_g .item{
    width: 50px;
    text-align: center;
    font-size: 3rem;
    font-weight: 300;
}
body.sub .form_wrap .table .td .datepicker_g .input{
    width: 100%;
}
body.sub .form_wrap .table .td .datepicker_g .input:last-child{
    width: calc(100% - 50px);
    margin-top: 10px;
}
body.sub .form_wrap .table .td .input_type2{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body.sub .form_wrap .table .td .input_type2 .input{
    width: calc(100% - 50px);
}
body.sub .form_wrap .table .td .input_type2 .item{
    width: 50px;
    text-align: right;
}
body.sub .form_wrap .table .td select{
    width: 100%;
    height: 60px;
    border: 0;
    padding: 0 20px;
    background: #f9f9f9 url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1417.3 1417.3'%3E%3Cg transform='rotate(-90 708.65 708.65)'%3E%3Cpath fill='%23666' d='M1333.9,660.3H511.8c9.7-77.4,50-247.1,216.6-297,9.4-2.8,15.9-10.3,17-19.4.9-8.2-2.7-15.9-9.5-20.7l-.6-.5-1.6-.9c-4.7-2.6-10.2-3.9-15.9-3.9h-6.8c-5.8,0-11.3,1.4-16,4-3.4,1.9-6.2,4.5-8.4,7.5-36.5,22.9-342.2,190.4-619.9,341.3-7.5,4.1-12.1,11.7-12.1,19.9,0,8.3,4.6,15.7,12.3,19.8,200.6,107.3,579.4,310.8,620.2,335.4,1.8,2.4,4.1,4.5,6.7,6.2,2.8,1.8,7,3.8,14.5,3.8s8.3-.5,13.8-1.8c10.9-2.5,18.5-11.2,18.9-21.5.4-10.3-6.3-19.3-16.8-22.6-172.9-54.4-207.1-238.3-213.6-295.7h823.3c16.5,0,28.9-10.8,28.9-25v-3.8c0-14.3-12.4-25-28.9-25ZM540.7,919.3c-35.6-19.3-76.5-41.4-122.5-66.1-121-65.2-246.7-132.5-303.2-162.8,58.1-31.6,182-99.1,303.2-165.5,46.1-25.3,87.2-47.8,122.8-67.5-9.7,14.8-18.5,30.7-26.4,47.4-34.5,73.1-43.2,146.3-45.3,174.3v.4c-.7,12.7-.4,25.4,1,37.7,3.7,33.8,15,100.4,49.4,166.5,6.5,12.4,13.5,24.3,21.1,35.6Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 20px center;
    background-size: auto 8px;
}
body.sub .form_wrap .table .td .input{
    width: 100%;
    height: 60px;
    border: 0;
    padding: 0 20px;
    background-color: #f9f9f9;
    font-size: 1.8rem;
}
body.sub .form_wrap .table .td .input::placeholder, body.sub .form_wrap .table .td textarea::placeholder{
    color: #c2c2c2;
}
body.sub .form_wrap .table .td .input.disabled{
    background: #f4f4f4;
}
body.sub .form_wrap .table .td .input.date_i{
    background-image: url('/resources/images/common/calendar.svg');
    background-repeat: no-repeat;
    background-position: right 20px center;
}
body.sub .form_wrap .table .td textarea{
    width: 100%;
    height: 225px;
    border: 0;
    padding: 15px 20px;
    background-color: #f9f9f9;
    resize: none;
    font-weight: 400;
    font-size: 1.8rem;
}
body.sub .form_wrap .table .td textarea.type2{
    height: 300px;
    padding: 25px 30px;
}
body.sub .form_wrap .table .email .item{
    width: 30px;
    text-align: center;
}
body.sub .form_wrap .table .pwd{
    display: flex;
    flex-wrap: wrap;
}
body.sub .form_wrap .table .pwd .btn{
    margin-top: 10px;
    width: 100%;
}
body.sub .form_wrap .table .tel{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body.sub .form_wrap .table .tel .input{
    width: calc(33.333333333% - 8px);
}
body.sub .form_wrap .table .tel .item{
    width: 12px;
    text-align: center;
}
body.sub .form_wrap .apply_btns .c_btn5 .arrow_prev{
    margin-right: 8px;
    margin-left: 0;
}
body.sub .form_wrap .table .name_g > div .input{
    width: calc(100% - 50px);
}
body.sub .form_wrap .form_g .table_g{
    position: relative;
}
body.sub .form_wrap .form_g .table_g + .table_g{
    margin-top: 20px;
}
body.sub .form_wrap .table.style4 .td{
    width: 100%;
}
body.sub .form_wrap .file_wrap:not(.img_file) .file_box .file_name{
    width: calc(100% - 180px);
}
body.sub .form_wrap .img_file .file_box .file_name{
    display: none;
}
body.sub .form_wrap .table .addr1 .input{
    width: 100%;
}
body.sub .form_wrap .addr1 .btn{
    width: 100%;
    margin-top: 10px;
}
body.sub .form_wrap .addr2 .input + .input{
    margin-top: 10px;
}
body.sub .form_wrap .file_box.box2 .file_name{
    width: 0;
    font-size: 0;
    height: 0;
    padding: 0;
    background: transparent;
    opacity: 0;
}
body.sub .form_wrap .file_box.box2 .file_n{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.8rem;
    padding: 10px 20px;
    word-break: keep-all;
    background: #f9f9f9;
}
body.sub .form_wrap .file_box.box2 .file_n span{
    opacity: 0;
}
body.sub .form_wrap .file_box.box2 .file_n span.on{
    opacity: 1;
}
body.sub .form_wrap .file_box.box2 .file_n span:after{
    display: inline-block;
    position: relative;
    content: "";
    background: url('/resources/images/common/file.svg')no-repeat left top;
    width: 14px;
    height: 16px;
    margin-left: 10px;
    top: 3px;
}
body.sub select{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
body.sub /*이력서 미리보기*/
.resume_preview .form_wrap .table .tr .img{
    position: relative;
    width: 190px;
    height: 246px;
    overflow: hidden;
    background: #dcdcdc;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body.sub .resume_preview .form_wrap .table .tr .img img{
    width: 100%;
    height: 100%;
}
body.sub .resume_preview .form_wrap .table .td{
    padding: 14px 0;
    line-height: 1.85;
    font-size: 1.8rem;
    color: #666;
    letter-spacing: -0.25px;
}
body.sub .resume_preview .form_wrap .table.style4_1 .td{
    width: 100%;
}
body.sub .resume_preview .form_wrap .table .td.name .g{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
body.sub .resume_preview .form_wrap .table .td.name .g span:first-child{
    width: 60px;
    color: #888;
}
body.sub .resume_preview .form_wrap .table .td.name .g span:last-child{
    width: calc(100% - 60px);
    padding-right: 20px;
}
body.sub #wrap .recruit_confirmation .contents{
    padding: 0;
}
body.sub #wrap .recruit_confirmation .sub_title_g{
    text-align: center;
    margin-bottom: 75px;
}
body.sub .recruit_confirmation .confirmation .con{
    padding-bottom: 42px;
    border-bottom: 1px solid #c7c7c7;
    
}
body.sub .recruit_confirmation .confirmation .txt{
    font-size: 2.4rem;
    color: #000000;
    font-weight: 600;
    line-height: 1.8;
}
body.sub .recruit_confirmation .confirmation .txt b{
    color: #269ee2;
}
body.sub .recruit_confirmation .confirmation .txt1{
    color: #555;
    margin-top: 24px;
}
body.sub .recruit_confirmation .confirmation .txt1 b{
    color: #222;
    font-weight: 500;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li p{
    opacity: 0;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li p{
    animation-name: scaleAni2;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(1) p{
    animation-delay: 0.2s;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(2) p{
    animation-delay: 0.4s;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(3) p{
    animation-delay: 0.6s;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(4) p{
    animation-delay: 0.8s;
}
body.sub .m211 .sec1 .process_list .item{
    opacity: 0;
}
body.sub .m211 .sec1 .process_list.in-view .item{
    animation-name: fadeUpAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
body.sub .m211 .sec1 .process_list .item:nth-child(2){
    animation-delay: 0.2s;
}
body.sub .m211 .sec1 .process_list .item:nth-child(3){
    animation-delay: 0.4s;
}
body.sub .m211 .sec1 .process_list .item:nth-child(4){
    animation-delay: 0.6s;
}
body.sub .m211 .sec1 .process_list .item:nth-child(5){
    animation-delay: 0.8s;
}
body.sub .m42 .recruit_step.in-view li{
    animation-name: fadeUpAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
body.sub .m42 .recruit_step.in-view li:nth-child(2){
    animation-delay: 0.2s;
}
body.sub .m42 .recruit_step.in-view li:nth-child(3){
    animation-delay: 0.4s;
}
body.sub .m42 .recruit_step.in-view li:nth-child(4){
    animation-delay: 0.6s;
}
body.sub .m42 .recruit_step.in-view li:nth-child(5){
    animation-delay: 0.8s;
}
body.sub .m42 .recruit_step.in-view li:nth-child(6){
    animation-delay: 1s;
}
body.sub #dx_consulting_banner .text_g{
    width: 100%;
    padding: 3px 20px 0;
    color: #fff;
    box-sizing: border-box;
}
body.sub #dx_consulting_banner .text_g .title{
    font-size: 4rem;
    font-weight: 400;
}
body.sub #dx_consulting_banner .text_g .title b{
    font-weight: 600;
    font-family:'paperlogy',sans-serif;
}
body.sub #dx_consulting_banner .text_g .txt1{
    font-size: 1.8rem;
    color: rgba(255,255,255,0.85);
    max-width: 500px;
    margin: 6px auto 0;
}
body.sub #dx_consulting_banner .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 44px;
    width: 240px;
    height: 60px;
    background: #fff;
    color: #000;
    font-size: 1.8rem;
    border-radius: 20px;
    font-weight: 500;
}
body.sub /* 220819 추가 */
#scroll_wrap{
    position: fixed;
}
body.sub .page_layout_style2 section .contents .con_g.case_wrap{
    padding-bottom: 140px;
}
body.sub .page_layout_style2 .partnership_wrap .partnership_con>div .logo{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 50vh;
}
body.sub .page_layout_style2 .partnership_wrap .partnership_con>div p.txt1{
    width: 100%;
    font-family:'paperlogy',sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    color: #fff;
    line-height: 1.8;
    margin-top: 0;
    text-align: center;
    margin-top: 20px;
}
body.sub .page_layout_style2 .partnership_wrap .partnership_con>div p.txt1 br{
    display: block;
}
body.sub .page_layout_style2 .partnership_wrap .partnership_con>div:nth-child(2) .logo{
    order: 2;
}
body.sub .page_layout_style2 .partnership_wrap .partnership_con>div:nth-child(2) p.txt1{
    order: 1;
    margin-top: 0;
    margin-bottom: 20px;
}
body.sub /*20220926 신규수정*/
.m31.page_layout_style1 .page_info_wrap.main_title{
    margin-bottom: 0;
}
body.sub .m31 .table_wrap{
    position: relative;
    width: 100%;
    overflow-x: auto;
}
body.sub .m31 .noti{
    font-size: 1.8rem;
    text-align: right;
    margin-bottom: 30px;
}
body.sub .m31 .table_wrap .table{
    position: relative;
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #000;
}
body.sub .m31 .table_wrap .table .thead{
    width: 100%;
    border-bottom: 1px solid #999999;
}
body.sub .m31 .table_wrap .table .thead .tr{
    text-align: center;
    justify-content: center;
}
body.sub .m31 .table_wrap .table .thead .th{
    position: relative;
    font-size: 2rem;
    color: #222222;
    font-weight: 600;
    padding: 10px 0;
}
body.sub .m31 .table_wrap .table .thead .th + .th:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 20px;
    background: #e5e5e5;
    transform: translateY(-50%);
}
body.sub .m31 .table_wrap .table .tr{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
body.sub .m31 .table_wrap .table .th{
    width: 100%;
}
body.sub .m31 .table_wrap .table .td{
    text-align: right;
    width: 100%;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    color: #222222;
    padding: 0 34px;
}
body.sub .m31 .table_wrap .table .td + .td{
    border-left: 1px solid #e5e5e5;
}
body.sub .m31 .table_wrap .table .td b{
    font-weight: 600;
}
body.sub .m31 .table_wrap .table .tr{
    display: flex;
    flex-wrap: wrap;
}
body.sub .m31 .table_wrap .table .tr > *{
    width: 25%;
}
body.sub .m31 .table_wrap .table .tr > *:first-child{
    justify-content: center;
}
body.sub .m31 .table_wrap .table .tr .th:first-child:after{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background: #e5e5e5;
}
body.sub .m31 .table_wrap .table .tbody{
    width: 100%;
}
body.sub .m31 .table_wrap .table .tbody .tr:not(:last-child){
    border-bottom: 1px solid #e5e5e5;
}
body.sub .m31 .table_wrap .table .tbody .tr.type1{
    background: #f8f8f8;
}
body.sub .m31 .table_wrap .table .tbody .tr.type2{
    background: #f5fafd;
}
body.sub .board_view .g_pagination .pg_list_btn a .txt{
    color: #444;
}
body.sub .form_wrap .table .td.salary{
}
body.sub .form_wrap .table .td.salary select, body.sub .form_wrap .table .td.salary input{
}
body.sub .form_wrap .table .td.salary input{
    margin-top: 10px;
}
body.sub .form_wrap .table .tr.type2{
    margin-right: 50%;
}
body.sub .contact .form_wrap .table .td .email{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body.sub .contact .form_wrap .table .td .email .input{
    width: calc((100% - 60px) / 3);
}
body.sub .contact .form_wrap .table .td .email span{
    width: 30px;
    font-size: 1.8rem;
    text-align: center;
}
body.sub .contact .form_wrap .table .td .email select{
    width: calc((100% - 60px) / 3);
}
body.sub /* 다운로드 */
.contact .download{
}
body.sub .contact .download .titlearea{
    padding-bottom: 140px;
    border-bottom: 1px solid #ddd;
}
body.sub .contact .download h4{
    font-size: 38px;
    color: #000;
    font-weight: 600;
}
body.sub .contact .download .titlearea h4 + p strong{
    display: block;
    margin: 40px 0 15px;
    font-size: 23px;
    color: #000;
    font-weight: 500;
}
body.sub .contact .download .titlearea h4 + p + p{
    font-size: 1.8rem;
    color: #666;
}
body.sub .contact .download .list{
    padding-top: 100px;
}
body.sub .contact .download .list ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}
body.sub .contact .download .list ul li{
    box-sizing: border-box;
    width: 32%;
    margin: 0 2% 2% 0;
    padding: 40px 20px 20px;
    background: #f6f6f6;
}
body.sub .contact .download .list ul li:nth-child(3n){
    margin-right: 0;
}
body.sub .contact .download .list ul li .thumb{
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
body.sub .contact .download .list ul li .btns{
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}
body.sub .contact .download .list ul li .btns a{
    display: block;
    box-sizing: border-box;
    width: 49%;
    height: 48px;
    border-radius: 20px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 46px;
}
body.sub .contact .download .list ul li .btns a i{
    display: inline-block;
    width: 17px;
    height: 12px;
}
body.sub .contact .download .list ul li .btns a:nth-child(1){
    border: 1px solid #279ee2;
    background: #279ee2;
    color: #fff;
}
body.sub .contact .download .list ul li .btns a:nth-child(1) i{
    background-image: none;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #fff;
    transform: scaleX(-1);
}
body.sub .contact .download .list ul li .btns a:nth-child(2){
    border: 1px solid #7b7b7b;
    color: #555;
}
body.sub .contact .download .list ul li .btns a:nth-child(2) i{
    background-image: none;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #555;
    transform: scaleX(-1);
}
body.sub .m34{
}
body.sub .m34 .main_title .title4{
    margin-top: 60px;
    font-size: 28px;
}
body.sub .m34 #sec2{
    background: #f5f5f5;
}
body.sub .m34 #sec2 .inner{
    border: 0;
}
body.sub .m34 #sec2 .searchwrap{
    display: flex;
    align-items: center;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 2px solid #000;
}
body.sub .m34 #sec2 .searchwrap input{
    box-sizing: border-box;
    width: calc(100% - 29px);
    height: 70px;
    background: 0;
    border: 0;
    outline: 0;
    font-size: 33px;
    color: #444;
}
body.sub .m34 #sec2 .searchwrap input::placeholder{
    color: #999;
    font-weight: 500;
}
body.sub .m34 #sec2 .searchwrap button{
    width: 29px;
}
body.sub .m34 #sec2 .searchTag{
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    width: 100%;
    margin: 18px auto 70px;
}
body.sub .m34 #sec2 .searchTag li{
    margin: 0 5px 5px 0;
}
body.sub .m34 #sec2 .searchTag li a{
    display: inline-block;
    padding: 0 15px;
    background: #e8e8e8;
    border-radius: 5px;
    font-size: 1.8rem;
    color: #777;
    font-weight: 400;
    text-align: center;
    line-height: 32px;
    transition: all 0.4s;
}
body.sub .m34 #sec2 .searchTag li:hover a{
    background: #269ee2;
    color: #fff;
}
body.sub .m34 #sec2 .list{
}
body.sub .m34 #sec2 .list ul{
    display: flex;
    flex-wrap: wrap;
}
body.sub .m34 #sec2 .list ul li{
    width: 32%;
    margin: 0 2% 2% 0;
}
body.sub .m34 #sec2 .list ul li:nth-child(3n){
    margin-right: 0;
}
body.sub .m34 #sec2 .list ul li a{
    display: block;
    box-sizing: border-box;
    padding: 55px 40px;
    min-height: 370px;
    border: 1px solid #ddd;
    background: #fff;
}
body.sub .m34 #sec2 .list ul li .logoimg{
}
body.sub .m34 #sec2 .list ul li .tit{
    margin: 55px 0 15px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
body.sub .m34 #sec2 .list ul li .txt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.8rem;
    color: #666;
    line-height: 1.7em;
}
body.sub .m34 #sec2 .list ul li .tag{
    margin-top: 35px;
}
body.sub .m34 #sec2 .list ul li .tag span{
    display: inline-block;
    padding: 0 15px;
    background: #e8e8e8;
    border-radius: 5px;
    font-size: 1.8rem;
    color: #777;
    font-weight: 400;
    text-align: center;
    line-height: 32px;
}
body.sub .m34 .bbsView{
    border-top: 2px solid #000;
}
body.sub .m34 .bbsView .title{
    padding: 50px 40px;
    border-bottom: 1px solid #ddd;
    font-size: 35px;
    color: #000;
    font-weight: 600;
}
body.sub .m34 .bbsView .title .tag{
    display: inline-block;
    vertical-align: top;
    margin: 12px 0 0 5px;
    padding: 0 15px;
    background: #e8e8e8;
    border-radius: 5px;
    font-size: 1.8rem;
    color: #777;
    font-weight: 400;
    text-align: center;
    line-height: 32px;
}
body.sub .m34 .bbsView .info{
    padding: 25px 40px;
    border-bottom: 1px solid #ddd;
}
body.sub .m34 .bbsView .info dl{
    display: flex;
    margin-bottom: 10px;
}
body.sub .m34 .bbsView .info dl:last-child{
    margin-bottom: 0;
}
body.sub .m34 .bbsView .info dl dt{
    position: relative;
    width: 100px;
    font-size: 1.8rem;
    color: #000;
    font-weight: 500;
}
body.sub .m34 .bbsView .info dl dt:after{
    display: block;
    content: "";
    width: 1px;
    height: 14px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 6px;
}
body.sub .m34 .bbsView .info dl dd{
    box-sizing: border-box;
    width: calc(100% - 100px);
    padding: 0 15px;
    font-size: 1.8rem;
    color: #555;
}
body.sub .m34 .bbsView .viewcon{
    padding: 55px 40px;
    border-bottom: 1px solid #ddd;
}
body.sub .m34 .bbsView .viewcon .slg{
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    height: 260px;
    margin-bottom: 40px;
    padding: 0 70px;
}
body.sub .m34 .bbsView .viewcon .slg .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
body.sub .m34 .bbsView .viewcon .slg .txt{
    position: relative;
    z-index: 10;
    font-size: 32px;
    color: #fff;
}
body.sub .m34 .bbsView .viewcon .boxwrap{
    padding: 50px 0;
    border-bottom: 1px solid #ddd;
}
body.sub .m34 .bbsView .viewcon .boxwrap:last-child{
    border-bottom: 0;
}
body.sub .m34 .bbsView .viewcon .boxwrap .tit{
    font-size: 32px;
    color: #000;
    font-weight: 600;
    margin-bottom: 25px;
}
body.sub .m34 .bbsView .viewcon .boxwrap .txt{
    font-size: 1.8rem;
    color: #555;
    line-height: 1.8em;
}
body.sub .m34 .bbsView .viewcon .boxwrap .txt ul{
}
body.sub .m34 .bbsView .viewcon .boxwrap .txt ul li{
    position: relative;
    padding-left: 20px;
    font-size: 1.8rem;
    color: #555;
    line-height: 1.8em;
}
body.sub .m34 .bbsView .viewcon .boxwrap .txt ul li span{
    position: absolute;
    left: 0;
    top: 0;
    color: #269ee2;
}
body.sub .m34 .bbsView .btn{
    margin: 45px 0 0;
}
body.sub .m34 .bbsView .btn>a{
    display: block;
    width: 240px;
    height: 60px;
    margin: 0 auto;
    background: #269ee2;
    border-radius: 20px;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    line-height: 60px;
}
body.sub .m34 .bbsView .btn>a i{
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 7px;
    margin: 27px 0 0 2px;
}
}
@media screen and (min-width:768px) and (max-width:1279px) and (max-width:960px) {
body.sub .m34 #sec2 .list ul li{
        width: 49%;
        margin: 0 2% 2% 0;
    }
body.sub .m34 #sec2 .list ul li:nth-child(2n){
        margin-right: 0;
    }
body.sub .m34 #sec2 .list ul li:nth-child(3n){
        margin-right: 2%;
    }
}

/* ===== style_mobile.css (merged, scoped to body.sub, screen and (max-width:767px)) ===== */

.pcbr{
    display: none !important;
}
@media screen and (max-width:767px) {
body.sub .pc_view{
    display: none !important;
}
body.sub .tm_view{
    display: block !important;
}
body.sub body::-webkit-scrollbar{
    width: 7px;
    height: 0 !important;
}
body.sub body::-webkit-scrollbar-thumb{
    background-color: #777;
    border-radius: 10px
}
body.sub body::-webkit-scrollbar-track{
    background-color: #eee;
}
body.sub #container{
    padding-top: 160px;
}
body.sub body.normalPage #container{
    padding-top: 105px;
}
body.sub #menu_tab_wrap .menu_tab_list ul li.on a{
    color: #0096e0;
}
body.sub #menu_tab_wrap .menu_tab_list ul li.on a:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #0085ce;
}
body.sub #subtop .bg{
    position: relative;
    width: 100%;
    height: 260px;
    overflow: hidden;
    margin-top: -12px;
    opacity: 0;
}
body.sub #subtop .bg div{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: circle(10vmax at 33vw 50%);
    background: #111;
}
body.sub #subtop .bg span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub #subtop.st11 .bg span{
    background: url('/resources/images/common/gnb-bg01.png')no-repeat left 36% center/cover;
}
body.sub #subtop.st12 .bg span{
    background: url('/resources/images/common/gnb-bg01.png')no-repeat center/cover;
}
body.sub #subtop.st21 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st22 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st23 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st24 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st25 .bg span{
    background: url('/resources/images/common/gnb-bg02.png')no-repeat center/cover;
}
body.sub #subtop.st31 .bg span{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat center/cover;
}
body.sub #subtop.st32 .bg span{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat center/cover;
}
body.sub #subtop.st33 .bg span{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat center/cover;
}
body.sub #subtop.st34 .bg span{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat center/cover;
}
body.sub #subtop.st41 .bg span{
    background: url('/resources/images/common/gnb-bg04.png')no-repeat center/cover;
}
body.sub #subtop.st42 .bg span{
    background: url('/resources/images/common/gnb-bg04.png')no-repeat center/cover;
}
body.sub #subtop.st5 .bg span{
    background: url('/resources/images/common/gnb-bg04.png')no-repeat center/cover;
}
body.sub #subtop.st53 .bg span{
    background: url('/resources/images/common/gnb-bg04.png')no-repeat center/cover;
}
body.sub body.hide #fix_menu_wrap-sticky-wrapper{
    top: 0;
    transition: 0s;
}
body.sub #fix_menu_wrap{
    width: 100% !important;
    height: 55px !important;
    font-size: 1.8rem;
    color: #999999;
    font-weight: 500;
    background: #fff;
    opacity: 1 !important;
    transform: inherit !important;
    animation: inherit !important;
}
body.sub #fix_menu_wrap:before{
    display: block;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    z-index: 0;
}
body.sub #fix_menu_wrap .fix_menu_g{
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    list-style: none;
    padding: 0 5px;
}
body.sub #fix_menu_wrap .fix_menu_g::-webkit-scrollbar{
    display: none;
}
body.sub #fix_menu_wrap .fix_menu_g > li{
    position: relative;
    height: 100%;
    width: auto;
    padding: 0 15px;
    display: inline-block;
}
body.sub #fix_menu_wrap .fix_menu_g > li + li:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -2px;
    width: 1px;
    height: 10px;
    background: #cccccc;
    transform: translateY(-50%);
}
body.sub #fix_menu_wrap .fix_menu_g > li a{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}
body.sub #fix_menu_wrap .fix_menu_g > li.on a{
    color: #0096e0;
    /* font-weight: 600; */
    transition: 0.3s;
}
body.sub #fix_menu_wrap .fix_menu_g > li a:before{
    display: block;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #269ee2;
    transform-origin: left top;
    transform: scaleX(0);
    transform-origin: center;
    opacity: 0;
    z-index: 10;
    transition: 0.3s;
}
body.sub #fix_menu_wrap .fix_menu_g > li.on a:before{
    transform: scaleX(1);
    opacity: 1;
}
body.sub #fix_menu_wrap .fix_menu_g > li a:hover{
    opacity: 0.5;
    transition: 0.3s;
}
body.sub .m00 .txt1{
    font-size: 1.8rem;
    color: #666;
    line-height: 1.9;
    font-weight: 400;
    letter-spacing: -0.25px;
    word-break: keep-all;
}
body.sub .m00 .img{
    position: relative;
    text-align: center;
}
body.sub .m00 .img img{
    max-width: 100%;
    margin: 0 auto;
}
body.sub .section_wrap{
    position: relative;
    word-break: keep-all;
}
body.sub .con_title_g.normal_title{
    margin-bottom: 40px;
}
body.sub .con_title_g .title0{
    font-size: 2.6rem;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
}
body.sub .con_title_g .title0.en{
    font-family:'paperlogy',sans-serif;
    font-weight: 700;
}
body.sub .con_title_g .title1{
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
}
body.sub .con_title_g .title2{
    font-size: 2rem;
    color: #000;
    line-height: 1.4;
    font-weight: 600;
}
body.sub .con_title_g .title2.type2{
    position: relative;
    padding-left: 12px;
}
body.sub .con_title_g .title2.type2:before{
    display: block;
    content: "";
    width: 3px;
    height: 18px;
    background: #000;
    position: absolute;
    top: 5px;
    left: 0;
}
body.sub .con_title_g .title3{
    font-size: 1.8rem;
    color: #000;
    line-height: 1.4;
    font-weight: 600;
}
body.sub .con_title_g .title4{
    font-size: 1.8rem;
    color: #000;
    line-height: 1.7;
    font-weight: 600;
}
body.sub .con_title_g .title5{
    font-size: 2rem;
    color: #000;
    line-height: 1.7;
    font-weight: 500;
}
body.sub .con_title_g .title6{
    font-size: 2.4rem;
    color: #000;
    line-height: 1.7;
    font-weight: 500;
}
body.sub .con_title_g .title6.en{
    font-family:'paperlogy',sans-serif;
    font-weight: 600;
}
body.sub .paging > *:not(strong,.arrow):hover{
    background: #eee;
    transition: 0.3s;
}
body.sub .page_layout_style1 .section:first-child > .inner{
    padding-bottom: 75px;
}
body.sub .page_layout_style1 .main_title{
    margin-bottom: 40px;
}
body.sub .page_layout_style1 .section + .section > .inner{
    padding: 70px 0 75px;
    border-top: 1px solid #dbdbdb;
}
body.sub .page_layout_style1 .section:last-child > .inner{
    padding-bottom: 100px;
}
body.sub .page_layout_style1 .page_info_wrap{
    padding: 0 0 70px 0;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 65px;
}
body.sub .page_layout_style1 .page_info_wrap .txt1{
    margin-top: 20px;
}
body.sub .page_layout_style1 .page_info_wrap.main_title{
    padding-bottom: 0;
    border-bottom: 0;
}
body.sub .m00 .tabs_wrap{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
body.sub .m00 .tabs_wrap.style1 li{
    width: 50%;
    height: 40px;
    border: 1px solid #d9d9d9;
    background: #fff;
    margin: -1px 0 0 -1px;
}
body.sub .m00 .tabs_wrap.style1 li > *{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: transparent;
    color: #999;
    font-weight: 500;
    font-size: 1.8rem;
}
body.sub .m00 .tabs_wrap.style1 li.on{
    background: #269ee2;
    border: 0;
    transition: 0.3s;
}
body.sub .m00 .tabs_wrap.style1 li.on > *{
    color: #fff;
    transition: 0.3s
}
body.sub .m00 .tabs_wrap.style2 li{
    position: relative;
    height: 56px;
    border-bottom: 1px solid #b2b2b2;
}
body.sub .m00 .tabs_wrap.style2 li > *{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: transparent;
    color: #999;
    font-weight: 500;
    font-size: 1.8rem;
}
body.sub .m00 .tabs_wrap.style2 li + li{
    margin-left: 4px;
}
body.sub .m00 .tabs_wrap.style2 li:after{
    display: block;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #269ee2;
    opacity: 0;
    z-index: 10;
}
body.sub .m00 .tabs_wrap.style2 li.on > *{
    color: #000;
    transition: 0.3s;
}
body.sub .m00 .tabs_wrap.style2 li.on:after{
    opacity: 1;
    transition: 0.3s;
}
body.sub .m00 .tabs_wrap.style2.list6 li{
    width: calc(16.66666666666667% - 3.333333333333333px);
}
body.sub .m00 .tabs_wrap.style2.list7 li{
    width: calc(14.28571428571429% - 3.428571428571429px);
}
body.sub .m00 .tabs_select_wrap{
    position: relative;
    width: 100%;
    z-index: 100;
}
body.sub .m00 .tabs_select_wrap .tm_view{
    position: relative;
    margin-bottom: 40px;
}
body.sub .m00 .tabs_select_wrap .tm_view button{
    position: relative;
    width: 100%;
    height: 50px;
    font-size: 1.8rem;
    color: #000;
    font-weight: 500;
    border-bottom: 2px solid #269ee2;
}
body.sub .m00 .tabs_select_wrap .tm_view button:after{
    display: block;
    content: "";
    position: absolute;
    top: 18px;
    right: 10px;
    width: 7px;
    height: 7px;
    border: 2px solid #000;
    transform: rotate(45deg);
    border-top: 0;
    border-left: 0;
}
body.sub .m00 .tabs_select_wrap.on .tm_view button:after{
    transform: rotate(-135deg);
    top: 22px;
}
body.sub #wrap .m00 .tabs_select_wrap ul{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    font-size: 2rem;
    color: #999999;
    text-align: center;
    font-family:'paperlogy',sans-serif;
    font-weight: 500;
    border: 1px solid #dddddd;
    border-top: 0;
    display: none;
    padding: 10px 0;
    background: #f8f8f8;
}
body.sub #wrap .m00 .tabs_select_wrap ul li{
    width: 100%;
    height: 35px;
    margin: 0;
    border-bottom: 0;
}
body.sub #wrap .m00 .tabs_select_wrap ul li button{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 1.8rem;
    color: #999;
    font-weight: 400;
    font-family:'paperlogy',sans-serif;
}
body.sub #wrap .m00 .tabs_select_wrap ul li:after{
    display: none;
}
body.sub .tabs_contents .con{
    display: none;
}
body.sub .tabs_contents .con1{
    display: block;
}
body.sub /*m11*/
.m11.page_layout_style1 .page_info_wrap{
    margin-bottom: 0;
}
body.sub .m11 .vision_philosophy_wrap{
    padding-top: 75px;
    padding-bottom: 80px;
}
body.sub .m11 .vision_philosophy .vision .con_title_g{
    margin-bottom: 30px;
}
body.sub .m11 .vision_philosophy .v_info_g{
    position: relative;
    width: 100%;
    left: 0;
    padding: 70px 0;
}
body.sub .m11 .vision_philosophy .v_info_g .bg{
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
body.sub .m11 .vision_philosophy .v_info_g .slogan{
    color: #fff;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.35;
}
body.sub .m11 .vision_philosophy .v_info_g .slogan .en{
    font-size: 2.5rem;
    font-family:'paperlogy',sans-serif;
}
body.sub .m11 .vision_philosophy .v_info_g .txt1{
    color: #fff;
    margin-top: 12px;
}
body.sub .m11 .vision_philosophy .v_info_g .txt1 br{
    display: none;
}
body.sub .m11 .vision_philosophy .philosophy{
    padding-top: 75px;
}
body.sub .m11 .vision_philosophy .philosophy .tabs_contents{
    padding-top: 45px;
}
body.sub .m11 .vision_philosophy .philosophy .sub_title .txt1{
    margin-top: 15px;
}
body.sub .m11 .vision_philosophy .philosophy .sub_title .txt1 br{
    display: none;
}
body.sub .m11 .vision_philosophy .philosophy .item_list{
    padding-top: 60px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .con_title_g{
    text-align: center;
    margin-bottom: 30px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.8rem;
    color: #fff;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 75px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram:before, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram:after{
    display: block;
    content: "";
    position: absolute;
    top: 22.5vw;
    left: 0;
    width: 100%;
    height: 2px;
    border-top: 2px dotted #ccc;
    margin-top: 1px;
    z-index: -1;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram:after{
    bottom: 22vw;
    top: auto;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li{
    position: relative;
    width: 50%;
    text-align: center;
    padding: 12px;
    border-radius: 50%;
    height: 45vw;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: calc(100% + 3px);
    height: 100%;
    border-radius: 50%;
    border: 2px dotted #3eb5e0;
    transform: rotate(45deg);
    box-sizing: border-box;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2):before{
    border-color: #258adc;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(3):before{
    border-color: #166bc4;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(4):before{
    border-color: #0e4d90;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(even):before{
    border-bottom-color: #fff !important;
    border-right-color: #fff !important;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(odd):before{
    border-top-color: #fff !important;
    border-left-color: #fff !important;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li .g{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:last-child .g:after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2) .g:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-top: -1px;
    z-index: 10;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:first-child:after{
    left: -3px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(1):after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(1) .g{
    background: #3eb5e0;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2):after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2) .g, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2) .g:after{
    background: #258adc;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(3):after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(3) .g{
    background: #166bc4;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(4):after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(4) .g, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:last-child .g:after{
    background: #0e4d90;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2) .g:after, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:last-child .g:after{
    left: auto;
    right: -5px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li p{
    padding-top: 37px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 23px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li .en{
    display: block;
    font-size: 1.8rem;
    font-family:'paperlogy',sans-serif;
    margin-bottom: 5px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li .txt{
    font-size: 2rem;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list{
    position: relative;
    width: 100%;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li + li{
    margin-top: 75px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box{
    width: 100%;
    order: 2;
    padding: 45px 0 0 0;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .title{
    font-size: 2rem;
    color: #3eb5e0;
    font-weight: 500;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(2) .text_box .title{
    color: #258adc;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(3) .text_box .title{
    color: #166bc4;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(4) .text_box .title{
    color: #0e4d90;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .title .en{
    font-size: 2.4rem;
    font-family:'paperlogy',sans-serif;
    font-weight: 400;
    margin-right: 15px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .title .txt{
    font-size: 2.2rem;
    color: #222;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .sub_title{
    font-size: 1.8rem;
    color: #222;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: -0.5px;
    margin-top: 14px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .sub_title br{
    display: none;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .txt1{
    margin-top: 10px;
    letter-spacing: -0.4px;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .txt1 br{
    display: none;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .img{
    position: relative;
    width: 100vw;
    height: 210px;
    overflow: hidden;
    order: 1;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(even) .img{
    left: -11%;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .info_list > li .img span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(1):before{
    border-color: #0aa4db;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(2):before{
    border-color: #217bce;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(3):before{
    border-color: #4445af;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(4):before{
    border-color: #4e2990;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(1):after, body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(1) .g{
    background: #0aa4db;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(2):after, body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(2) .g{
    background: #217bce;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(3):after, body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(3) .g{
    background: #4445af;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(4):after, body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(4) .g, body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li:last-child .g:after{
    background: #4e2990;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(1) .text_box .title{
    color: #0aa4db;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(2) .text_box .title{
    color: #217bce;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(3) .text_box .title{
    color: #4445af;
}
body.sub .m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(4) .text_box .title{
    color: #4e2990;
}
body.sub .m11 .ceo_greeting_wrap .main_title{
    margin-bottom: 35px;
}
body.sub .m11 .ceo_greeting_wrap .main_info:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: -500%;
    width: 1000%;
    height: 100%;
    background: #eaeaea;
    z-index: -1;
}
body.sub .m11 .ceo_greeting_wrap .main_info{
    position: relative;
    min-height: 300px;
    padding-top: 38px;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
}
body.sub .m11 .ceo_greeting_wrap .main_info .ceo{
    order: 2;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    background-size: 100%;
    overflow: hidden;
}
body.sub .m11 .ceo_greeting_wrap .main_info .ceo img{
    max-width: 82%;
}
body.sub .m11 .ceo_greeting_wrap .main_info .con_title_g{
    order: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
body.sub .m11 .ceo_greeting_wrap .main_info .con_title_g .title1{
    line-height: 1.6;
}
body.sub .m11 .ceo_greeting_wrap .more_con{
    width: 100%;
    padding-top: 45px;
    display: flex;
    flex-wrap: wrap;
}
body.sub .m11 .ceo_greeting_wrap .more_con .slogan{
    width: 100%;
    font-size: 2rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.7;
}
body.sub .m11 .ceo_greeting_wrap .more_con .greeting{
    margin-bottom: 28px;
}
body.sub .m11 .ceo_greeting_wrap .more_con .greeting .title2{
    line-height: 1.6;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box{
    width: 100%;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box + .text_box{
    margin-top: 25px;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box br{
    display: none;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box > *{
    margin-top: -8px;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box > * + *{
    margin-top: 15px;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box > b{
    display: block;
    font-size: 1.8rem;
    color: #000;
    font-weight: 500;
}
body.sub .m11 .ceo_greeting_wrap .more_con .text_box > b img{
    height: 38px;
    margin-left: 5px;
    margin-top: -5px;
}
body.sub .m11 .history_wrap .history{
    position: relative;
    width: 100%;
}
body.sub .m11 .history_wrap .his_nav{
    position: relative;
    width: calc(100% + 7%);
    margin-bottom: 50px;
}
body.sub .m11 .history_wrap .his_nav ul{
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    list-style: none;
    padding: 0 30px;
}
body.sub .m11 .history_wrap .his_nav ul li{
    width: 90px;
    display: inline-block;
}
body.sub .m11 .history_wrap .his_nav ul::-webkit-scrollbar{
    display: none;
}
body.sub .m11 .history_wrap .his_nav:before{
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0096e0;
}
body.sub .m11 .history_wrap .his_nav ul:before, body.sub .m11 .history_wrap .his_nav ul:after{
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    background: #0096e0;
    border: 0px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 0;
    box-sizing: border-box;
    transform-origin: top center;
}
body.sub .m11 .history_wrap .his_nav ul:after{
    left: auto;
    right: 0;
}
body.sub .m11 .history_wrap .his_nav li button{
    position: relative;
    padding-top: 20px;
    font-size: 1.8rem;
    color: #000;
    font-family:'paperlogy',sans-serif;
    font-weight: 600;
    width: 100%;
    min-height: 56px;
    display: block;
}
body.sub .m11 .history_wrap .his_nav li button span{
    font-weight: 500;
}
body.sub .m11 .history_wrap .his_nav li button:before{
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    background: #0096e0;
    border: 0px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    transform-origin: top center;
}
body.sub .m11 .history_wrap .his_nav li button:after{
    display: block;
    content: "";
    width: 18px;
    height: 18px;
    background: #fff;
    border: 6px solid #0096e0;
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 50%;
    transform: translateX(-50%) scale(0);
    transition: 0.5s;
    box-sizing: border-box;
}
body.sub .m11 .history_wrap .his_nav li.on button:after{
    transform: translateX(-50%) scale(1);
    top: 6px;
}
body.sub .m11 .history_wrap .his_con{
    position: relative;
    width: calc(100% + 10px);
}
body.sub .m11 .history_wrap .h_item{
    position: relative;
    width: 100%;
}
body.sub .m11 .history_wrap .h_item:after{
    display: block;
    content: "";
    clear: both;
}
body.sub .m11 .history_wrap .h_item .his{
    position: relative;
    width: 100%;
}
body.sub .m11 .history_wrap .h_item .his .big_year{
    font-size: 6rem;
    color: #0096e0;
    font-family:'paperlogy',sans-serif;
    line-height: 0.9;
    font-weight: 600;
    letter-spacing: -1px;
}
body.sub .m11 .history_wrap .h_item .his .big_year span{
    position: relative;
    top: -3px;
    font-size: 2.5rem;
    font-family:'paperlogy',sans-serif;
    font-weight: 700;
}
body.sub .m11 .history_wrap .h_item .his .img{
    width: 100vw;
    left: -11%;
    height: 210px;
    background: #f5f5f5;
    margin: 32px 0px 0 0;
}
body.sub .m11 .history_wrap .h_item .his .img span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub .m11 .history_wrap .h_item .list_wrap{
    position: relative;
    width: 100%;
    padding: 0px 0 0 25px;
    border-left: 1px solid #dbdbdb;
    margin-top: 50px;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list{
    width: 100%;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list + .list{
    margin-top: 35px;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list .year{
    font-size: 1.8rem;
    color: #014099;
    font-family:'paperlogy',sans-serif;
    margin-bottom: 13px;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list:last-child > ul{
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul{
    width: 100%;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul > li{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul > li + li{
    margin-top: 2px;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul > li > .month{
    width: 35px;
    font-size: 1.8rem;
    font-family:'paperlogy',sans-serif;
    color: #111;
    line-height: 1.75;
}
body.sub .m11 .history_wrap .h_item .list_wrap .list > ul > li > .txt1{
    width: calc(100% - 35px);
    letter-spacing: -0.4px;
}
body.sub .m11 .history_wrap .h_item.on .his .img{
    animation-name: showImg;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
}
body.sub .m11 .history_wrap .h_item.on .his .img span{
    animation-name: scaleAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
}
body.sub .m11 .establishment_g{
    padding-top: 28px;
}
body.sub .m11 .establishment_g .tabs_contents{
    position: relative;
}
body.sub .m11 .establishment_g .tabs_wrap{
    margin-bottom: 100px;
}
body.sub .m11 .establishment_g .tabs_contents .con{
    position: relative;
    width: 100%;
    background: #edeeef;
    padding: 35px 20px;
}
body.sub .m11 .establishment_g .tabs_contents .info_g{
    position: relative;
    width: 100%;
}
body.sub .m11 .establishment_g .tabs_contents .info_g.type2{
    align-items: flex-start;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .img{
    width: 100%;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .img img{
    width: 100%;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .info{
    width: 100%;
    padding: 30px 0 0 0;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .info .sub_tit{
    font-size: 1.8rem;
    color: #000;
    font-weight: 500;
    margin-bottom: 6px;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .info .i_list1{
    margin-top: 20px;
}
body.sub .m11 .establishment_g .tabs_contents .info_g .info .title{
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
}
body.sub .m11 .establishment_g .tabs_contents .map{
    margin-top: 20px;
    padding-top: 35px;
    border-top: 1px solid #cccccd;
}
body.sub .m11 .establishment_g .tabs_contents .map iframe{
    width: 100%;
    height: 150px;
    border: 1px solid #cacbcb !important;
}
body.sub .m11 .affiliated_g{
    padding-top: 30px;
}
body.sub .m11 .affiliated_g .item_list{
    position: relative;
    width: 100%;
    border-top: 2px solid #269ee2;
}
body.sub .m11 .affiliated_g .item_list .item{
    width: 100%;
    padding: 15px 0 30px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #dbdbdb;
}
body.sub .m11 .affiliated_g .item_list .item .logo{
    width: 100%;
    background: #f6f6f6;
}
body.sub .m11 .affiliated_g .item_list .item .logo img{
    width: 100%;
}
body.sub .m11 .affiliated_g .item_list .item .info_g{
    width: 100%;
    padding: 30px 0 0 0;
}
body.sub .m11 .affiliated_g .item_list .item .info_g .title{
    font-size: 2rem;
    color: #000;
    font-weight: 600;
}
body.sub .m11 .affiliated_g .item_list .item .info_g .i_list1{
    margin-top: 15px;
}
body.sub .page_layout_style2 .page_info_wrap .title4{
    margin-top: 25px;
}
body.sub .page_layout_style2 .page_info_wrap br{
    display: none;
}
body.sub .page_layout_style2 .page_info_wrap .txt1{
    margin-top: 12px;
}
body.sub .page_layout_style2 .con_title_g.main_title .txt1{
    margin-top: 30px;
}
body.sub .page_layout_style2 .con_title_g.main_title .txt1 br{
    display: none;
}
body.sub .page_layout_style2 .con_title_g.sub_title{
    margin-bottom: 35px;
}
body.sub .page_layout_style2 .con_title_g.sub_title .txt1{
    margin-top: 25px;
}
body.sub .page_layout_style2 .con_title_g.sub_title .txt1 b{
    color: #000;
    font-weight: 500;
}
body.sub .page_layout_style2 .list_wrap_style1 .list{
    width: 100%;
    background-repeat: no-repeat;
    background-position: top left 0px;
    padding: 1px 0px 0 40px;
    background-size: auto 25px;
}
body.sub .page_layout_style2 .list_wrap_style1 .list br{
    display: none;
}
body.sub .page_layout_style2 .list_wrap_style1 .list:nth-child(n+2){
    margin-top: 30px;
}
body.sub .page_layout_style2 .list_wrap_style1 .list .tit{
    font-size: 1.8rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.7;
}
body.sub .page_layout_style2 .list_wrap_style1 .list .dot_list li{
    position: relative;
    padding-left: 10px;
}
body.sub .page_layout_style2 .list_wrap_style1 .list .dot_list li + li{
    margin-top: 5px;
}
body.sub .page_layout_style2 .list_wrap_style1 .list .dot_list li:before{
    display: block;
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 500;
}
body.sub .page_layout_style2 section .contents{
    position: relative;
    width: 100%;
    padding-top: 70px;
}
body.sub .page_layout_style2 section .contents .con_g{
    position: relative;
    width: 100%;
}
body.sub .page_layout_style2 section .contents .con_g + .con_g{
    margin-top: 75px;
}
body.sub .page_layout_style1 .list_layout_style3{
    position: relative;
    width: 100%;
    overflow: hidden;
}
body.sub .page_layout_style1 .list_layout_style3 > li{
    position: relative;
    width: 100%;
}
body.sub .page_layout_style1 .list_layout_style3 > li + li{
    margin-top: 55px;
}
body.sub .page_layout_style1 .list_layout_style3 > li .img{
    width: 100%;
    height: 175px;
    overflow: hidden;
}
body.sub .page_layout_style1 .list_layout_style3 > li .img span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con{
    position: relative;
    width: 95%;
    margin-left: 5%;
    margin-top: -30px;
    background: #fff;
    padding: 30px 0 0 25px;
    z-index: 10;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .num{
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: 9rem;
    color: #fff;
    line-height: 0.8;
    font-family:'paperlogy',sans-serif;
    font-weight: 700;
    margin-bottom: -4px;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .tit{
    font-size: 1.8rem;
    font-family:'paperlogy',sans-serif;
    color: #111;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .tit span{
    width: 100%;
    font-size: 1.8rem;
    color: #111;
    font-weight: 400;
    font-family:'paperlogy',sans-serif;
    order: -1;
    margin-bottom: 5px;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .tit.en{
    font-weight: 500;
}
body.sub .page_layout_style1 .list_layout_style3 > li .con .txt1{
    margin-top: 15px;
}
body.sub .page_layout_style1 .list_layout_style3 > li:nth-child(even) .con .tit{
    justify-content: flex-end;
}
body.sub .page_layout_style1 .list_layout_style3 > li:nth-child(even) .con{
    padding: 30px 25px 0 0px;
    text-align: right;
    margin-left: 0;
}
body.sub .page_layout_style1 .list_layout_style3 > li:nth-child(even) .con .num{
    left: auto;
    right: 10px;
}
body.sub .page_layout_style1 .contents_style1{
    padding: 70px 20px;
    margin-top: 200px;
}
body.sub .page_layout_style1 .contents_style1:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1;
}
body.sub .page_layout_style1 .contents_style1 .con_title_g.sub_title{
}
body.sub .page_layout_style1 .contents_style1 .con_title_g .title2.type2{
    color: #fff;
}
body.sub .page_layout_style1 .contents_style1 .con_title_g .title2.type2:before{
    background: #fff;
}
body.sub .page_layout_style1 .contents_style1 .con_title_g .title4{
    color: #fff;
    font-weight: 500;
    margin-top: 25px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap{
    position: relative;
    width: 100%;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap .item{
    background: rgba(255,255,255,0.85);
    padding: 50px 30px 50px;
    text-align: center;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap .item + .item{
    margin-top: 10px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap .title{
    padding-top: 50px;
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 1.8rem;
    color: #000;
    font-weight: 600;
    line-height: 1.64;
    letter-spacing: -0.25px;
    background-size: auto 35px;
}
body.sub .page_layout_style1 .contents_style1 .items_wrap .con{
    margin-top: 10px;
}
body.sub .scroll_x.type2 .scroll_con{
}
body.sub .list_wrap_style2 > li .num{
    font-size: 1.8rem;
    color: #111;
    font-weight: 600;
    font-family:'paperlogy',sans-serif;
}
body.sub .list_wrap_style2 > li .txt1{
    position: relative;
    margin-top: 9px;
    z-index: 10;
}
body.sub .list_wrap_style2.type2 > li .tit{
    position: relative;
    padding-top: 55px;
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 1.8rem;
    color: #111;
    font-weight: 500;
    background-size: auto 35px;
    z-index: 10;
}
body.sub .m211 .keyword_wrap .title{
    font-size: 1.8rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 40px;
}
body.sub .m211 .keyword_wrap .keyword_list{
    position: relative;
    width: 100%;
    overflow: hidden;
}
body.sub .m211 .keyword_wrap .keyword_list li{
    position: relative;
    width: 100%;
}
body.sub .m211 .keyword_wrap .keyword_list li + li{
    margin-top: 55px;
}
body.sub .m211 .keyword_wrap .keyword_list li .img{
    width: 100%;
    height: 178px;
    overflow: hidden;
}
body.sub .m211 .keyword_wrap .keyword_list li .img span{
    display: block;
    width: 100%;
    height: 100%;
}
body.sub .m211 .keyword_wrap .keyword_list li .con{
    position: relative;
    width: 95%;
    margin-top: -35px;
    right: 0;
    background: #fff;
    padding: 25px 0 0 25px;
    margin-left: 5%;
    z-index: 10;
}
body.sub .m211 .keyword_wrap .keyword_list li .con .num{
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: 9rem;
    color: #fff;
    line-height: 0.8;
    font-family:'paperlogy',sans-serif;
    font-weight: 700;
    margin-bottom: -4px;
}
body.sub .m211 .keyword_wrap .keyword_list li .con .tit{
    font-size: 1.8rem;
    font-family:'paperlogy',sans-serif;
    color: #111;
    font-weight: 600;
}
body.sub .m211 .keyword_wrap .keyword_list li .con .tit.en{
    font-weight: 500;
}
body.sub .m211 .keyword_wrap .keyword_list li .con .txt1{
    margin-top: 10px;
}
body.sub .m211 .keyword_wrap .keyword_list li .con .txt1 br{
    display: none;
}
body.sub .m211 .keyword_wrap .keyword_list li:nth-child(even){
}
body.sub .m211 .keyword_wrap .keyword_list li:nth-child(even) .con{
    text-align: right;
    padding: 25px 25px 0 0px;
    margin-left: 0;
}
body.sub .m211 .keyword_wrap .keyword_list li:nth-child(even) .con .num{
    left: auto;
    right: 10px;
}
body.sub .m211 .sec1 .process_wrap .con_title_g{
    margin-bottom: 80px;
}
body.sub .m211 .sec1 .process_list{
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    padding-bottom: 24px;
}
body.sub .m211 .sec1 .process_list:before{
    display: block;
    content: "";
    position: absolute;
    top: -35px;
    left: 50%;
    width: 1px;
    height: calc(100% + 63px);
    border-left: 1px dashed #e6e6e6;
    z-index: 10;
    transform: translateX(-50%);
}
body.sub .m211 .sec1 .process_list .item{
    position: relative;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 150px;
}
body.sub .m211 .sec1 .process_list .item + .item{
    margin-top: 25px;
}
body.sub .m211 .sec1 .process_list .item:before, body.sub .m211 .sec1 .process_list .item:after{
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #ededed;
    transform: skew(-180deg,-162deg);
    z-index: -1;
}
body.sub .m211 .sec1 .process_list .item:after{
    left: calc(50% - 1px);
    transform: skew(180deg,162deg);
}
body.sub .m211 .sec1 .process_list .item:nth-child(2):before, body.sub .m211 .sec1 .process_list .item:nth-child(2):after{
    background: #b1eddf;
}
body.sub .m211 .sec1 .process_list .item:nth-child(3):before, body.sub .m211 .sec1 .process_list .item:nth-child(3):after{
    background: #91d3eb;
}
body.sub .m211 .sec1 .process_list .item:nth-child(4):before, body.sub .m211 .sec1 .process_list .item:nth-child(4):after{
    background: #90a9e9;
}
body.sub .m211 .sec1 .process_list .item:nth-child(5):before, body.sub .m211 .sec1 .process_list .item:nth-child(5):after{
    background: #9799e2;
}
body.sub .m211 .sec1 .process_list .item .tit{
    width: 50%;
    font-size: 1.8rem;
    color: #000;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
body.sub .m211 .sec1 .process_list .item .tit p{
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 41px;
    background-size: auto 27px;
}
body.sub .m211 .sec1 .process_list .item .txt1{
    width: 50%;
    padding-top: 0px;
    color: #000;
}
body.sub .m211 .sec1 .diagram_wrap .dx_diagram{
    position: relative;
    text-align: center;
    background: #f6f6f6;
    padding: 40px 20px;
}
body.sub .m211 .sec1 .diagram_wrap .dx_diagram .scroll_x{
    width: calc(100% + 20px);
}
body.sub .m211 .sec1 .diagram_wrap .dx_diagram .title{
    font-size: 1.8rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 55px;
}
body.sub .m211 .sec1 .diagram_wrap .box{
    position: relative;
    width: 100%;
    background: #ffffff;
    text-align: left;
    margin-top: 45px;
    padding: 25px 15px;
}
body.sub .m211 .sec1 .diagram_wrap .box .dot_list_style1{
    position: relative;
    width: 100%;
}
body.sub .m211 .sec1 .diagram_wrap .box .dot_list_style1 li{
    width: 100%;
}
body.sub .m211 .sec1 .diagram_wrap .box .dot_list_style1 li:nth-child(n+2){
    margin-top: 2px;
}
body.sub .m211 .sec1 .diagram_wrap .box .dot_list_style1 li b{
    color: #000;
    font-weight: 500;
}
body.sub .m211 .sec1 .effect_wrap{
    padding-bottom: 75px;
}
body.sub .m33 .con_title_g.main_title{
}
body.sub #wrap .m33 .pr_center1 .inner{
}
body.sub .m33 .pr_center1 sup{
    display: inline-block;
    vertical-align: top;
}
body.sub .m33 .pr_center1 .tabs_wrap{
    margin-bottom: 45px;
}
body.sub .m33 .pr_center1 .tabs_contents .con_title_g{
    margin-bottom: 40px;
}
body.sub .m33 .pr_center1 .tabs_contents .con_title_g .txt1{
    margin-top: 22px;
}
body.sub .m33 .pr_center1 .tabs_contents .table{
    position: relative;
    width: 100%;
    border-top: 2px solid #000000;
}
body.sub .m33 .pr_center1 .tabs_contents .table .tr{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}
body.sub .m33 .pr_center1 .tabs_contents .table .thead{
    border-bottom: 1px solid #999999;
}
body.sub .m33 .pr_center1 .tabs_contents .table .th{
    font-size: 1.8rem;
    color: #222;
    font-weight: 500;
    padding: 13px 10px;
}
body.sub .m33 .pr_center1 .tabs_contents .table .td{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 13px 10px;
}
body.sub .m33 .pr_center1 .tabs_contents .table .td img{
    max-width: 100%;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g + .info_g{
    margin-top: 65px;
    padding-top: 65px;
    border-top: 1px solid #dbdbdb;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g .info + .info{
    margin-top: 32px;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g .info .txt1 > p + p{
    margin-top: 25px;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g .info .tit{
    font-size: 2rem;
    color: #111;
    font-weight: 600;
    margin-bottom: 5px;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g .info .tit.type2{
    font-size: 1.8rem;
}
body.sub .m33 .pr_center1 .tabs_contents .info_wrap .info_g2 .info .tit{
    font-size: 2rem;
    color: #0085ce;
    margin-bottom: 7px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .con_title_g{
    background: url('/resources/images/common/gnb-bg03.png')no-repeat right bottom;
    padding: 25px 0 0 0;
    background-size: 100%;
    background-position: top center;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .th:nth-child(1), body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(1){
    width: 18%;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .th:nth-child(2), body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(2){
    width: 18%;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .th:nth-child(3), body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(3){
    width: 64%;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(3){
    text-align: left;
    justify-content: flex-start;
    padding-left: 60px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table{
    margin: 35px 0 45px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table .tr > *{
    width: 50%;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table .tr:last-child{
    border-bottom: 1px solid #000;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table .th:nth-child(2), body.sub .m33 .pr_center1 .tabs_contents .p_con2 .table .td:nth-child(2){
    border-left: 1px solid #e5e5e5;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con3 .box{
    background: #f4f4f4;
    font-size: 1.8rem;
    text-align: center;
    padding: 23px 20px;
    margin-top: 35px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con3 .box a{
    border-bottom: 1px solid #111111;
    color: #111111;
    font-weight: 500;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .tr{
    text-align: left;
    padding: 35px 20px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .tr > *{
    display: block;
    padding: 0;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .tr > *:nth-child(1){
    width: 100%;
    order: 2;
    margin-bottom: 8px;
    font-weight: 600;
    color: #111;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .tr > *:nth-child(2){
    width: 100%;
    order: 1;
    margin-bottom: 25px;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .tr > *:nth-child(3){
    width: 100%;
    order: 3;
    padding: 0;
}
body.sub .m33 .pr_center1 .tabs_contents .p_con1 .table .thead{
    display: none;
}
body.sub .m33 .pr_center2 .corporate_identity{
    padding: 50px 0 75px;
    border-bottom: 1px solid #dbdbdb;
}
body.sub .m33 .pr_center2 .main_logo{
    position: relative;
    width: 100%;
    height: 220px;
    border: 1px solid #dbdbdb;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
}
body.sub .m33 .pr_center2 .main_logo img{
    max-width: 100%;
}
body.sub .m33 .ci_info_wrap .con_title_g.sub_title{
    width: 100%;
    margin-bottom: 20px;
}
body.sub .m33 .ci_info_wrap .more_con{
    width: 100%;
}
body.sub .m33 .ci_info_wrap .more_con p + p{
    margin-top: 16px;
}
body.sub .m33 .pr_center2 .ci_wrap{
    position: relative;
    width: 100%;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g{
    padding: 70px 0 0 0;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .title{
    font-size: 2rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 25px;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con{
    position: relative;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con .item{
    position: relative;
    width: 100%;
    height: 220px;
    text-align: center;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con .item:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background: #f3f3f3;
    transform: translateX(-50%);
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con .item + .item:before{
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
}
body.sub .m33 .pr_center2 .ci_wrap .ci_g .con .item img{
    position: relative;
    max-width: 100%;
    z-index: 10;
}
body.sub .m33 .pr_center2 .color_regulation{
    padding-top: 50px;
}
body.sub .m33 .pr_center2 .color_regulation .ci_info_wrap{
    padding-bottom: 50px;
}
body.sub .m33 .pr_center2 .color_regulation .ci_info_wrap .more_con{
    padding-right: 20px;
}
body.sub .m33 .pr_center2 .color_items{
    width: 100%;
    border: 1px solid #dbdbdb;
    padding: 40px 20px;
    font-family:'paperlogy',sans-serif;
}
body.sub .m33 .pr_center2 .color_items .item{
    width: 100%;
}
body.sub .m33 .pr_center2 .color_items .item + .item{
    margin-top: 25px;
}
body.sub .m33 .pr_center2 .color_items .item .color{
    width: 100%;
    height: 110px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 200;
}
body.sub .m33 .pr_center2 .color_items .item .txt{
    position: relative;
    width: 100%;
    padding-top: 15px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 1.8rem;
    color: #000;
    font-weight: 300;
}
body.sub .m33 .pr_center2 .color_items .item .txt span:after{
    display: inline-block;
    content: "";
    width: 1px;
    height: 9px;
    background: #dbdbdb;
    vertical-align: top;
    margin: 3px 11px 0 10px;
}
body.sub .m33 .pr_center2 .color_items .item .txt span:last-child:after{
    display: none;
}
body.sub .m33 .sub-container{
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
    flex-direction: column;
    gap: 40px;
}
body.sub .m33 .sub-container .subtab{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
body.sub .m33 .sub-container .subtab{
    font-size: 1.8rem;
    color: #d8d8d8;
    font-weight: 500;
    cursor: pointer;
}
body.sub .m33 .sub-container .subtab li.on{
    color: #000;
    font-weight: 600;
}
body.sub .m33 .sub-container form{
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
body.sub .m33 .sub-container form .select-box{
    position: relative;
}
body.sub .m33 .sub-container form select{
    box-sizing: border-box;
    padding: 0px 20px;
    width: 100px;
    height: 60px;
    font-size: 1.8rem;
    background-color: #f3f3f3;
    appearance: none;
    border: none;
    outline: none;
}
body.sub .m33 .sub-container form .select-box::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #888;
    transform: translateY(-50%);
}
body.sub .m33 .sub-container form select option{
    font-size: 1.8rem;
    padding: 0px 20px;
    background-color: #fff;
}
body.sub .m33 .sub-container form .select-box:focus-within::after{
    transform: translateY(-50%) rotate(180deg);
}
body.sub .m33 .sub-container form .input-box{
    position: relative;
}
body.sub .m33 .sub-container form .input-box input{
    box-sizing: border-box;
    padding: 0px 60px 0 20px;
    width: 320px;
    height: 60px;
    font-size: 1.8rem;
    background-color: #f3f3f3;
    appearance: none;
    border: none;
    outline: none;
}
body.sub .m33 .sub-container form .input-box button{
    position: absolute;
    right: 0;
    width: 60px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
}
body.sub .m42 .recruit_wrap1 .contents{
    padding: 70px 0 75px;
}
body.sub .m42 .con_title_g.main_title .title4{
    margin-top: 30px;
}
body.sub .m42 .con_title_g.main_title .title4 br{
    display: none;
}
body.sub .m42 .recruit_step li .tit{
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 37px;
    font-size: 1.8rem;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.5px;
    background-size: auto 27px;
}
body.sub .m42 .recruit_step li .num{
    font-size: 1.8rem;
    color: rgba(17,17,17,0.7);
    font-family:'paperlogy',sans-serif;
    margin-top: 5px;
}
body.sub .m42 .recruit_step li.last > .num{
    color: rgba(255,255,255,0.7);
    font-weight: 300;
}
body.sub .m42 .recruit_list li .tit{
    font-size: 1.8rem;
    color: #000;
    font-weight: 500;
    margin-bottom: 9px;
}
body.sub .m42 .recruit_list li .con{
    width: 100%;
}
body.sub .m42 .recruit_list li .num{
    position: absolute;
    top: 50%;
    right: 20px;
    font-family:'paperlogy',sans-serif;
    font-size: 8.4rem;
    color: #f4f4f4;
    font-weight: 700;
    transform: translateY(-50%);
    z-index: -1;
}
body.sub #wrap .m42 .recruit_wrap2 .inner{
}
body.sub .m42 .recruit_wrap2 .link_g .act{
    background: #269ee2;
    color: #fff;
}
body.sub .m42 .recruit_agreement .contents .inner{
    width: 100%;
    max-width: 100%;
}
body.sub .m42 .recruit_agreement .form_wrap .inner{
    padding-bottom: 0;
}
body.sub .m42 .recruit_agreement .agreement_wrap .con_title_g.main_title .title1{
    position: relative;
    color: #000;
    line-height: 1.4;
    font-weight: 600;
    padding-left: 19px;
    font-size: 2rem;
}
body.sub .m42 .recruit_agreement .agreement_wrap .con_title_g.main_title .title1:before{
    display: block;
    content: "";
    width: 3px;
    height: 20px;
    background: #000;
    position: absolute;
    top: 5px;
    left: 0;
}
body.sub .m42 .recruit_agreement .agreement_wrap .agr_list .list .sub_title .title2{
    font-size: 1.8rem;
}
body.sub .board_list .list_wrap li .more_con{
    display: none;
}
body.sub .board_skin1 .sec1{
    padding-bottom: 100px;
}
body.sub .board_skin1 .list_wrap li .date{
    font-family:'paperlogy',sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1em;
}
body.sub .board_skin1 .list_wrap li .title{
    font-size: 1.8rem;
    color: #000;
    font-weight: 600;
    margin-top: 15px;
}
body.sub .board_skin1 .list_wrap li .title .g{
    max-width: 100%;
    display: inline-block;
}
body.sub .board_skin1 .list_wrap li.file .title .g{
    padding-right: 38px;
    background: url('/resources/images/common/file.svg')no-repeat top 5px right;
    background-size: 20px auto;
}
body.sub .board_skin1 .list_wrap li .title .g .e_{
    -webkit-line-clamp: 2;
}
body.sub .board_skin2 .list_wrap li .date{
    font-family:'paperlogy',sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1em;
    order: 4;
    width: 100%;
    margin-top: 25px;
}
body.sub .board_skin2 .list_wrap li .title{
    font-size: 1.8rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 9px;
}
body.sub .board_skin2 .list_wrap li .txt1 .e_{
    -webkit-line-clamp: 2;
}
body.sub .board_skin2 .list_wrap .cate{
    text-align: center;
    order: 1;
    margin-bottom: 18px;
}
body.sub .board_skin2 .list_wrap .cate span{
    font-size: 1.8rem;
    color: #8f2fd8;
    border: 1px solid #8f2fd8;
    padding: 2px 9px;
    border-radius: 28px;
    display: inline-block;
    font-family:'paperlogy',sans-serif;
    font-weight: 300;
    letter-spacing: -0.7px;
}
body.sub .board_skin2 .list_wrap .cate.type1 span{
    color: #8f2fd8;
    border-color: #8f2fd8;
}
body.sub .board_skin2 .list_wrap .cate.type2 span{
    color: #00a987;
    border-color: #00a987;
}
body.sub .board_skin2 .list_wrap .cate.type3 span{
    color: #269ee2;
    border-color: #269ee2;
}
body.sub .board_skin2 .list_wrap .cate.type4 span{
    color: #0e4d90;
    border-color: #0e4d90;
}
body.sub .board_skin3 .list_wrap li.file .info .title_g .title{
    background: url('/resources/images/common/file.svg')no-repeat top 5px right;
    padding-right: 27px;
    background-size: 18px;
}
body.sub .board_skin3 .list_wrap li .cate{
    order: 1;
    margin-bottom: 20px;
}
body.sub .board_skin3 .list_wrap li .cate span{
    min-width: 65px;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
    width: fit-content;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-bottom: 2px;
    font-size: 1.8rem;
    color: #fff;
    letter-spacing: -0.5px;
}
body.sub .board_skin3 .list_wrap li .info{
    width: 100%;
    order: 2;
}
body.sub .board_skin3 .list_wrap li .info .date{
    font-size: 1.8rem;
    color: #555;
    font-family:'paperlogy',sans-serif;
}
body.sub .board_skin3 .list_wrap li .info .title_g{
    margin-top: 6px;
}
body.sub .board_skin3 .list_wrap li .info .title_g .title{
    font-size: 1.8rem;
    color: #000;
    font-weight: 600;
    min-height: 25px;
    display: inline-block;
}
body.sub .board_skin3 .list_wrap li .recruit.disabled{
    color: rgba(0,0,0,0.4);
}
body.sub .board_view .g_container .g_head .title{
    font-size: 2.3rem;
    color: #000000;
    letter-spacing: -0.25px;
    font-weight: 600;
    line-height: 1.3;
    word-break: keep-all;
    order: 3;
}
body.sub .board_view .g_container .g_head .date{
    font-size: 1.8rem;
    font-family:'paperlogy',sans-serif;
    font-weight: 300;
    margin-bottom: 10px;
    order: 2;
    width: 100%;
}
body.sub .board_view .g_container .g_head .recruit .cate{
    min-width: 70px;
    height: 32px;
    padding: 0 12px;
    box-sizing: border-box;
    font-size: 1.8rem;
    color: #fff;
    letter-spacing: -0.5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
body.sub .board_view .g_container .g_file .tit{
    position: relative;
    font-size: 1.8rem;
    color: #222222;
    font-weight: 500;
    width: 60px;
}
body.sub .board_view .g_container .g_file .tit:after{
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    background: #e5e5e5;
    position: absolute;
    top: 7px;
    right: 0;
}
body.sub .board_view .g_pagination .page_nav.next .arrow{
    left: auto;
    right: 0;
    background-image: none;
}
body.sub .board_view .g_pagination .page_nav a .arrow{
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.5s;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 14px 14px;
    mask-size: 14px 14px;
    background-color: #333;
}
body.sub .board_view .g_pagination .page_nav.next .arrow{
    transform: scaleX(-1);
}
body.sub .board_view .g_pagination .page_nav a:hover .arrow{
    background-color: #f5f5f5;
}
body.sub .board_view .g_pagination .pg_list_btn a .txt{
    font-size: 1.8rem;
    color: #fff;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    letter-spacing: 0.35px;
}
body.sub .i_list1 > li.tel{
    background-image: url('/resources/images/common/tel.svg');
}
body.sub .i_list1 > li .tit{
    width: 40px;
    color: #000;
}
body.sub .i_list1 > li .txt{
    width: calc(100% - 40px);
    margin-top: 1px;
}
body.sub .recruit_wrap_g .agreement_wrap .agr_list .list + .list{
    margin-top: 45px;
}
body.sub .recruit_wrap_g .agreement_wrap .agr_list .list .sub_title{
    position: relative;
    width: 100%;
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 2px solid #000;
}
body.sub .recruit_wrap_g .agreement_wrap .agr_list .list .agr_info{
    position: relative;
    width: 100%;
    background: #f9f9f9;
    padding: 25px 20px;
}
body.sub .recruit_wrap_g .agreement_wrap .agr_list .list .agr_info pre{
    white-space: pre-line;
    font-family:'paperlogy',sans-serif;
    line-height: 2;
}
body.sub #wrap .recruit_agreement .agreement_wrap .inner{
    padding-bottom: 70px;
}
body.sub #wrap .page_form_wrap .main_title{
}
body.sub .form_wrap .step_wrap li.on .fig{
    background-color: #3eb5e0;
}
body.sub .form_wrap .step_wrap li.step2.on .fig{
    background-color: #258adc;
}
body.sub .form_wrap .step_wrap li.step3.on .fig{
    background-color: #166bc4;
}
body.sub .form_wrap .step_wrap.type1 li.step4.on .fig{
    background-color: #166bc4;
}
body.sub .form_wrap .step_wrap li.step4.on .fig{
    background-color: #0e4d90;
}
body.sub .form_wrap .step_wrap li .step_info .txt:before{
    margin-bottom: 4px;
    display: block;
    content: "STEP 01";
    font-size: 1.8rem;
    color: rgba(136,136,136,0.6);
    font-family:'paperlogy',sans-serif;
    font-weight: 500;
}
body.sub .form_wrap .step_wrap li:nth-child(2) .step_info .txt:before{
    content: "STEP 02";
}
body.sub .form_wrap .step_wrap li:nth-child(3) .step_info .txt:before{
    content: "STEP 03";
}
body.sub .form_wrap .step_wrap li:nth-child(4) .step_info .txt:before{
    content: "STEP 04";
}
body.sub .form_wrap .step_wrap li .step_info .txt{
    color: rgba(136,136,136,0.6);
    font-weight: 500;
    font-size: 1.8rem;
}
body.sub .form_wrap .step_wrap li.on .step_info .txt:before{
    color: #9d9d9d;
}
body.sub .form_wrap .step_wrap li.on .step_info .txt{
    color: #000;
    font-weight: 600;
}
body.sub .form_wrap .step_wrap li.act.step1:after{
    background-image: url(/resources/images/common/arrow.svg);
}
body.sub .form_wrap .step_wrap li.act.step2:after{
    background-image: url(/resources/images/common/arrow.svg);
}
body.sub .form_wrap .step_wrap li.act.step3:after{
    background-image: url(/resources/images/common/arrow.svg);
}
body.sub .form_wrap .con_title_g.sub_title{
    margin-bottom: 22px;
    padding-right: 50px;
}
body.sub .form_wrap .table .td{
    width: calc(100% - 95px);
    font-size: 1.8rem;
}
body.sub .form_wrap .table .td.school{
    display: flex;
    flex-wrap: wrap;
}
body.sub .form_wrap .table .td.school .input{
    width: calc(100% - 60px - 5px);
}
body.sub .form_wrap .table .td.school button{
    width: 60px;
    height: 40px;
    background: #6a6b6b;
    color: #fff;
    margin-left: 5px;
}
body.sub .form_wrap .table .td .datepicker_g{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body.sub .form_wrap .table .td .datepicker_g .item{
    width: 20px;
    text-align: center;
    font-weight: 300;
    font-size: 2rem;
}
body.sub .form_wrap .table .td .datepicker_g .input{
    width: 100%;
}
body.sub .form_wrap .table .td .datepicker_g .input:last-child{
    width: calc(100% - 20px);
    margin-top: 5px;
}
body.sub .form_wrap .table .td .input_type2{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body.sub .form_wrap .table .td .input_type2 .input{
    width: calc(100% - 30px);
}
body.sub .form_wrap .table .td .input_type2 .item{
    width: 30px;
    text-align: right;
}
body.sub .form_wrap .table .td select{
    width: 100%;
    height: 40px;
    border: 0;
    padding: 0 10px;
    background: #f9f9f9 url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1417.3 1417.3'%3E%3Cg transform='rotate(-90 708.65 708.65)'%3E%3Cpath fill='%23666' d='M1333.9,660.3H511.8c9.7-77.4,50-247.1,216.6-297,9.4-2.8,15.9-10.3,17-19.4.9-8.2-2.7-15.9-9.5-20.7l-.6-.5-1.6-.9c-4.7-2.6-10.2-3.9-15.9-3.9h-6.8c-5.8,0-11.3,1.4-16,4-3.4,1.9-6.2,4.5-8.4,7.5-36.5,22.9-342.2,190.4-619.9,341.3-7.5,4.1-12.1,11.7-12.1,19.9,0,8.3,4.6,15.7,12.3,19.8,200.6,107.3,579.4,310.8,620.2,335.4,1.8,2.4,4.1,4.5,6.7,6.2,2.8,1.8,7,3.8,14.5,3.8s8.3-.5,13.8-1.8c10.9-2.5,18.5-11.2,18.9-21.5.4-10.3-6.3-19.3-16.8-22.6-172.9-54.4-207.1-238.3-213.6-295.7h823.3c16.5,0,28.9-10.8,28.9-25v-3.8c0-14.3-12.4-25-28.9-25ZM540.7,919.3c-35.6-19.3-76.5-41.4-122.5-66.1-121-65.2-246.7-132.5-303.2-162.8,58.1-31.6,182-99.1,303.2-165.5,46.1-25.3,87.2-47.8,122.8-67.5-9.7,14.8-18.5,30.7-26.4,47.4-34.5,73.1-43.2,146.3-45.3,174.3v.4c-.7,12.7-.4,25.4,1,37.7,3.7,33.8,15,100.4,49.4,166.5,6.5,12.4,13.5,24.3,21.1,35.6Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 10px center;
    background-size: auto 4px;
}
body.sub .form_wrap .table .td .input{
    width: 100%;
    height: 40px;
    border: 0;
    padding: 0 10px;
    background-color: #f9f9f9;
    font-size: 1.8rem;
}
body.sub .form_wrap .table .td .input::placeholder, body.sub .form_wrap .table .td textarea::placeholder{
    color: #c2c2c2;
}
body.sub .form_wrap .table .td .input.disabled{
    background: #f4f4f4;
}
body.sub .form_wrap .table .td .input.date_i{
    background-image: url('/resources/images/common/calendar.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 17px;
}
body.sub .form_wrap .table .td textarea{
    width: 100%;
    height: 210px;
    border: 0;
    padding: 11px 10px;
    background-color: #f9f9f9;
    resize: none;
    font-weight: 400;
    font-size: 1.8rem;
}
body.sub .form_wrap .table .td textarea.type2{
    height: 250px;
    padding: 15px 15px;
}
body.sub .form_wrap .table .email .item{
    width: 30px;
    text-align: center;
}
body.sub .form_wrap .table .pwd{
    display: flex;
    flex-wrap: wrap;
}
body.sub .form_wrap .table .pwd .btn{
    margin-top: 5px;
    width: 100%;
}
body.sub .form_wrap .table .tel{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body.sub .form_wrap .table .tel .input{
    width: calc(33.333333333% - 8px);
}
body.sub .form_wrap .table .tel .item{
    width: 12px;
    text-align: center;
}
body.sub .form_wrap .apply_btns .c_btn5 .arrow_prev{
    margin-right: 8px;
    margin-left: 0;
}
body.sub .form_wrap .table .name_g > div .input{
    width: calc(100% - 35px);
}
body.sub .form_wrap .form_g .table_g{
    position: relative;
}
body.sub .form_wrap .form_g .table_g + .table_g{
    margin-top: 20px;
}
body.sub .form_wrap .table.style4 .td{
    width: 100%;
}
body.sub .form_wrap .file_wrap:not(.img_file) .file_box .file_name{
    width: calc(100% - 180px);
}
body.sub .form_wrap .img_file .file_box .file_name{
    display: none;
}
body.sub .form_wrap .table .addr1 .input{
    width: 100%;
}
body.sub .form_wrap .addr1 .btn{
    width: 100%;
    margin-top: 7px;
}
body.sub .form_wrap .addr2 .input + .input{
    margin-top: 5px;
}
body.sub .form_wrap .file_box.box2 .file_name{
    width: 0;
    font-size: 0;
    height: 0;
    padding: 0;
    background: transparent;
    opacity: 0;
}
body.sub .form_wrap .file_box.box2 .file_n{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.8rem;
    padding: 10px 10px;
    word-break: keep-all;
    background: #f9f9f9;
}
body.sub .form_wrap .file_box.box2 .file_n span{
    opacity: 0;
}
body.sub .form_wrap .file_box.box2 .file_n span.on{
    opacity: 1;
}
body.sub .form_wrap .file_box.box2 .file_n span:after{
    display: inline-block;
    position: relative;
    content: "";
    background: url('/resources/images/common/file.svg')no-repeat left top;
    width: 11px;
    height: 13px;
    margin-left: 6px;
    background-size: 100%;
    top: 3px;
}
body.sub select{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
body.sub /*이력서 미리보기*/
.resume_preview .form_wrap .table .tr .img{
    position: relative;
    width: 190px;
    height: 246px;
    overflow: hidden;
    background: #dcdcdc;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body.sub .resume_preview .form_wrap .table .tr .img img{
    width: 100%;
    height: 100%;
}
body.sub .resume_preview .form_wrap .table .td{
    padding: 8px 0;
    line-height: 1.85;
    font-size: 1.8rem;
    color: #666;
    letter-spacing: -0.25px;
}
body.sub .resume_preview .form_wrap .table.style4_1 .td{
    width: 100%;
}
body.sub .resume_preview .form_wrap .table .td.name .g{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
body.sub .resume_preview .form_wrap .table .td.name .g span:first-child{
    width: 30px;
    color: #888;
}
body.sub .resume_preview .form_wrap .table .td.name .g span:last-child{
    width: calc(100% - 30px);
    padding-right: 20px;
}
body.sub #wrap .recruit_confirmation .contents{
    padding: 0;
}
body.sub #wrap .recruit_confirmation .sub_title_g{
    text-align: center;
    margin-bottom: 40px;
}
body.sub .recruit_confirmation .confirmation .con{
    padding-bottom: 30px;
    border-bottom: 1px solid #c7c7c7;
    
}
body.sub .recruit_confirmation .confirmation .txt{
    font-size: 1.8rem;
    color: #000000;
    font-weight: 600;
    line-height: 1.8;
}
body.sub .recruit_confirmation .confirmation .txt b{
    color: #269ee2;
}
body.sub .recruit_confirmation .confirmation .txt1{
    color: #555;
    margin-top: 24px;
}
body.sub .recruit_confirmation .confirmation .txt1 b{
    color: #222;
    font-weight: 500;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram li p{
    opacity: 0;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li p{
    animation-name: scaleAni2;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(1) p{
    animation-delay: 0.2s;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(2) p{
    animation-delay: 0.4s;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(3) p{
    animation-delay: 0.6s;
}
body.sub .m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(4) p{
    animation-delay: 0.8s;
}
body.sub .m211 .sec1 .process_list .item{
    opacity: 0;
}
body.sub .m211 .sec1 .process_list.in-view .item{
    animation-name: fadeUpAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
body.sub .m211 .sec1 .process_list .item:nth-child(2){
    animation-delay: 0.2s;
}
body.sub .m211 .sec1 .process_list .item:nth-child(3){
    animation-delay: 0.4s;
}
body.sub .m211 .sec1 .process_list .item:nth-child(4){
    animation-delay: 0.6s;
}
body.sub .m211 .sec1 .process_list .item:nth-child(5){
    animation-delay: 0.8s;
}
body.sub .m42 .recruit_step.in-view li{
    animation-name: fadeUpAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
body.sub .m42 .recruit_step.in-view li:nth-child(2){
    animation-delay: 0.2s;
}
body.sub .m42 .recruit_step.in-view li:nth-child(3){
    animation-delay: 0.4s;
}
body.sub .m42 .recruit_step.in-view li:nth-child(4){
    animation-delay: 0.6s;
}
body.sub .m42 .recruit_step.in-view li:nth-child(5){
    animation-delay: 0.8s;
}
body.sub .m42 .recruit_step.in-view li:nth-child(6){
    animation-delay: 1s;
}
body.sub #dx_consulting_banner .text_g{
    width: 100%;
    padding: 0 20px;
    color: #fff;
    box-sizing: border-box;
}
body.sub #dx_consulting_banner .text_g .title{
    font-size: 2.5rem;
    font-weight: 400;
}
body.sub #dx_consulting_banner .text_g .title b{
    font-weight: 600;
    font-family:'paperlogy',sans-serif;
}
body.sub #dx_consulting_banner .text_g .txt1{
    margin-top: 6px;
    font-size: 1.8rem;
    color: rgba(255,255,255,0.85);
}
body.sub #dx_consulting_banner .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    width: 100%;
    height: 45px;
    background: #fff;
    color: #000;
    font-size: 1.8rem;
    border-radius: 10px;
    font-weight: 500;
}
body.sub #dx_consulting_form .inner{
    position: relative;
    top: 0;
    left: 0;
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    background: #ffffff;
    padding: 50px 20px;
    box-sizing: border-box;
}
body.sub .popup .close{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 25px;
    height: 25px;
}
body.sub .popup .close:before, body.sub .popup .close:after{
    display: block;
    content: "";
    position: absolute;
    top: -5px;
    left: 12px;
    background: #000;
    transform: rotate(-45deg);
    width: 1px;
    height: 34px;
}
body.sub .popup .close:after{
    transform: rotate(45deg);
}
body.sub .popup .con_title_g.main_title{
    margin-bottom: 15px;
}
body.sub .popup .form_wrap .table .tr{
    padding: 7px 15px;
}
body.sub .popup .form_wrap .table textarea{
    height: 100px;
}
body.sub .popup .agreement_wrap{
    width: 100%;
}
body.sub .popup .agreement_wrap .agr_info{
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
}
body.sub .popup .agreement_wrap .agr_info .box{
    width: 100%;
    height: 100px;
    background: #f9f9f9;
    padding: 20px 20px;
    overflow: auto;
}
body.sub .popup .agreement_wrap .agr_info pre b{
    font-weight: 500;
}
body.sub .popup .agreement_wrap .agr_chk{
    text-align: center;
    font-size: 1.8rem;
    color: #000000;
    margin-top: 25px;
}
body.sub .popup .agreement_wrap .agr_info .box::-webkit-scrollbar{
    width: 20px;
    height: 0 !important;
}
body.sub .popup .agreement_wrap .agr_info .box::-webkit-scrollbar-thumb{
    background-color: #a7a7a7;
    border: 6px solid #f9f9f9;
}
body.sub .popup .agreement_wrap .agr_info .box::-webkit-scrollbar-track{
    background-color: #f9f9f9;
}
body.sub .popup.form_wrap .apply_btns{
    margin-top: 30px;
}
body.sub .page_layout_style2 section .contents .con_g.case_wrap{
    padding-bottom: 75px;
}
body.sub .page_layout_style2 .partnership_wrap .partnership_con>div .logo{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 50vh;
}
body.sub .page_layout_style2 .partnership_wrap .partnership_con>div p.txt1{
    width: 100%;
    font-family:'paperlogy',sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    color: #fff;
    line-height: 1.8;
    margin-top: 0;
    text-align: center;
    margin-top: 20px;
}
body.sub .page_layout_style2 .partnership_wrap .partnership_con>div:nth-child(2) .logo{
    order: 2;
}
body.sub .page_layout_style2 .partnership_wrap .partnership_con>div:nth-child(2) p.txt1{
    order: 1;
    margin-top: 0;
    margin-bottom: 20px;
}
body.sub #scroll_wrap{
    height: 100%;
}
body.sub /*20220926 신규수정*/
.m31.page_layout_style1 .page_info_wrap.main_title{
    margin-bottom: 0;
}
body.sub .m31 .table_wrap{
    position: relative;
    width: 100%;
    overflow-x: auto;
}
body.sub .m31 .noti{
    font-size: 1.8rem;
    text-align: right;
    margin-bottom: 20px;
}
body.sub .m31 .table_wrap .table{
    position: relative;
    width: 700px;
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #000;
}
body.sub .m31 .table_wrap .table .thead{
    width: 100%;
    border-bottom: 1px solid #999999;
}
body.sub .m31 .table_wrap .table .thead .tr{
    text-align: center;
    justify-content: center;
}
body.sub .m31 .table_wrap .table .thead .th{
    position: relative;
    font-size: 1.8rem;
    color: #222222;
    font-weight: 600;
    padding: 10px 0;
}
body.sub .m31 .table_wrap .table .thead .th + .th:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 20px;
    background: #e5e5e5;
    transform: translateY(-50%);
}
body.sub .m31 .table_wrap .table .tr{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
body.sub .m31 .table_wrap .table .th{
    width: 100%;
}
body.sub .m31 .table_wrap .table .td{
    text-align: right;
    width: 100%;
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    color: #222222;
    padding: 0 15px;
}
body.sub .m31 .table_wrap .table .td + .td{
    border-left: 1px solid #e5e5e5;
}
body.sub .m31 .table_wrap .table .td b{
    font-weight: 600;
}
body.sub .m31 .table_wrap .table .tr{
    display: flex;
    flex-wrap: wrap;
}
body.sub .m31 .table_wrap .table .tr > *{
    width: 25%;
}
body.sub .m31 .table_wrap .table .tr > *:first-child{
    justify-content: center;
}
body.sub .m31 .table_wrap .table .tr .th:first-child:after{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background: #e5e5e5;
}
body.sub .m31 .table_wrap .table .tbody{
    width: 100%;
}
body.sub .m31 .table_wrap .table .tbody .tr:not(:last-child){
    border-bottom: 1px solid #e5e5e5;
}
body.sub .m31 .table_wrap .table .tbody .tr.type1{
    background: #f8f8f8;
}
body.sub .m31 .table_wrap .table .tbody .tr.type2{
    background: #f5fafd;
}
body.sub .board_view .g_pagination .pg_list_btn a .txt{
    color: #444;
}
body.sub .form_wrap .table .td.salary input{
    margin-top: 5px;
}
body.sub .recruit_wrap .table .tr.w50{
    width: 100%;
}
body.sub .recruit_wrap .table .tr.line{
    border-right: none;
}
body.sub .contact .form_wrap .table .td .email{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body.sub .contact .form_wrap .table .td .email .input{
    width: calc((100% - 20px) / 2);
}
body.sub .contact .form_wrap .table .td .email span{
    width: 20px;
    font-size: 1.8rem;
    text-align: center;
}
body.sub .contact .form_wrap .table .td .email select{
    width: 100%;
    margin-top: 10px;
}
body.sub /* 다운로드 */
.contact .download{
}
body.sub .contact .download .titlearea{
    padding-bottom: 140px;
    border-bottom: 1px solid #ddd;
}
body.sub .contact .download h4{
    font-size: 30px;
    color: #000;
    font-weight: 600;
}
body.sub .contact .download .titlearea h4 + p strong{
    display: block;
    margin: 40px 0 15px;
    font-size: 20px;
    color: #000;
    font-weight: 500;
}
body.sub .contact .download .titlearea h4 + p + p{
    font-size: 1.8rem;
    color: #666;
}
body.sub .contact .download .list{
    padding-top: 100px;
}
body.sub .contact .download .list ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}
body.sub .contact .download .list ul li{
    box-sizing: border-box;
    width: 49%;
    margin: 0 2% 2% 0;
    padding: 40px 20px 20px;
    background: #f6f6f6;
}
body.sub .contact .download .list ul li:nth-child(2n){
    margin-right: 0;
}
body.sub .contact .download .list ul li .thumb{
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
body.sub .contact .download .list ul li .thumb img{
    width: 100%;
}
body.sub .contact .download .list ul li .btns{
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}
body.sub .contact .download .list ul li .btns a{
    display: block;
    box-sizing: border-box;
    width: 49%;
    height: 48px;
    border-radius: 20px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 46px;
}
body.sub .contact .download .list ul li .btns a i{
    display: inline-block;
    width: 17px;
    height: 12px;
}
body.sub .contact .download .list ul li .btns a:nth-child(1){
    border: 1px solid #279ee2;
    background: #279ee2;
    color: #fff;
}
body.sub .contact .download .list ul li .btns a:nth-child(1) i{
    background-image: none;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #fff;
    transform: scaleX(-1);
}
body.sub .contact .download .list ul li .btns a:nth-child(2){
    border: 1px solid #7b7b7b;
    color: #555;
}
body.sub .contact .download .list ul li .btns a:nth-child(2) i{
    background-image: none;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #555;
    transform: scaleX(-1);
}
body.sub .m34{
}
body.sub .m34 .main_title .title4{
    margin-top: 60px;
    font-size: 28px;
}
body.sub .m34 #sec2{
    background: #f5f5f5;
}
body.sub .m34 #sec2 .inner{
    border: 0;
}
body.sub .m34 #sec2 .searchwrap{
    display: flex;
    align-items: center;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 2px solid #000;
}
body.sub .m34 #sec2 .searchwrap input{
    box-sizing: border-box;
    width: calc(100% - 29px);
    height: 70px;
    background: 0;
    border: 0;
    outline: 0;
    font-size: 28px;
    color: #444;
}
body.sub .m34 #sec2 .searchwrap input::placeholder{
    color: #999;
    font-weight: 500;
}
body.sub .m34 #sec2 .searchwrap button{
    width: 29px;
}
body.sub .m34 #sec2 .searchTag{
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    width: 100%;
    margin: 18px auto 70px;
}
body.sub .m34 #sec2 .searchTag li{
    margin: 0 5px 5px 0;
}
body.sub .m34 #sec2 .searchTag li a{
    display: inline-block;
    padding: 0 15px;
    background: #e8e8e8;
    border-radius: 5px;
    font-size: 1.8rem;
    color: #777;
    font-weight: 400;
    text-align: center;
    line-height: 32px;
    transition: all 0.4s;
}
body.sub .m34 #sec2 .searchTag li:hover a{
    background: #269ee2;
    color: #fff;
}
body.sub .m34 #sec2 .list{
}
body.sub .m34 #sec2 .list ul{
    display: flex;
    flex-wrap: wrap;
}
body.sub .m34 #sec2 .list ul li{
    width: 100%;
    margin: 0 0 2% 0;
}
body.sub .m34 #sec2 .list ul li a{
    display: block;
    box-sizing: border-box;
    padding: 55px 40px;
    min-height: 370px;
    border: 1px solid #ddd;
    background: #fff;
}
body.sub .m34 #sec2 .list ul li .logoimg{
}
body.sub .m34 #sec2 .list ul li .tit{
    margin: 55px 0 15px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
body.sub .m34 #sec2 .list ul li .txt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.8rem;
    color: #666;
    line-height: 1.7em;
}
body.sub .m34 #sec2 .list ul li .tag{
    margin-top: 35px;
}
body.sub .m34 #sec2 .list ul li .tag span{
    display: inline-block;
    padding: 0 15px;
    background: #e8e8e8;
    border-radius: 5px;
    font-size: 1.8rem;
    color: #777;
    font-weight: 400;
    text-align: center;
    line-height: 32px;
}
body.sub .m34 .bbsView{
    border-top: 2px solid #000;
}
body.sub .m34 .bbsView .title{
    padding: 35px 0px;
    border-bottom: 1px solid #ddd;
    font-size: 30px;
    color: #000;
    font-weight: 600;
}
body.sub .m34 .bbsView .title .tag{
    display: inline-block;
    vertical-align: top;
    margin: 7px 0 0 5px;
    padding: 0 15px;
    background: #e8e8e8;
    border-radius: 5px;
    font-size: 1.8rem;
    color: #777;
    font-weight: 400;
    text-align: center;
    line-height: 32px;
}
body.sub .m34 .bbsView .info{
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
}
body.sub .m34 .bbsView .info dl{
    display: flex;
    margin-bottom: 10px;
}
body.sub .m34 .bbsView .info dl:last-child{
    margin-bottom: 0;
}
body.sub .m34 .bbsView .info dl dt{
    position: relative;
    width: 100px;
    font-size: 1.8rem;
    color: #000;
    font-weight: 500;
}
body.sub .m34 .bbsView .info dl dt:after{
    display: block;
    content: "";
    width: 1px;
    height: 14px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 6px;
}
body.sub .m34 .bbsView .info dl dd{
    box-sizing: border-box;
    width: calc(100% - 100px);
    padding: 0 15px;
    font-size: 1.8rem;
    color: #555;
}
body.sub .m34 .bbsView .viewcon{
    padding: 55px 0;
    border-bottom: 1px solid #ddd;
}
body.sub .m34 .bbsView .viewcon .slg{
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    height: 200px;
    margin-bottom: 40px;
    padding: 0 35px;
}
body.sub .m34 .bbsView .viewcon .slg .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
body.sub .m34 .bbsView .viewcon .slg .txt{
    position: relative;
    z-index: 10;
    font-size: 20px;
    color: #fff;
}
body.sub .m34 .bbsView .viewcon .boxwrap{
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
}
body.sub .m34 .bbsView .viewcon .boxwrap:last-child{
    border-bottom: 0;
}
body.sub .m34 .bbsView .viewcon .boxwrap .tit{
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin-bottom: 25px;
}
body.sub .m34 .bbsView .viewcon .boxwrap .txt{
    font-size: 1.8rem;
    color: #555;
    line-height: 1.8em;
}
body.sub .m34 .bbsView .viewcon .boxwrap .txt ul{
}
body.sub .m34 .bbsView .viewcon .boxwrap .txt ul li{
    position: relative;
    padding-left: 20px;
    font-size: 1.8rem;
    color: #555;
    line-height: 1.8em;
}
body.sub .m34 .bbsView .viewcon .boxwrap .txt ul li span{
    position: absolute;
    left: 0;
    top: 0;
    color: #269ee2;
}
body.sub .m34 .bbsView .btn{
    margin: 45px 0 0;
}
body.sub .m34 .bbsView .btn>a{
    display: block;
    width: 240px;
    height: 60px;
    margin: 0 auto;
    background: #269ee2;
    border-radius: 20px;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    line-height: 60px;
}
body.sub .m34 .bbsView .btn>a i{
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 7px;
    margin: 27px 0 0 2px;
}
}
@media screen and (max-width:767px) and (max-width: 500px) {
body.sub .m33 .sub-container .subtab{
        display: flex;
        flex-wrap: wrap;
        gap: 20px 45px;
    }
body.sub .m33 .sub-container .subtab li{
        width: calc((100% - 45px * 2)/3);
    }
body.sub .m33 .sub-container .subtab li:nth-child(1), body.sub .m33 .sub-container .subtab li:nth-child(2), body.sub .m33 .sub-container .subtab li:nth-child(3){
        width: calc((100% - 45px * 2)/3);
    }
body.sub .m33 .sub-container form select{
        box-sizing: border-box;
        padding: 0px 20px;
        width: 100px;
        height: 60px;
        font-size: 1.8rem;
        background-color: #f3f3f3;
        appearance: none;
        border: none;
        outline: none;
    }
body.sub .m33 .sub-container form .input-box input{
        box-sizing: border-box;
        padding: 0px 60px 0 20px;
        width: 100%;
        height: 60px;
        font-size: 1.8rem;
        background-color: #f3f3f3;
        appearance: none;
        border: none;
        outline: none;
    }
body.sub .m33  #sec3 .contents{
        display: none;
        padding: 20px 0;
    }
body.sub .m33  #sec3 .contents.on{
        display: block;
    }
}
@media screen and (max-width:767px) and (max-width:350px) {
body.sub .form_wrap .table .td.school .input{
        width: 100%;
    }
body.sub .form_wrap .table .td.school button{
        width: 100%;
        margin-top: 5px;
    }
}

/* ===== index_pc.css (merged, scoped to body.home, screen and (min-width:1280px)) ===== */
@keyframes clipPathLeft__ipc{
    0% {
        clip-path:  polygon(30% 44%,  65% 44%,  65% 63%,  30% 63%);
    }
    100% {
        clip-path:  polygon(0 0,  100% 0,  100% 100%,  0 100%);
    }
}
@keyframes letterspacingTxt__ipc{
    0% {
        opacity: 0;
        letter-spacing: 5px;
    }
    100% {
        opacity: 1;
        letter-spacing: 0px;
    }
}
@keyframes fadeUp__ipc{
    0% {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0px, 0);
    }
}
@keyframes fadeLeft__ipc{
    0% {
        opacity: 0;
        transform: translate3d(100px, 0px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0px, 0);
    }
}
@-webkit-keyframes showImg3__ipc{
    0%{
        clip-path:  polygon(0 0,  0 0,  0 100%,  0% 100%);
    }
    100%{
        clip-path:  polygon(100% 0,  0 0,  0 100%,  100% 100%);
    }
}
@media screen and (min-width:1280px) {
body.home{
    opacity: 0;
}
body.home .pc_view{
    display: block !important;
}
body.home .tm_view{
    display: none !important;
}
body.home .page_scroll_wrap{
    background: #111;
}
body.home #container{
    background: #fff;
}
body.home section{
    position: relative;
    width:  100%;
    word-break:  keep-all;
    box-sizing: border-box;
}
body.home section *{
    box-sizing: border-box;
}
body.home section .txt1{
    font-size:  2rem;
    color:  rgba(0, 0, 0, 0.7);
    font-weight:  400;
    word-break:  keep-all;
    line-height:  1.75;
    letter-spacing:  -0.25px;
    font-family:'paperlogy',sans-serif;
}
body.home section .sec_title_g{
    position:  relative;
}
body.home section .sec_title_g .title1{
    font-size:  1.8rem;
    color:  #000;
    font-family:'paperlogy',sans-serif;
    font-weight:  600;
    margin-bottom:  30px;
}
body.home section .sec_title_g .title2{
    font-size:  4.4rem;
    color:  #222222;
    font-weight:  600;
    line-height:  1.55;
}
body.home section .sec_title_g .title3{
    font-size:  5.2rem;
    color:  #000;
    font-weight:  600;
    line-height:  1.4;
}
body.home section .sec_title_g .title1:before{
    display:  block;
    content: "";
    width:  26px;
    height:  1px;
    background:  #000000;
    margin:  0 0 8px 0;
}
body.home section .sec_title_g .txt1{
    margin-top:  22px;
}
body.home section .sec_title_g .btn{
    margin-top:  30px;
}
body.home section .sec_title_g .btn a{
    width: 122px;
    height: 48px;
    border: 1px solid #7f7f7f;
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    justify-content:  center;
    font-size:  1.8rem;
    color:  #555;
    border-radius:  15px;
}
body.home section .sec_title_g .btn a:hover{
    background: #000;
    color: #fff;
    border-color: #000;
    transition: 0.3s;
}
body.home section .sec_title_g .btn a:hover svg *{
    stroke-width: 3px;
    stroke: #fff;
}
body.home section .sec_title_g .btn svg{
    width: 18px;
    height:  12px;
    margin-left:  7px;
}
body.home section .sec_title_g .btn svg *{
    stroke-width: 1.5px;
}
body.home section .sec_title_g.type2{
    text-align: center;
    margin-bottom:  85px;
}
body.home section .sec_title_g.type2 .title1{
    margin-bottom:  10px;
}
body.home section .sec_title_g.type2 .title1:before{
    margin:  0 auto 8px;
}
body.home section .sec_title_g.type2 .txt1{
    margin-top:  18px;
}
body.home .main_home{
    height:  100vh;
    z-index:  1;
    overflow:  hidden;
}
body.home .main_home .main_slider{
    position: relative;
    width:  100%;
    height:  100%;
    overflow: hidden;
}
body.home .main_home .main_slider .item{
    position: relative;
    width:  100%;
    height:  100%;
    overflow: hidden;
}
body.home .main_home .main_slider .item .bg{
    position:  absolute;
    top:  0;
    left:  0;
    width:  100%;
    height:  100%;
    overflow: hidden;
    z-index:  0;
}
body.home .main_home .main_slider .item .bg .img{
    position:  relative;
    width:  100%;
    height:  100%;
    z-index:  0;
}
body.home .main_home .main_slider .item .bg .img span{
    position: relative;
    width:  100%;
    height:  100%;
    display:  block;
}
body.home .main_home .indicator{
    position:  absolute;
    bottom:  85px;
    left:  0;
    width:  100%;
    margin-top:  100px;
    z-index:  100;
}
body.home .main_home .indicator .inner{
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
}
body.home .main_home .indicator .btn{
    position:  relative;
    width:  33px;
    height:  23px;
    margin-right:  40px;
}
body.home .main_home .indicator .btn::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url('/resources/images/common/arrow.svg');
    mask-image: url('/resources/images/common/arrow.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #fff;
}
body.home .main_home .indicator .btn.arrow_next{
    margin-right:  initial;
    margin-left:  40px;
}
body.home .main_home .indicator .btn.arrow_next::after{
    transform: scaleX(-1);
}
body.home .main_home .indicator .dot ul{
    font-size: 0;
}
body.home .main_home .indicator .dot li{
    position: relative;
    display: inline-block;
    vertical-align: middle
}
body.home .main_home .indicator .dot button{
    position: relative;
    width:  9px;
    height:  9px;
    border:  1px solid #fff;
    border-radius:  50%;
    box-sizing: border-box;
}
body.home .main_home .indicator .dot li + li{
    margin-left:  50px;
}
body.home .main_home .indicator .dot li + li:before{
    display: block;
    content: "";
    position: absolute;
    top:  4px;
    right: 100%;
    width: 50px;
    height: 1px;
    background:  rgba(255, 255, 255, 0.2);
}
body.home .main_home .indicator .dot li.slick-active button{
    background:  #fff;
}
body.home .main_home .main_slider .text_g{
    padding-top:  70px;
    height:  100%;
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  center;
    flex-direction:  column;
    color:  #fff;
    z-index:  10;
}
body.home .main_home .main_slider .text_g .title1:before{
    display: block;
    content: "";
    position:  absolute;
    top:  74px;
    right:  calc(100% + 50px);
    width:  100vw;
    height:  1px;
    background:  #ddd;
}
body.home .main_home .main_slider .text_g .title1{
    position: relative;
    font-family:'paperlogy',sans-serif;
    font-size:  7.4rem;
    font-weight:  500;
    line-height:  1.3;
}
body.home .main_home .main_slider .text_g .title1.en{
    font-weight:  400;
}
body.home .main_home .main_slider .text_g .title2{
    font-size:  2.4rem;
    color:  #fff;
    line-height:  1.7;
    margin-top:  18px;
}
body.home .main_home .scroll_down{
    position: absolute;
    bottom:  50px;
    left:  50%;
    transform:  translateX(-50%);
    z-index:  100;
}
body.home .main_home .scroll_down a{
    display: block;
    width:  95px;
    height:  95px;
    border-radius:  50%;
    border:  1px solid rgba(255, 255, 255, 0.8);
}
body.home .main_home .scroll_down .arrow_btn{
    position:  absolute;
    top:  0;
    left:  0;
    width:  100%;
    height:  100%;
    overflow:  hidden;
}
body.home .main_home .scroll_down .arrow_btn span{
    width:  100%;
    height:  100%;
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    justify-content:  center;
    transform:  translate3d(0, -100%, 0);
}
body.home .main_home .scroll_down .arrow_btn span + span{

}
body.home .main_home .scroll_down .arrow_btn span::after{
    content: "";
    display: block;
    width: 26px;
    height: 35px;
    transform: rotate(-90deg);
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #fff;
}
body.home .main_home .scroll_down:hover .arrow_btn span{
    transform: translate3d(0, 0, 0);
    transition: 0.5s;
}
body.home .info_wrap{
    padding:  138px 0 200px;
}
body.home .info_wrap .sec_title_g{
    text-align: center;
}
body.home .info_wrap .sec_title_g .title1:before{
    display:  block;
    content: "";
    width:  1px;
    height:  50px;
    background:  #000000;
    margin:  0 auto 40px;
}
body.home .business_wrap .sec_title_g{
    position:  absolute;
    top:  0;
    left:  0;
    width:  50%;
    min-height:  454px;
    padding-right:  5%;
    z-index:  10;
}
body.home .business_wrap .sec_title_g:before{
    display: block;
    content: "";
    position:  absolute;
    top:  0;
    left:  0;
    width:  50%;
    height:  100%;
    background:  #fff;
    z-index:  -1;
}
body.home .business_wrap .sec_title_g .title1{
    margin-bottom:  40px;
}
body.home .business_wrap .contents{
    position:  relative;
    min-height:  804px;
    width:  100%;
    padding-top:  80px;
}
body.home .business_wrap .business_slider{
    position:  relative;
    width:  100vw;
}
body.home .business_wrap .business_slider .item{
    width:  358px;
    height:  835px;
    /* pointer-events: none; */
    margin:  0 8px;
    overflow: hidden;
    transition:  0.5s;
}
body.home .business_wrap .business_slider .item a{
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  flex-end;
    width:  100%;
    height:  100%;
    flex-direction:  column;
}
body.home .business_wrap .business_slider .item.slick-on{
    width:  732px;
}
body.home .business_wrap .business_slider .item.slick-on a{
    pointer-events:  auto;
}
body.home .business_wrap .business_slider .item.slick-on .img{
    width:  100%;
    height:  732px;
}
body.home .business_wrap .business_slider .item .img{
    width:  100%;
    height:  358px;
    overflow:  hidden;
    transition:  0.5s;
}
body.home .business_wrap .business_slider .item .img span{
    display:  block;
    width:  100%;
    height:  100%;
    transition: transform 0.5s cubic-bezier(0.39,  0.58,  0.57,  1);
}
body.home .business_wrap .business_slider .item a:hover .img span{
    transform:  scale(1.1);
}
body.home .business_wrap .business_slider .item .info{
    width:  100%;
    padding-top:  34px;
    height:  100px;
}
body.home .business_wrap .business_slider .item .info .title{
    position:  relative;
    font-size:  2.4rem;
    line-height:  1.1em;
    color:  rgba(0, 0, 0, 0.3);
    font-family:'paperlogy',sans-serif;
    font-weight:  600;
    letter-spacing:  -0.5px;
    overflow:  hidden;
}
body.home .business_wrap .business_slider .item .info .title .g{
    position: relative;
    transition:  0.3s;
}
body.home .business_wrap .business_slider .item .info .title .tit{
    position:  relative;
}
body.home .business_wrap .business_slider .item .info .title .tit + .tit{
    position:  absolute;
    top:  100%;
    left:  0;
    font-size:  2.7rem;
}
body.home .business_wrap .business_slider .item .info .txt1{
    position:  relative;
    margin-top:  11px;
    font-size:  1.8rem;
    color:  #777;
    overflow:  hidden;
}
body.home .business_wrap .business_slider .item .info .txt1 p{
    opacity:  0;
    transition:  0.3s 0.1s;
}
body.home .business_wrap .business_slider .item.slick-on .info .title{
    color: #000;
}
body.home .business_wrap .business_slider .item.slick-on .info .title .g{
    transform:  translateY(-100%);
}
body.home .business_wrap .business_slider .item.slick-on .info .txt1 p{
    opacity: 1;
}
body.home .business_wrap .util{
    position:  absolute;
    top:  0;
    right:  0;
}
body.home .business_wrap .util .swiper-pagenav{
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    justify-content:  flex-end;
}
body.home .business_wrap .util .slick-arrow{
    width:  38px;
    height:  24px;
}
body.home .business_wrap .util .arrow_prev,
body.home .business_wrap .util .arrow_next{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 38px;
    height: 24px;
}
body.home .business_wrap .util .arrow_prev::after,
body.home .business_wrap .util .arrow_next::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #cdcaca;
    transition: 0.1s;
}
body.home .business_wrap .util .arrow_prev:hover::after,
body.home .business_wrap .util .arrow_next:hover::after{
    background-color: #555;
}
body.home .business_wrap .util .pager{
    font-size:  1.8rem;
    font-family:'paperlogy',sans-serif;
    color:  #777;
    margin-right:  42px;
}
body.home .business_wrap .util .pager .now{
    color:  #000;
}
body.home .business_wrap .util .arrow_next{
    margin-left:  16px;
}
body.home .business_wrap .util .arrow_next::after{
    transform: scaleX(-1);
}
body.home .main_home .main_slider .item.swiper-slide-active .bg{
    animation-name:  clipPathLeft__ipc;
    animation-timing-function:  cubic-bezier(0.4,  0,  0.2,  1);
    animation-duration:  1s;
    animation-fill-mode:  forwards;
}
body.home .merit_wrap{
    padding-top:  225px;
}
body.home .merit_wrap .sec_title_g{
    margin-bottom:  85px;
}
body.home .merit_wrap .merit_list{
    position:  relative;
    width:  100%;
    display:  flex;
    flex-wrap:  wrap;
}
body.home .merit_wrap .merit_list .item{
    position:  relative;
    width:  25% !important;
    height:  700px;
    display:  flex;
    flex-wrap:  wrap;
    flex-direction:  column;
    justify-content:  center;
    text-align:  center;
    color:  #fff;
    padding:  0 30px;
}
body.home .merit_wrap .merit_list .item .bg{
    display:  block;
    width:  100%;
    height:  100%;
    position:  absolute;
    top:  0;
    left:  0;
    z-index:  0;
}
body.home .merit_wrap .merit_list .item .g{
    position: relative;
    z-index: 1;
}
body.home .merit_wrap .merit_list .item:nth-child(2) .g{
    animation-delay: 0.2s;
}
body.home .merit_wrap .merit_list .item:nth-child(3) .g{
    animation-delay: 0.4s;
}
body.home .merit_wrap .merit_list .item:nth-child(4) .g{
    animation-delay: 0.6s;
}
body.home .merit_wrap .merit_list .item .title:before{
    display:  block;
    content: "";
    width:  50px;
    height:  1px;
    background:  rgba(255, 255, 255, 0.4);
    margin:  0 auto 38px;
}
body.home .merit_wrap .merit_list .item .title{
    font-size:  3.6rem;
    font-weight:  600;
    z-index:  10;
}
body.home .merit_wrap .merit_list .item .txt1{
    font-size:  1.8rem;
    color:  rgba(255, 255, 255, 0.87);
    font-weight:  200;
    margin-top:  25px;
    z-index:  10;
    min-height:  90px;
}
body.home .esg_wrap{
    padding-top:  225px;
}
body.home .sec_style1 .contents{
    position:  relative;
    width:  100%;
    height:  100vh;
    padding:  185px 0;
    overflow:  hidden;
}
body.home .sec_style1 .contents .bg{
    position: absolute;
    top: 0;
    left: 0;
    width:  100%;
    height: 100%;
}
body.home .sec_style1 .contents .sec_title_g{
    width:  calc(100% - 480px);
}
body.home .sec_style1 .contents .sec_title_g .title3{
    color:  #fff;
}
body.home .sec_style1 .contents .sec_title_g .txt1{
    color:  #fff;
}
body.home .sec_style1 .link{
    position:  absolute;
    top:  0;
    right:  0;
    width:  480px;
    height:  100%;
    border-left:  1px solid rgba(255, 255, 255, 0.5);
}
body.home .sec_style1 .link > *{
    width:  100%;
    height:  50%;
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  center;
    flex-direction:  column;
    text-align:  center;
}
body.home .sec_style1 .link > *:hover{
    background: rgba(0, 150, 224, 0.8);
    transition: 0.3s
}
body.home .sec_style1 .link > * + *{
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
body.home .sec_style1 .link .tit{
    font-size:  3rem;
    color:  #fff;
}
body.home .sec_style1 .link .arrow_next{
    width:  36px;
    height:  24px;
    margin:  15px auto 0;
    position: relative;
}
body.home .sec_style1 .link .arrow_next::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    transform: scaleX(-1) scaleY(0.8);
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #fff;
}
body.home .board_wrap{
    padding-top:  240px;
}
body.home .board_wrap .inner{
    display: flex;
    flex-wrap: wrap;
}
body.home section.board_wrap .sec_title_g{
    text-align:  left;
    width:  500px;
    margin:  0;
    z-index:  10;
}
body.home section.board_wrap .sec_title_g:before{
    display: block;
    content: "";
    position:  absolute;
    top:  0;
    right:  0;
    width:  100vw;
    height:  100%;
    background:  #fff;
    z-index:  -1;
}
body.home section.board_wrap .sec_title_g .title1:before{
    margin:  0 0 8px 0;
}
body.home .board_wrap .indicator{
    margin-top:  60px;
    display:  flex;
    flex-wrap:  wrap;
}
body.home .board_wrap .indicator .btns{
    width:  56px;
    height:  56px;
    border-radius:  50%;
    background:  #f3f3f3;
}
body.home .board_wrap .indicator .btns + .btns{
    margin-left:  4px;
}
body.home .board_wrap .indicator .btns{
    display: flex;
    align-items: center;
    justify-content: center;
}
body.home .board_wrap .indicator .btns::after{
    content: "";
    display: block;
    width: 20px;
    height: 14px;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #333;
}
body.home .board_wrap .indicator .btns.arrow_next::after{
    transform: scaleX(-1);
}
body.home .board_wrap .contents{
    width:  calc(100% - 500px);
}
body.home .board_wrap .contents .board_list{
    width:  100%;
}
body.home .board_wrap .contents .board_list .item{
    position:  relative;
    width:  348px;
    height:  620px;
    border:  1px solid #cccccc;
    background:  #fff;
    margin-right:  32px;
    overflow:  hidden;
}
body.home .board_wrap .contents .board_list .item a{
    padding:  0;
    display:  block;
    width:  100%;
    height:  100%;
}
body.home .board_wrap .contents .board_list .item .thumb{
    display:  block;
    width:  100%;
    height:  200px;
    background:  #eef1f4 no-repeat center;
    background-size:  cover;
}
body.home .board_wrap .contents .board_list .item .thumb.no_thumb{
    background-image:  linear-gradient(135deg,#eef1f4,#dbe2e6) !important;
}
body.home .board_wrap .contents .board_list .item .info{
    box-sizing:  border-box;
    padding:  30px 30px 116px;
}
body.home .board_wrap .contents .board_list .item .cate{
    display:  inline-block;
    font-size:  1.8rem;
    height:  28px;
    line-height:  26px;
    border-radius:  28px;
    font-family:'paperlogy',sans-serif;
    color:  #8f2fd8;
    padding:  0 14px;
    border:  1px solid #8f2fd8;
    margin-bottom:  20px;
}
body.home .board_wrap .contents .board_list .item .cate.type2{
    color:  #00a987;
    border-color:  #00a987;
}
body.home .board_wrap .contents .board_list .item .title{
    font-size:  2.4rem;
    color:  #000000;
    font-weight:  600;
}
body.home .board_wrap .contents .board_list .item .title .e_{
    -webkit-line-clamp:  2;
}
body.home .board_wrap .contents .board_list .item .txt1{
    font-size:  1.8rem;
    color:  #777;
    margin-top:  15px;
}
body.home .board_wrap .contents .board_list .item .txt1 .e_{
    -webkit-line-clamp:  2;
}
body.home .board_wrap .contents .board_list .item .date{
    margin-top:  30px;
    font-size:  1.8rem;
    font-family:'paperlogy',sans-serif;
    font-weight:  300;
}
body.home .board_wrap .contents .board_list .item .more_view{
    position:  absolute;
    bottom:  50px;
    left:  30px;
    width:  calc(100% - 60px);
    height:  56px;
    border:  1px solid #7f7f7f;
    border-radius:  20px;
    background:  #fff;
    font-size:  1.8rem;
    font-family:'paperlogy',sans-serif;
    font-weight:  300;
}
body.home .board_wrap .contents .board_list .item .more_view:hover{
    color: #fff;
    background: #0096e0;
    border: 0;
    transition: 0.2s;
}
body.home .board_wrap .contents .util{
    position:  relative;
    margin-top:  42px;
    transform:  inherit !important;
    width:  calc(100% + 220px);
}
body.home .board_wrap .contents .swiper-scrollbar{
    width:  100%;
    height:  1px;
    background:  #c4c4c4;
    border-radius: 0;
    display:  block !important;
    transform:  inherit !important;
}
body.home .board_wrap .contents .swiper-scrollbar-drag{
    background:  #000000;
    height:  3px;
    border-radius: 0;
    top:  -2px;
}
body.home .recruit_wrap{
    padding-top: 220px;
}
body.home .recruit_wrap .contents_wrap{
    background: #f5f5f5;
}
body.home .partner_wrap .sec_title_g.type2{
    margin-bottom: 65px;
}
body.home .partner_wrap{
    background: #f5f5f5;
    padding:  150px 0;
}
body.home .partner_wrap .contents{
    position:  relative;
    padding:  0 76px;
}
body.home .partner_wrap .contents .btns{
    position: absolute;
    top:  50%;
    left: 0;
    width:  56px;
    height:  56px;
    border:  1px solid #939393;
    border-radius:  50%;
    display:  block;
    transform:  translateY(-50%);
}
body.home .partner_wrap .contents .btns.arrow_next{
    left: auto;
    right: 0;
}
body.home .partner_wrap .contents .btns::after{
    content: "";
    display: block;
    width: 22px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #666;
}
body.home .partner_wrap .contents .btns.arrow_next::after{
    transform: translate(-50%, -50%) scaleX(-1);
}
body.home .partner_wrap .partner_list .item{
    margin: 0 8px;
}
body.home .partner_wrap .partner_list .item a{
    display:  block;
}
body.home .partner_wrap .partner_list .item img{
    width:  100%;
}
body.home .main_home .title1 p, body.home .main_home .title2{
    overflow: hidden;
}
body.home .main_home .title1 p span, body.home .main_home .title2 p{
    display:  block;
    transform-origin: 0% 50%
}
body.home .main_home .main_slider .text_g .title1:before{
    transform: scaleX(0);
}
body.home .main_home .main_slider.start .text_g .title1:before{
    transform: scaleX(1);
    transition: 1s;
}
body.home .main_home .main_slider .swiper-slide-active .text_g .title1:before{
    transform: scaleX(1);
    transition: 1s;
}
body.home .opacityAni{
    opacity: 0;
}
body.home .opacityAni.is-inview{
    animation-name:  opacityAni;
    animation-timing-function:  cubic-bezier(0.4,  0,  0.2,  1);
    animation-duration:  1s;
    animation-fill-mode:  forwards;
}
body.home .textMotion{
    opacity: 0;
}
body.home .textMotion.is-inview{
    animation-name:  letterspacingTxt__ipc;
    animation-timing-function:  cubic-bezier(0.4,  0,  0.2,  1);
    animation-duration:  1s;
    animation-fill-mode:  forwards;
}
body.home .fadeUp{
    opacity: 0;
}
body.home .fadeUp.is-inview{
    animation-name:  fadeUp__ipc;
    animation-timing-function:  cubic-bezier(0.4,  0,  0.2,  1);
    animation-duration:  1s;
    animation-fill-mode:  forwards;
}
body.home .fadeLeft{
    opacity: 0;
}
body.home .fadeLeft.is-inview{
    animation-name:  fadeLeft__ipc;
    animation-timing-function:  cubic-bezier(0.4,  0,  0.2,  1);
    animation-duration:  1s;
    animation-delay: 0.1s;
    animation-fill-mode:  forwards;
}
body.home .showimg.is-inview{
    animation-name:  showImg3__ipc;
    animation-timing-function: cubic-bezier(0.42,  0,  0.14,  1.01);
    animation-duration:  1s;
}
}
@media screen and (min-width:1280px) and (max-width:1670px) {
body.home .main_home .main_slider .text_g .title1{
        font-size:  6rem;
    }
body.home .main_home .main_slider .text_g .title2{
        font-size:  2rem;
    }
body.home .main_home .main_slider .text_g .title1:before{
        top: 63px;
    }
body.home .main_home .main_slider .text_g{
        padding-top:  40px;
    }
}
@media screen and (min-width:1280px) and (max-width:1660px) {
body.home .business_wrap .business_slider .item{
        width:  21.3vw;
    }
body.home .business_wrap .business_slider .item.slick-on{
        width:  44vw;
    }
}
@media screen and (min-width:1280px) and (max-width:1550px) {
body.home .main_home .main_slider .text_g .title1:before{
        right:  calc(100% + 30px);
    }
}
@media screen and (min-width:1280px) and (max-width:1540px) {
body.home .merit_wrap .merit_list{
        display:  block;
    }
body.home .merit_wrap .merit_list .item{
        width:  480px !important;
    }
}

/* ===== index_tablet.css (merged, scoped to body.home, screen and (min-width:768px) and (max-width:1279px)) ===== */
.pcbr{
    display: none !important;
}
@keyframes letterspacingTxt__ita{
    0% {
        opacity: 0;
        letter-spacing: 5px;
    }
    100% {
        opacity: 1;
        letter-spacing: 0px;
    }
}
@keyframes fadeUp__ita{
    0% {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0px, 0);
    }
}
@keyframes fadeLeft__ita{
    0% {
        opacity: 0;
        transform: translate3d(100px, 0px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0px, 0);
    }
}
@-webkit-keyframes showImg3__ita{
    0%{
        clip-path:  polygon(0 0,  0 0,  0 100%,  0% 100%);
    }
    100%{
        clip-path:  polygon(100% 0,  0 0,  0 100%,  100% 100%);
    }
}
@media screen and (min-width:768px) and (max-width:1279px) {
body.home .pc_view{
    display: none !important;
}
body.home .tm_view{
    display: block !important;
}
body.home .page_scroll_wrap{
    background: #111;
}
body.home #container{
    background: #fff;
}
body.home section{
    position: relative;
    width:  100%;
    word-break:  keep-all;
    box-sizing: border-box;
}
body.home section *{
    box-sizing: border-box;
}
body.home section .txt1{
    font-size:  2rem;
    color:  rgba(0, 0, 0, 0.7);
    font-weight:  400;
    word-break:  keep-all;
    line-height:  1.75;
    letter-spacing:  -0.25px;
    font-family:'paperlogy',sans-serif;
}
body.home section .sec_title_g{
    position:  relative;
}
body.home section .sec_title_g br{
    display: none;
}
body.home section .sec_title_g .title1{
    font-size:  1.8rem;
    color:  #000;
    font-family:'paperlogy',sans-serif;
    font-weight:  600;
    margin-bottom:  30px;
}
body.home section .sec_title_g .title2{
    font-size:  4.4rem;
    color:  #222222;
    font-weight:  600;
    line-height:  1.55;
}
body.home section .sec_title_g .title3{
    font-size:  5.2rem;
    color:  #000;
    font-weight:  600;
    line-height:  1.4;
}
body.home section .sec_title_g .title1:before{
    display:  block;
    content: "";
    width:  26px;
    height:  1px;
    background:  #000000;
    margin:  0 0 8px 0;
}
body.home section .sec_title_g .txt1{
    margin-top:  22px;
}
body.home section .sec_title_g .btn{
    margin-top:  30px;
}
body.home section .sec_title_g .btn a{
    width: 122px;
    height: 48px;
    border: 1px solid #7f7f7f;
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    justify-content:  center;
    font-size:  1.8rem;
    color:  #555;
    border-radius:  15px;
}
body.home section .sec_title_g .btn svg{
    width: 18px;
    height:  12px;
    margin-left:  7px;
}
body.home section .sec_title_g .btn svg *{
    stroke-width: 1.5px;
}
body.home section .sec_title_g.type2{
    text-align: center;
    margin-bottom:  85px;
}
body.home section .sec_title_g.type2 .title1{
    margin-bottom:  10px;
}
body.home section .sec_title_g.type2 .title1:before{
    margin:  0 auto 8px;
}
body.home section .sec_title_g.type2 .txt1{
    margin-top:  18px;
}
body.home .main_home{
    height:  100vh;
    z-index:  1;
    overflow:  hidden;
}
body.home .main_home .main_slider{
    position: relative;
    width:  100%;
    height:  100%;
    overflow: hidden;
}
body.home .main_home .main_slider .item{
    position: relative;
    width:  100%;
    height:  100%;
    overflow: hidden;
}
body.home .main_home .main_slider .item .bg{
    position:  absolute;
    top:  0;
    left:  0;
    width:  100%;
    height:  100%;
    overflow: hidden;
    z-index:  0;
}
body.home .main_home .main_slider .item .bg .img{
    position:  relative;
    width:  100%;
    height:  100%;
    z-index:  0;
}
body.home .main_home .main_slider .item .bg .img span{
    position: relative;
    width:  100%;
    height:  100%;
    display:  block;
}
body.home .main_home .indicator{
    position:  relative;
    left:  0;
    width:  100%;
    margin-top:  70px;
    z-index:  100;
}
body.home .main_home .indicator .inner{
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    width:  100%;
}
body.home .main_home .indicator .btn{
    position:  relative;
    width:  33px;
    height:  23px;
    margin-right:  40px;
}
body.home .main_home .indicator .btn::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #fff;
}
body.home .main_home .indicator .btn.arrow_next{
    margin-right:  initial;
    margin-left:  40px;
}
body.home .main_home .indicator .btn.arrow_next::after{
    transform: scaleX(-1);
}
body.home .main_home .indicator .dot ul{
    font-size: 0;
}
body.home .main_home .indicator .dot li{
    position: relative;
    display: inline-block;
    vertical-align: middle
}
body.home .main_home .indicator .dot button{
    position: relative;
    width:  9px;
    height:  9px;
    border:  1px solid #fff;
    border-radius:  50%;
    box-sizing: border-box;
}
body.home .main_home .indicator .dot li + li{
    margin-left:  50px;
}
body.home .main_home .indicator .dot li + li:before{
    display: block;
    content: "";
    position: absolute;
    top:  4px;
    right: 100%;
    width: 50px;
    height: 1px;
    background:  rgba(255, 255, 255, 0.2);
}
body.home .main_home .indicator .dot li.slick-active button{
    background:  #fff;
}
body.home .main_home .main_slider .text_g{
    padding:  70px 30px 0;
    height:  100%;
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  center;
    flex-direction:  column;
    color:  #fff;
    z-index:  10;
}
body.home .main_home .main_slider .text_g .title1:before{
    display: block;
    content: "";
    position:  absolute;
    top:  61px;
    right:  calc(100% + 30px);
    width:  100vw;
    height:  1px;
    background:  #ddd;
}
body.home .main_home .main_slider .text_g .title1{
    position: relative;
    font-family:'paperlogy',sans-serif;
    font-size:  6rem;
    FONT-WEIGHT:  500;
    line-height:  1.3;
}
body.home .main_home .main_slider .text_g .title1.en{
    font-weight:  400;
}
body.home .main_home .main_slider .text_g .title2{
    font-size:  2rem;
    color:  #fff;
    line-height:  1.7;
    margin-top:  18px;
}
body.home .main_home .scroll_down{
    position: absolute;
    bottom:  30px;
    left:  50%;
    transform:  translateX(-50%);
    z-index:  100;
}
body.home .main_home .scroll_down a{
    display: block;
    width:  90px;
    height:  90px;
    border-radius:  50%;
    border:  1px solid rgba(255, 255, 255, 0.8);
}
body.home .main_home .scroll_down .arrow_btn{
    position:  absolute;
    top:  0;
    left:  0;
    width:  100%;
    height:  100%;
    overflow:  hidden;
}
body.home .main_home .scroll_down .arrow_btn span{
    width:  100%;
    height:  100%;
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    justify-content:  center;
    transform:  translate3d(0, -100%, 0);
}
body.home .main_home .scroll_down .arrow_btn span + span{

}
body.home .main_home .scroll_down .arrow_btn span::after{
    content: "";
    display: block;
    width: 26px;
    height: 35px;
    transform: rotate(-90deg);
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #fff;
}
body.home .main_home .scroll_down:hover .arrow_btn span{
    transform: translate3d(0, 0, 0);
    transition: 0.5s;
}
body.home .info_wrap{
    padding:  138px 0 200px;
}
body.home .info_wrap .sec_title_g{
    text-align: center;
}
body.home .info_wrap .sec_title_g .title1:before{
    display:  block;
    content: "";
    width:  1px;
    height:  50px;
    background:  #000000;
    margin:  0 auto 40px;
}
body.home .business_wrap .sec_title_g{
    position:  relative;
    top:  0;
    left:  0;
    width:  100%;
    text-align:  center;
    z-index:  10;
}
body.home .business_wrap .sec_title_g .title1:before{
    margin:  0 auto 8px;
}
body.home .business_wrap .sec_title_g .title1{
    margin-bottom:  10px;
}
body.home .business_wrap .sec_title_g .title1:before{
    margin:  0 auto 8px;
}
body.home .business_wrap .sec_title_g .txt1{
    margin-top:  18px;
}
body.home .business_wrap .contents{
    position:  relative;
    width:  100%;
    padding-top:  80px;
}
body.home .business_wrap .business_slider{
    margin-top: 40px;
}
body.home .business_wrap .business_slider .slick-list{
    overflow:  inherit;
}
body.home .business_wrap .business_slider .item{
    width:  358px;
    pointer-events:  none;
    margin:  0 8px;
    transition:  0.5s;
}
body.home .business_wrap .business_slider .item a{
    display:  block;
    width:  100%;
}
body.home .business_wrap .business_slider .item.slick-on{
}
body.home .business_wrap .business_slider .item.slick-current a{
    pointer-events:  auto;
}
body.home .business_wrap .business_slider .item.slick-current .img{
}
body.home .business_wrap .business_slider .item .img{
    width:  100%;
    height:  358px;
    transition:  0.5s;
}
body.home .business_wrap .business_slider .item .img span{
    display:  block;
    width:  100%;
    height:  100%;
}
body.home .business_wrap .business_slider .item .info{
    width:  100%;
    padding-top:  34px;
    height:  100px;
}
body.home .business_wrap .business_slider .item .info .title{
    position:  relative;
    font-size:  2.4rem;
    line-height:  1.1em;
    color:  rgba(0, 0, 0, 0.3);
    font-family:'paperlogy',sans-serif;
    font-weight:  600;
    letter-spacing:  -0.5px;
    overflow:  hidden;
}
body.home .business_wrap .business_slider .item .info .title .g{
    position: relative;
    transition:  0.3s;
}
body.home .business_wrap .business_slider .item .info .title .tit{
    position:  relative;
}
body.home .business_wrap .business_slider .item .info .title .tit + .tit{
    position:  absolute;
    top:  100%;
    left:  0;
    font-size:  2.7rem;
}
body.home .business_wrap .business_slider .item .info .txt1{
    position:  relative;
    margin-top:  11px;
    font-size:  1.8rem;
    color:  #777;
    overflow:  hidden;
}
body.home .business_wrap .business_slider .item .info .txt1 p{
    opacity:  0;
    transition:  0.3s 0.1s;
}
body.home .business_wrap .business_slider .item.slick-current .info .title{
    color: #000;
}
body.home .business_wrap .business_slider .item.slick-current .info .title .g{
    transform:  translateY(-100%);
}
body.home .business_wrap .business_slider .item.slick-current .info .txt1 p{
    opacity: 1;
}
body.home .business_wrap .util{
    position:  relative;
    top:  0;
    right:  0;
}
body.home .business_wrap .util .swiper-pagenav{
    display:  flex;
    flex-wrap:  wrap;
    align-items:  center;
    justify-content:  flex-end;
}
body.home .business_wrap .util .slick-arrow{
    width:  38px;
    height:  24px;
}
body.home .business_wrap .util .arrow_prev,
body.home .business_wrap .util .arrow_next{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 38px;
    height: 24px;
}
body.home .business_wrap .util .arrow_prev::after,
body.home .business_wrap .util .arrow_next::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #cdcaca;
    transition: 0.1s;
}
body.home .business_wrap .util .arrow_prev:hover::after,
body.home .business_wrap .util .arrow_next:hover::after{
    background-color: #555;
}

body.home .business_wrap .util .pager{
    font-size:  1.8rem;
    font-family:'paperlogy',sans-serif;
    color:  #777;
    margin-right:  42px;
}
body.home .business_wrap .util .pager .now{
    color:  #000;
}
body.home .business_wrap .util .arrow_next{
    margin-left:  16px;
}
body.home .business_wrap .util .arrow_next::after{
    transform: scaleX(-1);
}
body.home .merit_wrap{
    padding-top:  225px;
}
body.home .merit_wrap .sec_title_g{
    margin-bottom:  85px;
}
body.home .merit_wrap .merit_list{
    position:  relative;
    width:  100%;
}
body.home .merit_wrap .merit_list .item{
    position:  relative;
    width:  480px;
    height:  700px;
    display:  flex;
    flex-wrap:  wrap;
    flex-direction:  column;
    justify-content:  center;
    text-align:  center;
    color:  #fff;
    padding:  0 30px;
}
body.home .merit_wrap .merit_list .item .bg{
    display:  block;
    width:  100%;
    height:  100%;
    position:  absolute;
    top:  0;
    left:  0;
    z-index:  0;
}
body.home .merit_wrap .merit_list .item .g{
    position: relative;
    z-index: 1;
}
body.home .merit_wrap .merit_list .item .title:before{
    display:  block;
    content: "";
    width:  50px;
    height:  1px;
    background:  rgba(255, 255, 255, 0.4);
    margin:  0 auto 38px;
}
body.home .merit_wrap .merit_list .item .title{
    font-size:  3.6rem;
    font-weight:  600;
    z-index:  10;
}
body.home .merit_wrap .merit_list .item .txt1{
    font-size:  1.8rem;
    color:  rgba(255, 255, 255, 0.87);
    font-weight:  200;
    margin-top:  25px;
    z-index:  10;
    min-height:  90px;
}
body.home .esg_wrap{
    padding-top:  225px;
}
body.home .sec_style1 .contents{
    position:  relative;
    width:  100%;
    height:  100vh;
    padding:  185px 0;
    overflow:  hidden;
}
body.home .sec_style1 .contents .bg{
    position: absolute;
    top: 0;
    left: 0;
    width:  100%;
    height: 100%;
}
body.home .sec_style1 .contents .sec_title_g{
    width:  100%;
}
body.home .sec_style1 .contents .sec_title_g .title3{
    color:  #fff;
}
body.home .sec_style1 .contents .sec_title_g .txt1{
    color:  #fff;
}
body.home .sec_style1 .link{
    position:  absolute;
    bottom:  0;
    left:  0;
    width:  100%;
    height:  380px;
    border-top:  1px solid rgba(255, 255, 255, 0.5);
    display:  flex;
    flex-wrap:  wrap;
}
body.home .sec_style1 .link > *{
    width:  50%;
    height:  100%;
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  center;
    flex-direction:  column;
    text-align:  center;
}
body.home .sec_style1 .link > *:hover{
    background: rgba(0, 150, 224, 0.8);
    transition: 0.3s
}
body.home .sec_style1 .link > * + *{
    border-left:  1px solid rgba(255, 255, 255, 0.5);
}
body.home .sec_style1 .link .tit{
    font-size:  3rem;
    color:  #fff;
}
body.home .sec_style1 .link .arrow_next{
    width:  36px;
    height:  24px;
    margin:  15px auto 0;
    position: relative;
}
body.home .sec_style1 .link .arrow_next::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    transform: scaleX(-1) scaleY(0.8);
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #fff;
}
body.home .board_wrap{
    padding-top:  240px;
}
body.home .board_wrap .inner{
}
body.home section.board_wrap .sec_title_g{
    width:  100%;
    z-index:  10;
    margin-bottom:  40px;
}
body.home section.board_wrap .sec_title_g .title1:before{
    margin: 0 auto 8px;
}
body.home .board_wrap .indicator{
    margin-top:  60px;
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  flex-end;
}
body.home .board_wrap .indicator .btns{
    width:  56px;
    height:  56px;
    border-radius:  50%;
    background:  #f3f3f3;
}
body.home .board_wrap .indicator .btns + .btns{
    margin-left:  4px;
}
body.home .board_wrap .indicator .btns{
    display: flex;
    align-items: center;
    justify-content: center;
}
body.home .board_wrap .indicator .btns::after{
    content: "";
    display: block;
    width: 20px;
    height: 14px;
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #333;
}
body.home .board_wrap .indicator .btns.arrow_next::after{
    transform: scaleX(-1);
}
body.home .board_wrap .contents{
    width:  100%;
}
body.home .board_wrap .contents .board_list{
    width:  100%;
}
body.home .board_wrap .contents .board_list .item{
    position:  relative;
    width:  348px;
    height:  620px;
    border:  1px solid #cccccc;
    background:  #fff;
    margin-right:  32px;
    overflow:  hidden;
}
body.home .board_wrap .contents .board_list .item a{
    padding:  0;
    display:  block;
    width:  100%;
    height:  100%;
}
body.home .board_wrap .contents .board_list .item .thumb{
    display:  block;
    width:  100%;
    height:  200px;
    background:  #eef1f4 no-repeat center;
    background-size:  cover;
}
body.home .board_wrap .contents .board_list .item .thumb.no_thumb{
    background-image:  linear-gradient(135deg,#eef1f4,#dbe2e6) !important;
}
body.home .board_wrap .contents .board_list .item .info{
    box-sizing:  border-box;
    padding:  30px 30px 116px;
}
body.home .board_wrap .contents .board_list .item .cate{
    display:  inline-block;
    font-size:  1.8rem;
    height:  28px;
    line-height:  26px;
    border-radius:  28px;
    font-family:'paperlogy',sans-serif;
    color:  #8f2fd8;
    padding:  0 14px;
    border:  1px solid #8f2fd8;
    margin-bottom:  20px;
}
body.home .board_wrap .contents .board_list .item .cate.type2{
    color:  #00a987;
    border-color:  #00a987;
}
body.home .board_wrap .contents .board_list .item .title{
    font-size:  2.4rem;
    color:  #000000;
    font-weight:  600;
}
body.home .board_wrap .contents .board_list .item .title .e_{
    -webkit-line-clamp:  2;
}
body.home .board_wrap .contents .board_list .item .txt1{
    font-size:  1.8rem;
    color:  #777;
    margin-top:  15px;
}
body.home .board_wrap .contents .board_list .item .txt1 .e_{
    -webkit-line-clamp:  2;
}
body.home .board_wrap .contents .board_list .item .date{
    margin-top:  30px;
    font-size:  1.8rem;
    font-family:'paperlogy',sans-serif;
    font-weight:  300;
}
body.home .board_wrap .contents .board_list .item .more_view{
    position:  absolute;
    bottom:  50px;
    left:  30px;
    width:  calc(100% - 60px);
    height:  56px;
    border:  1px solid #7f7f7f;
    border-radius:  20px;
    background:  #fff;
    font-size:  1.8rem;
    font-family:'paperlogy',sans-serif;
    font-weight:  300;
}
body.home .board_wrap .contents .board_list .item .more_view:hover{
    color: #fff;
    background: #0096e0;
    border: 0;
    transition: 0.2s;
}
body.home .board_wrap .contents .util{
    position:  relative;
    margin-top:  42px;
    transform:  inherit !important;
    width:  100%;
}
body.home .board_wrap .contents .swiper-scrollbar{
    width:  100%;
    height:  1px;
    background:  #c4c4c4;
    border-radius: 0;
    display:  block !important;
    transform:  inherit !important;
}
body.home .board_wrap .contents .swiper-scrollbar-drag{
    background:  #000000;
    height:  3px;
    border-radius: 0;
    top:  -2px;
}
body.home .recruit_wrap{
    padding-top: 220px;
}
body.home .recruit_wrap .contents_wrap{
    background: #f5f5f5;
}
body.home .partner_wrap .sec_title_g.type2{
    margin-bottom: 65px;
}
body.home .partner_wrap{
    background: #f5f5f5;
    padding:  150px 0;
}
body.home .partner_wrap .contents{
    position:  relative;
}
body.home .partner_wrap .contents .btns{
    display: none !important;
    position: absolute;
    top:  50%;
    left: 0;
    width:  56px;
    height:  56px;
    border:  1px solid #939393;
    border-radius:  50%;
    display:  block;
    transform:  translateY(-50%);
}
body.home .partner_wrap .contents .btns.arrow_next{
    left: auto;
    right: 0;
}
body.home .partner_wrap .contents .btns::after{
    content: "";
    display: block;
    width: 22px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask-image: url(/resources/images/common/arrow.svg);
    mask-image: url(/resources/images/common/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #eee;
}
body.home .partner_wrap .contents .btns.arrow_next::after{
    transform: translate(-50%, -50%) scaleX(-1);
}
body.home .partner_wrap .partner_list .slick-list{
    overflow: inherit;
}
body.home .partner_wrap .partner_list .item{
    margin: 0 8px;
}
body.home .partner_wrap .partner_list .item a{
    display:  block;
}
body.home .partner_wrap .partner_list .item img{
    width:  100%;
}
body.home .main_home .title1 p, body.home .main_home .title2{
    overflow: hidden;
}
body.home .main_home .title1 p span, body.home .main_home .title2 p{
    display:  block;
    transform-origin: 0% 50%
}
body.home .main_home .main_slider .text_g .title1:before{
    transform: scaleX(0);
}
body.home .main_home .main_slider.start .text_g .title1:before{
    transform: scaleX(1);
    transition: 1s;
}
body.home .main_home .main_slider .swiper-slide-active .text_g .title1:before{
    transform: scaleX(1);
    transition: 1s;
}
body.home .opacityAni{
    opacity: 0;
}
body.home .opacityAni.is-inview{
    animation-name:  opacityAni;
    animation-timing-function:  cubic-bezier(0.4,  0,  0.2,  1);
    animation-duration:  1s;
    animation-delay: 0.2s;
    animation-fill-mode:  forwards;
}
body.home .textMotion{
    opacity: 0;
}
body.home .textMotion.is-inview{
    animation-name:  letterspacingTxt__ita;
    animation-timing-function:  cubic-bezier(0.4,  0,  0.2,  1);
    animation-duration:  1s;
    animation-delay: 0.2s;
    animation-fill-mode:  forwards;
}
body.home .fadeUp{
    opacity: 0;
}
body.home .fadeUp.is-inview{
    animation-name:  fadeUp__ita;
    animation-timing-function:  cubic-bezier(0.4,  0,  0.2,  1);
    animation-duration:  1s;
    animation-delay: 0.2s;
    animation-fill-mode:  forwards;
}
body.home .fadeLeft{
    opacity: 0;
}
body.home .fadeLeft.is-inview{
    animation-name:  fadeLeft__ita;
    animation-timing-function:  cubic-bezier(0.4,  0,  0.2,  1);
    animation-duration:  1s;
    animation-delay: 0.3s;
    animation-fill-mode:  forwards;
}
body.home .showimg.is-inview{
    animation-name:  showImg3__ita;
    animation-timing-function: cubic-bezier(0.42,  0,  0.14,  1.01);
    animation-duration:  1s;
}
}

/* ===== index_mobile.css (merged, scoped to body.home, screen and (max-width:767px)) ===== */

.pcbr{display:none !important;}
@keyframes letterspacingTxt__imo{
	0% {
	opacity:0;
	 letter-spacing:10px;
	}
	100% {
	opacity:1;
	  letter-spacing:0px;
	}
}
@keyframes fadeUp__imo{
	0% {
	opacity:0;
	 transform:translate3d(0,50px,0);
	}
	100% {
	opacity:1;
	 transform:translate3d(0,0px,0);
	}
}
@keyframes fadeLeft__imo{
	0% {
	opacity:0;
	 transform:translate3d(100px,0px,0);
	}
	100% {
	opacity:1;
	 transform:translate3d(0,0px,0);
	}
}
@-webkit-keyframes showImg3__imo{
0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
}
@media screen and (max-width:767px) {
body.home .pc_view{display:none !important;}
body.home .tm_view{display:block !important;}
body.home .page_scroll_wrap{background:#111;}
body.home #container{background:#fff;}
body.home section{position:relative; width: 100%; word-break: keep-all;box-sizing:border-box; }
body.home section *{box-sizing:border-box;}
body.home section .txt1{font-size: 1.8rem;color: rgba(0,0,0,0.7);font-weight: 400;word-break: keep-all;line-height: 1.75;letter-spacing: -0.25px;font-family:'paperlogy',sans-serif;}
body.home section .sec_title_g{position: relative;}
body.home section .sec_title_g br{display:none;}
body.home section .sec_title_g .title1{font-size: 1.8rem;color: #000;font-family:'paperlogy',sans-serif;font-weight: 600;margin-bottom: 16px;}
body.home section .sec_title_g .title2{font-size: 2.2rem;color: #222222;font-weight: 600;line-height: 1.55;letter-spacing: -0.5px;}
body.home section .sec_title_g .title3{font-size: 2rem;color: #000;font-weight: 600;line-height: 1.4;}
body.home section .sec_title_g .title1:before{display: block; content:"";width: 20px;height: 1px;background: #000000;margin: 0 0 8px 0;}
body.home section .sec_title_g .txt1{margin-top: 12px; padding: 0 20px;}
body.home section .sec_title_g .btn{margin-top: 30px;}
body.home section .sec_title_g .btn a{width:122px;height:48px;border:1px solid #7f7f7f;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-size: 1.8rem;color: #555;border-radius: 15px;}
body.home section .sec_title_g .btn svg{width:18px;height: 12px;margin-left: 7px;}
body.home section .sec_title_g .btn svg *{stroke-width:1.5px;}
body.home section .sec_title_g.type2{text-align:center;margin-bottom: 50px;}
body.home section .sec_title_g.type2 .title1{margin-bottom: 10px;}
body.home section .sec_title_g.type2 .title1:before{margin: 0 auto 8px;}
body.home section .sec_title_g.type2 .txt1{margin-top: 12px;}
body.home .main_home{height: 100vh;z-index: 1;overflow: hidden;}
body.home .main_home .main_slider{position:relative;width: 100%;height: 100%;overflow:hidden;}
body.home .main_home .main_slider .item{position:relative;width: 100%;height: 100%;overflow:hidden;}
body.home .main_home .main_slider .item .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden;z-index: 0;}
body.home .main_home .main_slider .item .bg .img{position: relative;width: 100%;height: 100%;z-index: 0;}
body.home .main_home .main_slider .item .bg .img span{position:relative;width: 100%;height: 100%;display: block;}
body.home .main_home .indicator{position: relative;left: 0;width: 100%;margin-top: 70px;z-index: 100;}
body.home .main_home .indicator .inner{display: flex;flex-wrap: wrap;align-items: center;width: 100%;}
body.home .main_home .indicator .btn{position:relative;width:24px;height:18px;margin-right:30px;}
body.home .main_home .indicator .btn::after{content:"";display:block;width:100%;height:100%;-webkit-mask-image:url(/resources/images/common/arrow.svg);mask-image:url(/resources/images/common/arrow.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:#fff;}
body.home .main_home .indicator .btn.arrow_next{margin-right:initial;margin-left:30px;}
body.home .main_home .indicator .btn.arrow_next::after{transform:scaleX(-1);}
body.home .main_home .indicator .dot ul{font-size:0;}
body.home .main_home .indicator .dot li{position:relative; display:inline-block;vertical-align:middle}
body.home .main_home .indicator .dot button{position:relative;width: 9px;height: 9px;border: 1px solid #fff;border-radius: 50%;box-sizing:border-box;}
body.home .main_home .indicator .dot li + li{margin-left: 50px;}
body.home .main_home .indicator .dot li + li:before{display:block;content:"";position:absolute;top: 4px;right:100%;width:50px;height:1px;background: rgba(255,255,255,0.2);}
body.home .main_home .indicator .dot li.slick-active button{background: #fff;}
body.home .main_home .main_slider .text_g{padding: 70px 0px 0 10px;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;color: #fff;z-index: 10;}
body.home .main_home .main_slider .text_g .title1:before{display:block;content:"";position: absolute;top: 70px;right: calc(100% + 10px);width: 100vw;height: 1px;background: #ddd;}
body.home .main_home .main_slider .text_g .title1{position:relative;font-family:'paperlogy',sans-serif;font-size: 3.2rem;FONT-WEIGHT: 500;line-height: 1.3;}
body.home .main_home .main_slider .text_g .title1.en{font-weight: 400;}
body.home .main_home .main_slider .text_g .title2{font-size: 1.8rem;color: #fff;line-height: 1.7;margin-top: 13px;}
body.home .main_home .scroll_down{position:absolute;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 100;}
body.home .main_home .scroll_down a{display:block;width: 55px;height: 55px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.8);}
body.home .main_home .scroll_down .arrow_btn{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
body.home .main_home .scroll_down .arrow_btn span{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;transform: translate3d(0,-100%,0);}
body.home .main_home .scroll_down .arrow_btn span + span{}
body.home .main_home .scroll_down .arrow_btn span::after{content:"";display:block;width:17px;height:26px;transform:rotate(-90deg);-webkit-mask-image:url(/resources/images/common/arrow.svg);mask-image:url(/resources/images/common/arrow.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:#fff;}
body.home .main_home .scroll_down:hover .arrow_btn span{transform:translate3d(0,0,0); transition:0.5s;}
body.home .info_wrap{padding: 60px 0 110px;}
body.home .info_wrap .sec_title_g{text-align:center;}
body.home .info_wrap .sec_title_g .title1:before{display: block; content:"";width: 1px;height: 30px;background: #000000;margin: 0 auto 22px;}
body.home .business_wrap .sec_title_g{position: relative;top: 0;left: 0;width: 100%;text-align: center;z-index: 10;}
body.home .business_wrap .sec_title_g .title1:before{margin: 0 auto 8px;}
body.home .business_wrap .sec_title_g .title1{margin-bottom: 10px;}
body.home .business_wrap .sec_title_g .title1:before{margin: 0 auto 8px;}
body.home .business_wrap .sec_title_g .txt1{margin-top: 9px;}
body.home .business_wrap .contents{position: relative;width: 100%;padding-top: 40px;}
body.home .business_wrap .business_slider{margin-top: 20px;}
body.home .business_wrap .business_slider .slick-list{overflow: inherit;}
body.home .business_wrap .business_slider .item{width: 280px;pointer-events: none;margin: 0 5px;transition: 0.5s;}
body.home .business_wrap .business_slider .item a{display: block;width: 100%;}
body.home .business_wrap .business_slider .item.slick-on{}
body.home .business_wrap .business_slider .item.slick-current a{pointer-events: auto;}
body.home .business_wrap .business_slider .item.slick-current .img{}
body.home .business_wrap .business_slider .item .img{width: 100%;height: 280px;transition: 0.5s;}
body.home .business_wrap .business_slider .item .img span{display: block;width: 100%;height: 100%;}
body.home .business_wrap .business_slider .item .info{width: 100%;padding-top: 24px;height: 100px;}
body.home .business_wrap .business_slider .item .info .title{position: relative;font-size: 1.8rem;line-height: 1.1em;color: rgba(0,0,0,0.3);font-family:'paperlogy',sans-serif;font-weight: 600;letter-spacing: -0.5px;overflow: hidden;}
body.home .business_wrap .business_slider .item .info .title .g{position:relative;transition: 0.3s;}
body.home .business_wrap .business_slider .item .info .title .tit{position: relative;}
body.home .business_wrap .business_slider .item .info .title .tit + .tit{position: absolute;top: 100%;left: 0;font-size: 1.8rem;}
body.home .business_wrap .business_slider .item .info .txt1{position: relative;margin-top: 6px;font-size: 1.8rem;color: #777;overflow: hidden;}
body.home .business_wrap .business_slider .item .info .txt1 p{opacity: 0;transition: 0.3s 0.1s;}
body.home .business_wrap .business_slider .item.slick-current .info .title{color:#000;}
body.home .business_wrap .business_slider .item.slick-current .info .title .g{transform: translateY(-100%);}
body.home .business_wrap .business_slider .item.slick-current .info .txt1 p{opacity:1;}
body.home .business_wrap .util{position: relative;top: 0;right: 0;}
body.home .business_wrap .util .swiper-pagenav{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;}
body.home .business_wrap .util .slick-arrow{width: 25px;height: 19px;}
body.home .business_wrap .util .arrow_prev,body.home .business_wrap .util .arrow_next{display:inline-block;vertical-align:middle;position:relative;width:25px;height:19px;}
body.home .business_wrap .util .arrow_prev::after,body.home .business_wrap .util .arrow_next::after{content:"";display:block;width:100%;height:100%;-webkit-mask-image:url(/resources/images/common/arrow.svg);mask-image:url(/resources/images/common/arrow.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:#cdcaca;transition:0.1s;}
body.home .business_wrap .util .arrow_prev:hover::after,body.home .business_wrap .util .arrow_next:hover::after{background-color:#555;}
body.home .business_wrap .util .pager{font-size: 1.8rem;font-family:'paperlogy',sans-serif;color: #777;margin-right: 30px;}
body.home .business_wrap .util .pager .now{color: #000;}
body.home .business_wrap .util .arrow_next{margin-left: 14px;}
body.home .business_wrap .util .arrow_next::after{transform: scaleX(-1);}
body.home .merit_wrap{padding-top: 125px;}
body.home .merit_wrap .sec_title_g{margin-bottom: 85px;}
body.home .merit_wrap .merit_list{position: relative;width: 100%;}
body.home .merit_wrap .merit_list .item{position: relative;width: 320px;height: 468px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;text-align: center;color: #fff;padding: 0 30px;}
body.home .merit_wrap .merit_list .item .bg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
body.home .merit_wrap .merit_list .item .g{position:relative;z-index:1;}
body.home .merit_wrap .merit_list .item .title:before{display: block; content:"";width: 30px;height: 1px;background: rgba(255,255,255,0.4);margin: 0 auto 25px;}
body.home .merit_wrap .merit_list .item .title{font-size: 2.8rem;font-weight: 600;z-index: 10;}
body.home .merit_wrap .merit_list .item .txt1{color: rgba(255,255,255,0.87);font-weight: 300;margin-top: 20px;z-index: 10;min-height: 63px;}
body.home .esg_wrap{padding-top: 130px;}
body.home .sec_style1 .contents{position: relative;width: 100%;height: 590px;padding: 90px 0;overflow: hidden;}
body.home .sec_style1 .contents .bg{position:absolute; top:0;left:0;width: 100%;height:100%;}
body.home .sec_style1 .contents .sec_title_g{width: 100%;}
body.home .sec_style1 .contents .sec_title_g .title3{color: #fff;}
body.home .sec_style1 .contents .sec_title_g .txt1{color: #fff;padding: 0;}
body.home .sec_style1 .link{position: absolute;bottom: 0;left: 0;width: 100%;height: 200px;border-top: 1px solid rgba(255,255,255,0.5);display: flex;flex-wrap: wrap;}
body.home .sec_style1 .link > *{width: 50%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;text-align: center;}
body.home .sec_style1 .link > *:hover{background:rgba(0,150,224,0.8);transition:0.3s}
body.home .sec_style1 .link > * + *{border-left: 1px solid rgba(255,255,255,0.5);}
body.home .sec_style1 .link .tit{font-size: 1.8rem;color: #fff;}
body.home .sec_style1 .link .arrow_next{width:25px;height:17px;margin:10px auto 0;position:relative;}
body.home .sec_style1 .link .arrow_next::after{content:"";display:block;width:100%;height:100%;transform:scaleX(-1) scaleY(0.8);-webkit-mask-image:url(/resources/images/common/arrow.svg);mask-image:url(/resources/images/common/arrow.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:#fff;}
body.home .board_wrap{padding-top: 130px;}
body.home .board_wrap .inner{}
body.home section.board_wrap .sec_title_g{width: 100%;z-index: 10;margin-bottom: 20px;}
body.home section.board_wrap .sec_title_g .title1:before{margin:0 auto 8px;}
body.home .board_wrap .indicator{margin-top: 40px;display: flex;flex-wrap: wrap;justify-content: flex-end;}
body.home .board_wrap .indicator .btns{width: 40px;height: 40px;border-radius: 50%;background: #f3f3f3;}
body.home .board_wrap .indicator .btns + .btns{margin-left: 4px;}
body.home .board_wrap .indicator .btns{display:flex;align-items:center;justify-content:center;}body.home .board_wrap .indicator .btns::after{content:"";display:block;width:17px;height:13px;-webkit-mask-image:url(/resources/images/common/arrow.svg);mask-image:url(/resources/images/common/arrow.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:#333;}body.home .board_wrap .indicator .btns.arrow_next::after{transform:scaleX(-1);}
body.home .board_wrap .contents{width: 100%;}
body.home .board_wrap .contents .board_list{width: 100%;}
body.home .board_wrap .contents .board_list .item{position: relative;width: 245px;height: 430px;border: 1px solid #cccccc;background: #fff;margin-right: 20px;overflow:hidden;}
body.home .board_wrap .contents .board_list .item a{padding: 0;display: block;width: 100%;height: 100%;}
body.home .board_wrap .contents .board_list .item .thumb{display:block;width:100%;height:130px;background:#eef1f4 no-repeat center;background-size:cover;}
body.home .board_wrap .contents .board_list .item .thumb.no_thumb{background-image:linear-gradient(135deg,#eef1f4,#dbe2e6) !important;}
body.home .board_wrap .contents .board_list .item .info{box-sizing:border-box;padding:20px 20px 78px;}
body.home .board_wrap .contents .board_list .item .cate{display: inline-block;font-size: 1.8rem;height: 30px;line-height: 28px;border-radius: 15px;font-family:'paperlogy',sans-serif;color: #8f2fd8;padding: 0 10px;border: 1px solid #8f2fd8;margin-bottom: 18px;}
body.home .board_wrap .contents .board_list .item .cate.type2{color: #00a987;border-color: #00a987;}
body.home .board_wrap .contents .board_list .item .title{font-size: 1.8rem;color: #000000;font-weight: 600;}
body.home .board_wrap .contents .board_list .item .title .e_{-webkit-line-clamp: 2;}
body.home .board_wrap .contents .board_list .item .txt1{font-size: 1.8rem;color: #777;margin-top: 12px;}
body.home .board_wrap .contents .board_list .item .txt1 .e_{-webkit-line-clamp: 2;}
body.home .board_wrap .contents .board_list .item .date{margin-top: 25px;font-size: 1.8rem;font-family:'paperlogy',sans-serif;font-weight: 300;}
body.home .board_wrap .contents .board_list .item .more_view{position: absolute;bottom: 35px;left: 20px;width: calc(100% - 40px);height: 38px;border: 1px solid #7f7f7f;border-radius: 12px;background: #fff;font-size: 1.8rem;font-family:'paperlogy',sans-serif;font-weight: 300;}
body.home .board_wrap .contents .board_list .item .more_view:hover{color:#fff;background:#0096e0;border:0;transition:0.2s;}
body.home .board_wrap .contents .util{position: relative;margin-top: 25px;transform: inherit !important;width: 100%;}
body.home .board_wrap .contents .swiper-scrollbar{width: 100%;height: 1px;background: #c4c4c4;border-radius:0;display: block !important;transform: inherit !important;}
body.home .board_wrap .contents .swiper-scrollbar-drag{background: #000000;height: 2px;border-radius:0;top: -1px;}
body.home .recruit_wrap{padding-top: 130px;}
body.home .recruit_wrap .contents_wrap{background:#f5f5f5;}
body.home .partner_wrap .sec_title_g.type2{margin-bottom: 30px;}
body.home .partner_wrap{background:#f5f5f5;padding: 70px 0 80px;}
body.home .partner_wrap .contents{position: relative;}
body.home .partner_wrap .contents .btns{display:none !important;position:absolute; top: 50%;left:0;width: 56px;height: 56px;border: 1px solid #939393;border-radius: 50%;display: block;transform: translateY(-50%);}
body.home .partner_wrap .contents .btns.arrow_next{left:auto;right:0;}
body.home .partner_wrap .contents .btns::after{content:"";display:block;width:22px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:url(/resources/images/common/arrow.svg);mask-image:url(/resources/images/common/arrow.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:#eee;}body.home .partner_wrap .contents .btns.arrow_next::after{transform:translate(-50%,-50%) scaleX(-1);}
body.home .partner_wrap .partner_list .slick-list{overflow:inherit;}
body.home .partner_wrap .partner_list .item{margin: 0 6px;width: 135px;}
body.home .partner_wrap .partner_list .item a{display: block;}
body.home .partner_wrap .partner_list .item img{width: 100%;}
body.home .main_home .title1 p, body.home .main_home .title2{overflow:hidden;}
body.home .main_home .title1 p span, body.home .main_home .title2 p{display: block;transform-origin:0% 50%}
body.home .main_home .main_slider .text_g .title1:before{transform:scaleX(0);}
body.home .main_home .main_slider.start .text_g .title1:before{transform:scaleX(1);transition:1s;}
body.home .main_home .main_slider .swiper-slide-active .text_g .title1:before{transform:scaleX(1);transition:1s;}
body.home .opacityAni{opacity:0;}
body.home .opacityAni.is-inview{animation-name: opacityAni; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-delay:0.2s; animation-fill-mode: forwards;}
body.home .textMotion{opacity:0;}
body.home .textMotion.is-inview{animation-name: letterspacingTxt__imo; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-delay:0.2s; animation-fill-mode: forwards;}
body.home .fadeUp{opacity:0;}
body.home .fadeUp.is-inview{animation-name: fadeUp__imo; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-delay:0.2s; animation-fill-mode: forwards;}
body.home .fadeLeft{opacity:0;}
body.home .fadeLeft.is-inview{animation-name: fadeLeft__imo; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-delay:0.3s; animation-fill-mode: forwards;}
body.home .showimg.is-inview{animation-name: showImg3__imo;animation-timing-function:cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1s;  }
}
/* =========================================================
   footer 리디자인 (2026-09-18)
   - 로고 + 관련기관을 한 줄, 그 아래 얇은 구분선, 사업정보와 저작권을 한 줄로
   ========================================================= */
footer{position:relative;width:100%;background:#0f1317;font-size:1.8rem;color:rgba(255,255,255,.72);word-break:keep-all;}
footer .footer_wrap{width:100%;max-width:1720px;margin:0 auto;padding:42px 70px 38px;display:block;}
footer .f_head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);}
footer .f_logo{display:inline-block;flex:0 0 auto;line-height:0;}
footer .f_logo img{display:block;width:196px;height:auto;filter:brightness(0) invert(1);opacity:.92;transition:opacity .2s;}
footer .f_logo:hover img{opacity:1;}
footer .f_body{display:flex;align-items:center;justify-content:space-between;gap:14px 28px;flex-wrap:wrap;padding-top:20px;}
footer .f_info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;margin:0;padding:0;list-style:none;}
footer .f_info li{position:relative;margin:0;display:flex;align-items:center;gap:9px;font-size:1.8rem;font-weight:300;color:rgba(255,255,255,.78);}
footer .f_info li + li:before{content:'';position:absolute;left:-13px;top:50%;width:1px;height:12px;margin-top:-6px;background:rgba(255,255,255,.16);}
footer .f_info em{font-style:normal;font-size:1.8rem;font-weight:600;color:rgba(255,255,255,.45);letter-spacing:.02em;white-space:nowrap;}
footer .f_info address{display:inline;font-style:normal;}
footer .f_info a{color:inherit;transition:color .2s;}
footer .f_info a:hover{color:#fff;}
footer .f_copy{margin:0;font-size:1.8rem;font-weight:300;color:rgba(255,255,255,.4);letter-spacing:.01em;}

footer #family_site{position:relative;width:196px;margin:0;flex:0 0 auto;}
footer #family_site .btn{width:100%;height:38px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-radius:19px;background:none;text-align:left;font-size:1.8rem;font-weight:400;color:rgba(255,255,255,.8);transition:border-color .2s,color .2s;}
footer #family_site .btn:hover{border-color:rgba(255,255,255,.4);color:#fff;}
footer #family_site .btn:after{top:15px;right:18px;}
footer #family_site ul{bottom:100%;margin-bottom:8px;padding:6px 0;background:#171d24;border:1px solid rgba(255,255,255,.14);border-radius:12px;font-size:1.8rem;overflow:hidden;}
footer #family_site ul li{height:auto;}
/* 버튼과 목록 사이 8px 틈을 투명 영역으로 메워, 마우스가 목록으로 이동하는 중에 닫히지 않게 함 */
footer #family_site.open:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:10px;}
footer #family_site ul li a{height:auto;padding:9px 18px;color:rgba(255,255,255,.7);}
footer #family_site ul li a:hover{background:rgba(255,255,255,.06);color:#fff;}

@media (max-width:1279px){
	footer .footer_wrap{padding:34px 40px 32px;}
	footer .f_logo img{width:172px;}
}
@media (max-width:767px){
	footer{font-size:1.8rem;}
	footer .footer_wrap{padding:24px 20px 26px;}
	footer .f_head{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:18px;}
	footer .f_logo img{width:150px;}
	footer #family_site{width:100%;}
	footer #family_site .btn{height:36px;font-size:1.8rem;}
	footer #family_site .btn:after{top:14px;}
	footer .f_body{display:block;padding-top:16px;}
	footer .f_info{flex-direction:column;align-items:flex-start;gap:7px;}
	footer .f_info li{font-size:1.8rem;}
	footer .f_info li + li:before{display:none;}
	footer .f_copy{margin-top:16px;font-size:1.8rem;}
}

/* =========================================================
   메인 sec3 : FEATURED PARK (회원사 소개)
   - 평시 : 이미지 + 정보 카드 / 호버 : 이미지 전체 + 로고·홈페이지 방문 오버레이
   ========================================================= */
body.home .featured_wrap{padding:90px 0 110px;background:#f7f7f7;}
body.home .featured_wrap .fp_title_g{text-align:center;margin-bottom:56px;}
body.home .featured_wrap .fp_title1{display:flex;align-items:center;justify-content:center;gap:40px;font-family:'paperlogy',sans-serif;font-size:2.8rem;font-weight:400;letter-spacing:-0.5px;color:#111;}
body.home .featured_wrap .fp_title1:before,
body.home .featured_wrap .fp_title1:after{content:"";display:block;width:100px;height:1px;background:#111;}
body.home .featured_wrap .fp_title2{margin-top:18px;font-family:'paperlogy',sans-serif;font-size:4.2rem;font-weight:700;letter-spacing:-1.5px;line-height:1.3;color:#111;}

body.home .featured_wrap .fp_slider{margin:0 -10px;}
body.home .featured_wrap .fp_slider .slick-list{padding:4px 0;}
body.home .featured_wrap .fp_slider .slick-track{display:flex;}
body.home .featured_wrap .fp_slider .slick-slide{height:auto;}
body.home .featured_wrap .fp_slider .slick-slide > div{height:100%;}
body.home .featured_wrap .fp_item{padding:0 10px;height:100%;}
body.home .featured_wrap .fp_slider:not(.slick-initialized){display:flex;overflow:hidden;}
body.home .featured_wrap .fp_slider:not(.slick-initialized) .fp_item{flex:0 0 33.333%;}

body.home .featured_wrap .fp_card{position:relative;height:100%;background:#fff;overflow:hidden;border-radius:0;transition:border-radius .45s cubic-bezier(.4,0,.2,1);}
body.home .featured_wrap .fp_img{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;}
body.home .featured_wrap .fp_img span{display:block;width:100%;height:100%;background:no-repeat center/cover;}
body.home .featured_wrap .fp_info{padding:26px 18px 30px;}
body.home .featured_wrap .fp_name{font-family:'paperlogy',sans-serif;font-size:2.6rem;font-weight:700;letter-spacing:-0.8px;color:#111;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.home .featured_wrap .fp_tags{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none;}
body.home .featured_wrap .fp_tags li{display:inline-flex;align-items:center;height:40px;padding:0 20px;border-radius:20px;background:#f1f1f1;font-size:1.8rem;font-weight:600;color:#222;letter-spacing:-0.3px;}
body.home .featured_wrap .fp_addr{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:1.8rem;color:#222;letter-spacing:-0.3px;}
body.home .featured_wrap .fp_addr span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
body.home .featured_wrap .ico_pin{flex:0 0 auto;width:26px;height:26px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 1 0-14 0c0 5.8 7 12 7 12z'/%3E%3Cpath d='M12 13.2l-2.6-2.5a1.6 1.6 0 0 1 2.3-2.3l.3.3.3-.3a1.6 1.6 0 0 1 2.3 2.3z' fill='%23111' stroke-width='1'/%3E%3C/svg%3E");}
body.home .featured_wrap .fp_maps{display:flex;gap:10px;margin-top:14px;}
body.home .featured_wrap .fp_map{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 38px 0 16px;border-radius:20px;font-size:1.8rem;font-weight:500;color:#111;letter-spacing:-0.3px;transition:filter .2s;}
body.home .featured_wrap .fp_map:after{content:"";position:absolute;right:16px;top:50%;margin-top:-7px;border-style:solid;border-width:7px 0 7px 10px;border-color:transparent transparent transparent #111;}
body.home .featured_wrap .fp_map:hover{filter:brightness(.95);}
body.home .featured_wrap .fp_map i{width:18px;height:18px;background:no-repeat center/contain;}
body.home .featured_wrap .fp_map.kakao{background:#fee500;}
body.home .featured_wrap .fp_map.kakao i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.3 7 13 7 13s7-7.7 7-13a7 7 0 0 0-7-7z' fill='%231a8cff'/%3E%3Ccircle cx='12' cy='9' r='2.6' fill='%23fff'/%3E%3C/svg%3E");}
body.home .featured_wrap .fp_map.naver{background:#fff;border:1px solid #ddd;}
body.home .featured_wrap .fp_map.naver i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.3 7 13 7 13s7-7.7 7-13a7 7 0 0 0-7-7z' fill='%2303c75a'/%3E%3Cpath d='M9.6 6.2h1.7l1.5 2.4V6.2h1.6v5.6h-1.7l-1.5-2.4v2.4H9.6z' fill='%23fff'/%3E%3C/svg%3E");}

/* hover overlay */
body.home .featured_wrap .fp_hover{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:no-repeat center/cover;opacity:0;visibility:hidden;border-radius:inherit;transition:opacity .45s cubic-bezier(.4,0,.2,1),visibility .45s;}
body.home .featured_wrap .fp_hover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,45,85,.88) 0%,rgba(40,60,90,.55) 55%,rgba(30,40,50,.25) 100%);}
body.home .featured_wrap .fp_hover_in{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:0 12%;text-align:center;transform:translateY(20px);transition:transform .5s cubic-bezier(.4,0,.2,1);}
body.home .featured_wrap .fp_logo{max-width:100%;}
body.home .featured_wrap .fp_logo img{display:block;max-width:100%;max-height:80px;margin:0 auto;filter:brightness(0) invert(1);}
body.home .featured_wrap .fp_logo.is_original img{filter:none;}
body.home .featured_wrap .fp_logo.is_text{font-family:'paperlogy',sans-serif;font-size:3.2rem;font-weight:700;color:#fff;}
body.home .featured_wrap .fp_desc{margin-top:70px;font-size:2.4rem;line-height:1.6;color:rgba(255,255,255,.9);letter-spacing:-0.6px;}
body.home .featured_wrap .fp_visit{display:inline-flex;align-items:center;justify-content:center;gap:14px;width:100%;max-width:360px;height:96px;margin-top:90px;border-radius:48px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:2.4rem;font-weight:500;color:#fff;transition:background .3s;}
body.home .featured_wrap .fp_visit:hover{background:rgba(255,255,255,.32);}
body.home .featured_wrap .fp_visit i{width:30px;height:30px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='square'%3E%3Cpath d='M5 19L19 5M8 5h11v11'/%3E%3C/svg%3E");}

/* 오버레이는 이미지(.fp_img) 호버 시에만 노출. 오버레이 자체는 pointer-events:none 이라
   정보 영역으로 내려가면 바로 사라지고 카카오맵·네이버맵이 클릭됨. 홈페이지 방문 버튼만 클릭 가능 */
body.home .featured_wrap .fp_hover{pointer-events:none;}
body.home .featured_wrap .fp_hover .fp_visit{pointer-events:auto;}
@media (hover:hover){
	body.home .featured_wrap .fp_img:hover ~ .fp_hover,
	body.home .featured_wrap .fp_hover:hover{opacity:1;visibility:visible;}
	body.home .featured_wrap .fp_img:hover ~ .fp_hover .fp_hover_in,
	body.home .featured_wrap .fp_hover:hover .fp_hover_in{transform:translateY(0);}
	body.home .featured_wrap .fp_card:has(.fp_img:hover),
	body.home .featured_wrap .fp_card:has(.fp_hover:hover){border-radius:90px 0 90px 0;}
}
body.home .featured_wrap .fp_hover:focus-within{opacity:1;visibility:visible;}
body.home .featured_wrap .fp_hover:focus-within .fp_hover_in{transform:translateY(0);}
body.home .featured_wrap .fp_card:has(.fp_hover:focus-within){border-radius:90px 0 90px 0;}

/* dots */
body.home .featured_wrap .slick-dots{display:flex;justify-content:center;gap:8px;margin:40px 0 0;padding:0;list-style:none;}
body.home .featured_wrap .slick-dots li button{display:block;width:8px;height:8px;padding:0;border:0;border-radius:4px;background:#ccc;font-size:0;transition:width .3s,background .3s;}
body.home .featured_wrap .slick-dots li.slick-active button{width:28px;background:#111;}

@media screen and (max-width:1660px){
	body.home .featured_wrap .fp_desc{margin-top:48px;font-size:2rem;}
	body.home .featured_wrap .fp_visit{height:80px;margin-top:60px;font-size:2rem;}
	body.home .featured_wrap .fp_tags li{height:36px;padding:0 16px;font-size:1.8rem;}
}
@media screen and (max-width:1280px){
	body.home .featured_wrap{padding:70px 0 90px;}
	body.home .featured_wrap .fp_title1{font-size:2.2rem;gap:24px;}
	body.home .featured_wrap .fp_title1:before,body.home .featured_wrap .fp_title1:after{width:60px;}
	body.home .featured_wrap .fp_title2{font-size:3.2rem;}
	body.home .featured_wrap .fp_name{font-size:2.2rem;}
	body.home .featured_wrap .fp_addr{font-size:1.8rem;}
	body.home .featured_wrap .fp_logo img{max-height:60px;}
	body.home .featured_wrap .fp_desc{margin-top:36px;font-size:1.8rem;}
	body.home .featured_wrap .fp_visit{height:64px;margin-top:40px;font-size:1.8rem;}
	body.home .featured_wrap .fp_card:has(.fp_img:hover),body.home .featured_wrap .fp_card:has(.fp_hover:hover),body.home .featured_wrap .fp_card:has(.fp_hover:focus-within){border-radius:60px 0 60px 0;}
}
@media screen and (max-width:767px){
	body.home .featured_wrap{padding:50px 0 60px;}
	body.home .featured_wrap .fp_title_g{margin-bottom:30px;}
	body.home .featured_wrap .fp_title1{font-size:1.8rem;gap:14px;}
	body.home .featured_wrap .fp_title1:before,body.home .featured_wrap .fp_title1:after{width:36px;}
	body.home .featured_wrap .fp_title2{margin-top:10px;font-size:2.2rem;letter-spacing:-0.8px;}
	body.home .featured_wrap .fp_slider{margin:0 -6px;}
	body.home .featured_wrap .fp_item{padding:0 6px;}
	body.home .featured_wrap .fp_info{padding:18px 14px 22px;}
	body.home .featured_wrap .fp_name{font-size:1.9rem;}
	body.home .featured_wrap .fp_tags{gap:6px;margin-top:12px;}
	body.home .featured_wrap .fp_tags li{height:30px;padding:0 12px;font-size:1.8rem;}
	body.home .featured_wrap .fp_addr{margin-top:14px;font-size:1.8rem;}
	body.home .featured_wrap .ico_pin{width:20px;height:20px;}
	body.home .featured_wrap .fp_map{height:34px;font-size:1.8rem;padding:0 30px 0 12px;}
	body.home .featured_wrap .fp_map:after{right:12px;border-width:5px 0 5px 8px;margin-top:-5px;}
	body.home .featured_wrap .slick-dots{margin-top:24px;}
}