.table-wrap.no-border table,
.table-wrap.no-border table th,
.table-wrap.no-border table td{
    border: none;
}

/*=================================================
				전체
=================================================*/
/*****#####===== text 모달 =====#####*****/
.text-modal-wrap{
    display:none;
}

/*****#####===== text 효과 =====#####*****/
.text-highlight-wrap:hover .text-highlight {
    background-size: 100% 100%;
}

.text-highlight{
    background-image: linear-gradient(180deg, transparent 65%, #6cf0ee 0);
    background-size: 0 100%;
    background-repeat: no-repeat;
    text-decoration: none;

    -webkit-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease-in-out;
}

/*****#####===== 스크롤 다운 효과 =====#####*****/
.header-slide-wrap{
    position: relative;
}

.scroll-prompt {
    position: absolute;
    bottom: 10%;
    left: 50%;

    z-index: 100;

    transform: translateX(-50%);
    transition:1s opacity ease-out;
}

.scroll-prompt .scroll-prompt-shape{
    position: relative;
    -webkit-animation:Slidedown 2s infinite;
    animation:Slidedown 2s infinite;
}

.scroll-prompt .scroll-prompt-shape:before,
.scroll-prompt .scroll-prompt-shape:after {
    content: "";
    display: block;
    position: absolute;
    width: 1.5rem;
    height: .2rem;
    top: 0;
    left: 0;
    background: #ffffff;
    border-radius:0;
    transform-origin:bottom left;
}

.scroll-prompt .scroll-prompt-shape:before {
    transform:scaleX(-1) rotate(-45deg);
}

.scroll-prompt .scroll-prompt-shape:after {
    transform:rotate(-45deg);
}

/*****##### 애니메이션 #####*****/
@-webkit-keyframes Slidedown{
    0% {
        opacity: 0;
    }
    75% {
        opacity: 1;
        transform:translate(0, 60px);
    }
    100% {
        opacity: 0;
        transform:translate(0, 60px);
    }
}

@keyframes Slidedown{
    0% {
        opacity: 0;
    }
    75% {
        opacity: 1;
        transform:translate(0, 60px);
    }
    100% {
        opacity: 0;
        transform:translate(0, 60px);
    }
}

/*=================================================
				tab_wrapper_2
=================================================*/
.section-wrap[data-layout="tab_wrapper_2"] .nav-link.active .nav-link-item{
    border-bottom: 2px solid #333333;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md ~ *****/
@media (min-width: 768px) {
    .section-wrap[data-layout="tab_wrapper_2"] .nav .nav-item{
        width: 100%;
    }

    .section-wrap[data-layout="tab_wrapper_2"] .nav .nav-item:not(:last-child){
        margin-bottom: 0.5rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="tab_wrapper_2"] .nav{
        margin-bottom: 1rem;

        white-space: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .section-wrap[data-layout="tab_wrapper_2"] .nav-item:not(:last-child){
        margin-right: 2rem;
    }

    .section-wrap[data-layout="tab_wrapper_2"] .nav-link{
        padding: 0.5rem 0;
    }
}

/*=================================================
            header_banner_200128
=================================================*/
.section-wrap[data-layout="header_banner_200128"]{
    padding: 0;
}

.section-wrap[data-layout="header_banner_200128"] .title-wrap{
    position: absolute;
    top: 50%;
    right: 10%;

    text-align: right;
    color: #ffffff;
}

/*=================================================
            content_text_200131
=================================================*/
/*****#####===== 일반 =====#####*****/
.section-wrap[data-layout="content_text_200131"] .first-col{
    border-right: 1px solid #999999;
}

/*****#####===== 테이블 =====#####*****/
.section-wrap[data-layout="content_text_200131"] .table-wrap table{
    margin: 0;
    border-top: 2px solid #000000;
}

.section-wrap[data-layout="content_text_200131"] .table-wrap table tr:first-child td,
.section-wrap[data-layout="content_text_200131"] .table-wrap table tr td:first-child{
    background-color: #eeeeee;
}

.section-wrap[data-layout="content_text_200131"] .table-wrap table tr:first-child td{
    border-bottom: 1px solid #d9d9d9;
}


.section-wrap[data-layout="content_text_200131"] .table-wrap table tr td:first-child{
    border-right: 1px solid #d9d9d9;
}


/*****#####===== 아이템 =====#####*****/
.section-wrap[data-layout="content_text_200131"] .item-wrap{
    margin-bottom: 1.5rem;
}

.section-wrap[data-layout="content_text_200131"] .each-foritem:nth-last-child(1) .item-wrap,
.section-wrap[data-layout="content_text_200131"] .each-foritem:nth-last-child(2) .item-wrap{
    margin-bottom: 0;
}


.section-wrap[data-layout="content_text_200131"] .item-icon img{
    height: 3rem;
}

/*=================================================
            slide_banner_200202
=================================================*/
/*****#####===== 타이틀 =====#####*****/
.section-wrap[data-layout="slide_banner_200202"] .title-wrap{
    margin-bottom: 2rem;
}

/*****#####===== 썸네일 =====#####*****/
.section-wrap[data-layout="slide_banner_200202"] .thumb-wrap{
    margin-bottom: 5rem;
}

.section-wrap[data-layout="slide_banner_200202"] .thumb-item{
    padding: 0.3rem;
    cursor: pointer;
}

/*****#####===== 슬라이드 =====#####*****/
.section-wrap[data-layout="slide_banner_200202"] .slick-wrap{
    padding: 0;
}

.section-wrap[data-layout="slide_banner_200202"] .custom-slick-arrow{
    width: 1rem;
    box-sizing: content-box;
    padding: 1rem 0.5rem;

    background-color: rgba(0,0,0,0.3);
}

.section-wrap[data-layout="slide_banner_200202"] .content-wrap{
    padding: 3rem 5rem;
}

.section-wrap[data-layout="slide_banner_200202"] .content-subtitle{
    display: inline-block;
    padding: 0.3rem 1rem;

    background-color: #ffb139;
    border-radius: 1em;

    line-height: 1em;
}

.section-wrap[data-layout="slide_banner_200202"] .content-desc{
    margin-top: 1.5rem;
}

/*=================================================
            subpage_title_200203
=================================================*/
/*****#####===== 타이틀 =====#####*****/
.section-wrap[data-layout="subpage_title_200203"] .title-wrap{
    margin-bottom: 3rem;
}

/*=================================================
            [ref] subpage_menus_200203
=================================================*/
.ref-wrap[data-layout='subpage_menus_200203']{
    position: relative;

    background-color:rgba(255,255,255,0.5);

    z-index: 1;
}

.ref-wrap[data-layout='subpage_menus_200203'] .each-col{
    border-left:1px solid #dedfdf;
}

.ref-wrap[data-layout='subpage_menus_200203'] .each-col:last-child{
    border-right:1px solid #dedfdf;
}

.ref-wrap[data-layout='subpage_menus_200203'] .subpage-item{
    padding: 1.22rem 0.5rem;

    text-align: center;

    transition: all 0.3s;
}

.ref-wrap[data-layout='subpage_menus_200203'] .subpage-item:hover,
.ref-wrap[data-layout='subpage_menus_200203'] .subpage-item.active{
    color:#ffffff;

    background-color: #269A99;
}

/*=================================================
            header_banner_200310
=================================================*/
.section-wrap[data-layout^='header_banner_200310']{
    position: relative;

    padding: 10.188rem 0;

    overflow: hidden;
}

.section-wrap[data-layout^='header_banner_200310'] .title-wrap {
    position: relative;

    margin-bottom: 0;

    z-index: 1;
}

.section-wrap[data-layout^='header_banner_200310'] .title-wrap .title-title{
    font-size: 2.625rem;
}

.section-wrap[data-layout^='header_banner_200310']::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: inherit;
    background-size: cover;

    animation: 1.8s smallScale cubic-bezier(0.29, 0.15, 0.57, 1);
}


/*=================================================
            header_banner_200310_2
=================================================*/
.section-wrap[data-layout='header_banner_200310_2']{
    padding: 9.375rem 0 0 0;
}

.section-wrap[data-layout='header_banner_200310_2'] .title-wrap{
    padding: 0 0 9.375rem 0;
}

/*=================================================
               banner_process_210112
=================================================*/
/*****#####===== pc =====#####*****/
/*****##### 네비 #####*****/
.section-wrap[data-layout="banner_process_210112"] .nav-wrap{
    width: 16rem;
    margin-left: 3rem;
}

.section-wrap[data-layout="banner_process_210112"] .nav-wrap .nav-item{
    opacity: 0.2;
}

.section-wrap[data-layout="banner_process_210112"] .nav-wrap .nav-item,
.section-wrap[data-layout="banner_process_210112"] .nav-wrap .item-desc,
.section-wrap[data-layout="banner_process_210112"] .nav-wrap .item-line,
.section-wrap[data-layout="banner_process_210112"] .item-img{
    transition: all 0.3s;
}

.section-wrap[data-layout="banner_process_210112"] .nav-wrap .item-desc{
    opacity: 0;
}

.section-wrap[data-layout="banner_process_210112"] .nav-wrap .item-line{
    width: 0;
    height: 2px;

    background-color: #000000;
}

.section-wrap[data-layout="banner_process_210112"] .item-header {
    cursor: pointer;
}

/*****##### 이미지 #####*****/
/*.section-wrap[data-layout="banner_process_210112"] .item-img{*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/

/*    opacity: 0;*/

/*    transform: translate(-50%, -50%);*/
/*}*/

/*****##### show #####*****/
.section-wrap[data-layout="banner_process_210112"] .item-img.show{
    opacity: 1;
}

/*****##### active #####*****/
.section-wrap[data-layout="banner_process_210112"] .nav-wrap .nav-item.active,
.section-wrap[data-layout="banner_process_210112"] .nav-wrap .nav-item.active .item-desc{
    opacity: 1;
}

.section-wrap[data-layout="banner_process_210112"] .nav-wrap .nav-item.active .item-line{
    width: 10.88rem;
}

/*****#####===== moblie =====#####*****/
/*****##### 네비 #####*****/
.section-wrap[data-layout="banner_process_210112"] .m-nav-wrap{
    white-space: nowrap;
    overflow-x: scroll;
}

.section-wrap[data-layout="banner_process_210112"] .m-nav-wrap .nav-item{
    display: inline-block;

    margin: 0 3rem;
}

.section-wrap[data-layout="banner_process_210112"] .m-nav-wrap .nav-item.active{
    border-bottom: 2px solid #000000;
}

.section-wrap[data-layout="banner_process_210112"] .m-item-wrap{
    display: none;
}

/*****##### show #####*****/
.section-wrap[data-layout="banner_process_210112"] .m-item-wrap.show{
    display: block;
}

/*=================================================
                banner_image_210112
=================================================*/
.section-wrap[data-layout="banner_image_210112"] .item-item{
    position: relative;
}

.section-wrap[data-layout="banner_image_210112"] .item-item:not(:last-child){
    margin-bottom: 3.375rem;
}

.section-wrap[data-layout="banner_image_210112"] .item-title-wrap{
    position: relative;
}

.section-wrap[data-layout="banner_image_210112"] .item-item,
.section-wrap[data-layout="banner_image_210112"] .item-img{
    transition: 0.3s ease;
}

/*****#####===== 이미지 =====#####*****/
.section-wrap[data-layout="banner_image_210112"] .item-img{
    position: absolute;
    top: 0;
    right: 0;

    width: 37.5rem;

    text-align: right;

    opacity: 0;
}

/*****#####===== hover =====#####*****/
.section-wrap[data-layout="banner_image_210112"] .item-wrap:hover .item-item{
    color: #e8e8e8;
}

.section-wrap[data-layout="banner_image_210112"] .item-wrap .item-item:hover{
    color: #000000;

    z-index: 1;
}

.section-wrap[data-layout="banner_image_210112"] .item-item:hover .item-title-wrap{
    z-index: 1;
}

.section-wrap[data-layout="banner_image_210112"] .item-item:hover .item-img {
    opacity: 1;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_image_210112"] .item-title-wrap{
        z-index: 1;
    }
}

/*=================================================
               about_logo_210111
=================================================*/
.section-wrap[data-layout="about_logo_210111"] .item-wrap:not(:last-child){
    margin-bottom:2rem;
}

.section-wrap[data-layout="about_logo_210111"] .each-col{
    margin-top: 1rem;
}

.section-wrap[data-layout="about_logo_210111"] .item-img{

    height: 4.375rem;

    text-align: center;

    background-color:#ffffff;
    border: 1px solid #D4D4D4;
}

.section-wrap[data-layout="about_logo_210111"] .item-img-item{
    height: 100%;
}

.section-wrap[data-layout="about_logo_210111"] .each-item .item-header .item-title{
    margin-right: 2rem;
}

.section-wrap[data-layout="about_logo_210111"] .each-item .item-header .border-bar{
    position: relative;
}

.section-wrap[data-layout="about_logo_210111"] .each-item .item-header .border-bar:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    height: 2px;

    background: #000000;
}

