@charset "utf-8";
@import url(https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

/* NanumSquareRound */
@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Gotham */
@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Gotham-Medium.woff') format("woff")
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Gotham-Ultra.woff') format("woff")
}

/* Reset */
html {
    font-size: 10px;
}

body * {
    outline: none;
    box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
blockquote,
pre,
code,
address,
ul,
ol,
li,
menu,
nav,
section,
article,
aside,
dl,
dt,
dd,
table,
thead,
tbody,
tfoot,
label,
caption,
th,
td,
form,
fieldset,
legend,
hr,
input,
button,
textarea,
object,
figure,
figcaption {
    margin: 0;
    padding: 0;
}

body {
    font-size: 1rem;
    background: #fff;
    -webkit-text-size-adjust: none;
    word-wrap: break-word;
    word-break: keep-all;
}

body,
input,
select,
textarea,
pre {
    border: none;
    font-size: 1.8rem;
    font-family: 'NanumSquareRound', sans-serif;
    color: #000;
    margin: 0 auto;
}

button {
    border: none;
    font-family: 'NanumSquareRound', sans-serif;
    color: #fff;
    outline: none;
    cursor: pointer;
    background-color: transparent;
}

ul,
ol,
li {
    list-style: none;
}

table {
    border-spacing: 0;
}

img,
fieldset {
    border: 0;
}

address,
cite,
code,
em {
    font-style: normal;
    font-weight: normal;
}

label,
img,
input,
select,
textarea,
button {
    vertical-align: middle;
}

.hide,
legend {
    overflow: hidden;
    display: block;
    position: absolute;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}

hr {
    display: none;
}

main,
header,
section,
nav,
footer,
aside,
article,
figure {
    display: block;
}

a {
    color: #000;
    text-decoration: none;
}

pre {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: #000;
    line-height: 3rem;
}

img {
    pointer-events: none;
}

/* rem rule */
@media (max-width: 369px) {
    html {
        font-size: 5.5px;
    }
}

@media (min-width: 370px) {
    html {
        font-size: 6.6px;
    }
}

@media (min-width: 450px) {
    html {
        font-size: 8px;
    }
}

@media (min-width: 500px) {
    html {
        font-size: 9px;
    }
}

@media (min-width: 750px) {
    html {
        font-size: 10px;
    }
}

/* Form */
select {
    height: 5rem;
    font-size: 1.6rem;
    color: #000;
    border: 1px solid #f3f3f3;
    border-radius: 0.5rem;
    padding-left: 1.6rem;
    background: url('../../assets/images/icon/icon_select.png') no-repeat right 1.5rem center;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date] {
    font-size: 1.6rem;
    color: #666;
    border: 1px solid #f3f3f3;
    background: #fff;
    transition: all 0.5s;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 0.5rem;
    padding: 0 1.6rem;
    height: 5rem;
}

input::-webkit-input-placeholder {
    color: #bbbbbb;
    font-size: 1.6rem;
}

textarea {
    font-size: 1.6rem;
    color: #666;
    border: 1px solid #f3f3f3;
    background: #fff;
    transition: all 0.5s;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 0.5rem;
    padding: 1.6rem;
}

textarea::-webkit-input-placeholder {
    color: #bbb;
}

.label {
    display: inline-block;
    padding-left: 2.8rem;
    background: no-repeat left center;
    color: #666;
}

.check {
    background-image: url('../../assets/images/icon/un_check.png');
}

.ch_ra[type=checkbox]:checked+.check {
    background-image: url('../../assets/images/icon/check.png');
}

.clear {
    clear: both;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}

.fixed {
    overflow: hidden;
}

/* 공통 */
/* float */
.left {
    float: left;
}

.right {
    float: right;
}

/* input */
.inp_searBox {
    position: relative;
}

input.inp_search {
    height: 4.6rem;
    line-height: 4.6rem;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #000;
    padding-right: 5rem;
}

input.inp_search+button {
    position: absolute;
    right: 0;
    top: 0;
    width: 4.6rem;
    height: 4.6rem;
    background: url('../../assets/images/icon/ic_search.png') no-repeat center / contain;
}

/* display */
.dis_block {
    display: block;
}

.dis_inblock {
    display: inline-block;
}

.dis_none {
    display: none;
}

.pc_none {
    display: none;
}

/* margin */
.m0auto {
    margin: 0 auto;
}

.marleft_200 {
    margin-left: 20rem;
}

.marbtm_37 {
    margin-bottom: 3.7rem;
}

.marbtm_50 {
    margin-bottom: 5rem;
}

.marbtm_70 {
    margin-bottom: 7rem;
}

.marbtm_88 {
    margin-bottom: 8.8rem;
}

.marbtm_130 {
    margin-bottom: 13rem;
}

.martop_20 {
    margin-top: 2rem;
}

.martop_40 {
    margin-top: 4rem;
}

.martop_50 {
    margin-top: 5rem;
}

.martop_140 {
    margin-top: 14rem;
}

.martop_230 {
    margin-top: 23rem;
}

.martop_238 {
    margin-top: 23.8rem;
}

.martop_390 {
    margin-top: 39rem;
}

/* width */
.w_122 {
    width: 12.2rem;
}

.w_536 {
    width: 53.6rem;
}

.w_full {
    width: 100%;
}

/* button */
.orange_btn {
    display: inline-block;
    height: 5rem;
    line-height: 5rem;
    background-color: #FF8324;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
}

/* text-align */
.txt_left {
    text-align: left;
}

.txt_right {
    text-align: right;
}

.txt_center {
    text-align: center;
}

/* font-weight */
.fw_regular {
    font-weight: 300;
}

.fw_bold {
    font-weight: 700;
}

/* font-family */
.ff_neo {
    font-family: 'Spoqa Han Sans Neo' !important;
}

.ff_nanum {
    font-family: 'NanumSquareRound';
}

/* header */
header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-color: #fff;
    text-align: center;
    z-index: 100;
    font-size: 0;
}

header:after {
    content: "";
    display: none;
    width: 100%;
    height: 1px;
    background-color: #E2E2E2;
    top: 10rem;
    position: absolute;
    z-index: 1;
}

header.active:after {
    display: block;
}

header h1 {
    float: left;
    max-height: 100%;
}

header h1 a {
    display: block;
    padding: 2.5rem 2.6rem;
}

header h1 a img {
    width: 11.8rem;
    max-height: 100%;
}

header .lnb {
    display: inline-block;
    margin-left: -9rem;
}

header .lnb>li {
    float: left;
    width: 15.8rem;
    text-align: left;
}

header .lnb>li>a {
    position: relative;
    display: inline-block;
    font-weight: 700;
    line-height: 10rem;
    font-size: 2rem;
}

header .lnb>li>a:after {
    content: "";
    display: block;
    width: 100%;
    height: 0.2rem;
    background-color: #352AD4;
    position: absolute;
    left: 0;
    bottom: 35px;
    transition: 0.2s;
    opacity: 0;
}

header .lnb>li>a:hover:after,
header .lnb>li.active>a:after {
    opacity: 1;
}

header .lnb .lnb_menu {
    display: none;
    padding: 2rem 0;
    position: relative;
    z-index: 2;
    text-align: left;
}

header .lnb .lnb_menu li a {
    display: inline-block;
    padding: 2rem 0;
    font-size: 1.8rem;
    font-weight: 300;
    transition: 0.2s;
}

header .lnb .lnb_menu li a:hover,
header .lnb .lnb_menu li.active a {
    color: #352AD4;
}

.mobile_x {
    display: none;
}

/* footer */
footer {
    position: relative;
    background-color: #2D2927;
    /* padding: 8.2rem 15.4rem 0 2.4rem;
    padding: 0 2.4rem;
    height: 20rem;
    font-family: 'Spoqa Han Sans Neo' !important;
    text-align: center; */
    height: 5rem;
    line-height: 4.8rem;
    padding: 0 2.4rem;
}

.fm_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .fm_link {
    display: flex;
    align-items: center;
}

footer .fm_link li img {
    margin-right: 3.4rem;
}

footer .fm_link li:nth-child(3) a {
    font-weight: 700;
    color: #bbb;
}

footer .fm_link li:last-child:after {
    display: none;
}

footer .fm_link li~li:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 1.6rem;
    background-color: #888;
    margin: 0 2rem;
}

footer .fm_link li a {
    color: #888;
    font-weight: 300;
    font-size: 1.4rem;
}

.fm_right {
    display: flex;
    align-items: center;
}

.to_come a {
    color: #888;
    font-weight: 300;
    font-size: 1.6rem;
}

.to_come::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 1.6rem;
    background-color: #888;
    margin: 0 2rem;
}

.main_footer .foo_copy {
    color: #888;
    font-weight: 200;
    font-size: 1.4rem;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, 0);
}

footer .foo_copy {
    color: #888;
    font-weight: 200;
    font-size: 1.4rem;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, 0);
}

/* footer .foo_copy {
    display: inline-block;
    color: #888;
    font-weight: 200;
    font-size: 1.4rem;
    padding-top: 0.5rem;
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translate(-50%, 0%);
} */

footer .fm_open {
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 1.6rem;
    font-weight: 200;
    color: #888;
    background: url('../../assets/images/icon/fm_plus.png') no-repeat right center;
    padding-right: 2.2rem;
    vertical-align: baseline;
}

footer .fm_site.active .fm_open {
    background-image: url('../../assets/images/icon/fm_minus.png')
}

footer .fm_pop {
    display: none;
    position: absolute;
    bottom: calc(100% - 5rem);
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 7rem 0 5rem;
    text-align: center;
    z-index: 99;
}

.fm_list ul {
    display: inline-block;
    width: 14.5%;
    text-align: left;
    vertical-align: top;
}

.fm_list li~li {
    padding-top: 3.2rem;
}

.fm_list a {
    font-size: 1.4rem;
    font-weight: 400;
}

.fm_x {
    width: 3rem;
    height: 3rem;
    background: url('../../assets/images/icon/fm_x.png') no-repeat center / contain;
    position: absolute;
    top: 2rem;
    right: 20%;
}

footer .fm_site.active .fm_pop {
    display: block;
    animation: slideout 0.5s both;
}

@keyframes slideout {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* 공통 */
.left_nav {
    position: fixed;
    top: 10rem;
    width: 16.8rem;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 4.5rem 0;
    font-size: 1.6rem;
    z-index: 99;
}

.left_nav li a {
    display: block;
    padding: 1.5rem 0 1.5rem 4.5rem;
}

.left_nav li.active a {
    color: #352ad4;
    font-weight: 700;
    position: relative;
}

.left_nav li.active a:before {
    content: "";
    display: block;
    width: 3.5rem;
    height: 0.2rem;
    background-color: #352ad4;
    position: absolute;
    left: 0;
    top: calc(50% - 0.1rem);
}

.quick_top {
    position: fixed;
    right: 5%;
    bottom: 15%;
    z-index: 99;
}

.quick_top .inquiry {
    display: block;
    width: 6.6rem;
    height: 6.6rem;
    background: #fff url('../../assets/images/icon/ic_edu.svg') no-repeat center / 3.6rem;
    border-radius: 100%;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 2;
    margin-bottom: 1.6rem;
}

.quick_top a {
    display: block;
    font-size: 0;
    width: 0;
    background-color: #fff;
    border-radius: 4.4rem;
    height: 6.6rem;
    line-height: 6.6rem;
    position: absolute;
    top: 0;
    right: 0rem;
    z-index: 1;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.16);
    transition: 0.4s;
    opacity: 0;
}

