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

html.smooth{
    scroll-behavior: smooth;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** 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.875rem;
    font-weight: 600;
    line-height: 1.22em;
}

h2,.h2{
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.87em;
}

h3,.h3{
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.43em;
}

h4,.h4{
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.45em;
}

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

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

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

.display-2{
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.57em;
}

.display-3{
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.57em;
}

.display-4{
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.57em;
}

.display-5{
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1.65em;
}

.font-w300{
    font-weight:300;
}

.font-w400{
    font-weight:400;
}

.font-w500{
    font-weight:500;
}

.font-w600{
    font-weight:600;
}

.bold{
    font-weight:700;
}

.font-roman{
    font-family: 'Times New Roman';
}

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

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

/***** xs / sm *****/
@media (min-width: 100px) and (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: #269a99;}
.point-color-2{color: #eeff00;}
.point-color-3{color: #ff0000;}
.point-sub-1{color: #333333;}
.point-sub-2{color: #666666;}
.point-sub-3{color: #999999;}
.point-sub-4{color: #d6d6d6;}
.point-sub-5{color: #979797;}
.point-sub-6{color: #707070;}
.point-sub-7{color: #c6c6c6;}
.point-sub-8{color: #b5b5b5;}
.point-sub-9{color: #cccccc;}
.point-bg-1{background-color: #fbfbfb;}
.point-bg-2{background-color: #e6e5e4;}
.point-bg-3{background-color: #f9f9f9;}

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

    background-color:#269A99;
    border-radius: 0;
}

.point-btn-1:hover{
    color: #269A99 !important;

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

.point-btn-2{
    color: #333333;

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

.point-btn-2:hover{
    color: #ffffff;

    background-color:#333333;
}

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

    background-color:#333333;
    border-radius: 0;
}

.point-btn-3:hover{
    background-color:#269A99;
}

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

    border:1px solid #269A99;
    border-radius: 0;
}

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

    background-color:#269A99;
}

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

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

    padding: 4.563rem 0;
    
    overflow: hidden;
}

.page-wrap{
    margin-top:8rem;
}

.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;
}

/*****#####===== ratio =====#####*****/
/*****##### banner_slide_210110 #####*****/
.ratio-box.ratio28_custom:before {
    padding-top: 28%;
}

/*****#####===== 모달 =====#####*****/
/*****##### 버튼 #####*****/
.text-modal-btn{
    cursor: auto;
}

.text-modal-btn .modal-btn{
    cursor: pointer;
}

.text-modal-btn .text-modal-icon{
    margin-left: 0.2rem;

    vertical-align: text-bottom
}

.text-modal-btn .text-modal-icon .text-modal-img{
    width: 0.88rem;
}

/*****##### 내용 #####*****/
.text-modal-wrap{
    padding: 2rem 6rem 3.5rem;
}

.text-modal-wrap .text-modal-title{
    padding-bottom:1rem;
    margin-bottom:1rem;

    text-align: center;

    border-bottom: 1px solid #D6D6D6;
}

.text-modal-bottom {
    margin-top: 4rem;
    
    text-align: right;
}

/*****#####===== 타이틀 =====#####*****/
.title-wrap{
    margin-bottom: 3.625rem;
}

.title-wrap .title-tag{
    font-weight: 500;
}

.title-wrap .title-title{
    margin: 0 0 0.6rem 0;

    line-height: 1.3em;
}

.title-wrap .title-subtitle{
    font-weight: 500;
}

/*****#####===== 더보기 =====#####*****/
.btn-wrap .view-more-btn{
    padding: 0.82rem 1.9rem;
}

/*****#####===== fancybox =====#####*****/
/*****##### 버튼 #####*****/
.fancybox-close-small {
    top: 0;
}

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

.fadeInUpShort {
    animation-name: fadeInUpShort;
}

/*****#####===== fadeInLeft =====#####*****/
@keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translate3d(-50%, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
}
  
.fadeInLeft {
    animation-name: fadeInLeft;
}

/*****#####===== fadeInRight =====#####*****/
@keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translate3d(50%, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
}
  
.fadeInRight {
    animation-name: fadeInRight;
}

/*****#####===== fadeInRightShort =====#####*****/
@keyframes fadeInRightShort {
    from {
        opacity: 0;
        transform: translate3d(8%, 0, 0);
    }

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

.fadeInRightShort {
    animation-name: fadeInRightShort;
}


/*****#####===== fadeInLeftShort =====#####*****/
@keyframes fadeInLeftShort {
    from {
        opacity: 0;
        transform: translate3d(-8%, 0, 0);
    }

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

.fadeInLeftShort {
    animation-name: fadeInLeftShort;
}

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

.fadeInUpBounce {
    animation-name: fadeInUpBounce;
}

/*****#####===== upScale =====#####*****/
@keyframes upScale {
    from {
        transform: translateY(100%) scale(0.75, 0.75);
    }
    to {
        transform: translateY(0%) scale(1, 1);
    }
}

.upScale {
    animation-name: upScale;
}

/*****#####===== smallScale =====#####*****/
@keyframes smallScale {
    from {
        transform: scale(1.2);
    }
    to {
        transform: scale(1);
    }
}

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

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

.bigScale {
    animation-name: bigScale;
}

/*****#####===== container =====#####*****/
/***** xl ~ *****/
@media (min-width: 1200px){
    .container{
        max-width: 1200px;
    }
    
    .container-full{
        max-width: 1810px;
    }

    .container-right{
        max-width: 1700px;
        margin-right: initial;
    }

    .container-left{
        max-width: 1700px;
        margin-left: initial;
    }

    .container-footer{
        max-width: 1510px;
    }

    .container-capability{
        max-width: 1415px;
    }
}

/*****#####===== body =====#####*****/
body.compensate-for-scrollbar-custom {
    overflow: hidden;
}

/*****#####===== 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;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xl *****/
@media (min-width: 1200px){
    .text-modal-wrap{
        max-width: 1168px;
    }
}

/***** md ~ *****/
@media (min-width: 768px){
    .custom-scrollbar::-webkit-scrollbar-thumb{
        background-color:#cccccc;
    }
}

/***** lg ~ *****/
@media (min-width: 992px) {
    /***** scrollbar *****/
    .compensate-for-scrollbar {
        margin-right: 17px;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .page-wrap{
        margin-top:4.231rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .section-wrap{
        padding: 2.5rem 0;
    }

    .page-wrap{
        margin-top:3.5rem;
    }

    .text-modal-wrap {
        padding: 3rem 2rem;
    }
}

/*body::-webkit-scrollbar {*/
/*    width: 10px;*/
/*}*/
/*body::-webkit-scrollbar-thumb {*/
/*    background-color: #269A99;*/
/*}*/
/*body::-webkit-scrollbar-track {*/
/*    background-color: #89d2d1;*/
/*    box-shadow: inset 0px 0px 5px white;*/
/*}*/

/*=================================================
			gnb
=================================================*/
/*****#####===== gnb =====#####*****/
#gnb .gnb-wrap{
    background-color:#ffffff;
}

#gnb .logo-wrap{
    width: 11.75rem;

    z-index: 1050;
}

#gnb .logo-wrap .sub-logo {
    display: none;
}

#gnb .nav-item{
    position: relative;
}

/*****##### show #####*****/
#gnb.show .sub-logo{
    display: block;
}

#gnb.show .main-logo{
    display: none;
}

/*****##### hover 효과 세팅 #####*****/
#gnb .nav-link .nav-title,
#gnb .nav-link .nav-subtitle{
    transition: all 0.4s;
}

#gnb .nav-link {
    position: relative;
}

#gnb .gnb-wrap .nav-link .nav-subtitle {
    position: absolute;
    left: 50%;
    top: 50%;

    opacity: 0;

    width: 100%;

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

/***** 사이트맵 *****/
#site-map .gnb-wrap .nav-link .nav-subtitle{
    left: 1rem;

    width:120%;

    transform: translateY(-20%);
}

/*****##### hover, active2 #####*****/
#gnb .nav-link:hover .nav-subtitle{
    color:#269A99;

    opacity: 1;
}

#gnb .gnb-wrap .nav-link:hover .nav-subtitle{
    color:#269A99;

    opacity: 1;

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

#gnb-menu-wrap .nav-item.active2 .nav-subtitle{
    color:#269A99;

    opacity: 1;

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

#gnb .nav-link:hover .nav-title,
#gnb-menu-wrap .nav-item.active2 .nav-title{
    opacity: 0;

    transform: translateY(-1.2rem);
}

/***** 사이트맵 *****/
/* #site-map .nav-link:hover .nav-subtitle{
    transform: translateY(-50%);
}

#site-map .site-map-gnb .nav-link:hover:before{
    display:none;
} */

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

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

#gnb .right-btn-wrap .pop-body-link{
    display: inline-block;

    padding: 0.5rem 1.5rem;
    
    line-height: 1em;

    cursor: pointer;
}

/*****#####===== 메뉴 =====#####*****/
#gnb-menu-wrap .nav-item{
    margin:0 1.5rem;
}

#gnb-menu-wrap .nav-link{
    width: 5rem;
    padding: 1.625rem 0;

    text-align: center;
}

#gnb-menu-wrap .nav,
#gnb-menu-wrap .gnb-slogun-wrap{
    transition: all 0.4s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#gnb-menu-wrap .nav{
    margin-top: 3rem;
}