.section-wrap[data-layout="about_logo_210111"] .each-item .item-header .btn{
    width: 2.25rem;
    height: 2.25rem;
    margin-left: 1.875rem;

    background: #000000;
    border-radius: 100%;
}

.section-wrap[data-layout="about_logo_210111"] .each-item .item-header .adding-btn svg{
    width: 1rem;
    margin-left: -0.2rem;
    margin-top: -0.5rem;
}

.section-wrap[data-layout="about_logo_210111"] .item-body-adding{
    display:none;
}

/*=================================================
               banner_process_210114
=================================================*/
.section-wrap[data-layout="banner_process_210114"] .item-wrap{
    margin-bottom: 1.25rem;

    border:1px solid #d4d4d4;

    cursor: pointer;
}

/*****#####===== 숫자 =====#####*****/
.section-wrap[data-layout="banner_process_210114"] .item-num{
    position: absolute;
    left: 1rem;
    top: 1rem;

    z-index: 2;
}

/*****#####===== 이미지 =====#####*****/
.section-wrap[data-layout="banner_process_210114"] .item-img{
    width: 60%;
    margin: auto;
}

/*****#####===== 타이틀 =====#####*****/
.section-wrap[data-layout="banner_process_210114"] .item-title{
    margin-top: 1rem;
}

/*****#####===== hover 노출 컨텐츠 =====#####*****/
.section-wrap[data-layout="banner_process_210114"] .item-hover{
    position: absolute;
    left: 0;
    top:0;

    width:100%;
    height: 100%;
    padding:1rem 2rem;

    color:#ffffff;

    background-color:#51AEAD;

    opacity: 0;

    transition:all 0.3s;
}

.section-wrap[data-layout="banner_process_210114"] .item-hover .item-hover-content{
    line-height: 1.7em;
}

/*****##### 타이틀 #####*****/
.section-wrap[data-layout="banner_process_210114"] .item-hover .item-hover-title{
    margin-bottom:0.8rem;
}

/*****#####===== hover =====#####*****/
.section-wrap[data-layout="banner_process_210114"] .item-wrap:hover .item-hover{
    opacity: 1;
}

.section-wrap[data-layout="banner_process_210114"] .item-wrap:hover .item-num{
    color: #ffffff;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_process_210114"] .item-img {
        width: 55%;
    }

    .section-wrap[data-layout="banner_process_210114"] .item-num {
        left: 0.5rem;
        top: 0.5rem;
    }
}

/***** sm *****/
@media (min-width: 341px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_process_210114"] .item-hover {
        padding: 1rem;
    }
}

/***** xs *****/
@media (max-width: 340.98px){
    .section-wrap[data-layout="banner_process_210114"] .item-hover {
        padding: 0.5rem;
    }

    .section-wrap[data-layout="banner_process_210114"] .item-hover .item-hover-title {
        margin-bottom: 0.3rem;
    }
}

/*=================================================
			banner_text_200618
=================================================*/
.section-wrap[data-layout="banner_text_200618"] .content-wrap{
    position: relative;

    padding: 3rem 0;

    border: 1px solid #D4D4D4;
}

.section-wrap[data-layout="banner_text_200618"] .content-wrap:before{
    content: "The future starts today with RNC Expertise";
    position: absolute;
    top: 0;
    left: 50%;

    padding: 0 2rem;

    font-size: 1rem;
    text-align: center;

    background-color: #ffffff;

    transform: translate(-50%, -50%);
}

.section-wrap[data-layout="banner_text_200618"] .content-footer {
    margin-top:3rem;

    text-align: center;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_text_200618"] .content-wrap {
        padding: 3rem 0 1rem;
    }

    .section-wrap[data-layout="banner_text_200618"] .content-wrap:before{
        width: 70%;
    }

    .section-wrap[data-layout="banner_text_200618"] .each-foritem{
        margin-bottom:2rem;
    }
}

