/*=================================================
            REM 설정
=================================================*/
html, body{
    position: relative;
    font-size: 16px;
    font-weight: 400;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    html:not(.iframe),
    body:not(.iframe){
        font-size: 14px;
    }
}
/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    html:not(.iframe),
    body:not(.iframe){
        font-size: 13px;
    }
}
/***** sm *****/
@media (min-width: 576px) and (max-width: 767.98px){
    html:not(.iframe),
    body:not(.iframe){
        font-size: 12px;
    }
}
/***** xs *****/
@media (min-width: 100px) and (max-width: 575.98px) {
    html:not(.iframe),
    body:not(.iframe){
        font-size: 12px;
    }
}

/*=================================================
			텍스트 설정
=================================================*/
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    margin: 0;
}

h1,.h1{
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.5em;
}

h2,.h2{
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1.53em;
}

h3,.h3{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.58em;
}

h4,.h4{
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.55em;
}

h5,.h5{
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.56em;
}

h6,.h6{
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.43em;
}

.display-1{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.56em;
}

/*****#####===== 두께 설정 =====#####*****/
.bold{
    font-weight:700;
}

/*****#####===== 폰트 설정 =====#####*****/
.font-robo{
    font-family: 'Roboto';
}

/*****#####===== br =====#####*****/
/*****##### 미디어 쿼리 #####*****/
/***** ~ lg *****/
@media (max-width: 1199.98px){
    .d-lg-br br{
        display: none;
    }
}

/***** ~ md *****/
@media (max-width: 991.98px){
    .d-md-br br{
        display: none;
    }
}

/***** ~ sm *****/
@media (max-width: 767.98px){
    .d-sm-br br{
        display: none;
    }
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){

}
/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){

}
/***** sm *****/
@media (min-width: 576px) and (max-width: 767.98px){

}
/***** xs *****/
@media (min-width: 100px) and (max-width: 575.98px) {

}

/*=================================================
			버튼, 색 설정
=================================================*/
/*****#####===== 프로젝트 =====#####*****/
.point-color-1{color: #F39248;}
.point-color-2{color: #E10819;}
.point-sub-1{color: #111111;}
.point-sub-2{color: #222222;}
.point-sub-3{color: #333333;}
.point-sub-4{color: #666666;}
.point-sub-5{color: #777777;}
.point-bg-1{background-color: #555555;}
.point-bg-2{background-color: #EEEEEE;}
.point-bg-3{background-color: #DFDFDF;}
.point-bg-4{background-color: #DDDDDD;}
.point-bg-5{background-color: #F9F7F1;}

.point-btn-1{
    color: #ffffff !important;

    background-color:#F39248;

    border-radius: 0;
}

.point-btn-2{
    color: #000000 !important;

    background-color:#ffffff;

    border: 1px solid #000000;
    border-radius: 0;
}

.point-btn-3{
    color: #ffffff !important;

    background-color:transparent;

    border: 1px solid #ffffff;
}

.point-btn-4{
    color: #ffffff !important;

    background-color:#000000;

    border-radius: 0;
}

[class*="point-btn"]{
    padding:0.4rem 1rem;
}

/*=================================================
			전체
=================================================*/
.section-wrap{
    position: relative;

    padding: 8.75rem 0;

    overflow: hidden;
}

.bottom-shadow{
    box-shadow: 0 3vh 5vh 5vh rgba(0,0,0,0.8);
}

.sticky-container{
    height: 200vh;
}

.sticky-wrap{
    position: sticky;
    top: 1px;

    height: 100vh;
}

.upper-section{
    z-index: 4;
}

.downer-section{
    margin-top: -90vh;
    z-index: 3;
}

/*****##### 미디어 쿼리 #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap{
        padding: 4.75rem 0;
    }    
}

/*****#####===== quote =====#####*****/
.point-quote{
    position: relative;
    display: inline-block;

    padding: 0 1.25rem;
    max-width: 75%;
}

.point-quote:before,
.point-quote:after{
    content: "";
    display: block;
    position: absolute;

    width: 2.813rem;
    height: 2.313rem;

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

.point-quote:before{
    top: -1.8rem;
    left: -3rem;

    transform: rotate(180deg);
}

.point-quote:after {
    bottom: -1.8rem;
    right: -3rem;
}

/*****#####===== nav-backdrop =====#####*****/
[id^="nav-backdrop"]{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: rgba(0, 0, 0, 0.7);

    cursor: pointer;
    z-index: 98;
}

[id^="nav-backdrop"].show{
    display: block;
}

/*=================================================
			row
=================================================*/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    /***** 30 *****/
    .row-30{
        margin-left: -10px;
        margin-right: -10px;
    }

    .row-30 > div[class*='col'] {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    /***** 30 *****/
    .row-30{
        margin-left: -10px;
        margin-right: -10px;
    }

    .row-30 > div[class*='col'] {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    /***** 30 *****/
    .row-30{
        margin-left: -5px;
        margin-right: -5px;
    }

    .row-30 > div[class*='col'] {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/*=================================================
			Animate
=================================================*/
/*****#####===== fadeInUpShort =====#####*****/
@keyframes fadeInUpShort {
    from {
        opacity: 0;
        transform: translate3d(0, 5rem, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpShort {
    animation-name: fadeInUpShort;
}

/*****##### fadeInScale #####*****/
@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.fadeInScale {
    animation-name: fadeInScale;
}

/*****#####===== fadeInUpBounce =====#####*****/
@keyframes fadeInUpBounce {
    0% {
        opacity: 0;
        transform: translate3d(0, 1rem, 0);
    }
    50%{
        transform: translate3d(0, -1rem, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBounce {
    animation-name: fadeInUpBounce;
}

/*****##### fadeInLeftShort #####*****/
@keyframes fadeInLeftShort {
    from {
        opacity: 0;
        transform: translate3d(-5rem, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftShort {
    animation-name: fadeInLeftShort;
}

/*****##### fadeInRightShort #####*****/
@keyframes fadeInRightShort {
    from {
        opacity: 0;
        transform: translate3d(5rem, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightShort {
    animation-name: fadeInRightShort;
}

/*=================================================
			gnb
=================================================*/
/*****#####===== gnb =====#####*****/
#gnb .gnb-wrap{
    background-color:#ffffff;
    border-bottom:1px solid #eeeeee;
}

#gnb .logo-wrap{
    width: 6.9rem;
}

/*****#####===== 메뉴 =====#####*****/
#gnb-menu-wrap .nav-item{
    position: relative;

    width: 8.5rem;

    text-align: center;
}

#gnb-menu-wrap .nav-item[data-menu="product_clean"] {
    width: 12rem;
}

#gnb-menu-wrap .nav-link{
    padding: 0;

    font-weight: 500;
}

#gnb-menu-wrap .nav-link-item{
    display: inline-block;
    position: relative;

    padding: 1.625rem 0;
}

#gnb-menu-wrap .nav-link-item:after{
    content:'';
    position: absolute;
    bottom: 0;
    left: 50%;

    width: 0;
    height: 2px;

    background-color:#000000;

    opacity: 0;

    transform: translateX(-50%);
    transition: width 0.3s, opacity 0.3s;
}

/*****##### active #####*****/
#gnb-menu-wrap .nav-item.active .nav-link{
    font-weight: 700;
}

/*****##### hover #####*****/
#gnb-menu-wrap .nav-item:hover .nav-link{
    color: #222222;

    font-weight: 700;
}

#gnb-menu-wrap .nav-item:hover .nav-link-item:after{
    width: 100%;

    opacity: 1;
}

/*****#####===== 서브 메뉴 =====#####*****/
#gnb-menu-wrap .sub-menu{
    position: absolute;
    left: 0;
    top: calc(100% + 1px);

    padding: 0.875rem;
    width: 100%;

    text-align: center;

    pointer-events: none;
    z-index: 1020;
    opacity: 0;
}

#gnb-menu-wrap .sub-menu .sub-nav-link {
    display: block;

    padding: 0.313rem;

    font-weight: 500;
    color: #999999;

    transition: color 0.3s;
}

/*****##### hover #####*****/
#gnb-menu-wrap .sub-menu .sub-nav-link:hover{
    color: #F39248;

    font-weight: 600;
}

/*****##### show #####*****/
#gnb-menu-wrap .sub-menu.show{
    opacity: 1;

    pointer-events: auto;

    transition: opacity 0.3s 0.3s;
}

/*****#####===== 서브 배경 =====#####*****/
#submenu-fix-wrap{
    position: absolute;
    left: 0;

    width: 100%;
    height: 0;

    background-color: #ffffff;

    transition: height 0.4s;
}

/*****##### show #####*****/
#submenu-fix-wrap.show{
    height: 11.5rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    #gnb-menu-wrap .nav-item{
        width: 8rem;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    #gnb-menu-wrap .nav-item {
        width: 9.1rem;
    }

    #submenu-fix-wrap {
        top: calc(4.942rem + 1px);
    }
}

/*=================================================
			언어변경
=================================================*/
/*****#####===== 버튼 =====#####*****/
.lang-btn-wrap .lang-btn-item{
    padding: 1.5rem;
}

.gnb-wrap .lang-btn-wrap .bs-popover-bottom {
    margin-top: 0;
}

.lang-btn-wrap .lang-btn-item{
    display: inline-block;
}

/*****#####===== popover =====#####*****/
.lang-btn-wrap .popover-body{
    padding: 0;
}

.lang-btn-wrap .bs-popover-auto[x-placement^=bottom],
.lang-btn-wrap .bs-popover-bottom {
    margin-top: 1rem;
}

.lang-btn-wrap .pop-body-item:not(:last-child){
    border-bottom:1px solid #ebebeb;
}

.lang-btn-wrap .pop-body-link{
    display: inline-block;

    padding: 0.5rem 1.5rem;

    line-height: 1em;

    cursor: pointer;
}

/*****##### active #####*****/
.lang-btn-wrap .pop-body-item.active{
    font-weight: 700;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .lang-btn-wrap .pop-body-link{
        padding: 1rem 2rem;

        font-size: 1.1rem;
    }
}

/*=================================================
			모바일 메뉴
=================================================*/
#m-gnb-wrap{
    position: fixed;
    top: 4.5rem;
    left:0;

    width:100%;
    height: calc(100% - 4.5rem);

    background-color: #ffffff;

    z-index: 1031;

    opacity:0;
    visibility: hidden;

    transition: opacity 0.3s;
    -webkit-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease-in-out;
}

#m-gnb-wrap.show{
    opacity:1;
    visibility: visible;
}

/*****#####===== 메뉴 =====#####*****/
#m-gnb-wrap .m-menu-wrap{
    position: relative;

    height: 100%;
    padding: 1.667rem 0;

    overflow-y: scroll;
}

#m-gnb-wrap .m-menu-wrap {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

#m-gnb-wrap .m-menu-wrap::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

#m-gnb-wrap .m-menu-wrap .nav-item{
    width:100%;

    text-align: left;
}

#m-gnb-wrap .m-menu-wrap .nav-item:not(:last-child){
    margin-bottom: 1rem;
}

#m-gnb-wrap .m-menu-wrap .nav-link{
    padding: 0 1.667rem;

    font-size: 1.5rem;
    font-weight: 600;
}

/*****##### active #####*****/
#m-gnb-wrap .nav-item.active .nav-link-item{
    font-weight: 700;
}

/*****#####===== 서브메뉴 =====#####*****/
#m-gnb-wrap .lnb-wrap{
    display: none;
}

#m-gnb-wrap .lnb-wrap .submenu-wrap{
    margin-top: 1rem;
    padding: 0.5rem 0;

    background-color: #F6F6F6;
}

#m-gnb-wrap .lnb-wrap .lnb-link{
    display: block;

    padding: 1rem 1.667rem;
    margin-bottom: 0;

    line-height: 1em;
    color: #555555;
}