#gnb-menu-wrap .gnb-slogun-wrap{
    position: absolute;
    top:0;
    left: 53%;

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

#gnb-menu-wrap .gnb-slogun {
    padding-top: 1rem;
}

/*****##### scrolled #####*****/
#gnb-wrap.scrolled .nav{
    background-color:#ffffff;
    position: relative;

    margin-top: 0;
}

#gnb-wrap.scrolled .gnb-slogun-wrap {
    opacity: 0;

    transform: translate(-50%, 1rem) scale(0.85);
}

/*****##### active #####*****/
#gnb-menu-wrap .nav-item.active{
    color:#269A99;
}

/*****#####===== 서브 메뉴 =====#####*****/
#submenu-fix-wrap{
    position: relative;
}

#gnb-submenu-wrap{
    position: absolute;
    top:0;
    left:0;

    width:100%;
}

#gnb-submenu-wrap .submenu{
    display:none;

    text-align: center;

    background-color:#f3f3f3;
}

#gnb-submenu-wrap .submenu .nav-item{
    display: inline-block;
}

#gnb-submenu-wrap .submenu .nav-link {
    padding: 1rem 0;
}

/*****##### show #####*****/
#gnb-submenu-wrap .submenu.show{
    display: block;
}

/*****#####===== 사이트 맵 =====#####*****/
#site-map{
    position: fixed;
    left: 0;
    top: 0;

    width:100%;
    height: 100%;
    padding: 10rem 0 5rem 0;
    color:#ffffff;

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

    opacity:0;
    visibility: hidden;

    transition: all 0.3s;
}

/*****##### 사이트맵 타이틀 #####*****/
#site-map .site-map-gnb .nav-item{
    display: inline-block;

    margin-bottom: 0.5rem;
}

/*****##### 사이트맵 뉴스레터 #####*****/
.news-letter-wrap .news-letter-title{
    margin-bottom:0.5rem;
    text-align: center;
}

.news-letter-wrap .letter-title{
    margin-right:0.5rem;

    line-height: 1em;
}

.news-letter-wrap .form-group{
    margin-bottom: 0;
}

.news-letter-wrap .form-control{
    margin-right:-1px;

    color: #ffffff;

    background-color: transparent;
    border:1px solid #F5F4F3;
}

.news-letter-wrap .form-control::placeholder{
    color:#AEAEAE;
}

.news-letter-wrap .form-group .btn{
    width: 4.75rem;
    padding: 0.44rem;
}

.news-letter-wrap .news-letter-close{
    position: absolute;
    right: 0;
    top: 0;
}

/*****##### active #####*****/
#site-map .site-map-gnb .nav-item.active .nav-link:before{
    content: '';
    position: absolute;
    top: 0.3rem;
    right: 0;

    width: 0.625rem;
    height: 0.625rem;

    background-color:#269A99;

    border-radius: 50%;
}

/*****##### show #####*****/
#site-map.show{
    opacity: 1;
    visibility: visible;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg ~ *****/