.quick_top .inquiry:hover,
.quick_top .inquiry.active {
    box-shadow: none;
}

.quick_top .inquiry:hover+a,
.quick_top .inquiry.active+a {
    width: 28.2rem;
    padding-left: 5rem;
    font-size: 2rem;
    opacity: 1;
}

.quick_top .top {
    opacity: 0;
    display: block;
    width: 6.6rem;
    height: 6.6rem;
    background: #fff url('../../assets/images/icon/ic_quick_b.svg') no-repeat center / 2.4rem;
    border-radius: 100%;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.16);
    transition: all 0.5s;
}

.top.active {
    opacity: 1;
}

.quick_top .inquiry+a+.top {
    background-color: #646464;
    background-image: url('../../assets/images/icon/ic_quick.png');
}

main {
    margin: 10rem auto 0;
    padding-bottom: 12.5rem;
    max-width: 192rem;
}

main.sub_main {
    padding-top: 10.4rem;
}

.con_box {
    padding-left: 27.8rem;
}

.gotham_blue {
    display: block;
    color: #352ad4;
    padding-bottom: 0.7rem;
}

.gotham_blue:after {
    content: "";
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    background-color: #ff8324;
    border-radius: 100%;
    vertical-align: middle;
    margin-left: 1rem;
}

.sub_title {
    display: block;
    font-size: 6rem;
    font-family: 'Spoqa Han Sans Neo' !important;
}

.title_txt {
    font-size: 2rem;
    color: #333;
    font-weight: 300;
    line-height: 4rem;
    padding-top: 2.6rem;
}

/* 테이블 */
.td_left1 .td:first-child {
    text-align: left;
}

.td_left2 .td:nth-child(2) {
    text-align: left;
}

.table_type1 {
    width: 108.8rem;
    margin: 5rem auto 0;
}

.table_type1 .thead {
    display: table;
    width: 100%;
}

.table_type1 .thead .th {
    display: table-cell;
    text-align: center;
    background-color: #272727;
    color: #fff;
    font-size: 1.6rem;
    padding: 1.8rem 0;
    position: relative;
    padding-left: 3.6rem;
}

.table_type1 .thead .th:last-child {
    padding-right: 1.8rem;
}

.table_type1 .thead .th~.th:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 1.8rem;
    background-color: #4D4D4D;
    position: absolute;
    left: 1.8rem;
}

.table_type1 .tbody .tr {
    display: table;
    width: 100%;
    min-height: 7rem;
    border-bottom: 1px solid #F1F1F1;
    position: relative;
}

.table_type1 .td {
    display: table-cell;
    padding: 1.6rem 0 1.6rem 3.6rem;
    text-align: center;
    vertical-align: middle;
}

.table_type1 .td:last-child {
    padding-right: 1.8rem;
}

.table_tit {
    font-weight: bold;
    line-height: 3.8rem;
}

.table_type1 .w_138 {
    width: 13.8rem;
}

.table_type1 .w_130 {
    width: 13rem;
}

.table_type1 .w_260 {
    width: 26rem;
}

.table_type1 .wminus_528 {
    width: calc(100% - 52.8rem);
}

.table_type1 .wminus_390 {
    width: calc(100% - 39rem);
}

/* 페이징 */
.paging ul {
    display: inline-block;
    font-family: 'Spoqa Han Sans Neo' !important;
}

.paging ul li {
    float: left;
}

.paging ul li~li {
    margin-left: 6px;
}

.paging ul li a {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    line-height: 3rem;
    color: #5F5F5F;
    background: #FBFBFB;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 1.6rem;
    cursor: pointer;
    font-weight: 300;
    background-size: cover;
}

.paging ul li.active .paging_num,
.paging ul li:hover .paging_num {
    background-color: #FF8324;
    color: #fff;
    font-weight: 700;
}

.paging ul li .paging_prev {
    background-image: url('../../assets/images/icon/icon_prev.svg');
}

.paging ul li .paging_next {
    background-image: url('../../assets/images/icon/icon_next.svg');
}

/* 팝업 */
.pop_con {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.pop_con .pop_dim {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.pop_con .pop_box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 45rem;
    text-align: center;
    overflow: inherit;
}

.pop_white {
    background-color: #fff;
    padding-bottom: 5rem;
}

.pop_x {
    position: absolute;
    right: 0;
    top: -4rem;
    width: 3rem;
    height: 3rem;
    background: url('../../assets/images/icon/fm_xG.png') no-repeat center;
}

.pop_tit {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-size: 4rem;
    padding-bottom: 5rem;
    padding-top: 9rem;
}

.popTxt_box {
    overflow: auto;
    max-height: 30.5rem;
    margin: 0 1.4rem;
}

.pop_con .popImg_box {
    overflow: auto;
    max-height: 43.2rem;
}

.pop_con .popImg_box>img {
    max-width: 100%;
}

.popTxt_box .pop_top {
    font-size: 2.2rem;
    line-height: 4rem;
    padding-bottom: 5.2rem;
}

.popTxt_box .pop_mid {
    padding-bottom: 5rem;
    font-size: 1.8rem;
    color: #646464;
}

.popTxt_box .pop_mid span {
    padding-right: 1rem;
}

.popTxt_box .pop_mid em {
    font-family: 'Spoqa Han Sans Neo' !important;
}

.popTxt_box .pop_mid p {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    padding-top: 6rem;
    color: #000;
}

.pop_btm {
    font-size: 2rem;
    line-height: 4rem;
    padding-bottom: 7rem;
    margin-bottom: 7.5rem;
}

.pop_btnBox {
    font-size: 0;
}

.pop_btnBox * {
    width: 50%;
    display: inline-block;
    height: 7.5rem;
    line-height: 7.5rem;
    color: #fff;
    font-size: 2rem;
}

.pop_btnBox .orange {
    background-color: #FF8324;
}

.pop_btnBox .grey {
    background-color: #000;
}

/* 스크롤 스타일 */
.scroll_style {
    overflow-y: auto;
}

.scroll_style::-webkit-scrollbar {
    width: 0.6rem;
}

.scroll_style::-webkit-scrollbar-thumb {
    background-color: #CFCAD7;
    border-radius: 100px;
}

.scroll_style::-webkit-scrollbar-track {
    background-color: rgba(77, 77, 77, 0.1);
    border-radius: 100px;
    background-clip: padding-box;
    border: 1px solid transparent;
}


/* 메인 */
body.black_type header {
    background-color: transparent;
}

body.grey_type header {
    background-color: #F3F3F3;
}

body.black_type footer .fm_site.active .fm_pop {
    background-color: rgba(45, 41, 39, 0.8);
}

body.black_type .fm_list a {
    color: #fff;
}

body.black_type .fm_x {
    background-image: url('../../assets/images/icon/fm_xG.png');
}

body.grey_type header.wh_header,
body.black_type header.wh_header {
    background-color: #fff;
    transition: 0.3s;
}

.main_type {
    margin: 0;
    min-height: 100vh;
    max-width: 100%;
    padding: 0;
}

.main_slide .swiper-slide {
    display: flex;
}

.main_slide .swiper-slide a {
    display: block;
    width: 100%;
}

.main_slide video,
.main_slide .swiper-slide img {
    min-width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: left;
}

.main_slide .slide_txt {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 10rem;
}

.main_slide .slide_txt em {
    display: block;
    font-size: 3rem;
    font-weight: 300;
    padding-bottom: 1.8rem;
}

.main_slide .slide_txt p {
    font-size: 5rem;
}

.main_slide .slide_txt.type2 p {
    font-family: 'Spoqa Han Sans Neo' !important;
    line-height: 6.8rem;
    font-size: 4.5rem;
    font-weight: 700;
}

.main_slide .slide_txt.type2 p span {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 0 0.7rem;
}

.main_btnBox {
    position: absolute;
    left: 10rem;
    bottom: calc(50% - 18rem);
    transform: translateY(50%);
    z-index: 3;
}

.main_pagination {
    width: 24rem;
    height: 3px;
    background-color: #CACACA;
    border-radius: 10rem;
    left: 7.7rem;
}

.main_pagination .swiper-pagination-progressbar-fill {
    background-color: #352AD4;
    border-radius: 10rem;
}

.main_btnBox .main_prev.swiper-button-disabled,
.main_btnBox .main_next.swiper-button-disabled {
    opacity: 1;
}

.main_prev,
.main_next {
    width: 2.3rem;
    height: 2.3rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.main_prev {
    background-image: url('../../assets/images/icon/main_left.png');
}

.main_next {
    background-image: url('../../assets/images/icon/main_right.png');
    left: 3.9rem;
}

/* 연혁 */
#year_slide {
    margin-bottom: 10rem;
}

.year_slide {
    padding-bottom: 4.6rem;
    margin-left: -8rem;
}

.year_slide .swiper-slide {
    width: 81.8rem;
    margin: auto 13rem auto 0;
}

.year_slide .swiper-slide.swiper-slide-active {
    width: 109.1rem;
    box-shadow: 2rem 2rem 2rem rgba(0, 0, 0, 0.16)
}

.year_slide .swiper-slide img {
    max-width: 100%;
}

.year_slide .slide_txt {
    position: absolute;
    left: 6rem;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}

.year_slide .swiper-slide .slide_txt em {
    display: block;
    font-size: 2.4rem;
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
}

.year_slide .swiper-slide .slide_txt strong {
    display: block;
    font-size: 6rem;
    padding-bottom: 1rem;
    font-family: 'Spoqa Han Sans Neo';
}

.year_slide .swiper-slide .slide_txt p {
    font-size: 1.3rem;
    line-height: 2.4rem;
    color: #e5e5e5;
    font-weight: 300;
}

.year_slide .swiper-slide.swiper-slide-active .slide_txt em {
    font-size: 3.3rem;
}

.year_slide .swiper-slide.swiper-slide-active .slide_txt strong {
    font-size: 8rem;
}

.year_slide .swiper-slide.swiper-slide-active .slide_txt p {
    font-size: 1.6rem;
    line-height: 3.7rem;
}

.year_btnBox {
    width: 125.1rem;
    height: 3rem;
    position: absolute;
    top: calc(50% - 2.3rem);
    left: calc(50% + -1rem);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.year_prev,
.year_next {
    width: 3rem;
    height: 3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.year_prev {
    background-image: url('../../assets/images/icon/year_prev.png');
}

.year_next {
    background-image: url('../../assets/images/icon/year_next.png');
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

#year_slide .year_pagination {
    bottom: 0;
}

#year_slide .swiper-pagination-bullet {
    width: 5rem;
    height: 0.6rem;
    background-color: #EEEEEE;
    border-radius: 0.4rem;
}

#year_slide .swiper-pagination-bullet-active {
    background: linear-gradient(to right, #352AD4, #5818D9);
    width: 20rem;
}

.year_wrap {
    display: none;
    max-width: 1920px;
    margin: 0 auto;
}

.year_wrap.active {
    display: block;
}

.img_year img {
    max-width: 100%;
    display: block;
    margin-left: auto;
}

.year_list {
    padding-left: 18.8rem;
}

.year_list li {
    position: relative;
    font-size: 0;
}

.year_list li:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #c9c9c9;
    position: absolute;
    left: 11.6rem;
    top: 0;
}

.year_list li~li {
    padding-top: 8rem;
}

.year_list li:first-child:before {
    top: 1.6rem;
}

.year_list li:last-child:before {
    height: 9.8rem;
}

.year_list strong {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: inline-block;
    width: 13.5rem;
    vertical-align: top;
    font-size: 3.2rem;
    padding-right: 5.5rem;
}

.year_list div {
    position: relative;
    display: inline-block;
    width: calc(100% - 13.5rem);
    padding-top: 2rem;
    font-size: 1.8rem;
    color: #333;
}

.year_list div p {
    position: relative;
    font-weight: 300;
    padding-left: 4rem;
    line-height: 4rem;
}

.year_list div::before {
    content: "";
    display: block;
    position: absolute;
    left: -2.25rem;
    top: 1.6rem;
    width: 0.7rem;
    height: 0.7rem;
    background-color: #0b0bbf;
    border-radius: 100%;
}

.year_list div p~p {
    margin-top: 3rem;
}

.year_list div p em {
    position: absolute;
    font-size: 2.2rem;
    left: 0;
    top: 0;
}

/* 그룹사 소개 */
.chart_img {
    padding-right: 5rem;
}

.chart_img img {
    max-width: 100%;
}

.groupConBox {
    margin-top: 13.5rem;
    background: url('../../assets/images/slide_back.png') no-repeat center top / auto 54rem;
    padding: 10.6rem 0 0 24.1rem;
    margin-bottom: 16.9rem;
}

#group_slide {
    padding-bottom: 12rem;
}