/*****##### active #####*****/
#m-gnb-wrap .lnb-wrap .lnb-link.active{
    font-weight: 700;
}

/*=================================================
			모바일 버튼
=================================================*/
.rotate-btn-wrap{
    position: relative;

    width: 3rem;
    height: 4.7rem;
    padding: 1.5rem 0.5rem;

    cursor:pointer;
}

.rotate-btn-wrap .ratio-box {
    height: 100%;
    overflow: visible;
}

.rotate-btn{
    position: relative;

    margin: auto;
}

.rotate-btn span{
    position: absolute;
    left:0;

    width:100%;
    height:2px;

    background-color:#333333;

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

.rotate-btn span.top{
    top:0;
}

.rotate-btn span.middle{
    top:50%;

    opacity: 1;

    transform: translateY(-50%)
}

.rotate-btn span.bottom{
    bottom:0
}

/***** show *****/
.rotate-btn-wrap.show span.top{
    top:50%;

    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.rotate-btn-wrap.show span.middle{
    opacity: 0;
}

.rotate-btn-wrap.show span.bottom{
    top:50%;

    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/*=================================================
			container
=================================================*/
/*****#####===== 미디어 쿼리 =====#####*****/
/***** xl ~ *****/
@media (min-width: 1600px){
    .container[data-type="main"]{
        max-width: 1470px;
    }
}

/***** xl ~ *****/
@media (min-width: 1400px){
    .container{
        max-width: 1230px;
    }
}

/*=================================================
			슬라이드 공통
=================================================*/
/*****#####===== black =====#####*****/
.slick-wrap[data-type="black"] .slick-dots{
    bottom: 1.25rem;
}

.slick-wrap[data-type="black"] .slick-dots li{
    width: 0.625rem;
    height: 0.625rem;
}

.slick-wrap[data-type="black"] .slick-dots li button{
    border: 1px solid #00000033;
}

/*****##### active #####*****/
.slick-wrap[data-type="black"] .slick-dots li.slick-active{
    width: 1.25rem;
}

.slick-wrap[data-type="black"] .slick-dots li.slick-active button{
    background-color: #000000B3;

    border-radius: 0.313rem;
}

/*=================================================
			header_slide 공통
=================================================*/
.section-wrap[data-layout^="header_slide_"]{
    padding:0;
}

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

/*=================================================
			header_slide_200304
=================================================*/
.section-wrap[data-layout="header_slide_200304"] .slick-wrap,
.section-wrap[data-layout="header_slide_200304"] .slide-bg{
    height:43.813rem;
}

/*****#####===== 타이틀 =====#####*****/
.section-wrap[data-layout="header_slide_200304"] .title-wrap{
    margin-top: 6rem;

    color: #ffffff;
}

/*****##### 타이틀 #####*****/
.section-wrap[data-layout="header_slide_200304"] .title-wrap .title-title{
    font-size: 2.75rem;
}

/*****##### 서브타이틀 #####*****/
.section-wrap[data-layout="header_slide_200304"] .title-wrap .title-subtitle{
    margin-top: 1.188rem;
}

/*****#####===== 카운트 =====#####*****/
.section-wrap[data-layout="header_slide_200304"] .count-wrap .slide-count-item{
    font-weight: 400;
}

.section-wrap[data-layout="header_slide_200304"] .count-wrap .slide-count-item:not(:first-child){
    opacity: 0.5;
}

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

    width: 3.188rem;
    height: 3.188rem;

    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
}

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

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

/*****##### prev #####*****/
.section-wrap[data-layout="header_slide_200304"] .custom-slick-prev{
    left: 5%;
}

/*****##### next #####*****/
.section-wrap[data-layout="header_slide_200304"] .custom-slick-next{
    right: 5%;
}

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

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="header_slide_200304"] .title-wrap .title-title{
        font-size: 2.2rem;
    }
}