@media (min-width: 992px){
    #gnb .logo-wrap{
        padding:1rem 0;
    }

    #gnb .right-btn-wrap{
        padding: 0.8rem 0;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    #site-map .each-col{
        margin-bottom: 2rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    /***** 로고 *****/
    #gnb .logo-wrap{
        width: 10rem;
    }

    /***** 사이트맵 *****/
    #site-map{
        padding: 8rem 0 4rem 0;
    }

    #site-map .lnb-wrap {
        position: fixed;
        top: 8rem;
        left: 50%;

        z-index: 10;
    }

    #site-map .lnb-wrap .submenu{
        display:none;
    }

    #site-map .site-map-gnb .nav-link{
        font-weight: 500;
    }

    #site-map .sub-menu-list .nav-link{
        font-size: 1.333rem;
    }

    #site-map .news-letter-wrap{
        padding:0 1rem;
    }

    /* show */
    #site-map .lnb-wrap .submenu.show{
        display:block;
    }

    .news-letter-wrap .letter-title,
    .news-letter-wrap .letter-subtitle{
        display: block;
    }
}

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

    width: 2.5rem;
    height: 3.3rem;
    padding: 1.2rem 0.7rem;

    cursor:pointer;
    z-index: 1050;
}

.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{
    background-color:#ffffff;
}

.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);
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .rotate-btn-wrap {
        width: 3.5rem;
        height: 4.3rem;
        padding: 1.5rem 1rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .rotate-btn-wrap {
        width: 2.7rem;
        height: 3.5rem;
    }
}

/*=================================================
			사이드 네비
=================================================*/
#side-nav{
    position: fixed;
    right: 2rem;
    bottom: 2rem;

    z-index: 50;

    transition: all 0.6s;
}

#side-nav .side-link{
    width: 4.375rem;
    height: 4.375rem;

    padding: 1.2rem;

    background-color:#269A99;
    border-radius: 50%;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

/*****##### view_active #####*****/
#side-nav.view_active {
    bottom: 7rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #side-nav{
        right: 14px;
        bottom: 1rem;
    }
    
    #side-nav.view_active {
        bottom: 8rem;
    }

    #side-nav .side-link {
        width: 50px;
        height: 50px;
    }
}

/*=================================================
			채널톡
=================================================*/
#ch-plugin [data-ch-testid="launcher"]{
    transition: all 0.6s;
}

/*****##### iframe #####*****/
.iframe #ch-plugin{
    display: none;
}

/*****##### view_active #####*****/
#ch-plugin.view_active [data-ch-testid="launcher"]{
    transform: translateY(-5.5rem);
}


/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #ch-plugin.view_active [data-ch-testid="launcher"]{
        transform: translateY(-7rem);
    }
}

/*=================================================
			footer
=================================================*/
.footer-wrap{
    padding: 1.5rem 0 1rem 0;
    margin-top: 5rem;
}

.footer-wrap .list-inline-item:not(:last-child){
    margin-right: 0;
    padding-right: 0.7rem;
}

.footer-wrap .each-line:not(:last-child):after {
    right: 0.25rem;

    height: 0.8rem;

    background-color: #979797;
}

.footer-wrap .footer-guide{
    text-align: center;
}

/*****#####===== 뉴스레터 =====#####*****/
.footer-wrap .form-group{
    margin-bottom: 0;
}

.footer-wrap .form-control{
    background-color: #FCFBF9;
    border:1px solid #F5F4F3;
}

.footer-wrap .form-group .btn{
    width: 3.75rem;
    padding: 0.35rem;
}

/*****#####===== sns =====#####*****/
.footer-wrap .sns-wrap {
    padding-left: 2rem;
}

.footer-wrap .sns-wrap .sns-item{
    display: inline-block;

    transition: all 0.3s;
}

.footer-wrap .sns-wrap .sns-item:not(:last-child){
    margin-right: 0.8rem;
}

.footer-wrap svg path{
    fill:#707070;
}

.footer-wrap #youtube-2{
    fill:#ffffff;
}

/*****##### hover #####*****/
.footer-wrap .sns-item:hover{
    opacity: 0.7;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .footer-wrap .img-wrap{
        margin-bottom: 1rem;
    }

    .footer-wrap .footer-guide{
        margin: 0.5rem 0 2rem 0;

        text-align: left;
    }
    
    .footer-wrap .sns-wrap {
        padding-left: 0;
        margin-top: 2rem;
    }
}

/*=================================================
			terms
=================================================*/
#render-terms-page{
    padding:3rem 0;
}

/*=================================================
			home
=================================================*/
/*****#####===== home_portfolio =====#####*****/
#home_portfolio .section-wrap{
    padding: 0 0 4.563rem 0;
}

/*****##### 검색 #####*****/
#home_portfolio .bd-srch-wrap{
    margin: 2.5rem 0 1.875rem;
}

#home_portfolio .bd-srch-wrap .logo-wrap{
    width: 2.125rem;
    margin: auto;
}

#home_portfolio .bd-srch-wrap .srch-box{
    border: 1px solid #eaeaeb;
    border-radius: 1.875rem;
}

#home_portfolio .bd-srch-wrap .srch-box .btn{
    padding: 0.84rem 0.2rem 0.94rem 1.3rem;
}

#home_portfolio .bd-srch-wrap .form-control {
    background-color: transparent;
    border:none;
}

#home_portfolio .row-5 > div[class*='col'] {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm / md *****/
@media (min-width: 100px) and (max-width: 991.98px){
    #home_portfolio .bd-srch-wrap .logo-wrap{
        margin-bottom:1rem;
    }

    #home_portfolio .bd-srch-wrap .srch-box .btn {
        padding: 0.75rem 0.2rem 0.75rem 1rem;
    }
}

/*=================================================
			서비스소개(service)
=================================================*/
/*****#####===== service_area =====#####*****/
#service_area .section-wrap{
    padding: 4.563rem 0 0 0;
}

#service_area .title-wrap{
    margin-bottom: 5.3rem;
}

/*****##### pc #####*****/
#service_area .item-header{
    padding-bottom: 0.3rem;
}

#service_area .item-title-wrap{
    margin-left: 0.5rem;
}

#service_area .item-subtitle{
    font-size: 0.6875rem;
}

#service_area .item-title{
    line-height: 1.2em;
}
    
#service_area .item-line{
    margin-bottom: 0.7rem;
}