.group_slideTit {
    display: block;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-weight: 400;
    color: #fff;
    font-size: 4rem;
    padding-bottom: 2.6rem;
    padding-left: 3.7rem;
}

.group_slide .swiper-slide {
    width: 53.6rem;
    margin: auto 3.7rem;
}

.group_slide .group_txt {
    width: 42rem;
    background-color: #fff;
    padding: 8.3rem 4.5rem 0;
    height: 56rem;
    border: 1px solid #DDDDDD;
    margin-left: -23.2rem;
}

.group_slide .swiper-slide:first-child {
    margin-left: 0;
}

.group_slide .group_txt strong {
    display: block;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 2.8rem;
    padding-bottom: 2rem;
}

.group_slide .group_txt strong:before {
    content: "";
    display: inline-block;
    width: 0.3rem;
    height: 9.3rem;
    background-color: #0B0BBF;
    vertical-align: top;
    margin-right: 1.3rem;
}

.group_slide .group_txt p {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 3.9rem;
}

.group_slide .swiper-slide.swiper-slide-active .group_txt {
    width: 53.6rem;
    height: 67rem;
    box-shadow: 3.5rem 3.5rem 3.5rem rgba(0, 0, 0, 0.16);
    border: none;
    margin-left: 0;
}

.group_slide .swiper-slide.swiper-slide-prev .group_txt {
    margin-right: 0;
    margin-left: auto;
}

.group_slide .swiper-slide.swiper-slide-next .group_txt {
    margin-left: 0;
}

.group_slide .swiper-slide.swiper-slide-next+.swiper-slide .group_txt {
    margin-left: -11.6rem;
}

.group_slide .swiper-slide.swiper-slide-active strong {
    font-size: 3.6rem;
}

.group_slide .swiper-slide.swiper-slide-active p {
    font-size: 2.2rem;
    line-height: 4.6rem;
}

.group_pagination.swiper-scrollbar {
    left: 3.7rem;
    width: calc(100% - 31.5rem);
    height: 2px;
    background-color: #DFDFDF;
}

.group_pagination .swiper-scrollbar-drag {
    height: 0.6rem;
    background-color: #0B0BBF;
    top: -0.2rem;
}

.group_btnBox {
    position: absolute;
    width: 11.8rem;
    top: 2.8rem;
    right: 27.8rem;
}

.group_prev,
.group_next {
    width: 4.4rem;
    height: 4.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.group_prev {
    background-image: url('../../assets/images/icon/group_left.png');
}

.group_next {
    background-image: url('../../assets/images/icon/group_right.png');
}

#group_slide .swiper-slide-prev {
    box-shadow: none;
}

/* 인사채용 */
.icon_new {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background: url('../../assets/images/icon/ic_new.png') no-repeat center / contain;
    vertical-align: -0.5rem;
}

.d_day {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-size: 2rem;
    font-weight: 700;
}

.small_date {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-size: 0.8rem;
    color: #646464;
    font-weight: 300;
}

.big_date {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-size: 1.3rem;
    color: #3E3E3E;
    font-weight: 300;
}

.col_blueUnder {
    display: inline-block;
    font-weight: 700;
    color: #2B78FF;
    font-size: 1.6rem;
}

.grey_date {
    font-family: 'Spoqa Han Sans Neo' !important;
    color: #3E3E3E;
    font-weight: 300;
    font-size: 1.6rem;
}

.mid_date {
    display: block;
    font-size: 1.6rem;
    font-weight: 300;
}

div.tr .col_blueUnder {
    color: #000;
}

/* faq */
.faq_con {
    width: 108.8rem;
    margin: 5rem auto;
}

.faq_btn button {
    float: left;
    width: 50%;
    background-color: #EFEFEF;
    height: 5.5rem;
    line-height: 5.5rem;
    font-size: 1.6rem;
    color: #808080;
}

.faq_btn button.active {
    background-color: #272727;
    color: #fff;
}

.faq_list {
    display: none;
    margin-top: 1.3rem;
}

.faq_list.active {
    display: block;
}

.faq_list li~li {
    border-top: 1px solid #F1F1F1;
}

.faq_list li .faq_tit {
    position: relative;
    padding: 2.5rem 5rem 2.5rem 6.6rem;
    cursor: pointer;
}

.faq_arrow {
    width: 2rem;
    height: 2rem;
    background: url('../../assets/images/icon/faq_arrow.png') no-repeat center / 1.6rem;
    position: absolute;
    right: 4.3rem;
    top: calc(50% - 1rem);
    transition: 0.3s;
}

.faq_arrow.active {
    transform: rotate(180deg);
}

.txt_Q {
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 2.8rem;
    color: #352AD4;
    font-weight: 700;
    position: absolute;
    top: 1.8rem;
    left: 2.5rem;
}

.faq_txt {
    display: none;
    background-color: #fff;
    padding: 2.5rem 0 5rem;
    position: relative;
    font-weight: 300;
    line-height: 3.6rem;
}

.txt_A {
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 2.8rem;
    color: #FF8324;
    font-weight: 700;
    vertical-align: top;
    margin-left: 2.5rem;
}

.faq_txt p {
    display: inline-block;
    max-width: calc(100% - 12rem);
    padding-left: 1.7rem;
}

/* 연구개발 */
.develop_top {
    background: url('../../assets/images/develop_back.png') no-repeat top center;
    max-width: 192rem;
    text-align: center;
    margin: 0 auto;
    font-size: 0;
    padding-top: 17.5rem;
}

.develop_top ul {
    width: 78.2rem;
    margin: 0 auto;
}

.develop_top ul li {
    position: relative;
    display: inline-block;
    width: calc(33.33% - 1.06rem);
    padding-top: calc(33.33% - 1.06rem);
}

.develop_top ul li~li {
    margin-left: 1.59rem;
}

.develop_top ul li div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.develop_top ul li span {
    font-family: 'Spoqa Han Sans Neo' !important;
    position: absolute;
    top: 1rem;
    left: 2rem;
    font-size: 3.8rem;
    color: rgba(255, 255, 255, 0.18);
    font-weight: 700;
}

.develop_top ul li em {
    display: block;
    font-size: 2rem;
    color: #fff;
    padding-top: 2.6rem;
    font-weight: 700;
}

.develop_top ul li:first-child {
    background-color: #FF8324;
    box-shadow: 0rem 1rem 3rem rgba(255, 131, 36, 0.4);
}

.develop_top ul li:first-child em {
    padding-top: 1.4rem;
}

.develop_top ul li:nth-child(2) {
    background-color: #352AD4;
    box-shadow: 0rem 1rem 3rem rgba(53, 42, 212, 0.4);
}

.develop_top ul li:last-child {
    background-color: #646464;
    box-shadow: 0rem 1rem 3rem rgba(100, 100, 100, 0.4);
}

.develop_top ul li:last-child em {
    padding-top: 2rem;
}

.develop_btm {
    padding: 13rem 22rem 0;
    font-size: 0;
}

.develop_btm>*~* {
    margin-top: 10rem;
}

.develop_btmImg {
    display: inline-block;
    max-width: calc(100% - 45rem);
}

.develop_btmImg img {
    max-width: 100%;
}

.develop_btmTxt {
    display: inline-block;
    vertical-align: top;
    padding-left: 10rem;
    position: relative;
    text-align: left;
    min-width: 45rem;
}

.develop_btmTxt:before {
    content: "";
    display: inline-block;
    width: 7rem;
    height: 2px;
    position: absolute;
    left: 0;
    top: 1.8rem;
}

.develop_btmTxt.orange:before {
    background-color: #FF8324;
}

.develop_btmTxt.blue:before {
    background-color: #352AD4;
}

.develop_btmTxt.grey:before {
    background-color: #646464;
}

.develop_btmTxt strong {
    display: block;
    font-size: 3.4rem;
    padding-bottom: 3.2rem;
    font-family: 'Spoqa Han Sans Neo' !important;
}

.develop_btmTxt p {
    font-size: 1.8rem;
    line-height: 3.8rem;
    font-weight: 300;
}

.network_back {
    background: url('../../assets/images/network_back.png') no-repeat top 0 center;
    padding-top: 24.8rem;
    margin-top: 19.3rem;
}

.network_con {
    max-width: 136.4rem;
    margin: 0 auto;
    padding: 0 2rem;
}

.network_con .gotham_blue:after {
    display: none;
}

.network_list {
    padding-top: 5.4rem;
}

.network_list li {
    clear: both;
}

.network_list li:after {
    content: "";
    display: block;
    clear: both;
}

.network_list li~li {
    border-top: 1px solid #EDEDED;
    padding-top: 2rem;
    margin-top: 2rem;
}

.network_list li .left strong {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    padding-top: 2.3rem;
    font-size: 3rem;
}

.network_list li .left strong:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 0.3rem;
    height: 10.8rem;
    background-color: #352AD4;
    margin-right: 1.3rem;
}

.network_list li .left p {
    line-height: 3.8rem;
    font-weight: 300;
}

/* ci / bi */
.cibi_back {
    background: url('../../assets/images/cibi_back.png') no-repeat top center;
}

.cibi_list {
    max-width: 108.8rem;
    margin: 0 auto;
    padding: 0 4rem;
}

.cibi_list li~li {
    padding-top: 12.6rem;
}

.cibi_list li strong {
    font-family: 'Gotham';
    /* font-family: 'Spoqa Han Sans Neo', 'sans-serif'; */
    display: block;
    font-size: 3.2rem;
    font-weight: 300;
    padding-bottom: 2rem;
}

.cibi_list .cibi_img {
    position: relative;
    background-color: #fff;
    border: 1px solid #DEDEDE;
    height: 45rem;
    overflow: hidden;
}

.cibi_list .cibi_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.cibi_list .txt_center {
    font-size: 0;
    padding-top: 3.2rem;
}

.cibi_list .txt_center *~* {
    margin-left: 1.6rem;
}