/*=================================================
            banner_link_200311
=================================================*/
.section-wrap[data-layout="banner_link_200311"] {
    padding-bottom: 4.5rem;
}

/*****#####===== 컨텐츠 =====#####*****/
/***** 타이틀 *****/
.section-wrap[data-layout="banner_link_200311"] .content-wrap .title-title{
    margin-bottom: 3.75rem;

    text-align: center;
}

/***** 서브타이틀 *****/
.section-wrap[data-layout="banner_link_200311"] .item-wrap .item-subtitle{
    margin-top: 1rem;

    font-weight: 600;
}

/***** 내용 *****/
.section-wrap[data-layout="banner_link_200311"] .item-wrap .item-content{
    margin-top: 0.625rem;
}

.section-wrap[data-layout="banner_link_200311"] .item-wrap .item-content small{
    font-weight: 500;
}

/***** 이미지 *****/
.section-wrap[data-layout="banner_link_200311"] .img-wrap {
    text-align: center;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    .section-wrap[data-layout="banner_link_200311"] .item-wrap .item-subtitle{
        margin-top: 0;
    }
}

/***** ~ md *****/
@media (min-width: 100px) and (max-width: 991.98px){
    .section-wrap[data-layout="banner_link_200311"] .item-wrap{
        padding-right: 0;
    }

    .section-wrap[data-layout="banner_link_200311"] .item-wrap .item-subtitle{
        padding: 1.375rem 0 1rem 0;
    }
}

/*=================================================
            banner_process_210628
=================================================*/
.section-wrap[data-layout="banner_process_210628"]{
    padding-top: 9.625rem;
}

.section-wrap[data-layout="banner_process_210628"] .content-wrap .item-wrap{
    margin-bottom: 7.5rem;
}

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

    margin-top: 2.813rem;

    z-index: 1;
}

.section-wrap[data-layout="banner_process_210628"] .item-title-wrap .item-title{
    margin: 0.313rem 0 0.625rem;
}

.section-wrap[data-layout="banner_process_210628"] .item-title-wrap .item-subtitle{
    color: #999999
}

.section-wrap[data-layout="banner_process_210628"] .item-step{
    position: absolute;
    top: -4.625rem;
    right: 0;

    font-size: 16.25rem;
    font-family: "Roboto";
    line-height: 1em;
    color: #EEEEEE;

    z-index: -1;
}

.section-wrap[data-layout="banner_process_210628"] .item-wrap .item-content{
    font-weight: 500;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** ~ md *****/
@media  (max-width: 991.98px){
    .section-wrap[data-layout="banner_process_210628"] .title-wrap{
        margin-bottom: 3rem;
    }
}

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

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

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

.section-wrap[data-layout="banner_process_200601"] .item-wrap .item-content{
    color: #555555;
}

.section-wrap[data-layout="banner_process_200601"] .title-wrap{
    border-top: 1px solid #777777;
}

.section-wrap[data-layout="banner_process_200601"] .title-wrap .title-title{
    margin-top: 3.313rem;
}

.section-wrap[data-layout="banner_process_200601"] .title-wrap .title-subtitle{
    margin-top: 1.313rem;
}

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

.section-wrap[data-layout="banner_process_200601"] .content-wrap .content-item{
    margin-bottom: 0.938rem;

    color: #555555;
}

.section-wrap[data-layout="banner_process_200601"] .content-wrap .content-item .content-numbering{
    padding: 0.4rem 0.5rem;
    margin-right: 0.625rem;
    text-align: center;

    color: #FFFFFF;

    border-radius: 100%;
    background-color: #F39248;
}

/*****#####===== 표 =====#####*****/
.section-wrap[data-layout="banner_process_200601"] .table-wrap{
    margin-top: 1.625rem;

    text-align: center;
}

.section-wrap[data-layout="banner_process_200601"] .table-wrap .table {
    position: relative;

    margin-bottom: 0.2rem;

    font-size: 1.125rem;
    font-weight: 500;
    color: #555555;

    background-color: #FFF8F3;
    border: none;
}

.section-wrap[data-layout="banner_process_200601"] .table-wrap .table tr td {
    padding: 1.4rem 0.5rem;

    border: none;
}

.section-wrap[data-layout="banner_process_200601"] .table-wrap tr td:not(:last-child){
    border-right: 1px solid #dddddd;
}

.section-wrap[data-layout="banner_process_200601"] .table-wrap tr:not(:last-child){
    border-bottom: 1px solid #dddddd;
}

.section-wrap[data-layout="banner_process_200601"] .table-wrap tr td:first-child{
    font-size: 1.25rem;
    font-weight: 600;
    color: #222222;

    border-right: 1px solid #999999;
}

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

    .section-wrap[data-layout="banner_process_200601"] .content-wrap .content-item{
        margin-bottom: 1.5rem;
    }
}

/*=================================================
              about_history_200304
=================================================*/
.section-wrap[data-layout="about_history_200304"]{
    padding-top: 9.688rem;
}

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

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

    text-align: center;
}

.section-wrap[data-layout="about_history_200304"] .title-wrap .title-title{
    font-size: 2.25rem;
}