#service_area .item-img{
    margin-top: 2rem;

    text-align: center;
}

#service_area .item-desc{
    color:#333333;
}

/***** hover *****/
#service_area .nav-wrap .nav-item:hover{
    color:#269a99;

    opacity: 1;
}

#service_area .nav-wrap .nav-item:hover .item-line{
    background-color: #269a99;
}

/***** active *****/
/* #service_area .nav-wrap .nav-item.active{
    color:#333333;
}

#service_area .nav-wrap .nav-item.active .item-line{
    background-color: #000000;
} */

/*****##### 모바일 네비 #####*****/
#service_area .m-nav-wrap{
    padding: 0 0 1rem 0;
}

#service_area .m-item-title{
    margin-bottom: 0.5rem;
}

#service_area .m-nav-wrap .nav-item{
    margin: 0;
    padding: 0.3rem 0;
}

#service_area .m-nav-wrap .nav-item:not(:last-child){
    margin-right: 2rem;
}

/*****##### 미디어 쿼리 #####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    #service_area .title-wrap{
        margin-bottom: 2rem;
    }

    #service_area .nav-wrap{
        margin-top: 2rem;
    }

    #service_area .item-img{
        margin-top: 6rem;
    }
}

/***** xs / sm / md *****/
@media (min-width: 100px) and (max-width: 991.98px){
    #service_area .title-wrap{
        margin-bottom: 2rem;
    }

    #service_area .item-img{
        margin-top: 0;
    }    
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #service_area .item-img{
        margin: 0 4rem;
    }
}

/*****#####===== service_point =====#####*****/
#service_point .section-wrap{
    overflow: visible;
}

#service_point .item-num{
    width: 2.5rem;
}

#service_point .item-img {
    top: -3rem;
}

#service_point .item-title{
    line-height: 1.5em;
}

/*****##### 미디어 쿼리 #####*****/
/***** lg ~ *****/
@media (min-width: 992px){
    #service_point .section-wrap{
        padding: 0.6rem 0 4.563rem 0;
    }

    #service_point .title-wrap{
        margin-bottom: 6.375rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #service_point .title-wrap {
        margin-bottom: 3rem;
    }

    #service_point .item-img {
        top: 0;

        width: 100%;
    }

    #service_point .item-item:not(:last-child) {
        margin-bottom: 2.5rem;
    }
}

/*****#####===== service_simulation =====#####*****/
#service_simulation .tap-nav-wrap{
    margin-top: 2.7rem;
}

#service_simulation .tab-content{
    margin-top: 1.875rem;
}

#service_simulation .nav-item{
    padding: 0;
}

#service_simulation .nav-link{
    padding: 1.3rem 1rem;
    color: #108081;

    border: 1px solid #108081;
    background-color: #ffffff;

    text-align: center;
}

#service_simulation .nav-link.active {
    color: #ffffff;

    background-color: #108081;
}

/*****##### 슬라이드 #####*****/
#service_simulation .slide-img{
    border:2px solid #cccccc;
}

#service_simulation .custom-slick-arrow,
#service_simulation .custom-slick-arrow svg {
    width: 1.5rem;
}

/*****##### 미디어쿼리 #####*****/
/***** xl ~ *****/
@media (min-width: 1200px){
    #service_simulation .slick-wrap{
        padding: 0 8rem;
        margin: 0 -8rem;
    }

    #service_simulation .custom-slick-arrow,
    #service_simulation .custom-slick-arrow svg {
        width: 4.3rem;
    }
}

/***** md ~ *****/
@media (min-width: 768px){
    #service_simulation .section-wrap{
        padding: 4.563rem 0 7.5rem 0;
    }    
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 1023.98px){
    #service_simulation .nav{
        flex-wrap: nowrap;
        overflow-x: scroll;
        white-space: nowrap;
    }
}

/*****#####===== service_solution =====#####*****/
#service_solution .content-img{
    border: 1px solid #cccccc;
}

/*****#####===== service_project =====#####*****/
[id^="service_project"]{
    background-color: #f9f9f9;
}

[id^="service_project"] .section-wrap,
[id^="service_logo"] .section-wrap{
    padding: 2.18rem 0;
}


[id^="service_project"] .item-body-adding{
    display: none;
}

/*****##### show #####*****/
[id^="service_project"] .each-item .adding-btn svg{
    transition: all 0.3s;
}

[id^="service_project"] .each-item.show .adding-btn svg{
    transform: rotate(180deg);
}

/*****##### 미디어 쿼리 #####*****/
/***** lg ~ *****/
@media (min-width: 992px) {
    #service_project1 .title-wrap{
        margin-bottom: 6rem;
    }

    #service_project1 .section-wrap{
        padding-top: 6.438rem;
    }

    #service_project8 .section-wrap{
        padding-bottom: 6.438rem;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    #service_project1 .section-wrap{
        padding-top: 4.563rem;
    }

    #service_project8 .section-wrap{
        padding-bottom: 4.563rem;
    }
}

/*****#####===== service_capability1 =====#####*****/
#service_capability1 .section-wrap{
    padding-bottom: 1.3rem;
}

#service_capability1 .content-wrap{
    margin-top: 3rem;
}

/*****##### 미디어 쿼리 #####*****/
/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    #service_capability1 .item-img {
        width: 45%;
    }
}

/*****#####===== service_capability2 =====#####*****/
#service_capability2 .section-wrap{
    padding: 0.8rem 0;

    overflow: visible;
}

/*****#####===== service_capability3 =====#####*****/
#service_capability3 .section-wrap{
    padding: 2rem 0 4.563rem 0;
}

/*****##### 미디어 쿼리 #####*****/
/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    #service_capability3 .each-foritem:first-child{
        margin-bottom: 3rem;
    }
}

/*****#####===== service_history =====#####*****/
#service_history {
    background-color: #F9F9F9;
}

#service_history .content-wrap{
    padding: 0 6rem;
}

#service_history .item-title{
    line-height: 1em;
}

#service_history .adding-btn{
    padding:1rem 0;
}

#service_history .adding-btn .btn {
    padding: 0 0.3rem;

    transition: all 0.3s;
}

#service_history .tab-content .section-wrap{
    padding: 0;
}