.blue_down,
.grey_down {
    background-image: url('../../assets/images/icon/ic_download.svg');
    background-size: 2rem;
    background-repeat: no-repeat;
    width: 22rem;
    height: 6.2rem;
    line-height: 6.2rem;
    font-size: 1.8rem;
    font-weight: 300;
    text-align: left;
    padding-left: 2.6rem;
}

.blue_down {
    background-color: #352AD4;
    padding-left: 2.7rem;
    background-position: right 3.4rem center;
}

.grey_down {
    background-color: #414141;
    padding-left: 2rem;
    background-position: right 2.3rem center;
}

/* 평생교육원 */
.edu_wrap {
    padding-top: 17rem;
    background: url('../../assets/images/edu_back.png') no-repeat top center / cover;
    height: 64rem;
    margin-bottom: -12.5rem;
}

.edu_wrap strong {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    color: #fff;
    font-size: 4rem;
    padding-bottom: 3.2rem;
}

.edu_wrap p {
    display: inline-block;
    font-size: 2.4rem;
    font-weight: 300;
    color: #fff;
    line-height: 4rem;
    background-color: #000;
    padding: 0 0.5rem;
}

.edu_wrap p~p {
    margin-top: 1rem;
}

/* 공지사항 */
.empty_search {
    text-align: center;
    padding-top: 2rem;
}

.table_type1 .td.empty_notice {
    padding-left: 0;
    font-weight: bold;
}

.notice_detail {
    padding-top: 9rem;
    width: 136.4rem;
    margin: 0 auto;
    max-width: 80%;
}

.notice_tit {
    padding: 2.5rem 4.5rem;
    border-bottom: 1px solid #CCCCCC;
    border-top: 2px solid #000000;
}

.notice_tit strong {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: inline-block;
    max-width: calc(100% - 11rem);
}

.notice_tit span {
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 1.6rem;
    color: #666;
}

.notice_txt {
    padding: 7rem 4.5rem;
}

.notice_txt pre {
    font-size: 1.6rem;
}

.notice_btm {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-bottom: 1.6rem;
}

.notice_prev {
    border-bottom: 1px solid #CCCCCC;
}

.notice_prev,
.notice_next {
    display: block;
    height: 7rem;
    line-height: 7rem;
    padding: 0 4.5rem;
}

.notice_prev span,
.notice_next span {
    font-size: 1.6rem;
    font-weight: 700;
    margin-right: 4.6rem;
    padding-left: 3.6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1.6rem;
}

.notice_prev span {
    background-image: url('../../assets/images/icon/ntc_prev.svg');
}

.notice_next span {
    background-image: url('../../assets/images/icon/ntc_next.svg');
}