/*=================================================
            banner_process_200521
=================================================*/
.section-wrap[data-layout='banner_process_200521'] .content-wrap{
    border: 1px solid #D4D4D4;
}

.section-wrap[data-layout='banner_process_200521'] .content-box{
    padding: 2.5rem 1.5rem;
}

.section-wrap[data-layout='banner_process_200521'] .item-img{
    height: 100%;

    background-color: #F8F8F8;
    border-right: 1px solid #D4D4D4;
}

.section-wrap[data-layout='banner_process_200521'] .each-foritem:first-child,
.section-wrap[data-layout='banner_process_200521'] .each-foritem:nth-child(2){
    margin-bottom: 1.875rem;
}

.section-wrap[data-layout='banner_process_200521'] .btn-wrap{
    margin-top: 3.125rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout='banner_process_200521'] .item-img{
        padding: 1rem 0;

        border-right: none;
        border-bottom: 1px solid #D4D4D4;
    }

    .section-wrap[data-layout='banner_process_200521'] .content-box {
        padding: 1.5rem 1.5rem 0.5rem;
    }

    .section-wrap[data-layout='banner_process_200521'] .each-foritem{
        margin-bottom: 2rem;
    }
}

/*=================================================
               about_history_210114
=================================================*/
.section-wrap[data-layout="about_history_210114"] .item-wrap:not(:last-child){
    margin-bottom: 1.5rem;
}

.section-wrap[data-layout="about_history_210114"] .item-body-item:not(:last-child),
.section-wrap[data-layout="about_history_210114"] .item-body-thumb{
    margin-bottom: 0.3rem;
}

/*****#####===== 더보기 버튼 =====#####*****/
.section-wrap[data-layout="about_history_210114"] .adding-btn{
    text-align: center;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="about_history_210114"] .item-title{
        margin-bottom: 1rem;
    }
}

/*=================================================
            banner_process_200316
=================================================*/
.section-wrap[data-layout='banner_process_200316']{
    padding: 3rem 0;
}

.section-wrap[data-layout='banner_process_200316'] .title-wrap .title-content{
    margin:2rem 0 5rem 0;
}

.section-wrap[data-layout='banner_process_200316'] .title-wrap .title-subtitle{
    margin-bottom:2rem;
}

.section-wrap[data-layout='banner_process_200316'] .item-title-wrap{
    border-bottom:1px solid #cbe1fe;
}

.section-wrap[data-layout='banner_process_200316'] .item-wrap{
    margin-bottom: 5rem;
}

.section-wrap[data-layout='banner_process_200316'] .item-content{
    padding-top:0.3rem;
}

.section-wrap[data-layout='banner_process_200316'] .item-btn{
    margin-top:1rem;

    cursor: auto;
}

.section-wrap[data-layout='banner_process_200316'] .item-btn .btn{
    padding:0.5rem 0;
}

.section-wrap[data-layout='banner_process_200316'] .item-btn .btn:focus{
    border:none;
}