/*****##### show #####*****/
#service_history .adding-btn-fold{
    display: none;
}

#service_history .adding-btn[aria-expanded="true"] .adding-btn-fold{
    display: block;
}

#service_history .adding-btn[aria-expanded="true"] .adding-btn-more{
    display: none;
}

#service_history .adding-btn[aria-expanded="true"] .btn {
    transform: rotate(180deg);
}

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

/*****#####===== service_client =====#####*****/
#service_client .section-wrap{
    padding: 4.563rem 0 2rem 0;
}

/*****#####===== service_logo =====#####*****/
#service_logo .each-col{
    margin-top: 1rem;
}

#service_logo .item-img{
    border: 1px solid #D4D4D4;
}

/*****#####===== service_partnership =====#####*****/
#service_partnership .section-wrap{
    padding: 4.563rem 0 0 0;
}

#service_partnership .slide-wrap{
    background: linear-gradient(rgb(75, 82, 110) 0%, rgb(53, 58, 81) 100%) 0% 0% no-repeat;
}

#service_partnership .slide-title-wrap{
    color: #ffffff;
    background-color: transparent;
}

#service_partnership .slide-num{
    display: none;
}

#service_partnership .item-num{
    font-size: 1.5rem;
    font-weight: bold;
}

#service_partnership .slide-content-wrap{
    background-color: #ffffff;
}

#service_partnership .custom-slick-arrow{
    background-color: rgba(101,101,101,0.8);
}

/*****##### 미디어쿼리 #####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    #service_partnership .slide-title-wrap {
        height: 47%;
    }

    #service_partnership .slide-content-wrap {
        height: 53%;
    }

    #service_partnership .custom-slick-arrow {
        top: 52%;
    }
    
    #service_partnership .item-subtitle{
        font-size: 1.1rem;
    }

    #service_partnership .item-num {
        font-size: 1.2rem;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    #service_partnership .slide-title-wrap {
        height: 64%;
    }

    #service_partnership .slide-content-wrap {
        height: 36%;
    }

    #service_partnership .custom-slick-arrow {
        top: 57.6%;
    }
    
    #service_partnership .item-img {
        width: 3rem;
    }

    #service_partnership .item-num,
    #service_partnership .item-subtitle{
        font-size: 1rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #service_partnership .custom-slick-arrow{
        background-color: rgba(101,101,101,0.8);
    }
}

/*=================================================
            서비스소개(capability)
=================================================*/
/*****#####===== capability_info =====#####*****/
#capability_info .section-wrap{
    padding: 6rem 0 0;
}

#capability_info .item-title-wrap{
    border-bottom: none;
    margin-bottom: 0.2rem;
}

/*****#####===== capability_slide =====#####*****/
#capability_slide .section-wrap{
    padding: 3rem 0 6rem 0;
}

#capability_slide .slide-num{
    line-height: 1em;
}

#capability_slide .slide-title{
    font-size: 2.875rem;
}

#capability_slide .slide-content{
    font-size: 1rem;
    font-weight: 500;
}

#capability_slide .slide-link{
    margin-top: 2rem;
}

#capability_slide .slide-link .btn{
    padding:0.85rem 1.9rem;
}

#capability_slide .custom-slick-arrow{
    background-color: rgba(101,101,101,0.8);
}

#capability_slide .content-img-img{
    border:2px solid #cccccc;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xl ~ *****/
@media (min-width: 1200px) {
    #capability_slide .slide-link{
        margin-top: 3rem;
    }
    
    #capability_slide .slide-title-wrap,
    #capability_slide .slide-content-wrap {
        padding: 0 11.5rem 0 13rem;
    }
}

/***** lg ~ *****/
@media (min-width: 992px) {
    #capability_slide .slide-title-wrap {
        height: 57%;
    }

    #capability_slide .slide-content-wrap {
        height: 43%;
    }

    #capability_slide .custom-slick-arrow {
        top: 51.6%;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    #capability_slide .slide-title-wrap {
        height: 65%;
    }

    #capability_slide .slide-content-wrap {
        height: 35%;
    }

    #capability_slide .custom-slick-arrow {
        top: 58.6%;
    }
}

/*****#####===== strategy_content2 =====#####*****/
#strategy_content2 .section-wrap{
    padding: 6rem 0 7rem 0;
}

#strategy_content2 .add-wrap{
    display:none;
}

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

/*****#####===== strategy_content (전략) =====#####*****/
#strategy_content .section-wrap{
    padding: 5.625rem 0 4.563rem;
}

/*****#####===== strategy_content3 (전략) =====#####*****/
#strategy_content3 .section-wrap{
    padding: 0 0 11rem 0;
}

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

/*****#####=====
    resources_content (조직인사),
    outcome_content (성과관리),
    operation_content (경영평가),
    education_content (교육),
    scenario_content (시나리오 플래닝),
    smartwork_content (스마트워크),
    simulationing_content (시뮬레이션)
=====#####*****/
#resources_content .section-wrap,
#outcome_content .section-wrap,
#operation_content .section-wrap,
#education_content .section-wrap,
#scenario_content .section-wrap,
#smartwork_content .section-wrap,
#simulationing_content .section-wrap{
    padding: 5.625rem 0 11rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #resources_content .section-wrap,
    #outcome_content .section-wrap,
    #operation_content .section-wrap,
    #education_content .section-wrap,
    #scenario_content .section-wrap,
    #smartwork_content .section-wrap,
    #simulationing_content .section-wrap{
        padding: 5.625rem 0 5rem;
    }
}

/*****#####===== simulationing_content (시뮬레이션) =====#####*****/
#simulationing_content .item-wrap:nth-child(2) {
    margin-bottom: 4.375rem;
}

/*=================================================
            인사이트(insight)
=================================================*/
#insight_industry .item-title{
    margin: 0.3rem 0 1rem;

    line-height: 1em;
}

/*=================================================
            문화(culture)
=================================================*/
/*****#####===== culture_operation =====#####*****/
#culture_operation .thumb-wrap{
    padding: 1.688rem 0;

    border-top: 1px solid #333333;
}

#culture_operation .thumb-item.active .nav-title{
    font-weight: bold;
    color: #000000;
}

#culture_operation .thumb-item.active .nav-title-arrow{
    opacity: 1;
}