.section-wrap[data-layout="about_history_200304"] .title-wrap .title-subtitle{
    margin-top: 0.438rem;

    font-weight: 500;
}

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

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

    transform: translateY(-0.8rem);
}

/*****#####===== 선 =====#####*****/
.section-wrap[data-layout="about_history_200304"] .item-title{
    margin: 0 1.563rem;

    font-weight: 600;
}

.section-wrap[data-layout="about_history_200304"] .item-subtitle{
    margin: 1.063rem 1.563rem 0;
}

.section-wrap[data-layout="about_history_200304"] .each-left{
    border-left: 1px solid #cccccc;
}

.section-wrap[data-layout="about_history_200304"] .each-right{
    border-right: 1px solid #cccccc;
}

.section-wrap[data-layout="about_history_200304"] .each-foritem:last-child .each-col {
    border: none;
}

.section-wrap[data-layout="about_history_200304"] .each-right .item-wrap{
    text-align: right;
}

/*****#####===== 닷 =====#####*****/
.section-wrap[data-layout="about_history_200304"] .item-title.dot-left:before{
    content: '';
    position: absolute;
    left: -1px;
    top: 12px;

    width: 0.688rem;
    height: 0.688rem;
    margin-left: -0.30rem;

    border-radius: 100%;
    border: 2px solid #555555;
    background-color: #ffffff;

    z-index: 1;
}

.section-wrap[data-layout="about_history_200304"] .item-title.dot-right:after{
    content: '';
    position: absolute;
    right: 0.5px;
    top: 0.8rem;

    width: 0.7rem;
    height: 0.7rem;
    margin-right: -0.4rem;

    border-radius: 100%;
    border: 2px solid #555555;
    background-color: #ffffff;

    z-index: 1;
}

.section-wrap[data-layout="about_history_200304"] .each-foritem:last-child .dot-right:before{
    background-color: #555555;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg ~ *****/
@media (min-width: 992px){
    /***** 중앙선 *****/
    .section-wrap[data-layout="about_history_200304"] .history-line{
        height:95%;
    }
}

/*****  md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    /***** 중앙선 *****/
    .section-wrap[data-layout="about_history_200304"] .history-line{
        height:95%;
    }

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

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px) {
    /***** 중앙선 *****/
    .section-wrap[data-layout="about_history_200304"] .history-line{
        height:95%;
    }

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

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

.section-wrap[data-layout="contact_map_191210"] .title-title{
    text-align: center;
}

/*****#####===== 지도 =====#####*****/
.section-wrap[data-layout="contact_map_191210"] .map-wrap .map-item{
    height: 33rem;

    background-color: #dddddd;
}

/*****#####===== 내용 =====#####*****/
.section-wrap[data-layout="contact_map_191210"] .content-title{
    margin-top: 2.5rem;
}

.section-wrap[data-layout="contact_map_191210"] .content-item{
    margin-top: 0.813rem;
}

.section-wrap[data-layout="contact_map_191210"] .content-item .content-item-title{
    font-weight: 500;
}

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

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

/*=================================================
            banner_video_201120
=================================================*/
.section-wrap[data-layout="banner_video_201120"]{
    text-align:center;
}

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

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

/*****##### 서브 타이틀 #####*****/
.section-wrap[data-layout="banner_video_201120"] .title-wrap .title-subtitle{
    font-weight: 400;
}

/*****#####===== 내용 =====#####*****/
.section-wrap[data-layout="banner_video_201120"] .item-content {
    margin-bottom: 1.875rem;
}

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

/*=================================================
            banner_link_210628
=================================================*/
/*****#####===== 컨텐츠 =====#####*****/
.section-wrap[data-layout="banner_link_210628"]{
    padding: 2.5rem 0 0 0;
}

.section-wrap[data-layout="banner_link_210628"] .item-link{
    position: relative;
    display: block;

    padding: 3.75rem 2rem;
    height: 39.688rem;

    text-align: center;

    background-color:#ffffff;
    box-shadow: 0 0.375rem 0.75rem #0000001A;
}

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

    max-width: 80%;
    margin: 0 auto 1.25rem;
}

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

/*****##### 버튼 #####*****/
.section-wrap[data-layout="banner_link_210628"] .item-btn{
    position: absolute;
    left: 50%;
    bottom: 3.75rem;

    width: 100%;

    opacity: 0;
    visibility: hidden;

    transform: translateX(-50%);
}

.section-wrap[data-layout="banner_link_210628"] .item-btn .btn{
    padding: 0.625rem 1.375rem;
}

/*****#####===== transition =====#####*****/
.section-wrap[data-layout="banner_link_210628"] .item-img:before{
    transition: opacity 0.4s, transform 0.4s;
}

.section-wrap[data-layout="banner_link_210628"] .item-link .item-item-wrap{
    transition: transform 0.4s;
}

.section-wrap[data-layout="banner_link_210628"] .item-btn{
    transition: opacity 0.4s, visibility 0.4s;
}

/*****#####===== hover =====#####*****/
.section-wrap[data-layout="banner_link_210628"] .item-link:hover .item-btn{
    opacity: 1;
    visibility: visible;
}

.section-wrap[data-layout="banner_link_210628"] .item-link:hover .item-item-wrap{
    transform: translateY(-1.4rem);
}

.section-wrap[data-layout="banner_link_210628"] .item-link:hover .item-img:before{
    opacity: 1;

    transform: scale(1);
}

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

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

        height: 33rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap[data-layout="banner_link_210628"] .item-link{
        height: 43rem;
    }

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

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

/*****#####===== 컨텐츠 =====#####*****/
.section-wrap[data-layout="banner_link_210628_2"] .item-wrap{
    margin-bottom: 20px;
}

.section-wrap[data-layout="banner_link_210628_2"] .item-link{
    position: relative;
    display: block;

    padding: 3.75rem 5.188rem;
    height: 39.688rem;


    text-align: center;

    background-color:#ffffff;
    box-shadow: 0 0.375rem 0.75rem #0000001A;
}

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

    margin-bottom: 1.25rem;
}

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

/*****##### 버튼 #####*****/
.section-wrap[data-layout="banner_link_210628_2"] .item-btn{
    position: absolute;
    left:50%;
    bottom: 3.75rem;

    width: 100%;

    margin:1rem 0 0 0;
    opacity: 0;
    visibility: hidden;

    transform: translateX(-50%);
}

.section-wrap[data-layout="banner_link_210628_2"] .item-btn .btn{
    padding: 0.625rem 1.375rem;
}

/*****#####===== transition =====#####*****/
.section-wrap[data-layout="banner_link_210628_2"] .item-img:before{
    transition: opacity 0.4s, transform 0.4s;
}

.section-wrap[data-layout="banner_link_210628_2"] .item-link .item-item-wrap{
    transition: transform 0.4s;
}

.section-wrap[data-layout="banner_link_210628_2"] .item-btn{
    transition: opacity 0.4s, visibility 0.4s;
}