.section-wrap[data-layout="banner_process_200316"] .item-btn svg {
    margin-left: 0.2rem;
    transform: rotateZ(-90deg);
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xl ~ *****/
@media (min-width: 1200px){
    .section-wrap[data-layout='banner_process_200316'] .item-content {
        min-height: 6rem;
    }
}

/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    .section-wrap[data-layout='banner_process_200316'] .each-foritem:nth-child(-n+4) .item-content{
        min-height: 6rem;
    }

    .section-wrap[data-layout='banner_process_200316'] .each-foritem:nth-child(n+5) .item-content {
        min-height: 8rem;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .section-wrap[data-layout='banner_process_200316'] .item-content{
        min-height: 8rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout='banner_process_200316'] .item-wrap{
        margin-bottom: 2rem;
    }
}

/*=================================================
            about_logo_210114
=================================================*/
.section-wrap[data-layout="about_logo_210114"] .title-wrap{
    margin-bottom:2rem;
}

.section-wrap[data-layout="about_logo_210114"] .item-wrap{
    margin-bottom: 1rem;

    border: 1px solid #d4d4d4;
}

.section-wrap[data-layout="about_logo_210114"]  .item-img{
    width: 80%;
    margin: auto;
}

.section-wrap[data-layout="about_logo_210114"]  .item-title{
    margin: 0.8rem 0 0.3rem 0;
}

/*=================================================
                banner_slide_210112
=================================================*/
.section-wrap[data-layout="banner_slide_210112"] .slick-wrap{
    padding: 0;
}

/*****#####===== 타이틀 =====#####*****/
.section-wrap[data-layout="banner_slide_210112"] .slide-title-wrap{
    background-color: #FBFBFB;
}

.section-wrap[data-layout="banner_slide_210112"] .slide-title{
    margin-bottom: 1.5rem;

    line-height: 1.3em;
}

/*****#####===== 컨텐츠 =====#####*****/
.section-wrap[data-layout="banner_slide_210112"] .slide-content-wrap{
    text-align: center;
}

.section-wrap[data-layout="banner_slide_210112"] .item-wrap{
    margin-bottom: 2rem;
}

.section-wrap[data-layout="banner_slide_210112"] .item-img{
    width: 5rem;
    margin: 0 auto;
}

.section-wrap[data-layout="banner_slide_210112"] .item-subtitle{
    margin-top: 0.8rem;
    font-size: 1.25rem;
}

.section-wrap[data-layout="banner_slide_210112"] .content-img-img{
    display: block;
}

/*****#####===== arrow =====#####*****/
.section-wrap[data-layout="banner_slide_210112"] .custom-slick-arrow{
    display: flex;
    align-items:center;
    justify-content: center;
    top: 57.2%;

    width: 5.6rem;
    height: 5.6rem;
    padding: 1rem;

    background-color: rgba(255,255,255,0.5);
}

.section-wrap[data-layout="banner_slide_210112"] .custom-slick-arrow svg{
    height:100%;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xl ~ *****/
@media (min-width: 1200px){
    .section-wrap[data-layout="banner_slide_210112"] .slide-title-wrap,
    .section-wrap[data-layout="banner_slide_210112"] .slide-content-wrap{
        padding: 0 6rem 0 13rem;
    }
}

/***** md ~ *****/
@media (min-width: 768px){
    .section-wrap[data-layout="banner_slide_210112"] .slide-title-wrap{
        height: 52%;
    }

    .section-wrap[data-layout="banner_slide_210112"] .slide-content-wrap{
        height: 48%;
    }

    /*****#####===== arrow =====#####*****/
    .section-wrap[data-layout="banner_slide_210112"] .custom-slick-prev {
        left: calc(50% - 5.6rem + 1px);
    }

    .section-wrap[data-layout="banner_slide_210112"] .custom-slick-next {
        right: calc(50% - 5.6rem);
    }
}

/***** lg / md *****/
@media (min-width: 768px) and (max-width: 1199.98px){
    .section-wrap[data-layout="banner_slide_210112"] .slide-title-wrap,
    .section-wrap[data-layout="banner_slide_210112"] .slide-content-wrap{
        padding: 0 2rem;
    }
}

/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    .section-wrap[data-layout="banner_slide_210112"] .custom-slick-arrow{
        top: 57.1%;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .section-wrap[data-layout="banner_slide_210112"] .custom-slick-arrow{
        top: 58%;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_slide_210112"] .slide-title-wrap{
        height: auto;
        padding: 3rem 2rem;
    }

    .section-wrap[data-layout="banner_slide_210112"] .slide-content-wrap{
        height: auto;
        padding: 2rem;
    }

    /*****#####===== arrow =====#####*****/
    .section-wrap[data-layout="banner_slide_210112"] .custom-slick-arrow{
        top: 0;

        transform: translateY(0);
    }
}

/*=================================================
            banner_image_210114
=================================================*/
/*****#####===== 타이틀 =====#####*****/
.section-wrap[data-layout="banner_image_210114"] .title-wrap{
    margin-bottom: 1rem;
}

/*****#####===== 컨텐츠 =====#####*****/
.section-wrap[data-layout="banner_image_210114"] .item-wrap:not(:last-child){
    margin-bottom: 8.5rem;
}

/*****##### 타이틀 #####*****/
.section-wrap[data-layout="banner_image_210114"] .item-title{
    margin-bottom: 0.5rem;
}

/*****##### 서브타이틀 #####*****/
.section-wrap[data-layout="banner_image_210114"] .item-subtitle{
    margin-bottom: 2rem;
}

/*****##### 내용 #####*****/
.section-wrap[data-layout="banner_image_210114"] .item-content{
    margin: 1rem 0;
    padding: 1.75rem 5rem;

    background-color: #fbfbfb;
}

.section-wrap[data-layout="banner_image_210114"] .item-content-item{
    position: relative;

    padding-left: 1rem;
}

.section-wrap[data-layout="banner_image_210114"] .item-content-item:not(:last-child){
    margin-bottom: 0.2rem;
}

.section-wrap[data-layout="banner_image_210114"] .item-content-item:before{
    content:'';
    position: absolute;
    left:0;
    top:0.6rem;

    width: 0.4rem;
    height: 0.4rem;

    background-color: #333333;
}

/*****##### 이미지 #####*****/
.section-wrap[data-layout="banner_image_210114"] .item-img{
    position: relative;
}

.section-wrap[data-layout="banner_image_210114"] .item-img .item-img-img{
    width: 100%;

    border:1px solid #cccccc;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md ~ *****/
@media (min-width: 768px) {
    .section-wrap[data-layout="banner_image_210114"] .item-img .each-col:nth-child(2n){
        position: absolute;
        right: 0;
        top: 0;

        transform: translate(0, 3rem);
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .section-wrap[data-layout="banner_image_210114"] .item-content{
        padding: 1rem 2rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_image_210114"] .item-wrap:not(:last-child){
        margin-bottom: 5rem;
    }

    .section-wrap[data-layout="banner_image_210114"] .item-img .each-col:not(:last-child){
        margin-bottom:1rem;
    }

    .section-wrap[data-layout="banner_image_210114"] .item-content{
        padding: 2rem;
    }
}

/*=================================================
               banner_slide_210113
=================================================*/
.section-wrap[data-layout^="banner_slide_210113"] .item-main{
    height: 100%;
}

.section-wrap[data-layout^="banner_slide_210113"] .slick-wrap {
    padding: 0;
}

.section-wrap[data-layout^="banner_slide_210113"] .item-wrap{
    position: relative;

    margin-top: 1.5rem;
    height: calc(100% - 1.5rem);
}

.section-wrap[data-layout^="banner_slide_210113"] .item-link{
    margin:3.75rem 0 0 0;
}

.section-wrap[data-layout^="banner_slide_210113"] .item-link .btn{
    padding:0.85rem 1.9rem;
}

.section-wrap[data-layout^="banner_slide_210113"] .item-thumb-item .ratio-box {
    border:1px solid #cccccc;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md ~ *****/
@media (min-width: 768px){
    .section-wrap[data-layout^="banner_slide_210113"] .item-thumb{
        position: absolute;
        left: 0;
        bottom: 0;

        width: 100%;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .section-wrap[data-layout^="banner_slide_210113"] .item-link {
        margin: 1.5rem 0 0 0;
    }
}

/***** sm / xs  *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout^="banner_slide_210113"] .item-link {
        margin: 1rem 0 2.5rem;
    }
}

/*=================================================
            banner_slide_210115
=================================================*/
.section-wrap[data-layout="banner_slide_210115"] .title-wrap{
    padding:0 1rem;
}

.section-wrap[data-layout="banner_slide_210115"] .slick-wrap{
    padding: 0;
}

.section-wrap[data-layout="banner_slide_210115"] .slick-wrap:not(:first-child){
    margin-top: 1rem;
}

.section-wrap[data-layout="banner_slide_210115"] .slick-wrap .slide-wrap{
    padding: 0 0.5rem;
}

.section-wrap[data-layout="banner_slide_210115"] .slide-wrap .item-wrap{
    border: 1px solid #cccccc;
}

/*=================================================
            banner_link_200311
=================================================*/
.section-wrap[data-layout='banner_link_200311'] .content-item:not(:last-child){
    margin-bottom: 1rem;
}

.section-wrap[data-layout='banner_link_200311'] .item-content{
    margin: 1rem 0;
}

/*=================================================
                about_history_210112
=================================================*/
.section-wrap[data-layout="about_history_210112"] .item-wrap{
    margin-top:0.5rem;
}

.section-wrap[data-layout="about_history_210112"] .item-item{
    padding: 2.5rem 0;
}

.section-wrap[data-layout="about_history_210112"] .item-item:first-child{
    padding: 0 0 2.5rem 0;
}

.section-wrap[data-layout="about_history_210112"] .item-item:not(:last-child){
    border-bottom:1px solid #d2d2d2;
}

.section-wrap[data-layout="about_history_210112"] .item-desc-wrap{
    margin-top: 0.4rem;
}

.section-wrap[data-layout="about_history_210112"] .item-desc:not(:last-child){
    padding-bottom:1.5rem;
}

/*=================================================
            banner_image_210113
=================================================*/
.section-wrap[data-layout^="banner_image_210113"] .img-wrap{
    margin-top:2rem;

    text-align: center;
}

/*=================================================
			banner_slide_210110
=================================================*/
.section-wrap[data-layout="banner_slide_210110"]{
    padding: 0;
}

/*****#####===== 타이틀 =====#####*****/
 .section-wrap[data-layout="banner_slide_210110"] .title-wrap{
    padding: 2.5rem 3.25rem;
    margin-bottom: 0;

    background-color:#ffffff;
    border:1.875rem solid #269A99;
}

.section-wrap[data-layout="banner_slide_210110"] .title-title{
    margin-bottom: 2.125rem;

    line-height: 1.43em;
}

/*****#####===== 슬라이드 =====#####*****/
.section-wrap[data-layout="banner_slide_210110"] .slick-wrap{
    padding:0;
}

/*****##### arrow #####*****/
.section-wrap[data-layout="banner_slide_210110"] .custom-slick-arrow{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 4.5rem;
    height: 4.5rem;
    padding: 0.8rem 1.25rem;

    background-color: rgba(255,255,255,0.8);
    border:1px solid #707070;

    transition: all 0.3s;
}

.section-wrap[data-layout="banner_slide_210110"] .custom-slick-next {
    margin-left: -1px;
}

/***** hover *****/
.section-wrap[data-layout="banner_slide_210110"] .custom-slick-arrow:hover{
    background-color: #eaeaea;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md ~ *****/
@media (min-width: 768px) {
    .section-wrap[data-layout="banner_slide_210110"] .title-wrap,
    .section-wrap[data-layout="banner_slide_210110"] .arrow-wrap{
       position: absolute;

       z-index:1;
    }

    .section-wrap[data-layout="banner_slide_210110"] .title-wrap{
        left:63rem;
        top:0;

        width:34rem;
        height: 100%;
    }

    /*****##### arrow #####*****/
    .section-wrap[data-layout="banner_slide_210110"] .arrow-wrap{
        left:calc(63rem + 3.25rem + 1.875rem);
        bottom: 4rem;
    }

    .section-wrap[data-layout="banner_slide_210110"] .custom-slick-arrow{
        position: relative;

        transform:translateY(0);
    }
}


/***** md / lg / xl *****/
@media (min-width: 768px) and (max-width: 1599.98px){
    .section-wrap[data-layout="banner_slide_210110"] .title-wrap,
    .section-wrap[data-layout="banner_slide_210110"] .arrow-wrap{
        left:inherit;
    }

    .section-wrap[data-layout="banner_slide_210110"] .title-wrap{
        right:0;
    }

    .section-wrap[data-layout="banner_slide_210110"] .arrow-wrap{
        right:calc(34rem - 1.875rem - 3.25rem - 9rem);
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .section-wrap[data-layout="banner_slide_210110"] .title-wrap {
        width: 31rem;
    }

    .section-wrap[data-layout="banner_slide_210110"] .arrow-wrap{
        right:calc(31rem - 1.875rem - 3.25rem - 9rem);
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_slide_210110"] .title-wrap {
        padding: 2.5rem;

        border: 1rem solid #269A99;
    }
}

/*=================================================
			banner_slide_210109 공통
=================================================*/
/*****#####===== 타이틀 =====#####*****/
.section-wrap[data-layout^="banner_slide_210109"] .title-title{
    margin-bottom:0.5rem;

    line-height: 1.43em;
}

/*****#####===== 슬라이드 =====#####*****/
.section-wrap[data-layout^="banner_slide_210109"] .slick-wrap{
    padding: 0;

    overflow: visible;
}

.section-wrap[data-layout^="banner_slide_210109"] .slide-wrap{
    padding:0 1rem;
}

.section-wrap[data-layout^="banner_slide_210109"] .slide-title{
    margin-top: 0.5rem;
}

.section-wrap[data-layout^="banner_slide_210109"] .slick-list{
    padding-bottom:5rem;
}

.section-wrap[data-layout^="banner_slide_210109"]  .slide-img{
    border:1px solid #cccccc;
}

/*****##### arrow #####*****/
.section-wrap[data-layout^="banner_slide_210109"] .custom-slick-arrow{
    display:flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    top: initial;

    width: 3.625rem;
    height: 3.625rem;
    padding: 1rem;

    background-color: rgba(255,255,255,0.5);
    border: 1px solid #707070;

    z-index: 10;

    transform: translateY(0);
}

.section-wrap[data-layout^="banner_slide_210109"] .custom-slick-arrow svg{
    height: 100%;
}

.section-wrap[data-layout^="banner_slide_210109"] .custom-slick-next{
    right: 1px;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xl *****/
@media (min-width: 1200px){
    .section-wrap[data-layout^="banner_slide_210109"] .slick-list{
        padding-bottom:0;
    }

    /*****##### arrow #####*****/
    .section-wrap[data-layout^="banner_slide_210109"] .custom-slick-arrow{
        bottom: 1rem;

        width: 5.625rem;
        height: 5.625rem;
    }
}

/***** ~ lg *****/
@media (max-width: 1199.98px){
    .section-wrap[data-layout^="banner_slide_210109"] .slick-list {
        padding-bottom: 2rem;
    }

    .section-wrap[data-layout^="banner_slide_210109"] .arrow-wrap{
        display:flex;
        align-items: center;
    }

    .section-wrap[data-layout^="banner_slide_210109"] .custom-slick-arrow{
        position: relative;

        transform: translate(1rem, 0);
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout^="banner_slide_210109"] .title-wrap{
        text-align: center;
    }

    .section-wrap[data-layout^="banner_slide_210109"] .slide-wrap{
        padding: 0 0.5rem;
    }

    .section-wrap[data-layout^="banner_slide_210109"] .arrow-wrap{
        justify-content: center;
    }

    .section-wrap[data-layout^="banner_slide_210109"] .custom-slick-arrow{
        transform: translate(0);
    }
}

/*=================================================
			banner_slide_210109
=================================================*/
/*****#####===== 미디어 쿼리 =====#####*****/
/***** xl *****/
@media (min-width: 1200px){
    /***** 타이틀 *****/
    .section-wrap[data-layout="banner_slide_210109"] .title-wrap,
    .section-wrap[data-layout="banner_slide_210109_3"] .title-wrap{
        padding-left: 5rem;
    }

    /***** arrow *****/
    .section-wrap[data-layout="banner_slide_210109"] .arrow-wrap,
    .section-wrap[data-layout="banner_slide_210109_3"] .arrow-wrap{
        position: absolute;
        bottom: 1.5rem;
        left: calc(100% + 6rem);

        width: 11.25rem;
    }
}

/*=================================================
			banner_slide_210109_2
=================================================*/
/*****#####===== 미디어 쿼리 =====#####*****/
/***** xl *****/
@media (min-width: 1200px){
    /***** arrow *****/
    .section-wrap[data-layout="banner_slide_210109_2"] .custom-slick-prev {
        left: -50%;
    }

    .section-wrap[data-layout="banner_slide_210109_2"] .custom-slick-next {
        left: calc(-50% + 5.625rem - 1px);
        right: initial;
    }
}

/*=================================================
			banner_slide_210109_3
=================================================*/
.section-wrap[data-layout^="banner_slide_210109_3"] .title-title{
    margin-bottom:1.875rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xl ~ *****/
@media (min-width: 1200px){
    .section-wrap[data-layout^="banner_slide_210109_3"] .custom-slick-arrow {
        bottom: 5rem;
    }

    .section-wrap[data-layout="banner_slide_210109_3"] .title-wrap{
        padding:5rem 0 0 5rem;
    }
}

/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    .section-wrap[data-layout="banner_slide_210109_3"] .title-wrap{
        padding:2rem 0 0 2rem;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .section-wrap[data-layout="banner_slide_210109_3"] .title-wrap{
        padding:1.5rem 1rem 0 1.5rem;
    }
}

/***** md ~ *****/
@media (min-width: 768px) {
    .section-wrap[data-layout="banner_slide_210109_3"] .container-left {
        padding:0;
    }

    .section-wrap[data-layout^="banner_slide_210109_3"] .slide-wrap{
        padding:0;
    }
}

/*=================================================
			banner_fixed
=================================================*/
/*****#####===== Title =====#####*****/
.section-wrap[data-module='banner_fixed'] .title-wrap{
    display: flex;
    height: 100vh;
    opacity: 0;
    z-index: 0;

    background-color: #ffffff;
}

.section-wrap[data-module='banner_fixed'] .fixed-wrap.fixed .title-wrap{
    position: fixed;
    width: 50%;
    top: 0;
}

.section-wrap[data-module='banner_fixed'] .title-wrap.show{
    opacity: 1;
    z-index: 10;
}

/*****#####===== Content =====#####*****/
.section-wrap[data-module='banner_fixed'] .content-wrap{
    height: 100vh;
}

/*=================================================
            banner_fixed_210112
=================================================*/
.section-wrap[data-layout="banner_fixed_210112"] .title-wrap{
    flex-direction: column;
    justify-content: center;

    margin-bottom: 0;

    background-color: transparent;
    color:#ffffff;

    transition: all 0.3s;
}

.section-wrap[data-layout="banner_fixed_210112"] .title-content{
    margin-top: 1.4rem;
}

.section-wrap[data-layout="banner_fixed_210112"] .fixed-wrap.fixed .title-wrap{
    width:30%;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 768px) and (max-width: 1199.98px){
    .section-wrap[data-layout="banner_fixed_210112"] .fixed-wrap.fixed .title-wrap{
        width: 40%;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_fixed_210112"] .each-foritem{
        padding: 2rem 0;
    }

    .section-wrap[data-layout="banner_fixed_210112"] .fixed-wrap .title-wrap,
    .section-wrap[data-layout="banner_fixed_210112"] .fixed-wrap.fixed .title-wrap{
        position: relative;

        width:100%;
        height: auto;
        margin: 2rem 0;

        opacity: 1;
    }

    .section-wrap[data-layout="banner_fixed_210112"] .content-wrap{
        height: auto;
    }

    .section-wrap[data-layout="banner_fixed_210112"] .area-wrap{
        padding: 2rem 0;
    }
}

/*=================================================
            banner_slide_201112
=================================================*/
/*****#####===== 타이틀 =====#####*****/
.section-wrap[data-layout="banner_slide_201112"] .title-wrap{
    text-align:center;
}

.section-wrap[data-layout="banner_slide_201112"] .item-wrap{
    margin-top:2.875rem;
}

/*****##### thumb #####*****/
.section-wrap[data-layout="banner_slide_201112"] .thumb-wrap .thumb-item:not(:last-child){
    margin-bottom:1rem;
}

.section-wrap[data-layout="banner_slide_201112"] .thumb-wrap .nav-num{
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;

    background-color:#ffffff;
    border: 1px solid #cccccc;
}

.section-wrap[data-layout="banner_slide_201112"] .thumb-inner-box span{
    display: inline-block;
}

.section-wrap[data-layout="banner_slide_201112"] .thumb-item .nav-title-arrow{
    padding-left:1.5rem;
    transition:all 0.3s ease-in-out;
    opacity: 0;
}

/*****##### 슬라이드 #####*****/
.section-wrap[data-layout="banner_slide_201112"] .slick-wrap{
    padding:0;
}

.section-wrap[data-layout="banner_slide_201112"] .slide-img-wrap{
    margin-left: 6.25rem;
}

.section-wrap[data-layout="banner_slide_201112"] .slick-wrap .slide-item-wrap{
    position: relative;

    height: 32rem;
}

.section-wrap[data-layout="banner_slide_201112"] .slick-wrap .slide-title-wrap{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 26.25rem;
}

.section-wrap[data-layout="banner_slide_201112"] .slick-wrap .slide-title-wrap .slide-title:after{
    content:'';
    position: absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    width:2.5rem;
    height:1px;

    background-color:#ffffff;
}

.section-wrap[data-layout="banner_slide_201112"] .slick-wrap .slide-link{
    margin-top: 0.5rem;
}

.section-wrap[data-layout="banner_slide_201112"] .slick-wrap .slide-link .btn{
    padding: 0.5rem 0;

    color: #666666;
}

.section-wrap[data-layout="banner_slide_201112"] .slick-wrap .slide-link svg{
    margin-left: 0.2rem;

    transform: rotateZ(-90deg);
}

.section-wrap[data-layout="banner_slide_201112"] .slick-wrap .slide-link svg path{
    fill: #666666;
}

/***** arrow *****/
.section-wrap[data-layout="banner_slide_201112"] .arrow-wrap{
    position: absolute;
    right: 0;
    bottom: 0;

    padding: 0.5rem 0;
}

.section-wrap[data-layout="banner_slide_201112"] .custom-slick-arrow {
    position: relative;
    top: initial;
    display: inline-block;

    width: auto;

    transform: translateY(0);
}

.section-wrap[data-layout="banner_slide_201112"] .custom-slick-arrow svg {
    width: 1.25rem;
}

.section-wrap[data-layout="banner_slide_201112"]  .slide-count-wrap{
    padding:0 0.7rem;
}

.section-wrap[data-layout="banner_slide_201112"] .custom-slick-arrow svg path{
    fill:#cccccc;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    .section-wrap[data-layout="banner_slide_201112"] .arrow-wrap{
        bottom: 3rem;
    }

    .section-wrap[data-layout="banner_slide_201112"] .thumb-wrap .thumb-item.active .nav-title,
    .section-wrap[data-layout="banner_slide_201112"] .thumb-wrap .nav-title{
        font-size:1.2rem;
    }

    .section-wrap[data-layout="banner_slide_201112"] .thumb-wrap .nav-num {
        margin-right: 0;
    }

    .section-wrap[data-layout="banner_slide_201112"] .nav-title-arrow svg {
        width: 1.2rem;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .section-wrap[data-layout="banner_slide_201112"] .thumb-wrap{
        padding-right: 2rem;
    }
    .section-wrap[data-layout="banner_slide_201112"] .arrow-wrap {
        bottom: 2rem;
    }
    .section-wrap[data-layout="banner_slide_201112"] .slick-wrap .slide-title-wrap {
        left: 1px;
    }
    .section-wrap[data-layout="banner_slide_201112"] .slick-wrap .slide-item-wrap {
        height: 34rem;
    }

    .section-wrap[data-layout="banner_slide_201112"] .slick-wrap .slide-title-wrap {
        padding: 4rem 2.5rem;
        width: 23rem;
    }

    .section-wrap[data-layout="banner_slide_201112"] .slick-wrap .slide-title-wrap .slide-title {
        font-size: 1.3rem;
    }

    .section-wrap[data-layout="banner_slide_201112"] .nav-title-arrow svg{
        width: 1.3rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_slide_201112"] .slick-wrap .slide-item-wrap {
        height: auto;
    }

    .section-wrap[data-layout="banner_slide_201112"] .slide-img-wrap{
        margin-left: 0;
    }

    .section-wrap[data-layout="banner_slide_201112"] .slick-wrap .slide-title-wrap {
        position: relative;
        padding: 4rem 2.5rem;
        width: 100%;
        height: 19.5rem;
    }
    .section-wrap[data-layout="banner_slide_201112"] .arrow-wrap{
        position: relative;

        margin-top:1rem;
    }
}

/***** ~ md *****/
@media (max-width: 991.98px){
    .section-wrap[data-layout="banner_slide_201112"] .arrow-wrap{
        text-align: center;
    }

    .section-wrap[data-layout="banner_slide_201112"] .custom-slick-arrow{
        padding:1rem;
    }
}

/*=================================================
            banner_link_191119
=================================================*/
.section-wrap[data-layout='banner_link_191119'] .content-content{
    margin: 1rem 0 2rem 0;
}

/*=================================================
               banner_slide_210111
=================================================*/
.section-wrap[data-layout="banner_slide_210111"] .content-wrap{
    height: 428px;

    overflow: hidden;
}

.section-wrap[data-layout="banner_slide_210111"] .title-wrap{
    position: absolute;
    top: 7.9rem;
    width: 5rem;
    height: 100%;
}

.section-wrap[data-layout="banner_slide_210111"] .title-wrap .title-title{
    position: absolute;
    top: 25%;
    left: 1.5rem;
}

.section-wrap[data-layout="banner_slide_210111"] .content-wrap .slick-wrap{
    padding: 0;
    margin-left: 5rem;

    transform: translateY(-10rem);
}

.section-wrap[data-layout="banner_slide_210111"] .slick-wrap .slick-slide.slick-center .item-main{
    opacity: 1;
}

.section-wrap[data-layout="banner_slide_210111"] .slick-wrap .slick-slide .item-main{
    padding: 5rem 0;

    opacity: 0.4;

    transition: all 0.5s;
}

.section-wrap[data-layout="banner_slide_210111"] .slick-slide .item-content{
    opacity: 0;
    transition: all 0.1s;
}

.section-wrap[data-layout="banner_slide_210111"] .slick-slide.slick-center .item-content{
    opacity: 1;
    transition: all 3s;
}

.section-wrap[data-layout="banner_slide_210111"] .item-content{
    width: 20rem;
    padding: 1.5rem;

    background-color: #cccccc;
}

.section-wrap[data-layout="banner_slide_210111"] .item-line{
    width: 2rem;
    height: 2px;
    margin: 1rem 0;

    background: #000000;
}

.section-wrap[data-layout="banner_slide_210111"] .item-title{
    margin-bottom: 0.5rem;
}

.section-wrap[data-layout="banner_slide_210111"] .content-wrap .slick-wrap .custom-slick-prev{
    top: 37%;
}

.section-wrap[data-layout="banner_slide_210111"] .content-wrap .slick-wrap .custom-slick-next{
    top: 67%;
    right: auto;
    left: 0
}

/***** sm / xs  *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_slide_210111"] .content-wrap .slick-wrap{
        transform: translateY(-8.8rem);
    }
}

/*=================================================
			banner_text_191209
=================================================*/
.section-wrap[data-layout="banner_text_191209"] .content-item{
    position: relative;

    padding:2rem 3rem 0 3rem;
    text-align: center;
}

.section-wrap[data-layout="banner_text_191209"] .content-item:before{
    content:'';
    position: absolute;
    top:0;
    left:50%;

    width: 2.125rem;
    height: 2px;

    background-color:#333333;

    transform: translateX(-50%);
}

.section-wrap[data-layout="banner_text_191209"] .content-item:not(:last-child){
    margin-bottom:3rem;
}

/*****#####===== quote =====#####*****/
.section-wrap[data-layout="banner_text_191209"] .point-quote{
    position: relative;
    display: inline-block;
}

.section-wrap[data-layout="banner_text_191209"] .point-quote:before,
.section-wrap[data-layout="banner_text_191209"] .point-quote:after{
    content: "";
    display: block;
    position: absolute;

    width: 2rem;
    height: 2rem;

    background: url('/front/data/img/quote.png') no-repeat;
    background-size: contain;
}

.section-wrap[data-layout="banner_text_191209"] .point-quote:before{
    top: -100%;
    left: -3rem;

    transform: rotate(180deg);
}

.section-wrap[data-layout="banner_text_191209"] .point-quote:after {
    bottom: -1.8rem;
    right: -3rem;
}

/*****#####===== 모달 =====#####*****/
.section-wrap[data-layout="banner_text_191209"] .text-modal-btn{
    margin-top:2rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_text_191209"] .point-quote:before {
        top: -70%;
    }

    .section-wrap[data-layout="banner_text_191209"] .point-quote:after {
        bottom: -1rem;
    }
}

/*=================================================
                banner_video_210111
=================================================*/
.section-wrap[data-layout="banner_video_210111"] .music-player {
    display: block;
    position: relative;

    width: 100%;
    padding: 2rem 2rem 3rem;

    background-color:#2a2b39;
}

.section-wrap[data-layout="banner_video_210111"] .music-title{
    margin: 2rem 0 1rem 0;

    color:#ffffff;
}

.section-wrap[data-layout="banner_video_210111"] .music-media{
    width: 100% !important;
}

.section-wrap[data-layout="banner_video_210111"] .music-lyrics{
    height: 100%;

    text-align: center;

    background-color:#fbfbfb;
}

.section-wrap[data-layout="banner_video_210111"] .mejs__container {
    min-width: auto !important;

    background-color: transparent;
}

/*****#####===== 재생 버튼 =====#####*****/
.section-wrap[data-layout="banner_video_210111"] .mejs__button{
    margin:auto;
}

.section-wrap[data-layout="banner_video_210111"] .mejs__controls .mejs__playpause-button {
    position: absolute !important;
    right: 0;
    top: -3rem;
}

/*****#####===== 컨트롤러 =====#####*****/
.section-wrap[data-layout="banner_video_210111"] .mejs__controls {
    display: block;
    position: relative;

    padding: 0;

    background: transparent !important;
}

.section-wrap[data-layout="banner_video_210111"] .mejs__time-total{
    background-color:#dddddd;
}

.section-wrap[data-layout="banner_video_210111"] .mejs__controls .mejs__time-rail {
    width: 100%;
    margin: 0;
    padding-top: 5px;
}

.section-wrap[data-layout="banner_video_210111"] .mejs__controls .mejs__time-rail span {
    height: 4px;

    border-radius: 50px;
}

.section-wrap[data-layout="banner_video_210111"] .mejs__controls .mejs__time-rail .mejs__time-loaded {
    background: rgba(255,255,255,0.2);
}

/*****##### 현재 시간 #####*****/
.section-wrap[data-layout="banner_video_210111"] .mejs__controls .mejs__time-rail .mejs__time-current {
    background: #5BBB95 none repeat scroll 0 0;
}

/*****##### handle #####*****/
.section-wrap[data-layout="banner_video_210111"] .mejs__time-handle-content{
    display:none;
}

.section-wrap[data-layout="banner_video_210111"] .mejs__controls .mejs__time-handle {
    top: -0.2rem;

    width: 0.7rem;
    height: 0.7rem !important;

    background-color:#7AACB1;
}

/*****#####===== time-float =====#####*****/
.section-wrap[data-layout="banner_video_210111"] .mejs__controls .mejs__time-rail .mejs__time-float {
    display: none;
    top: -40px;

    width: 40px;
    height: 25px;
    margin-left: 0px;

    font-size: 10px;
    text-align: center;

    background-color: #ffffff;
    border: 0;
}

.section-wrap[data-layout="banner_video_210111"] .mejs__controls .mejs__time-rail .mejs__time-float-current {
    display: block;
    position: relative;
    top: 0;

    width: 100%;
    margin: 0;

    line-height: 26px;
}

.section-wrap[data-layout="banner_video_210111"] .mejs__controls .mejs__time-rail .mejs__time-float-corner {
    top: auto;
    bottom: -9px;
    left: 50%;

    width: 0;
    height: 0;

    border-top: 6px solid #ffffff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

/*****#####===== 시간 =====#####*****/
.section-wrap[data-layout="banner_video_210111"] .mejs__controls .mejs__time {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0;
    height: auto;

    font-size: 12px;
    font-weight: 400;
    color: #D4D4D4;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .section-wrap[data-layout="banner_video_210111"] .mejs__controls .mejs__playpause-button {
        top: -3.5rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_video_210111"] .mejs__controls .mejs__playpause-button {
        top: -3.55rem;
    }

    .section-wrap[data-layout="banner_video_210111"] .music-lyrics{
        padding:2rem;
    }
}

/*=================================================
                banner_slide_200101
=================================================*/
.section-wrap[data-layout="banner_slide_200101"] .slide-title-wrap{
    margin: 0 0 1.5rem 1rem;

    color: #ffffff;
}

/*=================================================
            banner_image_191119_2
=================================================*/
.section-wrap[data-layout="banner_image_191119_2"] .content-wrap {
    padding: 3.938rem 6.875rem;

    color: #ffffff;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .section-wrap[data-layout="banner_image_191119_2"] .content-wrap {
        padding: 3.5rem 3.875rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_image_191119_2"] .content-wrap {
        padding: 5rem 2rem;
    }
}

/*=================================================
                banner_image_191119
=================================================*/
.section-wrap[data-layout="banner_image_191119"]{
    margin-top: 6rem;
}
.section-wrap[data-layout="banner_image_191119"] .content-wrap{
    margin-left: 5rem;
}

.section-wrap[data-layout="banner_image_191119"] .content-content{
    width: 40%;

    font-weight: bold;
}

.section-wrap[data-layout="banner_image_191119"] .content-subtitle{
    margin-top: 1.875rem;

    font-weight: bold;
}

/*=================================================
                banner_zigzag_200303
=================================================*/
.section-wrap[data-layout="banner_zigzag_200303"] .each-foritem{
    margin-top: 3rem;
}

.section-wrap[data-layout="banner_zigzag_200303"] .item-wrap{
    margin-left: 2rem;
}

.section-wrap[data-layout="banner_zigzag_200303"] .item-title{
    margin-top: 2.7rem;

    font-size: 1.5rem;
}

.section-wrap[data-layout="banner_zigzag_200303"] .item-desc{
    font-size: 0.875rem;
}

/*=================================================
                banner_zigzag_200303_2
=================================================*/
.section-wrap[data-layout="banner_zigzag_200303_2"] .slick-wrap{
    padding: 0;
}

.section-wrap[data-layout="banner_zigzag_200303_2"] .slick-dots li{
    width: 2.7em;
    height: 0.3em;
}

.section-wrap[data-layout="banner_zigzag_200303_2"] .slick-dots li button{
    border: none;
    border-radius: 0;
    background-color: #b6d4d4;
}

.section-wrap[data-layout="banner_zigzag_200303_2"] .slick-dots li.slick-active button{
    background-color: #279a99;
}

.section-wrap[data-layout="banner_zigzag_200303_2"] .slick-dots{
    bottom: 0;
}

/*=================================================
                banner_zigzag_200303_3
=================================================*/
.section-wrap[data-layout="banner_zigzag_200303_3"] .each-foritem{
    margin-bottom: 3.75rem;
}

.section-wrap[data-layout="banner_zigzag_200303_3"] .item-wrap{
    margin: 0 2rem;
}

.section-wrap[data-layout="banner_zigzag_200303_3"] .item-title{
    margin-bottom: 1.25rem;
}

.section-wrap[data-layout="banner_zigzag_200303_3"] .item-content{
    line-height: 1.7em;
}

.section-wrap[data-layout="banner_zigzag_200303_3"] .item-img-img {
    border:1px solid #cccccc;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_zigzag_200303_3"] .item-wrap{
        margin: 1.5rem 0 0 0;
    }
}

/*=================================================
            contact_map_210113
=================================================*/
/*****#####===== 지도 =====#####*****/
.section-wrap[data-layout="contact_map_210113"] .map-wrap{
    margin-bottom:4.3rem;
}

.section-wrap[data-layout="contact_map_210113"] .map-wrap .map-item {
    height: 28.44rem;
}

/*****#####===== 타이틀 =====#####*****/
.section-wrap[data-layout="contact_map_210113"] .title-wrap .title-title{
    margin-bottom:2.2rem;
}

/*****#####===== 컨텐츠 =====#####*****/
.section-wrap[data-layout="contact_map_210113"] .item-wrap .item-subtitle{
    min-height: 4rem;
}

.section-wrap[data-layout="contact_map_210113"] .item-title{
    padding-bottom:1rem;
    margin-bottom:1rem;

    border-bottom: 3px solid #333333;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="contact_map_210113"] .item-wrap{
        margin-bottom: 1rem;
    }
}

/*=================================================
            design_multi_210121
=================================================*/
.section-wrap[data-layout="design_multi_210121"] .desc-wrap{
    margin-top: 1.375rem;
}

/*=================================================
            design_multi_210122
=================================================*/
.section-wrap[data-layout="design_multi_210122"] .img-wrap{
    position: relative;
    height: 100%;
}

.section-wrap[data-layout="design_multi_210122"] .item-img{
    position: absolute;
    width: 48%;
}

.section-wrap[data-layout="design_multi_210122"] .item-img:first-child{
    top: 0;
    left: 0;
}

.section-wrap[data-layout="design_multi_210122"] .item-img:last-child{
    right: 0;
    bottom: 0;
}

.section-wrap[data-layout="design_multi_210122"] .content-wrap{
    margin-top: 2.5rem;
}

.section-wrap[data-layout="design_multi_210122"] .content-content{
    margin-top: 1rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="design_multi_210122"] .content-wrap{
        margin-top: 1rem;
    }
}

/*=================================================
            design_multi_210120
=================================================*/
.section-wrap[data-layout="design_multi_210120"] .content-wrap{
    margin-top: 1.7rem;
    padding-top: 1.7rem;

    border-top: 2px solid #333333;
}

.section-wrap[data-layout="design_multi_210120"] .item-wrap{
    margin-bottom: 0;
}

.section-wrap[data-layout="design_multi_210120"] .item-wrap:not(:first-child){
    margin-top: 1.5rem;
}

.section-wrap[data-layout="design_multi_210120"] .item-wrap:not(:last-child){
    margin-bottom: 1.25rem;
}

.section-wrap[data-layout="design_multi_210120"] .item-title{
    width: 14rem;

    margin-right: 1.5rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="design_multi_210120"] .item-title{
        width: 100%;
        margin-bottom:0.5rem;
    }

    .section-wrap[data-layout="design_multi_210120"] .item-wrap:not(:last-child){
        margin-bottom: 2rem;
    }
}

/*=================================================
            design_multi_210119
=================================================*/
.section-wrap[data-layout="design_multi_210119"] .title-wrap{
    margin-bottom: 1rem;
    margin-left: 3rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="design_multi_210119"] .title-wrap{
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 1rem;
    }
}

/*=================================================
            design_item_210121
=================================================*/
.section-wrap[data-layout="design_item_210121"] .item-wrap{
    margin-bottom: 3rem;
}

.section-wrap[data-layout="design_item_210121"] .item-box{
    padding: 0 1.5rem;
}

.section-wrap[data-layout="design_item_210121"] .item-title{
    padding-bottom: 0.7rem;
    margin-bottom: 0.7rem;
    border-bottom: 1px solid #333333;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="design_item_210121"] .item-wrap{
        padding: 0 0.5rem;
    }

    .section-wrap[data-layout="design_item_210121"] .item-box{
        margin-top: 0.4rem;
        padding: 0;
    }
}

/*=================================================
            design_zigzag_210121
=================================================*/
.section-wrap[data-layout="design_zigzag_210121"] .item-wrap{
    margin-top: 3rem;
    margin-left: 1rem;
}

.section-wrap[data-layout="design_zigzag_210121"] .item-title{
    margin: 0.2rem 0 0.8rem;
    line-height: 1em;
}

.section-wrap[data-layout="design_zigzag_210121"] .each-foritem:not(:last-child){
    margin-bottom: 3rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="design_zigzag_210121"] .item-wrap{
        margin-top: 0.5rem;
        margin-left: 0;
    }
}

/*=================================================
            design_zigzag_210125
=================================================*/
.section-wrap[data-layout="design_zigzag_210125"] .each-foritem:not(:first-child){
    margin-top: 3rem;
}

.section-wrap[data-layout="design_zigzag_210125"] .each-foritem:nth-child(2n-1) .title-wrap{
    padding: 3rem 1.5rem 0 2rem;
}

.section-wrap[data-layout="design_zigzag_210125"] .each-foritem:nth-child(2n) .title-wrap{
    padding: 3rem 1.5rem 0 3rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="design_zigzag_210125"] .each-foritem:not(:first-child){
        margin-top: 2rem;
    }

    .section-wrap[data-layout="design_zigzag_210125"] .each-foritem .title-wrap{
        margin-bottom: 0;
    }

    .section-wrap[data-layout="design_zigzag_210125"] .container .each-foritem .title-wrap{
        padding: 2rem 0;
    }
}