#culture_operation .slide-title-wrap{
    bottom: -1rem;

    padding: 2.5rem 3.438rem;
    background-color: #ffffff;

    box-shadow: -3px 3px 12px #0000000A;
    -webkit-box-shadow: -3px 3px 12px #dddddd;
}

#culture_operation .slide-img-wrap{
    margin-left: 13.25rem;
}

#culture_operation .slide-title{
    padding-bottom: 0.6rem;
    margin-bottom: 0.6rem;
    border-bottom: 1px solid #333333;
}

#culture_operation .slick-list{
    overflow: visible;
}

#culture_operation .slick-wrap{
    overflow: visible;
}

/*****##### 미디어쿼리 #####*****/
/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    #culture_operation .slide-img-wrap {
        margin-left: 8.25rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #culture_operation .item-wrap{
        min-height: 350px;
    }

    #culture_operation .slide-img-wrap{
        margin-left: 0;
    }

    #culture_operation .slide-title-wrap{
        height: auto;
    }
}

/*****#####===== culture_interview =====#####*****/
#culture_interview .item-wrap{
    margin-left: 7rem;
}

#culture_interview .content-title{
    line-height: 1em;
}

#culture_interview .btn{
    padding: 0.75rem 2rem;
}

/*****##### 미디어 쿼리 #####*****/
/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    #culture_interview .item-wrap{
        margin-left: 3rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #culture_interview .item-wrap{
        margin-left: 0;
        padding: 1rem 2rem 0;
    }
}

/*****#####===== culture_welfare =====#####*****/
#culture_welfare .item-wrap{
    width: 75%;
    padding-top: 3rem;
}

#culture_welfare .item-title{
    margin: 0.3rem 0 1rem;
    margin-bottom: 1rem;

    line-height: 1em;
}

#culture_welfare .item-link{
    margin-top: 2rem;
}

#culture_welfare .btn{
    padding: 0.75rem 2rem;
}

/*****##### 미디어쿼리 #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #culture_welfare .item-wrap{
        width: 100%;
        padding-top: 0;
        margin-bottom: 3rem;

        text-align: center;
    }
}

/*****#####===== culture_keyword =====#####*****/
#culture_keyword .section-wrap{
    padding: 0;
    background-color: #FBFBFB;
}

#culture_keyword .content-wrap{
    height: 45rem;
}

#culture_keyword .title-wrap{
    width: 30rem;
}

#culture_keyword .title-wrap .title-title{
    top: 6.5%;
}

#culture_keyword .slick-wrap{
    margin-left: 18rem;

    transform: translateY(-19.5%);
}

#culture_keyword .title-title,
#culture_keyword .item-main{
    font-size: 15rem;
}

#culture_keyword .title-title{
    font-weight: 700;
    color: #dddddd;
}

#culture_keyword .item-main{
    padding: 1rem 0;

    font-weight: 700;

    opacity: 0.15;
}

#culture_keyword .slick-slide.slick-center .item-main{
    color: #269A99;
    opacity: 1;
}

#culture_keyword .item-content{
    width: auto;
    height: 20rem;
    padding: 0 4rem;

    background-color: #ffffff;
    border: 16px solid #269A99;
}

#culture_keyword .item-year{
    line-height: 1.4em;
}

#culture_keyword .item-word{
    margin-right: 0.5rem;

    font-size: 1.625rem;
    font-weight: bold;
}

.section-wrap[data-layout="banner_slide_210111"] .slick-arrow path{
    fill: #279a99;
}

/*****##### 미디어쿼리 #####*****/
/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    #culture_keyword .title-title,
    #culture_keyword .item-main {
        font-size: 11rem;
    }
    
    #culture_keyword .title-wrap .title-title {
        top: 8%;
    }
    
    #culture_keyword .slick-wrap {
        margin-left: 14rem;

        transform: translateY(-23.5%);
    }

    #culture_keyword .content-wrap {
        height: 480px;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #culture_keyword .content-wrap{
        height: auto;
    }

    #culture_keyword .slick-wrap{
        margin-left: 0;
        margin-bottom: 3rem;

        transform: translateY(0);
    }

    #culture_keyword .item-content{
        padding: 0 2rem;
    }

    #culture_keyword .item-main{
        font-size: 5.5rem;
        text-align: center;
    }

    #culture_keyword .item-title small{
        display: block;
    }

    #culture_keyword .slick-arrow{
        left: 1rem;
    }
}

/*****#####===== culture_songheader =====#####*****/
#culture_songheader .section-wrap{
    padding: 4.563rem 0 0;
}

#culture_songheader .title-wrap{
    margin-bottom: 2rem;
}

/*****#####===== culture_songtab =====#####*****/
#culture_songtab .tab-content .section-wrap{
    padding: 2rem 0;
}

#culture_songtab .nav-tabs{
    border-bottom: none;

    justify-content: center;
}

#culture_songtab .nav-tabs .nav-item{
    flex-basis: auto;
    flex-grow: inherit;
}

#culture_songtab .nav-tabs .nav-link{
    padding: 0;
    margin: 0 1rem;

    border-bottom: 2px solid #ffffff;

    font-size: 1.25rem;
    font-weight: normal;
}

#culture_songtab .nav-tabs .nav-link:hover{
    border-color:transparent;
}

#culture_songtab .nav-tabs .nav-link.active{
    border: none;
    border-bottom: 2px solid #269A99;

    font-weight: bold;

    color: #167861;
}

/*****#####===== culture_logosong =====#####*****/
#culture_logoong .section-wrap{
    padding: 2rem 0;
}

/*****#####===== culture_originsong =====#####*****/
#culture_originsong .section-wrap{
    padding: 2rem 0;
}

/*****#####===== culture_hire =====#####*****/
#culture_hire .section-wrap{
    padding: 0 0 4.5rem;
}

#culture_hire .title-wrap{
    margin-bottom: 2.5rem;
}

#culture_hire .item-box{
    width: 100%;
    height: 100%;
    border: 1px solid #E1E1E1;
    background-color: #FBFBFB;

    transition: all 0.5s;
}

#culture_hire .item-wrap:hover .item-box{
    border: 1px solid #269A99;
    background-color: #269A99;

    color: #ffffff;
}

#culture_hire .item-subtitle{
    margin-top: 0.3rem;
}