.notice_btm p {
    font-size: 1.4rem;
    color: #666666;
    max-width: calc(100% - 15rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 비전 */
.vision_list {
    margin-top: -5rem;
}

.vision_list li {
    position: relative;
}

.vision_list li div {
    position: absolute;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 26.3rem;
    padding-top: 14.5rem;
    width: 67rem;
}

.vision_list li img {
    max-width: 100%;
}

.vision_list li div strong {
    display: block;
    font-size: 5rem;
    padding-bottom: 3rem;
}

.vision_list li div p {
    font-size: 2.4rem;
    line-height: 4.4rem;
}

.vision_list .vision_01 {
    padding-left: 14rem;
}

.vision_list .vision_02 {
    padding-right: 16.2rem;
    margin-top: 12.48rem;
    text-align: right;
}

.vision_list .vision_03 {
    padding-left: 7.3rem;
    margin-top: 16.5rem;
}

.vision_list .vision_01 div {
    bottom: 13.5rem;
    right: 10rem;
    background-image: url('../../assets/images/num_vision01.png');
}

.vision_list .vision_02 div {
    left: 27.8rem;
    bottom: 16.2rem;
    background-image: url('../../assets/images/num_vision02.png');
    text-align: left;
}

.vision_list .vision_03 div {
    bottom: 27rem;
    right: 10rem;
    background-image: url('../../assets/images/num_vision03.png');
}

.Mimg_vision {
    display: none;
}

/* 보험사업 */
.insurance_top {
    padding-left: 27.8rem;
    padding-top: 7.6rem;
    background: url('../../assets/images/insurance_back.png') no-repeat left top;
}

.insurance_top>strong {
    display: block;
    font-family: 'Spoqa Han Sans Neo' !important;
    color: #fff;
    font-size: 4rem;
    font-weight: 300;
}

.insurance_top>strong span {
    background-color: #000;
    font-size: 5rem;
    font-weight: 700;
    padding: 0 0.5rem;
}

.insurance_top ul {
    text-align: center;
    font-size: 0;
    padding-top: 8.6rem;
    margin-left: -27.8rem;
}

.insurance_top ul li {
    display: inline-block;
    background-color: #352AD4;
    position: relative;
    width: 23rem;
    height: 23rem;
    box-shadow: 1rem 0.5rem 3rem rgba(53, 42, 212, 0.5);
}

.insurance_top ul li~li {
    margin-left: 1.6rem;
}

.insurance_top ul li div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.insurance_top ul li div img {
    width: 6.6rem;
}

.insurance_top ul li p {
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
    padding-top: 2rem;
    line-height: 3rem;
}

.insurance_top ul li p .dis_block {
    font-size: 2rem;
    font-weight: 300;
}

.insurance_mid {
    width: 108.8rem;
    margin: 14rem auto 20rem;
}

.insurance_midBox~.insurance_midBox {
    margin-top: 7rem;
}

.insurance_midBox .imgBox {
    position: relative;
    width: 39.8rem;
    display: inline-block;
}

.insurance_midBox .imgBox img {
    width: 100%;
}

.insurance_midBox .imgBox strong {
    display: block;
    height: 4.7rem;
    line-height: 4.7rem;
    color: #fff;
    background-color: #FF8324;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.insurance_midBox .txtBox {
    display: inline-block;
    vertical-align: middle;
    padding-left: 6.7rem;
    width: calc(100% - 40.6rem);
}

.insurance_midBox .txtBox strong {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    position: relative;
    font-size: 2.8rem;
    padding-bottom: 3rem;
    line-height: 4.5rem;
}

.insurance_midBox .txtBox strong:before {
    content: "";
    display: block;
    width: 10rem;
    height: 2px;
    background-color: #352AD4;
    position: absolute;
    left: -12rem;
    top: 2rem;
}

.insurance_midBox .txtBox strong span {
    font-size: 2rem;
    font-weight: 400;
}

.insurance_midBox .txtBox p {
    font-weight: 300;
    line-height: 2.6rem;
    padding-left: 1.6rem;
    position: relative;
}

.insurance_midBox .txtBox p~p {
    margin-top: 2rem;
}

.insurance_midBox .txtBox p:before {
    content: "";
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background-color: #352AD4;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0.8rem;
}

.insurance_btm {
    padding-top: 21.4rem;
    background: url('../../assets/images/insurance_btm_back.png') no-repeat center top;
    padding-left: 27.8rem;
}

.insurance_btm>strong {
    display: block;
    font-family: 'Spoqa Han Sans Neo' !important;
    color: #fff;
    font-size: 4rem;
    font-weight: 300;
    padding-bottom: 3rem;
}

.insurance_btm>strong span {
    background-color: #000;
    font-size: 5rem;
    font-weight: 700;
    padding: 0 0.5rem;
}

.insurance_btm>p {
    font-size: 2.4rem;
    font-weight: 300;
    color: #fff;
}

.insurance_list {
    font-size: 0;
    text-align: center;
    padding-top: 11.3rem;
    margin-left: -27.8rem;
}

.insurance_list li {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: inline-block;
    width: 30rem;
    color: #fff;
    padding: 5rem 0;
}

.insurance_list li strong {
    display: block;
    font-size: 3.2rem;
}

.insurance_list li strong:after {
    content: "";
    display: block;
    width: 4rem;
    height: 1.5px;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 2rem auto 2.6rem;
}

.insurance_list li p {
    font-size: 2.2rem;
    line-height: 4rem;
}

.insurance_list li:first-child {
    background-color: #000000;
    vertical-align: -27rem;
}

.insurance_list li:nth-child(2) {
    background-color: #FF8324;
}

.insurance_list li:nth-child(3) {
    background-color: #646464;
    vertical-align: -19rem;
}

.insurance_list li:last-child {
    background-color: #fff;
    color: #000;
}

.insurance_list li:last-child strong:after {
    background-color: rgba(0, 0, 0, 0.2)
}

.insurance_call {
    font-family: 'Spoqa Han Sans Neo' !important;
    text-align: center;
    padding-top: 14.6rem;
    max-width: 81.2rem;
    margin: 0 auto;
}

.insurance_call .call {
    display: block;
    background-color: #F8F8F8;
    height: 10rem;
    line-height: 10rem;
}

.insurance_call .call span {
    font-size: 2.6rem;
    font-weight: 300;
}

.insurance_call .call em {
    font-size: 2.8rem;
    font-weight: 700;
}

.insurance_call .online {
    display: block;
    background-color: #352AD4;
    height: 10rem;
    line-height: 10rem;
    font-size: 2.8rem;
    color: #fff;
}

.insurance_call .online:hover {
    background-image: linear-gradient(to bottom, #352AD4, #5818D9);
}

.insurance_call .call.orange_back {
    background-color: #FF7F1C;
    color: #fff;
}

.insurance_call .call.orange_back a {
    color: #fff;
}

/* 오시는길 */
.map_conbox {
    max-width: 128rem;
    margin: 0 auto 0 27.8rem;
}

.map_box {
    max-width: 1384px;
    font-size: 0;
    padding-bottom: 8.7rem;
}

.map_box img {
    width: calc(100% - 54rem);
    max-width: 83.4rem;
}

.map_box .address_txt {
    display: inline-block;
    width: 54rem;
    vertical-align: middle;
    padding-left: 4rem;
}

.map_box .address_txt strong {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-size: 3rem;
    padding-bottom: 1.4rem;
}

.map_box .address_txt strong:before {
    content: "";
    display: inline-block;
    width: 0.3rem;
    height: 11rem;
    background-color: #352AD4;
    vertical-align: top;
    margin-right: 1.2rem;
}

.map_box .address_txt p {
    font-size: 2.3rem;
    font-weight: bold;
    line-height: 4.8rem;
}

.map_box .address_txt span {
    font-weight: 300;
    color: #666666;
}

.map_box .address_txt a {
    font-family: 'Spoqa Han Sans Neo' !important;
}

.traffic_box {
    font-family: 'Spoqa Han Sans Neo' !important;
}

.traffic_box>strong {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-size: 3rem;
    padding-bottom: 3.2rem;
}

.traffic_box>strong img {
    width: 7rem;
    margin-right: 2rem;
}

.traffic_box.clear {
    padding-top: 10rem;
}

.line_7,
.line_2 {
    display: inline-block;
    width: 7rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    color: #fff;
    margin-right: 2rem;
    font-size: 1.8rem;
}

.line_2 {
    background-color: #37B42D;
}

.line_7 {
    background-color: #606D00;
}

.line_sillim {
    display: inline-block;
    width: 7rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    color: #fff;
    margin-right: 2rem;
    font-size: 1.8rem;
    background-color: #6789CA;
}

.traffic_box p {
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 2.2rem;
}

.traffic_box p span {
    color: #666666;
    font-size: 2rem;
    padding-left: 2rem;
}

.traffic_box p~p {
    padding-top: 2.4rem;
}

.traffic_box ul {
    padding-top: 2.5rem;
}

.traffic_box ul li {
    font-size: 1.8rem;
    line-height: 4.4rem;
}

.traffic_box ul li span {
    display: inline-block;
    width: 10rem;
    font-weight: 700;
    letter-spacing: -0.1rem;
}

/* 트니트니사업 */
.teuni_1346 {
    max-width: 142.6rem;
    margin: 0 auto 0 27.8rem;
    padding-right: 4rem;
}

.teuni_btn a,
.teuni_btn button {
    font-family: 'Spoqa Han Sans Neo' !important;
    float: left;
    width: 50%;
    background-color: #EFEFEF;
    height: 10rem;
    line-height: 10rem;
    font-size: 3.4rem;
    color: #808080;
    text-align: center;
}

.teuni_btn a.active,
.teuni_btn button.active {
    background-color: #272727;
    color: #fff;
}

.noori_box {
    padding-top: 0rem;
}

.noori_call {
    font-family: 'Spoqa Han Sans Neo' !important;
    text-align: center;
    padding-top: 14.6rem;
    max-width: 81.2rem;
    margin: 0 auto;
}

.noori_call .call_2 span {
    font-size: 2.6rem;
    font-weight: 300;
}

.noori_call .call_2 em {
    font-size: 2.8rem;
    font-weight: 700;
}

.noori_call .call span {
    font-size: 2.6rem;
    font-weight: 300;
}

.noori_call .call em {
    font-size: 2.8rem;
    font-weight: 700;
}

.noori_call .online {
    display: block;
    background-color: #352AD4;
    height: 10rem;
    line-height: 10rem;
    font-size: 2.8rem;
    color: #fff;
}

.noori_call .online:hover {
    background-image: linear-gradient(to bottom, #352AD4, #5818D9);
}

.noori_call .call.orange_back {
    background-color: #FF7F1C;
    color: #fff;
}

.noori_call .call.orange_back a {
    color: #fff;
}

/* 241127 추가 */
.btn_call {
    height: 100px;
    margin: 15px auto 0;
}

.btn_call a {
    display: block;
}

.btn_call a img {
    max-width: 100%;
}

.btn_bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn_bot div a {
    display: block;
}

.btn_bot img {
    max-width: 100%;
}

.mo_call_btn {
    display: none;
}

.noori_call a {
    cursor: pointer;
}

/* //241127 추가 */

.teuni_box {
    padding-top: 0rem;
}

.teuni_tit {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-size: 4rem;
    padding-bottom: 3.3rem;
}

.teuni_txt20 {
    font-size: 2rem;
    line-height: 4rem;
    padding-bottom: 3.7rem;
}

.teuni_toplist {
    padding-bottom: 20rem;
    font-size: 0;
    margin: 0 -0.8rem;
}

.teuni_toplist li {
    display: inline-block;
    width: calc(20% - 1.6rem);
    vertical-align: top;
    margin: 0 0.8rem;
    text-align: left;
}

.teuni_toplist li img {
    width: 100%;
}

.teuni_toplist li em {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-weight: 500;
    padding-left: 1.2rem;
    position: relative;
    margin-top: 1rem;
    line-height: 2.8rem;
    font-size: 1.8rem;
}

.teuni_toplist li em:before {
    content: "";
    display: block;
    width: 3px;
    height: 2.2rem;
    background-color: #352AD4;
    position: absolute;
    left: 0;
    top: 2px;
}

.teuni_30tit {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-size: 3rem;
}

.teuni_30tit span {
    font-size: 1.8rem;
    font-weight: 300;
}

.teuni_mid {
    padding-left: 27.8rem;
    font-size: 0;
}

.teuni_mid_list {
    float: left;
    width: calc(100% - 80rem);
    padding-top: 1.7rem;
}

.teuni_mid_list li {
    float: left;
    width: 50%;
    height: 30rem;
    box-shadow: 0 0.5rem 0.8rem rgba(0, 0, 0, 0.03);
    padding-left: 2.5rem;
}

.teuni_mid_list img {
    width: 9.4rem;
    margin-bottom: -4rem;
}

.teuni_mid_list strong {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-size: 2rem;
    padding-bottom: 2.4rem;
}

.teuni_mid_list p {
    font-size: 1.8rem;
    line-height: 3.8rem;
}

.teuni_midimg {
    float: right;
    width: 80rem;
    padding-left: 3rem;
    padding-top: 1.7rem;
}

.teuni_midimg img {
    width: 100%;
    max-width: 91.8rem;
}

.teuni_adventure {
    padding-top: 20rem;
    font-size: 0;
}

.teuni_app .teuni_30tit,
.teuni_adventure .teuni_30tit {
    padding-bottom: 4.8rem;
}

.img_adventure {
    display: block;
    float: left;
    width: 55%;
    vertical-align: middle;
}

.img_adventure img {
    width: 100%;
}

.txt_adventure {
    position: relative;
    float: right;
    width: calc(45% - 7.8rem);
    vertical-align: middle;
    margin-left: 7.8rem;
    background-color: rgba(255, 131, 36, 0.02);
    border-radius: 100%;
    padding-top: calc(45% - 7.8rem);
}

.txt_adventure>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.txt_adventure>div img {
    width: 28.6rem;
    margin-bottom: 4rem;
    max-width: 100%;
}

.txt_adventure ul {
    font-size: 1.8rem;
    display: inline-block;
}

.txt_adventure ul li {
    text-align: left;
    position: relative;
    padding-left: 1.7rem;
    line-height: 3.4rem;
}

.txt_adventure ul li~li {
    margin-top: 2rem;
}

.txt_adventure ul li:before {
    content: "";
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    background-color: #0B0BBF;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 1.3rem;
}

.friends_con {
    position: relative;
    margin-top: 14.4rem;
}

.friends_con:after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
    background-color: rgba(53, 42, 212, 0.02);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.friends_con li {
    clear: both;
}

.friends_con li:after {
    content: "";
    display: block;
    clear: both;
}

.friends_con li~li {
    padding-top: 24.6rem;
}

.friends_con li div {
    float: left;
}

.friends_con li div strong {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-size: 3rem;
}

.friends_con li div strong:before {
    content: "";
    display: inline-block;
    width: 0.4rem;
    height: 12rem;
    background-color: #352AD4;
    vertical-align: top;
    margin-right: 1.2rem;
}

.friends_con li div strong span {
    font-size: 1.8rem;
    font-weight: 400;
}

.friends_con li div p {
    line-height: 4.5rem;
}

.friends_con li img {
    float: right;
    max-width: 100%;
}

.teuni_app {
    padding-top: 15.5rem;
}

.app_tit {
    line-height: 4rem;
    padding-bottom: 9rem;
}

.app_tit .col_grey {
    color: #666;
    font-size: 1.4rem;
}

.app_list {
    padding-left: 9.7rem;
    font-size: 0;
}

.app_list ul {
    display: inline-block;
    width: calc(100% - 43.6rem);
    vertical-align: middle;
}

.app_list ul li {
    width: 50%;
    float: left;
    padding-bottom: 7rem;
}

.app_list>img {
    width: 43.6rem;
}

.app_list ul li strong {
    display: block;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 2.2rem;
}

.app_list ul li strong:before {
    content: "";
    display: inline-block;
    width: 0.4rem;
    height: 2.3rem;
    background-color: #352AD4;
    vertical-align: middle;
    margin-right: 0.8rem;
}

.app_list ul li p {
    font-size: 1.8rem;
    line-height: 3.8rem;
}

.business_con {
    margin-top: 16rem;
    padding: 12rem 0 26rem;
    background-color: #FCFCFC;
}

.business_tit {
    display: block;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 3.4rem;
    padding-bottom: 3rem;
}

.business_toplist {
    font-family: 'Spoqa Han Sans Neo' !important;
}

.business_toplist li~li {
    padding-top: 1.5rem;
}

.business_toplist li:before {
    content: "";
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #352AD4;
    border-radius: 100%;
    vertical-align: middle;
}

.business_toplist li span {
    font-size: 2rem;
    font-weight: 700;
    padding-left: 1rem;
}

.business_toplist li em {
    display: block;
    font-size: 1.4rem;
    color: #575756;
    padding-top: 1.2rem;
}

.business_map {
    position: relative;
    margin-left: 32.4rem;
    margin-top: 10rem;
    max-width: 127.3rem;
}

.business_map>img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.business_map .business_maplist {
    width: 50%;
    position: relative;
    z-index: 1;
}

.business_map .business_maplist li {
    width: 35.2rem;
    background-color: #fff;
    font-size: 0;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
}

.business_map .business_maplist li>em {
    width: 10.4rem;
    display: inline-block;
    background-image: linear-gradient(to bottom, #352AD4, #5818D9);
    color: #fff;
    text-align: center;
    height: 9rem;
    position: relative;
    line-height: 2.6rem;
    font-size: 2rem;
    vertical-align: middle;
}

.business_map .business_maplist li em em {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.business_map .business_maplist li div {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.9rem;
    padding-left: 3rem;
}

.business_map .business_maplist li div p~p {
    padding-top: 1rem;
}

.business_map .business_maplist li div span {
    font-weight: 700;
    color: #FF8324;
    padding-left: 0.5rem;
}

.business_map .business_maplist.right li {
    margin-right: 0;
    margin-left: auto;
}

.business_map .business_maplist.left li~li {
    margin-top: 5rem;
}

.business_map .business_maplist.right li:first-child {
    position: relative;
    bottom: -2rem;
}

.business_map .business_maplist.right li~li {
    margin-top: 9.6rem;
}

.more_teuni.teuni_1346 {
    margin-top: 2.3rem;
}

.more_teuni em {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-size: 2.6rem;
    position: relative;
}

.more_teuni em:after {
    content: "";
    display: block;
    width: calc(100% - 31rem);
    height: 1px;
    background-color: #707070;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 50%;
}

.more_teuni div {
    padding-top: 5.6rem;
    margin: 0 -3.5rem;
}

.more_teuni div * {
    display: inline-block;
    font-family: 'Spoqa Han Sans Neo' !important;
    color: #006FFF;
    margin: 0 3.5rem 1.6rem;
    vertical-align: middle;
}

.more_teuni div .arrow {
    padding-right: 2.5rem;
    background: url('../../assets/images/icon/more_arrow.svg') no-repeat right center / contain;
}

.nuri_tit {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-size: 4rem;
    padding-bottom: 3.3rem;
}

.nuri_top {
    font-family: 'Spoqa Han Sans Neo' !important;
    padding: 3.5rem 0 4.7rem;
}

.nuri_top li {
    line-height: 3.4rem;
}

.nuri_top li:before {
    content: "";
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    background-color: #0B0BBF;
    margin-right: 1.3rem;
    vertical-align: middle;
}

.nuri_toplist {
    padding-bottom: 15rem;
    display: flex;
    justify-content: space-between;
}

.nuri_toplist li {
    display: inline-block;
    font-family: 'Spoqa Han Sans Neo' !important;
}

.nuri_toplist li img {
    width: 95%;
    max-width: 34rem;
}

.nuri_toplist li em {
    display: block;
    font-weight: 500;
    padding-left: 1.2rem;
    position: relative;
    margin-top: 2rem;
    line-height: 2.8rem;
    font-size: 2.2rem;
}

.nuri_toplist li em:before {
    content: "";
    display: block;
    width: 3px;
    height: 2.2rem;
    background-color: #352AD4;
    position: absolute;
    left: 0;
    top: 2px;
}

.nuri_toplist li p {
    padding-top: 1.8rem;
    color: #808080;
    line-height: 3rem;
}

/* 누리사업 */
.nuriConBox {
    background: url('../../assets/images/nuri_slide.png') no-repeat center top / auto 54rem;
    padding: 16.2rem 0 0 24.1rem;
    margin-bottom: 0rem;
}

#nuri_slide {
    padding-bottom: 12rem;
}

.nuri_slideTit {
    display: block;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-weight: 400;
    color: #fff;
    font-size: 4rem;
    padding-left: 3.7rem;
}

.nuri_topTxt {
    display: block;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-weight: 400;
    color: #fff;
    font-size: 3rem;
    padding: 1.8rem 0 9.4rem 3.7rem;
}

.nuri_slide .swiper-slide {
    width: 53.6rem;
    margin: 0 3.7rem;
}

.nuri_slide .nuri_txt {
    width: 44rem;
    background-color: #fff;
    padding: 4.2rem 2.4rem 0;
    height: 58rem;
    box-shadow: 3.5rem 3.5rem 3.5rem rgba(0, 0, 0, 0.16);
}

.nuri_slide .nuri_txt>img {
    margin-bottom: -3.5rem;
    padding-left: 2rem;
    width: 10rem;
}

.nuri_slide .nuri_txt strong {
    display: block;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 2.2rem;
    padding-bottom: 2rem;
}

.nuri_slide .nuri_txt strong:before {
    content: "";
    display: inline-block;
    width: 0.5rem;
    height: 10rem;
    background-color: #0B0BBF;
    vertical-align: top;
    margin-right: 1.3rem;
}

.nuri_slide .nuri_txt>p {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 4.4rem;
}

.nuri_btm {
    position: absolute;
    bottom: 7rem;
}

.nuri_btm p~p {
    padding-top: 1.3rem;
}

.nuri_btm .orange_tag {
    display: inline-block;
    width: 7rem;
    height: 2.6rem;
    line-height: 2.6rem;
    background-color: #FF8324;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
}

.nuri_btm em {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.6rem;
    padding-left: 1rem;
}

.nuri_slide .swiper-slide.swiper-slide-active .nuri_txt {
    width: 53.6rem;
    height: 68rem;
    margin-left: 0;
}

.nuri_slide .swiper-slide.swiper-slide-prev .nuri_txt {
    margin-right: 0;
    margin-left: auto;
    box-shadow: none;
}

.nuri_slide .swiper-slide.swiper-slide-next .nuri_txt {
    margin-left: 0;
}

.nuri_slide .swiper-slide.swiper-slide-next+.swiper-slide .nuri_txt {
    margin-left: -9.6rem;
}

.nuri_slide .swiper-slide.swiper-slide-active strong {
    font-size: 2.6rem;
}

.nuri_slide .swiper-slide.swiper-slide-active .nuri_txt strong:before {
    height: 13rem;
}

.nuri_slide .swiper-slide.swiper-slide-active>p {
    font-size: 2rem;
    line-height: 4.4rem;
}

.nuri_slide .swiper-slide.swiper-slide-active .nuri_btm {
    bottom: 9rem;
}

.nuri_slide .swiper-slide.swiper-slide-active .orange_tag {
    width: 8.6rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.9rem;
}

.nuri_slide .swiper-slide.swiper-slide-active em {
    font-size: 1.9rem;
}

.nuri_txt .martop_10 {
    margin-top: 3rem;
}

#nuri_slide .group_btnBox.type_nuri {
    top: 2.7rem;
}

#nuri_slide .swiper-slide-prev {
    box-shadow: none;
}

/* 방과후 학교 사업 */
.school_logo {
    padding-top: 5.8rem;
}

.school_logo img {
    width: 30.5rem;
}

.plamu_logo {
    padding-top: 3.8rem;
    padding-bottom: 3.8rem
}

.creacting_logo {
    padding-top: 3.8rem;
    padding-bottom: 3.8rem
}

.tuni_logo {
    padding-top: 3.8rem;
    padding-bottom: 3.8rem
}

.classConBox {
    background: url('../../assets/images/school_slide.png') no-repeat center top / auto 54rem;
    padding-left: 26.8rem;
    margin-bottom: 16.9rem;
}

.classConBox_plamu {
    background: url('../../assets/images/plamu_slide.png') no-repeat center top / auto 54rem;
    padding-left: 26.8rem;
    margin-bottom: 16.9rem;
    position: relative;
}

.classConBox_ogamolly {
    background: url('../../assets/images/ogamolly/slide_background_1.jpg') no-repeat center top / auto 54rem;
    padding-left: 26.8rem;
    margin-bottom: 16.9rem;
    position: relative;
}

.classConBox_creacting {
    background: url('../../assets/images/creacting/slide_background_1.png') no-repeat center top / auto 54rem;
    padding-left: 26.8rem;
    margin-bottom: 16.9rem;
    position: relative;
}

.classConBox_dreammentor {
    background: url('../../assets/images/dream_slide.jpg') no-repeat center top / auto 54rem;
    padding-left: 26.8rem;
    margin-bottom: 16.9rem;
    position: relative;
}

.classConBox_plamu_subText {
    color: #fff;
    text-align: left;
    font-weight: bold;
    padding-right: 35rem;
    position: absolute;
    transform: translate(1%, 92%);
    font-size: 3.6rem;
}

.classConBox_creacting_subText {
    color: #fff;
    text-align: left;
    font-weight: bold;
    padding-right: 35rem;
    position: absolute;
    transform: translate(1%, 92%);
    font-size: 3.6rem;
}

.dreampro_txt {
    color: #fff;
    position: absolute;
    top: 5%;
    font-weight: bold;
    font-size: 3.4rem;
}

.dmcenter_tit {
    display: block;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 3.4rem;
    padding-bottom: 3.8rem;
}

.dreammentor_center {
    max-width: 142.6rem;
    padding-right: 4rem;
    display: flex;
    justify-content: space-between;
    padding-top: 6rem;
}

.dreammentor_center div {
    width: 49%;
}

.dreammentor_center img {
    width: 100%;
}

.mental_test {
    max-width: 142.6rem;
    padding-right: 4rem;
    display: flex;
    justify-content: space-between;
}

.mental_card {
    background-color: #fff;
    padding: 2.2rem;
    width: 24.25%;
    height: 56rem;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);
    border: 1px solid rgba(0, 0, 0, 0.16);
}

.mental_card_prog {
    background-color: #fff;
    padding: 2.2rem;
    width: 24.25%;
    height: 59rem;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);
    border: 1px solid rgba(0, 0, 0, 0.16);
}

.mental_card_tit {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-weight: 500;
    padding-left: 1.2rem;
    position: relative;
    margin-top: 1rem;
    line-height: 2.8rem;
    font-size: 1.8rem;
}

.mental_card_tit::before {
    content: "";
    display: block;
    width: 3px;
    height: 2.2rem;
    background-color: #352AD4;
    position: absolute;
    left: 0;
    top: 2px;
}

.mental_card_img {
    margin: 30px auto;
    width: 69%;
    text-align: center;
}

.mental_card_img img {
    max-width: 100%;
}

.mental_card_des {
    font-size: 1.6rem;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
}

.mental_card_sub {
    padding-top: 20px;
    font-size: 1.6rem;
    line-height: 30px;
}

.mypace {
    background: url('../../assets/images/mypace_bg.jpg') no-repeat;
    position: relative;
    background-size: cover;
    padding-bottom: 10%;
}

.mypace_box {
    padding-top: 15%;
    max-width: 142.6rem;
    padding-right: 4rem;
}

.mypace_logo {
    text-align: right;
}

.mypace_logo img {
    max-width: 100%;
}

.mypace_des {
    display: flex;
    align-items: flex-start;
    padding-top: 3%;
}

.mypace_des div {
    margin-right: 5%;
}

.mypace_des div:last-child {
    margin-right: 0;
}

.mypace_des img {
    width: 100%;
}

.mypace_des_tit {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-weight: 500;
    padding-left: 1.2rem;
    position: relative;
    line-height: 2.8rem;
    font-size: 2.8rem;
}

.mypace_des_tit::before {
    content: "";
    display: block;
    width: 3px;
    height: 2.2rem;
    background-color: #352AD4;
    position: absolute;
    left: 0;
    top: 2px;
}

.mypace_des_txt {
    font-family: 'Spoqa Han Sans Neo' !important;
    padding: 3.5rem 0 4.7rem;
}

.mypace_des_txt {
    padding-top: 0 !important;
    font-size: initial !important;
}

.mypace_des .mypace_des_txt li {
    line-height: 3.4rem;
    padding-top: 0 !important;
}

.mypace_des .mypace_des_txt li:before {
    content: "";
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    background-color: #0B0BBF;
    margin-right: 1.3rem;
    vertical-align: middle;
}

.mypace_dia_box {
    display: flex;
    padding-top: 5%;
    gap: 10px;
    max-width: 142.6rem;
    padding-right: 4rem;
}

.mypace_dia_box img {
    width: 100%;
}

.experi {
    background: url('../../assets/images/experi_bg.jpg') no-repeat right bottom;
    position: relative;
    padding-bottom: 10%;
}

.dream_experi {
    max-width: 142.6rem;
    padding-right: 4rem;
}

.experi .txtBox {
    padding-top: 2%;
    line-height: 3.2rem;
}

.experi .txtBox p {
    display: inline-block;
    vertical-align: middle;
    padding-left: 1.6rem;
    width: 100%;
    position: relative;
}

.experi .txtBox p::before {
    content: "";
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background-color: #352AD4;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 1rem;
}

.experi_photo_box {
    padding-top: 3%;
}

.experi_photo_box img {
    width: 100%;
}

.photo_box1 {
    display: flex;
    justify-content: flex-start;
}

.photo_box1 div,
.photo_box2 div {
    width: 32.66%;
}

.photo_box1 div:first-child,
.photo_box2 div:first-child {
    margin-right: 1%;
}

.photo_tit {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-weight: 500;
    padding-left: 1.2rem;
    position: relative;
    margin-top: 1rem;
    line-height: 2.8rem;
    font-size: 1.8rem;
    width: 100% !important;
}

.photo_tit::before {
    content: "";
    display: block;
    width: 3px;
    height: 2.2rem;
    background-color: #352AD4;
    position: absolute;
    left: 0;
    top: 2px;
}

.photo_box2 {
    display: flex;
    justify-content: flex-end;
    padding-top: 3%;
}

.site_box {
    padding-bottom: 5%;
}

.dream_site {
    max-width: 142.6rem;
    padding-right: 4rem;
}

.fam_site_box {
    background-color: #f7f7f7;
    margin-top: 3%;
    padding: 5%;
}

.site_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.site_area img {
    max-width: 100%;
}

.site_item {
    width: 21.25%;
    margin-right: 5%;
}

.site_item:last-child {
    margin-right: 0;
}

#class_slide {
    padding-bottom: 12rem;
    padding-top: 18rem;
}