/*=================================================
            banner_link_210201
=================================================*/
.section-wrap[data-layout="banner_link_210201"] .item-wrap{
    padding-left:5rem;
}

.section-wrap[data-layout="banner_link_210201"] .content-item{
    padding: 4.5rem 0;
}

.section-wrap[data-layout="banner_link_210201"] .item-title{
    margin-bottom: 0.5rem;
}

.section-wrap[data-layout="banner_link_210201"] .item-link{
    margin-top: 2.5rem;
}

.section-wrap[data-layout="banner_link_210201"] .item-link .btn{
    padding: 0.85rem 1.9rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    .section-wrap[data-layout="banner_link_210201"] .item-wrap{
        padding-left:2rem;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .section-wrap[data-layout="banner_link_210201"] .item-wrap{
        padding-left:1rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_link_210201"] .content-item{
        padding: 15rem 1rem 0 1rem;
    }

    .section-wrap[data-layout="banner_link_210201"] .item-wrap{
        padding-left:0;
    }
}

/*=================================================
            banner_process_210218
=================================================*/
.section-wrap[data-layout="banner_process_210218"] .title-wrap{
    margin-bottom:1.25rem;
}

.section-wrap[data-layout="banner_process_210218"] .item-wrap{
    display: block;

    margin-right: -1px;
    margin-top: -1px;

    border:1px solid #d4d4d4;
}

.section-wrap[data-layout="banner_process_210218"] .item-wrap,
.section-wrap[data-layout="banner_process_210218"] .item-num,
.section-wrap[data-layout="banner_process_210218"] .item-link,
.section-wrap[data-layout="banner_process_210218"] .item-link svg path{
    transition:all 0.3s;
}

.section-wrap[data-layout="banner_process_210218"] .item-num {
    line-height: 1em;
}

.section-wrap[data-layout="banner_process_210218"] .item-link{
    margin-top: 0.2rem;
}

.section-wrap[data-layout="banner_process_210218"] .item-link svg{
    transform: rotate(-90deg);
}

.section-wrap[data-layout="banner_process_210218"] .item-link svg path{
    fill:#666666;
}

/*****#####===== active =====#####*****/
.section-wrap[data-layout="banner_process_210218"] .item-wrap.active{
    color:#ffffff;

    background-color:#51AEAD;
}

.section-wrap[data-layout="banner_process_210218"] .item-wrap.active .item-num,
.section-wrap[data-layout="banner_process_210218"] .item-wrap.active .item-link {
    color:#ffffff;
}

.section-wrap[data-layout="banner_process_210218"] .item-wrap.active .item-link svg path{
    fill:#ffffff;
}

/*****#####===== hover =====#####*****/
.section-wrap[data-layout="banner_process_210218"] .item-wrap:hover{
    color:#ffffff;

    background-color:#51AEAD;
}

.section-wrap[data-layout="banner_process_210218"] .item-wrap:hover .item-num,
.section-wrap[data-layout="banner_process_210218"] .item-wrap:hover .item-link {
    color:#ffffff;
}

.section-wrap[data-layout="banner_process_210218"] .item-wrap:hover .item-link svg path{
    fill:#ffffff;
}

/*=================================================
				전체
=================================================*/
.section-wrap[data-layout="header_video_210401"]{
    padding: 0;

    height: calc(100vh - 128px);
}

.section-wrap[data-layout="header_video_210401"] .slick-arrow{
    position: absolute;
    top: 50%;

    z-index: 10;
}

.section-wrap[data-layout="header_video_210401"] .slick-prev{
    left: 0;
}

.section-wrap[data-layout="header_video_210401"] .slick-next{
    right: 0;
}

.section-wrap[data-layout="header_video_210401"] .video-title-wrap{
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%,-50%);
    z-index: 1000;
}

.section-wrap[data-layout="header_video_210401"] .video-title-wrap .title-title{
    font-size: 3.5rem;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.section-wrap[data-layout="header_video_210401"] .scroll-prompt .scroll-prompt-shape:before,
.section-wrap[data-layout="header_video_210401"] .scroll-prompt .scroll-prompt-shape:after{
    background: #333333;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="header_video_210401"] .video-title-wrap .title-title{
        font-size: 3rem;
    }

}

.section-wrap[data-layout="header_video_210401"] .custom-slick-arrow{
    width: 3.75rem;
}

.section-wrap[data-layout="header_video_210401"] .custom-slick-prev svg{
    transform: rotate(90deg);
}

.section-wrap[data-layout="header_video_210401"] .custom-slick-next svg{
    transform: rotate(-90deg);
}

.section-wrap[data-layout="header_video_210401"] .custom-slick-arrow svg{
    width:100%;
}

.section-wrap[data-layout="header_video_210401"] .down-arrow-wrap{
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 2.5rem;
    z-index: 1000;
}

.section-wrap[data-layout="header_video_210401"] .down-arrow-wrap svg{
    width: 100%;
    height: 100%;
}