/*****#####===== hover =====#####*****/
.section-wrap[data-layout="banner_link_210628_2"] .item-link:hover .item-btn{
    opacity: 1;
    visibility: visible;
}

.section-wrap[data-layout="banner_link_210628_2"] .item-link:hover .item-item-wrap{
    transform: translateY(-1.4rem);
}

.section-wrap[data-layout="banner_link_210628_2"] .item-link:hover .item-img:before{
    opacity: 1;

    transform: scale(1);
}

/*****#####===== 미디어쿼리 =====#####*****/
/*****##### md #####*****/
@media (min-width: 768px) and (max-width: 991.98px) {
    .section-wrap[data-layout="banner_link_210628_2"] .item-link{
        padding: 3.75rem 3rem;
        height: 33rem;
    }
}

/*****##### lg #####*****/
@media (min-width: 992px) and (max-width: 1199.98px){
    .section-wrap[data-layout="banner_link_210628_2"] .item-link{
        padding: 3.75rem 3rem;
        height: 35rem;
    }
}

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

/*****#####===== 컨텐츠 =====#####*****/
.section-wrap[data-layout="banner_link_210628_3"] .item-wrap{
    margin-bottom: 20px;
}

.section-wrap[data-layout="banner_link_210628_3"] .item-link{
    position: relative;
    display: block;

    padding: 3.75rem 5.188rem;
    height: 39.688rem;


    text-align: center;

    background-color:#ffffff;
    box-shadow: 0 0.375rem 0.75rem #0000001A;
}

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

    margin-bottom: 1.25rem;
}

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

/*****##### 버튼 #####*****/
.section-wrap[data-layout="banner_link_210628_3"] .item-btn{
    position: absolute;
    left:50%;
    bottom: 3.75rem;

    width: 100%;

    margin:1rem 0 0 0;
    opacity: 0;
    visibility: hidden;

    transform: translateX(-50%);
}

.section-wrap[data-layout="banner_link_210628_3"] .item-btn .btn{
    padding: 0.625rem 1.375rem;
}

/*****#####===== transition =====#####*****/
.section-wrap[data-layout="banner_link_210628_3"] .item-img:before{
    transition: opacity 0.4s, transform 0.4s;
}

.section-wrap[data-layout="banner_link_210628_3"] .item-link .item-item-wrap{
    transition: transform 0.4s;
}

.section-wrap[data-layout="banner_link_210628_3"] .item-btn{
    transition: opacity 0.4s, visibility 0.4s;
}

/*****#####===== hover =====#####*****/
.section-wrap[data-layout="banner_link_210628_3"] .item-link:hover .item-btn{
    opacity: 1;
    visibility: visible;
}

.section-wrap[data-layout="banner_link_210628_3"] .item-link:hover .item-item-wrap{
    transform: translateY(-1.4rem);
}

.section-wrap[data-layout="banner_link_210628_3"] .item-link:hover .item-img:before{
    opacity: 1;

    transform: scale(1);
}

/*****#####===== 미디어쿼리 =====#####*****/
/*****##### md #####*****/
@media (min-width: 768px) and (max-width: 991.98px) {
    .section-wrap[data-layout="banner_link_210628_3"] .item-link{
        padding: 3.75rem 3rem;
        height: 33rem;
    }
}

/*****##### lg #####*****/
@media (min-width: 992px) and (max-width: 1199.98px){
    .section-wrap[data-layout="banner_link_210628_3"] .item-link{
        padding: 3.75rem 3rem;
        height: 35rem;
    }
}

/*=================================================
			    네비
================================================*/
/*****#####===== line =====#####*****/
.nav[data-type="line"]{
    margin: 0;
}

.nav[data-type="line"] .nav-item{
    height: 5.5rem;
    padding: 0;
}

.nav[data-type="line"] .nav-link{
    width: 100%;
    height: 100%;
    padding: 0;

    text-align: center;
}

.nav[data-type="line"] .nav-link .nav-item-title{
    line-height: 1.6rem;
}

.nav[data-type="line"] .nav-link{
    position: relative;

    border-bottom: 3px solid #F39248;
}

.nav[data-type="line"] .nav-item:not(:last-child) .nav-link::after{
    content: "";
    position: absolute;
    top: 50%;
    right: -1px;

    width: 1px;
    height: 40%;

    background-color: #dddddd;

    transform: translateY(-50%);
}

.nav[data-type="line"] .nav-link.active{
    border: 3px solid #F39248;
    border-bottom: 0;
}

.nav[data-type="line"] .nav-link.active::after{
    display: none;
}

/*****##### 미디어 쿼리 #####*****/
/***** ~ md *****/
@media (max-width: 991.98px){
    .nav[data-type="line"]{
        flex-wrap: nowrap;

        overflow-x: scroll;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    .nav[data-type="line"]::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/
    }

    .nav[data-type="line"] .nav-link{
        padding: 0 1rem;
    }
}

/*=================================================
			      tab_wrapper_2
================================================*/
.section-wrap[data-layout="tab_wrapper_2"] .title-wrap,
.section-wrap[data-layout="tab_wrapper"] .title-wrap{
    margin-bottom: 5rem;
}

.section-wrap[data-layout="tab_wrapper_2"] .title-wrap .title-subtitle{
    margin-top: 0.688rem;
}

/*****#####===== nav =====#####*****/
.section-wrap[data-layout="tab_wrapper_2"] .nav{
    border-bottom: none;
}

.section-wrap[data-layout="tab_wrapper_2"] .nav .nav-item {
    margin: 0 -1px 0 -1px;
    padding: 0;
}

.section-wrap[data-layout="tab_wrapper_2"] .nav-link{
    position: relative;
    padding: 1.438rem 6.25rem;

    background-color: transparent;
    border: 2px solid transparent;
    border-bottom: 2px solid #F39248;
    border-radius: 0;
}

.section-wrap[data-layout="tab_wrapper_2"] .nav-item:not(:first-child) .nav-link:not(.active):before{
    content: "";
    position: absolute;
    top: 50%;
    left: -1px;

    width: 1px;
    height: 40%;

    background-color: #F39248;

    transform: translateY(-50%);
}

.section-wrap[data-layout="tab_wrapper_2"] .nav-item:last-child .nav-link:before{
    display: none;
}

/*****##### hover #####*****/
.section-wrap[data-layout="tab_wrapper_2"] .nav-link:hover{
    font-weight: 400;
}