.class_slide .swiper-slide {
    width: 47.4rem;
    margin: 0 1rem;
}

.class_slide .swiper-slide:first-child {
    margin-left: 0;
}

.class_slide .class_txt {
    background-color: #fff;
    padding: 4.2rem 2.4rem 0;
    width: 40rem;
    height: 48.6rem;
    box-shadow: 3.5rem 3.5rem 3.5rem rgba(0, 0, 0, 0.16);
    margin-left: -14.8rem;
}

.class_slide .class_txt>img {
    margin-bottom: -4rem;
    padding-left: 1rem;
    width: 13rem;
}

.class_slide .class_txt strong {
    display: block;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 2.6rem;
    padding-bottom: 2rem;
}

.class_slide .class_txt strong:before {
    content: "";
    display: inline-block;
    width: 0.3rem;
    height: 11.4rem;
    background-color: #0B0BBF;
    vertical-align: top;
    margin-right: 1.5rem;
}

.class_slide .class_txt p {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 3.9rem;
}

.class_slide .swiper-slide.swiper-slide-prev .class_txt {
    margin-right: 0;
    margin-left: auto;
    box-shadow: none;
}

.class_slide .swiper-slide.swiper-slide-next .class_txt {
    margin-left: 0;
}

.class_slide .swiper-slide.swiper-slide-next+.swiper-slide .class_txt {
    margin-left: -7.4rem;
}

