@import"https://fonts.googleapis.com/css?family=Open+Sans:400, 700&display=swap";
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

@font-face {
    font-family: 'HancomMalangMalang-Regular';
    src: url('/font/HancomMalang/HancomMalangMalang-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/font/pretendard/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}
.spOnly {
    display: none !important;
}
@media only screen and (max-width:960px) {
    .spOnly {
        display: block !important;
    }
}.pcOnly {
     display: block;
 }
@media only screen and (max-width:960px) {
    .pcOnly {
        display: none !important;
    }
}.spOnly__640 {
     display: none !important;
 }
@media only screen and (max-width:640px) {
    .spOnly__640 {
        display: block !important;
    }
}.pcOnly__640 {
     display: block;
 }
@media only screen and (max-width:640px) {
    .pcOnly__640 {
        display: none !important;
    }
}.common_main {
     padding: 90px 0 0;
 }
@media only screen and (max-width:960px) {
    .common_main {
        padding: 0;
    }
}.common_title {
     text-align: center;
     font-size: 46px;
     font-weight: 600;
     letter-spacing: 2px;
     line-height: 1.5;
     margin: 0 0 30px;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Open Sans", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .common_title {
        font-size: 30px;
        margin: 0 0 18px;
        line-height: 1.3;
    }
}.common_title span {
     display: block;
     font-size: 24px;
     color: #919191;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .common_title span {
        font-size: 22px;
    }
}.common_text {
     font-size: 30px;
     line-height: 1.8;
     text-align: center;
     color: #2f2f2f;
     margin: 0 0 40px;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .common_text {
        font-size: 30px;
        margin: 0 0 15px;
    }
}.common_text img {
     max-width: 100%}