/*****##### active #####*****/
.section-wrap[data-layout="tab_wrapper_2"] .nav-link.active{
    font-weight: bold;

    border: 2px solid #F39248;
    border-bottom: 0;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** ~ md *****/
@media (max-width: 991.98px){
    .section-wrap[data-layout="tab_wrapper_2"] .nav .nav-link{
        padding: 1rem;
    }
}

/*=================================================
			gallery24
================================================*/
.board-gallery24-main-lists-wrap{
    background-color: #F9F7F1;
}

/*****#####===== main_lists =====#####*****/
/*****##### 슬라이드 #####*****/
.board-gallery24-main-lists-wrap .slick-wrap {
    padding: 0;
    margin: 0 -0.625rem;
}

.board-gallery24-main-lists-wrap .slide-wrap {
    padding: 0 0.625rem;
}

/*****##### 타이틀 #####*****/
.board-gallery24-main-lists-wrap .slide-title-wrap .title-content {
    margin-top: 0.375rem;
}

/*****##### arrow #####*****/
.board-gallery24-main-lists-wrap .custom-slick-arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;

    text-align: center;

    background-color: #dddddd;
    border-radius: 50%;
    box-shadow: 0px 3px 6px #0000001A;

    transition: background-color 0.3s ease-in-out;
}

.board-gallery24-main-lists-wrap .custom-slick-arrow svg {
    width: 0.375rem;
}

.board-gallery24-main-lists-wrap .custom-slick-arrow svg path {
    fill: #555555;

    transition: fill 0.3s;
}

.board-gallery24-main-lists-wrap .custom-slick-next{
    right: 0rem;
}

.board-gallery24-main-lists-wrap .custom-slick-prev {
    left: 0rem;
}

/***** hover *****/
.board-gallery24-main-lists-wrap .custom-slick-arrow:hover{
    background-color: #ffffff;
}

/*****##### 미디어 쿼리 #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .board-gallery24-main-lists-wrap .slick-list {
        padding-bottom: 6rem;
    }
}

/*****#####===== lists =====#####*****/
/*****##### 공지사항 #####*****/
.board-gallery24-lists-wrap .slick-wrap {
    padding: 0;
    margin: 0 -0.625rem;
}

.board-gallery24-lists-wrap .slide-wrap{
    padding: 0 0.625rem;
}

/*****##### 검색 #####*****/
.board-gallery24-lists-wrap .bd-srch-wrap {
    margin: 10.625rem 0 3.75rem;
    padding: 4.375rem 0;

    text-align: center;

    background-color: #F5F5F5;
}

.board-gallery24-lists-wrap .bd-srch-wrap .form-control{
    height: 3.25rem;
}

.board-gallery24-lists-wrap .srch-box {
    background-color: #ffffff;

    border: 1px solid #cccccc;
}

.board-gallery24-lists-wrap .srch-box .form-control{
    border: none;
}

/*****##### sort #####*****/
.board-gallery24-lists-wrap .sort-wrap{
    margin-bottom: 1.438rem;
}

.board-gallery24-lists-wrap .sort-wrap .form-control{
    border: none;
    border-bottom: 1px solid #000000;
}

/*****##### 리스트 #####*****/
.board-gallery24-lists-wrap .each-col:not(:last-child) .lists-item {
    margin-bottom: 4.375rem;
}

.board-gallery24-lists-wrap .lists-wrap .lists-img{
    border-radius: 0.625rem;

    overflow: hidden;
}

.board-gallery24-lists-wrap .lists-wrap .lists-title-wrap{
    margin: 0.938rem 0.313rem 0 0.313rem;
}

/*=================================================
			모바일 메뉴
=================================================*/
/*****#####===== 메뉴 =====#####*****/
.m-menu-wrap{
    position: relative;

    height: 100%;
    padding: 1rem 0 2rem 0;
}

.m-menu-wrap .nav-link{
    padding: 1rem;
}

.m-menu-wrap .nav-item{
    width:100%;

    text-align: center;
}

/*****#####===== 서브메뉴 =====#####*****/
.m-menu-wrap .lnb-wrap{
    display:none;
}

.m-menu-wrap .lnb-link{
    display: inline-block;

    padding-bottom:0.2rem;
    margin-bottom:1rem;
}

/*=================================================
			모바일 버튼
=================================================*/
.rotate-btn-wrap{
    position: relative;

    width: 2.5rem;
    height: 3.3rem;
    padding: 1rem 0.5rem;

    cursor:pointer;
}

.rotate-btn-wrap .ratio-box {
    height: 100%;
    overflow: visible;
}

.rotate-btn{
    position: relative;

    margin: auto;
}