#culture_hire .item-link{
    margin-top: 1.75rem;
}

#culture_hire .item-link svg{
    transform: rotateZ(-90deg);
    margin-bottom: 0.1rem;
}

#culture_hire .item-wrap .item-link svg path{
    transition: all 0.5s;
}

#culture_hire .item-wrap:hover .item-link svg path{
    fill: #ffffff;
}

/*****##### 미디어쿼리 #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #culture_hire .each-col{
        margin-bottom: 1rem;
    }
}

/*=================================================
                문화(interview)
=================================================*/
/*****#####===== interview_content =====#####*****/
#interview_content .slick-wrap{
    padding: 0;
    margin-left: -0.7rem;
    margin-right: -0.7rem;

    overflow: visible;
}

#interview_content .slide-link{
    position: relative;
}

#interview_content .slide-link:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

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

    z-index: 5;
}

#interview_content .slide-link.active:before{
    background-color: rgba(0,0,0,0);
}

#interview_content .slick-wrap .custom-slick-prev{
    left: -3rem;
}

#interview_content .slick-wrap .custom-slick-next{
    right: -3rem;
}

#interview_banner .section-wrap{
    margin-top: 0;
}

/*****##### 미디어 쿼리 #####*****/
/***** lg / md *****/
@media (min-width: 768px) and (max-width: 1199.98px){
    #interview_content .slick-wrap .custom-slick-prev {
        left: -1rem;
    }
    
    #interview_content .slick-wrap .custom-slick-next {
        right: -2rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #interview_content .slick-wrap .custom-slick-prev {
        left: 0;
    }
    
    #interview_content .slick-wrap .custom-slick-next {
        right: -1rem;
    }
}

/*=================================================
                문화(welfare)
=================================================*/
/*****#####===== interview_linkgate =====#####*****/
#welfare_content .section-wrap{
    padding: 3.125rem 0;
}

#welfare_content .title-wrap{
    margin-bottom: 4.1rem;
}

#welfare_content .title-subtitle{
    margin-top: 1.438rem;
}


#welfare_content .each-foritem{
    margin-top: 4.375rem;
}

#welfare_content .each-foritem .item-wrap{
    margin-top: 3rem;

    text-align: center;
}

/*****##### 미디어쿼리 #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #welfare_content .each-foritem .item-wrap{
        margin-top: 1rem;

        text-align: left;
    }
}

/*=================================================
                문화(direction)
=================================================*/
/*****#####===== direction_management =====#####*****/
#direction_management .item-wrap{
    margin-top: 0.5rem;
}

#direction_management .item-wrap .item-title{
    margin: 0.5rem 0 2rem;
    line-height: 1em;
}

/*****#####===== direction_delicious =====#####*****/
#direction_delicious .item-wrap{
    margin-top: 0.5rem;
}

#direction_delicious .item-wrap .item-title{
    margin: 0.5rem 0 2rem;
    line-height: 1em;
}

/*=================================================
            인사이트(insight)
=================================================*/
/*****#####===== archive_lists =====#####*****/
#archive_lists .section-wrap{
    padding: 0;
}

/*****#####===== 디자인페이지 (아카이브) =====#####*****/
.design-board-page-wrap{
    margin-top: 5rem;
}

#archive_lists .section-wrap[data-layout^="design_"]{
    padding: 2.5rem 0;
}

/*****#####===== 디자인페이지 (성공사례) =====#####*****/
#caselists_lists .section-wrap {
    padding: 0;
}

/*=================================================
			company(회사소개)
=================================================*/
#company_summary,
#company_tab,
#company_summary .content-wrap:before{
    background-color:#FBFBFB;
}

/*****#####===== company_summary =====#####*****/
#company_summary .section-wrap{
    padding: 4.563rem 0 0 0;
}

/*****##### 미디어 쿼리 #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #company_summary .title-wrap {
        margin-bottom: 4rem;
    }
}

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

/*****#####===== company_history =====#####*****/
#company_history .section-wrap,
#company_history2 .section-wrap,
#company_history3 .section-wrap{
    padding: 0;
}

/*****#####===== company_philosophy =====#####*****/
#company_philosophy{
    background-color:#269A99;
}

#company_philosophy .section-wrap{
    padding: 0;
}

#company_philosophy .text-modal-btn{
    margin-top:3rem;
}

/*****#####===== company_organization =====#####*****/
#company_organization .section-wrap {
    padding: 6.563rem 0;
}

/*****#####===== company_certified2 =====#####*****/
#company_certified2 .img-item {
    border:1px solid #cccccc;
}

/*=================================================
			contact(문의하기)
=================================================*/
/*****#####===== contact_contact =====#####*****/
/*****##### 폼 #####*****/
#contact_contact .form-control{
    transition:all 0.3s;
}

/***** select *****/
#contact_contact .select-control,
#contact_contact .form-select-wrap{
    background-color:#f7f7f7;
}

#contact_contact .form-select-wrap{
    padding:0.5rem;
}

#contact_contact .select-control{
    border-bottom:2px solid #cccccc;
}

/***** focus *****/
#contact_contact .form-control:not(textarea):not(.select-control):focus{
    border-bottom:1px solid #000000;
}

#contact_contact textarea.form-control:focus{
    border:1px solid #000000;
}

/*****##### 버튼 #####*****/
#contact_contact .btn-wrap{
    margin-top: 1rem;
}

#contact_contact .btn-wrap .btn{
    padding: 0.7rem 3rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md ~ *****/
@media (min-width: 768px) {
    #contact_contact .section-wrap{
        padding: 4.563rem 0 0 0;
    }    
}

/*****#####===== notice_lists =====#####*****/
#notice_lists .board-title-wrap{
    margin-bottom: 1rem;
}

.board-view-header {
    padding: 1rem 3.125rem;
}

.board-view-footer .bc-prev-wrap th,
.board-view-footer .bc-prev-wrap td{
    border-top: 1px solid #e8e8e8;
}

.board-view-footer .bc-next-wrap th,
.board-view-footer .bc-next-wrap td{
    border-bottom: 1px solid #e8e8e8;
}

.board-default-view-wrap .btn-wrap .btn{
    padding: 1.2rem 4rem;
}