.common_detail_btn {
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    display: block;
    font-weight: bold;
    width: 320px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    color: #fff;
    background: #242424;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
@media only screen and (max-width:960px) {
    .common_detail_btn {
        height: 60px;
        line-height: 60px;
        width: 276px;
    }
}.common_back_btn {
     display: block;
     width: 200px;
     text-decoration: none;
     border-bottom: 1px #000 solid;
     font-size: 14px;
     color: #000;
     font-weight: bold;
     padding: 0 0 15px;
     text-align: center;
     margin: 0 auto;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .common_back_btn {
        font-size: 12px;
    }
}.common_back_btn img {
     display: inline-block;
     width: 22px;
     margin: 0 20px 0 0;
     vertical-align: 3px;
 }
@media only screen and (max-width:960px) {
    .common_back_btn img {
        width: 18px;
        margin: 0 15px 0 0;
    }
}.header_wrap {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     background: #ffffff;
     z-index: 50;
     width: 100%;
     min-height: 90px;
     padding: 14px 15px;
 }
@media only screen and (max-width:960px) {
    .header_wrap {
        min-height: 65px;
        padding: 14px 15px 0;
    }
}.header_inner {
     max-width: 1600px;
     width: 100%;
     margin: 0 auto;
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
.header_inner .header_logo {
    width: 120px;
}
@media only screen and (max-width:1200px) {
    .header_inner .header_logo {
        margin-left: 10px;
    }
}@media only screen and (max-width:1000px) {
    .header_inner .header_logo {
        width: 100px;
    }
}.header_inner .header_logo img {
     display: block;
     width: 100%}
.header_info_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 10px;
}
.header_info_block_nav {
    font-size: 13px;
    color: #000;
    margin-right: 15px;
}
.header_info_block_nav a {
    display: inline-block;
    margin: 0 8px;
    color: #000;
}
.header_nav a {
    font-family: "Pretendard", sans-serif;
    /*font-family: 'HancomMalangMalang-Regular';*/
    color: #282828;
}
.header_nav a:hover {
    color: #ce3a36 !important;
}
.header_nav li {
    list-style: none;
}
.header_nav .header_nav_list {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 0 0 10px;
    margin: 0;
}
@media only screen and (max-width:960px) {
    .header_nav .header_nav_list {
        display: block;
        margin-top: 30px;
    }
}@media only screen and (max-width:1200px) {
    .header_nav .header_nav_list {
        margin-right: 12px;
    }
}.header_nav .header_nav_item {
     font-size: 17px;/*상단메뉴*/
     line-height: 1.8;
 }
@media only screen and (max-width:1200px) {
    .header_nav .header_nav_item {
        font-size: 13px;
    }
}@media only screen and (max-width:960px) {
    .header_nav .header_nav_item {
        margin: 0 0 15px;
        font-size: 12px;
    }
}.header_nav .header_nav_pulldown {
     padding-right: 10px;
 }
.header_nav .header_nav_pulldown span {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    padding: 0 25px;
    display: inline-block;
    font-family: "Pretendard", sans-serif;
    /*font-family: 'Pretendard-Regular';*/
    font-size:20px;
    font-weight: normal;
    color: #222222;
    text-decoration: none;
    z-index: 2;
    position: relative;
}
@media only screen and (max-width:1200px) {
    .header_nav .header_nav_pulldown span {
        padding: 0 8px;
    }
}.header_nav .header_nav_pulldown span::after {
     content: " ";/*content: "▼"*/
     display: inline-block;
     margin-left: 5px;
 }
.header_nav .header_nav_pulldown span:hover {
    cursor: default;
}
.header_nav .header_nav_pulldown:hover>.header_nav_pulldown_wrapper {
    display: block;
}
.header_nav .header_nav_pulldown:hover>span {
    /*color: #ce3a36;*/
    color:#ce3a36;
}
.header_nav .header_nav_pulldown .header_nav_pulldown_wrapper {
    z-index: 1;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    top: calc(100% - 14px);
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, .2);
    box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, .2);
}
.header_nav .header_nav_pulldown .header_nav_pulldown_wrapper::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 1px;
    border-top: 1px solid #000;
}
.header_nav .header_nav_pulldown .header_nav_pulldown_wrapper::after {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
}
.header_nav .header_nav_pulldown .header_nav_pulldown_scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow-y: auto;
    max-height: 520px; /*메뉴 마우스호버시 세로*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}
.header_nav .header_nav_pulldown .header_nav_pulldown_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 50px 10px;
    max-width: 1000px;
}
.header_nav .header_nav_pulldown .header_nav_pulldown_items .section {
    width: 100%}
.header_nav .header_nav_pulldown .header_nav_pulldown_items_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 10px;
}
.header_nav .header_nav_pulldown .header_nav_pulldown_items_wrapper a:hover {
     background-color: #f2f2f2;
}
.header_nav .header_nav_pulldown .header_nav_pulldown_items_wrapper a {
    color: #2f2f2f;
    padding: 4px 10px;
    width:195px;border:1px solid #ddd;margin:2px;border-radius: 20px;
    display: block;
    text-align: center;
    text-decoration: none;
}
.header_nav .header_nav_pulldown .header_nav_pulldown_items_wrapper a::before {
    /*content: "·";*/
    display: inline-block;
    margin-right: 5px;
}
.header_nav .header_nav_pulldown .header_nav_pulldown_items_wrapper a:last-child {
    padding-right: 0;
}
.header_nav .header_nav_pulldown .header_nav_pulldown_items_title {
    display: block;
    width: 100%;
    font-size: 125%;
    font-weight: bold;
    color: #282828;
}
.header_nav .header_nav_pulldown .header_nav_pulldown_items_title a {
    text-decoration: underline;
}
.header_nav .header_nav_link {
    z-index: 2;
    position: relative;
    padding: 0 20px;
    display: inline-block;
    font-weight: bold;
    color: #2f2f2f;
    text-decoration: none;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
@media only screen and (max-width:1000px) {
    .header_nav .header_nav_link {
        padding: 0 10px;
    }
}@media only screen and (max-width:960px) {
    .header_nav .header_nav_link {
        position: relative;
        font-size: 18px;
        display: block;
        width: 100%;
        padding: 0 0 0 32px;
        border: none;
    }
}.header_nav .header_nav_link:hover {
     color: #ce3a36;
 }
.header_nav .header_nav_link:before {
    content: none;
    background: url("/img/icon/icon08.svg") center center no-repeat;
    background-size: contain;
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    left: 13px;
    top: 11px;
}
@media only screen and (max-width:960px) {
    .header_nav .header_nav_link: before {
        content: ""}
}.header_nav .header_nav_service_list {
     padding-bottom: 10px;
     padding: 30px 50px 10px;
     max-width: 1000px;
     width: 100%;
     margin: 0 auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     border-bottom: 1px solid #ddd;
 }
.header_nav .header_nav_service_list li {
    display: block;
    margin: 0 10px;
}
.gnavi__sp {
    font-size: 18px;
}
.gnavi__sp .toggle {
    display: none;
}
.gnavi__sp .Label {
    padding: 1em;
    display: block;
    color: #000;
    font-weight: bold;
}
.gnavi__sp .Label::before {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    position: absolute;
    top: calc(50% - 3px);
    right: 20px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.gnavi__sp .Label, .gnavi__sp .gnavi-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.gnavi__sp .gnavi-content {
    height: 0;
    padding: 0 20px;
    overflow: hidden;
}
.gnavi__sp .gnavi-content a {
    color: #2f2f2f;
    padding: 0 10px 20px 16px;
    line-height: 1.6;
    display: block;
    text-align: left;
}
.gnavi__sp .gnavi-content a::before {
    content: "·";
    display: inline-block;
    text-indent: -13px;
}
.gnavi__sp .gnavi-content a:last-child {
    padding-bottom: 0;
}
.gnavi__sp .gnavi-content .gnavi-content-title {
    font-weight: bold;
    padding: 20px 0;
    color: #282828;
}
.gnavi__sp .gnavi-content .gnavi-content-title:first-child {
    padding-top: 0;
}
.gnavi__sp .gnavi-link {
    padding: 1em;
    display: block;
    color: #000;
    font-weight: bold;
}
.gnavi__sp .toggle:checked+.Label+.gnavi-content {
    height: auto;
    padding: 10px 20px 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.gnavi__sp .toggle:checked+.Label::before {
    -webkit-transform: scaleY(-1) rotate(135deg) !important;
    transform: scaleY(-1) rotate(135deg) !important;
}
.header_info_tel {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 20px 0 0;
    padding: 5px 0 0;
    text-decoration: none;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
@media only screen and (max-width:960px) {
    .header_info_tel {
        padding: 10px 5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px #2f2f2f solid;
        width: 100%;
        margin: 0 0 30px;
    }
}.header_info_tel .header_info_tel_title {
     font-size: 16px;
     font-weight: bold;
     margin: 0 10px 0 0;
     padding: 7px 0 0;
     color: #2f2f2f;
 }
.header_info_tel .header_info_tel_title span {
    font-size: 14px;
    font-weight: normal;
    margin: 0 20px 0 0;
}
.header_info_tel .header_info_tel_main {
    font-size: 20px;
    font-weight: bold;
    padding: 2px 0 0;
    color: #282828;
    position: relative;
}
.header_info_tel .header_info_tel_main:before {
    display: inline-block;
    height: 22px;
    width: 22px;
    vertical-align: -1px;
    margin-right: 5px;
    /*content: url(/img/icon/icontel.svg);*/
}
.header_info_tel .header_info_tel_main span {
    color: #000;
    font-weight: normal;
    display: block;
    font-size: 12px;
    position: absolute;
    top: -8px;
    left: 35px;
}
.header_info_btn02 {
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #d73c3a;
    border-radius: 20px;
    margin: 0 10px 0 0;
    letter-spacing: 1px;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
.header_info_btn03 {
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    color: #111;
    background: #fbde14;
    border-radius: 20px;
    margin: 0 10px 0 0;
    letter-spacing: 1px;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
.header_info_btn02_mobile {
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #333;
    border-radius: 20px;
    margin: 0 10px 0 0;
    letter-spacing: 1px;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
@media only screen and (max-width:960px) {
    .header_info_btn02 {
        width: 100%;
        height: 60px;
        line-height: 60px;
        font-weight: bold;
        margin: 0 0 10px;
    }
    .header_info_btn02_mobile {
        width: 100%;
        height: 60px;
        line-height: 60px;
        font-weight: bold;
        margin: 0 0 10px;
    }
}
.header_info_btn02 img {
     display: inline-block;
     margin: 0 15px 0 0;
     width: 35px;
     vertical-align: -10px;
 }
.header_info_btn02_mobile img {
    display: inline-block;
    margin: 0 15px 0 0;
    width: 35px;
    vertical-align: -10px;
}
.h_orange {
    background: #ce3a36;
}
.h_gray {
    background: #ababab;
}
.header_search_block {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e6e7e8;
    padding: 0 15px 0 13px;
    border-radius: 40px;
    max-width: 190px;
}
@media only screen and (max-width:960px) {
    .header_search_block {
        padding: 0 18px;
    }
}.header_search_block .header_search_input {
     outline: none;
     width: 200px;
     height: 36px;
     border: none;
     background: #e5e6e8;
     font-size: 15px;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .header_search_block .header_search_input {
        width: calc(100% - 20px);
        height: 40px;
    }
}.header_search_block .header_search_submit {
     display: block;
     width: 20px;
     background: none;
     outline: none;
     padding: 0;
     border: none;
 }
.header_search_block .header_search_submit img {
    display: block;
    min-width: 15px;
    width: 100%}
.header_menu_btn {
    display: block;
    width: 34px;
}
.header_menu_btn img {
    display: block;
    width: 100%}
.common_header_menu_sp {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.common_header_menu_sp .header_menu_phone {
    margin-right: 20px;
    display: block;
    width: 34px;
}
.common_header_menu_sp .header_menu_phone a {
    text-decoration: none;
}
.header_sp_block {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background: #fff;
    padding: 65px 17px 0;
}
.header_sp_block .header_close_btn {
    position: fixed;
    right: 15px;
    top: 14px;
    width: 34px;
}
.header_sp_block .header_close_btn img {
    display: block;
    width: 100%}
.header_sp_block .header_sp_inner {
    height: calc(100% - 20px);
    overflow-y: scroll;
}
.footer_wrap .footer_main {
    background: #1d1d1d;
    padding: 75px 0 65px;
}
@media only screen and (max-width:960px) {
    .footer_wrap .footer_main {
        padding: 0;
    }
}.footer_list {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 0 30px;
 }
@media only screen and (max-width:960px) {
    .footer_list {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        padding: 0;
    }
}@media only screen and (max-width:960px) {
    .footer_item {
        width: 50%;
        display: block;
        border-top: 1px #fff solid;
    }
}@media only screen and (max-width:960px) {
    .footer_item: nth-of-type(odd) {
    border-right: 1px #fff solid;
}
}@media only screen and (max-width:960px) {
    .footer_item: first-of-type {
        border-top: none;
    }
}@media only screen and (max-width:960px) {
    .footer_item: nth-of-type(2) {
    border-top: none;
}
}.footer_link {
     text-decoration: none;
     font-size: 14px;
     padding: 15px 12px;
     line-height: 1.5;
     display: block;
     color: #fff;
         font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
.footer_link img {
    display: inline-block;
    width: 6px;
    margin: 0 7px 0 0;
    vertical-align: 2px;
}
.footer_common_block {
    margin: 0 0 20px;
}
.footer_main_link {
    display: inline-block;
    padding: 0 0 10px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    font-family: "Pretendard", sans-serif; 
}
.footer_main_link img {
    display: inline-block;
    width: 10px;
    margin: 0 7px 0 0;
}
.footer_sub_title {
    display: block;
    padding: 5px 0;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}
.footer_sub_list {
    width: 100%;
    padding: 0 0 0 10px;
}
.footer_sub_list.width_big {
    width: 198px;
}
.footer_sub_list .footer_sub_item {
    position: relative;
    margin: 0;
    padding: 0 0 0 10px;
}
.footer_sub_list .footer_sub_item:before {
    content: "";
    display: block;
    width: 6px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 12px;
}
.footer_sub_list .footer_sub_item:after {
    content: "";
    display: block;
    width: 1px;
    height: 6px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 7px;
}
.footer_sub_list .footer_sub_item:last-child {
    margin-bottom: 30px;
}
.footer_sub_list .footer_sub_link {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    line-height: 2;
    color: #fff;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
.footer_bottom {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 18px 0 25px;
}
@media only screen and (max-width:960px) {
    .footer_bottom {
        display: block;
        padding: 25px 10px 105px;
    }
}.footer_bottom .footer_bottom_logo {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
@media only screen and (max-width:960px) {
    .footer_bottom .footer_bottom_logo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 30px;
    }
}.footer_bottom .footer_bottom_logo .footer_logo {
     display: inline-block;
     vertical-align: middle;
     width: 154px;
     margin: 0 10px 0 35px;
     padding-right: 30px;
     border-right: 1px solid #919191;
 }
@media only screen and (max-width:960px) {
    .footer_bottom .footer_bottom_logo .footer_logo {
        border-right: none;
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
    .footer_bottom .footer_bottom_logo .footer_logo img {
        margin: 0 auto;
        width: 128px !important;
    }
}.footer_bottom .footer_bottom_logo .footer_logo img {
     display: block;
     width: 100%}
.footer_bottom .footer_bottom_logo .footer_sns {
    display: block;
    margin-left: 15px;
    width: 25px;
    height: 25px;
    color: #000;
}
@media only screen and (max-width:960px) {
    .footer_bottom .footer_bottom_logo .footer_sns {
        width: 35px;
        height: 35px;
    }
}.footer_bottom .footer_mark {
     display: inline-block;
     vertical-align: middle;
     width: 54px;
 }
@media only screen and (max-width:960px) {
    .footer_bottom .footer_mark {
        margin: 0 auto 30px 10%}
}.footer_bottom .footer_mark:last-child {
     width: 70px;
     margin: 0 0 0 10px;
 }
@media only screen and (max-width:960px) {
    .footer_bottom .footer_mark: last-child {
        margin: 0 auto 30px 1%}
}.footer_bottom .footer_info {
     text-align: right;
 }
@media only screen and (max-width:960px) {
    .footer_bottom .footer_info {
        text-align: center;
    }
}.footer_bottom .footer_info_list {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     margin: 0 0 10px;
 }
@media only screen and (max-width:960px) {
    .footer_bottom .footer_info_list {
        margin: 0 0 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}.footer_bottom .footer_info_list .footer_info_item {
     padding: 0 0 0 20px;
     margin: 0 0 0 20px;
     border-left: 1px #2f2f2f solid;
 }
.footer_bottom .footer_info_list .footer_info_item:nth-child(1) {
    border: none;
    margin: 0 10px 0 0;
}
@media only screen and (max-width:960px) {
    .footer_bottom .footer_info_list .footer_info_item: nth-child(1) {
    width: 100%;
    margin: 0 0 30px;
}
    .footer_bottom .footer_info_list .footer_info_item:nth-child(1) img {
        margin: 0 20px;
    }
}.footer_bottom .footer_info_list .footer_info_item:nth-child(2) {
     border: none;
     padding: 0;
     margin: 0;
 }
@media only screen and (max-width:960px) {
    .footer_bottom .footer_info_list .footer_info_item {
        padding: 0;
        margin: 0 0 0 60px;
        border-left: none;
    }
}@media only screen and (max-width:640px) {
    .footer_bottom .footer_info_list .footer_info_item {
        margin: 0 0 0 13%}
}.footer_bottom .footer_info_list .footer_info_link {
     display: inline-block;
     font-size: 12px;
     line-height: 1.2;
     color: #2f2f2f;
     text-decoration: none;
      font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
.footer_bottom .footer_copyright {
    display: inline-block;
    font-size: 12px;
    color: #2f2f2f;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
@media only screen and (max-width:960px) {
    .footer_bottom .footer_copyright {
        font-size: 10px;
    }
}.common_case_list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
.common_case_list .common_case_item {
    margin: 0 0 60px 0;
    width: calc((100% - 84px)/4);
}
@media only screen and (max-width:960px) {
    .common_case_list .common_case_item {
        width: 49%;
        margin: 0 0 24px;
    }
}@media only screen and (max-width:640px) {
    .common_case_list .common_case_item {
        width: 100%}
}.common_case_list .common_case_link {
     display: block;
     width: 100%;
     text-decoration: none;
 }
.common_case_list .common_case_pic {
    width: 100%;
    padding-bottom: 66.66%;
    margin: 0 0 10px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    image-rendering: -webkit-optimize-contrast;
}
@media only screen and (max-width:960px) {
    .common_case_list .common_case_pic {
        height: 215px;
        margin: 0 0 8px;
    }
}.common_case_list .common_case_title {
     font-size: 16px;
     color: #2f2f2f;
     font-weight: bold;
     line-height: 1.8;
     margin: 0 0 10px;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .common_case_list .common_case_title {
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 5px;
    }
}.common_case_list .common_case_text {
     font-size: 14px;
     line-height: 1.6;
     color: #2f2f2f;
     padding: 0 0 15px;
     border-bottom: 1px #9f9f9f solid;
     margin: 0 0 14px;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .common_case_list .common_case_text {
        padding: 0 0 10px;
        margin: 0 0 10px;
    }
}.common_case_more {
     text-align: right;
     font-size: 14px;
     font-weight: bold;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
.common_case_tag_list {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin: 0 0 10px;
}
@media only screen and (max-width:960px) {
    .common_case_tag_list {
        margin: 0 0 10px;
    }
}.common_case_tag_list .common_case_tag_item {
     display: inline-block;
     margin: 0 3px 3px 0;
     padding: 5px 10px;
     font-size: 12px;
     color: #fff;
     font-weight: bold;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
.common_company_wrap {
    position: relative; /* 가상 요소를 이미지 위에 겹치도록 설정 */
    background: url("/img/main/getty-images.jpg") center center;
    background-size: cover;
    padding: 80px 10px;
}

.common_company_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.9) 100%);
    /* 그라디언트: 위쪽은 투명하고, 중간은 덜 어둡고, 아래는 어두움 */
    z-index: 1; /* 그라디언트가 텍스트 뒤에 배치되도록 설정 */
    pointer-events: none; /* 가상 요소가 클릭을 방해하지 않도록 설정 */
}

.common_company_wrap .content {
    position: relative;
    z-index: 2; /* 텍스트가 그라디언트와 이미지 위에 표시되도록 설정 */
    color: #fff; /* 텍스트를 흰색으로 설정 */
    text-align: center; /* 텍스트를 중앙 정렬 */
    padding: 40px; /* 텍스트 주위에 여백을 줌 */
}

@media only screen and (max-width:960px) {
    .common_company_wrap {
        padding: 20px 10px 15px;
    }
}.common_company_wrap .common_company_inner {
     max-width: 1200px;
     width: 100%;
     margin: 0 auto;
    padding:20px 0;
 }
.common_company_wrap .common_company_title {
    text-align: center;
    font-size: 28px;
    color: #2f2f2f;
    font-weight: bold;
    margin: 0 0 45px;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
@media only screen and (max-width:960px) {
    .common_company_wrap .common_company_title {
        font-size: 14px;
        margin: 0 0 20px;
    }
}.common_company_logo_list {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
 }
@media only screen and (max-width:750px) {
    .common_company_logo_list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}.common_company_logo_list .common_company_logo_item {
     width: calc((100% - 60px)/4);
     margin: 0 20px 20px 0;
     height: 140px;
 }
.common_company_logo_list .common_company_logo_item:nth-of-type(4n) {
    margin: 0 0 20px;
}
@media only screen and (max-width:750px) {
    .common_company_logo_list .common_company_logo_item: nth-of-type(4n) {
    margin: 0 0 13px;
}
}@media only screen and (max-width:960px) {
    .common_company_logo_list .common_company_logo_item {
        height: 92px;
    }
}@media only screen and (max-width:750px) {
    .common_company_logo_list .common_company_logo_item {
        width: 48.5%;
        margin: 0 0 13px;
    }
}.common_company_logo_list .common_compnay_logo_link {
     position: relative;
     display: block;
     width: 100%;
     height: 100%;
     background: #fff;
 }
.common_company_logo_list .common_compnay_logo_pic {
    width: 60%;
    height: 50%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.common_company_logo_list .common_company_logo_icon {
    display: block;
    width: 40px;
    position: absolute;
    top: -10px;
    right: -7px;
}
@media only screen and (max-width:960px) {
    .common_company_logo_list .common_company_logo_icon {
        width: 30px;
        right: -5px;
    }
}.common_company_logo_list.top_case_list {
     margin-bottom: 40px;
 }
.common_company_line {
    height: 1px;
    width: 100%;
    background: #2f2f2f;
    margin: 20px 0 40px;
}
@media only screen and (max-width:960px) {
    .common_company_line {
        margin: 0 0 20px;
    }
}.common_company_case_block {
     background: #fff;
     width: 100%;
     padding: 40px 50px;
     margin: 0 0 37px;
 }
@media only screen and (max-width:960px) {
    .common_company_case_block {
        padding: 20px 17px;
        margin: 0;
    }
}.common_company_case_block .common_company_case_list {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
@media only screen and (max-width:960px) {
    .common_company_case_block .common_company_case_list {
        margin: 0 0 30px;
    }
}@media only screen and (max-width:640px) {
    .common_company_case_block .common_company_case_list {
        display: block;
    }
}.common_company_case_block .common_company_case_item {
     margin: 0 5px;
     width: 33.3333333333%}
@media only screen and (max-width:640px) {
    .common_company_case_block .common_company_case_item {
        margin: 0 0 14px;
        width: 100%}
}.common_company_case_block .common_company_case_link {
     display: block;
     width: 100%;
     border: 1px #282828 solid;
     color: #282828;
     font-size: 16px;
     text-decoration: none;
     text-align: center;
     height: 60px;
     line-height: 58px;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
@media only screen and (max-width:960px) {
    .common_company_case_block .common_company_case_link {
        font-size: 14px;
        height: 65px;
        line-height: 63px;
    }
}.common_company_case_block .common_company_case_link:hover {
     color: #fff;
     background: #282828;
 }
@media only screen and (max-width:960px) {
    .common_company_case_block .common_company_case_link: hover {
        color: #282828;
        background: #fff;
    }
}.common_contents_list {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
 }
 /*메인화면pc 크기 3열*/
.common_contents_list .common_contents_item {
    margin: 0 10px 35px;
    width: calc((100% - 80px)/4);
    /*border:1px solid #333;*/
    border: 1px solid #ddd;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* 약간의 블러 효과 추가 */
    border-right-width: 2px; /* 우측 테두리 두껍게 */
    border-bottom-width: 2px; /* 하단 테두리 두껍게 */
    border-radius: 8px ;
    padding:5px;
}
@media only screen and (max-width:1024px) {
    .common_contents_list .common_contents_item {
        margin: 0 10px 65px;
        width: calc((100% - 80px)/3);
    }
}@media only screen and (max-width:960px) {
    .common_contents_list .common_contents_item {
        width: calc(50% - 20px);
        margin: 0 10px 45px;
    }
}@media only screen and (max-width:640px) {
    .common_contents_list .common_contents_item {
        width: 100%;
        margin: 0 0 45px;
    }
}.common_contents_list .common_contents_link {
     display: block;
     width: 100%;
     text-decoration: none;
 }
.common_contents_list .common_contents_pic {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 620px;
    position: relative;
    margin: 0 0 13px;
}
@media only screen and (max-width:960px) {
    .common_contents_list .common_contents_pic {
        /*height: 250px;*/
        height: 620px;
    }
}.common_contents_list .common_contents_pic .common_contents_category {
     display: inline-block;
     padding: 3px 10px;
     font-size: 12px;
     font-weight: bold;
     color: #fff;
     position: absolute;
     left: 0;
     top: 0;
     line-height: 1.5;
     background-color: rgba(0, 0, 0, .3);
 }
@media only screen and (max-width:960px) {
    .common_contents_list .common_contents_pic .common_contents_category {
        font-size: 14px;
    }
}.common_contents_list .common_contents_info {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin: 0 0 15px;
 }
.common_contents_list .common_contents_date {
    font-size: 12px;
    color: #2f2f2f;
    line-height: 1.2;
    white-space: nowrap;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
.common_contents_list .common_contents_title {
    font-size: 14px;
    color: #2f2f2f;
    line-height: 1.5;
    margin: 0 0 12px;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
.common_contents_list .common_contents_btn {
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    margin: 0 auto;
    color: #fff;
    border: none;
    background: #282828;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
@media only screen and (max-width:960px) {
    .common_contents_list .common_contents_btn {
        height: 50px;
        line-height: 50px;
    }
}.common_contact_center {
     width: 80%;
     margin: 0 auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
.left_tel {
    width: 50%;
    border: 2px solid #282828;
    text-align: center;
}
.left_tel a {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #282828;
    width: 100%;
    display: block;
    padding: 18px;
}
.left_tel span {
    font-size: 14px;
    padding-top: 10px;
    display: block;
}
.right_contact {
    width: 50%}
.right_contact a {
    background: #282828;
    width: 100%;
    display: block;
    padding: 35px;
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
.right_contact a:hover {
    opacity: .7;
}
#btnContactUs {
    margin-top: 40px;
}
.personal_t {
    margin-bottom: 10px;
    display: block;
}
.send input {
    max-width: none !important;
}
.common_contents_tag_list {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.common_contents_tag_list .common_contents_tag_item {
    display: inline-block;
    margin: 0 0 0 2px;
    color: #fff;
    font-size: 12px;
    padding: 4px 10px;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
.common_contents_viewmore_btn {
    display: block;
    width: 225px;
    margin: 0 auto 30px;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 15px;
    border-bottom: 1px #2f2f2f solid;
    color: #2f2f2f;
    text-align: center;
    text-decoration: none;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
@media only screen and (max-width:960px) {
    .common_contents_viewmore_btn {
        width: 220px;
        padding: 0 0 5px;
    }
}.common_contents_viewmore_btn img {
     display: inline-block;
     margin: 0 0 0 5px;
     vertical-align: 3px;
 }
@media only screen and (max-width:960px) {
    .common_contents_viewmore_btn img {
        width: 14px;
        vertical-align: 5px;
    }
}.common_contents_viewmore_btn img.icon_reverse {
     -webkit-transform: scale(-1,  1);
     transform: scale(-1,  1);
     margin: 0 5px 0 0;
 }
.common_investigation_viewmore_btn {
    display: block;
    width: 225px;
    margin: 0 auto 30px;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 15px;
    border-bottom: 1px #2f2f2f solid;
    color: #2f2f2f;
    text-align: center;
    text-decoration: none;
}
@media only screen and (max-width: 960px) {
    .common_investigation_viewmore_btn {
        width: 220px;
        padding: 0 0 5px;
    }
}.common_investigation_viewmore_btn img {
     display: inline-block;
     margin: 0 0 0 5px;
     vertical-align: 3px;
 }
@media only screen and (max-width: 960px) {
    .common_investigation_viewmore_btn img {
        width: 14px;
        vertical-align: 5px;
    }
}.common_investigation_viewmore_btn img.icon_reverse {
     -webkit-transform: scale(-1,  1);
     transform: scale(-1,  1);
     margin: 0 5px 0 0;
 }
.common_contact_wrap {
    /*background: url("/images/common/contact_bg.jpg") center center no-repeat;*/
    /*background-size: cover;*/
    padding: 50px 10px 60px;
    margin: 0 0 50px;
    background-color: #222222;
}
@media only screen and (max-width:960px) {
    .common_contact_wrap {
        margin: 0 0 30px;
        padding: 40px 10px 32px;
    }
}@media only screen and (max-width:750px) {
    .common_contact_wrap {
        padding: 40px 10px 12px;
    }
}.common_contact_wrap .common_contact_title {
     font-size: 33px;
     color: #ffffff;
     font-weight: 700;
     margin: 0 0 20px;
     text-align: center;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .common_contact_wrap .common_contact_title {
        font-size: 30px;
    }
}.common_contact_wrap .common_contact_text {
     font-size: 31px;
     line-height: 1.5;
     color: #ffffff;
     text-align: center;
     margin: 0 0 50px;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .common_contact_wrap .common_contact_text {
        font-size: 24px;
        margin: 0 0 30px;
    }
}.common_contact_list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
.common_contact_list .common_contact_item {
    width: 45%;
    margin: 0 10px;
}
@media only screen and (max-width:960px) {
    .common_contact_list .common_contact_item {
        width: 100%;
        margin: 0 15px 30px;
    }
}@media only screen and (max-width:750px) {
    .common_contact_list .common_contact_item {
        margin: 0 auto 20px;
    }
}.common_contact_list .common_contact_link {
     text-decoration: none;
     width: 100%;
     height: 100%;
     padding: 10px;
     display: block;
     background: #222222;
 }
.common_contact_list .common_contact_inner {
    border: 1px #fff solid;
    padding: 30px 15px;
    height: 100%}
@media only screen and (max-width:960px) {
    .common_contact_list .common_contact_inner {
        padding: 25px 20px 20px;
    }
}.common_contact_list .common_contact_inner__tel {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
.common_contact_list .common_contact_item_title {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: 0 0 25px;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
@media only screen and (max-width:960px) {
    .common_contact_list .common_contact_item_title {
        font-size: 16px;
        margin: 0 0 22px;
    }
}.common_contact_list .common_contact_icon {
     display: block;
     width: 70px;
     margin: 0 auto 20px;
 }
@media only screen and (max-width:960px) {
    .common_contact_list .common_contact_icon {
        width: 54px;
        margin: 0 auto 12px;
    }
}.common_contact_list .common_contact_icon__tel {
     margin: 0 10px 0 0;
 }
.common_contact_list .common_contact_item_text {
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
    color: #fff;
    margin: 0 0 20px;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
@media only screen and (max-width:960px) {
    .common_contact_list .common_contact_item_text {
        margin: 0 0 12px;
    }
}.common_contact_list .common_contact_item_text__ir {
     display: block;
     font-size: 13px;
     margin: 10px 0 0;
 }
.common_contact_list .common_contact_item_text__ir a {
    color: #fff;
    text-decoration: underline;
}
.common_contact_list .common_contact_item_text__tel {
    font-size: 31px;
    margin: 0;
    font-weight: bold;
}
@media only screen and (max-width:960px) {
    .common_contact_list .common_contact_item_text__tel {
        font-size: 24px;
    }
}.common_contact_list .common_contact_btn {
     font-size: 16px;
     text-decoration: none;
     text-align: center;
     display: block;
     width: 100%;
     max-width: 280px;
     height: 50px;
     line-height: 50px;
     font-weight: bold;
     margin: 0 auto;
     color: #282828;
     background: #e5fe52;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .common_contact_list .common_contact_btn {
        font-size: 16px;
        max-width: 238px;
    }
}.common_contact_list .common_contact_tel {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: distribute;
     justify-content: space-around;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     width: 90%;
     margin: 0 auto;
 }
@media only screen and (max-width:960px) {
    .common_contact_list .common_contact_tel {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%}
}.common_contact_list .common_contact_tel h2 {
     margin: 0;
 }
.common_contact_list .common_contact_tel span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
}
.common_contact_list .common_contact_tel_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}
@media only screen and (max-width:960px) {
    .common_contact_list .common_contact_tel_wrap {
        margin-top: 15px;
    }
}@media(min-width: 768px) {
    .common_contact_list a[href^="tel: "] {
        pointer-events: none;
    }
}@media only screen and (max-width:960px) {
    .common_bnr_wrap {
        margin: 0 0 24px;
    }
}.common_bnr_wrap .common_bnr_list {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
 }
@media only screen and (max-width:960px) {
    .common_bnr_wrap .common_bnr_list {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }
}.common_bnr_wrap .common_bnr_item {
     width: 100%}
@media only screen and (max-width:960px) {
    .common_bnr_wrap .common_bnr_item {
        width: 50%}
}.common_bnr_wrap .common_bnr_link {
     display: block;
     width: 100%;
     height: 240px;
     position: relative;
     text-decoration: none;
 }
@media only screen and (max-width:960px) {
    .common_bnr_wrap .common_bnr_link {
        height: 168px;
    }
}.common_bnr_wrap .common_bnr_link.bg01 {
     background: url("/agency/img/2.carousel_rectangle.jpg") center center no-repeat;
     background-size: cover;
 }
.common_bnr_wrap .common_bnr_link.bg02 {
    background: url("/agency/img/Audience-Republic-Feature.jpg") center center no-repeat;
    background-size: cover;
}
.common_bnr_wrap .common_bnr_link.bg03 {
    background: url("/agency/img/Shop-Page-Update-New-Mailer-2.webp") center center no-repeat;
    background-size: cover;
}
.common_bnr_wrap .common_bnr_link.bg04 {
    background: url("/agency/img/cotype-portrait-sm.webp") center center no-repeat;
    background-size: cover;
}
.common_bnr_wrap .common_bnr_box {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .72);
    padding: 20px 30px;
}
@media only screen and (max-width:960px) {
    .common_bnr_wrap .common_bnr_box {
        padding: 20px;
    }
}.common_bnr_wrap .common_bnr_title_en {
     display: block;
     width: 100%;
     max-width: 180px;
     border-bottom: 1px #fff solid;
     font-size: 14px;
     color: #fff;
     font-weight: 500;
     padding: 0 0 10px;
     margin: 0 0 10px;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Open Sans", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .common_bnr_wrap .common_bnr_title_en {
        font-size: 12px;
        max-width: 125px;
        padding: 0 0 5px;
        margin: 0 0 5px;
    }
}.common_bnr_wrap .common_bnr_title_kor {
     font-size: 16px;
     color: #fff;
     font-weight: normal;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .common_bnr_wrap .common_bnr_title_kor {
        font-size: 14px;
    }
}.pankuzu_wrap {
     padding: 5px 10px;
     font-size: 14px;
     color: #2f2f2f;
     margin-top: 20px;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
.pankuzu_wrap .pankuzu_list {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.pankuzu_wrap .pankuzu_item {
    line-height: 1.5;
}
.pankuzu_wrap .pankuzu_item a {
    text-decoration: none;
    color: #2f2f2f;
}
.pankuzu_wrap .pankuzu_item:after {
    content: ">";
    vertical-align: 0;
    margin: 0 2px;
}
.pankuzu_wrap .pankuzu_item:last-of-type:after {
    content: none;
}
.noDes .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.act_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.swift_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.audition_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.value_base_pricing_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.brand_liftresearch_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.customer-journeyresearch_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.stpresearch_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.brandresearch_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.namingresearch_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.concept_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.surveypanel_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.specialpanel_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.visit_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.shop_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.mcall_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.asp_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.rec_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.oversea_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.eye_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.aca_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.hut_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.clt_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.di_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.fgi_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.net_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.original_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.other_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.qualitative_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.quantitative_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.insight_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.step04_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.step03_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.step02_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.step01_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.out_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.prom_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.pr_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.web_bg .common_mainpage_mv_title:after, .common_mainpage_mv_wrap.research_bg .common_mainpage_mv_title:after {
    content: none;
}
.common_mainpage_mv_wrap {
    height: 300px;
    overflow: hidden;
    margin: 0 0 15px;
    padding: 0 10px;
}
.common_mainpage_mv_wrap__nobg {
    height: 150px;
    background-color: #f7f7f7;
}
@media only screen and (max-width:960px) {
    .common_mainpage_mv_wrap__nobg {
        height: 180px !important;
        padding-top: 50px;
    }
}.common_mainpage_mv_wrap__nobg .common_mainpage_mv_box {
     bottom: auto !important;
 }
.common_mainpage_mv_wrap__nobg .common_mainpage_mv_title {
    background: none !important;
    padding-top: 40px !important;
}
.common_mainpage_mv_wrap__nobg .common_mainpage_mv_box:before, .common_mainpage_mv_wrap__nobg .common_mainpage_mv_title:after {
    content: none !important;
}
.common_mainpage_mv_wrap__nobg .common_mainpage_mv_title span {
    position: relative;
    padding: 15px 0 0;
    margin-top: 10px;
}
.common_mainpage_mv_wrap__nobg .common_mainpage_mv_title span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 2px;
    background: #282828;
}
.common_mainpage_mv_wrap.contents_bg {
    overflow: initial;
}
@media only screen and (max-width:960px) {
    .common_mainpage_mv_wrap {
        height: 340px;
    }
}.common_mainpage_mv_wrap.case_bg {
     background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
     background-size: cover;
 }
.common_mainpage_mv_wrap.news_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.results_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.government_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.private_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.company_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.media_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.contents_bg {
    background: url("/img/portfolio/portfolioMain.png") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.research_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.privacy_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.solution_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.web_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.pr_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.prom_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.out_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.search_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.step01_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.step02_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.step03_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.step04_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.insight_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.quantitative_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.qualitative_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.other_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.original_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.net_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.fgi_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.di_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.clt_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.hut_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.aca_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.eye_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.oversea_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.rec_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.asp_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.mcall_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.shop_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.visit_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.other_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.specialpanel_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.surveypanel_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.concept_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.namingresearch_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.brandresearch_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.stpresearch_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.customer-journeyresearch_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.brand_liftresearch_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.value_base_pricing_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.audition_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.swift_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap.act_bg {
    background: url("/img/portfolio/case_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_mainpage_mv_wrap .common_mainpage_mv_inner {
    height: 100%;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.common_mainpage_mv_wrap .common_mainpage_mv_box {
    position: absolute;
    left: 0;
    bottom: 30px;
}
.common_mainpage_mv_wrap .common_mainpage_mv_box:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: -100%}
.common_mainpage_mv_wrap .common_mainpage_mv_box.contents {
    bottom: 65px;
}
@media only screen and (max-width:960px) {
    .common_mainpage_mv_wrap .common_mainpage_mv_box.contents {
        bottom: 60px;
    }
}.common_mainpage_mv_wrap .common_mainpage_mv_title {
     position: relative;
     display: inline-block;
     background: #fff;
     padding: 20px 15px 20px 0;
     font-size: 40px;
     font-weight: 700;
     letter-spacing: 5px;
     line-height: 1.2;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Open Sans", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .common_mainpage_mv_wrap .common_mainpage_mv_title {
        font-size: 24px;
        padding: 15px 10px 15px 0;
    }
}.common_mainpage_mv_wrap .common_mainpage_mv_title:after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     display: block;
     width: 50px;
     height: 2px;
     background: #282828;
 }
@media only screen and (max-width:960px) {
    .common_mainpage_mv_wrap .common_mainpage_mv_title: after {
        width: 30px;
        height: 1px;
    }
}.common_mainpage_mv_wrap .common_mainpage_mv_title span {
     display: block;
     color: #919191;
     font-size: 14px;
     letter-spacing: 2px;
 }
@media only screen and (max-width:960px) {
    .common_mainpage_mv_wrap .common_mainpage_mv_title span {
        font-size: 12px;
    }
}.common_mainpage_mv_wrap .common_mainpage_mv_text {
     display: inline-block;
     background: #fff;
     padding: 15px 30px 15px 0;
     font-size: 14px;
     line-height: 1.6;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Hiragino Kaku Gothic ProN", Meiryo, YuGothic, Verdana, sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .common_mainpage_mv_wrap .common_mainpage_mv_text {
        padding: 10px 15px 10px 0;
        font-size: 12px;
    }
}.common_subpage_mv_wrap {
     height: 240px;
     overflow: hidden;
     margin: 0 0 15px;
     padding: 0 10px;
 }
@media only screen and (max-width:960px) {
    .common_subpage_mv_wrap {
        height: 200px;
    }
}.common_subpage_mv_wrap.contact_bg {
     background: url("/img/mv/contact_mv.jpg") center center no-repeat;
     background-size: cover;
 }
.common_subpage_mv_wrap.request_bg {
    background: url("/img/mv/request_mv.jpg") center center no-repeat;
    background-size: cover;
}
.common_subpage_mv_wrap.error_bg {
    background: #292929;
}

@media only screen and (max-width:640px) {
    .common_subpage_mv_wrap.beginner_bg {
        background-position: 23% center;
    }
}.common_subpage_mv_wrap.beginner_bg .error_common_mv_title {
     color: #000;
 }
.common_subpage_mv_wrap.beginner_bg .error_common_mv_text {
    color: #000;
}
.common_subpage_mv_wrap .common_subpage_mv_inner {
    height: 100%;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.common_subpage_mv_wrap .common_subpage_mv_box {
    display: block;
    max-width: 630px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 30px;
}
.common_subpage_mv_wrap .common_subpage_mv_box:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: -100%}
.common_subpage_mv_wrap .common_subpage_mv_title {
    position: relative;
    display: block;
    background: #fff;
    padding: 25px 0 20px;
    width: 100%;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 5px;
    line-height: 1.2;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Open Sans", sans-serif;*/
}
@media only screen and (max-width:960px) {
    .common_subpage_mv_wrap .common_subpage_mv_title {
        font-size: 24px;
        padding: 15px 10px 15px 0;
    }
}.common_subpage_mv_wrap .common_subpage_mv_title span {
     display: block;
     color: #919191;
     font-size: 14px;
     letter-spacing: 2px;
 }
@media only screen and (max-width:960px) {
    .common_subpage_mv_wrap .common_subpage_mv_title span {
        font-size: 12px;
    }
}.common_pager_block {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }
.common_pager_block.contents_pager {
    padding: 25px 0 0;
    margin: 0 0 75px;
}
@media only screen and (max-width:960px) {
    .common_pager_block.contents_pager {
        padding: 20px 0 0;
        margin: 0 0 40px;
    }
}.common_pager_block .common_pager_prev {
     font-size: 16px;
     color: #2f2f2f;
     text-decoration: none;
     margin: 0 15px 0 0;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .common_pager_block .common_pager_prev {
        font-size: 14px;
        margin: 0 10px 0 0;
    }
}.common_pager_block .common_pager_next {
     font-size: 16px;
     color: #2f2f2f;
     text-decoration: none;
     margin: 0 0 0 15px;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .common_pager_block .common_pager_next {
        font-size: 14px;
        margin: 0 0 0 10px;
    }
}.common_pager_block .common_pager_list {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
.common_pager_block .common_pager_list .common_pager_item {
    margin: 0 15px;
    font-size: 16px;
    color: #2f2f2f;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Pretendard", sans-serif;*/
}
@media only screen and (max-width:960px) {
    .common_pager_block .common_pager_list .common_pager_item {
        font-size: 14px;
        margin: 0 10px;
    }
}.common_pager_block .common_pager_list .common_pager_link {
     color: #2f2f2f;
     text-decoration: none;
 }
.common_pager_block .common_pager_list .common_pager_link.active {
    text-decoration: underline;
}
.common_tab_year_list {
    margin: 0 auto 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 640px) {
    .common_tab_year_list {
        margin: 0 auto 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}.common_tab_year_list .common_tab_year_item {
     border: solid 1px #282828;
     background: #fff;
     color: #282828;
     font-size: 14px;
     padding: 15px 10px;
     margin: 0 3px 0 0;
     width: 100%;
     font-weight: bold;
     text-align: center;
     cursor: default;
 }
.common_tab_year_list .common_tab_year_item.common_tab_year_item_edge {
    margin: 0;
}
@media only screen and (max-width: 640px) {
    .common_tab_year_list .common_tab_year_item.common_tab_year_item_edge {
        margin: 0 0 10px;
    }
}.common_tab_year_list .common_tab_year_item span {
     position: relative;
 }
.common_tab_year_list .common_tab_year_item span:before {
    content: "笆ｶ";
    font-size: 8px;
    position: absolute;
    left: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.common_tab_year_list .common_tab_year_item:hover, .common_tab_year_list .common_tab_year_item.show {
    background: #282828;
    color: #fff;
}
@media only screen and (max-width: 640px) {
    .common_tab_year_list .common_tab_year_item {
        width: 32%;
        margin: 0 0 10px;
    }
}.common_tab_mainlist_wrap {
     display: none;
     padding: 0 0 20px;
 }
.common_tab_mainlist_wrap.show {
    display: block;
}
@media only screen and (max-width: 640px) {
    .common_tab_mainlist_wrap {
        padding: 20px 0 0;
    }
}.common_tab_mainlist_wrap .common_tab_mainlist_year {
     font-size: 24px;
     font-weight: bold;
     color: #282828;
     padding: 0 0 20px;
     margin: 0 0 20px;
     border-bottom: solid 2px #282828;
 }
@media only screen and (max-width: 640px) {
    .common_tab_mainlist_wrap .common_tab_mainlist_year {
        font-size: 20px;
        padding: 0 0 10px;
        margin: 0 0 10px;
    }
}.common_write_wrap .common_write_tag, .column_write_wrap .common_write_tag, .whitepaper_write_wrap .common_write_tag {
     color: #282828;
     font-weight: bold;
     font-size: 12px;
     margin: 0 0 10px;
     line-height: 1.4;
 }
.common_write_tag dt {
    white-space: nowrap;
}
.common_write_wrap .common_write_title_wrap, .column_write_wrap .common_write_title_wrap, .whitepaper_write_wrap .common_write_title_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 20px;
    margin: 0 0 40px;
    border-bottom: solid 1px #707070;
}
@media only screen and (max-width: 640px) {
    .common_write_wrap .common_write_title_wrap, .column_write_wrap .common_write_title_wrap, .whitepaper_write_wrap .common_write_title_wrap {
        display: block;
        padding: 0 0 10px;
        margin: 0 0 20px;
    }
}.common_write_wrap .common_write_title_wrap .common_write_title, .column_write_wrap .common_write_title_wrap .common_write_title, .whitepaper_write_wrap .common_write_title_wrap .common_write_title {
     font-size: 24px;
     font-weight: bold;
     line-height: 1.6;
     width: calc(100% - 180px);
 }
@media only screen and (max-width: 640px) {
    .common_write_wrap .common_write_title_wrap .common_write_title, .column_write_wrap .common_write_title_wrap .common_write_title, .whitepaper_write_wrap .common_write_title_wrap .common_write_title {
        width: 100%}
}.common_write_wrap .common_write_title_wrap .common_write_date, .column_write_wrap .common_write_title_wrap .common_write_date, .whitepaper_write_wrap .common_write_title_wrap .common_write_date {
     font-size: 17px;
     text-align: right;
     width: 150px;
 }
@media only screen and (max-width: 640px) {
    .common_write_wrap .common_write_title_wrap .common_write_date, .column_write_wrap .common_write_title_wrap .common_write_date, .whitepaper_write_wrap .common_write_title_wrap .common_write_date {
        margin: 5px 0 0;
        font-size: 14px;
        width: 100%}
}.common_write_wrap .common_write_intro, .column_write_wrap .common_write_intro, .whitepaper_write_wrap .common_write_intro {
     background: #f7f7f7;
     padding: 20px 10px;
     margin: 0 0 40px;
 }
.common_write_wrap p, .column_write_wrap p, .whitepaper_write_wrap p {
    font-size: 14px;
    line-height: 2.2;
}
.common_write_wrap h2, .column_write_wrap h2, .whitepaper_write_wrap h2 {
    padding: 5px 0 5px 10px;
    margin: 10px 0;
    border-left: solid 5px #919191;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    clear: both;
}
.c_solution_list {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    border: 1px #e0e0e0 solid;
    margin: 0 0 50px;
}
@media only screen and (max-width:960px) {
    .c_solution_list {
        margin: 0;
    }
}@media only screen and (max-width:750px) {
    .c_solution_list {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        border: none;
        border-top: 1px #e0e0e0 solid;
    }
}.c_solution_list .c_solution_item {
     width: 100%;
     border-right: 1px #e0e0e0 solid;
    background-color: #ffffff;
 }
.c_solution_list .c_solution_item:last-of-type {
    border-right: none;
}
@media only screen and (max-width:750px) {
    .c_solution_list .c_solution_item: last-of-type {
        border-right: 1px #e0e0e0 solid;
    }
}@media only screen and (max-width:750px) {
    .c_solution_list .c_solution_item: nth-of-type(even) {
    border-left: none;
}
}@media only screen and (max-width:750px) {
    .c_solution_list .c_solution_item {
        width: 50%;
        border: 1px #e0e0e0 solid;
        border-top: none;
    }
}.c_solution_list .c_solution_link {
     padding: 45px 5px 25px;
     text-decoration: none;
     position: relative;
     display: block;
     width: 100%;
     height: 100%;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
@media only screen and (max-width:960px) {
    .c_solution_list .c_solution_link {
        padding: 35px 0 25px;
    }
}.c_solution_list .c_solution_link:hover {
     background: #282828;
     opacity: 1;
 }
@media only screen and (max-width:960px) {
    .c_solution_list .c_solution_link: hover {
        background: #fff;
    }
}.c_solution_list .c_solution_link:hover .c_solution_icon {
     -webkit-filter: brightness(0) invert(1);
     filter: brightness(0) invert(1);
 }
@media only screen and (max-width:960px) {
    .c_solution_list .c_solution_link: hover .c_solution_icon {
        -webkit-filter: inherit;
        filter: inherit;
    }
}.c_solution_list .c_solution_link:hover .c_solution_item_title {
     color: #fff;
 }
@media only screen and (max-width:960px) {
    .c_solution_list .c_solution_link: hover .c_solution_item_title {
        color: #484848;
    }
}.c_solution_list .c_solution_link:hover .c_solution_item_title span {
     color: #fff;
 }
@media only screen and (max-width:960px) {
    .c_solution_list .c_solution_link: hover .c_solution_item_title span {
        color: #919191;
    }
}.c_solution_list .c_solution_link:hover:after {
     -webkit-filter: brightness(0) invert(1);
     filter: brightness(0) invert(1);
 }
@media only screen and (max-width:960px) {
    .c_solution_list .c_solution_link: hover:after {
        -webkit-filter: inherit;
        filter: inherit;
    }
}.c_solution_list .c_solution_link:after {
     content: "";
     background: url("/img/icon/icon03.svg") center center no-repeat;
     background-size: 8px;
     width: 8px;
     height: 8px;
     position: absolute;
     bottom: 3px;
     right: 3px;
 }
.c_solution_list .c_solution_icon {
    display: block;
    width: 70px;
    max-height: 70px;
    margin: 0 auto 20px;
}
@media only screen and (max-width:960px) {
    .c_solution_list .c_solution_icon {
        width: 62px;
        height: 62px;
    }
}.c_solution_item_title {
     text-align: center;
     font-size: 16px;
     color: #484848;
     font-weight: bold;
     line-height: 1.2;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Open Sans", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .c_solution_item_title {
        font-size: 14px;
    }
}.c_solution_item_title span {
     font-size: 12px;
     color: #919191;
 }
.c-block {
    padding: 80px;
}
@media only screen and (max-width:960px) {
    .c-block {
        padding: 35px 20px 20px;
    }
}.c-block-title {
     position: relative;
     text-align: center;
     font-size: 24px;
     color: #000;
     line-height: 1.5;
     font-weight: bold;
     margin: 0 0 25px;
     letter-spacing: 2px;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Open Sans", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .c-block-title {
        font-size: 20px;
        margin: 0 0 20px;
        line-height: 1.3;
    }
}.c-block-title span {
     display: block;
     font-size: 14px;
     color: #919191;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .c-block-title span {
        font-size: 12px;
    }
}.c-block-icon {
     display: block;
     margin: 0 auto 15px;
     width: 60px;
     height: 60px;
 }
.c-block-icon__small {
    width: 40px;
    height: 40px;
}
.c-block-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
}
.c-block-wrap-unit {
    background-color: #fff;
    color: #000;
    width: 30%;
    border: 1px solid #282828;
    padding: 20px 15px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1;
}
.c-block-wrap-unit img {
    max-width: 100%}
@media only screen and (max-width:640px) {
    .c-block-wrap-unit {
        width: 100%}
}.c-block-wrap-unit__noborder {
     border: 0;
 }
.c-block-wrap-unit:before {
    content: "";
    background: #282828;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0,  1);
    transform: scale(0,  1);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,  -webkit-transform .3s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.c-block-wrap-unit-icon {
    width: 25%;
    height: 60px;
    color: #282828;
}
.c-block-wrap-unit-thumb {
    width: 180px;
    height: 180px;
    display: block;
    margin-bottom: -70px;
    position: relative;
    -webkit-transform: translateY(-90px);
    transform: translateY(-90px);
}
.c-block-wrap-unit-title {
    font-weight: bold;
    font-size: 16px;
    margin: 13px 0;
    line-height: 1.4;
    text-align: center;
}
.c-block-wrap-unit-subttl {
    color: #919191;
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 6px;
}
.c-block-wrap-unit-intro {
    font-size: 13px;
    width: 100%;
    line-height: 1.5;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.c-block-wrap-unit-btn {
    display: block;
    text-align: center;
    background-color: #282828;
    color: #fff;
    padding: 0 15px;
    font-size: 12px;
    margin-top: 16px;
    height: 30px;
    line-height: 30px;
}
.c-block-wrap__hover .c-block-wrap-unit:hover {
    color: #fff;
    opacity: 1;
}
.c-block-wrap__hover .c-block-wrap-unit:hover::before {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1,  1);
    transform: scale(1,  1);
}
.c-block-wrap__hover .c-block-wrap-unit:hover .c-block-wrap-unit-icon {
    color: #fff;
}
.c-block-wrap__hover .c-block-wrap-unit:hover .c-block-wrap-unit-btn {
    color: #282828;
    background-color: #fff;
}
.c-block-wrap__noIcon .c-block-wrap-unit-title {
    padding-bottom: 5px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #000;
    color: #282828;
    margin-top: 0;
}
.c-block-wrap__noIcon.c-block-wrap__hover .c-block-wrap-unit:hover .c-block-wrap-unit-title {
    border-bottom: 1px solid #fff;
    color: #fff;
}
.c-block-wrap__1col .c-block-wrap-unit {
    width: 100%}
.c-block-wrap__2cols::after {
    content: "";
    width: 30%}
.c-block-wrap__2cols .c-block-wrap-unit {
    width: 48%}
@media only screen and (max-width:960px) {
    .c-block-wrap__2cols .c-block-wrap-unit {
        width: 48%}
}@media only screen and (max-width:640px) {
    .c-block-wrap__2cols .c-block-wrap-unit {
        width: 100%}
}.c-block-moreBtn {
     display: block;
     text-decoration: none;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     border: 1px solid #282828;
     overflow: hidden;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0 20px;
     font-size: 12px;
     font-weight: bold;
     height: 40px;
     line-height: 40px;
     width: 100%;
     max-width: 400px;
     background: #282828;
     color: #fff;
 }
.c-block-moreBtn div {
    -webkit-transition: all .5s;
    transition: all .5s;
}
.c-block-moreBtn span {
    display: block;
}
.c-block-moreBtn:hover {
    background-color: #fff;
    color: #282828;
    opacity: 1;
}
.c-block-moreBtn:hover div {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (max-width:960px) {
    .c-block-moreBtn {
        height: auto;
        line-height: 1.6;
        padding: 12px;
    }
    .c-block-moreBtn span {
        display: none;
    }
    .c-block-moreBtn:hover div {
        -webkit-transform: none;
        transform: none;
    }
}.c-block-moreBtn__big {
     display: block;
     text-decoration: none;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     border: 1px solid #282828;
     overflow: hidden;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0 20px;
     font-size: 16px;
     font-weight: bold;
     height: 55px;
     line-height: 55px;
     width: 90%;
     max-width: 600px;
 }
.c-block-moreBtn__big div {
    -webkit-transition: all .5s;
    transition: all .5s;
}
.c-block-moreBtn__big span {
    display: block;
}
.c-block-moreBtn__big:hover {
    background-color: #fff;
    color: #282828;
    opacity: 1;
}
.c-block-moreBtn__big:hover div {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (max-width:960px) {
    .c-block-moreBtn__big {
        height: auto;
        line-height: 1.6;
        padding: 12px;
    }
    .c-block-moreBtn__big span {
        display: none;
    }
    .c-block-moreBtn__big:hover div {
        -webkit-transform: none;
        transform: none;
    }
}.c-block-moreBtn__white {
     display: block;
     text-decoration: none;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     border: 1px solid #282828;
     overflow: hidden;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0 20px;
     font-size: 12px;
     font-weight: bold;
     height: 40px;
     line-height: 40px;
     width: 100%;
     max-width: 400px;
     background: #fff;
     color: #282828;
 }
.c-block-moreBtn__white div {
    -webkit-transition: all .5s;
    transition: all .5s;
}
.c-block-moreBtn__white span {
    display: block;
}
.c-block-moreBtn__white:hover {
    background-color: #fff;
    color: #282828;
    opacity: 1;
}
.c-block-moreBtn__white:hover div {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (max-width:960px) {
    .c-block-moreBtn__white {
        height: auto;
        line-height: 1.6;
        padding: 12px;
    }
    .c-block-moreBtn__white span {
        display: none;
    }
    .c-block-moreBtn__white:hover div {
        -webkit-transform: none;
        transform: none;
    }
}.c-block-moreBtn__white:hover {
     background: #282828;
     color: #fff;
 }
.c-pagetitle {
    position: relative;
    text-align: center;
    font-size: 28px;
    color: #000;
    line-height: 1.5;
    font-weight: bold;
    margin: 0 0 25px;
    letter-spacing: 2px;
    font-family: "Pretendard", sans-serif;
    /*font-family: "Open Sans", sans-serif;*/
}
@media only screen and (max-width:960px) {
    .c-pagetitle {
        font-size: 20px;
        margin: 0 0 20px;
        line-height: 1.3;
    }
}.c-pagetitle:after {
     content: "";
     display: block;
     width: 60px;
     height: 3px;
     background: #282828;
     margin: 15px auto 0;
 }
@media only screen and (max-width:960px) {
    .c-pagetitle: after {
        height: 2px;
        width: 40px;
        margin: 10px auto 0;
    }
}.c-pagetitle span {
     display: block;
     font-size: 14px;
     color: #919191;
     /*font-family: "Pretendard", sans-serif;*/
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .c-pagetitle span {
        font-size: 12px;
    }
}.c-fixNav {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     display: none;
     opacity: 0;
     position: sticky;
     top: 100px;
     z-index: 40;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     max-width: 100%;
     margin: 0 auto;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 0 15px;
     background-color: #fff;
     -webkit-box-shadow: rgba(0, 0, 0, .2) 0px 5px 5px;
     box-shadow: rgba(0, 0, 0, .2) 0px 5px 5px;
     -webkit-transform: translateY(-100%);
     transform: translateY(-100%);
     -webkit-transition: all .3s ease-out;
     transition: all .3s ease-out;
 }
.c-fixNav.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.c-fixNav a {
    margin: 15px;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    position: relative;
    padding: 0 20px;
}
.c-fixNav a:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: url(/img/icon/arrow.svg) top left no-repeat;
    background-size: 10px 10px;
}
@media only screen and (max-width:960px) {
    .c-fixNav {
        display: none !important;
    }
}.c-btn__arrow {
     position: relative;
 }
.c-btn__arrow::after {
    content: "";
    display: block;
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 0;
    height: 0;
    border-width: 4px;
    border-color: rgba(0, 0, 0, 0) #fff #fff rgba(0, 0, 0, 0);
    border-style: solid;
}
.c-btn__arrow:hover::after {
    border-color: rgba(0, 0, 0, 0) #282828 #282828 rgba(0, 0, 0, 0);
}
.c-btn__arrow.c-block-moreBtn__white::after {
    border-color: rgba(0, 0, 0, 0) #282828 #282828 rgba(0, 0, 0, 0);
}
.c-btn__arrow.c-block-moreBtn__white:hover::after {
    border-color: rgba(0, 0, 0, 0) #fff #fff rgba(0, 0, 0, 0);
}
.c-btn__arrow.c-block-moreBtn__orange {
    background: #ce3a36;
    border-color: #ce3a36;
}
.c-btn__arrow.c-block-moreBtn__orange:hover {
    color: #ce3a36;
    background: #fff;
}
.c-btn__arrow.c-block-moreBtn__orange::after {
    border-color: rgba(0, 0, 0, 0) #ce3a36 #ce3a36 rgba(0, 0, 0, 0);
}
.c-bg__white {
    background-color: #fff;
}
.c-bg__grey {
    background-color: #f7f7f7;
}
.c-bg__none {
    background-color: rgba(0, 0, 0, 0);
}
.c-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 2;
}
.c-table dt {
    background-color: #282828;
    color: #fff;
    font-weight: bold;
    width: 30%;
    padding: 15px;
    margin-bottom: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-table dd {
    font-size: 13px;
    width: 70%;
    padding: 15px;
    margin-bottom: 1px;
    background-color: #f7f7f7;
}
.c-table ul {
    list-style-type: disc;
    margin-left: 15px;
}
.c-mv-btn-wrap {
    margin-top: 100px;
    margin-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.c-mv-btn-wrap__border {
    border-top: 1px dotted #919191;
    border-bottom: 1px dotted #919191;
    padding: 50px 0;
}
.c-mv-btn-wrap__bgW {
    background-color: #fff;
}
.c-mv-btn-wrap__bgGrey {
    background-color: #f7f7f7;
}
@media only screen and (max-width:960px) {
    .c-mv-btn-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}.c-mv-btn {
     font-size: 16px;
     padding: 0 100px;
     margin: 0 20px;
     text-decoration: none;
     text-align: center;
     display: block;
     font-weight: bold;
     line-height: 50px;
     color: #fff;
     position: relative;
     /*font-family: "Pretendard", sans-serif;*/
     font-family: "Pretendard", sans-serif;
 }
.c-mv-btn span {
    display: block;
    position: absolute;
    top: -38px;
    left: 0;
    font-size: 13px;
    color: #282828;
    font-weight: normal;
    text-align: center;
    width: 100%}
.c-mv-btn__small {
    padding: 0 40px;
}
@media only screen and (max-width:960px) {
    .c-mv-btn {
        font-size: 14px;
        width: 60%;
        margin: 10px 0;
        padding: 0 20px;
    }
}.c-mv-btn__withIcon {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
.c-mv-btn__withIcon svg {
    margin-left: 8px;
}
.c-mv-btn__blue {
    background-color: #282828;
}
.c-mv-btn__orange {
    background-color: #ce3a36;
}
.c-1080 {
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width:960px) {
    .c-1080 {
        width: calc(100% - 20px);
        margin-left: 10px;
    }
}.c-w90p {
     width: 90%;
     margin-left: auto;
     margin-right: auto;
     max-width: 1020px;
 }
@media only screen and (max-width:960px) {
    .c-w90p {
        width: calc(100% - 20px);
        margin-left: auto;
        margin-right: auto;
    }
}.c-w80p {
     width: 80%;
     margin-left: auto;
     margin-right: auto;
     max-width: 1020px;
 }
@media only screen and (max-width:960px) {
    .c-w80p {
        width: calc(100% - 20px);
        margin-left: auto;
        margin-right: auto;
    }
}.c-w70p {
     width: 70%;
     margin-left: auto;
     margin-right: auto;
     max-width: 1020px;
 }
@media only screen and (max-width:960px) {
    .c-w70p {
        width: calc(100% - 20px);
        margin-left: auto;
        margin-right: auto;
    }
}.c-highlight {
     display: inline-block;
     position: relative;
 }
.c-highlight:after {
    content: "";
    display: block;
    height: 7px;
    border-radius: 5px;
    background-color: #ffb90b;
    margin-top: -10px;
}
.c-link__underline {
    text-decoration: underline;
}
.c-list {
    list-style-type: disc;
}
.c-list li {
    padding: 10px 0;
}
.c-listBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px auto;
}
.c-listBox ul {
    list-style-type: disc;
    line-height: 1.6;
    padding: 20px 20px 20px 40px;
    background-color: #eee;
}
.c-listBox li {
    margin: 5px 0;
}
.c-text {
    font-size: 14px;
    line-height: 1.8;
    color: #2f2f2f;
    /*font-family: "Pretendard", sans-serif;*/
    font-family: "Pretendard", sans-serif;
}
.c-text img {
    max-width: 100%}
@media only screen and (max-width:960px) {
    .c-text {
        font-size: 14px;
        margin: 0 0 15px;
    }
}.c-text__center {
     text-align: center;
 }
.c-text__left {
    text-align: left;
}
.c-text__right {
    text-align: right;
}
.c-text__normal {
    font-weight: 100;
}
.c-text__small {
    font-size: 11px;
}
.c-text__big {
    font-size: 150%}
.c-text__blue {
    color: #282828;
}
.c-title {
    font-size: 20px;
    line-height: 1.6;
    font-weight: bold;
    margin-bottom: 15px;
    /*font-family: "Pretendard", sans-serif;*/
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .c-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}.c-title__blue {
     color: #282828;
 }
.c-title__underline {
    border-bottom: 3px double;
}
.c-title__box {
    background-color: rgba(26, 40, 114, .0588235294);
    padding: 1em;
    text-align: center;
    max-width: 960px;
    line-height: 1.6;
}
@media only screen and (max-width:960px) {
    .c-title__box {
        width: 100%}
}.c-flex {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
.c-flex__nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
@media only screen and (max-width:640px) {
    .c-flex__nowrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .c-flex__nowrap .c-flex-unit {
        width: 100% !important;
    }
}.c-flex__wrap {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
.c-flex__spaceBetween {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.c-flex__spaceAround {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.c-flex__center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.c-flex__aligncenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-youtube {
    width: 100%;
    aspect-ratio: 16/9;
}
.c-youtube iframe {
    width: 100%;
    height: 100%}
.mt0 {
    margin-top: 0px;
}
.mr0 {
    margin-right: 0px;
}
.mb0 {
    margin-bottom: 0px;
}
.ml0 {
    margin-left: 0px;
}
.mt10 {
    margin-top: 10px;
}
.mr10 {
    margin-right: 10px;
}
.mb10 {
    margin-bottom: 10px;
}
.ml10 {
    margin-left: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mr20 {
    margin-right: 20px;
}
.mb20 {
    margin-bottom: 20px;
}
.ml20 {
    margin-left: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mr30 {
    margin-right: 30px;
}
.mb30 {
    margin-bottom: 30px;
}
.ml30 {
    margin-left: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mr40 {
    margin-right: 40px;
}
.mb40 {
    margin-bottom: 40px;
}
.ml40 {
    margin-left: 40px;
}
.mt50 {
    margin-top: 50px;
}
.mr50 {
    margin-right: 50px;
}
.mb50 {
    margin-bottom: 50px;
}
.ml50 {
    margin-left: 50px;
}
.mt60 {
    margin-top: 60px;
}
.mr60 {
    margin-right: 60px;
}
.mb60 {
    margin-bottom: 60px;
}
.ml60 {
    margin-left: 60px;
}
.mt70 {
    margin-top: 70px;
}
.mr70 {
    margin-right: 70px;
}
.mb70 {
    margin-bottom: 70px;
}
.ml70 {
    margin-left: 70px;
}
.mt80 {
    margin-top: 80px;
}
.mr80 {
    margin-right: 80px;
}
.mb80 {
    margin-bottom: 80px;
}
.ml80 {
    margin-left: 80px;
}
.mt90 {
    margin-top: 90px;
}
.mr90 {
    margin-right: 90px;
}
.mb90 {
    margin-bottom: 90px;
}
.ml90 {
    margin-left: 90px;
}
.mt100 {
    margin-top: 100px;
}
.mr100 {
    margin-right: 100px;
}
.mb100 {
    margin-bottom: 100px;
}
.ml100 {
    margin-left: 100px;
}
.mt110 {
    margin-top: 110px;
}
.mr110 {
    margin-right: 110px;
}
.mb110 {
    margin-bottom: 110px;
}
.ml110 {
    margin-left: 110px;
}
.mt120 {
    margin-top: 120px;
}
.mr120 {
    margin-right: 120px;
}
.mb120 {
    margin-bottom: 120px;
}
.ml120 {
    margin-left: 120px;
}
.u-noborder {
    border: none;
}
.greybg {
    background-color: #fcfcfc;
}
.wf-sawarabimincho {
    /*font-family: "Apple Gothic"*/
    font-family: "Pretendard", sans-serif;
}
.top_fv {
    width: calc(100% - 150px);
    max-width: 1600px;
    margin: 0 auto 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media only screen and (max-width:960px) {
    .top_fv {
        margin-top: 65px;
    }
}@media only screen and (max-width:640px) {
    .top_fv {
        width: calc(100% - 30px);
    }
}.top_fv .top_fv_5cols {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -ms-flex-pack: distribute;
     justify-content: space-around;
 }
.top_fv .top_fv_5cols .top_fv_img {
    display: block;
    margin: 2px 0;
    width: 19.5%}
@media only screen and (max-width:960px) {
    .top_fv .top_fv_5cols .top_fv_img {
        margin: 1px 0;
    }
}@media only screen and (max-width:640px) {
    .top_fv .top_fv_5cols .top_fv_img {
        margin: 0;
        width: 24.5%}
}.top_fv .top_fv_5cols .top_fv_img img {
     width: 100%}
.top_fv .top_fv_2cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 40%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
@media only screen and (max-width:640px) {
    .top_fv .top_fv_2cols {
        width: 50%}
}.top_fv .top_fv_2cols .top_fv_img {
     display: block;
     width: 49%;
     margin: 2px 0;
 }
@media only screen and (max-width:960px) {
    .top_fv .top_fv_2cols .top_fv_img {
        margin: 1px 0;
    }
}@media only screen and (max-width:640px) {
    .top_fv .top_fv_2cols .top_fv_img {
        margin: 0;
    }
}.top_fv .top_fv_2cols .top_fv_img img {
     width: 100%}
.top_fv .top_fv_3cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 60%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width:640px) {
    .top_fv .top_fv_3cols {
        width: 50%}
}.top_fv .top_fv_3cols .top_fv_ttl {
     color: #282828;
     font-size: min(4vw, 60px);
     font-weight: bold;
     line-height: 1.7;
     margin-bottom: 20px;
     letter-spacing: 5px;
 }
@media only screen and (max-width:640px) {
    .top_fv .top_fv_3cols .top_fv_ttl {
        font-size: min(5vw, 30px);
        margin-bottom: 10px;
    }
}.top_fv .top_fv_3cols .top_fv_subttl {
     font-size: min(1.5vw, 18px);
     line-height: 1.8;
 }
@media only screen and (max-width:640px) {
    .top_fv .top_fv_3cols .top_fv_subttl {
        font-size: min(3vw, 16px);
    }
}.top_mv_wrap {
     width: 100%;
     margin: 0 auto;
     position: relative;
 }
.top_mv_wrap .top_mv_bg {
    width: 60vw;
    height: 100%;
    margin: 0 auto;
    background: url("/img/top/fv2.jpg") no-repeat;
    background-size: auto 80vh;
    background-position: top left;
    position: absolute;
    top: 0;
    right: 0;
}
@media only screen and (max-width:640px) {
    .top_mv_wrap .top_mv_bg {
        width: 50%;
        background-size: auto 50vh;
        background-position: top left;
        background-attachment: scroll;
        margin: 0 0 30px;
    }
}.top_mv_wrap .top_mv_contentWrap {
     width: 100%;
     padding: 130px 0 80px;
     margin: 0 auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
@media only screen and (max-width:960px) {
    .top_mv_wrap .top_mv_contentWrap {
        padding: 130px 0 80px 30px;
    }
}.top_mv_wrap .top_mv_title {
     width: 40%;
     font-size: 50px;
     color: #2f2f2f;
     letter-spacing: 5px;
     line-height: 1.5;
     letter-spacing: 6px;
     /*font-family: "Apple Gothic";*/
     font-family: "Pretendard", sans-serif;
     text-align: right;
 }
.top_mv_wrap .top_mv_title h1 {
    display: inline-block;
    text-align: left;
}
.top_mv_wrap .top_mv_title em {
    font-style: normal;
    color: #282828;
}
@media only screen and (max-width:960px) {
    .top_mv_wrap .top_mv_title {
        font-size: 7vmin;
        width: 100%;
        text-align: left;
    }
}.top_mv_wrap .top_mv_text {
     width: 40%;
     text-align: right;
     padding-right: 80px;
 }
@media only screen and (max-width:960px) {
    .top_mv_wrap .top_mv_text {
        width: 100%;
        text-align: left;
    }
}.top_mv_wrap .top_mv_text p {
     display: inline-block;
     /*font-family: "Apple Gothic";*/
     font-family: "Pretendard", sans-serif;
     text-align: left;
     font-size: 20px;
     color: #2f2f2f;
     line-height: 1.6;
     padding: 0 0 30px;
     margin: 20px 0 40px;
     text-align: left;
     letter-spacing: 3px;
     color: #666;
 }
@media only screen and (max-width:960px) {
    .top_mv_wrap .top_mv_text p {
        font-size: 2.8vmin;
        margin: 20px 0 18px;
    }
}.top_strength_wrap {
     margin-bottom: 140px;
     padding: 140px 0;
 }
.top_strength_wrap_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media only screen and (max-width:960px) {
    .top_strength_wrap_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}.top_strength_wrap_content li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 28%;
     margin: 0 auto;
     border: 1px solid #f2f2f2;
     padding: 20px 10px;
     text-align: center;
     line-height: 2.2;
     font-size: 18px;
     background-color: #fff;
     position: relative;
 }
@media only screen and (max-width:960px) {
    .top_strength_wrap_content li {
        width: 100%;
        margin-bottom: 26px;
    }
}.top_strength_wrap_content li img {
     width: 65px;
     margin-bottom: 10px;
     margin-left:5%;
 }
.top_strength_wrap_content li span {
    width: 100%}
.top_strength_wrap_content li em {
    color: #ce3a36;
    font-weight: bold;
    font-style: normal;
    font-size: 150%}
.top_strength_wrap_content li .note {
    font-size: 10px;
    vertical-align: top;
}
.top_strength_wrap_link {
    font-size: 11px;
    background-color: #ce3a36;
    color: #fff;
    display: inline-block;
    padding: 10px;
    line-height: 1px;
    border-radius: 5px;
    margin-top: 5px;
}
.top_strength_wrap_note {
    position: absolute;
    right: 0;
    top: -18px;
    font-size: 10px;
}
.animate01 {
    -webkit-animation: fromright .5s ease-in forwards;
    animation: fromright .5s ease-in forwards;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.animate02 {
    -webkit-animation: frombottom .5s ease-in forwards;
    animation: frombottom .5s ease-in forwards;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.animate03 {
    -webkit-animation: fromright .5s ease-in forwards;
    animation: fromright .5s ease-in forwards;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.animate04 {
    -webkit-animation: fromtop .5s ease-in forwards;
    animation: fromtop .5s ease-in forwards;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.animateFade {
    -webkit-animation: fade .5s linear forwards;
    animation: fade .5s linear forwards;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fromright {
    from {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}@keyframes fromright {
     from {
         opacity: 0;
         -webkit-transform: translateX(20px);
         transform: translateX(20px);
     }
     to {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }@-webkit-keyframes fromleft {
      from {
          opacity: 0;
          -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
      }
      to {
          opacity: 1;
          -webkit-transform: translateX(0);
          transform: translateX(0);
      }
  }@keyframes fromleft {
       from {
           opacity: 0;
           -webkit-transform: translateX(-20px);
           transform: translateX(-20px);
       }
       to {
           opacity: 1;
           -webkit-transform: translateX(0);
           transform: translateX(0);
       }
   }@-webkit-keyframes frombottom {
        from {
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }@keyframes frombottom {
         from {
             opacity: 0;
             -webkit-transform: translateY(20px);
             transform: translateY(20px);
         }
         to {
             opacity: 1;
             -webkit-transform: translateY(0);
             transform: translateY(0);
         }
     }@-webkit-keyframes fromtop {
          from {
              opacity: 0;
              -webkit-transform: translateY(-20px);
              transform: translateY(-20px);
          }
          to {
              opacity: 1;
              -webkit-transform: translateY(0);
              transform: translateY(0);
          }
      }@keyframes fromtop {
           from {
               opacity: 0;
               -webkit-transform: translateY(-20px);
               transform: translateY(-20px);
           }
           to {
               opacity: 1;
               -webkit-transform: translateY(0);
               transform: translateY(0);
           }
       }@-webkit-keyframes fade {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }@keyframes fade {
             from {
                 opacity: 0;
             }
             to {
                 opacity: 1;
             }
         }@-webkit-keyframes none {
              from {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                  transform: translateY(0);
              }
              to {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                  transform: translateY(0);
              }
          }@keyframes none {
               from {
                   opacity: 1;
                   -webkit-transform: translateY(0);
                   transform: translateY(0);
               }
               to {
                   opacity: 1;
                   -webkit-transform: translateY(0);
                   transform: translateY(0);
               }
           }.top_purpose_wrap {
                position: relative;
                max-width: 1600px;
                width: 100%;
                margin: 0 auto 60px;
            }
.top_purpose_wrap .top_purpose_bg {
    position: absolute;
    left: 0;
    z-index: 0;
    display: block;
    width: 43%;
    height: 488px;
    background: url("/img/top/pic02.jpg") center center no-repeat;
    background-size: cover;
}
@media only screen and (max-width:960px) {
    .top_purpose_wrap .top_purpose_bg {
        display: none;
    }
}.top_purpose_wrap .top_purpose_main {
     position: relative;
     z-index: 5;
     max-width: 1100px;
     width: 100%;
     margin: 0 auto;
 }
.top_purpose_wrap .top_purpose_textarea {
    padding: 5px 0 0 44%;
    margin: 0 0 30px;
}
@media only screen and (max-width:960px) {
    .top_purpose_wrap .top_purpose_textarea {
        padding: 0 10px;
        margin: 0 0 20px;
    }
}.top_purpose_wrap .top_purpose_title {
     font-size: 28px;
     font-weight: 700;
     line-height: 1.5;
     color: #2f2f2f;
     letter-spacing: 1.5px;
     margin: 0 0 25px;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .top_purpose_wrap .top_purpose_title {
        font-size: 20px;
        margin: 0 0 18px;
        line-height: 1.3;
    }
}.top_purpose_wrap .top_purpose_title span {
     display: block;
     color: #919191;
     font-size: 14px;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .top_purpose_wrap .top_purpose_title span {
        font-size: 12px;
    }
}.top_purpose_wrap .top_purpose_text {
     font-size: 14px;
     color: #2f2f2f;
     line-height: 1.6;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .top_purpose_wrap .top_purpose_text {
        font-size: 14px;
    }
}.top_purpose_list {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     margin: 0 0 50px;
 }
@media only screen and (max-width:960px) {
    .top_purpose_list {
        display: block;
        padding: 0 5px;
        margin: 0 0 30px;
    }
}.top_purpose_list .top_purpose_item {
     width: 25%;
     text-align: center;
 }
@media only screen and (max-width:960px) {
    .top_purpose_list .top_purpose_item {
        width: 100%}
}.top_purpose_list .top_purpose_item.bg01 {
     background: #e6e7e8;
 }
.top_purpose_list .top_purpose_item.bg01 a:hover {
    background: #fff;
}
.top_purpose_list .top_purpose_item.bg01 .top_purpose_step_num {
    color: #2f2f2f;
}
.top_purpose_list .top_purpose_item.bg01 .top_purpose_step_title {
    color: #2f2f2f;
}
.top_purpose_list .top_purpose_item.bg01 .top_purpose_step_text {
    color: #2f2f2f;
}
.top_purpose_list .top_purpose_item.bg01 .top_purpose_step_more {
    color: #2f2f2f;
}
.top_purpose_list .top_purpose_item.bg02 {
    background: #484848;
}
.top_purpose_list .top_purpose_item.bg02 a:hover {
    background: #000;
}
.top_purpose_list .top_purpose_item.bg03 a {
    background: #2f2f2f;
}
.top_purpose_list .top_purpose_item.bg03 a a:hover {
    background: #fff;
}
.top_purpose_list .top_purpose_link {
    position: relative;
    padding: 30px 0 15px;
    display: block;
    width: 100%;
    text-decoration: none;
}
@media only screen and (max-width:960px) {
    .top_purpose_list .top_purpose_link {
        padding: 22px 10px 25px;
        -js-display: flex;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}@media only screen and (max-width:960px) {
    .top_purpose_list .top_purpose_left {
        width: 140px;
    }
}@media only screen and (max-width:960px) {
    .top_purpose_list .top_purpose_right {
        width: calc(100% - 140px);
    }
}.top_purpose_list .top_purpose_step_num {
     font-size: 16px;
     letter-spacing: 2px;
     color: #fff;
     margin: 0 0 15px;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .top_purpose_list .top_purpose_step_num {
        font-size: 10px;
        margin: 0 0 10px;
    }
}.top_purpose_list .top_purpose_step_num span {
     font-size: 32px;
 }
@media only screen and (max-width:960px) {
    .top_purpose_list .top_purpose_step_num span {
        font-size: 20px;
    }
}.top_purpose_list .top_purpose_step_icon {
     display: block;
     width: 48px;
     margin: 0 auto 10px;
 }
@media only screen and (max-width:960px) {
    .top_purpose_list .top_purpose_step_icon {
        width: 40px;
        margin: 0 auto 10px;
    }
}.top_purpose_list .top_purpose_step_title {
     font-size: 14px;
     line-height: 1.5;
     color: #fff;
     font-weight: bold;
     height: 42px;
     margin: 0 0 10px;
     /*font-family: "Pretendard", sans-serif;*/
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .top_purpose_list .top_purpose_step_title {
        font-size: 12px;
        margin: 0;
        height: inherit;
    }
}.top_purpose_list .top_purpose_step_title.type01 {
     padding: 10px 0 0;
 }
@media only screen and (max-width:960px) {
    .top_purpose_list .top_purpose_step_title.type01 {
        padding: 0;
    }
}.top_purpose_list .top_purpose_step_text {
     font-size: 13px;
     line-height: 1.4;
     color: #fff;
     text-align: left;
     width: 90%;
     margin: 0 auto 20px;
     height: 85px;
     font-family: "Pretendard", sans-serif;
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:1024px) {
    .top_purpose_list .top_purpose_step_text {
        height: 120px;
    }
}@media only screen and (max-width:960px) {
    .top_purpose_list .top_purpose_step_text {
        height: inherit;
        width: 100%;
        font-size: 12px;
        margin: 0;
    }
}.top_purpose_list .top_purpose_step_more {
     text-align: right;
     font-size: 14px;
     font-weight: bold;
     color: #fff;
     padding: 0 17px;
     /*font-family: "Pretendard", sans-serif;*/
      font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .top_purpose_list .top_purpose_step_more {
        position: absolute;
        bottom: 7px;
        right: 15px;
        padding: 0;
        font-size: 12px;
    }
}.top_purpose_sub_block {
     position: relative;
     max-width: 1200px;
     width: 100%;
     margin: 30px auto 0;
     padding: 35px 30px 24px 50px;
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
.top_purpose_sub_block:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /*border: 1px #707070 solid;*/
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    display: block;
}
@media only screen and (max-width:960px) {
    .top_purpose_sub_block: before {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
    }
}@media only screen and (max-width:960px) {
    .top_purpose_sub_block {
        padding: 25px 15px 15px;
        width: calc(100% - 20px);
    }
}@media only screen and (max-width:640px) {
    .top_purpose_sub_block {
        display: block;
        text-align: right;
    }
}.top_purpose_sub_block .top_purpose_sub_left {
     width: calc(100% - 270px);
     position: relative;z-index: 5;
 }
@media only screen and (max-width:960px) {
    .top_purpose_sub_block .top_purpose_sub_left {
        width: calc(100% - 180px);
    }
}@media only screen and (max-width:640px) {
    .top_purpose_sub_block .top_purpose_sub_left {
        width: 100%;
        margin: 0 0 10px;
        text-align: left;
    }
}.top_purpose_sub_block.black_bg {
     background: #292929;
     border: 1px #292929 solid;
 }
.top_purpose_sub_block.black_bg:before {
    content: none;
}
.top_purpose_sub_block.black_bg .top_purpose_sub_title {
    color: #fff;
    border-bottom: 1px #fff solid;
}
.top_purpose_sub_block.black_bg .top_purpose_sub_text {
    color: #fff;
}
.top_purpose_sub_block.black_bg .top_purpose_sub_btn {
    background: #fff;
    color: #282828;
    font-weight: bold;
}
.top_purpose_sub_block.mb60 {
    margin: 0 auto 60px;
}
@media only screen and (max-width:960px) {
    .top_purpose_sub_block.mb60 {
        margin: 0 auto 20px;
    }
}.top_purpose_sub_block .top_purpose_sub_title {
     font-size: 33px;
     color: #fff;
     font-weight: normal;
     padding: 0 0 12px;
     margin: 0 0 15px;
     display: block;
     width: 100%;
     border-bottom: 1px #ababab solid;
     /*font-family: "Pretendard", sans-serif;*/
     font-family: "Pretendard", sans-serif;
 }
.top_purpose_sub_block .top_purpose_sub_title img {
    width: 20px;
    margin: 0 0 0 15px;
    vertical-align: middle;
}
@media only screen and (max-width:960px) {
    .top_purpose_sub_block .top_purpose_sub_title {
        font-size: 22px;
        max-width: 274px;
        width: 100%;
        margin: 0 0 10px;
        line-height: 1.3;
    }
}.top_purpose_sub_block .top_purpose_sub_text {
     font-size: 18px;
     line-height: 2;
     color: #fff;
     /*font-family: "Pretendard", sans-serif;*/
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .top_purpose_sub_block .top_purpose_sub_text {
        font-size: 12px;
    }
}.top_purpose_sub_block .top_purpose_sub_btn {
     position: relative;
     font-size: 16px;
     text-decoration: none;
     text-align: center;
     display: block;
     width: 230px;
     height: 50px;
     line-height: 50px;
     color: #fff;
     background: #282828;
     letter-spacing: 1px;
    border-radius:10px;
     font-family: "Pretendard", sans-serif;z-index:5; /*소프트웨어 개발 기술 버튼*/
     /*font-family: "Pretendard", sans-serif;*/
 }
@media only screen and (max-width:960px) {
    .top_purpose_sub_block .top_purpose_sub_btn {
        font-size: 14px;
        width: 169px;
        height: 38px;
        line-height: 38px;
    }
}@media only screen and (max-width:640px) {
    .top_purpose_sub_block .top_purpose_sub_btn {
        display: inline-block;
    }
}.top_purpose_sub_block .top_purpose_sub_btn__small {
     font-size: 14px;
 }
.top_research_main {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    margin: 0 auto 50px;
}
@media only screen and (max-width:750px) {
    .top_research_main {
        display: block;
    }
}.top_research_main .top_research_link {
     display: block;
     width: 100%;
     height: 100%;
     position: relative;
     text-decoration: none;
 }
.top_research_main .top_research_link.original_bg {
    background: url("/img/top/r_pic01.jpg") center center no-repeat;
    background-size: cover;
}
.top_research_main .top_research_link.bg01 {
    background: url("/img/top/r_pic02.jpg") center center no-repeat;
    background-size: cover;
}
.top_research_main .top_research_link.bg02 {
    background: url("/img/top/r_pic03.jpg") center center no-repeat;
    background-size: cover;
}
.top_research_main .top_research_link.bg03 {
    background: url("/img/top/r_pic04.jpg") center center no-repeat;
    background-size: cover;
}
.top_research_main .top_research_link.bg04 {
    background: url("/img/top/r_pic05.jpg") center center no-repeat;
    background-size: cover;
}
.top_research_main .top_research_original {
    position: relative;
    display: block;
    width: 33%;
    height: 408px;
    margin: 0 20px 0 0;
}
@media only screen and (max-width:750px) {
    .top_research_main .top_research_original {
        width: 100%;
        height: 230px;
        margin: 0 0 10px;
    }
}.top_research_main .top_research_original .top_research_original_box {
     background: #fff;
     width: 215px;
     display: block;
     padding: 25px 0 20px 20px;
     position: absolute;
     left: 0;
     bottom: 120px;
 }
@media only screen and (max-width:960px) {
    .top_research_main .top_research_original .top_research_original_box {
        padding: 20px 0 20px 18px;
        width: 191px;
        height: 110px;
    }
}@media only screen and (max-width:750px) {
    .top_research_main .top_research_original .top_research_original_box {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}.top_research_main .top_research_original .top_research_original_subtitle {
     display: block;
     width: 148px;
     font-size: 15px;
     color: #2f2f2f;
     padding: 0 0 8px;
     border-bottom: 1px #2f2f2f solid;
     margin: 0 0 10px;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .top_research_main .top_research_original .top_research_original_subtitle {
        font-size: 14px;
        width: 130px;
        padding: 0 0 5px;
    }
}.top_research_main .top_research_original .top_research_original_title {
     font-size: 20px;
     color: #2f2f2f;
     font-weight: 700;
     line-height: 1.4;
     letter-spacing: 2px;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .top_research_main .top_research_original .top_research_original_title {
        font-size: 18px;
    }
}.top_research_main .top_research_original .top_research_original_title span {
     display: block;
     font-size: 14px;
     font-weight: 400;
     color: #919191;
 }
.top_research_main .top_research_list {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    width: calc(67% - 20px);
}
@media only screen and (max-width:750px) {
    .top_research_main .top_research_list {
        width: 100%}
}.top_research_main .top_research_list .top_research_item {
     width: calc((100% - 20px)/2);
     height: 194px;
     margin: 0 20px 20px 0;
 }
.top_research_main .top_research_list .top_research_item:nth-of-type(2) {
    margin: 0 0 20px;
}
@media only screen and (max-width:750px) {
    .top_research_main .top_research_list .top_research_item: nth-of-type(2) {
    margin: 0 auto 10px;
}
}.top_research_main .top_research_list .top_research_item:nth-of-type(3) {
     margin: 0 20px 0 0;
 }
@media only screen and (max-width:750px) {
    .top_research_main .top_research_list .top_research_item: nth-of-type(3) {
    margin: 0 auto 10px;
}
}.top_research_main .top_research_list .top_research_item:nth-of-type(4) {
     margin: 0;
 }
@media only screen and (max-width:750px) {
    .top_research_main .top_research_list .top_research_item {
        width: 100%;
        height: 150px;
        margin: 0 auto 10px;
    }
}.top_research_main .top_research_item_box {
     background: #fff;
     width: 215px;
     display: block;
     padding: 20px 0 15px 20px;
     position: absolute;
     left: 0;
     top: 60px;
 }
@media only screen and (max-width:960px) {
    .top_research_main .top_research_item_box {
        padding: 15px 0 15px 10px;
        width: 165px;
    }
}@media only screen and (max-width:750px) {
    .top_research_main .top_research_item_box {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}.top_research_main .top_research_item_title {
     font-size: 16px;
     color: #2f2f2f;
     font-weight: 700;
     line-height: 1.4;
     letter-spacing: 2px;
     font-family: "Pretendard", sans-serif;
 }
.top_research_main .top_research_item_title span {
    letter-spacing: normal;
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #919191;
    font-family: "Open Sans", sans-serif;
}
.top_solution_wrap {
    margin: 0 0 105px;
}
@media only screen and (max-width:960px) {
    .top_solution_wrap {
        margin: 0 0 80px;
    }
}.top_solution_wrap .top_solution_top {
     position: relative;
     background: #292929;
     padding: 60px 0 170px;
 }
@media only screen and (max-width:1200px) {
    .top_solution_wrap .top_solution_top {
        padding: 100px 10px 190px;
    }
}@media only screen and (max-width:960px) {
    .top_solution_wrap .top_solution_top {
        padding: 25px 20px 50px;
        margin: 0 0 165px;
    }
}.top_solution_wrap .top_solution_title {
     position: relative;
     z-index: 3;
     color: #fff;
     letter-spacing: 2.5px;
     line-height: 1.5;
     font-size: 48px;
     font-weight: 400;
     margin: 0 0 30px 20px;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .top_solution_wrap .top_solution_title {
        font-size: 26px;
        margin: 0 0 15px;
    }
}.top_solution_wrap .top_solution_title span {
     color: #919191;
 }
.top_solution_wrap .top_solution_text {
    position: relative;
    z-index: 3;
    font-size: 20px;
    width: 62%;
    line-height: 1.8;
    color: #fff;
    font-weight: bold;
    margin-left: 20px;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .top_solution_wrap .top_solution_text {
        font-size: 15px;
        width: 100%;
        margin-left: 0;
    }
}.top_solution_wrap .top_solution_btn {
     margin-top: 30px;
 }
.top_solution_wrap .top_solution_subtitle {
    text-align: center;
    line-height: 1.8;
    font-size: 28px;
    color: #2f2f2f;
    font-weight: normal;
    margin: 0 0 40px;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .top_solution_wrap .top_solution_subtitle {
        font-size: 25px;
        margin: 0 0 20px;
    }
    @media only screen and (max-width: 767px) {
        .top_solution_wrap .top_solution_subtitle {
            font-size: 23px; /* 작은 화면에서 글자 크기를 더 키울 수 있음 */
            margin: 0 0 15px;
        }
    }

    @media only screen and (max-width: 480px) {
        .top_solution_wrap .top_solution_subtitle {
            font-size: 18px; /* iPhone SE 같은 작은 화면을 위한 설정 */
            margin: 0 0 10px;
        }
    }

}.top_solution_wrap .top_solution_subtext {
     font-size: 26px;
     line-height: 1.7;
     text-align: center;
     color: #2f2f2f;
     margin: 0 0 25px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .top_solution_wrap .top_solution_subtext {
        font-size: 12px;
        margin: 0 0 18px;
    }
}.top_solution_list {
     width: 100%;
     max-width: 1800px;
     margin: 0 auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }
.top_solution_item {
    display: block;
    width: 17.3%;height:220px;
    margin: 10px 5px;
    background-color: #ffffff;
}
.top_solution_item span{
    text-align: center;
    color:#ce3a36;
    font-size:48px;
    padding-bottom: 3%;
}
.top_solution_item p{
    text-align: center;
    color:#333;line-height: 20px;
}

@media only screen and (max-width:960px) {
    .top_solution_item {
        width: 45%;height:180px;}
}.top_solution_item_title {
     text-align: center;
     font-size: 18px;
     color: #484848;
     font-weight: normal;
     line-height: 1.4;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .top_solution_item_title {
        font-size: 17px;
    }
}.top_solution_item_title span {
     font-size: 22px;
     color: #919191;
 }
.top_solution_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 20px 10px;
    border: 1px solid #ababab;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 12px ;
}
.top_solution_link:hover {
    background: #ce3a36;
    opacity: 1;
}
.top_solution_link:hover .top_solution_icon {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.top_solution_link:hover .top_solution_item_title {
    color: #fff;
}
.top_solution_link:hover .top_solution_item_title span {
    color: #fff;
}
.top_solution_link:hover span {
    color: #fff;
}
.top_solution_link:hover p {
    color: #fff;
}
.top_solution_link:hover:after {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
@media only screen and (max-width:960px) {
    .top_solution_link: hover:after {
        -webkit-filter: inherit;
        filter: inherit;
    }
}.top_solution_link:after {
     /*content: "";*/
     /*background: url("/img/icon/icon03.svg") center center no-repeat;*/
     background-size: 8px;
     width: 8px;
     height: 8px;
     position: absolute;
     bottom: 3px;
     right: 3px;
 }
.top_solution_icon {
    display: block;
    width: 60px;
    max-height: 60px;
    margin: 0 auto 10px;
}
@media only screen and (max-width:960px) {
    .top_solution_icon {
        width: 52px;
        height: 52px;
    }
}.top_case_wrap {
     position: relative;
     margin: 0 0 40px;
     padding: 80px 10px 60px;
     /*background: -webkit-gradient(linear,  left top,  left bottom,  from(rgba(255,  255,  255,  0)),  color-stop(20%,  rgb(255,  255,  255)));*/
     /*background: linear-gradient(180deg,  rgba(255,  255,  255,  0) 0%,  rgb(255,  255,  255) 20%);*/
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(20%, rgb(255, 255, 255)));
     background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 20%);

 }
.top_case_wrap .common_title::before {
    content: "";
    position: absolute;
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 50px;
    width: 1px;
    border-left: 2px dotted #919191;
}
.top_case_wrap .common_case_list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.top_case_wrap .common_case_item {
    width: calc((100% - 84px)/4);
    padding: 0 20px;
    margin: 0;
}
.top_case_wrap .common_case_item:nth-of-type(4n) {
    margin: 0 0 60px;
}
@media only screen and (max-width:960px) {
    .top_case_wrap .common_case_item: nth-of-type(4n) {
    margin: 0 0 24px;
}
}@media only screen and (max-width:960px) {
    .top_case_wrap .common_case_item {
        width: 49%;
        margin: 0 0 24px;
    }
}@media only screen and (max-width:640px) {
    .top_case_wrap .common_case_item {
        width: 100%}
}.top_case_wrap .common_case_item .common_case_pic {
     height: 184px;
 }
.top_contents_wrap {
    padding: 40px 0 108px;
}
@media only screen and (max-width:960px) {
    .top_contents_wrap {
        padding: 60px 0 65px;
    }
}@media only screen and (max-width:640px) {
    .top_contents_wrap {
        padding: 60px 10px 65px;
    }
}.top_news_wrap {
     padding: 40px 10px;
     background: #f7f7f7;
 }
@media only screen and (max-width: 640px) {
    .top_news_wrap {
        padding: 60px 10px 30px;
    }
}.top_news_wrap .top_news_list_wrap {
     padding: 25px 10%;
     margin: 0 auto 50px;
     background: #fff;
 }
@media only screen and (max-width: 640px) {
    .top_news_wrap .top_news_list_wrap {
        background: none;
        padding: 0;
        margin: 0 auto;
    }
}.common_news_list .common_news_item {
     padding: 20px 0;
 }
@media only screen and (max-width: 640px) {
    .common_news_list .common_news_item {
        padding: 0 0 15px;
    }
}.common_news_list .common_news_item .common_news_link {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     text-decoration: none;
     color: #2f2f2f;
     font-size: 18px;
     line-height: 1.3;
     padding: 5px 0;
 }
@media only screen and (max-width: 960px) {
    .common_news_list .common_news_item .common_news_link {
        font-size: 15px;
    }
}@media only screen and (max-width: 640px) {
    .common_news_list .common_news_item .common_news_link {
        display: block;
    }
}.common_news_list .common_news_item .common_news_link .common_news_link_date {
     margin: 0 20px 0 0;
     display: block;
 }
@media only screen and (max-width: 640px) {
    .common_news_list .common_news_item .common_news_link .common_news_link_date {
        font-size: 12px;
    }
}.common_news_list .common_news_item .common_news_link .common_news_link_title {
     /*text-decoration: underline;*/
 }
.common_news_list .common_news_item .common_jump_link:after {
    content: url("/img/common/e_link.webp");
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 20px;
}
@media only screen and (max-width: 640px) {
    .common_news_list .common_news_item .common_jump_link: after {
        margin: 0 0 0 10px;
    }
}.top_seminar_wrap {
     padding: 60px 10px;
 }
@media only screen and (max-width:640px) {
    .top_seminar_wrap {
        padding: 60px 10px 30px;
    }
}.top_seminar_wrap .top_seminar_list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     margin-bottom: 20px;
 }
.top_seminar_wrap .top_seminar_item {
    width: calc(33.33% - 15px); /* 3열로 설정 */
    position: relative;
    overflow: hidden; /* 이미지를 넘어서 확대되는 부분이 잘리지 않도록 */
}
@media only screen and (max-width:960px) {
    .top_seminar_wrap .top_seminar_item {
        width: calc(50% - 15px); /* 작은 화면에서는 2열로 */
        margin-bottom: 35px;
    }
}

@media only screen and (max-width:640px) {
    .top_seminar_wrap .top_seminar_item {
        width: 100%; /* 더 작은 화면에서는 1열로 */
        margin-bottom: 35px;
    }
}

.top_seminar_wrap .top_seminar_item2 {
    width: calc(25% - 15px); /* 3열로 설정 */
    position: relative;
    overflow: hidden; /* 이미지를 넘어서 확대되는 부분이 잘리지 않도록 */
}
@media only screen and (max-width:960px) {
    .top_seminar_wrap .top_seminar_item2 {
        width: calc(50% - 15px); /* 작은 화면에서는 2열로 */
        margin-bottom: 35px;
    }
}

@media only screen and (max-width:640px) {
    .top_seminar_wrap .top_seminar_item2 {
        width: 100%; /* 더 작은 화면에서는 1열로 */
        margin-bottom: 35px;
    }
}

}.top_seminar_wrap .top_seminar_link {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     text-decoration: none;
     color: #2f2f2f;
 }
@media only screen and (max-width:640px) {
    .top_seminar_wrap .top_seminar_link {
        font-size: 14px;
    }
}.top_seminar_wrap .seiminar_img {
     width: 100%;
     height: 330px;
     overflow: hidden;
     position: relative; /* 그라디언트와 텍스트를 이미지 위에 겹치도록 설정 */
 }
.top_seminar_wrap .seiminar_img img {
    width: 100%;
    transition: transform 0.3s ease; /* 확대 시 부드러운 전환 효과 */
    height: 100%;
    object-fit: cover; /* 이미지가 영역에 맞게 잘리더라도 비율이 유지되도록 설정 */
    display: block;
}
.top_seminar_wrap .seiminar_img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* 이미지 전체에 그라디언트 적용 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1));
    /* 위쪽은 투명하고, 아래쪽으로 갈수록 점점 더 어두워짐 */
    z-index: 1; /* 그라디언트가 이미지 위에 위치 */
}

/*원래이미지*/
.top_seminar_wrap .seiminar_img2 {
    width: 100%;height: 260px;
    overflow: hidden;
    position: relative; /* 그라디언트와 텍스트를 이미지 위에 겹치도록 설정 */
}
.top_seminar_wrap .seiminar_img2 img {
    width: 100%;
    transition: transform 0.3s ease; /* 확대 시 부드러운 전환 효과 */
    height: 100%;
    object-fit: cover; /* 이미지가 영역에 맞게 잘리더라도 비율이 유지되도록 설정 */
    display: block;
}
.top_seminar_wrap .seiminar_img2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* 이미지 전체에 그라디언트 적용 */
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1));*/
    /* 위쪽은 투명하고, 아래쪽으로 갈수록 점점 더 어두워짐 */
    z-index: 1; /* 그라디언트가 이미지 위에 위치 */
}

.top_seminar_wrap .top_seminar_item:hover .seiminar_img img {
    transform: scale(1.05); /* 마우스를 올렸을 때 이미지 5% 확대 */
}
.top_seminar_wrap .seminar_status {
    display: block;
    position: absolute;
    padding: 6px 8px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}
@media only screen and (max-width:640px) {
    .top_seminar_wrap .seminar_status {
        font-size: 14px;
    }
}.top_seminar_wrap .seminar_status__close {
     background-color: #b0b0b0;
 }
.top_seminar_wrap .seminar_status__open {
    background-color: #282828;
    font-size: 14px;
}
.top_seminar_wrap .top_seminar_date {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.4;
    color: #2f2f2f;
}
@media only screen and (max-width:640px) {
    .top_seminar_wrap .top_seminar_date {
        font-size: 14px;
    }
}.top_seminar_wrap .top_seminar_title {
     font-size: 18px;
     line-height: 1.4;
     font-weight: normal;
     padding-bottom:20px;
     padding-right: 20px;
 }
@media only screen and (max-width:640px) {
    .top_seminar_wrap .top_seminar_title {
        font-size: 16px;
    }
}.top_seminar_wrap .seminar_linked .top_seminar_title {
     /*text-decoration: underline;*/
 }
.top_seminar_wrap .seiminar_content {
     position: absolute;
     top: 40%; /* 텍스트를 이미지의 세로 중앙으로 이동 */
     left: 20px;
     width: 100%;
     height: 100px; /* 텍스트 박스의 높이를 고정 */
     padding: 20px;
     display: flex;
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     justify-content: flex-start; /* 텍스트를 상단에 정렬 */
     color: #fff;
     z-index: 2;
     text-align: left;
 }
.top_seminar_wrap .seminar_title {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 5px 0; /* 제목과 설명 사이의 간격 */
    color:#fff;
}
.top_seminar_wrap .seminar_desc {
    font-size: 14px;
    margin: 0 0 5px 0; /* 설명과 "더 알아보기" 사이의 간격 */
}
.top_seminar_wrap .learn_more {
    font-size: 18px;
    color: #ababab;
    text-decoration: none;
    font-weight: normal;
    display: inline-flex;
    align-items: center;
}

.top_seminar_wrap .learn_more .arrow_icon {
    font-size: 16px;
    margin-left: 5px;
}

/*원래세미나*/

.top_seminar_wrap .seiminar_content2 {
    width: 100%;
    height: 100px; /* 텍스트 박스의 높이를 고정 */
    /*padding: 20px;*/
    padding-top:20px;
    display: flex;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* 텍스트를 상단에 정렬 */
    color: #333;
    z-index: 2;
    text-align: left;
}
/*원래이미지*/
.top_seminar_wrap .seiminar_img2 {
    width: 100%;
    overflow: hidden;
    position: relative; /* 그라디언트와 텍스트를 이미지 위에 겹치도록 설정 */
}
.top_seminar_wrap .seiminar_img2 img {
    width: 100%;
    transition: transform 0.3s ease; /* 확대 시 부드러운 전환 효과 */
    height: 100%;
    object-fit: cover; /* 이미지가 영역에 맞게 잘리더라도 비율이 유지되도록 설정 */
    display: block;
}
.top_seminar_wrap .seiminar_img2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* 이미지 전체에 그라디언트 적용 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
    /* 위쪽은 투명하고, 아래쪽으로 갈수록 점점 더 어두워짐 */
    z-index: 1; /* 그라디언트가 이미지 위에 위치 */
}
.top_seminar_wrap .top_seminar_item2:hover .seiminar_img2 img {
    transform: scale(1.05); /* 마우스를 올렸을 때 이미지 5% 확대 */
}
.top_seminar_wrap .seminar_status2 {
    display: block;
    position: absolute;
    padding: 6px 8px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}
@media only screen and (max-width:640px) {
    .top_seminar_wrap .seminar_status2 {
        font-size: 14px;
    }
}.top_seminar_wrap .seminar_status__close2 {
     background-color: #b0b0b0;
 }
.top_seminar_wrap .seminar_status__open2 {
    background-color: #282828;
    font-size: 14px;
}
.top_seminar_wrap .top_seminar_date2 {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.4;
    color: #2f2f2f;
    padding-left: 0px;
}
@media only screen and (max-width:640px) {
    .top_seminar_wrap .top_seminar_date2 {
        font-size: 14px;
    }
}.top_seminar_wrap .top_seminar_title2 {
     font-size: 16px;
     line-height: 1.4;
     font-weight: normal;
     padding-top: 5px;
     /*border:1px solid red;*/
 }
@media only screen and (max-width:640px) {
    .top_seminar_wrap .top_seminar_title2 {
        font-size: 16px;
    }
}.top_seminar_wrap .seminar_linked2 .top_seminar_title2 {
     /*text-decoration: underline;*/
 }


.top_seminar_wrap .top_seminar_item:hover .seiminar_content {
    /*background: rgba(0, 0, 0, 0.7); !* 마우스를 올렸을 때 배경색 더 어둡게 *!*/
}
.top_column_wrap {
    padding: 40px 10px;
}
.top_column_wrap .top_column_list {
    margin: 0 auto 40px;
}
.top_column_wrap .top_column_list .top_column_item {
    margin: 0 0 25px;
}
@media only screen and (max-width: 640px) {
    .top_column_wrap .top_column_list .top_column_item {
        border-bottom: solid 1px #9f9f9f;
        padding: 0 0 10px;
    }
}.top_column_wrap .top_column_list .top_column_item .top_column_link {
     text-decoration: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
@media only screen and (max-width: 640px) {
    .top_column_wrap .top_column_list .top_column_item .top_column_link {
        display: block;
    }
}.top_column_wrap .top_column_list .top_column_item .top_column_link .top_column_item_pic {
     width: 300px;
     height: 210px;
     background-size: cover;
 }
@media only screen and (max-width: 640px) {
    .top_column_wrap .top_column_list .top_column_item .top_column_link .top_column_item_pic {
        width: 100%;
        height: 250px;
    }
}.top_column_wrap .top_column_list .top_column_item .top_column_link .top_column_item_info {
     color: #272727;
     width: calc(100% - 320px);
 }
@media only screen and (max-width: 640px) {
    .top_column_wrap .top_column_list .top_column_item .top_column_link .top_column_item_info {
        width: 100%;
        margin: 10px 0 0;
    }
}.top_column_wrap .top_column_list .top_column_item .top_column_link .top_column_item_info .top_column_item_date {
     font-size: 13px;
 }
.top_column_wrap .top_column_list .top_column_item .top_column_link .top_column_item_info .top_column_item_title {
    font-size: 18px;
    font-weight: bold;
    margin: 25px 0;
    line-height: 1.6;
}
@media only screen and (max-width: 640px) {
    .top_column_wrap .top_column_list .top_column_item .top_column_link .top_column_item_info .top_column_item_title {
        margin: 10px 0;
        font-size: 16px;
    }
}.top_column_wrap .top_column_list .top_column_item .top_column_link .top_column_item_info .top_column_item_text {
     line-height: 1.6;
     font-size: 14px;
     padding: 0 0 20px;
     margin: 0 0 10px;
     border-bottom: solid 1px #9f9f9f;
 }
@media only screen and (max-width: 640px) {
    .top_column_wrap .top_column_list .top_column_item .top_column_link .top_column_item_info .top_column_item_text {
        display: none;
    }
}.top_column_wrap .top_column_list .top_column_item .top_column_link .top_column_item_info .top_column_item_more {
     text-align: right;
     font-size: 14px;
     font-weight: bold;
 }
.top_case_wrap .swiper-button-next, .top_case_wrap .swiper-button-prev {
    color: #282828;
    height: 30px;
    margin-top: -15px;
    top: calc(50% - 20px);
}
.top_case_wrap .swiper-button-next::after, .top_case_wrap .swiper-button-prev::after {
    font-size: 30px;
}
.top_case_wrap .swiper-button-next, .top_case_wrap .swiper-rtl .swiper-button-prev {
    right: 0;
}
.top_case_wrap .swiper-button-prev, .top_case_wrap .swiper-rtl .swiper-button-next {
    left: 0;
}
.top_case_wrap .swiper-horizontal>.swiper-pagination-bullets, .top_case_wrap .swiper-pagination-bullets.swiper-pagination-horizontal, .top_case_wrap .swiper-pagination-custom, .top_case_wrap .swiper-pagination-fraction {
    bottom: 0;
}
.top_case_wrap .swiper {
    padding: 0 10px;
    margin-bottom: 30px;
}
.top_case_wrap .common_company_logo_list.common_company_logo_list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.top_case_wrap .common_company_logo_list.top_case_list.swiper-wrapper {
    height: 140px;
    padding-bottom: 30px;
    margin: 0;
}
@media only screen and (max-width:750px) {
    .top_case_wrap .common_company_logo_list.top_case_list.swiper-wrapper {
        height: 250px;
    }
}.top_case_wrap .common_company_logo_list .common_company_logo_item {
     margin: 0;
     padding: 0 20px;
 }
@media only screen and (max-width:750px) {
    .top_case_wrap .common_company_logo_list .common_company_logo_item {
        height: 100%}
}.top_case_wrap h1 {
     display: block;
     letter-spacing: 2px;
     text-align: center;
     color: #919191;
     font-size: 22px !important;
     margin-top: -20px !important;
 }
@media only screen and (max-width: 640px) {
    .top_case_wrap h1 {
        margin-top: 10px !important;
    }
}.feature_mv_block {
     background: #f7f7f7;
     height: 390px;
     padding: 0 10px;
      background: url("/img/company/companyMain.png") center center no-repeat;
     background-size: cover;
 }
@media only screen and (max-width:960px) {
    .feature_mv_block {
        height: inherit;
        margin: 0;
        padding: 130px 10px 30px;
    }
}.feature_mv_block .feature_mv_inner {
     position: relative;
     height: 100%;
     max-width: 1200px;
     width: 100%;
     margin: 0 auto;
 }
.feature_mv_block .feature_mv_title {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (max-width:960px) {
    .feature_mv_block .feature_mv_title {
        top: -90px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}.feature_mv_block .feature_mv_title:before {
     content: "";
     width: 100%;
     height: 100%;
     background: #fff;
     position: absolute;
     left: -100%;
     top: 0;
 }
.feature_mv_block .feature_mv_title .feature_mv_en {
    display: inline-block;
    padding: 25px 90px 0 0;
    background: #fff;
    font-size: 69px;
    color: #919191;
    letter-spacing: 4px;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
}
@media only screen and (max-width:1200px) {
    .feature_mv_block .feature_mv_title .feature_mv_en {
        font-size: 50px;
    }
}@media only screen and (max-width:960px) {
    .feature_mv_block .feature_mv_title .feature_mv_en {
        font-size: 24px;
        padding: 15px 10px 0 0;
    }
}.feature_mv_block .feature_mv_title .feature_mv_jp {
     display: inline-block;
     font-size: 32px;
     color: #2f2f2f;
     font-weight: bold;
     background: #fff;
     letter-spacing: 1.5px;
     padding: 25px 60px 25px 0;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:1200px) {
    .feature_mv_block .feature_mv_title .feature_mv_jp {
        font-size: 25px;
    }
}@media only screen and (max-width:960px) {
    .feature_mv_block .feature_mv_title .feature_mv_jp {
        font-size: 12px;
        padding: 15px 10px 15px 0;
    }
}.feature_mv_block .feature_mv_textarea {
     position: absolute;
     right: 0;
     bottom: -120px;
     background: #fff;
     padding: 15px 40px;
 }
@media only screen and (max-width:1200px) {
    .feature_mv_block .feature_mv_textarea {
        padding: 15px 20px;
        bottom: -98px;
    }
}@media only screen and (max-width:960px) {
    .feature_mv_block .feature_mv_textarea {
        padding: 10px;
        bottom: inherit;
        right: inherit;
        position: relative;
    }
}.feature_mv_block .feature_mv_text {
     font-size: 23px;
     color: #2f2f2f;
     line-height: 1.6;
     font-family: "Pretendard", sans-serif;font-weight:600;
 }
@media only screen and (max-width:1200px) {
    .feature_mv_block .feature_mv_text {
        font-size: 15px;
    }
}@media only screen and (max-width:960px) {
    .feature_mv_block .feature_mv_text {
        font-size: 12px;
        line-height: 1.8;
    }
}.feature_wrap {
     padding: 155px 10px 80px;
 }
@media only screen and (max-width:960px) {
    .feature_wrap {
        padding: 30px 10px 20px;
    }
}.feature_common_block {
     margin: 0 0 90px;
     position: relative;
     padding: 90px 0 0;
 }
@media only screen and (max-width:960px) {
    .feature_common_block {
        padding: 45px 0 0;
        margin: 0 0 45px;
    }
}@media only screen and (max-width:640px) {
    .feature_common_block {
        padding: 30px 0 0;
    }
}.feature_common_block .feature_common_blue_bg {
     position: absolute;
     top: 0;
     left: -200px;
     display: block;
     width: 678px;
     height: 408px;
     background: #282828;
 }
@media only screen and (max-width:960px) {
    .feature_common_block .feature_common_blue_bg {
        width: 90%;
        left: -10px;
        height: 250px;
    }
}@media only screen and (max-width:640px) {
    .feature_common_block .feature_common_blue_bg {
        width: calc(100% + 20px);
        -webkit-background: -webkit-gradient(linear,  left top,  left bottom,  from(#282828),  to(#fff));
        -webkit-background: linear-gradient(#282828,  #fff);
        -moz-background: linear-gradient(#282828,  #fff);
        -ms-background: linear-gradient(#282828,  #fff);
        background: -webkit-gradient(linear,  left top,  left bottom,  from(#282828),  to(#fff));
        background: linear-gradient(#282828,  #fff);
    }
}.feature_common_block .feature_common_main {
     position: relative;
     z-index: 1;
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     background: #fff;
     padding: 70px 0 0 75px;
 }
@media only screen and (max-width:960px) {
    .feature_common_block .feature_common_main {
        padding: 35px 0 0 35px;
    }
}@media only screen and (max-width:640px) {
    .feature_common_block .feature_common_main {
        padding: 20px 10px;
        display: block;
    }
}.feature_common_block .feature_common_title_block {
     width: 62px;
     text-align: center;
     margin: 0 100px 0 0;
 }
@media only screen and (max-width:960px) {
    .feature_common_block .feature_common_title_block {
        margin: 0 50px 0 0;
    }
}@media only screen and (max-width:640px) {
    .feature_common_block .feature_common_title_block {
        width: 100%;
        margin: 0 0 20px;
    }
}.feature_common_block .feature_common_title_block .feature_common_num {
     font-size: 120px;
     color: #e6e7e8;
     font-style: italic;
     margin: 0 0 30px;font-weight: 600;
     /*font-family: "Open Sans", sans-serif;*/
      font-family: "Anton", sans-serif;
 }

@media only screen and (max-width:960px) {
    .feature_common_block .feature_common_title_block .feature_common_num {
        font-size: 40px;
        margin: 0 0 20px;
    }
}@media only screen and (max-width:640px) {
    .feature_common_block .feature_common_title_block .feature_common_num {
        margin: 0 0 10px;
    }
}.feature_common_block .feature_common_title_block .feature_common_title {
     -webkit-writing-mode: vertical-rl;
     -ms-writing-mode: tb-rl;
     writing-mode: vertical-rl;
     text-align: left;
 }
@media only screen and (max-width:640px) {
    .feature_common_block .feature_common_title_block .feature_common_title {
        text-align: center;
        -webkit-writing-mode: inherit;
        -ms-writing-mode: inherit;
        writing-mode: inherit;
    }
}.feature_common_block .feature_common_title_block .feature_common_jp {
     font-size: 22px;
     color: #2f2f2f;
     font-weight: bold;
     letter-spacing: 5px;
     height: 400px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .feature_common_block .feature_common_title_block .feature_common_jp {
        font-size: 24px;
    }
}@media only screen and (max-width:640px) {
    .feature_common_block .feature_common_title_block .feature_common_jp {
        height: inherit;
        letter-spacing: 2px;
        line-height: 1.5;
    }
}.feature_common_block .feature_common_title_block .feature_common_en {
     font-size: 14px;
     color: #282828;
     font-weight: bold;
     margin: 0 0 0 18px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .feature_common_block .feature_common_title_block .feature_common_en {
        font-size: 12px;
        margin: 0 0 0 15px;
    }
}@media only screen and (max-width:640px) {
    .feature_common_block .feature_common_title_block .feature_common_en {
        margin: 0 0 15px;
    }
}.feature_common_block .feature_common_info_block {
     padding: 70px 0 0;
 }
@media only screen and (max-width:960px) {
    .feature_common_block .feature_common_info_block {
        padding: 45px 0 0;
    }
}@media only screen and (max-width:640px) {
    .feature_common_block .feature_common_info_block {
        padding: 0;
    }
}.feature_common_block .feature_common_info_block .feature_common_subtitle {
     font-size: 35px;
     font-weight: bold;
     line-height: 2;
     color: #282828;
     margin: 0 0 15px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .feature_common_block .feature_common_info_block .feature_common_subtitle {
        font-size: 20px;
        margin: 0 0 20px;
    }
}@media only screen and (max-width:640px) {
    .feature_common_block .feature_common_info_block .feature_common_subtitle {
        font-size: 18px;
    }
}.feature_common_block .feature_common_info_block .feature_common_text {
     font-size: 22px;
     color: #2f2f2f;
     line-height: 1.5;
     margin: 0 0 40px;
     max-width: 1024px;
     width: 100%;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:1200px) {
    .feature_common_block .feature_common_info_block .feature_common_text {
        font-size: 17px;
    }
}@media only screen and (max-width:960px) {
    .feature_common_block .feature_common_info_block .feature_common_text {
        line-height: 1.8;
        font-size: 16px;
        margin: 0 0 20px;
    }
}.feature_common_block .feature_common_pic {
     display: block;
     width: 100%}
.case_white_line {
    display: block;
    width: 100%;
    height: 20px;
    background: #fff;
}
.case_all_wrap {
    padding: 70px 10px 95px;
}
@media only screen and (max-width:960px) {
    .case_all_wrap {
        padding: 35px 10px 40px;
    }
}@media only screen and (max-width:640px) {
    .case_all_wrap {
        padding: 20px 10px;
    }
}.case_example_wrap {
     padding: 40px 10px 95px;
 }
@media only screen and (max-width:960px) {
    .case_example_wrap {
        padding: 30px 10px 40px;
    }
}@media only screen and (max-width:640px) {
    .case_example_wrap {
        padding: 20px 10px;
    }
}.case_example_title {
     font-size: 24px;
     font-weight: bold;
     color: #2f2f2f;
     text-align: center;
     margin: 0 0 60px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .case_example_title {
        font-size: 18px;
        margin: 0 0 30px;
    }
}.case_main_block {
     background: #f7f7f7;
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     text-decoration: none;
 }
@media only screen and (max-width:640px) {
    .case_main_block {
        display: block;
    }
}.case_main_block .case_main_pic {
     display: block;
     width: 420px;
     min-height: 260px;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
 }
@media only screen and (max-width:960px) {
    .case_main_block .case_main_pic {
        width: 320px;
    }
}@media only screen and (max-width:640px) {
    .case_main_block .case_main_pic {
        min-height: inherit;
        height: 250px;
        margin: 0 0 10px;
        width: 100%}
}.case_main_block .case_main_info {
     width: calc(100% - 420px);
     padding: 30px 30px 14px;
 }
@media only screen and (max-width:960px) {
    .case_main_block .case_main_info {
        width: calc(100% - 320px);
        padding: 20px 20px 14px;
    }
}@media only screen and (max-width:640px) {
    .case_main_block .case_main_info {
        width: 100%;
        padding: 0 10px 15px;
    }
}.case_main_block .case_main_title {
     font-size: 20px;
     line-height: 1.5;
     color: #2f2f2f;
     font-weight: bold;
     margin: 0 0 20px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .case_main_block .case_main_title {
        font-size: 16px;
        margin: 0 0 15px;
    }
}.case_main_block .case_main_text {
     font-size: 16px;
     line-height: 1.8;
     color: #2f2f2f;
     padding: 0 0 45px;
     border-bottom: 1px #9f9f9f solid;
     margin: 0 0 10px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .case_main_block .case_main_text {
        font-size: 14px;
        padding: 0 0 30px;
    }
}@media only screen and (max-width:640px) {
    .case_main_block .case_main_text {
        padding: 0 0 20px;
    }
}.case_d_wrap {
     max-width: 1000px;
     width: 100%;
     margin: 0 auto;
     padding: 25px 0 105px;
 }
@media only screen and (max-width:1000px) {
    .case_d_wrap {
        padding: 25px 10px 105px;
    }
}@media only screen and (max-width:960px) {
    .case_d_wrap {
        padding: 25px 10px 50px;
    }
}.case_d_wrap img {
     max-width: 100%}
.case_d_main_block {
    background: #f7f7f7;
    padding: 35px;
    margin: 0 0 90px;
}
@media only screen and (max-width:960px) {
    .case_d_main_block {
        padding: 0 0 20px;
        margin: 0 0 40px;
    }
}.case_d_main_block .case_d_main_pic {
     display: block;
     width: 100%;
     max-height: 500px;
     margin: 0 0 24px;
 }
.case_d_main_block .case_d_main_pic img {
    width: 100%;
    max-height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
}
@media only screen and (max-width:960px) {
    .case_d_main_block .case_d_main_pic {
        margin: 0 0 15px;
    }
}@media only screen and (max-width:640px) {
    .case_d_main_block .case_d_main_pic {
        max-height: 320px;
    }
    .case_d_main_block .case_d_main_pic img {
        max-height: 320px;
    }
}.case_d_main_block .case_d_main_title {
     font-size: 26px;
     font-weight: bold;
     color: #2f2f2f;
     line-height: 2;
     border-bottom: 1px #2f2f2f solid;
     margin: 0 0 10px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .case_d_main_block .case_d_main_title {
        font-size: 20px;
    }
}@media only screen and (max-width:640px) {
    .case_d_main_block .case_d_main_title {
        padding: 0 10px 10px;
        line-height: 1.6;
    }
}.case_d_main_block .case_d_main_text {
     font-size: 14px;
     line-height: 2;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .case_d_main_block .case_d_main_text {
        font-size: 12px;
    }
}@media only screen and (max-width:640px) {
    .case_d_main_block .case_d_main_text {
        padding: 0 10px;
    }
}.case_d_common_block {
     margin: 0 0 95px;
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
@media only screen and (max-width:960px) {
    .case_d_common_block {
        margin: 0 0 40px;
    }
}@media only screen and (max-width:640px) {
    .case_d_common_block {
        display: block;
    }
}.case_d_common_block.row_direction {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     flex-direction: row-reverse;
     -ms-flex-direction: row-reverse;
 }
.case_d_common_block .case_d_common_pic {
    display: block;
    width: 380px;
    height: 230px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media only screen and (max-width:960px) {
    .case_d_common_block .case_d_common_pic {
        width: 250px;
        height: 180px;
    }
}@media only screen and (max-width:640px) {
    .case_d_common_block .case_d_common_pic {
        width: 100%;
        margin: 0 0 15px;
    }
}.case_d_common_block .case_d_common_info {
     display: block;
     width: calc(100% - 415px);
 }
@media only screen and (max-width:960px) {
    .case_d_common_block .case_d_common_info {
        width: calc(100% - 270px);
    }
}@media only screen and (max-width:640px) {
    .case_d_common_block .case_d_common_info {
        width: 100%}
}.case_d_common_block .case_d_common_title {
     font-size: 18px;
     font-weight: bold;
     line-height: 1.7;
     margin: 0 0 15px;
     padding: 0 0 12px;
     color: #2f2f2f;
     border-bottom: 2px #2f2f2f solid;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .case_d_common_block .case_d_common_title {
        font-size: 15px;
    }
}.case_d_common_block .case_d_common_text {
     font-size: 14px;
     line-height: 2;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .case_d_common_block .case_d_common_text {
        font-size: 12px;
    }
}.case_d_writer_block .case_d_writer_voice_title {
     background: #282828;
     font-size: 16px;
     color: #fff;
     font-weight: bold;
     padding: 15px 30px;
     margin: 0 0 40px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .case_d_writer_block .case_d_writer_voice_title {
        font-size: 15px;
        padding: 15px;
        margin: 0 0 20px;
    }
}.case_d_writer_block .case_d_writer_inner {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
@media only screen and (max-width:640px) {
    .case_d_writer_block .case_d_writer_inner {
        display: block;
    }
}.case_d_writer_block .case_d_writer_pic {
     display: block;
     width: 100%;
     height: 165px;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     margin: 0 0 15px;
 }
@media only screen and (max-width:960px) {
    .case_d_writer_block .case_d_writer_pic {
        height: 140px;
    }
}.case_d_writer_block .case_d_writer_pic_text {
     font-size: 12px;
     line-height: 1.8;
     color: #2f2f2f;
     margin-top: 20px;
     text-align: right;
     font-family: "Pretendard", sans-serif;
 }
.case_d_writer_block .case_d_writer_info {
    display: block;
    width: 100%}
.case_d_writer_block .case_d_writer_title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.7;
    margin: 0 0 15px;
    padding: 0 0 12px;
    color: #2f2f2f;
    border-bottom: 2px #2f2f2f solid;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .case_d_writer_block .case_d_writer_title {
        font-size: 16px;
    }
}.case_d_writer_block .case_d_writer_text {
     font-size: 14px;
     line-height: 1.7;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .case_d_writer_block .case_d_writer_text {
        font-size: 12px;
    }
}.case_d_serviceList {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
.case_d_serviceList_a {
    display: block;
    padding: 20px 50px 20px 20px;
    border: 1px solid #282828;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    margin: 20px;
}
.case_d_serviceList_a::after {
    content: "";
    display: block;
    width: 25px;
    height: 8px;
    border-width: 0 1px 1px 0;
    border-color: #000;
    border-style: solid;
    position: absolute;
    right: 16px;
    top: calc(50% - 4px);
    -webkit-transform: translateY(calc(-50% + 4px)) skewX(45deg);
    transform: translateY(calc(-50% + 4px)) skewX(45deg);
}
.company_wrap {
    background: #f7f7f7;
    padding: 65px 10px 60px;
    margin: 0 0 45px;
}
@media only screen and (max-width:960px) {
    .company_wrap {
        padding: 30px 10px;
        margin: 0 0 30px;
    }
}.company_list {
     width: 100%;
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
 }
.company_list .company_item {
    margin: 0 10px 20px;
    width: calc(50% - 20px);
    border: 1px #a0a0a0 solid;
    background: #fff;
}
@media only screen and (max-width:750px) {
    .company_list .company_item {
        margin: 0 0 20px;
        width: 100%}
}.company_list .company_link {
     width: 100%;
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-decoration: none;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     flex-direction: row-reverse;
     -ms-flex-direction: row-reverse;
 }
.company_list .company_link:hover {
    background: #282828;
}
@media only screen and (max-width:960px) {
    .company_list .company_link: hover {
        background: #fff;
    }
}.company_list .company_link:hover .company_title {
     color: #fff;
 }
@media only screen and (max-width:960px) {
    .company_list .company_link: hover .company_title {
        color: #292929;
    }
}.company_list .company_link:hover .company_title span {
     color: #fff;
 }
@media only screen and (max-width:960px) {
    .company_list .company_link: hover .company_title span {
        color: #a0a0a0;
    }
}.company_list .company_link:hover .company_text {
     color: #fff;
 }
@media only screen and (max-width:960px) {
    .company_list .company_link: hover .company_text {
        color: #2f2f2f;
    }
}.company_list .company_link:hover .company_btn {
     color: #fff;
     border: 1px #fff solid;
 }
@media only screen and (max-width:960px) {
    .company_list .company_link: hover .company_btn {
        color: #2f2f2f;
        border: 1px #2f2f2f solid;
    }
}.company_list .company_pic {
     height: 290px;
     width: 50%;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
 }
@media only screen and (max-width:960px) {
    .company_list .company_pic {
        height: 230px;
    }
}@media only screen and (max-width:640px) {
    .company_list .company_pic {
        width: 100%;
        height: 150px;
    }
}.company_list .company_info {
     width: 50%;
     text-align: center;
 }
@media only screen and (max-width:960px) {
    .company_list .company_info {
        padding: 0 10px;
    }
}@media only screen and (max-width:640px) {
    .company_list .company_info {
        width: 100%}
}.company_list .company_title {
     font-size: 16px;
     color: #292929;
     font-weight: bold;
     line-height: 1.5;
     margin: 0 0 40px;
     font-family: "Pretendard", sans-serif;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
@media only screen and (max-width:960px) {
    .company_list .company_title {
        font-size: 14px;
        margin: 0 0 25px;
    }
}.company_list .company_title span {
     display: block;
     font-size: 12px;
     color: #a0a0a0;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_list .company_title span {
        font-size: 10px;
    }
}.company_list .company_text {
     font-size: 14px;
     line-height: 1.5;
     color: #2f2f2f;
     margin: 0 0 30px;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_list .company_text {
        font-size: 12px;
        margin: 0 0 20px;
    }
}.company_list .company_btn {
     display: block;
     width: 120px;
     height: 26px;
     line-height: 24px;
     border: 1px #2f2f2f solid;
     font-size: 12px;
     color: #2f2f2f;
     text-align: center;
     font-weight: bold;
     margin: 0 auto;
     font-family: "Pretendard", sans-serif;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
.company_d_wrap {
    padding: 60px 10px 20px;
}
@media only screen and (max-width:960px) {
    .company_d_wrap {
        padding: 30px 10px 20px;
    }
}.company_d_wrap.contents_d_wrap {
     padding: 40px 10px 90px;
 }
@media only screen and (max-width:960px) {
    .company_d_wrap.contents_d_wrap {
        padding: 20px 10px 40px;
    }
}.company_d_wrap.contents_d_wrap .company_d_inner {
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
.company_d_wrap.mb110 {
    margin: 0 0 110px;
}
@media only screen and (max-width:960px) {
    .company_d_wrap.mb110 {
        margin: 0 0 50px;
    }
}.company_d_wrap.mb30 {
     margin: 0 0 30px;
 }
@media only screen and (max-width:960px) {
    .company_d_wrap.mb30 {
        margin: 0 0 20px;
    }
}.company_d_wrap .company_d_inner {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
@media only screen and (max-width:960px) {
    .company_d_wrap .company_d_inner {
        display: block;
    }
}.company_d_wrap .company_d_main {
     width: calc(100% - 340px);
 }
@media only screen and (max-width:960px) {
    .company_d_wrap .company_d_main {
        width: 100%;
        margin: 0 0 30px;
    }
}.company_d_wrap .company_d_aside {
     display: block;
     background: #f7f7f7;
     width: 300px;
 }
.company_d_wrap .company_d_aside.mb80 {
    margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
    .company_d_wrap .company_d_aside.mb80 {
        margin: 0;
    }
}@media only screen and (max-width:960px) {
    .company_d_wrap .company_d_aside {
        width: 100%}
}.company_d_title {
     font-size: 24px;
     color: #2f2f2f;
     line-height: 1.7;
     font-weight: bold;
     text-align: center;
     margin: 0 0 25px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_d_title {
        font-size: 18px;
        margin: 0 0 15px;
    }
}.company_d_title span {
     display: block;
     font-size: 12px;
     color: #a0a0a0;
 }
.company_philosophy_copy {
    font-size: 18px;
    line-height: 2.4;
    color: #2f2f2f;
    text-align: center;
    margin: 0 0 40px;
    padding: 20px 0 0;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .company_philosophy_copy {
        font-size: 16px;
        margin: 0 0 20px;
    }
}@media only screen and (max-width:640px) {
    .company_philosophy_copy {
        font-size: 14px;
    }
}.company_philosophy_text {
     font-size: 16px;
     line-height: 2;
     color: #2f2f2f;
     text-align: center;
     margin: 0 0 40px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_philosophy_text {
        font-size: 14px;
        margin: 0 0 20px;
    }
}@media only screen and (max-width:640px) {
    .company_philosophy_text {
        font-size: 12px;
    }
}.company_philosophy_block {
     position: relative;
     padding: 160px 0 0;
     margin: 0 0 40px;
 }
@media only screen and (max-width:960px) {
    .company_philosophy_block {
        padding: 100px 0 0;
        margin: 0 0 30px;
    }
}.company_philosophy_block .company_philosophy_pic {
     display: block;
     width: 1060px;
     height: 350px;
     background: url("/img/company/pic10.jpg") center center no-repeat;
     background-size: cover;
     position: absolute;
     right: 0;
     top: 0;
 }
@media only screen and (max-width:960px) {
    .company_philosophy_block .company_philosophy_pic {
        width: 100%;
        height: 300px;
    }
}@media only screen and (max-width:640px) {
    .company_philosophy_block .company_philosophy_pic {
        height: 200px;
    }
}.company_philosophy_block .company_philosophy_inner {
     max-width: 760px;
     width: 100%;
     margin: 0 auto;
     position: relative;
     z-index: 1;
     background: #fff;
     padding: 55px 90px 20px;
     -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .16);
     -ms-box-shadow: 3px 3px 6px rgba(0, 0, 0, .16);
     box-shadow: 3px 3px 6px rgba(0, 0, 0, .16);
 }
@media only screen and (max-width:960px) {
    .company_philosophy_block .company_philosophy_inner {
        padding: 20px 30px;
    }
}@media only screen and (max-width:640px) {
    .company_philosophy_block .company_philosophy_inner {
        padding: 15px 10px;
        width: 95%}
}.company_philosophy_info_block {
     width: 100%;
     padding: 45px;
     margin: 0 0 55px;
 }
@media only screen and (max-width:960px) {
    .company_philosophy_info_block {
        padding: 20px;
        margin: 0 0 30px;
    }
}@media only screen and (max-width:640px) {
    .company_philosophy_info_block {
        padding: 10px;
    }
}.company_philosophy_info_block .company_philosophy_info_inner {
     background: #fff;
     padding: 65px 40px;
 }
@media only screen and (max-width:960px) {
    .company_philosophy_info_block .company_philosophy_info_inner {
        padding: 30px 20px;
    }
}@media only screen and (max-width:640px) {
    .company_philosophy_info_block .company_philosophy_info_inner {
        padding: 10px;
    }
}.company_philosophy_info_block .company_philosophy_info_logo {
     display: block;
     max-width: 425px;
     width: 100%;
     margin: 0 auto 50px;
 }
@media only screen and (max-width:960px) {
    .company_philosophy_info_block .company_philosophy_info_logo {
        max-width: 325px;
        margin: 0 auto 25px;
    }
}@media only screen and (max-width:640px) {
    .company_philosophy_info_block .company_philosophy_info_logo {
        width: 80%}
}.company_philosophy_info_block .company_philosophy_info_text {
     font-size: 14px;
     line-height: 2.3;
     color: #2f2f2f;
     text-align: center;
     margin: 0 0 90px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_philosophy_info_block .company_philosophy_info_text {
        font-size: 12px;
        margin: 0 0 45px;
    }
}.company_philosophy_info_block .company_philosophy_info_bottom {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
@media only screen and (max-width:640px) {
    .company_philosophy_info_block .company_philosophy_info_bottom {
        display: block;
    }
}.company_philosophy_info_block .company_philosophy_info_icon {
     display: block;
     width: 180px;
     min-width: 180px;
     margin: 0 10px;
 }
@media only screen and (max-width:960px) {
    .company_philosophy_info_block .company_philosophy_info_icon {
        width: 100px;
        min-width: 100px;
    }
}@media only screen and (max-width:640px) {
    .company_philosophy_info_block .company_philosophy_info_icon {
        margin: 10px auto;
    }
}.company_philosophy_info_block .company_philosophy_info_box {
     width: calc((100% - 200px)/2);
 }
@media only screen and (max-width:960px) {
    .company_philosophy_info_block .company_philosophy_info_box {
        width: calc((100% - 120px)/2);
    }
}@media only screen and (max-width:640px) {
    .company_philosophy_info_block .company_philosophy_info_box {
        width: 100%}
}.company_philosophy_info_block .company_philosophy_info_title {
     font-size: 22px;
     color: #2f2f2f;
     font-weight: bold;
     padding: 0 0 30px;
     margin: 0 0 10px;
     border-bottom: 2px #707070 solid;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_philosophy_info_block .company_philosophy_info_title {
        font-size: 16px;
        padding: 0 0 20px;
    }
}.company_philosophy_info_block .company_philosophy_info_title span {
     font-size: 12px;
     color: #a0a0a0;
     margin: 0 0 0 10px;
     font-weight: normal;
     letter-spacing: 1.5px;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_philosophy_info_block .company_philosophy_info_title span {
        font-size: 11px;
    }
}.company_philosophy_info_block .company_philosophy_info_subtext {
     font-size: 12px;
     line-height: 1.8;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_philosophy_info_block .company_philosophy_info_subtext {
        font-size: 11px;
    }
}.company_d_aside_list {
     padding: 0 10px;
     width: 100%}
.company_d_aside_list .company_d_aside_item {
    border-bottom: 1px #969696 solid;
}
.company_d_aside_list .company_d_aside_item:last-of-type {
    border-bottom: none;
}
.company_d_aside_list .company_d_aside_link {
    position: relative;
    display: block;
    width: 100%;
    padding: 30px 0 30px 17px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #2f2f2f;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .company_d_aside_list .company_d_aside_link {
        padding: 20px 0 20px 15px;
        font-size: 13px;
    }
}.company_d_aside_list .company_d_aside_link:before {
     content: "";
     background: url("/img/icon/icon08.svg") center center no-repeat;
     background-size: contain;
     display: block;
     width: 8px;
     height: 7px;
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }
.company_d_aside_list .company_d_aside_link span {
    display: inline-block;
    font-size: 12px;
    color: #a0a0a0;
    margin: 0 0 0 14px;
    font-family: "Open Sans", sans-serif;
}
@media only screen and (max-width:960px) {
    .company_d_aside_list .company_d_aside_link span {
        font-size: 11px;
    }
}.company_msg_mv_block {
     position: relative;
     height: 352px;
     margin: 0 0 50px;
 }
@media only screen and (max-width:960px) {
    .company_msg_mv_block {
        margin: 0 0 30px;
        height: 250px;
    }
}@media only screen and (max-width:640px) {
    .company_msg_mv_block {
        height: inherit;
        margin: 0 0 15px;
    }
}.company_msg_mv_block .company_msg_mv_pic {
     display: block;
     width: 1060px;
     height: 352px;
     background: url("/img/company/message_pic.jpg") center center no-repeat;
     background-size: cover;
     position: absolute;
     right: 0;
     top: 0;
 }
@media only screen and (max-width:960px) {
    .company_msg_mv_block .company_msg_mv_pic {
        background: url("/img/company/message_pic.jpg") right center no-repeat;
        background-size: contain;
        height: 250px;
    }
}@media only screen and (max-width:640px) {
    .company_msg_mv_block .company_msg_mv_pic {
        background: url("/img/company/message_pic.jpg") center center no-repeat;
        background-size: contain;
        position: relative;
        right: inherit;
        top: inherit;
        width: 100%;
        height: 150px;
    }
}.company_msg_mv_block .company_msg_mv_box {
     position: absolute;
     top: 95px;
     left: 0;
     z-index: 5;
 }
@media only screen and (max-width:1200px) {
    .company_msg_mv_block .company_msg_mv_box {
        top: inherit;
        bottom: 10px;
    }
}@media only screen and (max-width:640px) {
    .company_msg_mv_block .company_msg_mv_box {
        position: relative;
        bottom: inherit;
        left: inherit;
        text-align: center;
    }
}.company_msg_mv_block .company_msg_mv_box:before {
     content: "";
     display: block;
     height: 100%;
     width: 100%;
     background: #fff;
     position: absolute;
     top: 0;
     left: -100%}
.company_msg_mv_block .company_msg_mv_title {
    position: relative;
    display: inline-block;
    padding: 15px 25px 20px 0;
    background: #fff;
    font-size: 20px;
    color: #2f2f2f;
    line-height: 2;
    font-weight: bold;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:1200px) {
    .company_msg_mv_block .company_msg_mv_title {
        padding: 10px 15px 10px 0;
        line-height: 1.5;
    }
}@media only screen and (max-width:960px) {
    .company_msg_mv_block .company_msg_mv_title {
        font-size: 15px;
    }
}@media only screen and (max-width:640px) {
    .company_msg_mv_block .company_msg_mv_title {
        padding: 10px;
    }
}.company_msg_mv_block .company_msg_mv_title:after {
     content: "";
     background: #282828;
     display: block;
     width: 50px;
     height: 2px;
     position: absolute;
     left: 0;
     bottom: 0;
 }
@media only screen and (max-width:640px) {
    .company_msg_mv_block .company_msg_mv_title: after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}.company_msg_mv_block .company_msg_mv_text {
     display: inline-block;
     padding: 15px 20px 20px 0;
     font-size: 14px;
     line-height: 1.8;
     color: #2f2f2f;
     background: #fff;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:1200px) {
    .company_msg_mv_block .company_msg_mv_text {
        padding: 10px 10px 10px 0;
        line-height: 1.5;
    }
}@media only screen and (max-width:960px) {
    .company_msg_mv_block .company_msg_mv_text {
        font-size: 12px;
    }
}@media only screen and (max-width:640px) {
    .company_msg_mv_block .company_msg_mv_text {
        padding: 10px;
    }
}.company_msg_main_block {
     width: 100%;
     margin: 0 auto 65px;
     background: #fff;
     padding: 20px 110px 65px 80px;
     -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .16);
     -ms-box-shadow: 3px 3px 6px rgba(0, 0, 0, .16);
     box-shadow: 3px 3px 6px rgba(0, 0, 0, .16);
 }
@media only screen and (max-width:1200px) {
    .company_msg_main_block {
        padding: 20px 30px;
    }
}@media only screen and (max-width:960px) {
    .company_msg_main_block {
        padding: 20px 10px;
        margin: 0 auto 30px;
    }
}@media only screen and (max-width:640px) {
    .company_msg_main_block {
        width: 95%}
}.company_msg_main_text {
     font-size: 14px;
     line-height: 1.7;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_msg_main_text {
        font-size: 12px;
    }
}.company_msg_sub_text {
     font-size: 14px;
     line-height: 1.7;
     font-weight: bold;
     text-align: right;
     color: #2f2f2f;
     margin: 55px 0 0;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_msg_sub_text {
        font-size: 12px;
        margin: 30px 0 0;
    }
}.company_profile_table {
     max-width: 760px;
     width: 100%;
     border: 1px #707070 solid;
     margin: 0 0 65px;
 }
@media only screen and (max-width:960px) {
    .company_profile_table {
        margin: 0 auto 30px;
    }
}.company_profile_table tr {
     border-bottom: 1px #707070 solid;
 }
.company_profile_table .company_profile_table_title {
    width: 120px;
    font-size: 14px;
    color: #fff;
    line-height: 2;
    padding: 15px 10px;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
    background: #282828;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .company_profile_table .company_profile_table_title {
        font-size: 12px;
        padding: 10px 5px;
        width: 90px;
        min-width: 90px;
    }
}.company_profile_table .company_profile_table_info {
     font-size: 14px;
     color: #2f2f2f;
     line-height: 2;
     padding: 15px 30px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_profile_table .company_profile_table_info {
        font-size: 12px;
        padding: 10px;
    }
}.company_profile_table .company_profile_text span {
     font-weight: bold;
     display: block;
     margin: 0 0 10px;
 }
.company_profile_table .company_profile_address {
    margin: 0 0 30px;
    line-height: 1.5;
}
.company_profile_table .company_profile_address:last-of-type {
    margin: 0;
}
@media only screen and (max-width:960px) {
    .company_profile_table .company_profile_address {
        margin: 0 0 20px;
    }
}.company_profile_table .company_profile_table_logo {
     display: inline-block;
     width: 196px;
     margin: 0 60px 0 0;
 }
.company_profile_table .company_profile_table_logo:last-of-type {
    margin: 0;
}
.company_profile_google_link {
    font-size: 12px;
    font-weight: bold;
    color: #282828;
    text-decoration: none;
    font-family: "Pretendard", sans-serif;
}
.company_profile_google_link:before {
    content: "";
    background: url("/img/icon/icon02.svg") center center no-repeat;
    background-size: contain;
    display: inline-block;
    width: 10px;
    height: 9px;
    margin: 0 10px 0 0;
}
.company_map_block {
    max-width: 630px;
    width: 100%;
    margin: 0 auto 90px;
}
@media only screen and (max-width:960px) {
    .company_map_block {
        margin: 0 auto 45px;
    }
}@media only screen and (max-width:960px) {
    .company_map_block iframe {
        height: 300px !important;
    }
}.company_map_block .company_map_link {
     padding: 40px 0 0;
     text-align: right;
 }
@media only screen and (max-width:960px) {
    .company_map_block .company_map_link {
        padding: 20px 0 0;
    }
}.company_youtube_block {
     margin: 0 auto 90px;
     max-width: 630px;
     width: 100%}
@media only screen and (max-width:960px) {
    .company_youtube_block {
        margin: 0 auto 45px;
    }
}.company_youtube_block .company_youtube_main {
     position: relative;
     width: 100%;
     padding-top: 56.25%}
.company_youtube_block iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.company_history_block {
    background: #f7f7f7;
    padding: 40px 55px;
    margin: 0 0 50px;
}
@media only screen and (max-width:1200px) {
    .company_history_block {
        padding: 20px 30px;
    }
}@media only screen and (max-width:960px) {
    .company_history_block {
        padding: 10px;
        margin: 0 0 30px;
    }
}.company_history_block .company_history_list {
     background: #fff;
     padding: 50px 60px;
 }
@media only screen and (max-width:1200px) {
    .company_history_block .company_history_list {
        padding: 30px;
    }
}@media only screen and (max-width:960px) {
    .company_history_block .company_history_list {
        padding: 20px 10px;
    }
}.company_history_block .company_history_item {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     font-size: 14px;
     color: #707070;
     line-height: 1.6;
     margin: 0 0 30px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_history_block .company_history_item {
        margin: 0 0 20px;
        font-size: 12px;
    }
}.company_history_block .company_history_item:last-of-type {
     margin: 0;
 }
.company_history_block .company_history_date {
    font-weight: bold;
    white-space: nowrap;
    margin: 0 50px 0 0;
}
@media only screen and (max-width:960px) {
    .company_history_block .company_history_date {
        margin: 0 15px 0 0;
    }
}.company_group_list {
     margin: 0 0 50px;
 }
@media only screen and (max-width:960px) {
    .company_group_list {
        margin: 0 0 30px;
    }
}.company_group_item {
     background: #f7f7f7;
     padding: 35px 28px;
     margin: 0 0 35px;
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
@media only screen and (max-width:1200px) {
    .company_group_item {
        padding: 20px 15px;
    }
}@media only screen and (max-width:960px) {
    .company_group_item {
        margin: 0 0 20px;
    }
}@media only screen and (max-width:640px) {
    .company_group_item {
        display: block;
    }
}.company_group_item .company_group_left {
     background: #fff;
     padding: 25px 30px;
     text-align: center;
     width: 313px;
     min-width: 313px;
     margin: 0 40px 0 0;
 }
@media only screen and (max-width:1200px) {
    .company_group_item .company_group_left {
        width: 280px;
        min-width: 280px;
        margin: 0 20px 0 0;
        padding: 15px;
    }
}@media only screen and (max-width:640px) {
    .company_group_item .company_group_left {
        width: 100%;
        min-width: inherit;
    }
}.company_group_item .company_group_logo {
     display: inline-block;
     width: 228px;
     margin: 0 0 25px;
 }
@media only screen and (max-width:1200px) {
    .company_group_item .company_group_logo {
        width: 180px;
    }
}.company_group_item .company_group_name {
     font-size: 16px;
     line-height: 1.6;
     color: #2f2f2f;
     margin: 0 0 30px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_group_item .company_group_name {
        font-size: 14px;
        margin: 0 0 20px;
    }
}.company_group_item .company_group_link {
     font-size: 16px;
     font-weight: bold;
     color: #282828;
     text-decoration: none;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_group_item .company_group_link {
        font-size: 14px;
    }
}.company_group_item .company_group_link:before {
     content: "";
     background: url("/img/icon/icon02.svg") center center no-repeat;
     background-size: contain;
     display: inline-block;
     width: 14px;
     height: 12px;
     margin: 0 10px 0 0;
 }
@media only screen and (max-width:960px) {
    .company_group_item .company_group_link: before {
        width: 10px;
        height: 8px;
    }
}.company_group_item .company_group_right {
     width: 100%;
     padding: 20px 0 0;
 }
.company_group_item .company_group_title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.7;
    color: #282828;
    margin: 0 0 25px;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .company_group_item .company_group_title {
        font-size: 16px;
        margin: 0 0 15px;
    }
}.company_group_item .company_group_text {
     font-size: 14px;
     line-height: 1.7;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .company_group_item .company_group_text {
        font-size: 12px;
    }
}.media_wrap {
     margin: 10px 0 45px;
     padding: 70px 0 55px;
     background: #f7f7f7;
 }
@media only screen and (max-width:960px) {
    .media_wrap {
        padding: 35px 0 30px;
        margin: 10px 0 30px;
    }
}.meida_list {
     background: #fff;
     padding: 65px 75px 20px;
     margin: 0 0 50px;
 }
@media only screen and (max-width:960px) {
    .meida_list {
        margin: 0 0 30px;
        padding: 30px 20px 10px;
    }
}@media only screen and (max-width:640px) {
    .meida_list {
        padding: 20px 10px 10px;
    }
}.meida_list .media_item {
     margin: 0 0 50px;
 }
@media only screen and (max-width:960px) {
    .meida_list .media_item {
        margin: 0 0 25px;
    }
}.meida_list .media_link {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-decoration: none;
 }
.meida_list .media_date {
    font-size: 14px;
    color: #2f2f2f;
    margin: 0 40px 0 0;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .meida_list .media_date {
        font-size: 14px;
        margin: 0 20px 0 0;
    }
}@media only screen and (max-width:640px) {
    .meida_list .media_date {
        font-size: 12px;
        margin: 0 10px 0 0;
    }
}.meida_list .media_label {
     display: block;
     color: #fff;
     font-size: 12px;
     padding: 4px 0;
     text-align: center;
     width: 120px;
     min-width: 120px;
     margin: 0 40px 0 0;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .meida_list .media_label {
        font-size: 12px;
        margin: 0 20px 0 0;
        width: 100px;
        min-width: 100px;
    }
}@media only screen and (max-width:640px) {
    .meida_list .media_label {
        margin: 0 10px 0 0;
        font-size: 11px;
        width: 90px;
        min-width: 90px;
    }
}.meida_list .media_title {
     font-size: 14px;
     color: #2f2f2f;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .meida_list .media_title {
        font-size: 14px;
    }
}@media only screen and (max-width:640px) {
    .meida_list .media_title {
        font-size: 12px;
    }
}.form_wrap {
     margin: 10px 0 25px;
     background: #f7f7f7;
     padding: 40px 10px 145px;
 }
@media only screen and (max-width:960px) {
    .form_wrap {
        padding: 20px 10px 70px;
    }
}.form_wrap .form_inner {
     max-width: 760px;
     width: 100%;
     margin: 0 auto;
 }
.form_info_text {
    font-size: 16px;
    color: #2f2f2f;
    line-height: 1.5;
    margin: 0 0 30px 60px;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .form_info_text {
        font-size: 14px;
        margin: 0 0 20px;
    }
}.form_info_text span {
     font-weight: bold;
     display: inline-block;
     line-height: 1;
     vertical-align: 1px;
     font-size: 14px;
     margin: 0 3px;
     background: red;
     color: #fff;
     padding: 3px 5px;
     border-radius: 4px;
 }
@media only screen and (max-width:960px) {
    .form_info_text span {
        font-size: 12px;
    }
}.form_main_block {
     padding: 30px 55px 55px;
     background: #fff;
     margin: 0 0 25px;
 }
@media only screen and (max-width:960px) {
    .form_main_block {
        padding: 20px;
    }
}@media only screen and (max-width:640px) {
    .form_main_block {
        padding: 20px 10px;
    }
}.form_common_block {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     border-bottom: 1px #f7f7f7 solid;
 }
.form_common_block:last-of-type {
    border-bottom: none;
}
@media only screen and (max-width:640px) {
    .form_common_block {
        display: block;
    }
}.form_common_block .form_common_left {
     width: 178px;
     background: #282828;
     text-align: center;
 }
@media only screen and (max-width:960px) {
    .form_common_block .form_common_left {
        width: 150px;
    }
}@media only screen and (max-width:640px) {
    .form_common_block .form_common_left {
        width: 100%;
        padding: 10px 0;
    }
}.form_common_block .form_common_right {
     width: calc(100% - 178px);
     padding: 28px 0 28px 25px;
 }
@media only screen and (max-width:960px) {
    .form_common_block .form_common_right {
        width: calc(100% - 150px);
        padding: 20px 0 20px 20px;
    }
}@media only screen and (max-width:640px) {
    .form_common_block .form_common_right {
        width: 100%;
        padding: 25px 10px;
    }
}.form_common_block .form_common_title {
     font-size: 16px;
     color: #fff;
     font-weight: bold;
     padding: 34px 0 0;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .form_common_block .form_common_title {
        font-size: 14px;
        padding: 27px 0 0;
    }
}@media only screen and (max-width:640px) {
    .form_common_block .form_common_title {
        padding: 0;
    }
}.form_common_block .form_common_title span {
     display: inline-block;
     line-height: 1;
     vertical-align: 1px;
     font-size: 14px;
     margin: 0 0 0 10px;
     background: red;
     color: #fff;
     padding: 3px 5px;
     border-radius: 4px;
 }
@media only screen and (max-width:960px) {
    .form_common_block .form_common_title span {
        font-size: 12px;
        margin: 0 0 0 5px;
    }
}.form_common_input {
     display: block;
     width: 100%;
     max-width: 436px;
     font-size: 16px;
     color: #2f2f2f;
     height: 34px;
     padding: 0 15px;
     border: 1px #707070 solid;
     outline: none;
     font-family: "Pretendard", sans-serif;
 }
.form_common_input:-moz-placeholder-shown {
    color: #919191;
}
.form_common_input:-ms-input-placeholder {
    color: #919191;
}
.form_common_input:placeholder-shown {
    color: #919191;
}
.form_common_input::-webkit-input-placeholder {
    color: #919191;
}
.form_common_input:-moz-placeholder {
    color: #919191;
    opacity: 1;
}
.form_common_input::-moz-placeholder {
    color: #919191;
    opacity: 1;
}
.form_common_input:-ms-input-placeholder {
    color: #919191;
}
.form_common_input.w210 {
    max-width: 210px;
}
@media only screen and (max-width:640px) {
    .form_common_input.w210 {
        width: 48.5%;
        max-width: inherit;
    }
}@media only screen and (max-width:640px) {
    .form_common_input {
        max-width: 100%}
}.form_name_block {
     max-width: 436px;
     width: 100%;
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
@media only screen and (max-width:640px) {
    .form_name_block {
        max-width: inherit;
    }
}.form_contents_text {
     font-size: 14px;
     color: #2f2f2f;
     margin: 0 0 10px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .form_contents_text {
        font-size: 12px;
    }
}.form_common_textarea {
     display: block;
     width: 100%;
     max-width: 436px;
     font-size: 16px;
     color: #2f2f2f;
     height: 180px;
     padding: 15px;
     border: 1px #707070 solid;
     line-height: 1.5;
     resize: none;
     outline: none;
     font-family: "Pretendard", sans-serif;
 }
.form_common_textarea:-moz-placeholder-shown {
    color: #919191;
}
.form_common_textarea:-ms-input-placeholder {
    color: #919191;
}
.form_common_textarea:placeholder-shown {
    color: #919191;
}
.form_common_textarea::-webkit-input-placeholder {
    color: #919191;
}
.form_common_textarea:-moz-placeholder {
    color: #919191;
    opacity: 1;
}
.form_common_textarea::-moz-placeholder {
    color: #919191;
    opacity: 1;
}
.form_common_textarea:-ms-input-placeholder {
    color: #919191;
}
@media only screen and (max-width:640px) {
    .form_common_textarea {
        max-width: 100%}
}.form_sub_block {
     max-width: 620px;
     width: 100%;
     padding: 20px;
     background: #fff;
     margin: 0 auto;
     text-align: center;
 }
@media only screen and (max-width:640px) {
    .form_sub_block {
        padding: 10px;
    }
}.form_sub_block .form_sub_inner {
     border: 1px #2f2f2f solid;
     padding: 35px 30px 20px;
 }
@media only screen and (max-width:960px) {
    .form_sub_block .form_sub_inner {
        padding: 20px;
    }
}@media only screen and (max-width:640px) {
    .form_sub_block .form_sub_inner {
        padding: 10px;
    }
}.form_sub_block .form_sub_title {
     position: relative;
     font-size: 16px;
     color: #2f2f2f;
     font-weight: bold;
     margin: 0 0 20px;
     padding: 0 0 0 35px;
     text-align: left;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .form_sub_block .form_sub_title {
        font-size: 14px;
    }
}.form_sub_block .form_sub_title:before {
     content: "";
     display: block;
     position: absolute;
     left: 0;
     top: 1px;
     width: 14px;
     height: 14px;
     background: #282828;
 }
@media only screen and (max-width:960px) {
    .form_sub_block .form_sub_title: before {
        top: 0;
    }
}.form_sub_block .form_sub_text {
     font-size: 14px;
     color: #2f2f2f;
     line-height: 1.5;
     margin: 0 0 20px;
     text-align: left;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .form_sub_block .form_sub_text {
        font-size: 12px;
    }
}.form_sub_block label {
     display: inline-block;
     margin: 0 0 20px;
 }
.form_sub_block .form_checkbox_input {
    display: none;
}
.form_sub_block .form_checkbox_text {
    padding: 5px 0 0 40px;
    position: relative;
    font-size: 14px;
    color: #2f2f2f;
    line-height: 1.5;
    font-family: "Pretendard", sans-serif;
}
.form_sub_block .form_checkbox_text::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    border: 1px solid #707070;
    background: #fff;
}
.form_sub_block .form_checkbox_input:checked+.form_checkbox_text::after {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 7px;
    width: 7px;
    height: 15px;
    border-bottom: 3px solid #282828;
    border-right: 3px solid #282828;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}
.form_submit_btn {
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    display: block;
    font-weight: bold;
    max-width: 320px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border: none;
    margin: 0 auto;
    color: #fff;
    background: #282828;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .form_submit_btn {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }
}.form_complete_wrap {
     padding: 55px 10px 140px;
 }
@media only screen and (max-width:960px) {
    .form_complete_wrap {
        padding: 30px 10px 70px;
    }
}.form_complete_wrap .form_complete_text {
     text-align: center;
     font-size: 16px;
     line-height: 2;
     margin: 0 0 75px;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .form_complete_wrap .form_complete_text {
        font-size: 14px;
    }
}.form_complete_back_btn {
     display: block;
     max-width: 293px;
     width: 90%;
     margin: 0 auto;
     font-size: 18px;
     font-weight: bold;
     padding: 0 0 10px;
     border-bottom: 1px #2f2f2f solid;
     color: #2f2f2f;
     text-align: center;
     text-decoration: none;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .form_complete_back_btn {
        font-size: 15px;
        padding: 0 0 5px;
    }
}.form_complete_back_btn img {
     display: inline-block;
     margin: 0 0 0 5px;
     vertical-align: 3px;
     width: 27px;
 }
@media only screen and (max-width:960px) {
    .form_complete_back_btn img {
        width: 14px;
        vertical-align: 5px;
    }
}.form_request_block {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     max-width: 760px;
     width: 100%;
     margin: 0 auto 35px;
     border: 1px #292929 solid;
 }
@media only screen and (max-width:640px) {
    .form_request_block {
        display: block;
        margin: 0 auto 30px;
    }
}.form_request_block .form_request_left {
     background: #292929;
     width: 275px;
     text-align: center;
     padding: 60px 0 0;
     position: relative;
 }
@media only screen and (max-width:640px) {
    .form_request_block .form_request_left {
        padding: 20px 0;
        width: 100%}
}.form_request_block .form_request_left:after {
     content: "";
     background: url("/img/icon/icon01.svg") center center no-repeat;
     background-size: contain;
     width: 11px;
     height: 36px;
     position: absolute;
     right: -10px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }
@media only screen and (max-width:640px) {
    .form_request_block .form_request_left: after {
        top: inherit;
        bottom: -20px;
        left: 50%;
        right: inherit;
        -webkit-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg);
    }
}.form_request_block .form_request_title {
     font-size: 16px;
     line-height: 1.6;
     color: #fff;
     font-weight: bold;
     margin: 0 0 30px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .form_request_block .form_request_title {
        font-size: 14px;
        margin: 0 0 20px;
    }
}.form_request_block .form_request_title span {
     display: block;
     font-size: 12px;
     color: #a0a0a0;
     font-family: "Open Sans", sans-serif;
 }
.form_request_block .form_request_text {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .form_request_block .form_request_text {
        font-size: 12px;
    }
}.form_request_block .form_request_right {
     background: #fff;
     width: calc(100% - 275px);
     padding: 27px 0 14px;
 }
@media only screen and (max-width:640px) {
    .form_request_block .form_request_right {
        width: 100%}
}.form_request_block .form_request_right img {
     display: block;
     max-width: 380px;
     width: 90%;
     margin: 0 auto;
 }
.contents_mv_btnarea {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -55px;
    position: relative;
}
@media only screen and (max-width:960px) {
    .contents_mv_btnarea {
        width: 100%;
        left: -10px;
    }
}.contents_mv_btnarea .contents_mv_btn {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 244px;
     height: 84px;
     font-weight: bold;
     line-height: 84px;
     background: #e7e7ea;
     border: solid 2px #fff;
     text-align: center;
     color: #2f2f2f;
     font-size: 16px;
     text-decoration: none;
     font-family: "Pretendard", sans-serif;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
@media only screen and (max-width:960px) {
    .contents_mv_btnarea .contents_mv_btn {
        font-size: 12px;
        width: 45%;
        height: 50px;
        line-height: 1.5;
    }
}.contents_mv_btnarea .contents_mv_btn:hover {
     color: #fff;
     background: #282828;
     opacity: 1;
 }
.contents_mv_btnarea .contents_mv_btn.active {
    color: #fff;
    background: #282828;
}
.contents_wrap {
    padding: 60px 0 150px;
}
@media only screen and (max-width:960px) {
    .contents_wrap {
        padding: 30px 0 75px;
    }
}@media only screen and (max-width:640px) {
    .contents_wrap {
        padding: 30px 10px 50px;
    }
}.contents_common_block {
     margin: 0 0 130px;
 }
.contents_common_block:last-of-type {
    margin: 0;
}
.contents_common_title {
    font-size: 24px;
    font-weight: bold;
    color: #292929;
    text-align: center;
    margin: 0 0 20px;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .contents_common_title {
        font-size: 20px;
        margin: 0 0 15px;
    }
}.contents_category_block {
     padding: 25px 0 0;
     margin: 0 0 70px;
 }
@media only screen and (max-width:1200px) {
    .contents_category_block {
        padding: 25px 10px 0;
    }
}@media only screen and (max-width:960px) {
    .contents_category_block {
        margin: 0 0 40px;
    }
}.contents_category_block .contents_category_title {
     font-size: 20px;
     text-align: center;
     margin: 0 0 20px;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .contents_category_block .contents_category_title {
        font-size: 16px;
    }
}.contents_category_block .contents_category_main {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
 }
@media only screen and (max-width:750px) {
    .contents_category_block .contents_category_main {
        display: block;
    }
}.contents_category_block .contents_category_all_btn {
     position: relative;
     display: block;
     width: 138px;
     min-width: 138px;
     border: 1px #282828 solid;
     font-size: 14px;
     color: #282828;
     text-align: center;
     font-weight: bold;
     text-decoration: none;
     margin: 5px 5px 5px 0;
     font-family: "Pretendard", sans-serif;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
@media only screen and (max-width:1200px) {
    .contents_category_block .contents_category_all_btn {
        width: 100px;
        min-width: 100px;
    }
}@media only screen and (max-width:960px) {
    .contents_category_block .contents_category_all_btn {
        width: 70px;
        min-width: 70px;
        font-size: 11px;
    }
}@media only screen and (max-width:750px) {
    .contents_category_block .contents_category_all_btn {
        width: 100%;
        min-width: inherit;
        margin: 0 0 5px;
        height: 40px;
    }
}.contents_category_block .contents_category_all_btn.active {
     background: #282828;
     color: #fff;
 }
.contents_category_block .contents_category_all_btn:hover {
    background: #282828;
    color: #fff;
}
@media only screen and (max-width:960px) {
    .contents_category_block .contents_category_all_btn: hover {
        background: #fff;
        color: #282828;
    }
}.contents_category_block .contents_category_all_btn span {
     display: block;
     width: 100%;
     position: absolute;
     top: 50%;
     left: 0;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }
.contents_category_block .contents_category_list {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    width: 100%}
@media only screen and (max-width:640px) {
    .contents_category_block .contents_category_list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}.contents_category_block .contents_category_list .contetns_category_item {
     margin: 5px 5px 5px 0;
     width: calc((100% - 20px)/5);
 }
.contents_category_block .contents_category_list .contetns_category_item:nth-of-type(5n) {
    margin: 5px 0;
}
@media only screen and (max-width:750px) {
    .contents_category_block .contents_category_list .contetns_category_item: nth-of-type(5n) {
    margin: 5px 5px 5px 0;
}
}@media only screen and (max-width:640px) {
    .contents_category_block .contents_category_list .contetns_category_item: nth-of-type(5n) {
    margin: 0 0 10px;
}
}@media only screen and (max-width:750px) {
    .contents_category_block .contents_category_list .contetns_category_item: nth-of-type(4n) {
    margin: 5px 0;
}
}@media only screen and (max-width:640px) {
    .contents_category_block .contents_category_list .contetns_category_item: nth-of-type(4n) {
    margin: 0 0 10px;
}
}@media only screen and (max-width:750px) {
    .contents_category_block .contents_category_list .contetns_category_item {
        width: calc((100% - 15px)/4);
    }
}@media only screen and (max-width:640px) {
    .contents_category_block .contents_category_list .contetns_category_item {
        margin: 0 0 10px;
        width: 49.5%}
}.contents_category_block .contents_category_list .contents_category_link {
     display: block;
     border: 1px #282828 solid;
     font-size: 14px;
     color: #282828;
     text-align: center;
     font-weight: bold;
     text-decoration: none;
     padding: 15px 0;
     font-family: "Pretendard", sans-serif;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
@media only screen and (max-width:960px) {
    .contents_category_block .contents_category_list .contents_category_link {
        font-size: 11px;
    }
}@media only screen and (max-width:640px) {
    .contents_category_block .contents_category_list .contents_category_link {
        padding: 10px 0;
    }
}.contents_category_block .contents_category_list .contents_category_link.active {
     background: #282828;
     color: #fff;
 }
.contents_category_block .contents_category_list .contents_category_link:hover {
    background: #282828;
    color: #fff;
}
@media only screen and (max-width:960px) {
    .contents_category_block .contents_category_list .contents_category_link: hover {
        background: #fff;
        color: #282828;
    }
}.contents_d_aside_title {
     background: #919191;
     color: #fff;
     text-align: center;
     padding: 20px 0;
     font-size: 18px;
     font-weight: bold;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .contents_d_aside_title {
        font-size: 15px;
        padding: 15px 0;
    }
}.contents_d_pic {
     height: 287px;
     width: 100%;
     position: relative;
     margin: 0 0 10px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
 }
@media only screen and (max-width:960px) {
    .contents_d_pic {
        height: 200px;
    }
}.contents_d_pic .contents_d_category {
     display: inline-block;
     padding: 3px 10px;
     font-size: 14px;
     color: #fff;
     position: absolute;
     left: 0;
     top: 0;
     line-height: 1.5;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .contents_d_pic .contents_d_category {
        font-size: 12px;
    }
}.contents_d_info {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     flex-direction: row-reverse;
     -ms-flex-direction: row-reverse;
     margin: 0 0 10px;
 }
@media only screen and (max-width:640px) {
    .contents_d_info {
        display: block;
    }
}.contents_d_info .contents_d_subtitle {
     font-size: 14px;
     line-height: 1.5;
     color: #2f2f2f;
     width: 100%;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .contents_d_info .contents_d_subtitle {
        font-size: 12px;
    }
}.contents_d_info .contents_d_info_right {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     margin: 0 0 0 10px;
 }
@media only screen and (max-width:640px) {
    .contents_d_info .contents_d_info_right {
        margin: 0 0 5px;
    }
}.contents_d_info .contents_d_date {
     font-size: 14px;
     color: #2f2f2f;
     line-height: 1.2;
     white-space: nowrap;
     margin: 0 20px 0 0;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .contents_d_info .contents_d_date {
        font-size: 14px;
    }
}.contents_d_info .common_contents_tag_list .common_contents_tag_item {
     font-size: 14px;
     white-space: nowrap;
 }
@media only screen and (max-width:960px) {
    .contents_d_info .common_contents_tag_list .common_contents_tag_item {
        font-size: 12px;
    }
}.contents_d_title {
     font-size: 20px;
     font-weight: bold;
     color: #2f2f2f;
     line-height: 1.6;
     padding: 0 0 10px;
     margin: 0 0 20px;
     border-bottom: 1px #2f2f2f solid;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .contents_d_title {
        font-size: 20px;
    }
}.contents_d_common_block {
     word-break: break-word;
     font-family: "Pretendard", sans-serif;
 }
.contents_d_common_block h3 {
    font-size: 16px;
    color: #2f2f2f;
    font-weight: bold;
    padding: 3px 0 3px 8px;
    border-left: 5px #919191 solid;
    line-height: 1.5;
    margin: 0 0 10px;
}
@media only screen and (max-width:960px) {
    .contents_d_common_block h3 {
        font-size: 14px;
    }
}.contents_d_common_block p {
     font-size: 14px;
     line-height: 2.2;
     color: #2f2f2f;
     margin: 0 0 30px;
 }
@media only screen and (max-width:960px) {
    .contents_d_common_block p {
        font-size: 12px;
        margin: 0 0 20px;
    }
}.contents_d_common_block dt {
     display: block;
     width: 100%;
     font-size: 16px;
     line-height: 1.5;
     font-weight: bold;
     border-left: 5px solid #282828;
     padding: 20px;
     outline: none;
     color: #282828;
     margin: 0 0 30px;
 }
@media only screen and (max-width:960px) {
    .contents_d_common_block dt {
        padding: 10px;
        font-size: 14px;
    }
}.contents_d_common_block button {
     display: block;
     width: 100%;
     height: 68px;
     font-size: 16px;
     text-align: center;
     font-weight: bold;
     border: none;
     padding: 0;
     outline: none;
     color: #fff;
     background: #282828;
     margin: 0 0 30px;
 }
@media only screen and (max-width:960px) {
    .contents_d_common_block button {
        font-size: 14px;
        height: 60px;
        margin: 0 0 20px;
    }
}.contents_d_common_block .investigation_subtitle {
     display: block;
     width: 100%;
     font-size: 16px;
     line-height: 1.5;
     font-weight: bold;
     border-left: 5px solid #282828;
     padding: 20px;
     outline: none;
     color: #282828;
     margin: 0 0 30px;
 }
@media only screen and (max-width:960px) {
    .contents_d_common_block .investigation_subtitle {
        padding: 10px;
        font-size: 14px;
    }
}.contents_d_common_block a.download-btn {
     display: block;
     width: 100%;
     font-size: 16px;
     text-align: center;
     font-weight: bold;
     border: none;
     padding: 30px;
     outline: none;
     color: #fff;
     background: #282828;
     margin: 0 0 30px;
 }
@media only screen and (max-width:960px) {
    .contents_d_common_block a.download-btn {
        font-size: 14px;
        margin: 0 0 20px;
        padding: 15px !important;
    }
}.contents_d_back_btn {
     display: block;
     max-width: 425px;
     width: 100%;
     margin: 64px auto 76px;
     height: 60px;
     line-height: 58px;
     border: 1px #707070 solid;
     font-size: 16px;
     color: #000;
     text-align: center;
     text-decoration: none;
     font-family: "Pretendard", sans-serif;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
@media only screen and (max-width:960px) {
    .contents_d_back_btn {
        font-size: 14px;
        height: 50px;
        line-height: 48px;
        margin: 40px auto;
    }
}.contents_d_back_btn:hover {
     color: #fff;
     background: #282828;
 }
@media only screen and (max-width:960px) {
    .contents_d_back_btn: hover {
        color: #000;
        background: #fff;
    }
}@media only screen and (max-width:1024px) {
    .contents_d_others_block .common_contents_list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}.contents_d_others_block .common_contents_list .common_contents_item {
     width: calc((100% - 60px)/3);
     margin: 0 30px 65px 0;
 }
.contents_d_others_block .common_contents_list .common_contents_item:nth-of-type(3n) {
    margin: 0 0 65px;
}
@media only screen and (max-width:960px) {
    .contents_d_others_block .common_contents_list .common_contents_item: nth-of-type(3n) {
    margin: 0 0 45px;
}
}.contents_d_others_block .common_contents_list .common_contents_item:nth-of-type(4n) {
     margin: 0 30px 65px 0;
 }
@media only screen and (max-width:1100px) {
    .contents_d_others_block .common_contents_list .common_contents_item: nth-of-type(4n) {
    margin: 0 10px 65px 0;
}
}@media only screen and (max-width:1024px) {
    .contents_d_others_block .common_contents_list .common_contents_item: nth-of-type(4n) {
    margin: 0 0 65px;
}
}@media only screen and (max-width:960px) {
    .contents_d_others_block .common_contents_list .common_contents_item: nth-of-type(4n) {
    margin: 0 0 45px;
}
}@media only screen and (max-width:640px) {
    .contents_d_others_block .common_contents_list .common_contents_item: last-of-type {
        margin: 0 0 15px;
    }
}@media only screen and (max-width:1100px) {
    .contents_d_others_block .common_contents_list .common_contents_item {
        width: calc((100% - 20px)/3);
        margin: 0 10px 65px 0;
    }
}@media only screen and (max-width:1024px) {
    .contents_d_others_block .common_contents_list .common_contents_item {
        width: 49%;
        margin: 0 0 65px;
    }
}@media only screen and (max-width:960px) {
    .contents_d_others_block .common_contents_list .common_contents_item {
        margin: 0 0 45px;
    }
}@media only screen and (max-width:640px) {
    .contents_d_others_block .common_contents_list .common_contents_item {
        width: 100%}
}.whitepaper_d_aside .whitepaper_d_aside_list .whitepaper_d_aside_item .whitepaper_d_aside_item_link {
     text-decoration: none;
     color: #000;
     line-height: 1.8;
     font-size: 12px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
.w_title {
    min-height: 42px !important;
}
.w_dd {
    font-size: 14px;
    line-height: 2.2;
    margin-bottom: 30px;
}
.whitepaper_d_aside .whitepaper_d_aside_list .whitepaper_d_aside_item .whitepaper_d_aside_item_link:hover {
    opacity: .5;
}
.whitepaper_d_aside .whitepaper_d_aside_list .whitepaper_d_aside_item {
    margin: 0 0 15px;
}
.whitepaper_d_aside .whitepaper_d_aside_list .whitepaper_d_aside_item .whitepaper_d_aside_item_link .whitepaper_d_aside_item_title {
    width: calc(100% - 110px);
}
.whitepaper_d_aside_item img {
    height: 70px;
    width: 100px;
    background-size: cover;
    margin: 0 10px 0 0;
}
.whitepaper_d_main, .column_write_wrap {
    width: calc(100% - 280px);
}
@media only screen and (max-width: 960px) {
    .whitepaper_d_main, .column_write_wrap {
        width: 100%;
        margin: 0 0 30px;
    }
}.whitepaper_d_aside {
     width: 250px;
 }
@media only screen and (max-width: 960px) {
    .whitepaper_d_aside {
        width: 100%}
}.whitepaper_d_aside_title {
     font-size: 16px;
     font-weight: bold;
     padding: 0 0 10px;
     border-bottom: solid 1px #969696;
     margin: 0 0 25px;
 }
.whitepaper_d_aside_list {
    margin: 0 0 30px;
}
.whitepaper_d_aside_item {
    margin: 0 0 15px;
}
.whitepaper_d_aside_item_link {
    text-decoration: none;
    color: #000;
    line-height: 1.8;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.whitepaper_d_aside_item_img {
    height: 70px;
    width: 100px;
    background-size: cover;
    margin: 0 10px 0 0;
}
.whitepaper_d_aside_item_title {
    width: calc(100% - 110px);
}
.contents_d_pic.whitepaper {
    margin: 0 0 40px;
    background-position-y: -60px;
    background-position-x: -20px;
    background-repeat: no-repeat;
}
.whitepaper_detail_intro {
    background: #f7f7f7;
    padding: 20px 10px;
    margin: 0 0 40px;
}
.keyword_title_img {
    margin: 0 auto 20px;
    display: block;
}
.keyword_title_img {
    margin: 0 auto 20px;
    display: block;
    width: 70px;
}
@media only screen and (max-width: 640px) {
    .keyword_title_img {
        margin: 10px auto 10px;
        width: 50px;
    }
}.keyword_serch {
     margin: 40px 0 0;
 }
.keyword_serch .keyword_serch_label {
    font-size: 17px;
    color: #2f2f2f;
    vertical-align: middle;
    margin: 0 50px 0 0;
}
.keyword_serch .keyword_serch_label .keyword_search_img {
    width: 22px;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}
@media only screen and (max-width: 960px) {
    .keyword_serch .keyword_serch_label {
        display: block;
        margin: 0 0 10px;
    }
}.keyword_serch .keyword_serch_window {
     max-width: 607px;
     width: calc(100% - 100px);
     border-radius: 5px;
     text-align: left;
     border: solid 1px #707070;
     padding: 8px;
     font-size: 16px;
 }
.short {
    max-width: 407px !important;
}
.keyword_serch input.keyword_serch_submit {
    margin: 0 0 0 15px;
    padding: 5px 10px;
    font-size: 16px;
    color: #707070;
    border: solid 1px #707070;
    border-radius: 5px;
    -webkit-appearance: unset;
    background: #fff;
}
.keyword_line_list {
    margin: 20px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: default;
}
@media only screen and (max-width: 640px) {
    .keyword_line_list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}.keyword_line_list .keyword_line_item {
     border: solid 1px #282828;
     margin: 0 2px 0 0;
     width: 100%;
     color: #282828;
     font-size: 14px;
     text-align: center;
     font-weight: bold;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
.keyword_line_list .keyword_line_item:last-of-type {
    margin: 0;
}
.keyword_line_list .keyword_line_item:hover, .keyword_line_list .keyword_line_item.show {
    background: #282828;
    color: #fff;
}
.keyword_line_list .keyword_line_item.show {
    width: 150%}
@media only screen and (max-width: 640px) {
    .keyword_line_list .keyword_line_item {
        width: 24%;
        margin: 0 .5% 5px;
    }
    .keyword_line_list .keyword_line_item:last-of-type {
        margin: 0 .5% 5px;
    }
    .keyword_line_list .keyword_line_item.show {
        width: 24%}
}.keyword_main_wrap .keyword_main_item {
     display: none;
 }
.keyword_main_wrap .keyword_main_item.show {
    display: block;
}
.keyword_main_wrap .keyword_main_item .keyword_main_character_list {
    border: solid 1px #282828;
    border-top: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 25px 10px 25px;
}
@media only screen and (max-width: 640px) {
    .keyword_main_wrap .keyword_main_item .keyword_main_character_list {
        padding: 10px;
    }
}.keyword_main_wrap .keyword_main_item .keyword_main_character_list .keyword_main_character_item {
     line-height: 0;
     font-size: 16px;
     margin: 5px 40px 5px 0;
     font-weight: bold;
     width: 44px;
     text-align: center;
     color: #757faf;
     cursor: pointer;
 }
.keyword_main_wrap .keyword_main_item .keyword_main_character_list .keyword_main_character_item span {
    color: #cdd0e2;
    font-size: 4px;
    line-height: 16px;
    margin: 0 0 0 8px;
    vertical-align: text-bottom;
}
.keyword_main_wrap .keyword_main_item .keyword_main_character_list .keyword_main_character_item.show {
    color: #000;
}
.keyword_main_wrap .keyword_main_item .keyword_main_character_list .keyword_main_character_item.show span {
    color: #282828;
}
.keyword_main_wrap .keyword_main_item .keyword_main_character_list .keyword_main_character_item:hover {
    opacity: .7;
}
@media only screen and (max-width: 640px) {
    .keyword_main_wrap .keyword_main_item .keyword_main_character_list .keyword_main_character_item {
        margin: 10px 10px 10px 0;
    }
}.keyword_main_wrap .keyword_main_item .keyword_main_word_list {
     margin: 40px auto;
 }
@media only screen and (max-width: 640px) {
    .keyword_main_wrap .keyword_main_item .keyword_main_word_list {
        margin: 20px auto;
    }
}.keyword_main_wrap .keyword_main_item .keyword_main_word_list .keyword_main_word_item {
     margin: 0 0 40px;
     display: none;
 }
.keyword_main_wrap .keyword_main_item .keyword_main_word_list .keyword_main_word_item.show {
    display: block;
}
@media only screen and (max-width: 640px) {
    .keyword_main_wrap .keyword_main_item .keyword_main_word_list .keyword_main_word_item {
        margin: 0 0 20px;
    }
}.keyword_main_wrap .keyword_main_item .keyword_main_word_list .keyword_main_word_item .keyword_main_word_item_title {
     font-size: 20px;
     padding: 10px 15px;
     border-left: solid 8px #282828;
     margin: 0 0 20px;
 }
@media only screen and (max-width: 640px) {
    .keyword_main_wrap .keyword_main_item .keyword_main_word_list .keyword_main_word_item .keyword_main_word_item_title {
        margin: 0 0 10px;
    }
}.keyword_main_wrap .keyword_main_item .keyword_main_word_list .keyword_main_word_item .keyword_main_word_inner_list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
.keyword_main_wrap .keyword_main_item .keyword_main_word_list .keyword_main_word_item .keyword_main_word_inner_list .keyword_main_word_inner_item {
    width: 32%;
    margin: 0 0 10px;
}
@media only screen and (max-width: 960px) {
    .keyword_main_wrap .keyword_main_item .keyword_main_word_list .keyword_main_word_item .keyword_main_word_inner_list .keyword_main_word_inner_item {
        width: 48%}
}@media only screen and (max-width: 640px) {
    .keyword_main_wrap .keyword_main_item .keyword_main_word_list .keyword_main_word_item .keyword_main_word_inner_list .keyword_main_word_inner_item {
        width: 100%}
}.keyword_main_wrap .keyword_main_item .keyword_main_word_list .keyword_main_word_item .keyword_main_word_inner_list .keyword_main_word_inner_item .keyword_main_word_inner_item_link {
     text-decoration: none;
     color: #282828;
     padding: 5px 0 5px 20px;
     display: block;
     font-weight: bold;
     font-size: 16px;
     line-height: 1.4;
     position: relative;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
.keyword_main_wrap .keyword_main_item .keyword_main_word_list .keyword_main_word_item .keyword_main_word_inner_list .keyword_main_word_inner_item .keyword_main_word_inner_item_link:before {
    content: "笆ｶ";
    font-size: 8px;
    position: absolute;
    left: 0;
    top: 9px;
}
.keyword_main_wrap .keyword_main_item .keyword_main_word_list .keyword_main_word_item .keyword_main_word_inner_list .keyword_main_word_inner_item .keyword_main_word_inner_item_link:hover {
    text-decoration: underline;
}
.keyword_main_wrap .keyword_main_item .keyword_main_word_list .keyword_main_word_item .keyword_main_word_inner_list .keyword_main_word_inner_item .keyword_main_word_inner_item_link:hover:before {
    content: "笆ｷ"}
.keyword_back_btn {
    border: solid 1px #707070;
    padding: 20px 10px;
    display: block;
    max-width: 470px;
    width: 90%;
    font-size: 18px;
    text-decoration: none;
    color: #000;
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.keyword_back_btn:hover {
    background: #707070;
    color: #fff;
}
.keyword_detail_name {
    color: #282828;
    font-size: 20px;
    padding: 0 0 15px;
    margin: 30px 0 20px 0;
    border-bottom: solid 2px #282828;
    font-weight: bold;
}
@media only screen and (max-width: 640px) {
    .keyword_detail_name {
        font-size: 18px;
        padding: 0 0 10px;
        margin: 0 0 10px;
    }
}.keyword_detail_description {
     font-size: 14px;
     line-height: 1.8;
     color: #2f2f2f;
 }
.keyword_ba_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 40px 0 80px;
}
@media only screen and (max-width: 640px) {
    .keyword_ba_wrap {
        margin: 40px 0;
    }
}.keyword_ba_wrap .keyword_ba_link {
     border: solid 1px #282828;
     font-size: 16px;
     line-height: 1.6;
     text-align: center;
     padding: 20px 50px;
     margin: 0 0 20px;
     text-decoration: none;
     color: #282828;
     font-weight: bold;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
.keyword_ba_wrap .keyword_ba_link:hover {
    background: #282828;
    color: #fff;
}
.keyword_ba_wrap .keyword_ba_link.keyword_before_link {
    margin: 0 auto 20px 0;
}
.keyword_ba_wrap .keyword_ba_link.keyword_after_link {
    margin: 0 0 20px auto;
}
@media only screen and (max-width: 640px) {
    .keyword_ba_wrap .keyword_ba_link {
        font-size: 14px;
        padding: 15px;
        width: 100%}
    .keyword_ba_wrap .keyword_ba_link.keyword_before_link {
        margin: 0 auto 10px;
    }
    .keyword_ba_wrap .keyword_ba_link.keyword_after_link {
        margin: 0;
    }
}.keyword_relation_wrap {
     background: #f7f7f7;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
@media only screen and (max-width: 640px) {
    .keyword_relation_wrap {
        display: block;
    }
}.keyword_relation_wrap .keyword_relation_box {
     width: 48%;
     margin: 20px;
 }
@media only screen and (max-width: 640px) {
    .keyword_relation_wrap .keyword_relation_box {
        width: 100%}
}.keyword_relation_wrap .keyword_relation_box .keyword_relation_item_title {
     font-size: 18px;
     font-weight: bold;
     padding: 5px 0 5px 10px;
     border-left: solid 8px #282828;
     color: #282828;
 }
.keyword_relation_wrap .keyword_relation_box .keyword_relation_list {
    padding: 20px;
}
.keyword_relation_wrap .keyword_relation_box .keyword_relation_list .keyword_relation_item .keyword_relation_item_link {
    text-decoration: none;
    color: #2f2f2f;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding: 0 0 0 15px;
}
.keyword_relation_wrap .keyword_relation_box .keyword_relation_list .keyword_relation_item .keyword_relation_item_link:before {
    content: "笆ｶ";
    font-size: 8px;
    position: absolute;
    top: 4px;
    left: 0;
}
.keyword_relation_wrap .keyword_relation_box .keyword_relation_list .keyword_relation_item .keyword_relation_item_link:hover {
    text-decoration: underline;
}
.keyword_detail_back_btn {
    display: block;
    font-size: 18px;
    background: #282828;
    border: solid 1px #282828;
    color: #fff;
    text-decoration: none;
    padding: 20px 10px;
    width: 350px;
    margin: 60px auto;
    text-align: center;
    font-weight: bold;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.keyword_detail_back_btn:hover {
    background: #fff;
    color: #282828;
}
.keyword_d_aside_title {
    background: #282828;
    color: #fff;
    padding: 20px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}
.keyword_d_aside_list {
    background: #f7f7f7;
    padding: 0 10px;
    margin: 0 0 40px;
}
.keyword_d_aside_list .keyword_d_aside_item {
    border-bottom: solid 1px #969696;
    font-size: 14px;
    font-weight: bold;
}
.keyword_d_aside_list .keyword_d_aside_item .keyword_d_aside_item_link {
    color: #000;
    display: block;
    text-decoration: none;
    padding: 15px 10px 15px 30px;
    position: relative;
}
.keyword_d_aside_list .keyword_d_aside_item .keyword_d_aside_item_link:before {
    content: "笆ｶ";
    font-size: 8px;
    position: absolute;
    top: 18px;
    left: 10px;
}
.keyword_d_aside_list .keyword_d_aside_item:last-of-type {
    border: none;
}
.column_cat_wrap {
    margin: 0 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 640px) {
    .column_cat_wrap {
        display: block;
    }
}.column_cat_wrap a {
     font-weight: bold;
     text-decoration: none;
     display: block;
     width: 100%;
     height: 100%;
     color: #282828;
     font-size: 13px;
     text-align: center;
     line-height: 1.4;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
.column_cat_wrap a:hover, .column_cat_wrap a.current {
    background: #282828;
    color: #fff;
    opacity: 1;
}
.column_cat_wrap .column_cat_all {
    width: 180px;
    border: solid 1px #282828;
}
@media only screen and (max-width: 640px) {
    .column_cat_wrap .column_cat_all {
        width: 100%;
        margin: 0 0 5px;
    }
}.column_cat_wrap .column_cat_all a {
     padding: 70px 0 0;
 }
@media only screen and (max-width: 640px) {
    .column_cat_wrap .column_cat_all a {
        padding: 15px 5px;
    }
}.column_cat_wrap .column_cat_each {
     width: calc(100% - 185px);
 }
@media only screen and (max-width: 640px) {
    .column_cat_wrap .column_cat_each {
        width: 100%}
}.column_cat_wrap .column_cat_each .column_cat_list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
.column_cat_wrap .column_cat_each .column_cat_item {
    border: solid 1px #282828;
    width: calc(25% - 4px);
    margin: 0 0 5px;
}
@media only screen and (max-width: 640px) {
    .column_cat_wrap .column_cat_each .column_cat_item {
        width: 32%}
}.column_cat_wrap .column_cat_each .column_cat_item:nth-last-of-type(-n + 4) {
     margin: 0;
 }
@media only screen and (max-width: 640px) {
    .column_cat_wrap .column_cat_each .column_cat_item: nth-last-of-type(-n + 4) {
    margin: 0 0 5px;
}
}.column_cat_wrap .column_cat_each .column_cat_item a {
     padding: 15px 5px;
 }
.column_tag_title {
    color: #282828;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 35px;
}
.column_main_list {
    max-width: 850px;
    margin: 0 auto 60px;
}
@media only screen and (max-width: 640px) {
    .column_main_list {
        padding: 0 10px;
        margin: 0 0 30px;
    }
}.column_main_list .column_main_item {
     margin: 0 0 20px;
     border: solid 1px #707070;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     text-decoration: none;
     color: #272727;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
@media only screen and (max-width: 640px) {
    .column_main_list .column_main_item {
        display: block;
    }
}.column_main_list li:hover {
     opacity: .8;
 }
.column_main_list .column_main_item .column_main_item_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 640px) {
    .column_main_list .column_main_item .column_main_item_link {
        display: block;
    }
}.column_main_item a {
     color: #272727;
 }
.column_main_item_tag_list .tag {
    color: #282828;
}
.column_main_item_img {
    width: 250px;
    height: 240px;
    background-size: cover;
    background-position: center;
}
@media only screen and (max-width: 640px) {
    .column_main_item_img {
        width: 100%;
        height: 180px;
    }
}.column_main_item_right {
     width: calc(100% - 270px);
     padding: 10px 30px 10px 0;
 }
@media only screen and (max-width: 640px) {
    .column_main_item_right {
        width: 100%;
        padding: 10px;
    }
}.column_main_item_date {
     font-size: 10px;
     margin: 0 0 15px;
 }
@media only screen and (max-width: 640px) {
    .column_main_item_date {
        margin: 0 0 10px;
    }
}.column_main_item_title {
     font-weight: bold;
     font-size: 18px;
     margin: 0 0 10px;
     line-height: 1.4;
 }
@media only screen and (max-width: 640px) {
    .column_main_item_title {
        font-size: 16px;
        margin: 0 0 10px;
    }
}.column_main_item_text {
     font-size: 14px;
     line-height: 1.4;
     display: -webkit-box;
     overflow: hidden;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
 }
@media only screen and (max-width: 640px) {
    .column_main_item_text {
        display: none;
    }
}.column_main_item_tag_list {
     color: #282828;
     font-size: 10px;
     font-weight: bold;
     padding: 10px 10px 0 40px;
     margin: 10px 0 0;
     position: relative;
     border-top: solid 1px #707070;
 }
.column_main_item_tag_list:before {
    content: "繧ｿ繧ｰ��";
    position: absolute;
    top: 10px;
    left: 0;
}
@media only screen and (max-width: 640px) {
    .column_main_item_tag_list {
        display: none;
    }
}.column_main_item_tag_item {
     display: inline-block;
     margin: 0 10px 10px 0;
 }
.column_main_more {
    text-align: right;
    font-weight: bold;
    font-size: 11px;
}
.column_d_aside_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.column_d_aside_list .column_d_aside_item {
    width: 49%;
    text-align: center;
    margin: 0 0 5px;
}
.column_d_aside_list .column_d_aside_item .column_d_aside_item_link {
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
    border: solid 2px #282828;
    color: #282828;
    padding: 10px;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.column_d_aside_list .column_d_aside_item .column_d_aside_item_link:hover {
    background: #282828;
    color: #fff;
}
.column_side_link_wrap {
    border-top: solid 1px #969696;
    margin: 40px 0 0;
    padding: 30px 0 0;
}
.column_side_link_wrap .column_side_link {
    width: 100%;
    margin: 0 0 10px;
}
.column_detail_whitepaper_title {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 1.4;
}
@media only screen and (max-width: 640px) {
    .column_detail_whitepaper_title {
        font-size: 18px;
    }
}.column_detail_whitepaper_link_wrap {
     padding: 10px;
     background: #f7f7f7;
     margin: 0 0 70px;
 }
@media only screen and (max-width: 640px) {
    .column_detail_whitepaper_link_wrap {
        margin: 0 0 50px;
    }
}.column_detail_whitepaper_link_wrap .column_detail_whitepaper_link {
     background: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     text-decoration: none;
     color: #272727;
 }
@media only screen and (max-width: 640px) {
    .column_detail_whitepaper_link_wrap .column_detail_whitepaper_link {
        display: block;
    }
}.column_detail_whitepaper_link_wrap .column_detail_whitepaper_link .column_detail_whitepaper_link_img {
     width: 300px;
     height: 210px;
 }
@media only screen and (max-width: 640px) {
    .column_detail_whitepaper_link_wrap .column_detail_whitepaper_link .column_detail_whitepaper_link_img {
        width: 100%;
        height: 180px;
    }
}.column_detail_whitepaper_link_wrap .column_detail_whitepaper_link .column_detail_whitepaper_link_right {
     width: calc(100% - 330px);
     padding: 10px 30px 10px 0;
 }
@media only screen and (max-width: 640px) {
    .column_detail_whitepaper_link_wrap .column_detail_whitepaper_link .column_detail_whitepaper_link_right {
        width: 100%;
        padding: 10px;
    }
}.column_detail_whitepaper_link_wrap .column_detail_whitepaper_link .column_detail_whitepaper_link_right .column_detail_whitepaper_link_date {
     font-size: 12px;
     margin: 20px 0;
 }
@media only screen and (max-width: 640px) {
    .column_detail_whitepaper_link_wrap .column_detail_whitepaper_link .column_detail_whitepaper_link_right .column_detail_whitepaper_link_date {
        margin: 0 0 10px;
    }
}.column_detail_whitepaper_link_wrap .column_detail_whitepaper_link .column_detail_whitepaper_link_right .column_detail_whitepaper_link_title {
     font-weight: bold;
     font-size: 18px;
     margin: 0 0 15px;
     line-height: 1.4;
 }
@media only screen and (max-width: 640px) {
    .column_detail_whitepaper_link_wrap .column_detail_whitepaper_link .column_detail_whitepaper_link_right .column_detail_whitepaper_link_title {
        font-size: 16px;
        margin: 0 0 10px;
    }
}.column_detail_whitepaper_link_wrap .column_detail_whitepaper_link .column_detail_whitepaper_link_right .column_detail_whitepaper_link_text {
     font-size: 14px;
     line-height: 1.4;
     padding: 0 0 15px;
     margin: 0 0 10px;
     border-bottom: solid 1px #707070;
 }
@media only screen and (max-width: 640px) {
    .column_detail_whitepaper_link_wrap .column_detail_whitepaper_link .column_detail_whitepaper_link_right .column_detail_whitepaper_link_text {
        display: none;
    }
}.column_detail_whitepaper_link_wrap .column_detail_whitepaper_link .column_detail_whitepaper_link_right .column_detail_whitepaper_link_more {
     text-align: right;
     font-weight: bold;
     font-size: 14px;
 }
.column_detail_others_list {
    margin: 0 0 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media only screen and (max-width: 640px) {
    .column_detail_others_list {
        display: block;
    }
}.column_detail_others_list .column_detail_others_item {
     width: 49%;
     margin: 0 0 20px;
     background: #f7f7f7;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
@media only screen and (max-width: 640px) {
    .column_detail_others_list .column_detail_others_item {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}.column_detail_others_link {
     color: #2f2f2f;
     text-decoration: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
@media only screen and (max-width: 640px) {
    .column_detail_others_list .column_detail_others_item .column_detail_others_link {
        display: block;
        width: 100%}
}.column_detail_others_list .column_detail_others_item .column_detail_others_link .column_detail_others_pic {
     width: 240px;
     height: 180px;
     background-size: cover;
 }
@media only screen and (max-width: 640px) {
    .column_detail_others_list .column_detail_others_item .column_detail_others_link .column_detail_others_pic {
        width: 100%}
}.column_detail_others_info {
     width: calc(100% - 260px);
     padding: 2%;
     position: relative;
 }
@media only screen and (max-width: 640px) {
    .column_detail_others_info {
        width: 100%;
        padding: 10px;
    }
}.column_detail_others_date {
     margin: 0 0 15px;
     font-size: 14px;
 }
.common_write_tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.common_write_tag a {
    color: #282828;
    margin-left: 10px;
}
.column_detail_others_list_title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    color: #2f2f2f;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    padding-right: 2%;
    -webkit-box-orient: vertical;
}
.column_detail_others_list .column_detail_others_item .column_detail_others_link .column_detail_others_info .column_detail_others_list_more {
    border-top: solid 1px #9f9f9f;
    padding: 15px 0 10px;
    text-align: right;
    bottom: 0;
    left: 0;
    width: 95%;
    position: absolute;
}
@media only screen and (max-width: 640px) {
    .column_detail_others_list .column_detail_others_item .column_detail_others_link .column_detail_others_info .column_detail_others_list_more {
        position: relative;
        width: 100%;
        padding: 10px 0 0;
        margin: 10px 0 0;
    }
}.column_detail_tag_title {
     font-size: 24px;
     font-weight: bold;
     margin: 0 auto 40px;
     text-align: center;
 }
@media only screen and (max-width: 640px) {
    .column_detail_tag_title {
        margin: 0 auto 20px;
    }
}.column_detail_cat_list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 0 auto 70px;
 }
@media only screen and (max-width: 640px) {
    .column_detail_cat_list {
        margin: 0 auto 50px;
    }
}.column_detail_cat_list .column_cat_item {
     width: calc(20% - 4px);
     border: solid 1px #282828;
     margin: 0 0 5px;
 }
@media only screen and (max-width: 640px) {
    .column_detail_cat_list .column_cat_item {
        width: 33%}
}.column_detail_cat_list .column_cat_item a {
     font-size: 14px;
     line-height: 1.4;
     display: block;
     text-decoration: none;
     padding: 15px 5px;
     text-align: center;
     color: #282828;
     font-weight: bold;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
.column_detail_cat_list .column_cat_item a:hover, .column_detail_cat_list .column_cat_item a:active {
    background: #282828;
    color: #fff;
}
.c-mailmagazine-form {
    margin: 60px auto;
    width: 80%;
    padding: 50px;
    border: 1px dotted #919191;
}
.error_common_mv_box {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.error_common_mv_box .error_common_mv_title {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 2px;
    margin: 0 0 35px;
    font-family: "Open Sans", sans-serif;
}
@media only screen and (max-width:960px) {
    .error_common_mv_box .error_common_mv_title {
        font-size: 20px;
        margin: 0 0 18px;
    }
}.error_common_mv_box .error_common_mv_title span {
     display: block;
     font-size: 14px;
     color: #919191;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .error_common_mv_box .error_common_mv_title span {
        font-size: 12px;
    }
}.error_common_mv_box .error_common_mv_text {
     font-size: 16px;
     color: #fff;
     line-height: 1.5;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .error_common_mv_box .error_common_mv_text {
        font-size: 14px;
    }
}.error_wrap {
     padding: 60px 0 125px;
 }
@media only screen and (max-width:960px) {
    .error_wrap {
        padding: 30px 0;
    }
}.error_text {
     font-size: 16px;
     line-height: 2;
     color: #2f2f2f;
     text-align: center;
     padding: 0 0 35px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .error_text {
        font-size: 14px;
        margin: 0 0 20px;
    }
}.error_block {
     background: #f7f7f7;
     padding: 60px 10px;
 }
@media only screen and (max-width:960px) {
    .error_block {
        padding: 30px 10px;
    }
}.error_block .error_inner {
     max-width: 1200px;
     width: 100%;
     margin: 0 auto;
     background: #fff;
     padding: 50px 30px 30px;
 }
@media only screen and (max-width:960px) {
    .error_block .error_inner {
        padding: 0;
        border: 1px #1d1d1d solid;
    }
}.error_block .footer_main_link {
     color: #1d1d1d;
 }
.error_block .footer_main_link img {
    -webkit-filter: invert(1);
    filter: invert(1);
}
.error_block .footer_sub_list {
    border-top: 2px #1d1d1d solid;
}
.error_block .footer_sub_list .footer_sub_item:before {
    background: #1d1d1d;
}
.error_block .footer_sub_list .footer_sub_item:after {
    background: #1d1d1d;
}
.error_block .footer_sub_list .footer_sub_link {
    color: #1d1d1d;
}
@media only screen and (max-width:960px) {
    .error_block .footer_item: nth-of-type(odd) {
    border-right: 1px #1d1d1d solid;
}
}@media only screen and (max-width:960px) {
    .error_block .footer_item: first-of-type {
        border-top: none;
    }
}@media only screen and (max-width:960px) {
    .error_block .footer_item: nth-of-type(2) {
    border-top: none;
}
}@media only screen and (max-width:960px) {
    .error_block .footer_item {
        border-top: 1px #1d1d1d solid;
    }
}.error_block .footer_link {
     color: #1d1d1d;
     padding: 15px 0 15px 8px;
 }
.error_block .footer_link img {
    -webkit-filter: invert(1);
    filter: invert(1);
}
.beginner_mv_block {
    height: 400px;
    background: #fff;
    position: relative;
    padding: 0 10px;
}
@media only screen and (max-width:960px) {
    .beginner_mv_block {
        height: 320px;
    }
}.beginner_mv_block .beginner_mv_inner {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     max-width: 1200px;
     width: 100%;
     margin: 0 auto;
     position: relative;
     height: 100%}
.beginner_mv_block .beginner_mv_textarea {
    width: 100%;
    position: relative;
    z-index: 1;
}
@media only screen and (max-width:640px) {
    .beginner_mv_block .beginner_mv_textarea {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}.beginner_mv_block .beginner_mv_pic {
     height: 100%;
     width: auto;
 }
@media only screen and (max-width:960px) {
    .beginner_mv_block .beginner_mv_pic {
        height: 320px;
    }
}@media only screen and (max-width:640px) {
    .beginner_mv_block .beginner_mv_pic {
        position: absolute;
        top: 0;
        right: 0;
        -webkit-opacity: .2;
        -moz-opacity: .2;
        -ms-opacity: .2;
        opacity: .2;
    }
}.beginner_mv_icon {
     display: block;
     width: 40px;
     margin: 0 auto 15px;
 }
@media only screen and (max-width:960px) {
    .beginner_mv_icon {
        width: 25px;
    }
}.beginner_wrap {
     padding: 0 0 200px;
 }
@media only screen and (max-width:960px) {
    .beginner_wrap {
        padding: 0 0 60px;
    }
}.beginner_label {
     display: block;
     background: #282828;
     color: #fff;
     font-weight: bold;
     width: 136px;
     margin: 0 auto 30px;
     font-size: 16px;
     padding: 3px 0;
     text-align: center;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .beginner_label {
        margin: 0 auto 15px;
        font-size: 14px;
    }
}.beginner_about_text {
     font-size: 14px;
     line-height: 2.5;
     color: #000;
     text-align: center;
     margin: 0 0 40px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .beginner_about_text {
        font-size: 12px;
        margin: 0 0 20px;
        line-height: 2;
    }
}.beginner_about_text.role {
     line-height: 2;
     text-align: left;
 }
.beginner_info_text {
    font-size: 16px;
    line-height: 3;
    color: #000;
    text-align: center;
    margin: 0 0 40px;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .beginner_info_text {
        font-size: 14px;
        margin: 0 0 20px;
        line-height: 2;
    }
}.beginner_info_text span {
     font-weight: bold;
 }
.beginner_info_text span.special {
    border-bottom: 8px #ffe200 solid;
}
@media only screen and (max-width:960px) {
    .beginner_info_text span.special {
        border-bottom: 4px #ffe200 solid;
    }
}.beginner_info_text.role {
     line-height: 1.5;
     padding: 50px 0 0;
     margin: 0 0 75px;
 }
@media only screen and (max-width:960px) {
    .beginner_info_text.role {
        padding: 25px 0 0;
        margin: 0 0 30px;
    }
}.beginner_info_block {
     background: #f7f7f7;
     padding: 50px 10px;
     margin: 0 0 100px;
 }
@media only screen and (max-width:960px) {
    .beginner_info_block {
        padding: 30px 10px;
        margin: 0 0 50px;
    }
}.beginner_info_block .beginner_info_inner {
     position: relative;
     background: #fff;
     padding: 40px 10px 35px;
 }
@media only screen and (max-width:960px) {
    .beginner_info_block .beginner_info_inner {
        padding: 30px 10px 20px;
    }
}.beginner_role_block {
     padding: 0 10px;
 }
.beginner_role_list {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.beginner_role_list .beginner_role_item {
    margin: 0 0 112px;
}
@media only screen and (max-width:960px) {
    .beginner_role_list .beginner_role_item {
        margin: 0 0 60px;
    }
}.beginner_role_list .beginner_role_top_block {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
@media only screen and (max-width:640px) {
    .beginner_role_list .beginner_role_top_block {
        display: block;
        margin: 0 0 30px;
    }
}.beginner_role_list .beginner_role_title_block {
     width: 220px;
     min-width: 220px;
     text-align: left;
     height: 400px;
     -webkit-writing-mode: vertical-rl;
     -ms-writing-mode: tb-rl;
     writing-mode: vertical-rl;
 }
@media only screen and (max-width:960px) {
    .beginner_role_list .beginner_role_title_block {
        width: 150px;
        min-width: 150px;
        height: 330px;
        margin: 0 20px 0 0;
    }
}@media only screen and (max-width:640px) {
    .beginner_role_list .beginner_role_title_block {
        -webkit-writing-mode: inherit;
        -ms-writing-mode: inherit;
        writing-mode: inherit;
        text-align: center;
        height: inherit;
        width: 100%;
        min-width: inherit;
        margin: 0 0 20px;
    }
}.beginner_role_list .beginner_role_title_en {
     font-size: 18px;
     letter-spacing: 2px;
     color: #282828;
     margin: 0 0 0 15px;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .beginner_role_list .beginner_role_title_en {
        font-size: 14px;
    }
}@media only screen and (max-width:640px) {
    .beginner_role_list .beginner_role_title_en {
        margin: 0 0 10px;
    }
}.beginner_role_list .beginner_role_title_jp {
     font-size: 24px;
     font-weight: bold;
     letter-spacing: 10px;
     line-height: 2;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .beginner_role_list .beginner_role_title_jp {
        font-size: 20px;
    }
}.beginner_role_list .beginner_role_title_jp span {
     display: block;
     padding: 40px 0 0;
 }
@media only screen and (max-width:640px) {
    .beginner_role_list .beginner_role_title_jp span {
        padding: 0;
    }
}.beginner_role_list .beginner_role_right_block {
     width: 100%}
.beginner_role_list .beginner_role_pic {
    display: block;
    width: 100%;
    max-width: 350px;
    margin: 0 0 0 105px;
}
@media only screen and (max-width:960px) {
    .beginner_role_list .beginner_role_pic {
        margin: 0 0 0 50px;
    }
}@media only screen and (max-width:640px) {
    .beginner_role_list .beginner_role_pic {
        width: 80%;
        margin: 0 auto;
    }
}.beginner_solution_block {
     background: #f7f7f7;
     padding: 110px 10px 70px;
     margin: 0 0 160px;
 }
@media only screen and (max-width:960px) {
    .beginner_solution_block {
        padding: 55px 10px 40px;
        margin: 0 0 80px;
    }
}.beginner_solution_block .beginner_solution_text {
     font-size: 14px;
     color: #2f2f2f;
     line-height: 1.8;
     text-align: center;
     padding: 30px 0 0;
     margin: 0 0 30px;
 }
.beginner_solution_block .research_common_list_type01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.beginner_solution_block .research_common_list_type01 .research_common_item {
    width: calc((100% - 60px)/3);
    margin: 20px 10px;
}
.beginner_solution_block .research_common_list_type01 .research_common_pic {
    background-position: right center;
}
.beginner_flow_block {
    padding: 0 10px 0;
    margin: 0 0 160px;
}
@media only screen and (max-width:960px) {
    .beginner_flow_block {
        padding: 55px 10px 40px;
        margin: 0 0 80px;
    }
}.beginner_flow_block .beginner_flow_text {
     font-size: 14px;
     color: #2f2f2f;
     line-height: 1.8;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .beginner_flow_block .beginner_flow_text {
        font-size: 12px;
    }
}.beginner_flow_block .beginner_flow_text.top_center {
     text-align: center;
     padding: 30px 0 0;
     margin: 0 0 70px;
 }
@media only screen and (max-width:960px) {
    .beginner_flow_block .beginner_flow_text.top_center {
        padding: 15px;
        margin: 0 0 30px;
    }
}.beginner_flow_list {
     max-width: 970px;
     width: 100%;
     margin: 0 auto;
 }
.beginner_flow_list .beginner_flow_item {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 95px;
}
@media only screen and (max-width:960px) {
    .beginner_flow_list .beginner_flow_item {
        margin: 0 0 40px;
    }
}@media only screen and (max-width:640px) {
    .beginner_flow_list .beginner_flow_item: last-of-type .beginner_flow_textarea:before {
        display: none;
    }
}.beginner_flow_list .beginner_flow_icon {
     display: block;
     width: 205px;
     min-width: 205px;
     margin: 0 64px 0 0;
 }
@media only screen and (max-width:960px) {
    .beginner_flow_list .beginner_flow_icon {
        width: 160px;
        min-width: 160px;
        margin: 0 30px 0 0;
    }
}@media only screen and (max-width:640px) {
    .beginner_flow_list .beginner_flow_icon {
        width: 80px;
        min-width: 80px;
        margin: 0 10px 0 0;
    }
}.beginner_flow_list .beginner_flow_textarea {
     position: relative;
     width: 100%;
     padding: 40px 0 0;
 }
@media only screen and (max-width:960px) {
    .beginner_flow_list .beginner_flow_textarea {
        padding: 20px 0 0;
    }
}.beginner_flow_list .beginner_flow_textarea:before {
     content: "";
     background: url("/img/icon/icon10.svg") center center no-repeat;
     background-size: contain;
     display: block;
     width: 48px;
     height: 12px;
     position: absolute;
     top: 40px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
 }
@media only screen and (max-width:960px) {
    .beginner_flow_list .beginner_flow_textarea: before {
        width: 30px;
        height: 8px;
        top: 20px;
    }
}@media only screen and (max-width:640px) {
    .beginner_flow_list .beginner_flow_textarea: before {
        top: inherit;
        bottom: -20px;
    }
}.beginner_flow_list .beginner_flow_title {
     font-size: 18px;
     color: #282828;
     font-weight: bold;
     line-height: 1.5;
     margin: 0 0 5px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .beginner_flow_list .beginner_flow_title {
        font-size: 14px;
    }
}.beginner_flow_list .beginner_flow_title span {
     margin: 0 10px 0 0;
     font-size: 22px;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .beginner_flow_list .beginner_flow_title span {
        font-size: 18px;
    }
}.beginner_search_block {
     padding: 150px 10px;
 }
@media only screen and (max-width:960px) {
    .beginner_search_block {
        padding: 75px 10px;
    }
}.research_wrap {
     padding: 70px 10px 60px;
     background: #f7f7f7;
     margin: 0 0 80px;
 }
@media only screen and (max-width:960px) {
    .research_wrap {
        padding: 35px 10px 10px;
        margin: 0 0 40px;
    }
}.research_common_block {
     margin: 0 0 60px;
     padding: 60px 0 0 200px;
     position: relative;
 }
@media only screen and (max-width:1100px) {
    .research_common_block {
        padding: 60px 0 0 100px;
    }
}@media only screen and (max-width:960px) {
    .research_common_block {
        margin: 0 0 30px;
        padding: 75px 0 0;
    }
}.research_common_title_block {
     position: absolute;
     left: 0;
     top: 0;
     width: 380px;
     height: 360px;
 }
@media only screen and (max-width:1100px) {
    .research_common_title_block {
        width: 300px;
    }
}@media only screen and (max-width:960px) {
    .research_common_title_block {
        width: 95%;
        height: 150px;
        left: -10px;
    }
}.research_common_title_block.bg01 {
     background: url("/img/top/r_pic01.jpg") center center no-repeat;
     background-size: cover;
 }
.research_common_title_block.bg02 {
    background: url("/img/top/pic02.jpg") center center no-repeat;
    background-size: cover;
}
.research_common_title_block.bg03 {
    background: url("/img/top/pic03.jpg") center center no-repeat;
    background-size: cover;
}
.research_common_title_block.bg04 {
    background: url("/img/top/pic04.jpg") center center no-repeat;
    background-size: cover;
}
.research_common_title_block.bg05 {
    background: url("/img/top/pic05.jpg") center center no-repeat;
    background-size: cover;
}
.research_common_title_block.bg06 {
    background: url("/img/top/pic06.jpg") center center no-repeat;
    background-size: cover;
}
.research_common_title_block .research_common_title_inner {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    background: #fff;
    padding: 17px 0 17px 20px;
    max-width: 215px;
    width: 100%}
.research_common_title_block .research_original_title {
    display: block;
    width: 148px;
    font-size: 15px;
    color: #2f2f2f;
    padding: 0 0 8px;
    border-bottom: 1px #2f2f2f solid;
    margin: 0 0 10px;
}
@media only screen and (max-width:960px) {
    .research_common_title_block .research_original_title {
        font-size: 14px;
        width: 130px;
        padding: 0 0 5px;
    }
}.research_common_title_block .research_common_title_jp {
     font-size: 20px;
     color: #2f2f2f;
     font-weight: bold;
     line-height: 1.5;
     letter-spacing: 2px;
     font-family: "Pretendard", sans-serif;
 }
.research_common_title_block .research_common_title_jp.font_en {
    font-family: "Open Sans", sans-serif;
}
@media only screen and (max-width:960px) {
    .research_common_title_block .research_common_title_jp {
        font-size: 16px;
    }
}.research_common_title_block .research_common_title_en {
     font-size: 14px;
     color: #919191;
     line-height: 1.5;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .research_common_title_block .research_common_title_en {
        font-size: 12px;
    }
}.research_common_info_block {
     background: #fff;
     padding: 45px 30px 45px 220px;
 }
@media only screen and (max-width:960px) {
    .research_common_info_block {
        padding: 90px 10px 20px;
    }
}.research_common_info_block .research_common_subtitle {
     font-size: 16px;
     color: #272727;
     line-height: 1.5;
     font-weight: bold;
     margin: 0 0 10px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .research_common_info_block .research_common_subtitle {
        font-size: 14px;
    }
}.research_common_text {
     font-size: 14px;
     line-height: 1.8;
     margin: 0 0 25px;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .research_common_text {
        font-size: 12px;
        line-height: 1.8;
        margin: 0 0 20px;
    }
}.research_common_list_type01 {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     margin: 0 0 45px;
 }
@media only screen and (max-width:640px) {
    .research_common_list_type01 {
        display: block;
    }
}.research_common_list_type01 .research_common_item {
     width: calc((100% - 40px)/2);
     margin: 0 40px 0 0;
     text-align: right;
 }
.research_common_list_type01 .research_common_item:last-of-type {
    margin: 0;
}
@media only screen and (max-width:640px) {
    .research_common_list_type01 .research_common_item {
        margin: 0 0 20px;
        width: 100%}
}.research_common_list_type01 .research_common_link {
     height: 100%;
     position: relative;
     padding: 0 0 26px;
 }
.research_common_list_type01 .research_common_more_btn {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.research_common_list_type01 .research_common_more_btn:hover {
    background: #282828;
    color: #fff;
}
@media only screen and (max-width:960px) {
    .research_common_list_type01 .research_common_more_btn: hover {
        background: #fff;
        color: #282828;
    }
}.research_common_list_type01 .research_common_pic {
     display: block;
     width: 100%;
     height: 180px;
     margin: 0 0 15px;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
 }
.research_common_list_type02 {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (max-width:960px) {
    .research_common_list_type02 {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }
}@media only screen and (max-width:640px) {
    .research_common_list_type02 {
        display: block;
    }
}.research_common_list_type02 .research_common_item {
     width: calc((100% - 50px)/3);
     margin: 0 25px 0 0;
     text-align: right;
     background: #fff;
 }
.research_common_list_type02 .research_common_item:last-of-type {
    margin: 0;
}
@media only screen and (max-width:960px) {
    .research_common_list_type02 .research_common_item: last-of-type {
        margin: 0 40px 20px 0;
    }
}@media only screen and (max-width:960px) {
    .research_common_list_type02 .research_common_item: nth-of-type(even) {
    margin: 0 0 20px;
}
}@media only screen and (max-width:960px) {
    .research_common_list_type02 .research_common_item {
        width: calc((100% - 40px)/2);
        margin: 0 40px 20px 0;
    }
}@media only screen and (max-width:640px) {
    .research_common_list_type02 .research_common_item {
        margin: 0 0 20px;
        width: 100%}
}.research_common_list_type02 .research_common_pic {
     display: block;
     width: 100%;
     height: 180px;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
 }
.research_common_list_type02 .research_common_inner {
    padding: 15px 20px 50px;
}
@media only screen and (max-width:640px) {
    .research_common_list_type02 .research_common_inner {
        padding: 15px 20px;
    }
}.research_common_list_type02 .research_common_link {
     height: 100%}
.research_common_list_type02 .research_common_more_btn {
    position: absolute;
    bottom: 15px;
    right: 20px;
}
@media only screen and (max-width:640px) {
    .research_common_list_type02 .research_common_more_btn {
        position: relative;
        bottom: inherit;
        right: inherit;
    }
}.research_common_list_type03 {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
 }
@media only screen and (max-width:640px) {
    .research_common_list_type03 {
        display: block;
    }
}.research_common_list_type03 .research_common_item {
     width: calc((100% - 60px)/2);
     margin: 15px;
     text-align: right;
     padding: 15px;
     background: #fff;
 }
@media only screen and (max-width:1024px) {
    .research_common_list_type03 .research_common_item {
        width: calc((100% - 20px)/2);
        margin: 5px;
    }
}@media only screen and (max-width:960px) {
    .research_common_list_type03 .research_common_item {
        padding: 10px;
    }
}@media only screen and (max-width:640px) {
    .research_common_list_type03 .research_common_item {
        margin: 0 0 10px;
        width: 100%}
}@media only screen and (max-width:640px) {
    .research_common_list_type03 .research_common_item: last-of-type {
        margin: 0;
    }
}.research_common_list_type03 .research_common_link {
     position: relative;
     padding: 0 0 26px;
     height: 100%}
.research_common_list_type03 .research_common_more_btn {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.research_common_list_type03 .research_common_more_btn:hover {
    background: #282828;
    color: #fff;
}
@media only screen and (max-width:960px) {
    .research_common_list_type03 .research_common_more_btn: hover {
        background: #fff;
        color: #282828;
    }
}.research_common_list_type03 .research_common_pic {
     display: block;
     width: 100%;
     height: 160px;
     margin: 0 0 15px;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
 }
.research_common_list_type04 {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 45px;
}
@media only screen and (max-width: 640px) {
    .research_common_list_type04 {
        display: block;
    }
}.research_common_list_type04 .research_common_item {
     width: calc((100% - 40px)/2);
     text-align: right;
     margin: 0 0 30px;
 }
.research_common_list_type04 .research_common_item:nth-child(odd) {
    margin-right: 40px;
}
.research_common_list_type04 .research_common_item:nth-last-child(2):nth-child(odd) {
    margin-bottom: 0;
}
.research_common_list_type04 .research_common_item:last-of-type {
    margin: 0;
}
@media only screen and (max-width: 640px) {
    .research_common_list_type04 .research_common_item {
        margin: 0 0 20px;
        width: 100%}
}.research_common_list_type04 .research_common_link {
     height: 100%;
     position: relative;
     padding: 0 0 26px;
 }
.research_common_list_type04 .research_common_more_btn {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.research_common_list_type04 .research_common_more_btn:hover {
    background: #282828;
    color: #fff;
}
@media only screen and (max-width: 960px) {
    .research_common_list_type04 .research_common_more_btn: hover {
        background: #fff;
        color: #282828;
    }
}.research_common_list_type04 .research_common_pic {
     display: block;
     width: 100%;
     height: 180px;
     margin: 0 0 15px;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
 }
.common_arrowlink {
    font-size: 12px;
    font-weight: bold;
    color: #282828;
    text-decoration: none;
    margin-top: 20px;
    display: inline-block;
}
.common_arrowlink:before {
    content: "";
    background: url(/img/icon/icon02.svg) center center no-repeat;
    background-size: contain;
    display: inline-block;
    width: 10px;
    height: 9px;
    margin: 0 10px 0 0;
}
.research_common_link {
    position: relative;
    display: block;
    width: 100%;
    text-decoration: none;
}
.research_common_link:hover .research_common_more_btn {
    background: #282828;
    color: #fff;
}
@media only screen and (max-width:960px) {
    .research_common_link: hover .research_common_more_btn {
        background: #fff;
        color: #282828;
    }
}.research_common_item_title {
     font-size: 14px;
     color: #272727;
     line-height: 1.5;
     font-weight: bold;
     margin: 0 0 7px;
     text-align: left;
     font-family: "Pretendard", sans-serif;
 }
.research_common_item_text {
    font-size: 14px;
    color: #272727;
    line-height: 1.5;
    margin: 0 0 7px;
    text-align: left;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .research_common_item_text {
        font-size: 12px;
    }
}.research_common_more_btn {
     text-decoration: none;
     display: inline-block;
     font-size: 12px;
     border: 1px #282828 solid;
     color: #282828;
     font-weight: bold;
     width: 120px;
     height: 26px;
     line-height: 24px;
     text-align: center;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     font-family: "Pretendard", sans-serif;
 }
.research_common_detail_btn {
    display: block;
    width: 100%;
    height: 60px;
    background: #282828;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .research_common_detail_btn {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
}.research_feature_block {
     padding: 0 10px;
 }
.research_purpose_block {
    padding: 160px 10px 105px;
}
@media only screen and (max-width:960px) {
    .research_purpose_block {
        padding: 80px 10px 50px;
    }
}.research_common_page_top {
     padding: 60px 10px 80px;
 }
@media only screen and (max-width:960px) {
    .research_common_page_top {
        padding: 30px 10px 40px;
    }
}.research_common_page_top.detail_page {
     padding: 60px 10px 80px;
 }
@media only screen and (max-width:960px) {
    .research_common_page_top.detail_page {
        padding: 30px 10px;
    }
}.research_common_page_title {
     position: relative;
     text-align: center;
     font-size: 28px;
     color: #000;
     line-height: 1.5;
     font-weight: bold;
     margin: 0 0 25px;
     letter-spacing: 2px;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .research_common_page_title {
        font-size: 20px;
        margin: 0 0 20px;
        line-height: 1.3;
    }
}.research_common_page_title:after {
     content: "";
     display: block;
     width: 60px;
     height: 3px;
     background: #282828;
     margin: 15px auto 0;
 }
@media only screen and (max-width:960px) {
    .research_common_page_title: after {
        height: 2px;
        width: 40px;
        margin: 10px auto 0;
    }
}.research_common_page_title span {
     display: block;
     font-size: 14px;
     color: #919191;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .research_common_page_title span {
        font-size: 12px;
    }
}.common_page_content_list {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     justify-content: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     margin: 40px auto 20px;
     max-width: 80%}
.common_page_content_list .page_content_list_item {
    font-size: 14px;
    position: relative;
    padding-right: 20px;
    margin: 0 20px 0 0;
}
.common_page_content_list .page_content_list_item a {
    width: 100%;
    display: block;
    text-decoration: none;
    color: #2f2f2f;
    padding: 15px 0;
    cursor: pointer;
}
.common_page_content_list .page_content_list_item:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: url("/img/icon/arrow.svg") top left no-repeat;
    background-size: 10px 10px;
}
@media only screen and (max-width:960px) {
    .common_page_content_list {
        margin: 30px auto 10px;
        display: block;
    }
    .common_page_content_list .page_content_list_item {
        margin: 0 20px 7px 0;
    }
    .common_page_content_list .page_content_list_item a {
        padding: 20px 0;
    }
}.relation_researchlist {
     margin-top: 70px;
 }
.relation_researchlist .list {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 100px;
}
@media only screen and (max-width: 960px) {
    .relation_researchlist .list {
        margin: 0 10px 40px;
    }
}.relation_researchlist .list .item {
     width: 20%;
     font-size: 14px;
     line-height: 1.6;
     color: #2f2f2f;
     border-left: 1px solid #2f2f2f;
     position: relative;
     margin-bottom: 25px;
     padding: 12px 0;
 }
@media only screen and (max-width: 960px) {
    .relation_researchlist .list .item {
        font-size: 12px;
        width: 33.3333333333%}
}.relation_researchlist .list .item:last-child {
     border-right: 1px solid #2f2f2f;
 }
.relation_researchlist .list .item:nth-child(5) {
    border-right: 1px solid #2f2f2f;
}
@media only screen and (max-width: 960px) {
    .relation_researchlist .list .item: nth-child(5) {
    border-right: none;
}
    .relation_researchlist .list .item:nth-child(3n) {
        border-right: 1px solid #2f2f2f;
    }
}.relation_researchlist .list .item a {
     display: block;
     width: 100%;
     text-decoration: none;
     text-align: center;
     cursor: pointer;
     color: #2f2f2f;
 }
.relation_researchlist .list .item a:hover {
    opacity: .7;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.r-service_common_downloadlist {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
}
@media only screen and (max-width:960px) {
    .r-service_common_downloadlist {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        justify-content: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
    }
}@media only screen and (max-width:640px) {
    .r-service_common_downloadlist {
        display: block;
    }
}.r-service_common_downloadlist .r_download_common_item {
     width: calc((100% - 75px)/4);
     margin: 0 25px 0 0;
     text-align: right;
     background: #fff;
 }
@media only screen and (max-width:960px) {
    .r-service_common_downloadlist .r_download_common_item {
        width: calc((100% - 40px)/2);
        margin: 0 40px 20px 0;
    }
    .r-service_common_downloadlist .r_download_common_item:nth-child(even) {
        margin: 0 0 20px 0;
    }
}@media only screen and (max-width:640px) {
    .r-service_common_downloadlist .r_download_common_item {
        margin: 0 0 20px;
        width: 100%}
}.r-service_common_downloadlist .r_download_common_item a {
     height: 100%}
.r-service_common_downloadlist .r_download_common_item .r_download_common_pic {
    width: 100%;
    height: auto;
}
.r-service_common_downloadlist .r_download_common_textblock {
    padding: 15px 20px 50px;
}
ul.work_list {
    border: solid 2px #282828;
    padding: 1em 1em 0em 2em;
    position: relative;
    background: #fff;
    margin-top: 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
ul.work_list li {
    line-height: 1.5;
    padding: .5em 0;
    list-style-type: none !important;
    margin-bottom: 2%;
    width: 50% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #000;
}
ul.work_list li:before {
    content: "";
    background: no-repeat url("/img/common/ch.png");
    width: 20px;
}
ul.work_list li:after {
    background: #282828;
    color: #fff;
    position: absolute;
    left: -2px;
    bottom: 100%;
    padding: 10px 50px;
    content: "讌ｭ蜍吝ｯｾ蠢懃ｯ�峇";
    letter-spacing: .05em;
}
.product_name {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
}
@media screen and (max-width: 767px) {
    .detail_box .price_list .h3_p, .detail_box .price_list span, details[open] ul>li, ul.work_list li {
        width: 100% !important;
    }
}.normal_block {
     margin-bottom: 60px;
 }
.company_sdgs_text {
    font-size: 14px;
    line-height: 2;
    color: #2f2f2f;
    text-align: left;
    margin: 0 0 40px;
}
.company_common_subtitle {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    color: #282828;
    margin: 0 0 15px;
}
.sdg_icon_list img {
    margin: 0 10px 10px 0;
}
.company_common_info_block {
    width: 100%;
    padding: 25px;
    margin: 0 0 40px;
}
.company_common_info_inner {
    padding: 65px 30px;
    background: rgba(255, 255, 255, .7);
}
.half {
    width: 48%}
.half:nth-child(odd) {
    margin-right: 30px;
}
.sdgs_main_vis {
    width: 100%;
    margin-bottom: 40px;
}
.ire {
    background: center/cover no-repeat url("/img/company/ire.jpeg");
}
.aca {
    background: center/cover no-repeat url("/img/company/aca.jpeg");
}
.sol {
    background: center/cover no-repeat url("/img/company/sol.jpeg");
}
.vol {
    background: center/cover no-repeat url("/img/company/vol.jpeg");
}
.dona {
    background: center/cover no-repeat url("/img/company/dona.jpeg");
}
.paper {
    background: center/cover no-repeat url("/img/company/paper.jpeg");
}
.person {
    background: center/cover no-repeat url("/img/company/person.jpeg");
}
.company_sdgs_pic {
    display: block;
    width: 1060px;
    height: 350px;
    background: url("/img/company/pic12.jpg") center center no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
}
@media only screen and (max-width: 640px) {
    .company_common_info_block {
        padding: 10px;
    }
    .company_common_info_inner {
        padding: 15px;
    }
    .half {
        width: 100%}
    .half:nth-child(odd) {
        margin-right: 0;
    }
    .company_common_subtitle {
        font-size: 20px;
    }
    .company_sdgs_pic {
        background-position-x: 100px;
    }
    .sdg_icon_list img {
        margin: 0 5px 5px 0;
    }
}.insight_top_pic {
     padding: 50px 0 0;
     display: block;
     width: 100%;
     margin: 0 auto;
 }
@media only screen and (max-width:960px) {
    .insight_top_pic {
        padding: 20px 0 0;
    }
}.insight_grey_block {
     background: #f7f7f7;
     padding: 60px 10px 115px;
     margin: 0 0 32px;
 }
@media only screen and (max-width:960px) {
    .insight_grey_block {
        padding: 30px 10px 55px;
        margin: 0 0 10px;
    }
}.insight_feature_list .insight_feature_item {
     position: relative;
     margin: 0 0 60px;
     padding: 60px 0 0 350px;
 }
.insight_feature_list .insight_feature_item.qua {
    padding: 0px;
}
.insight_feature_list .insight_feature_item:last-of-type {
    margin: 0;
}
@media only screen and (max-width:1024px) {
    .insight_feature_list .insight_feature_item {
        padding: 80px 0 0 400px;
    }
}@media only screen and (max-width:960px) {
    .insight_feature_list .insight_feature_item {
        padding: 80px 0 0 30%;
        margin: 0 0 40px;
    }
}@media only screen and (max-width:640px) {
    .insight_feature_list .insight_feature_item {
        padding: 80px 0 0 10px;
    }
}.insight_feature_list .insight_feature_pic {
     position: absolute;
     top: 0;
     left: 0;
     display: block;
     width: 480px;
     height: 320px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
 }
@media only screen and (max-width:960px) {
    .insight_feature_list .insight_feature_pic {
        height: 200px;
        max-width: 480px;
        width: 97%}
}.insight_feature_list .insight_feature_info {
     position: relative;
     z-index: 1;
     background: #fff;
     padding: 40px 50px;
 }
@media only screen and (max-width:1024px) {
    .insight_feature_list .insight_feature_info {
        padding: 50px 30px 40px;
    }
}@media only screen and (max-width:960px) {
    .insight_feature_list .insight_feature_info {
        padding: 30px 15px 20px;
    }
}@media only screen and (max-width:640px) {
    .insight_feature_list .insight_feature_info {
        padding: 20px 10px;
    }
}.insight_feature_list .insight_feature_title_block {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin: 0 0 25px;
     padding: 0 25px 0 0;
 }
@media only screen and (max-width:960px) {
    .insight_feature_list .insight_feature_title_block {
        margin: 0 0 15px;
        padding: 0 15px;
    }
}@media only screen and (max-width:640px) {
    .insight_feature_list .insight_feature_title_block {
        display: block;
        padding: 0;
    }
}.insight_feature_list .insight_feature_title_block .insight_feature_num {
     font-size: 68px;
     font-weight: bold;
     color: rgba(26, 40, 114, .1);
     margin: 0 40px 0 0;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .insight_feature_list .insight_feature_title_block .insight_feature_num {
        font-size: 40px;
        margin: 0 20px 0 0;
    }
}@media only screen and (max-width:640px) {
    .insight_feature_list .insight_feature_title_block .insight_feature_num {
        margin: 0 0 10px;
        text-align: center;
    }
}.insight_feature_list .insight_feature_title_block .insight_feature_title {
     font-size: 18px;
     line-height: 1.8;
     color: #282828;
     font-weight: bold;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .insight_feature_list .insight_feature_title_block .insight_feature_title {
        font-size: 16px;
    }
}.insight_feature_list .insight_feature_title_block .insight_feature_title span {
     display: block;
     font-size: 14px;
     font-weight: normal;
 }
@media only screen and (max-width:960px) {
    .insight_feature_list .insight_feature_title_block .insight_feature_title span {
        font-size: 12px;
    }
}.insight_feature_list .insight_feature_text {
     font-size: 14px;
     line-height: 1.8;
     color: #000;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .insight_feature_list .insight_feature_text {
        font-size: 14px;
    }
}.insight_contents_wrap {
     padding: 32px 10px 80px;
 }
@media only screen and (max-width:960px) {
    .insight_contents_wrap {
        padding: 20px 10px 40px;
    }
}.insight_contents_block {
     position: relative;
     padding: 70px 65px 30px 40px;
     background: url("/img/insight/contents_bg.jpg") center center no-repeat;
     background-size: cover;
     display: block;
     max-width: 1010px;
     width: 100%;
     margin: 0 auto;
 }
@media only screen and (max-width:960px) {
    .insight_contents_block {
        padding: 30px 20px 10px;
    }
}.insight_contents_block:before {
     content: "";
     border: 1px #fff solid;
     width: calc(100% - 30px);
     height: calc(100% - 40px);
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
 }
@media only screen and (max-width:960px) {
    .insight_contents_block: before {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
    }
}.insight_contents_block .insight_contents_title {
     position: relative;
     font-size: 35px;
     font-weight: bold;
     color: #fff;
     letter-spacing: 2px;
     line-height: 1.5;
     margin: 0 0 25px;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .insight_contents_block .insight_contents_title {
        font-size: 28px;
        margin: 0 0 12px;
    }
}.insight_contents_block .insight_contents_title span {
     display: block;
     font-size: 14px;
 }
@media only screen and (max-width:960px) {
    .insight_contents_block .insight_contents_title span {
        font-size: 12px;
    }
}.insight_contents_block .insight_contents_list {
     position: relative;
 }
.insight_contents_block .insight_contents_item {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
    .insight_contents_block .insight_contents_item {
        margin: 0 0 20px;
    }
}@media only screen and (max-width:640px) {
    .insight_contents_block .insight_contents_item {
        display: block;
    }
}.insight_contents_block .insight_contents_item_pic {
     display: block;
     width: 276px;
     min-width: 276px;
     height: 218px;
     margin: 0 30px 0 0;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
 }
@media only screen and (max-width:960px) {
    .insight_contents_block .insight_contents_item_pic {
        width: 220px;
        min-width: 220px;
        height: 180px;
        margin: 0 15px 0 0;
    }
}@media only screen and (max-width:640px) {
    .insight_contents_block .insight_contents_item_pic {
        width: 100%;
        min-width: inherit;
        margin: 0 0 15px;
    }
}.insight_contents_block .insight_contents_item_info {
     width: 100%}
.insight_contents_block .insight_contents_item_top {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 12px;
}
.insight_contents_block .insight_contents_item_top .insight_contents_item_title {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .insight_contents_block .insight_contents_item_top .insight_contents_item_title {
        font-size: 15px;
    }
}.insight_contents_block .insight_contents_item_top .insight_contents_item_date {
     font-size: 12px;
     line-height: 1.5;
     font-weight: bold;
     color: #fff;
     white-space: nowrap;
     margin: 12px 0 0 12px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .insight_contents_block .insight_contents_item_top .insight_contents_item_date {
        margin: 3px 0 0 10px;
    }
}.insight_contents_block .insight_contents_item_text {
     font-size: 14px;
     line-height: 1.6;
     color: #fff;
     margin: 0 0 15px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .insight_contents_block .insight_contents_item_text {
        font-size: 12px;
    }
}.insight_contents_block .insight_contents_item_btnarea {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
@media only screen and (max-width:500px) {
    .insight_contents_block .insight_contents_item_btnarea {
        display: block;
    }
}.insight_contents_block .insight_contents_item_btnarea .insight_contents_item_link {
     display: block;
     width: 194px;
     height: 49px;
     text-decoration: none;
     text-align: center;
     background: #000;
     color: #fff;
     border: 1px #fff solid;
     line-height: 47px;
     font-size: 16px;
     font-weight: bold;
     margin: 0 12px 0 0;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .insight_contents_block .insight_contents_item_btnarea .insight_contents_item_link {
        font-size: 12px;
        width: 120px;
        margin: 0 8px 0 0;
    }
}@media only screen and (max-width:640px) {
    .insight_contents_block .insight_contents_item_btnarea .insight_contents_item_link {
        height: 40px;
        line-height: 38px;
    }
}@media only screen and (max-width:500px) {
    .insight_contents_block .insight_contents_item_btnarea .insight_contents_item_link {
        width: 100%;
        margin: 0 auto 10px;
    }
}.insight_contents_block .insight_contents_item_btnarea .insight_contents_item_btn {
     cursor: pointer;
     outline: none;
     display: block;
     width: calc(100% - 206px);
     height: 49px;
     text-decoration: none;
     text-align: center;
     background: #282828;
     color: #fff;
     border: 1px #fff solid;
     line-height: 47px;
     font-size: 16px;
     font-weight: bold;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .insight_contents_block .insight_contents_item_btnarea .insight_contents_item_btn {
        font-size: 12px;
        width: calc(100% - 128px);
    }
}@media only screen and (max-width:640px) {
    .insight_contents_block .insight_contents_item_btnarea .insight_contents_item_btn {
        height: 40px;
        line-height: 38px;
    }
}@media only screen and (max-width:500px) {
    .insight_contents_block .insight_contents_item_btnarea .insight_contents_item_btn {
        width: 100%;
        margin: 0 auto;
    }
}.insight_research_block {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     background: #fff;
     margin: 0 0 20px;
     text-decoration: none;
 }
@media only screen and (max-width:960px) {
    .insight_research_block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}@media only screen and (max-width:640px) {
    .insight_research_block {
        display: block;
    }
}.insight_research_block:hover .research_common_more_btn {
     background: #282828;
     color: #fff;
 }
@media only screen and (max-width:960px) {
    .insight_research_block: hover .research_common_more_btn {
        background: #fff;
        color: #282828;
    }
}.insight_research_block .insight_researh_pic {
     display: block;
     width: 420px;
     min-width: 420px;
     height: 230px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
 }
@media only screen and (max-width:960px) {
    .insight_research_block .insight_researh_pic {
        width: 300px;
        min-width: 300px;
    }
}@media only screen and (max-width:640px) {
    .insight_research_block .insight_researh_pic {
        width: 100%;
        min-width: inherit;
        height: 180px;
    }
}.insight_research_block .insight_researh_info {
     width: 100%;
     padding: 80px 20px 20px 36px;
     text-align: right;
 }
@media only screen and (max-width:960px) {
    .insight_research_block .insight_researh_info {
        padding: 20px;
    }
}@media only screen and (max-width:640px) {
    .insight_research_block .insight_researh_info {
        padding: 20px 15px;
    }
}.insight_research_block .insight_research_title {
     font-size: 16px;
     color: #272727;
     line-height: 1.8;
     font-weight: bold;
     text-align: left;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .insight_research_block .insight_research_title {
        font-size: 14px;
    }
}@media only screen and (max-width:640px) {
    .insight_research_block .insight_research_title {
        margin: 0 0 7px;
        line-height: 1.5;
    }
}.insight_research_block .insight_research_text {
     font-size: 14px;
     color: #272727;
     line-height: 1.8;
     margin: 0 0 25px;
     text-align: left;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:640px) {
    .insight_research_block .insight_research_text {
        line-height: 1.5;
        margin: 0 0 7px;
    }
}.insight_research_menu {
     padding: 45px 10px 95px;
 }
.net_common_text {
    font-size: 14px;
    line-height: 1.8;
    color: #000;
    font-family: "Pretendard", sans-serif;
}
.net_common_text.center {
    text-align: center;
}
.net_common_text.mb50 {
    margin: 0 0 50px;
}
@media only screen and (max-width:960px) {
    .net_common_text.mb50 {
        margin: 0 0 25px;
    }
}.net_common_text.mb60 {
     margin: 0 0 60px;
 }
@media only screen and (max-width:960px) {
    .net_common_text.mb60 {
        margin: 0 0 30px;
    }
}.net_description_text {
     font-size: 16px;
     line-height: 1.8;
     color: #000;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .net_description_text {
        font-size: 14px;
    }
}.net_description_text.mb40 {
     margin: 0 0 40px;
 }
@media only screen and (max-width:960px) {
    .net_description_text.mb40 {
        margin: 0 0 20px;
    }
}.net_description_text.mb50 {
     margin: 0 0 50px;
 }
@media only screen and (max-width:960px) {
    .net_description_text.mb50 {
        margin: 0 0 20px;
    }
}.net_description_text.mb25 {
     margin: 0 0 25px;
 }
@media only screen and (max-width:960px) {
    .net_description_text.mb25 {
        margin: 0 0 20px;
    }
}.net_common_block {
     margin: 0 0 80px;
     padding: 0 10px;
 }
@media only screen and (max-width:960px) {
    .net_common_block {
        margin: 0 0 40px;
    }
}.net_inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
.net_inner.flow_inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}
@media only screen and (max-width:960px) {
    .net_inner {
        display: block;
    }
}.net_common_title_block {
     position: relative;
     z-index: 1;
     display: block;
     width: 400px;
     min-width: 400px;
     height: 460px;
     padding: 50px 0 0;
 }
@media only screen and (max-width:960px) {
    .net_common_title_block {
        width: 100%;
        min-width: inherit;
        height: inherit;
        padding: 20px 0;
        margin: 0 0 20px;
    }
}.net_common_title_block:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     left: -100%;
     top: 0;
     display: block;
 }
.net_common_title_block.bg_grey {
    background: #f7f7f7;
}
.net_common_title_block.bg_grey:before {
    background: #f7f7f7;
}
.net_common_title_block.bg_white {
    background: #fff;
}
.net_common_title_block.bg_white:before {
    background: #fff;
}
.net_common_title_block .net_common_title {
    position: relative;
    font-size: 26px;
    line-height: 1.8;
    color: #000;
    font-weight: bold;
    margin: 0 0 45px;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .net_common_title_block .net_common_title {
        font-size: 25px;
        margin: 0 0 30px;
    }
}.net_common_title_block .net_common_title:after {
     content: "";
     background: #282828;
     position: absolute;
     height: 3px;
     bottom: -19px;
     left: 0;
     width: 160px;
     display: block;
 }
@media only screen and (max-width:960px) {
    .net_common_title_block .net_common_title: after {
        width: 100px;
        height: 2px;
        bottom: -13px;
    }
}.net_common_title_block .net_common_subtitle {
     font-size: 18px;
     letter-spacing: 2px;
     color: #000;
     font-weight: bold;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .net_common_title_block .net_common_subtitle {
        font-size: 16px;
    }
}.net_common_right_block {
     padding: 115px 0 0 0;
     margin: 0 0 0 -180px;
     position: relative;
     z-index: 2;
     width: 960px;
 }
@media only screen and (max-width:960px) {
    .net_common_right_block {
        margin: 0;
        width: 100%;
        padding: 0;
    }
}.net_common_right_block.feature_block {
     padding: 175px 0 0;
 }
@media only screen and (max-width:960px) {
    .net_common_right_block.feature_block {
        padding: 0;
    }
}.net_example_list {
     width: 100%;
     padding: 0 0 30px;
 }
.net_example_list ul {
    list-style-type: disc;
    margin-left: 20px;
}
.net_example_list ul li {
    line-height: 1.6;
    margin-bottom: 10px;
    font-size: 14px;
}
.net_example_list.mb55 {
    margin: 0 0 55px;
}
@media only screen and (max-width:960px) {
    .net_example_list.mb55 {
        margin: 0 0 30px;
    }
}@media only screen and (max-width:640px) {
    .net_example_list.mb55 {
        margin: 0 0 20px;
    }
}.net_example_list .net_example_item {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin: 0 0 60px;
 }
.net_example_list .net_example_item:last-of-type {
    margin: 0;
}
@media only screen and (max-width:1100px) {
    .net_example_list .net_example_item {
        -webkit-box-align: strat;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}@media only screen and (max-width:640px) {
    .net_example_list .net_example_item {
        display: block;
        margin: 0 0 40px;
    }
}.net_example_pic {
     display: block;
     width: 360px;
     min-width: 360px;
     margin: 0 30px 0 0;
 }
@media only screen and (max-width:1100px) {
    .net_example_pic {
        width: 240px;
        min-width: 240px;
    }
}@media only screen and (max-width:960px) {
    .net_example_pic {
        margin: 0 20px 0 0;
    }
}@media only screen and (max-width:640px) {
    .net_example_pic {
        width: 100%;
        min-width: inherit;
        margin: 0 auto 15px;
    }
}.net_example_textarea {
     width: 100%}
@media only screen and (max-width:1100px) {
    .net_example_textarea {
        padding: 20px 0 0;
    }
}@media only screen and (max-width:640px) {
    .net_example_textarea {
        padding: 0;
    }
}.net_example_title {
     font-size: 20px;
     line-height: 1.6;
     font-weight: bold;
     color: #282828;
     margin-bottom: 15px;
     border-bottom: 3px double;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .net_example_title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}.net_example_subtitle {
     font-size: 17px;
     color: #2f2f2f;
     font-weight: bold;
     line-height: 1.6;
     margin-bottom: 10px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .net_example_subtitle {
        font-size: 14px;
        margin: 0 0 8px;
    }
}.net_example_case_list {
     margin: 40px 0;
 }
.net_example_case_title {
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    color: #282828;
    margin: 0 0 15px;
}
.net_example_case_title span {
    font-size: 14px;
    display: block;
    font-weight: bold;
    color: #282828;
    margin: 0 0 3px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 2px;
}
.net_feature_list {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    margin-bottom: 55px;
}
@media only screen and (max-width:960px) {
    .net_feature_list {
        margin: 0 0 30px;
    }
}@media only screen and (max-width:640px) {
    .net_feature_list {
        display: block;
        margin: 0 0 20px;
    }
}.net_feature_list .net_feature_item {
     width: calc((100% - 40px)/3);
     margin: 0 20px 0 0;
 }
.net_feature_list .net_feature_item:nth-of-type(3n) {
    margin: 0;
}
@media only screen and (max-width:640px) {
    .net_feature_list .net_feature_item {
        width: 100%;
        margin: 0 0 20px;
    }
}.net_feature_list .net_feature_item_pic {
     display: block;
     width: 100%;
     margin: 0 auto 15px;
 }
.net_feature_title {
    font-size: 16px;
    line-height: 1.5;
    color: #282828;
    font-weight: bold;
    margin: 0 0 8px;
    font-family: "Pretendard", sans-serif;
}
.net_case_wrap {
    padding: 115px 10px 65px;
}
@media only screen and (max-width:960px) {
    .net_case_wrap {
        padding: 30px 10px;
    }
}.net_flow_list {
     list-style-type: none;
 }
.net_flow_list .net_flow_title {
    position: relative;
    background: #282828;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    padding: 20px;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .net_flow_list .net_flow_title {
        font-size: 16px;
        padding: 15px 10px;
    }
}.net_flow_list .net_flow_title span {
     font-size: 22px;
     margin: 0 10px 0 0;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .net_flow_list .net_flow_title span {
        font-size: 18px;
    }
}.net_flow_list .net_flow_title:after {
     content: "";
     background: url("/img/icon/icon10.svg") center center no-repeat;
     background-size: contain;
     display: block;
     width: 48px;
     height: 12px;
     position: absolute;
     left: 50%;
     bottom: -12px;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
 }
.net_flow_list .net_flow_text {
    background: #fff;
    padding: 30px;
}
@media only screen and (max-width:960px) {
    .net_flow_list .net_flow_text {
        padding: 30px 15px 15px;
    }
}.net_product_list .net_product_item {
     margin: 0 0 45px;
     padding: 0 0 30px;
     border-bottom: 1px #707070 solid;
 }
@media only screen and (max-width:960px) {
    .net_product_list .net_product_item {
        margin: 0 0 30px;
        padding: 0 0 20px;
    }
}.net_product_list .net_product_item:last-of-type {
     margin: 0;
     padding: 0;
     border-bottom: none;
 }
.net_product_list .net_product_title {
    font-size: 20px;
    color: #282828;
    line-height: 1.6;
    font-weight: bold;
    margin: 0 0 15px;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .net_product_list .net_product_title {
        font-size: 18px;
    }
}.net_product_pic_list {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
 }
@media only screen and (max-width:960px) {
    .net_product_pic_list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}.net_product_pic_list .net_product_pic_item {
     width: calc((100% - 68px)/3);
     margin: 0 34px 30px 0;
 }
.net_product_pic_list .net_product_pic_item:nth-of-type(3n) {
    margin: 0 0 30px;
}
@media only screen and (max-width:960px) {
    .net_product_pic_list .net_product_pic_item: nth-of-type(3n) {
    margin: 0 0 20px;
}
}@media only screen and (max-width:960px) {
    .net_product_pic_list .net_product_pic_item {
        width: 49%;
        margin: 0 0 20px;
    }
}.net_product_pic_list .net_product_pic_item img {
     display: block;
     width: 100%}
.net_survey_gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.net_survey_gallery a {
    margin: 10px;
    padding: 10px;
    border: 1px solid #ddd;
}
.net_survey_gallery a:hover {
    -webkit-box-shadow: 5px 5px 10px rgba(221, 221, 221, .5);
    box-shadow: 5px 5px 10px rgba(221, 221, 221, .5);
}
.net_survey_gallery img {
    width: 100%;
    max-height: 100px;
    -o-object-fit: contain;
    object-fit: contain;
}
.solution_download {
    display: block;
    margin: 20px auto;
    text-align: center;
}
.solution_download_a {
    text-decoration: none;
    max-width: 430px;
    height: 100% !important;
    padding: 10px;
    display: inline-block;
    background: #282828;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 1 !important;
}
.solution_download_a:hover {
    opacity: .7;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.solution_download_a_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px;
    line-height: 1.6;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border: 1px #fff solid;
    padding: 15px 20px;
}
@media only screen and (max-width: 960px) {
    .solution_download_a_text {
        padding: 25px 20px 20px;
    }
}@media only screen and (max-width: 960px) {
    .solution_download_a_text {
        font-size: 15px;
        margin: 0;
    }
}.solution_download_a_text_icon {
     width: 40px;
     margin-right: 15px;
 }
.news_wrap {
    background: #f7f7f7;
    padding: 40px 10px;
    margin: 15px 0 0;
}
@media only screen and (max-width: 640px) {
    .news_wrap {
        padding: 30px 10px 75px;
    }
}.news_wrap .news_common_block {
     background: #fff;
     padding: 40px;
 }
@media only screen and (max-width: 640px) {
    .news_wrap .news_common_block {
        padding: 20px 15px;
    }
}.common_write_wrap .common_write_title_wrap {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     padding: 0 0 20px;
     margin: 0 0 40px;
     border-bottom: solid 1px #707070;
 }
@media only screen and (max-width: 640px) {
    .common_write_wrap .common_write_title_wrap {
        display: block;
        padding: 0 0 10px;
        margin: 0 0 20px;
    }
}.common_write_wrap .common_write_title_wrap .common_write_title {
     font-size: 20px;
     font-weight: bold;
     line-height: 1.8;
 }
.common_write_wrap .common_write_title_wrap .common_write_date {
    font-size: 14px;
    text-align: right;
    white-space: nowrap;
}
@media only screen and (max-width: 640px) {
    .common_write_wrap .common_write_title_wrap .common_write_date {
        margin: 5px 0 0;
        font-size: 14px;
    }
}.common_write_wrap p {
     font-size: 14px;
     line-height: 2.2;
 }
.common_write_wrap h2 {
    padding: 5px 0 5px 10px;
    margin: 10px 0;
    border-left: solid 5px #919191;
    font-size: 16px;
    font-weight: bold;
}
.news_back_btn {
    display: block;
    margin: 40px auto 0;
    background: #fff;
    max-width: 300px;
    width: 80%;
    border: solid 1px #282828;
    font-size: 19px;
    font-weight: bold;
    color: #282828;
    text-align: center;
    text-decoration: none;
    padding: 20px 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.news_back_btn:hover {
    background: #282828;
    color: #fff;
}
.solution_wrap {
    padding: 70px 0 45px;
}
@media only screen and (max-width:960px) {
    .solution_wrap {
        padding: 35px 0 20px;
    }
}.solution_top_block {
     padding: 0 10px;
 }
.solution_title {
    font-size: 22px;
    color: #2f2f2f;
    line-height: 2;
    font-weight: bold;
    text-align: center;
    margin: 0 0 40px;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .solution_title {
        font-size: 18px;
        margin: 0 0 25px;
    }
}.solution_grey_bg {
     background: #f7f7f7;
     padding: 70px 10px;
 }
@media only screen and (max-width:960px) {
    .solution_grey_bg {
        padding: 35px 10px;
    }
}.solution_list {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
 }
.solution_list .solution_item {
    background: #fff;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .16);
    -ms-box-shadow: 2px 2px 3px rgba(0, 0, 0, .16);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .16);
    width: calc((100% - 30px)/3);
    margin: 0 15px 20px 0;
}
.solution_list .solution_item:nth-of-type(3n) {
    margin: 0 0 20px;
}
@media only screen and (max-width:960px) {
    .solution_list .solution_item: nth-of-type(3n) {
    margin: 0 15px 20px 0;
}
}@media only screen and (max-width:640px) {
    .solution_list .solution_item: nth-of-type(3n) {
    margin: 0 0 20px;
}
}@media only screen and (max-width:960px) {
    .solution_list .solution_item: nth-of-type(even) {
    margin: 0 0 20px;
}
}@media only screen and (max-width:960px) {
    .solution_list .solution_item {
        width: calc((100% - 15px)/2);
    }
}@media only screen and (max-width:640px) {
    .solution_list .solution_item {
        width: 100%;
        margin: 0 0 20px;
    }
}.solution_list .soluion_link {
     display: block;
     width: 100%;
     height: 100%;
     text-decoration: none;
     text-align: center;
 }
.solution_list .soluion_link:hover .solution_info_block {
    background: #282828;
}
@media only screen and (max-width:960px) {
    .solution_list .soluion_link: hover .solution_info_block {
        background: #fff;
    }
}.solution_list .soluion_link:hover .solution_info_block:before {
     background: #282828;
 }
@media only screen and (max-width:960px) {
    .solution_list .soluion_link: hover .solution_info_block:before {
        background: #fff;
    }
}.solution_list .soluion_link:hover .solution_info_icon {
     -webkit-filter: brightness(0) invert(1);
     filter: brightness(0) invert(1);
 }
@media only screen and (max-width:960px) {
    .solution_list .soluion_link: hover .solution_info_icon {
        -webkit-filter: none;
        filter: none;
    }
}.solution_list .soluion_link:hover .top_solution_item_title {
     color: #fff;
 }
@media only screen and (max-width:960px) {
    .solution_list .soluion_link: hover .top_solution_item_title {
        color: #484848;
    }
}.solution_list .soluion_link:hover .top_solution_item_title span {
     color: #fff;
 }
@media only screen and (max-width:960px) {
    .solution_list .soluion_link: hover .top_solution_item_title span {
        color: #919191;
    }
}.solution_list .soluion_link:hover .solution_item_text {
     color: #fff;
 }
@media only screen and (max-width:960px) {
    .solution_list .soluion_link: hover .solution_item_text {
        color: #2f2f2f;
    }
}.solution_list .soluion_link:hover .research_common_more_btn {
     color: #fff;
     border: 1px #fff solid;
 }
@media only screen and (max-width:960px) {
    .solution_list .soluion_link: hover .research_common_more_btn {
        color: #282828;
        border: 1px #282828 solid;
    }
}.solution_list .solution_pic {
     display: block;
     width: 100%;
     height: 160px;
 }
.solution_list .solution_info_block {
    position: relative;
    padding: 25px 10px 30px;
}
@media only screen and (max-width:960px) {
    .solution_list .solution_info_block {
        padding: 15px 10px 20px;
    }
}.solution_list .solution_info_block:before {
     content: "";
     position: absolute;
     left: 50%;
     top: -75px;
     z-index: 1;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     background: #fff;
     width: 155px;
     height: 155px;
     border-radius: 50%}
@media only screen and (max-width:640px) {
    .solution_list .solution_info_block: before {
        width: 120px;
        height: 120px;
        top: -60px;
    }
}.solution_list .solution_info_icon {
     display: block;
     height: 70px;
     width: auto;
     max-width: 100px;
     position: absolute;
     top: -55px;
     left: 50%;
     z-index: 2;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
@media only screen and (max-width:960px) {
    .solution_list .solution_info_icon {
        height: 50px;
        max-width: 80px;
    }
}@media only screen and (max-width:640px) {
    .solution_list .solution_info_icon {
        top: -45px;
    }
}.solution_list .top_solution_item_title {
     position: relative;
     z-index: 3;
     margin: 0 0 15px;
 }
.solution_list .solution_item_textarea {
    position: relative;
    height: 120px;
    width: 100%;
    margin: 0 0 20px;
    z-index: 3;
}
@media only screen and (max-width:640px) {
    .solution_list .solution_item_textarea {
        height: inherit;
    }
}.solution_list .solution_item_textarea .solution_item_text {
     position: absolute;
     width: 100%;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     font-size: 14px;
     color: #2f2f2f;
     line-height: 1.5;
     font-family: "Pretendard", sans-serif;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
@media only screen and (max-width:960px) {
    .solution_list .solution_item_textarea .solution_item_text {
        font-size: 12px;
    }
}@media only screen and (max-width:640px) {
    .solution_list .solution_item_textarea .solution_item_text {
        position: relative;
        left: inherit;
        top: inherit;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        margin: 0 0 20px;
    }
}.solution_other_wrap {
     padding: 15px 0 140px;
 }
.top_solution_bottom .solution_other_wrap {
    padding-bottom: 40px;
}
@media only screen and (max-width:960px) {
    .solution_other_wrap {
        padding: 10px 0 60px;
    }
}
.solution_other_wrap .top_solution_list {
     max-width: 1200px;
     width: 100%;
     margin: 0 auto;
 }
.solution_d_wrap {
    position: relative;
    width: 100%;
    padding: 45px 85px 10px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .16);
    -ms-box-shadow: 2px 2px 3px rgba(0, 0, 0, .16);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .16);
}
@media only screen and (max-width:960px) {
    .solution_d_wrap {
        padding: 40px 20px 20px;
        margin: 20px 0 0;
    }
}@media only screen and (max-width:640px) {
    .solution_d_wrap {
        padding: 40px 10px 20px;
    }
}.solution_d_wrap:before {
     position: absolute;
     left: 50%;
     top: -95px;
     z-index: 1;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     background: #fff;
     width: 218px;
     height: 218px;
     border-radius: 50%}
@media only screen and (max-width:960px) {
    .solution_d_wrap: before {
        width: 150px;
        height: 150px;
        top: -75px;
    }
}.solution_d_icon {
     height: 100px;
     position: absolute;
     z-index: 1;
     left: 50%;
     top: -60px;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
 }
@media only screen and (max-width:960px) {
    .solution_d_icon {
        height: 80px;
        top: -50px;
    }
}.solution_d_title {
     position: relative;
     z-index: 3;
     text-align: center;
     font-size: 24px;
     color: #484848;
     font-weight: bold;
     line-height: 1.2;
     margin: 0 0 30px;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .solution_d_title {
        font-size: 20px;
    }
}.solution_d_title span {
     font-size: 16px;
     color: #919191;
 }
@media only screen and (max-width:960px) {
    .solution_d_title span {
        font-size: 12px;
    }
}.solution_d_text {
     font-size: 18px;
     color: #2f2f2f;
     line-height: 1.8;
     text-align: center;
     margin: 0 0 60px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .solution_d_text {
        font-size: 14px;
        margin: 0 0 30px;
    }
}.solution_web_title {
     font-size: 42px;
     color: #2f2f2f;
     line-height: 1.5;
     font-weight: bold;
     letter-spacing: 10px;
     margin: 0 0 30px;
     text-align: center;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .solution_web_title {
        font-size: 40px;
        margin: 0 0 20px;
    }
}@media only screen and (max-width:640px) {
    .solution_web_title {
        letter-spacing: 5px;
    }
}.solution_web_title span {
     color: #919191;
 }
.solution_web_title img {
    display: inline-block;
    width: 24px;
    margin: 0 25px 0 20px;
    vertical-align: 1px;
}
@media only screen and (max-width:960px) {
    .solution_web_title img {
        width: 20px;
        margin: 0 15px 0 10px;
        vertical-align: 5px;
    }
}.solution_web_graph {
     width: 100%;
     margin: 0 auto 105px;
 }
@media only screen and (max-width:960px) {
    .solution_web_graph {
        margin: 0 auto 50px;
    }
}.solution_web_list {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
.solution_web_list .solution_web_item {
    width: calc((100% - 40px)/2);
    margin: 0 0 70px;
}
@media only screen and (max-width:960px) {
    .solution_web_list .solution_web_item {
        width: calc((100% - 20px)/2);
        margin: 0 0 35px;
    }
}@media only screen and (max-width:640px) {
    .solution_web_list .solution_web_item {
        margin: 0 0 20px;
        width: 100%}
}.solution_web_list .solution_web_item_top {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0 20px 28px;
     border-bottom: 1px #919191 solid;
     margin: 0 0 25px;
 }
@media only screen and (max-width:960px) {
    .solution_web_list .solution_web_item_top {
        padding: 0 10px 15px;
        margin: 0 0 15px;
    }
}.solution_web_list .solution_web_item_top .solution_web_item_icon {
     width: 110px;
     min-width: 110px;
     margin: 0 45px 0 0;
 }
@media only screen and (max-width:960px) {
    .solution_web_list .solution_web_item_top .solution_web_item_icon {
        width: 55px;
        min-width: 55px;
        margin: 0 20px 0 0;
    }
}.solution_web_list .solution_web_item_top .solution_web_item_info {
     width: 100%}
.solution_web_list .solution_web_item_top .solution_web_item_title {
    font-size: 16px;
    line-height: 1.5;
    color: #282828;
    font-weight: bold;
    margin: 0 0 5px;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .solution_web_list .solution_web_item_top .solution_web_item_title {
        font-size: 14px;
    }
}.solution_web_list .solution_web_item_top .solution_web_item_text {
     font-size: 14px;
     line-height: 1.5;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .solution_web_list .solution_web_item_top .solution_web_item_text {
        font-size: 12px;
    }
}.solution_web_list .solution_web_sublist {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
 }
.solution_web_list .solution_web_sublist .solution_web_subitem {
    position: relative;
    width: 50%;
    padding: 0 10px 0 25px;
    font-size: 14px;
    color: #2f2f2f;
    line-height: 1.5;
    margin: 0 0 15px;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .solution_web_list .solution_web_sublist .solution_web_subitem {
        font-size: 12px;
        margin: 0 0 10px;
    }
}.solution_web_list .solution_web_sublist .solution_web_subitem:before {
     content: "";
     background: url("/img/icon/icon08.svg") center center no-repeat;
     background-size: contain;
     width: 6px;
     height: 4px;
     position: absolute;
     top: 7px;
     left: 10px;
     display: block;
 }
.search_wrap {
    background: #f7f7f7;
    padding: 80px 10px 50px;
}
@media only screen and (max-width:960px) {
    .search_wrap {
        padding: 60px 10px 10px;
    }
}.search_list .search_item {
     position: relative;
     margin: 0 0 70px;
     background: #fff;
     padding: 30px 25px 15px;
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
@media only screen and (max-width:960px) {
    .search_list .search_item {
        padding: 20px 10px 30px;
        margin: 0 0 50px;
    }
}@media only screen and (max-width:640px) {
    .search_list .search_item {
        display: block;
    }
}.search_list .search_left_block {
     display: block;
     width: 315px;
     margin: 0 35px 0 0;
 }
@media only screen and (max-width:960px) {
    .search_list .search_left_block {
        width: 230px;
        margin: 0 20px 0 0;
    }
}@media only screen and (max-width:640px) {
    .search_list .search_left_block {
        width: 100%;
        margin: 0 0 20px;
    }
}.search_list .search_right_block {
     width: calc(100% - 350px);
 }
@media only screen and (max-width:960px) {
    .search_list .search_right_block {
        width: calc(100% - 250px);
    }
}@media only screen and (max-width:640px) {
    .search_list .search_right_block {
        width: 100%}
}.search_list .search_title_block {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
.search_list .search_title_block .search_title_icon {
    display: block;
    width: 70px;
    margin: 0 7px 0 0;
}
@media only screen and (max-width:960px) {
    .search_list .search_title_block .search_title_icon {
        width: 50px;
    }
}.search_list .search_title_block .search_title {
     padding: 35px 0 0;
     font-size: 18px;
     font-weight: bold;
     color: #272727;
     line-height: 1.5;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .search_list .search_title_block .search_title {
        padding: 30px 0 0;
        font-size: 15px;
    }
}.search_list .search_step_num {
     position: absolute;
     left: 102px;
     bottom: -20px;
     display: block;
     width: 250px;
 }
@media only screen and (max-width:960px) {
    .search_list .search_step_num {
        width: 200px;
        left: 10px;
        bottom: -10px;
    }
}@media only screen and (max-width:640px) {
    .search_list .search_step_num {
        bottom: inherit;
        left: inherit;
        right: -10px;
        top: -25px;
        width: 80px;
    }
}.search_list .search_description_text {
     font-size: 14px;
     line-height: 2;
     padding: 0 0 20px;
     border-bottom: 1px #707070 solid;
     margin: 0 0 35px;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .search_list .search_description_text {
        font-size: 12px;
        margin: 0 0 25px;
        padding: 0 0 15px;
    }
}.search_list .search_sub_list {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     padding: 0 10px 20px 0;
 }
@media only screen and (max-width:1200px) {
    .search_list .search_sub_list {
        padding: 0 50px 0 0;
    }
}@media only screen and (max-width:960px) {
    .search_list .search_sub_list {
        padding: 0;
    }
}.search_list .search_sub_list.column_two .search_sub_item {
     width: 50%}
.search_list .search_sub_list .search_sub_item {
    width: 33.3333333333%;
    margin: 0 0 30px;
    padding: 0 5px 0 0;
}
@media only screen and (max-width:960px) {
    .search_list .search_sub_list .search_sub_item {
        margin: 0 0 20px;
    }
}@media only screen and (max-width:750px) {
    .search_list .search_sub_list .search_sub_item {
        width: 50%}
}.search_list .search_sub_list .search_sub_link {
     display: block;
     width: 100%;
     position: relative;
     font-size: 13px;
     line-height: 1.5;
     font-weight: bold;
     color: #282828;
     text-decoration: none;
     padding: 0 0 0 22px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .search_list .search_sub_list .search_sub_link {
        font-size: 12px;
        padding: 0 0 0 15px;
    }
}.search_list .search_sub_list .search_sub_link:before {
     content: "";
     background: url("/img/icon/icon05.svg") center center no-repeat;
     background-size: contain;
     display: block;
     width: 10px;
     height: 9px;
     position: absolute;
     left: 0;
     top: 5px;
 }
@media only screen and (max-width:960px) {
    .search_list .search_sub_list .search_sub_link: before {
        width: 7px;
        height: 6px;
    }
}.search_list .research_common_more_btn {
     position: absolute;
     bottom: 15px;
     right: 25px;
     background: #282828;
     color: #fff;
 }
@media only screen and (max-width:960px) {
    .search_list .research_common_more_btn {
        right: 10px;
        bottom: 10px;
    }
}.search_purpose_block {
     padding: 100px 10px;
 }
@media only screen and (max-width:960px) {
    .search_purpose_block {
        padding: 50px 10px;
    }
}.search_d_anchor {
     padding: 130px 0 0;
     margin: -130px 0 0;
 }
@media only screen and (max-width:960px) {
    .search_d_anchor {
        padding: 65px 0 0;
        margin: -65px 0 0;
    }
}.search_d_mv_block {
     margin: 0 0 90px;
 }
@media only screen and (max-width:960px) {
    .search_d_mv_block {
        margin: 0 0 40px;
    }
}.search_d_mv_top {
     background: #e6e7e8;
     padding: 50px 10px 145px;
 }
@media only screen and (max-width:960px) {
    .search_d_mv_top {
        padding: 30px 10px 135px;
    }
}.search_d_mv_top .search_d_mv_title_block {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }
.search_d_mv_top .search_d_mv_title_icon {
    display: block;
    width: 90px;
}
@media only screen and (max-width:960px) {
    .search_d_mv_top .search_d_mv_title_icon {
        width: 70px;
    }
}.search_d_mv_top .search_d_mv_title {
     font-size: 22px;
     color: #2f2f2f;
     line-height: 1.5;
     font-weight: bold;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .search_d_mv_top .search_d_mv_title {
        font-size: 18px;
    }
}.search_d_mv_top .search_d_mv_title span {
     line-height: 1.3;
     font-weight: normal;
     display: block;
     font-size: 44px;
     letter-spacing: 2px;
     font-family: "Open Sans", sans-serif;
 }
@media only screen and (max-width:960px) {
    .search_d_mv_top .search_d_mv_title span {
        font-size: 30px;
    }
}.search_d_mv_top .search_d_mv_title small {
     font-size: 22px;
 }
@media only screen and (max-width:960px) {
    .search_d_mv_top .search_d_mv_title small {
        font-size: 18px;
    }
}.search_d_mv_info {
     background: #fff;
     padding: 95px 10px 0;
     text-align: center;
     margin: -114px 0 0;
 }
@media only screen and (max-width:1200px) {
    .search_d_mv_info {
        width: calc(100% - 20px);
        margin: -114px auto 0;
    }
}@media only screen and (max-width:960px) {
    .search_d_mv_info {
        padding: 40px 5px 0;
    }
}.search_d_mv_subtitle {
     font-size: 24px;
     color: #2f2f2f;
     font-weight: bold;
     line-height: 1.5;
     margin: 0 0 25px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .search_d_mv_subtitle {
        font-size: 20px;
        margin: 0 0 15px;
    }
}.search_d_mv_subtitle:after {
     content: "";
     display: block;
     width: 40px;
     height: 4px;
     background: #282828;
     margin: 20px auto 0;
 }
@media only screen and (max-width:960px) {
    .search_d_mv_subtitle: after {
        height: 2px;
        width: 30px;
        margin: 10px auto 0;
    }
}.search_d_mv_text {
     font-size: 14px;
     color: #000;
     line-height: 2.5;
     margin: 0 0 65px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .search_d_mv_text {
        font-size: 12px;
        margin: 0 0 30px;
    }
}.search_d_mv_list {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     max-width: 730px;
     width: 100%;
     margin: 0 auto;
 }
@media only screen and (max-width:640px) {
    .search_d_mv_list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}.search_d_mv_list .search_d_mv_item {
     position: relative;
     margin: 0 35px 15px 0;
     width: calc((100% - 70px)/3);
     border-bottom: 1px #282828 dotted;
     text-align: left;
     padding: 0 0 5px 22px;
 }
.search_d_mv_list .search_d_mv_item:nth-of-type(3n) {
    margin: 0 0 15px;
}
@media only screen and (max-width:960px) {
    .search_d_mv_list .search_d_mv_item {
        padding: 0 0 5px 10px;
    }
}@media only screen and (max-width:640px) {
    .search_d_mv_list .search_d_mv_item {
        width: 49%;
        margin: 0 0 15px;
    }
}.search_d_mv_list .search_d_mv_item:before {
     content: "";
     background: url("/img/icon/icon05.svg") center center no-repeat;
     background-size: contain;
     display: block;
     width: 10px;
     height: 9px;
     position: absolute;
     left: 0;
     top: 7px;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
 }
@media only screen and (max-width:960px) {
    .search_d_mv_list .search_d_mv_item: before {
        width: 7px;
        height: 6px;
    }
}.search_d_mv_list .search_d_mv_link {
     position: relative;
     font-size: 14px;
     line-height: 1.5;
     color: #282828;
     text-decoration: none;
     font-weight: bold;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .search_d_mv_list .search_d_mv_link {
        font-size: 12px;
    }
}@media only screen and (max-width:640px) {
    .search_d_mv_list .search_d_mv_link {
        font-size: 10px;
    }
}.search_d_common_block {
     margin: 0 0 50px;
     padding: 0 10px;
 }
@media only screen and (max-width:640px) {
    .search_d_common_block {
        margin: 0 0 30px;
    }
}.search_d_inner {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
 }
@media only screen and (max-width:960px) {
    .search_d_inner {
        display: block;
    }
}.search_d_common_title_block {
     position: relative;
     z-index: 1;
     display: block;
     width: 480px;
     min-width: 480px;
     height: 385px;
     padding: 85px 145px 0 0;
     background: #f7f7f7;
 }
@media only screen and (max-width:960px) {
    .search_d_common_title_block {
        width: 100%;
        min-width: inherit;
        height: inherit;
        padding: 20px 10px 20px 0;
        margin: 0 0 20px;
    }
}.search_d_common_title_block:before {
     content: "";
     width: 100%;
     height: 100%;
     background: #f7f7f7;
     position: absolute;
     left: -100%;
     top: 0;
     display: block;
 }
.search_d_common_title_block .search_d_common_title {
    font-size: 22px;
    line-height: 1.8;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 25px;
    font-family: "Pretendard", sans-serif;
}
@media only screen and (max-width:960px) {
    .search_d_common_title_block .search_d_common_title {
        font-size: 18px;
        margin: 0 0 15px;
    }
}.search_d_common_title_block .search_d_common_title:after {
     content: "";
     background: #282828;
     height: 3px;
     width: 160px;
     display: block;
     margin: 15px 0 0;
 }
@media only screen and (max-width:960px) {
    .search_d_common_title_block .search_d_common_title: after {
        width: 100px;
        height: 2px;
    }
}.search_d_common_title_block .search_d_common_text {
     font-size: 14px;
     line-height: 1.8;
     color: #2f2f2f;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .search_d_common_title_block .search_d_common_text {
        font-size: 12px;
    }
}.search_d_common_right_block {
     position: relative;
     width: 100%;
     z-index: 5;
     padding: 15px;
     background: #e6e7e8;
     margin: 120px 0 0 -100px;
 }
@media only screen and (max-width:1024px) {
    .search_d_common_right_block {
        padding: 10px;
    }
}@media only screen and (max-width:960px) {
    .search_d_common_right_block {
        margin: 0;
    }
}.search_d_case_wrap {
     padding: 65px 10px 75px;
 }
@media only screen and (max-width:960px) {
    .search_d_case_wrap {
        padding: 30px 10px;
    }
}.search_d_search_block {
     padding: 0 0 115px;
 }
@media only screen and (max-width:960px) {
    .search_d_search_block {
        padding: 0 0 50px;
    }
}.others_common_block {
     font-size: 14px;
     line-height: 1.8;
     margin: 0 0 40px;
 }
.others_common_block ul {
    margin: 10px 0 20px 30px;
}
.others_common_block ul li {
    margin: 10px 0;
}
@media only screen and (max-width:960px) {
    .others_common_block {
        margin: 0 0 25px;
    }
}.others_common_title {
     -js-display: flex;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     font-size: 16px;
     color: #282828;
     font-weight: bold;
     line-height: 1.5;
     margin: 0 0 15px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .others_common_title {
        font-size: 16px;
        margin: 0 0 10px;
    }
}.others_common_text {
     font-size: 14px;
     color: #2f2f2f;
     text-align: left;
     margin: 10px 0 20px 30px;
     font-family: "Pretendard", sans-serif;
 }
@media only screen and (max-width:960px) {
    .others_common_text {
        font-size: 12px;
    }
}.others_info_block {
     text-align: right;
     margin: 0 0 120px;
 }
@media only screen and (max-width:960px) {
    .others_info_block {
        margin: 0 0 60px;
    }
}.others_info_block .others_common_text {
     width: 210px;
     display: inline-block;
 }
@media only screen and (max-width:960px) {
    .others_info_block .others_common_text {
        width: 175px;
    }
}.others_line {
     display: block;
     width: 100%;
     height: 1px;
     background: #2f2f2f;
     margin: 40px auto;
 }
@media only screen and (max-width:960px) {
    .others_line {
        margin: 25px auto;
    }
}.others_table {
     margin-left: 30px;
 }
.results_wrap {
    margin: 30px auto 0;
}
.results_wrap .results_main_title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 20px;
    color: #292929;
}
.results_wrap .result_main_bg {
    background: #f7f7f7;
    padding: 30px 10px 40px;
}
.results_wrap .results_main_sub_title {
    font-size: 24px;
    color: #292929;
    font-weight: bold;
    color: #282828;
    padding: 0 0 0 15px;
    border-left: solid 5px #282828;
}
@media only screen and (max-width: 640px) {
    .results_wrap .results_main_sub_title {
        font-size: 20px;
    }
}.results_wrap .result_main_list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin: 40px auto 0;
 }
@media only screen and (max-width: 640px) {
    .results_wrap .result_main_list {
        display: block;
        margin: 20px auto 0;
    }
}.results_wrap .result_main_list .result_main_item {
     width: 49%;
     height: 234px;
     background: red;
     position: relative;
 }
.results_wrap .result_main_list .result_main_item:first-of-type {
    background: url("/img/results/result_item01.jpg") center center no-repeat;
    background-size: cover;
}
@media only screen and (max-width: 640px) {
    .results_wrap .result_main_list .result_main_item: first-of-type {
        margin: 0 auto 10px;
    }
}.results_wrap .result_main_list .result_main_item:last-of-type {
     background: url("/img/results/result_item02.jpg") center center no-repeat;
     background-size: cover;
 }
@media only screen and (max-width: 640px) {
    .results_wrap .result_main_list .result_main_item {
        width: 100%;
        height: 180px;
    }
}.results_wrap .result_main_list .result_main_item .result_main_item_link {
     text-decoration: none;
     display: block;
     height: 100%}
.results_wrap .result_main_list .result_main_item .result_main_item_link .result_main_item_title {
    position: absolute;
    left: 0;
    top: 100px;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    color: #2f2f2f;
    padding: 15px 0 15px 20px;
    max-width: 200px;
    width: 85%;
    display: block;
}
.results_wrap .result_main_list .result_main_item .result_main_item_link .result_main_item_title span {
    display: block;
    margin: 10px 0 0;
    font-size: 12px;
    font-weight: normal;
    color: #919191;
}
@media only screen and (max-width: 640px) {
    .results_wrap .result_main_list .result_main_item .result_main_item_link .result_main_item_title {
        padding: 10px 0 10px 20px;
        top: 80px;
    }
}.results_subpage_mv_link {
     display: block;
     background: #282828;
     border: solid 1px #282828;
     text-decoration: none;
     font-size: 16px;
     color: #fff;
     padding: 13px 10px;
     text-align: center;
     width: 230px;
     margin: 20px 0 0;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
.results_subpage_mv_link:hover {
    background: #fff;
    color: #282828;
}
@media only screen and (max-width: 640px) {
    .results_subpage_mv_link {
        font-size: 14px;
        padding: 10px;
        margin: 10px 0 0;
    }
}.results_wrap .results_main_text {
     padding: 0 10px;
     text-align: center;
     color: #2f2f2f;
     margin: 0 auto 20px;
     font-size: 16px;
     line-height: 1.6;
 }
.results_wrap .common_tab_year_list {
    margin: 10px 0 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.results_wrap .common_tab_year_list .common_tab_year_item {
    width: 19.5%;
    margin: 0 .5% 5px 0;
}
@media only screen and (max-width: 640px) {
    .results_wrap .common_tab_year_list .common_tab_year_item {
        width: 32%;
        margin: 0 1.3% 10px 0;
    }
}.results_wrap .common_tab_year_list.private .common_tab_year_item {
     width: 48%;
     margin: 0 2% 10px 0;
 }
.results_wrap .results_sub_list_wrap {
    background: #fff;
    padding: 40px;
    margin: 40px auto;
}
@media only screen and (max-width: 640px) {
    .results_wrap .results_sub_list_wrap {
        margin: 20px auto;
        padding: 20px;
    }
}.results_wrap .results_sub_list_wrap .results_sub_list {
     margin: 0 0 0 50px;
 }
@media only screen and (max-width: 640px) {
    .results_wrap .results_sub_list_wrap .results_sub_list {
        margin: 0 0 0 20px;
    }
}.results_wrap .results_sub_list_wrap .results_sub_list .results_sub_item {
     font-size: 16px;
     color: #2f2f2f;
     padding: 10px 0;
     line-height: 1.6;
     position: relative;
 }
.results_wrap .results_sub_list_wrap .results_sub_list .results_sub_item:before {
    content: " · ";
    position: absolute;
    left: -20px;
}
@media only screen and (max-width: 640px) {
    .results_wrap .results_sub_list_wrap .results_sub_list .results_sub_item {
        font-size: 14px;
        padding: 5px 0;
    }
}.results_wrap .results_sub_list_wrap .results_sub_list.private {
     margin: 0 0 0 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
.results_wrap .results_sub_list_wrap .results_sub_list.private .results_sub_item {
    width: 45%}
@media only screen and (max-width: 640px) {
    .results_wrap .results_sub_list_wrap .results_sub_list.private .results_sub_item {
        width: 100%}
}.words {
     width: 100% !important;
 }
.keyword_main_character_item.nullcontent {
    color: #bbb !important;
}
.keyword_main_character_item.nullcontent:hover {
    opacity: 1 !important;
}
.keyword_main_character_item.nullcontent span {
    color: #bbb !important;
}
.keyword_line_list li label {
    padding: 15px 5px;
    width: 100%;
    display: block;
    cursor: pointer;
}
#container {
    max-width: 850px;
    width: 100%}
#navi-left, #navi-right {
    display: block;
}
#headNav {
    margin-top: -4vh;
    border-top: 2px solid #dcdcdc;
}
.cont960 {
    max-width: 960px !important;
}
label.panel-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100%;
    color: #bdc3c7;
    cursor: pointer;
    background-color: #ecf0f1;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
}
label.panel-label:hover {
    color: #039;
}
#panels .container {
    margin: 0 auto;
    padding: 20px 0px;
    margin-bottom: 40px;
}
#panels section header label.panel-label {
    padding: 12px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#panels section main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 0;
    opacity: 0;
    -webkit-transition: opacity 600ms;
    transition: opacity 600ms;
    overflow-y: hidden;
}
#panel-1-ctrl:checked~#panels #panel-1 main, #panel-2-ctrl:checked~#panels #panel-2 main, #panel-3-ctrl:checked~#panels #panel-3 main, #panel-4-ctrl:checked~#panels #panel-4 main, #panel-5-ctrl:checked~#panels #panel-5 main, #panel-6-ctrl:checked~#panels #panel-6 main, #panel-7-ctrl:checked~#panels #panel-7 main, #panel-8-ctrl:checked~#panels #panel-8 main, #panel-9-ctrl:checked~#panels #panel-9 main, #panel-10-ctrl:checked~#panels #panel-10 main, #panel-11-ctrl:checked~#panels #panel-11 main, #panel-12-ctrl:checked~#panels #panel-12 main {
    max-height: initial;
    opacity: 1;
}
#panel-1-ctrl:checked~#tabs-list #li-for-panel-1, #panel-2-ctrl:checked~#tabs-list #li-for-panel-2, #panel-3-ctrl:checked~#tabs-list #li-for-panel-3, #panel-4-ctrl:checked~#tabs-list #li-for-panel-4, #panel-5-ctrl:checked~#tabs-list #li-for-panel-5, #panel-6-ctrl:checked~#tabs-list #li-for-panel-6, #panel-7-ctrl:checked~#tabs-list #li-for-panel-7, #panel-8-ctrl:checked~#tabs-list #li-for-panel-8, #panel-9-ctrl:checked~#tabs-list #li-for-panel-9, #panel-10-ctrl:checked~#tabs-list #li-for-panel-10, #panel-11-ctrl:checked~#tabs-list #li-for-panel-11, #panel-12-ctrl:checked~#tabs-list #li-for-panel-12 {
    pointer-events: none;
    cursor: default;
    -webkit-transform: translate3d(0,  1px,  0);
    transform: translate3d(0,  1px,  0);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: none;
}
#panel-1-ctrl:checked~#tabs-list #li-for-panel-1.last #panel-2-ctrl:checked~#tabs-list #li-for-panel-2.last, #panel-3-ctrl:checked~#tabs-list #li-for-panel-3.last, #panel-4-ctrl:checked~#tabs-list #li-for-panel-4.last, #panel-5-ctrl:checked~#tabs-list #li-for-panel-5.last, #panel-6-ctrl:checked~#tabs-list #li-for-panel-6.last, #panel-7-ctrl:checked~#tabs-list #li-for-panel-7.last, #panel-8-ctrl:checked~#tabs-list #li-for-panel-8.last, #panel-9-ctrl:checked~#tabs-list #li-for-panel-9.last, #panel-10-ctrl:checked~#tabs-list #li-for-panel-10.last, #panel-11-ctrl:checked~#tabs-list #li-for-panel-11.last, #panel-12-ctrl:checked~#tabs-list #li-for-panel-12.last {
    border-right: 1px solid rgba(0, 0, 0, 0);
}
#panel-1-ctrl:checked~#tabs-list #li-for-panel-1+li, #panel-2-ctrl:checked~#tabs-list #li-for-panel-2+li, #panel-3-ctrl:checked~#tabs-list #li-for-panel-3+li, #panel-4-ctrl:checked~#tabs-list #li-for-panel-4+li, #panel-5-ctrl:checked~#tabs-list #li-for-panel-5+li, #panel-6-ctrl:checked~#tabs-list #li-for-panel-6+li, #panel-7-ctrl:checked~#tabs-list #li-for-panel-7+li, #panel-8-ctrl:checked~#tabs-list #li-for-panel-8+li, #panel-9-ctrl:checked~#tabs-list #li-for-panel-9+li, #panel-10-ctrl:checked~#tabs-list #li-for-panel-10+li, #panel-11-ctrl:checked~#tabs-list #li-for-panel-11+li, #panel-12-ctrl:checked~#tabs-list #li-for-panel-12+li {
    border-left: 1px solid #dfdfdf;
}
#panel-1-ctrl:checked~#tabs-list #li-for-panel-1 label.panel-label, #panel-2-ctrl:checked~#tabs-list #li-for-panel-2 label.panel-label, #panel-3-ctrl:checked~#tabs-list #li-for-panel-3 label.panel-label, #panel-4-ctrl:checked~#tabs-list #li-for-panel-4 label.panel-label, #panel-5-ctrl:checked~#tabs-list #li-for-panel-5 label.panel-label, #panel-6-ctrl:checked~#tabs-list #li-for-panel-6 label.panel-label, #panel-7-ctrl:checked~#tabs-list #li-for-panel-7 label.panel-label, #panel-8-ctrl:checked~#tabs-list #li-for-panel-8 label.panel-label, #panel-9-ctrl:checked~#tabs-list #li-for-panel-9 label.panel-label, #panel-10-ctrl:checked~#tabs-list #li-for-panel-10 label.panel-label, #panel-11-ctrl:checked~#tabs-list #li-for-panel-11 label.panel-label, #panel-12-ctrl:checked~#tabs-list #li-for-panel-12 label.panel-label {
    background-color: #fff;
    color: #039;
    padding-top: 24px;
}
#panel-1-ctrl:checked~#tabs-list #li-for-panel-1 label.panel-label::after, #panel-2-ctrl:checked~#tabs-list #li-for-panel-2 label.panel-label::after, #panel-3-ctrl:checked~#tabs-list #li-for-panel-3 label.panel-label::after, #panel-4-ctrl:checked~#tabs-list #li-for-panel-4 label.panel-label::after, #panel-5-ctrl:checked~#tabs-list #li-for-panel-5 label.panel-label::after, #panel-6-ctrl:checked~#tabs-list #li-for-panel-6 label.panel-label::after, #panel-7-ctrl:checked~#tabs-list #li-for-panel-7 label.panel-label::after, #panel-8-ctrl:checked~#tabs-list #li-for-panel-8 label.panel-label::after, #panel-9-ctrl:checked~#tabs-list #li-for-panel-9 label.panel-label::after, #panel-10-ctrl:checked~#tabs-list #li-for-panel-10 label.panel-label::after, #panel-11-ctrl:checked~#tabs-list #li-for-panel-11 label.panel-label::after, #panel-12-ctrl:checked~#tabs-list #li-for-panel-12 label.panel-label::after {
    height: 6px;
}
.pre_next_link a {
    font-size: 16px;
}
ul#tabs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    margin: 0;
    padding: 0;
}
ul#tabs-list li {
    text-align: center;
    font-size: 1.2em;
    width: 18%;
    border-right: 1px solid #dfdfdf;
    position: relative;
}
ul#tabs-list li:hover {
    -webkit-transition: none;
    transition: none;
    border-right: none;
}
ul#tabs-list li:hover.last {
    border-right: 1px solid rgba(0, 0, 0, 0);
}
ul#tabs-list li:hover+li {
    border-left: 1px solid #dfdfdf;
}
ul#tabs-list li label.panel-label {
    position: relative;
    padding: 24px 0;
    font-size: .875em;
}
ul#tabs-list li label.panel-label:hover {
    padding-top: 24px;
}
ul#tabs-list li label.panel-label:hover::after {
    height: 6px;
}
main {
    margin: 0 auto;
}
.panel-radios {
    display: none;
}
#searchform1 {
    position: relative;
}
#searchBtn1 {
    width: 60px;
}
.pc_contactBlock {
    opacity: 0;
    display: block;
    position: fixed;
    z-index: 49;
    top: 140px;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    width: 105px;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
@media only screen and (max-width:960px) {
    .pc_contactBlock {
        display: none !important;
    }
}.pc_contactBlock.show {
     display: block;
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
 }
.pc_contactBlock_quotation, .pc_contactBlock_request {
    display: block;
    -webkit-box-shadow: 0px 0px 10px #bebebe;
    box-shadow: 0px 0px 10px #bebebe;
    background-color: #282828;
    border-radius: 10px 0 0 10px;
    padding: 14px 0 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    position: relative;
}
.pc_contactBlock_quotation span, .pc_contactBlock_request span {
    display: block;
    position: absolute;
    top: -18px;
    left: 0;
    font-size: 14px;
    color: #282828;
    font-weight: normal;
    text-align: center;
    width: 100%}
.pc_contactBlock_quotation .icon, .pc_contactBlock_request .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 5px;
}
.pc_contactBlock_request {
    margin-top: 20px;
}
.pc_contactBlock_inquiry {
    display: block;
    -webkit-box-shadow: 0px 0px 10px #bebebe;
    box-shadow: 0px 0px 10px #bebebe;
    background-color: #e81316;
    /*color: #fff;*/
    border-radius: 10px 0 0 10px;
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    margin-top: 20px;
}
.pc_contactBlock_inquiry .icon {
    display: block;
    width: 30px;
    margin: 5px auto 8px;
}
.sp_contactBlock {
    display: none;
}
@media only screen and (max-width:960px) {
    .sp_contactBlock {
        display: block;
        position: fixed;
        z-index: 49;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 75px;
        padding: 10px;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 10px #bebebe;
        box-shadow: 0px 0px 10px #bebebe;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 3vmin;
        line-height: 1.6;
    }
    .sp_contactBlock_inquiry a, .sp_contactBlock_data a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #000;
    }
    .sp_contactBlock_phone a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: bold;
        font-size: 3vmin;
        color: #ce3a36;
    }
    .sp_contactBlock_border {
        width: 1px;
        background-color: #ddd;
        height: 100%}
    .sp_contactBlock .icon {
        width: 25px;
        display: block;
        margin: 5px;
    }
}.header_nav form.gsc-search-box input::-webkit-input-placeholder {
     font-size: 12px;
 }
.header_nav form.gsc-search-box input::-moz-placeholder {
    font-size: 12px;
}
.header_nav form.gsc-search-box input:-ms-input-placeholder {
    font-size: 12px;
}
.header_nav form.gsc-search-box input::-ms-input-placeholder {
    font-size: 12px;
}
.header_nav form.gsc-search-box input::placeholder {
    font-size: 12px;
}
.header_nav form.gsc-search-box, .header_nav table.gsc-search-box {
    width: auto;
    margin-bottom: 0;
}
.header_nav table.gsc-search-box td.gsc-input {
    width: 120px;
}
.header_nav .gsc-input-box {
    height: 26px;
}
.header_nav .gsc-input {
    font-size: 14px;
}
.header_nav .gsst_a .gscb_a {
    color: #282828;
}
.header_nav .gsc-search-button-v2, .header_nav .gsc-search-button-v2:hover, .header_nav .gsc-search-button-v2:focus {
    border-color: #282828;
    background-color: #282828;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    color: #fff;
}
.header_nav .gsc-search-button-v2 {
    margin: 0;
}
.header_nav .gsc-search-button-v2 svg {
    width: auto;
    height: auto;
}
#___gcse_0 {
    z-index: 9999;
    position: relative;
}
.gsc-completion-container {
    font-size: 12px !important;
    font-weight: normal;
}
.gsc-wrapper svg {
    width: auto;
    height: auto;
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {
    margin: 0;
    height: 100%;
    font-family: "Pretendard", sans-serif;
}
a {
    color: #282828;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, img {
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: bicubic;
}
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}
.fm {
    font-family: "貂ｸ譏取悃", YuMincho, "Times New Roman", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "繝｡繧､繝ｪ繧ｪ", Meiryo, serif;
}
.fg {
    font-family: "Pretendard", sans-serif;
}
.fe {
    font-family: "Open Sans", sans-serif;
}
.common_inner {
    position: relative;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}
.common_detail_btn, .common_back_btn, .header_nav .header_nav_link, .header_info_btn02, .footer_main_link, .footer_sub_list .footer_sub_link, .footer_bottom .footer_bottom_logo .footer_logo, .common_case_list .common_case_link, .common_company_logo_list .common_compnay_logo_link, .common_contents_list .common_contents_link, .common_contents_list .common_contents_btn, .common_contents_viewmore_btn, .common_contact_list .common_contact_btn, .common_bnr_wrap .common_bnr_link, .pankuzu_wrap .pankuzu_item a, .common_pager_block .common_pager_list .common_pager_link, .c-mv-btn, .top_purpose_list .top_purpose_link, .top_research_main .top_research_link, .case_main_block, .company_d_aside_list .company_d_aside_link, .company_profile_google_link, .company_group_item .company_group_link, .meida_list .media_link, .form_submit_btn, .form_complete_back_btn, .contents_d_common_block button, .research_common_link, .research_common_detail_btn, .insight_contents_block .insight_contents_item_btnarea .insight_contents_item_link, .insight_contents_block .insight_contents_item_btnarea .insight_contents_item_btn, .insight_research_block, .search_list .search_sub_list .search_sub_link, .search_list .research_common_more_btn, .search_d_mv_list .search_d_mv_link, a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.common_detail_btn:hover, .common_back_btn:hover, .header_nav .header_nav_link:hover, .header_info_btn02:hover, .footer_main_link:hover, .footer_sub_list .footer_sub_link:hover, .footer_bottom .footer_bottom_logo .footer_logo:hover, .common_case_list .common_case_link:hover, .common_company_logo_list .common_compnay_logo_link:hover, .common_contents_list .common_contents_link:hover, .common_contents_list .common_contents_btn:hover, .common_contents_viewmore_btn:hover, .common_contact_list .common_contact_btn:hover, .common_bnr_wrap .common_bnr_link:hover, .pankuzu_wrap .pankuzu_item a:hover, .common_pager_block .common_pager_list .common_pager_link:hover, .c-mv-btn:hover, .top_purpose_list .top_purpose_link:hover, .top_research_main .top_research_link:hover, .case_main_block:hover, .company_d_aside_list .company_d_aside_link:hover, .company_profile_google_link:hover, .company_group_item .company_group_link:hover, .meida_list .media_link:hover, .form_submit_btn:hover, .form_complete_back_btn:hover, .contents_d_common_block button:hover, .research_common_link:hover, .research_common_detail_btn:hover, .insight_contents_block .insight_contents_item_btnarea .insight_contents_item_link:hover, .insight_contents_block .insight_contents_item_btnarea .insight_contents_item_btn:hover, .insight_research_block:hover, .search_list .search_sub_list .search_sub_link:hover, .search_list .research_common_more_btn:hover, .search_d_mv_list .search_d_mv_link:hover, a:hover {
    opacity: .7;
}
@media only screen and (max-width:960px) {
    .common_detail_btn: hover, .common_back_btn:hover, .header_nav .header_nav_link:hover, .header_info_btn02:hover, .footer_main_link:hover, .footer_sub_list .footer_sub_link:hover, .footer_bottom .footer_bottom_logo .footer_logo:hover, .common_case_list .common_case_link:hover, .common_company_logo_list .common_compnay_logo_link:hover, .common_contents_list .common_contents_link:hover, .common_contents_list .common_contents_btn:hover, .common_contents_viewmore_btn:hover, .common_contact_list .common_contact_btn:hover, .common_bnr_wrap .common_bnr_link:hover, .pankuzu_wrap .pankuzu_item a:hover, .common_pager_block .common_pager_list .common_pager_link:hover, .c-mv-btn:hover, .top_purpose_list .top_purpose_link:hover, .top_research_main .top_research_link:hover, .case_main_block:hover, .company_d_aside_list .company_d_aside_link:hover, .company_profile_google_link:hover, .company_group_item .company_group_link:hover, .meida_list .media_link:hover, .form_submit_btn:hover, .form_complete_back_btn:hover, .contents_d_common_block button:hover, .research_common_link:hover, .research_common_detail_btn:hover, .insight_contents_block .insight_contents_item_btnarea .insight_contents_item_link:hover, .insight_contents_block .insight_contents_item_btnarea .insight_contents_item_btn:hover, .insight_research_block:hover, .search_list .search_sub_list .search_sub_link:hover, .search_list .research_common_more_btn:hover, .search_d_mv_list .search_d_mv_link:hover, a:hover {
        opacity: 1;
    }
}.common_pc {
     display: block;
 }
.common_pc.height_100 {
    height: 100%}
@media only screen and (max-width:960px) {
    .common_pc {
        display: none;
    }
}.common_sp {
     display: none;
 }
@media only screen and (max-width:960px) {
    .common_sp {
        display: block;
    }
}/*# sourceMappingURL=style.css.map */



/*2024년10월10일 css메인에서 이동*/
/* 컨테이너 설정 */
.new_parallax-container {
    width: 100%;
    height: 100vh; /* 전체 화면 높이 */
    overflow: hidden;
    position: relative;
}
/* 자동 스크롤 배경 */
.new_auto-scroll-background {
    background-image: url('/img/main_slider.jpg');
    width: 100%; /* 이미지 너비를 화면 너비에 맞춤 */
    height: 100vh; /* 화면 높이로 설정 */
    background-position: top left;
    background-repeat: repeat-y; /* 수직으로 반복 */
    background-size: cover; /* 화면을 가득 채우도록 설정 */
    animation: scrollBackground 30s linear infinite; /* 자연스럽게 이동 */
    position: absolute;
    left: 0;
    top: 0;
}


/* 빨간색 오버레이 설정 */
.new_overlay {
    position: absolute;
    bottom: 0;
    width: 100%; /* 가로 100% */
    height: 50%; /* 하단 40% 높이 */
    /*background-color: rgba(230, 3, 3, 0.8);  반투명 빨간색 */
    background-color: rgba(1, 30, 65, 0.8); /* 반투명 곤색 */
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 30px; /* 상단 왼쪽 라운딩 */
    border-top-right-radius: 30px; /* 상단 오른쪽 라운딩 */
    padding: 20px;
}

/* 콘텐츠 컨테이너 (1200px 최대 너비, 중앙 정렬) */
.new_overlay-content {
    max-width: 1200px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 오버레이 텍스트 */
.new_overlay-text {
    padding-top:1%;
    flex: 1;
    margin-right: 10px;
    margin-top:-5%;
}
.new_overlay-text h1{
    font-size:40px;
    color: white;
    text-align: left;
    flex: 1;
    margin-right: 10%;
    font-weight:normal;
}
.new_overlay-text p{
    color: white;
    text-align: left;
    flex: 1;
    font-size:20px;margin-right: 8%;font-weight:normal;line-height: 25px;
}
/* 수상 정보 영역 */
.new_awards {
    display: flex;
    justify-content: left;
    gap: 20px; /* 각 항목 사이의 간격 */
    margin-top: 20px;
}

/* 각 수상 항목 */
.new_award-item {
    width: 170px;
    height: 100px;
    text-align: center;
    background-image: url('/img/keumhwa.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; /* 화면을 가득 채우도록 설정 */
    display: flex; /* Flexbox 사용 */
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 */
}

.new_award-item p {
    color: #f1d205 !important;
    text-align: center;
    margin: 0; /* 텍스트 주위의 여백 제거 */
}

.new_award-item p span {
    font-size: 20px !important;
}

/* 다운로드 섹션 */
.download-section {
    background-color: rgba(255, 255, 255, 0.8); /* 동일한 반투명 빨간색 */
    padding: 20px;
    width: 30%; /* 우측 공간을 차지하도록 설정 */
    /* border-top-left-radius: 30px; */ /* 상단 왼쪽 라운딩 */
    /* border-top-right-radius: 30px; */ /* 상단 오른쪽 라운딩 */
    border-radius: 20px;
    color: black;
    margin-top:-20%;
}

.download-section h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
    font-weight:bold;
}

.download-section form {
    display: flex;
    flex-direction: column;
    background-color:white;padding:20px;
}
.download-section form input{
    color:#a7a7a7;font-weight:bold;
}
.download-section p {font-size:11px;color:#888;padding: 5px;line-height: 14px;}
.new_form-group {
    margin-bottom: 15px;
}

.new_form-group label {
    margin-bottom: 5px;
    font-size: 15px;font-weight:bold;
}

.new_form-group input[type="text"],
.new_form-group input[type="email"],
.new_form-group input[type="tel"] {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.new_form-group input[type="checkbox"] {
    margin-right: 5px;
}

button[type="submit"] {
    background-color: #4CAF50; /* 녹색 버튼 */
    color: white;
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

button[type="submit"]:hover {
    background-color: #45a049;
}


/* 모바일에서 다운로드 섹션 숨기기 */
@media only screen and (max-width: 768px) {
    .download-section {
        display: none;
    }

    .new_overlay {
        padding-top:2%;height: 45%; /* 모바일에서 오버레이의 높이를 늘려줌 */
        border-radius: 0; /* 모바일에서는 라운딩 없애기 */
        text-align: center;
    }

    /*.new_overlay-text h1 {*/
    /*     font-size: 22px; !* 모바일에 맞춰 텍스트 크기 조정 *!*/
    /*    text-align: center; !* 모바일에서는 중앙 정렬 *!*/
    /*}*/

    /*.new_overlay-text p {*/
    /*    font-size: 13px; !* 모바일에 맞춰 텍스트 크기 조정 *!*/
    /*    text-align: center; !* 모바일에서는 중앙 정렬 *!*/
    /*    margin-right: 0;*/
    /*}*/

    /* 수상 정보 영역 */
    .new_awards {
        display: flex;
        justify-content: left;
        gap: 20px; /* 각 항목 사이의 간격 */
        margin-top: 20px;
    }

    .new_award-item {
        width: 120px; /* 모바일에서 너비 조정 */
        height: 80px; /* 모바일에서 높이 조정 */
        background-size: contain; /* 모바일에서 이미지 크기 조정 */
    }
    .new_award-item p{
        color: yellow !important;  text-align: center;
    }
    .new_award-item p span{
        font-size:0.72em !important;
    }
    .new_overlay-text {
        display: flex;
        justify-content: center; /* 가로 중앙 정렬 */
        align-items: center; /* 세로 중앙 정렬 */
        text-align: center; /* 텍스트 중앙 정렬 */
        flex-direction: column; /* 요소들이 세로로 정렬되도록 변경 */
        padding: 0; /* 불필요한 패딩 제거 */
        margin: 0 auto; /* 중앙 정렬을 위해 자동 여백 설정 */
        width: 100%; /* 블록의 너비를 전체로 설정 */
        box-sizing: border-box; /* 패딩을 포함한 크기 계산 */
    }

    .new_overlay-text h1 {
        text-align: center; /* 텍스트 중앙 정렬 */
        font-size: 6.5vw; /* 더 작은 화면에서 적절한 크기로 */
        margin: 0 0 5% 0; /* 여백 제거 */
        width: 98%; /* 텍스트 블록의 너비를 전체로 설정 */
        box-sizing: border-box; /* 패딩을 포함한 크기 계산 */
    }

    .new_overlay-text p {
        padding-top: 2%;
        text-align: center; /* 텍스트 중앙 정렬 */
        font-size: 3.8vw;
        line-height: 4.5vw;
        margin: 0; /* 여백 제거 */
        width: 98%; /* 텍스트 블록의 너비를 전체로 설정 */
        box-sizing: border-box; /* 패딩을 포함한 크기 계산 */
    }
}

/* 메인슬라이드 애니메이션 설정 */
@keyframes scrollBackground {
    0% {
        background-position: bottom left;
    }
    100% {
        background-position: top right; /* 대각선 방향으로 이동 */
    }
}

/*메인썸네일 애니메이션*/
.common_contents_pic {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top; /* 처음 위치를 위쪽으로 설정 */
    animation: scrollBackgroundFromTop 35s linear infinite;
    overflow: hidden;
}
/*메인썸네일 애니메이션*/
@keyframes scrollBackgroundFromTop {
    0% {
        background-position: top left; /* 시작할 때 맨 위에서 시작 */
    }
    100% {
        background-position: bottom  right; /* 끝날 때 맨 아래로 이동 */
    }
}

/* 모바일에서는 데스크탑 비디오 숨기기 */
@media (max-width: 768px) {
    .desktop-video {
        display: none !important;
    }
    .mobile-video {
        display: block !important;
    }
}

/* 데스크탑에서는 모바일 비디오 숨기기 */
@media (min-width: 769px) {
    .mobile-video {
        display: none !important;
    }
    .desktop-video {
        display: block !important;
    }
}

/*메인슬라이드이미지로 대처할경우*/
.image-background {
    background-image: url('/images/your-image.jpg');
    background-size: cover;       /* 이미지가 화면에 꽉 차도록 설정 */
    background-position: center;  /* 이미지를 중앙에 위치 */
    width: 100%;
    height: 100vh;                /* 화면의 높이를 꽉 채움 */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.lang-switcher {
    display: flex;
    gap: 6px;
    align-items: center;
}

.lang-btn {
    background: transparent;
    border: 1px solid #ddd;
    padding: 4px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    color: #555;
    transition: all 0.2s;
}

.lang-btn:hover,
.lang-btn.active {
    background: #1a1a2e; /* 브레스웍스 컬러로 변경 */
    color: #fff;
    border-color: #1a1a2e;
}