.rotate-btn span{
    position: absolute;
    left:0;

    width:100%;
    height:2px;

    background-color:#333333;

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

.rotate-btn span.top{
    top:0;
}

.rotate-btn span.middle{
    top:50%;

    opacity: 1;

    transform: translateY(-50%)
}

.rotate-btn span.bottom{
    bottom:0
}

/***** show *****/
.rotate-btn-wrap.show span.top{
    top:50%;

    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.rotate-btn-wrap.show span.middle{
    opacity: 0;
}

.rotate-btn-wrap.show span.bottom{
    top:50%;

    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/*=================================================
			footer
=================================================*/
.footer-wrap{
    padding:1.75rem 0;

    font-size: 0.875rem;
    color: #B3B3B3;

    background-color: #37352C;
}

.footer-wrap .footer-info-list .footer-info-item:not(:last-child){
    margin-bottom: 0.438rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md~ *****/
@media (min-width: 768px) {
    .footer-wrap .footer-info-list .info-item-bar:not(:last-child){
        position: relative;

        padding-right: 0.6rem;
        margin-right: 0.4rem;
    }

    .footer-wrap .footer-info-list .info-item-bar:not(:last-child)::after{
        content: "";
        position: absolute;
        top: 50%;
        right: 0;

        width: 1px;
        height: 0.875rem;

        background-color: #B3B3B3;

        transform: translateY(-50%);
    }
}

/***** ~sm *****/
@media (max-width: 767.98px){
    .footer-wrap .footer-info-list{
        margin-top: 1rem;
    }

    .footer-wrap .footer-info-list .info-item-bar{
        display: block;
    }

    .footer-wrap .footer-info-list .info-item-bar:not(:last-child){
        margin-bottom: 0.438rem;;
    }
}

/*=================================================
			all board lists
=================================================*/
.section-wrap[data-layout="board_wrapper"] .board-title-wrap{
    margin-bottom: 4.5rem;
}

.section-wrap[data-layout="board_wrapper"] .board-title-wrap .subtitle{
    margin-top: 0.625rem;

    font-weight: 400;
}

.section-wrap[data-layout="board_wrapper"] .srch-wrap{
    position: relative;

    margin-bottom: 1.25rem;

    z-index: 1;
}

.section-wrap[data-layout="board_wrapper"] .srch-box{
    border-bottom: 1px solid #000000;
}

.section-wrap[data-layout="board_wrapper"] .srch-box .btn{
    padding: 0.6rem 0.2rem;
}

.section-wrap[data-layout="board_wrapper"] .srch-box .btn .ti-search:before{
    font-weight: bold;

    color: #707070;
}

.section-wrap[data-layout="board_wrapper"] .srch-box .form-control{
    border: 0;
}

/*=================================================
			notice & free lists
=================================================*/
.board-lists-wrap .lists-table{
    border-top: 2px solid #000000;
}

.board-lists-wrap .lists-table .bc_link_btn {
    padding: 0.6rem 0;
}

.board-lists-wrap .lists-table .bc_link_btn:hover{
    background: #F9FCFF;
}


.board-lists-wrap .lists-table td{
    padding: 1.7rem 1rem;
}


.board-lists-wrap .lists-table td[data-type='num']{
    color: #666666;
}

.board-lists-wrap .lists-btn-wrap .btn{
    padding: 1rem 2.75rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg~ *****/
@media (min-width: 992px) {
    .board-lists-wrap .lists-table td[data-type='date']{
        width: 12rem;
    }
}

/*=================================================
			notice main list
=================================================*/
#home_notice .section-wrap{
    background-color: #F9F7F1;
}

.main-gallery-lists-wrap .slick-wrap{
    padding: 0 5.625rem;
}

.main-gallery-lists-wrap .slide-item .slide-img{
    margin-bottom: 0.875rem;
}

.main-gallery-lists-wrap .slide-item .title-content{
    margin-bottom: 1.25rem;

    color: #555555;
}

.main-gallery-lists-wrap .slide-item .title-date{
    color: #555555;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xl~ *****/
@media (min-width: 1600px){
    .main-gallery-lists-wrap .container[data-type="main-gallery"] {
        max-width: 1650px;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .main-gallery-lists-wrap .slick-wrap {
        padding: 0 4.625rem;
    }
}

/***** ~ sm *****/
@media (max-width: 767.98px){
    .main-gallery-lists-wrap .slick-wrap{
        padding: 0;
    }
}

/*=================================================
			domestic & oversea lists
=================================================*/
.board-gallery-lists-wrap .lists-wrap .each-col:not(:last-child) .item-wrap{
    margin-bottom: 5rem;
}

.board-gallery-lists-wrap .item-img{
    margin-bottom: 1.5rem;
}

.board-gallery-lists-wrap .item-title{
    margin-bottom: 0.375rem;
}

.board-gallery-lists-wrap .item-subtitle{
    margin-bottom: 1.25rem;

    color: #666666;
}

.board-gallery-lists-wrap .item-date{
    color: #555555;
}

/*=================================================
			default3 free lists
=================================================*/
.board-default3-lists-wrap .lists-table .thead{
    color: #ffffff;

    background-color: #333333;
}

.board-default3-lists-wrap .lists-table .thead th{
    padding: 0.625rem 1rem;
}

/*=================================================
			default4 rice_product lists
=================================================*/
.board-default4-lists-wrap .title{
    font-size: 2.125rem;
}

.board-default4-lists-wrap .nav{
    margin: 0;
}

.board-default4-lists-wrap .nav-item{
    height: 5.5rem;
    padding: 0;
}

.board-default4-lists-wrap .nav-link{
    width: 100%;
    height: 100%;
    padding: 0;

    text-align: center;
}

.board-default4-lists-wrap .nav-link .nav-item-title{
    line-height: 1.6rem;
}

.board-default4-lists-wrap .item-wrap {
    margin-top: 3.875rem;
}

.board-default4-lists-wrap .text-wrap .text-top{
    margin-bottom: 1.875rem;
}

.board-default4-lists-wrap .text-wrap .text-bottom{
    padding-top: 1.875rem;

    border-top: 1px solid #dddddd;
}

.board-default4-lists-wrap .item-wrap .item-title{
    margin-bottom: 2.25rem;
}

.board-default4-lists-wrap .item-info-wrap{
    margin-bottom: 2.25rem;

    color: #555555;
}

.board-default4-lists-wrap .item-info:not(:last-child){
    margin-bottom: 0.75rem;
}

.board-default4-lists-wrap .item-info-title{
    color: #555555;

    
}

.board-default4-lists-wrap .item-info-desc{
    color: #666666;
}

.board-default4-lists-wrap .btn-wrap{
    text-align: left;
}

.board-default4-lists-wrap .btn-wrap .btn{
    padding: 1rem 1.65rem;

    font-size: 0.875rem;
}

.board-default4-lists-wrap .btn-wrap .ti-download{
    margin-left: 0.375rem;
}

.board-default4-lists-wrap .item-desc-title{
    margin-bottom: 0.875rem;

    font-size: 1.375rem;
    font-weight: 600;
}

.board-default4-lists-wrap .item-desc-desc{
    line-height: 1.8em;
    color: #666666;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** ~ md *****/
@media (max-width: 991.98px){
    .board-default4-lists-wrap .img-wrap{
        margin-bottom: 1.25rem;
    }
}

/*=================================================
			board view
=================================================*/
.board-view-wrap .board-view-header{
    padding: 0;
}

.board-view-wrap .header-title{
    padding: 1.375rem 2rem;

    border-bottom: 1px solid #DDDDDD;

    font-weight: bold;
}

.board-view-wrap .header-info{
    padding: 0.625rem 2rem;
}

.board-view-wrap .header-info .header-info-item{
   margin-right: 1.25rem;

   color: #666666;
}

.board-view-wrap .header-info .header-info-item{
    margin-right: 1.25rem;

    color: #666666;
}

.board-view-wrap .board-view-footer .table{
    border-top: 1px solid #000000;
}

.board-view-footer .table td{
    padding: 1.7rem 1rem;
}

.board-view-footer .table .bc_link_btn{
    padding: 1.7rem 0;
}

.board-view-wrap .btn-wrap{
    text-align: right;
}

.board-view-wrap .btn-wrap .btn{
    padding: 1rem 3.6rem;
}

/*****##### 미디어 쿼리 #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .board-view-footer .table th {
        width: 5rem;
    }    
}

/*=================================================
			board write
=================================================*/
.board-write-wrap .write-table tr th{
    background-color: #F9FCFF;
}

.board-write-wrap .btn.btn-default{
    padding: 0.25rem 0.5rem;
}

.board-write-wrap .btn-wrap .btn{
    padding: 1rem 3.6rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg ~ *****/
@media (min-width: 992px){
    .board-write-wrap .write-table tr th{
        width: 12rem;
    }
}


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

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

.section-wrap[data-layout="header_banner_211005"] .title-wrap .title-title{
    color: #ffffff;
}

.section-wrap[data-layout="header_banner_211005"] .subpage-more-wrap{
    margin-top: 1.25rem;
}

.section-wrap[data-layout="header_banner_211005"] .subpage-lists-item{
    padding: 0;

    border-bottom: 1px solid #999999;
}

.section-wrap[data-layout="header_banner_211005"] .subpage-lists-item .subpage-lists-link{
    display: block;
    position: relative;

    width: 100%;
    padding: 1.05rem 0;

    color: #666666;
}

.section-wrap[data-layout="header_banner_211005"] .subpage-lists-item.active .subpage-lists-link{
    font-weight: bold;
    color: #333333;
}

.section-wrap[data-layout="header_banner_211005"] .subpage-lists-item.active .subpage-lists-link::after{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0px;

    width: 100%;
    height: 2px;

    background-color: #222222;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md ~ *****/
@media (min-width: 768px){
    .section-wrap[data-layout="header_banner_211005"] .subpage-lists{
        justify-content: center;
    }

    .section-wrap[data-layout="header_banner_211005"] .subpage-lists .subpage-lists-item{
        flex: 0.25;
    }
}

/***** xs / sm *****/
@media (max-width: 767.98px){
    .section-wrap[data-layout="header_banner_211005"] .subpage-lists{
        flex-wrap: nowrap;

        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    .section-wrap[data-layout="header_banner_211005"] .subpage-lists::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/
    }

    .section-wrap[data-layout="header_banner_211005"] .subpage-lists .subpage-lists-item{
        flex: 0 0 auto;

        width: auto;
        max-width: 100%;
    }

    .section-wrap[data-layout="header_banner_211005"] .subpage-lists .subpage-lists-link{
        padding: 1.05rem 2rem;
    }
}

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

.section-wrap[data-layout="banner_image_211005"] .item-subtitle{
    margin-bottom: 1.563rem;

    line-height: 2.5rem;
}

.section-wrap[data-layout="banner_image_211005"] .item-desc{
    color: #666666;
}


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

.section-wrap[data-layout="banner_image_211006"] .title-wrap .title-title{
    font-size: 2.25rem;
}

.section-wrap[data-layout="banner_image_211006"] .title-wrap .title-subtitle{
    margin-top: 0.625rem;
}

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

.section-wrap[data-layout="banner_image_211006"] .item-subtitle{
    margin-top: 1rem;

    font-weight: 700;
}

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

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

    .section-wrap[data-layout="banner_image_211006"] .item-text{
        padding: 4.375rem;

        background-color: #F6F6F6;
    }
}

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

/***** ~sm *****/
@media (max-width: 767.98px){
    .section-wrap[data-layout="banner_image_211006"] .item-img{
        margin-bottom: 2rem;
    }
}

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

.section-wrap[data-layout="contact_map_211006"] .title-wrap .title-subtitle{
    margin-top: 0.625rem;

    font-weight: 400;
}

.section-wrap[data-layout="contact_map_211006"] .map_wrap{
    height: 36rem;
}

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

.section-wrap[data-layout="contact_map_211006"] .content-item-wrap{
    padding-top: 1.875rem;

    border-top: 1px solid #707070;
}

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

.section-wrap[data-layout="contact_map_211006"] .item-item .item-title{
    font-weight: 600;
}

.section-wrap[data-layout="contact_map_211006"] .item-item .item-content{
    color: #666666;
}

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

        height: 100%;

        z-index: 10;
    }

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

        width: 130%;
        padding: 3.75rem 4.375rem;

        background-color: #ffffff;

        z-index: 2;

        transform: translateY(-50%);

        box-shadow: 0px 6px 10px #0000001A;
    }
}

/***** md/lg *****/
@media (min-width: 768px) and (max-width: 1199.98px){
    .section-wrap[data-layout="contact_map_211006"] .item-wrap {
        width: 160%;
        padding: 2.4rem;
    }
}

/***** ~ sm *****/
@media (max-width: 767.98px){
    .section-wrap[data-layout="contact_map_211006"] .map-wrap{
        margin-bottom: 2rem;
    }
}

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

.section-wrap[data-layout="banner_link_211005"] .title-wrap .title-subtitle {
    margin-top: 0.625rem;

    font-weight: 400;
}


/***** lg ~ *****/
@media (min-width: 992px) {
    .section-wrap[data-layout="banner_link_211005"] .item-wrap{
        position: relative;

        height: 40.625rem;

        overflow: hidden;
    }

    .section-wrap[data-layout="banner_link_211005"] .item-img-wrap,
    .section-wrap[data-layout="banner_link_211005"] .item-img-wrap .item-img{
        position: absolute;
        left: 0;
        top: 0;

        width: 100%;
    }

    .section-wrap[data-layout="banner_link_211005"] .item-item,
    .section-wrap[data-layout="banner_link_211005"] .item-content-wrap{
        height: 100%;
    }

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

        height: 100%;
        width: 16%;

        color:#ffffff;

        float: left;

        transition: width 0.5s ease-in-out;
    }

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

    .section-wrap[data-layout="banner_link_211005"] .item-content-wrap{
        position: absolute;
        top: 0;
        left: 0;
    }

    .section-wrap[data-layout="banner_link_211005"] .clear-both{
        clear: both;
    }

    /*****#####===== 미리보기 내용 =====#####*****/
    .section-wrap[data-layout="banner_link_210626"] .item-thum-wrap{
        text-align: center;
    }

    .section-wrap[data-layout="banner_link_211005"] .item-thum-wrap .thum-title{
        font-weight: 400;
    }

    .section-wrap[data-layout="banner_link_211005"] .item-thum-wrap .thum-img{
        margin-top: 0.875rem;
    }

    /*****#####===== 처음 세팅 =====#####*****/
    .section-wrap[data-layout="banner_link_211005"] .item-img-wrap .item-img{
        opacity: 0;
    }

    .section-wrap[data-layout="banner_link_211005"] .item-title-wrap{
        display: none;

        width: 50rem;
        margin-left: 5rem;

        text-align: left;
    }

    /*****#####===== active =====#####*****/
    .section-wrap[data-layout="banner_link_211005"] .item-item.active{
        width: calc(100% - 32%);
    }

    .section-wrap[data-layout="banner_link_211005"] .item-item.active .item-title-wrap{
        display: block;
    }

    .section-wrap[data-layout="banner_link_211005"] .item-item.active .item-title{
        margin-bottom: 1rem;
    }

    .section-wrap[data-layout="banner_link_211005"] .item-item.active .item-subtitle{
        margin-bottom: 3.75rem;
    }

    .section-wrap[data-layout="banner_link_211005"] .item-item.active .btn{
        padding: 0.825rem 1.375rem ;

        font-size: 0.875rem;

        border-radius: 0;
    }

    .section-wrap[data-layout="banner_link_211005"] .item-item.active .item-thum-wrap{
        display: none;
    }

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


/***** lg / xl *****/
@media (min-width: 992px) and (max-width: 1599.98px){
    .section-wrap[data-layout="banner_link_211005"] .item-img-wrap{
        height: 40.625rem;
    }
    .section-wrap[data-layout="banner_link_211005"] .item-img .img-fluid{
        max-width: none;
        height: 100%;
    }

    .section-wrap[data-layout="banner_link_211005"] .item-title-wrap{
        width: 35rem;
    }

    .section-wrap[data-layout="banner_link_211005"] .item-item.active .item-title-wrap{
        padding-right: 16rem;
    }
}

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

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

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

    .section-wrap[data-layout="banner_link_211005"] .item-btn-wrap{
        margin-top: 1.5rem;
    }

    .section-wrap[data-layout="banner_link_211005"] .item-btn-wrap .btn{
        border-radius: 0;
    }
}