/*****##### 미디어 쿼리 #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .board-view-header {
        padding: 1rem 0.5rem;
    }

    .header-date{
        margin-top:0.5rem;
    }
}

/*=================================================
			관련 게시물
=================================================*/
#related-lists {
    margin-top: 5rem;
}

/*****#####===== title =====#####*****/
#related-lists .related-title{
    margin-bottom: 1.5rem;
}

/*****#####===== 슬라이드 =====#####*****/
#related-lists .item-wrap{
    margin-bottom:0;
}

#related-lists .item-title {
    margin: 0.875rem 0 0.375rem 0;
}

/*****##### arrow #####*****/
#related-lists .custom-slick-arrow,
#related-lists .custom-slick-arrow svg {
    width: 1.5rem;
}

/*****##### 미디어쿼리 #####*****/
/***** xl ~ *****/
@media (min-width: 1200px){
    /***** 슬라이드 *****/
    #related-lists .slick-wrap {
        padding: 0 8rem;
        margin: 0 -8.6rem;
    }

    /***** arrow *****/
    #related-lists .custom-slick-arrow,
    #related-lists .custom-slick-arrow svg {
        width: 4.3rem;
    }
}

/***** md ~ *****/
@media (min-width: 768px){
    /***** 슬라이드 *****/
    #related-lists .slide-wrap{
        padding: 0 0.75rem;
    }    
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #related-lists {
        margin-top: 2rem;
    }    
}

/*=================================================
			resevation(예약하기)
=================================================*/
#reservation_lists .fullcalendar-wrap .title-wrap{
    margin-top: 5rem;
}

#reservation_lists .fc-event-container{
    text-align: center;
}

/*****#####===== event =====#####*****/
/*****##### dot #####*****/
#reservation_lists .fc-daygrid-event-dot{
    display: none;
}

/*****##### title #####*****/
#reservation_lists .fc-daygrid-event .fc-event-title{
    display:none;
}

/*****##### 오전 오후 #####*****/
#reservation_lists .fc-daygrid-event {
    margin: 0.2rem 1rem;
    padding: 0.7rem 0.5rem;

    font-weight: 600;
    text-align: center;
    color: #FFFFFF;

    background-color: #269A99;
    border-radius: 17px;


    cursor: pointer;
}

#reservation_lists .fc-daygrid-event.before {
    background-color: #cccccc;
    cursor: inherit;
}

#reservation_lists .fc-daygrid-event div{
    display: none;
}

#reservation_lists .fc-daygrid-event-harness .fc-daygrid-event.before:before{
    content: '예약완료';
    display: block;
    text-align: center;
    width: 100%;
}

body[data-idiom="en"] #reservation_lists .fc-daygrid-event-harness .fc-daygrid-event.before:before{
    content: 'Completed';
}

#reservation_lists .fc-daygrid-event-harness:first-child .fc-daygrid-event.standby:before{
    content: '오전 예약가능';
    display: block;
    text-align: center;
    width: 100%;
}

body[data-idiom="en"] #reservation_lists .fc-daygrid-event-harness:first-child .fc-daygrid-event.standby:before{
    content: 'A.M. Reservation';
}

#reservation_lists .fc-daygrid-event-harness:last-child .fc-daygrid-event.standby:before{
    content: '오후 예약가능';
    display: block;
    text-align: center;
    width: 100%;
}

body[data-idiom="en"] #reservation_lists .fc-daygrid-event-harness:last-child .fc-daygrid-event.standby:before{
    content: 'P.M. Reservation';
}

#reservation_lists .fc-daygrid-event .fc-event-time{
    margin-right: initial;
    margin: auto;
}

#reservation_lists .fullcalendar-wrap {
    min-height: 59rem;
}

/***** hover *****/
#reservation_lists a.fc-event{
    transition: all 0.3s;
}

#reservation_lists a.fc-event:hover {
    background-color: #0f5050;
}
#reservation_lists a.fc-event.before:hover {
    background-color: #cccccc;
}

#reservation_lists a.fc-event.on-click{
    background-color: #082727;
}

/*****#####===== today =====#####*****/
#reservation_lists .fc-daygrid-day.fc-day-today{
    background-color: rgb(239 239 239);
}

/*****#####===== 폼 =====#####*****/
.rsv-form-wrap{
    margin-top: 2rem;
}

.rsv-form-wrap .btn-wrap .btn{
    padding: 1rem 0.5rem;
}

.rsv-form-wrap .form-control{
    border: none;
    border-bottom: 1px solid #ebebeb;
    
    transform: all 0.3s;
}

.rsv-form-wrap .form-control:focus{
    border-bottom: 1px solid #000000;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    /***** 달력 *****/
    #reservation_lists .fullcalendar-wrap {
        min-height: 49rem;
    }

    /***** event *****/
    #reservation_lists .fc-daygrid-event {
        margin: 0.2rem 0.7rem;
        padding: 0.5rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #reservation_lists .fullcalendar-wrap .title-wrap{
        margin-top: 2.5rem;
    }
    
    /***** 달력 *****/
    #reservation_lists .fc .fc-scrollgrid-liquid{
        width:70rem;
    }

    #reservation_lists .fullcalendar-wrap {
        min-height: 51rem;
    }
    
    #reservation_lists .fc .fc-view-harness {
        height: 45rem !important;
    }

    #reservation_lists .fc .fc-view-harness-active>.fc-view{
        overflow-x: scroll;
    }
    
    /***** event *****/
    #reservation_lists .fc-daygrid-event {
        margin: 0.2rem 0.7rem;
        padding: 0.5rem;
    }

    /***** 폼 *****/
    .rsv-form-wrap{
        margin: 2rem 0;
    }
}



/*=================================================
			resevation(예약하기)
=================================================*/
/*****#####===== direction_refined =====#####*****/
/*****##### 슬라이드 #####*****/
#direction_refined .custom-slick-arrow,
#direction_refined .custom-slick-arrow svg {
    width: 1.5rem;
}

/*****##### 미디어쿼리 #####*****/
/***** xl ~ *****/
@media (min-width: 1200px){
    #direction_refined .slick-wrap{
        padding: 0 8rem;
        margin: 0 -8rem;
    }

    #direction_refined .custom-slick-arrow,
    #direction_refined .custom-slick-arrow svg {
        width: 4.3rem;
    }
}