.class_slide .swiper-slide.swiper-slide-active .class_txt {
    height: 57.6rem;
    width: 47.4rem;
    margin-left: 0;
}

.class_slide .swiper-slide.swiper-slide-active strong {
    font-size: 3.6rem;
}

.class_slide .swiper-slide.swiper-slide-active strong:before {
    height: 14rem;
}

.class_slide .swiper-slide.swiper-slide-active p {
    font-size: 2.1rem;
    line-height: 4.4rem;
}

.class_slide .class_txt_plamu {
    background-color: #fff;
    padding: 4.2rem 2.4rem 0;
    width: 40rem;
    height: 28.6rem;
    box-shadow: 3.5rem 3.5rem 3.5rem rgba(0, 0, 0, 0.16);
    margin-left: -14.8rem;
}

.class_slide .class_txt_plamu>img {
    margin-bottom: -4rem;
    padding-left: 1rem;
    width: 13rem;
}

.class_slide .class_txt_plamu strong {
    display: block;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 2.6rem;
    padding-bottom: 2rem;
}

.class_slide .class_txt_plamu strong:before {
    content: "";
    display: inline-block;
    width: 0.3rem;
    height: 11.4rem;
    background-color: #0B0BBF;
    vertical-align: top;
    margin-right: 1.5rem;
}

.class_slide .class_txt_plamu p {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 3.9rem;
}

.class_slide .swiper-slide.swiper-slide-prev .class_txt_plamu {
    margin-right: 0;
    margin-left: auto;
    box-shadow: none;
}

.class_slide .swiper-slide.swiper-slide-next .class_txt_plamu {
    margin-left: 0;
}

.class_slide .swiper-slide.swiper-slide-next+.swiper-slide .class_txt_plamu {
    margin-left: -7.4rem;
}

.class_slide .swiper-slide.swiper-slide-active .class_txt_plamu {
    height: 33.6rem;
    width: 47.4rem;
    margin-left: 0;
}


/* 1) 제목(막대 + 텍스트) 레이아웃: flex로 막대가 가로폭 먹는 문제 해결 */
.class_slide .class_txt_creacting strong {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    /* 기존 margin-right 대체 */
    padding-bottom: 2rem;

    /* 자연스러운 줄바꿈 허용 */
    white-space: normal;
    word-break: keep-all;
    /* 한글 단어 쪼개지 않게(원하면 아래 active에서 normal로 바꿔도 됨) */
}

/* 2) 파란 막대(before): inline-block → flex 아이템으로 고정 */
.class_slide .class_txt_creacting strong:before {
    content: "";
    flex: 0 0 0.3rem;
    /* 폭 고정 */
    height: 11.4rem;
    background-color: #0B0BBF;
}

/* 3) active에서 폰트만 키우기 + 기존 3.6rem 강제 규칙 완전 덮기 */
.class_slide .swiper-slide.swiper-slide-active strong {
    font-size: clamp(2.6rem, 4vw, 3.6rem) !important;
}

/* 4) active에서 막대 높이만 늘리기(기존 유지) */
.class_slide .swiper-slide.swiper-slide-active .class_txt_creacting strong:before {
    height: 14rem;
}

#class_slide .group_btnBox.type_nuri {
    top: 7.4rem;
}

#class_slide .group_pagination.swiper-scrollbar {
    left: 1rem;
}

#class_slide .swiper-slide-prev {
    box-shadow: none;
}

.computer_con {
    background-color: #FBFBFB;
    padding: 9rem 0 11rem;
    font-size: 0;
}

.computer_tit {
    display: block;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 3.4rem;
    padding-bottom: 6.8rem;
}

.class_list {
    padding-left: 19rem;
    width: calc(60% - 18rem);
    display: inline-block;
    vertical-align: middle;
}

.class_list li {
    position: relative;
    font-size: 0;
}

.class_list li:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #c9c9c9;
    position: absolute;
    left: -4.6rem;
    top: 0;
}

.class_list li~li {
    padding-top: 7rem;
}

.class_list li:first-child:before {
    top: 1.6rem;
}

.class_list li:last-child:before {
    height: 8.5rem;
}

.class_list strong {
    font-family: 'Spoqa Han Sans Neo' !important;
    display: block;
    font-size: 2.2rem;
}

.class_list div {
    position: relative;
    padding-top: 2rem;
    font-size: 1.8rem;
    color: #333;
}

.class_list div p {
    position: relative;
    font-weight: 300;
    line-height: 3.8rem;
}

.class_list div p .dis_block {
    padding-left: 1.4rem;
}

.class_list div::before {
    content: "";
    display: block;
    position: absolute;
    left: -4.88rem;
    top: -1.6rem;
    width: 0.7rem;
    height: 0.7rem;
    background-color: #0b0bbf;
    border-radius: 100%;
}

.img_computer {
    width: 40%;
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
}

.img_computer img {
    width: 100%;
}

.class_con {
    margin-top: 13rem;
}

.class_tit {
    display: block;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 3.4rem;
    padding-bottom: 1.8rem;
}

.class_txt {
    font-size: 2rem;
}

.class_con ul {
    padding-top: 10rem;
    font-size: 0;
}

.class_con ul li~li {
    padding-top: 6.2rem;
}

.class_con ul li>img {
    width: 35%;
}

.class_con ul div {
    display: inline-block;
    width: 65%;
    vertical-align: middle;
    padding-left: 6.3rem;
}

.class_con ul div img {
    display: block;
    margin-bottom: -3rem;
    width: 11rem;
}

.class_con ul div strong {
    display: inline-block;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-size: 2.2rem;
}

.class_con ul div strong:after {
    content: "";
    display: block;
    width: 35rem;
    height: 3px;
    background-color: #352AD4;
    margin-left: -8.6rem;
    margin-top: 0.5rem;
}

.class_con ul div p {
    font-size: 1.8rem;
    line-height: 4.2rem;
    padding-top: 2.7rem;
    font-weight: 300;
}

/* 개인정보처리방침 */
.fs_20grey {
    font-size: 2rem;
    color: #666;
}

.fs_20black {
    font-size: 2rem;
    padding-top: 4rem;
}

.fs_20black.pd_0 {
    padding-top: 0;
}

.pd_left20 {
    padding-left: 2rem;
}

.pd_left40 {
    padding-left: 4rem;
}

.policy_conbox {
    font-family: 'Spoqa Han Sans Neo' !important;
    max-width: 144.4rem;
    margin: 0 auto 0 27.8rem;
    padding: 12.4rem 4rem 0;
    line-height: 4.2rem;
}

.policy_tit {
    display: block;
    font-size: 6rem;
    padding-bottom: 14rem;
}

.policy_conbox .col_grey {
    color: #666;
}

.policy_list {
    padding-top: 9rem;
    font-size: 0;
    padding-bottom: 15rem;
}

.policy_list_v2 {
    padding: 4rem 0;
    font-size: 2rem;
    line-height: 4.6rem;
    font-weight: 400;
}

.policy_conbox pre {
    line-height: 4.5rem;
}

.policy_list span {
    display: block;
    padding-bottom: 1rem;
    font-size: 2rem;
}

.policy_list em,
.policy_list a {
    font-family: 'NanumSquareRound';
    display: inline-block;
    font-size: 2.2rem;
    width: 50%;
    line-height: 6rem;
    font-weight: 700;
    vertical-align: top;
    padding-right: 3rem;
}

.policy_spaceTit {
    font-family: 'NanumSquareRound';
    display: block;
    font-size: 2.4rem;
}

.orange_down {
    display: block;
    max-width: 40.5rem;
    width: 100%;
    background-color: #FF8324;
    color: #fff;
    height: 6rem;
    line-height: 6rem;
    font-size: 1.8rem;
    margin: 5.6rem 0 4.5rem;
}

.orange_down:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background: url('../../assets/images/icon/ic_download.svg') no-repeat;
    vertical-align: middle;
    margin-left: 1rem;
}

.blue_under {
    color: #0077FF;
    text-decoration: underline;
}

.scroll_1000 {
    overflow: auto;
}

.scroll_1000 .policy_table {
    min-width: 100rem;
}

.policy_table {
    width: 100%;
    padding-top: 4rem;
}

.policy_table thead th {
    font-family: 'NanumSquareRound';
    background-color: #000000;
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
    height: 6rem;
}

.policy_table tbody th {
    background-color: #FCFCFC;
    border-bottom: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
    padding: 0 2rem;
    font-weight: 400;
}

.policy_table tbody td {
    padding: 3.6rem 2rem;
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    text-align: center;
}

.policy_table tbody td:first-of-type {
    border-left: 1px solid #DCDCDC;
}

.policy_table.pd_0 tbody th,
.policy_table.pd_0 tbody td {
    padding: 0;
    height: 6rem;
}

#policy_space02 .fs_20grey {
    padding-top: 2rem;
    padding-left: 2rem;
}

/* 트니프렌즈 */
.friend_logo {
    margin: 0 auto;
    width: 68.5rem;
    position: relative;
    z-index: 1;
    text-align: center;
}

.friend_logo img {
    max-width: 100%;
}

.friend_logo p {
    font-size: 2rem;
    padding-top: 2.2rem;
    font-weight: bold;
}

.friend_back {
    display: block;
    max-width: 100%;
    margin-top: -31rem;
    position: relative;
    z-index: -1;
}

.friends_teuni {
    margin-bottom: -12.5rem;
}

.friends_teuni ul {
    padding-top: 11rem;
}

.friends_teuni ul li {
    height: 44rem;
    position: relative;
}

.friends_teuni ul li div {
    position: absolute;
    left: 55%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120rem;
    max-width: calc(100% - 8rem);
    z-index: 1;
}

.friends_teuni ul li div>img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.friends_teuni ul li div strong {
    display: block;
    font-size: 2.4rem;
    color: #21284f;
    padding-bottom: 4rem;
}

.friends_teuni ul li div strong:before {
    content: "";
    display: inline-block;
    width: 0.4rem;
    height: 4.2rem;
    vertical-align: top;
    margin-right: 1.6rem;
}

.friends_teuni ul li div strong img {
    vertical-align: bottom;
    margin-right: 0.5rem;
    height: 4.3rem;
}

/* .friends_teuni ul li div strong span { font-size: 1.8rem; font-weight: 400; } */
/* .friends_teuni .back_txt { font-family: 'Gotham'; font-weight: 900; font-size: 25rem; position: absolute; left: 0; top: 0; z-index: 1; } */
.friends_teuni ul li div p {
    font-size: 1.8rem;
    line-height: 4.5rem;
    max-width: calc(100% - 37rem);
}

.friend_btmImg {
    display: inline-block;
    padding-top: 15rem;
    text-align: center;
}

.friend_btmImg img {
    max-width: calc(100% - 8rem);
}

.friends_teuni .friend_01 div>img {
    max-width: 43.34rem;
}

.friends_teuni .friend_02 div>img {
    max-width: 34rem;
    right: 4rem;
}

.friends_teuni .friend_03 div>img {
    max-width: 34rem;
    right: 4rem;
}

.friends_teuni .friend_04 div>img {
    max-width: 37.6rem;
    right: 2rem;
}

.friends_teuni .friend_05 div>img {
    max-width: 22.4rem;
    right: 10rem;
}

.friends_teuni .friend_06 div>img {
    max-width: 43.34rem;
}

/* .friends_teuni .friend_02 { background-color: #FDFEFF; }
.friends_teuni .friend_03 { background-color: #FDFFFE; }
.friends_teuni .friend_04 { background-color: #FFFDFF; }
.friends_teuni .friend_05 { background-color: #FFFDFB; }
.friends_teuni .friend_06 { background-color: #FFFFFD; } */

/* .friends_teuni .friend_01 .back_txt { color: #FFE600; opacity: 0.2; }
.friends_teuni .friend_02 .back_txt { color: #C0D8EE; opacity: 0.21; }
.friends_teuni .friend_03 .back_txt { color: #B3E58C; opacity: 0.2; }
.friends_teuni .friend_04 .back_txt { color: #E58CCD; opacity: 0.08; }
.friends_teuni .friend_05 .back_txt { color: #FFEBB4; opacity: 0.28; }
.friends_teuni .friend_06 .back_txt { color: #FFF281; opacity: 0.22; } */

.friends_teuni .friend_01 strong:before {
    background-color: #FFD400;
}

.friends_teuni .friend_02 strong:before {
    background-color: #006CBB;
}

.friends_teuni .friend_03 strong:before {
    background-color: #12A77A;
}

.friends_teuni .friend_04 strong:before {
    background-color: #E84167;
}

.friends_teuni .friend_05 strong:before {
    background-color: #F5781B;
}

.friends_teuni .friend_06 strong:before {
    background-color: #FFD400;
}

/* 가이드라인 1088 공통 */
@media (max-width: 1200px) {

    .insurance_mid,
    .faq_con,
    .table_type1 {
        width: calc(100% - 8rem);
    }

    .left_nav {
        display: none;
    }

    .con_box {
        padding: 0 4rem;
    }

    /* 보험사업 */
    .insurance_top {
        padding-left: 4rem;
    }

    .insurance_top ul {
        margin-left: -4rem;
    }

    .insurance_list {
        margin-left: 0;
    }

    .insurance_list li {
        width: 25%;
    }

    .insurance_btm {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    /* 오시는 길 */
    .traffic_box.clear .marleft_200 {
        margin-left: 0;
    }

    .traffic_box.clear .left {
        float: none;
    }

    .traffic_box.clear .left~.left {
        padding-top: 3.2rem;
    }

    /* 트니트니 */
    .business_map .business_maplist {
        width: 45%;
    }

    .business_map .business_maplist li {
        width: 100%;
    }

    .teuni_1346 {
        margin-left: 4rem;
    }

    .friends_teuni ul li div p .dis_block {
        display: none;
    }

    /* 카드형식 슬라이드 공통 */
    .nuriConBox,
    .groupConBox {
        padding-left: 0.3rem;
    }

    .classConBox {
        padding-left: 0;
    }

    .classConBox_plamu {
        padding-left: 0;
    }

    .classConBox_dreammentor {
        padding-left: 0;
    }

    .dreampro_txt {
        left: 3%;
    }

    .group_pagination.swiper-scrollbar {
        width: calc(100% - 6.7rem);
    }

    #class_slide .group_pagination.swiper-scrollbar {
        width: calc(100% - 4rem);
    }

    /* 드림멘토 사업 */
    .dreammentor_center {
        padding-right: 0;
    }

    .mental_test {
        padding-right: 0;
    }

    .mypace {
        padding-bottom: 5%;
    }

    .mypace_box {
        padding-right: 0;
    }

    .mypace_dia_box {
        padding-right: 0;
    }

    .dream_experi {
        padding-right: 0;
    }

    .dream_site {
        padding-right: 0;
    }

    .mental_card {
        height: 58rem;
    }

    .mental_card_prog {
        height: 61rem;
    }

    .main_footer {
        height: 10rem !important;
        line-height: 4.8rem;
        padding: 0 2.4rem;
    }

    .main_footer .foo_copy {
        position: unset;
        transform: unset;
    }

}


@media (max-width: 900px) {
    .mental_test {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .mental_card {
        width: 100%;
        height: 48rem;
    }

    .mental_card_img {
        width: 44%;
    }

    .mental_card_prog {
        width: 100%;
        height: 48rem;
    }
}

@media (max-width: 1910px) {

    /* 트니트니 사업 */
    .teuni_mid_list p br {
        display: none;
    }
}

@media (max-width: 1860px) {

    /* 트니트니 사업 */
    .teuni_mid_list {
        width: 100%;
        max-width: 142.6rem;
        padding-right: 4rem;
    }

    .teuni_midimg {
        padding-left: 0;
        padding-top: 1.7rem;
        width: 100%;
        padding-right: 4rem;
        margin-bottom: 1.3rem;
    }

    .business_map {
        margin-left: 27.8rem;
        margin-right: 4rem;
    }
}

@media (max-width: 1650px) {
    footer .foo_copy {
        left: 49%;
        transform: unset;
    }
}

@media (max-width: 1510px) {

    /* 연혁 */
    .img_year.left {
        width: 40%;
    }

    .year_list {
        width: 60%;
    }

    .policy_conbox {
        margin: auto;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .main_footer .foo_copy {
        left: 45%;
        transform: unset;
    }
}

@media (max-width: 1300px) {
    footer {
        height: 10rem;
    }

    footer .foo_copy {
        position: unset;
        transform: unset;
    }
}


@media (max-width: 1400px) {

    /* 트니트니 사업 */
    .txt_adventure {
        float: none;
        background-color: transparent;
        margin: 0;
        width: 100%;
        padding: 0 0 4rem;
    }

    .txt_adventure>div {
        position: static;
        transform: translate(0, 0);
    }

    .txt_adventure>div img {
        vertical-align: top;
        margin-right: 4rem;
    }

    .img_adventure {
        width: 100%;
        float: none;
    }

    .img_adventure img {
        width: 50%;
    }

    .friends_con li~li {
        padding-top: 15rem;
    }

    .app_list {
        padding-left: 0;
    }

    .app_list ul {
        width: 100%;
    }

    .app_list>img {
        display: none;
    }

    .business_map>img {
        display: none;
    }

    .business_map .business_maplist.right li:first-child {
        bottom: 0;
    }

    .business_map .business_maplist.right li~li {
        margin-top: 5rem;
    }

    /* 방과후 학교사업 */
    .class_list {
        padding-left: 5rem;
        display: block;
        width: 100%;
    }

    .class_con ul li>img,
    .img_computer {
        display: none;
    }

    .class_con ul div {
        padding: 0;
        width: 100%;
    }

    .class_con ul div strong:after {
        margin-left: 0;
    }

    /* 공지사항 상세 */
    .notice_detail {
        padding-top: 9rem;
        width: calc(100% - 8rem);
        margin: 0 auto;
        max-width: 100%;
    }

    /* 비전 */
    .vision_list li {
        padding: 0 1rem 0 5rem !important;
    }

    .vision_list li img {
        opacity: 0.9;
    }

    .vision_list li div {
        bottom: 5rem !important;
    }

    .vision_list .vision_01 div {
        right: 5rem;
    }

    .vision_list .vision_02 div {
        left: 5rem;
    }

    .vision_list .vision_03 div {
        right: 5rem;
    }
}

@media (min-width: 1400px) and (max-width: 1800px) {

    /* 비전 */
    .vision_list li img {
        max-width: 54%;
    }

    .vision_list .vision_01 div,
    .vision_list .vision_02 div {
        bottom: 6%;
    }

    .vision_list .vision_03 div {
        bottom: 25%;
    }

    /* 연혁 */
    .year_wrap {
        margin-left: 27.8rem;
    }

    .img_year {
        width: calc(100% - 100rem);
    }

    /* 연구개발 */
    .network_con {
        max-width: 130rem;
        margin-left: 27.8rem;
    }

    /* ci / bi */
    .cibi_list {
        margin-left: 27.8rem;
        padding-left: 0;
    }

    /* 보험사업 */
    .insurance_list {
        text-align: left;
        margin-left: 0;
    }

    .insurance_list li {
        width: 26rem;
        text-align: center;
    }

    /* 테이블 */
    .inp_searBox {
        left: -2%;
    }

    .table_type1 {
        margin-left: 27.8rem;
    }

    .empty_search {
        max-width: 108.8rem;
        margin-left: 27.8rem;
    }

    .notice_detail {
        margin-left: 27.8rem;
    }
}



@media (max-width: 1345px) {

    /* 연구개발 */
    .develop_btm {
        padding: 13rem 2rem 0
    }

    .develop_box {
        text-align: left;
    }

    .network_list .right {
        display: none;
    }
}

@media (max-width: 1280px) {

    /* 연혁 */
    .year_slide {
        margin-left: 0;
    }

    .year_btnBox {
        width: calc(100% - 4rem);
        left: 0;
        transform: translate(0, -50%);
        margin: 0 2rem;
    }

    .year_prev {
        background-image: url('../../assets/images/icon/Myear_prev.png');
    }

    .year_next {
        background-image: url('../../assets/images/icon/Myear_next.png');
    }

    .year_slide .swiper-slide.swiper-slide-active,
    .year_slide .swiper-slide {
        width: 100%;
        margin: 0;
    }

    .year_slide .swiper-slide.swiper-slide-active img,
    .year_slide .swiper-slide img {
        width: 100%;
    }
}

@media (max-width: 1025px) {

    /* 테이블 */
    .table_type1 .w_138 {
        width: 10rem;
    }

    .table_type1 .w_130 {
        width: 10rem;
    }

    .table_type1 .w_260 {
        width: 20rem;
    }

    .table_type1 .wminus_528 {
        width: calc(100% - 40rem);
    }

    .table_type1 .wminus_390 {
        width: calc(100% - 30rem);
    }

    .mypace_des .mypace_des_txt li {
        font-size: 1.4rem;
    }

    .mypace_des_tit {
        font-size: 2rem;
    }

}

@media (min-width: 1024px) {

    /* 메인 */
    .main_footer .fm_link li:first-child {
        display: none;
    }

}

@media (min-width: 1200px) {

    /* 메인 */
    .main_footer {
        height: 5rem;
        line-height: 4.8rem;
        padding: 0 2.4rem;
    }

}

.font_chg {
    font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}