@charset "UTF-8";

/* **************************************** *
 * skip
 * **************************************** */
#skip{position:relative; z-index:9999}
#skip a
{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:-5rem;
    left:50%;
    width:20rem;
    height:5rem;
    margin-left:-10rem;
    background-color:var(--krds-color-light-gray-90 );
    color:var(--krds-color-light-gray-0);
    font-size:1.6rem;
    font-weight:300;
    letter-spacing:-0.05rem;
    text-align:center;
    border-radius:0;
    box-sizing:border-box;
}
#skip a:hover,
#skip a:focus,
#skip a:active{top:0; text-decoration:none}


/* **************************************** *
 * section line
 * **************************************** */
.sec-hr{height:1px; margin-top:5rem; margin-bottom:5rem; background-color:var(--krds-color-light-gray-10)}
.sec-hr:after{content:''; display:block; clear:both}
.sec-hr.small{margin-top:2rem; margin-bottom:2rem}
.sec-dt{margin-top:5rem; margin-bottom:5rem; border-bottom:1px dashed var(--krds-color-light-gray-10)}
.sec-dt.small{margin-top:3rem; margin-bottom:3rem}

/* **************************************** *
* search-box
* **************************************** */
.search-box{display:flex; align-items:center; position:relative; margin-bottom:4rem; box-sizing:border-box}
.search-box .search-form{display:flex; flex-direction:column}
.search-box .search-form .form-row{display:flex; align-items:center}


/* **************************************** *
 * sub title
 * **************************************** */
.stit-area{display:flex; position:relative; align-items:center; margin-bottom:2rem; z-index:1}
.stit-area .stit-l,
.stit-area .stit-c,
.stit-area .stit-r{display:flex; align-items:center}

.stit-area .stit-c{margin-left:auto}
.stit-area .stit-r{margin-left:auto}

.stit-area .total-num{display:inline-flex; align-items:center; gap:2rem}
.stit-area .total-num .total-post,
.stit-area .total-num .current-page{display:inline-flex; align-items:center; gap:0.5rem; position:relative}
.stit-area .total-num .current-page:before{content:''; position:absolute; left:-1rem; top:50%; width:1px; height:1.4rem; margin-top:-0.7rem; background-color:var(--krds-color-light-gray-20)}
.stit-area .total-num .total-post span,
.stit-area .total-num .current-page span{line-height:2rem; color:var(--krds-color-light-gray-90); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}
.stit-area .total-num .total-post span.num .total-num,
.stit-area .total-num .current-page span.num .current-num{color:#a47e4f}

.stit-area .search-middle{display:inline-flex; align-items:center; gap:0.4rem}
.stit-area .search-middle > form{display:inline-flex; align-items:center; gap:0.4rem; width:100%}

h2.stit02,
h3.stit03,
h4.stit04,
h5.stit05{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; margin:0; padding:0; color:var(--krds-color-light-gray-95); letter-spacing:-0.05rem; vertical-align:middle; word-break:keep-all}
h2.stit02{line-height:1.2em; font-size:4.4rem; font-weight:300; font-family:'FlightSans', 'PretendardGOV'}
h3.stit03{line-height:1.2em; font-size:2.7rem; font-weight:300; font-family:'FlightSans', 'PretendardGOV'}
h4.stit04{line-height:1.2em; font-size:2.2rem; font-weight:300; font-family:'FlightSans', 'PretendardGOV'}
h5.stit05{line-height:1.2em; font-size:1.8rem; font-weight:300}
h2.stit02 span,
h3.stit03 span,
h4.stit04 span,
h5.stit05 span{font-family:'PretendardGOV'}
h2.stit02 span{font-size:4.4rem}
h3.stit03 span{font-size:3.8rem}
h4.stit04 span{font-size:2.3rem}
h5.stit05 span{font-size:1.8rem}
h2.stit02 + .total-num,
h3.stit03 + .total-num,
h4.stit04 + .total-num,
h5.stit05 + .total-num{margin-left:1rem}

h4.stit04 .offor{position:relative; top:0.4rem; margin-left:1rem; font-size:1.6rem; letter-spacing:-0.02rem}


/* **************************************** *
* box
* **************************************** */
/* info-box */
.info-box{position:relative; padding:2.4rem; background-color:transparent; border-radius:1.2rem}
.info-box.border{border:1px solid var(--krds-color-light-gray-10)}
.info-box.small{padding:1.7rem 2rem; border-radius:0.8rem}
.info-box.large{padding:2.8rem 4rem}

.info-box.icon{padding-left:6rem}
.info-box.icon > [class^="ri-"]{position:absolute; left:2.8rem; top:2.3rem; font-size:2.3rem; color:var(--krds-color-light-gray-60)}
.info-box.icon.large{padding-left:6rem}
.info-box.icon.large > [class^="ri-"]{top:2.8rem}

.info-box .stit04{padding-top:1px}
.info-box .stit04 + .info-txt{margin-top:1.5rem}
.info-box .stit04 + .info-list{margin-top:1.5rem}

.info-box .stit05{padding-top:1px}
.info-box .stit05 + .info-txt{margin-top:1.5rem}
.info-box .stit05 + .info-list{margin-top:1.5rem}

.info-box.secondary{background-color:var(--krds-color-light-secondary-5)}
.info-box.secondary.icon > [class^="ri-"]{color:var(--krds-color-light-secondary-60)}
.info-box.secondary.border{border:1px solid var(--krds-color-light-secondary-10)}

.info-box.gray{background-color:var(--krds-color-light-gray-5)}
.info-box.gray.icon > [class^="ri-"]{color:var(--krds-color-light-gray-60)}
.info-box.gray.border{border:1px solid var(--krds-color-light-gray-10)}

.info-box.info{background-color:var(--krds-color-light-information-5)}
.info-box.info.icon > [class^="ri-"]{color:var(--krds-color-light-information-60)}
.info-box.info.border{border:1px solid var(--krds-color-light-information-10)}

.info-box.danger{background-color:var(--krds-color-light-danger-5)}
.info-box.danger.icon > [class^="ri-"]{color:var(--krds-color-light-danger-60)}
.info-box.danger.border{border:1px solid var(--krds-color-light-danger-10)}

.info-box.warning{background-color:var(--krds-color-light-warning-5)}
.info-box.warning.icon > [class^="ri-"]{color:var(--krds-color-light-warning-60)}
.info-box.warning.border{border:1px solid var(--krds-color-light-warning-10)}

.info-box.success{background-color:var(--krds-color-light-success-5)}
.info-box.success.icon > [class^="ri-"]{color:var(--krds-color-light-success-60)}
.info-box.success.border{border:1px solid var(--krds-color-light-success-10)}

.info-box .info-list > li{margin-bottom:0.4rem}

.info-box img{max-width:100%}

/* con-box */
.con-box{position:relative; padding:2.4rem; border:1px solid var(--krds-color-light-gray-10); border-radius:1.2rem}

/* summary-box */
.summary-box{margin-bottom:3rem; padding:3rem 4rem; background-color:#fff; background-image:url('../img/common/heritage-pattern04.png'); background-position:50% 50%; background-repeat:repeat; border-radius:0.8rem}
.summary-box.small{padding:2rem 3rem; border-radius:0.6rem}

.summary-box.bg_agr{background-color:#214b4a} /* 고고연구 */
.summary-box.bg_aah{background-color:#a53b3f} /* 미술문화유산연구 */
.summary-box.bg_csr{background-color:#172e57} /* 보존과학연구 */
.summary-box.bg_sac{background-color:#543f3c} /* 건축문화유산연구 */
.summary-box.bg-spr{background-color:#8f8023} /* 안전방재연구 */
.summary-box.bg-rtr{background-color:#446079} /* 복원기술연구 */

.summary-box h3.stit03,
.summary-box h4.stit04,
.summary-box h5.stit05{color:#fff}

.summary-box .stit03 + .info-txt{margin-top:1.5rem}
.summary-box .stit04 + .info-txt{margin-top:1.5rem}

.summary-box.small .stit04{line-height:2rem; font-size:2rem}

.summary-box .info-txt{color:rgba(255,255,255,.7)}



/* **************************************** *
 * text
 * **************************************** */
 /* info-txt */
.info-txt{position:relative; line-height:2.4rem; font-size:1.6rem; font-weight:normal; color:var(--krds-color-light-gray-70); font-size:1.6rem; letter-spacing:-0.02rem; word-break:keep-all}
.info-txt.bul{padding-left:1.0rem}
.info-txt.bul:before{content:''; position:absolute; left:0; top:1rem; width:0.3rem; height:0.3rem; background:var(--krds-color-light-gray-40)}
.info-txt.uni{padding-left:1.6rem}
.info-txt.uni > .uni{position:absolute; top:0; left:0}
.info-txt i{position:relative; top:-0.1rem; font-size:1.8rem !important; vertical-align:middle}
.info-txt strong{font-weight:300}

/* info-list */
.info-list{position:relative}
.info-list:after{content:''; display:block; clear:both}
.info-list > li{position:relative; margin-bottom:0.2rem; line-height:2.4rem; color:var(--krds-color-light-gray-70); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem; word-break:keep-all}
.info-list > li:last-child{margin-bottom:0}
.info-list > li > ul{margin-top:0.2rem}
.info-list.bul > li{padding-left:1.8rem}
.info-list.bul > li:before{content:''; position:absolute; left:0; top:0.9rem; width:0.3rem; height:0.3rem; background:var(--krds-color-light-gray-40)}
.info-list.uni > li{padding-left:2.2rem}
.info-list.uni > li > span.uni{position:absolute; left:0; top:0}
.info-list.uni.long-uni > li{padding-left:3.4rem}
.info-list strong{font-weight:300}

 /* info-stit */
.info-stit{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; margin-bottom:1rem; padding:0; line-height:1.7rem; color:var(--krds-color-light-gray-95); font-size:1.7rem; font-weight:300; letter-spacing:-0.05rem; vertical-align:middle; word-break:keep-all}


/* dash */
.dash-uni,
.dash-txt,
.dash-tit{display:inline-block; line-height:2.2rem; font-size:1.6rem; letter-spacing:-0.02rem; vertical-align:middle}
.dash-uni{color:var(--krds-color-light-gray-40); font-weight:normal}
.dash-txt{color:var(--krds-color-light-gray-70); font-weight:normal}
.dash-tit{color:var(--krds-color-light-gray-95); font-weight:300}


/* **************************************** *
 * tab
 * **************************************** */
 /* tab-cont */
 .tab-cont{display:none}
 .tab-cont.active{display:block}


 /* tab-line */
.tab-line{position:relative; margin-bottom:4rem}
.tab-line > ul{display:flex; align-items:center; position:relative}
.tab-line > ul > li{display:flex; flex:1; position:relative}
.tab-line > ul > li:before{content:''; position:absolute; bottom:0; left:0; right:0; height:0.2rem; background-color:var(--krds-color-light-gray-10)}
.tab-line > ul > li a{display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:5.6rem; padding:0 0.8rem; box-sizing:border-box}
.tab-line > ul > li a:before{content:''; position:absolute; left:50%; bottom:0; width:0; height:0.4rem; margin-left:0; background:var(--krds-color-light-gray-95); transition:all .30s ease}
.tab-line > ul > li a > span{line-height:1.9rem; color:var(--krds-color-light-gray-40); font-size:1.9rem; font-weight:normal; letter-spacing:-0.05rem; text-align:center; transition:all .20s ease}
.tab-line > ul > li:hover a > span,
.tab-line > ul > li.active a > span{color:var(--krds-color-light-gray-95)}
.tab-line > ul > li.active a > span{font-weight:300}
.tab-line > ul > li:hover a:before,
.tab-line > ul > li.active a:before{width:60%; margin-left:-30%}

 /* tab-region */
.tab-region{display:flex; align-items:center; gap:4rem; margin-bottom:6rem}
.tab-region .tab-box a{display:flex; position:relative}
.tab-region .tab-box a:before{content:''; display:none; position:absolute; right:-0.5rem; top:-0.8rem; width:0.6rem; height:0.6rem; border-radius:50%; background:#a47e4f}
.tab-region .tab-box a span{color:#afafaf; line-height:2.7rem; font-family:FlightSans; font-size:2.7rem; font-weight:normal; letter-spacing:-0.12rem; white-space:nowrap}
.tab-region .tab-box.active a:before{display:block}
.tab-region .tab-box.active a span{color:var(--krds-color-light-gray-95); font-weight:300}

.tab-region.keytask .tab-box a span{font-size:2.3rem;letter-spacing:-0.08rem}

 /* tab-chip */
.tab-chip{position:relative; margin-bottom:4rem}
.tab-chip:before{content:''; position:absolute; left:0; right:0; top:50%; height:1px; margin-top:-0.05rem; background:var(--krds-color-light-gray-10)}
.tab-chip.multiple:before{display:none}
.tab-chip > ul{display:flex; flex-wrap:wrap; gap:0.4rem; position:relative}
.tab-chip > ul > li{display:flex}
.tab-chip > ul > li a{display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:5rem; padding:0 2.2rem; background-color:var(--krds-color-light-gray-0); border:1px solid var(--krds-color-light-gray-10); border-radius:20rem; outline:none; z-index:1; box-sizing:border-box}
.tab-chip > ul > li a:before{content:''; position:absolute; left:50%; margin-left:-0.8rem; bottom:-0.8rem; width:0; height:0; border-bottom:0.8rem solid none; border-top:0.8rem solid var(--krds-color-light-gray-95); border-right:0.8rem solid transparent; border-left:0.8rem solid  transparent; opacity:0; z-index:1}

.tab-chip > ul > li a > span{line-height:2.2rem; color:var(--krds-color-light-gray-90); font-size:1.7rem; font-weight:normal; letter-spacing:-0.08rem}
.tab-chip > ul > li.active a{background-color:var(--krds-color-light-gray-90); background-image:url('../img/common/heritage-pattern04.png'); background-position:50% 50%; background-repeat:repeat; border:1px solid var(--krds-color-light-gray-90); z-index:2}
.tab-chip > ul > li.active a:before{opacity:1}
.tab-chip > ul > li.active a > span{color:var(--krds-color-light-gray-0)}



/* **************************************** *
 * table
 * **************************************** */
/* con-table */
.con-table{position:relative; background-color:#fff; overflow:hidden; overflow-x:auto}
.con-table table{table-layout:fixed; width:100%; color:var(--krds-color-light-gray-95); border-collapse:collapse; border-spacing:0}
.con-table.response table{min-width:1100px}
.con-table table > thead > tr > th
{
    display:table-cell;
    padding:1.2rem 1.5rem;
    line-height:2.4rem;
    color:var(--krds-color-light-gray-95);
    font-weight:300;
    font-size:1.6rem;
    letter-spacing:-0.05rem;
    text-align:left;
    background:var(--krds-color-light-secondary-5);
    border-bottom:1px solid var(--krds-color-light-secondary-10);
    border-top:none;
    vertical-align:middle;
}
.con-table table > thead > tr > th:first-child{border-left:none}
.con-table table > thead > tr > th:last-child{border-right:none}
.con-table table > tbody > tr > td
{
    display:table-cell;
    padding:1.6rem 1.5rem;
    line-height:2.4rem;
    color:var(--krds-color-light-gray-70);
    font-size:1.6rem;
    font-weight:normal;
    letter-spacing:-0.05rem;
    text-align:left;
    border-bottom:1px solid var(--krds-color-light-secondary-10);
    vertical-align:middle;
}
.con-table table > tbody > tr > td:first-child{border-left:none}
.con-table table > tbody > tr > td:last-child{border-right:none}
.con-table table > tbody > tr > th
{
    padding:1.6rem 2.5rem;
    line-height:2.4rem;
    color:var(--krds-color-light-gray-95);
    font-size:1.6rem;
    font-weight:300;
    letter-spacing:-0.05rem;
    text-align:left;
    background:var(--krds-color-light-secondary-5);
    border-bottom:1px solid var(--krds-color-light-secondary-10)
}
.con-table table > tbody > tr > th:first-child{border-left:none}
.con-table table > tbody > tr > th:last-child{border-right:none}

.con-table.gline table > thead > tr > th{border:1px solid var(--krds-color-light-secondary-10)}
.con-table.gline table > tbody > tr > td,
.con-table.gline table > tbody > tr > th{border:1px solid var(--krds-color-light-secondary-10)}
.con-table.gline table > thead > tr > th:first-child,
.con-table.gline table > tbody > tr > td:first-child,
.con-table.gline table > tbody > tr > th:first-child{border-left:none}
.con-table.gline table > thead > tr > th:last-child,
.con-table.gline table > tbody > tr > td:last-child,
.con-table.gline table > tbody > tr > th:last-child{border-right:none}

.con-table.tcenter table > thead > tr > th,
.con-table.tcenter table > tbody > tr > td,
.con-table.tcenter table > tbody > tr > th{text-align:center}

.con-table.even table > tbody > tr:nth-child(even){background-color:#f5f5f5}

.con-table .table-link{color:#3768ce}
.con-table .table-link:hover{text-decoration:underline; text-underline-offset:0.2rem}

.con-table .bg.primary{background:var(--krds-color-light-primary-5) !important}
.con-table .bg.secondary{background:var(--krds-color-light-secondary-5) !important}
.con-table .bg.gray{background:var(--krds-color-light-gray-5) !important}
.con-table .bg.info{background:var(--krds-color-light-information-5) !important}
.con-table .bg.danger{background:var(--krds-color-light-danger-5) !important}
.con-table .bg.warning{background:var(--krds-color-light-warning-5) !important}
.con-table .bg.success{background:var(--krds-color-light-success-5) !important}

.con-table .table-overlay{display:none; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.4);}
.con-table.scroll-on .table-overlay{display:block}
.con-table .table-overlay .overlay-info{padding:1rem}
.con-table .table-overlay .overlay-info p{padding:1.2rem 1.5rem; line-height:1.2em; color:#fff; font-size:1.6rem; letter-spacing:-0.08rem; text-align:center; background:rgba(0,0,0,0.7); border-radius:20rem}



/* **************************************** *
 * button
 * **************************************** */
 /* btn-area */
.btn-area{display:flex; align-items:center; width:100%; margin-bottom:1rem}
.btn-area .btn-l,
.btn-area .btn-c,
.btn-area .btn-r{display:flex; align-items:center; gap:0.4rem}
.btn-area .btn-c{margin:0 auto}
.btn-area .btn-r{margin-left:auto}

 /* btn base */
.btn{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   flex-direction:row;
   gap:0.2rem;
   width:auto;
   height:4.8rem;
   padding:0 1.8rem;
   line-height: 1.6rem;
   background:var(--krds-color-light-gray-0);
   border:0.1rem solid var(--krds-color-light-gray-20);
   font-weight:normal;
   font-size:1.6rem;
   letter-spacing:-0.02rem;
   color:var(--krds-color-light-gray-70);
   white-space:nowrap;
   border-radius:0.6rem;
   vertical-align:middle;
   cursor:pointer;
   box-sizing:border-box;
   transition: all 0.3s
 }
.btn:active,
.btn:hover,
.btn:focus{padding:1.4rem 1.8rem; background:var(--krds-color-light-gray-5)}
 
.btn [class^="ri-"],
.btn [class*=" ri-"]{display:inline-flex; align-items:center; position:relative; font-size:1.8rem; vertical-align:middle}

.btn.disabled{opacity:.4; cursor:no-drop}


 /* btn color */
.btn.primary{background:var(--krds-color-light-primary-50); border:1px solid var(--krds-color-light-primary-50); color:var(--krds-color-light-alpha-white100)}
.btn.primary:active,
.btn.primary:hover,
.btn.primary:focus,
.btn.primary.checked,
.btn.primary.disabled{background:var(--krds-color-light-primary-60); border:1px solid var(--krds-color-light-primary-60); color:var(--krds-color-light-alpha-white100)}
.btn.primary.light{background:var(--krds-color-light-primary-5); border:1px solid var(--krds-color-light-primary-30); color:var(--krds-color-light-primary-60)}
.btn.primary.light:active,
.btn.primary.light:hover,
.btn.primary.light:focus,
.btn.primary.light.checked,
.btn.primary.light.disabled{background:var(--krds-color-light-primary-10); border:1px solid var(--krds-color-light-primary-40); color:var(--krds-color-light-primary-60)}

.btn.secondary{background:var(--krds-color-light-secondary-50); border:1px solid var(--krds-color-light-secondary-50); color:var(--krds-color-light-alpha-white100)}
.btn.secondary:active,
.btn.secondary:hover,
.btn.secondary:focus,
.btn.secondary.checked,
.btn.secondary.disabled{background:var(--krds-color-light-secondary-60); border:1px solid var(--krds-color-light-secondary-60); color:var(--krds-color-light-alpha-white100)}
.btn.secondary.light{background:var(--krds-color-light-secondary-5); border:1px solid var(--krds-color-light-secondary-30); color:var(--krds-color-light-secondary-60)}
.btn.secondary.light:active,
.btn.secondary.light:hover,
.btn.secondary.light:focus,
.btn.secondary.light.checked,
.btn.secondary.light.disabled{background:var(--krds-color-light-secondary-10); border:1px solid var(--krds-color-light-secondary-40); color:var(--krds-color-light-secondary-60)}

.btn.gray{background:var(--krds-color-light-gray-60); border:1px solid var(--krds-color-light-gray-60); color:var(--krds-color-light-alpha-white100)}
.btn.gray:active,
.btn.gray:hover,
.btn.gray:focus,
.btn.gray.checked,
.btn.gray.disabled{background:var(--krds-color-light-gray-70); border:1px solid var(--krds-color-light-gray-70); color:var(--krds-color-light-alpha-white100)}
.btn.gray.light{background:var(--krds-color-light-gray-5); border:1px solid var(--krds-color-light-gray-30); color:var(--krds-color-light-gray-60)}
.btn.gray.light:active,
.btn.gray.light:hover,
.btn.gray.light:focus,
.btn.gray.light.checked,
.btn.gray.light.disabled{background:var(--krds-color-light-gray-10); border:1px solid var(--krds-color-light-gray-40); color:var(--krds-color-light-gray-60)}

.btn.info{background:var(--krds-color-light-information-50); border:1px solid var(--krds-color-light-information-50); color:var(--krds-color-light-alpha-white100)}
.btn.info:active,
.btn.info:hover,
.btn.info:focus,
.btn.info.checked,
.btn.info.disabled{background:var(--krds-color-light-information-60); border:1px solid var(--krds-color-light-information-60); color:var(--krds-color-light-alpha-white100)}
.btn.info.light{background:var(--krds-color-light-information-5); border:1px solid var(--krds-color-light-information-30); color:var(--krds-color-light-information-60)}
.btn.info.light:active,
.btn.info.light:hover,
.btn.info.light:focus,
.btn.info.light.checked,
.btn.info.light.disabled{background:var(--krds-color-light-information-10); border:1px solid var(--krds-color-light-information-40); color:var(--krds-color-light-information-60)}

.btn.danger{background:var(--krds-color-light-danger-50); border:1px solid var(--krds-color-light-danger-50); color:var(--krds-color-light-alpha-white100)}
.btn.danger:active,
.btn.danger:hover,
.btn.danger:focus,
.btn.danger.checked,
.btn.danger.disabled{background:var(--krds-color-light-danger-60); border:1px solid var(--krds-color-light-danger-60); color:var(--krds-color-light-alpha-white100)}
.btn.danger.light{background:var(--krds-color-light-danger-5); border:1px solid var(--krds-color-light-danger-30); color:var(--krds-color-light-danger-60)}
.btn.danger.light:active,
.btn.danger.light:hover,
.btn.danger.light:focus,
.btn.danger.light.checked,
.btn.danger.light.disabled{background:var(--krds-color-light-danger-10); border:1px solid var(--krds-color-light-danger-40); color:var(--krds-color-light-danger-60)}

.btn.warning{background:var(--krds-color-light-warning-50); border:1px solid var(--krds-color-light-warning-50); color:var(--krds-color-light-alpha-white100)}
.btn.warning:active,
.btn.warning:hover,
.btn.warning:focus,
.btn.warning.checked,
.btn.warning.disabled{background:var(--krds-color-light-warning-60); border:1px solid var(--krds-color-light-warning-60); color:var(--krds-color-light-alpha-white100)}
.btn.warning.light{background:var(--krds-color-light-warning-5); border:1px solid var(--krds-color-light-warning-30); color:var(--krds-color-light-warning-60)}
.btn.warning.light:active,
.btn.warning.light:hover,
.btn.warning.light:focus,
.btn.warning.light.checked,
.btn.warning.light.disabled{background:var(--krds-color-light-warning-10); border:1px solid var(--krds-color-light-warning-40); color:var(--krds-color-light-warning-60)}

.btn.success{background:var(--krds-color-light-success-50); border:1px solid var(--krds-color-light-success-50); color:var(--krds-color-light-alpha-white100)}
.btn.success:active,
.btn.success:hover,
.btn.success:focus,
.btn.success.checked,
.btn.success.disabled{background:var(--krds-color-light-success-60); border:1px solid var(--krds-color-light-success-60); color:var(--krds-color-light-alpha-white100)}
.btn.success.light{background:var(--krds-color-light-success-5); border:1px solid var(--krds-color-light-success-30); color:var(--krds-color-light-success-60)}
.btn.success.light:active,
.btn.success.light:hover,
.btn.success.light:focus,
.btn.success.light.checked,
.btn.success.light.disabled{background:var(--krds-color-light-success-10); border:1px solid var(--krds-color-light-success-40); color:var(--krds-color-light-success-60)}

.btn.black{background:var(--krds-color-light-gray-95); border:1px solid var(--krds-color-light-gray-95); color:var(--krds-color-light-alpha-white100)}
.btn.black:active,
.btn.black:hover,
.btn.black:focus,
.btn.black.checked,
.btn.black.disabled{background:var(--krds-color-light-gray-95); border:1px solid var(--krds-color-light-gray-95); color:var(--krds-color-light-alpha-white100)}
.btn.black.light{background:var(--krds-color-light-gray-0); border:1px solid var(--krds-color-light-gray-95); color:var(--krds-color-light-gray-95)}
.btn.black.light:active,
.btn.black.light:hover,
.btn.black.light:focus,
.btn.black.light.checked,
.btn.black.light.disabled{background:var(--krds-color-light-gray-95); border:1px solid var(--krds-color-light-gray-95); color:var(--krds-color-light-alpha-white100)}

/* btn size */
.btn.xsmall{height:3.2rem; padding:0 1rem; font-size:1.5rem; border-radius:0.4rem}
.btn.xsmall:active,
.btn.xsmall:hover,
.btn.xsmall:focus,
.btn.xsmall.checked{padding:0 1rem;}
.btn.xsmall [class^="ri-"]{font-size:1.5rem}

.btn.small{height:4rem; padding:0 1.2rem; font-size:1.5rem; border-radius:0.4rem}
.btn.small:active,
.btn.small:hover,
.btn.small:focus,
.btn.small.checked{padding:0 1.2rem}
.btn.small [class^="ri-"]{font-size:1.6rem}

.btn.medium{height:4.8rem; padding:0 1.8rem; font-size:1.7rem; border-radius:0.6rem}
.btn.medium:active,
.btn.medium:hover,
.btn.medium:focus,
.btn.medium.checked{padding:0 1.8rem}
.btn.medium [class^="ri-"]{font-size:1.7rem}
 
.btn.large{height:5.6rem; padding:0 2rem; font-size:1.9rem; border-radius:0.8rem}
.btn.large:active,
.btn.large:hover,
.btn.large:focus,
.btn.large.checked{padding:0 2rem}
.btn.large [class^="ri-"]{font-size:2.1rem}
 
.btn.xlarge{height:6.4rem; padding:0 2.4rem; font-size:1.9rem; border-radius:0.8rem}
.btn.xlarge:active,
.btn.xlarge:hover,
.btn.xlarge:focus,
.btn.xlarge.checked{padding:0 2.4rem;}
.btn.xlarge [class^="ri-"]{font-size:1.9rem}

/* btn group */
.btn-group{display:flex; align-items:center; gap:0.4rem}
.btn-group + .btn-group{margin-top:1rem}

/* btn type */
.btn.round-max{padding:0 2rem; border-radius:100rem}

.btn.underline{border:0; border-bottom:2px solid var(--krds-color-light-gray-95); border-radius:0}

.btn.underline{color:var(--krds-color-light-gray-90)}
.btn.underline.small{height:3.4rem; padding:0}
.btn.underline.small [class^="ri-"]{font-size:2rem}
.btn.underline:active,
.btn.underline:hover,
.btn.underline:focus{padding:0; background:transparent}

/* **************************************** *
 * badge
 * **************************************** */
.badge-cmm
{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   flex-direction:row;
   width:auto;
   height:2.8rem;
   padding:0 1rem;
   background:var(--krds-color-light-gray-0);
   border:1px solid var(--krds-color-light-gray-20);
   border-radius:0.4rem;
   vertical-align:middle;
   box-sizing:border-box;
   transition: all 0.3s
}
.badge-cmm .badge-tit{color:var(--krds-color-light-gray-60); line-height:1.5rem; font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem; white-space:nowrap}
.badge-cmm [class^="ri-"]{color:var(--krds-color-light-alpha-white100); font-size:1.8rem}

.badge-cmm.circle{width:2.8rem; height:2.8rem; padding:0; border-radius:100rem; border:none !important}

 /* badge color */
.badge-cmm.primary{background:var(--krds-color-light-primary-50); border:1px solid var(--krds-color-light-primary-50)}
.badge-cmm.primary .badge-tit{color:var(--krds-color-light-alpha-white100)}
.badge-cmm.primary.light{background:var(--krds-color-light-primary-5); border:1px solid var(--krds-color-light-primary-30)}
.badge-cmm.primary.light .badge-tit{color:var(--krds-color-light-primary-60)}

.badge-cmm.secondary{background:var(--krds-color-light-secondary-50); border:1px solid var(--krds-color-light-secondary-50)}
.badge-cmm.secondary .badge-tit{color:var(--krds-color-light-alpha-white100)}
.badge-cmm.secondary.light{background:var(--krds-color-light-secondary-5); border:1px solid var(--krds-color-light-secondary-30)}
.badge-cmm.secondary.light .badge-tit{color:var(--krds-color-light-secondary-60)}

.badge-cmm.gray{background:var(--krds-color-light-gray-50); border:1px solid var(--krds-color-light-gray-50)}
.badge-cmm.gray .badge-tit{color:var(--krds-color-light-alpha-white100)}
.badge-cmm.gray.light{background:var(--krds-color-light-gray-5); border:1px solid var(--krds-color-light-gray-30)}
.badge-cmm.gray.light .badge-tit{color:var(--krds-color-light-gray-60)}
.badge-cmm.gray.light [class^="ri-"]{color:var(--krds-color-light-gray-60)}

.badge-cmm.info{background:var(--krds-color-light-information-50); border:1px solid var(--krds-color-light-information-50)}
.badge-cmm.info .badge-tit{color:var(--krds-color-light-alpha-white100)}
.badge-cmm.info.light{background:var(--krds-color-light-information-5); border:1px solid var(--krds-color-light-information-30)}
.badge-cmm.info.light .badge-tit{color:var(--krds-color-light-information-60)}

.badge-cmm.danger{background:var(--krds-color-light-danger-50); border:1px solid var(--krds-color-light-danger-50)}
.badge-cmm.danger .badge-tit{color:var(--krds-color-light-alpha-white100)}
.badge-cmm.danger.light{background:var(--krds-color-light-danger-5); border:1px solid var(--krds-color-light-danger-30)}
.badge-cmm.danger.light .badge-tit{color:var(--krds-color-light-danger-60)}

.badge-cmm.warning{background:var(--krds-color-light-warning-50); border:1px solid var(--krds-color-light-warning-50)}
.badge-cmm.warning .badge-tit{color:var(--krds-color-light-alpha-white100)}
.badge-cmm.warning.light{background:var(--krds-color-light-warning-5); border:1px solid var(--krds-color-light-warning-30)}
.badge-cmm.warning.light .badge-tit{color:var(--krds-color-light-warning-60)}

.badge-cmm.success{background:var(--krds-color-light-success-50); border:1px solid var(--krds-color-light-success-50)}
.badge-cmm.success .badge-tit{color:var(--krds-color-light-alpha-white100)}
.badge-cmm.success.light{background:var(--krds-color-light-success-5); border:1px solid var(--krds-color-light-success-30)}
.badge-cmm.success.light .badge-tit{color:var(--krds-color-light-success-60)}

.badge-cmm.black{background:var(--krds-color-light-gray-95); border:1px solid var(--krds-color-light-gray-95)}
.badge-cmm.black .badge-tit{color:var(--krds-color-light-alpha-white100)}
.badge-cmm.black.light{background:var(--krds-color-light-gray-20); border:1px solid var(--krds-color-light-gray-95)}
.badge-cmm.black.light .badge-tit{color:var(--krds-color-light-gray-95)}

.badge-cmm.round-max{border-radius:100rem}

 /* badge size */
.badge-cmm.small{height:2.2rem; padding:0rem 0.6rem}
.badge-cmm.small .badge-tit{font-size:1.4rem}
.badge-cmm.large{height:3.2rem; padding:0rem 1.2rem}

.badge-cmm.circle.small{width:2.2rem; height:2.2rem}
.badge-cmm.circle.small .badge-tit{font-size:1.4rem}
.badge-cmm.circle.large{width:3.2rem; height:3.2rem}
.badge-cmm.circle.large .badge-tit{font-size:1.6rem}

/* badge-group */
.badge-group{display:flex; align-items:center; gap:0.4rem}
.badge-group + .badge-group{margin-top:1rem}


/* **************************************** *
 * require
 * **************************************** */
.require-cmm{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    position:relative;
    top:-0.8rem;
    min-width:0.5rem;
    min-height:0.5rem;
    width:0.5rem;
    height:0.5rem;
    margin-left:0.5rem;
    background:var(--krds-color-light-gray-95);
    border-radius:50%;
    vertical-align:middle
}
/* require color */
.require-cmm.primary{background:var(--krds-color-light-primary-50)}
.require-cmm.secondary{background:var(--krds-color-light-secondary-50)}
.require-cmm.gray{background:var(--krds-color-light-gray-50)}
.require-cmm.info{background:var(--krds-color-light-information-50)}
.require-cmm.danger{background:var(--krds-color-light-danger-50)}
.require-cmm.warning{background:var(--krds-color-light-warning-50)}
.require-cmm.success{background:var(--krds-color-light-success-50)}

/* require size */
.require-cmm.large{min-width:0.8rem; min-height:0.8rem; width:0.8rem; height:0.8rem}


/* **************************************** *
 *  pagination
 * **************************************** */
/* pagination-cmm */
.pagination-cmm{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:0.4rem; margin-top:4.5rem}
.pagination-cmm .page-nav
{
    display:flex; align-items:center; justify-content:center; gap:0.2rem; position:relative; min-width:4rem; height:4rem; padding:0 1rem;
    line-height:1.6rem; color:var(--krds-color-light-gray-70); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem;
    background-color:transparent; border-radius:0.6rem; box-sizing:border-box
}
.pagination-cmm .page-nav:before,
.pagination-cmm .page-nav:after{position:relative; top:-0.1rem; font-family:remixicon; font-size:2rem; font-weight:normal}
.pagination-cmm .page-nav.first:before{content:'\f363'}
.pagination-cmm .page-nav.prev:before{content:'\ea64'}
.pagination-cmm .page-nav.next:after{content:'\ea6e'}
.pagination-cmm .page-nav.last:after{content:'\f365'}
.pagination-cmm a.page-nav:hover{background-color:var(--krds-color-light-gray-5)}

.pagination-cmm .page-links{display:flex; align-items:center; gap:0.6rem}
.pagination-cmm .page-link
{
    display:flex; align-items:center; justify-content:center; position:relative; min-width:4rem; height:4rem; padding:0 0.2rem;
    line-height:1.6rem; color:var(--krds-color-light-gray-70); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem;
    background-color:transparent; border-radius:0.6rem; box-sizing:border-box
}
.pagination-cmm a.page-link:hover{background-color:var(--krds-color-light-gray-5)}
.pagination-cmm .page-link.active{color:var(--krds-color-light-gray-0); background-color:var(--krds-color-light-gray-95); font-weight:600}
.pagination-cmm .page-link.link-dot{min-width:auto}
.pagination-cmm .page-nav,
.pagination-cmm .page-link{transition:all .35s ease}

/* **************************************** *
 *  popup
 * **************************************** */
/* popup window */
.popup-window{position:relative; box-sizing:border-box}
.popup-window > .head,
.popup-window > form > .head{display:flex; align-items:center; position:relative; height:6rem; background-color:var(--krds-color-light-gray-95); text-align:left; box-sizing:border-box}
.popup-window > .head .pop-tit,
.popup-window > form > .head .pop-tit{display:flex; align-items:center; padding-left:2.5rem; line-height:1.2em; color:#fff; font-size:1.7rem; font-weight:300; letter-spacing:-0.07rem}

.popup-window .body{position:relative; background-color:var(--krds-color-light-gray-0); border-radius:0 0 0.8rem 0.8rem; box-sizing:border-box}
.popup-window .body .pop-contents{position:relative; min-height:20rem; padding:2.5rem; box-sizing:border-box}

/* popup button */
.popup-btn{display:flex; align-items:center; position:relative; width:100%; margin-top:3rem}
.popup-btn .btn-l,
.popup-btn .btn-c,
.popup-btn .btn-r{display:flex; align-items:center; gap:0.4rem}
.popup-btn .btn-c{margin:0 auto}
.popup-btn .btn-r{margin-left:auto}
.popup-btn .btn-l .btn,
.popup-btn .btn-c .btn,
.popup-btn .btn-r .btn{min-width:8rem}


/* **************************************** *
 *  feedback-content
 * **************************************** */
.feedback-content{position:relative; margin-top:10rem; padding:3rem 5rem; border:1px solid var(--krds-color-light-gray-10)}
.feedback-content .feedback-contact{display:flex; align-items:center; margin-bottom:2.5rem; padding:1.8rem 3rem; background-color:var(--krds-color-light-secondary-5); border-radius:0.8rem; box-sizing:border-box}
.feedback-content .contact-part,
.feedback-content .contact-tel{display:flex; align-items:center; gap:0.8rem}
.feedback-content .contact-tel{margin-left:auto}
.feedback-content .contact-part .tit,
.feedback-content .contact-tel .tit{display:inline-flex; align-items:center; flex:none; line-height:1.6rem; color:var(--krds-color-light-gray-95); font-size:1.6rem; font-weight:300; letter-spacing:-0.02rem}
.feedback-content .contact-part .tit:before,
.feedback-content .contact-tel .tit:before{margin-right:0.5rem; color:var(--krds-color-light-gray-95); font-family:"remixicon"; font-size:1.9rem}
.feedback-content .contact-part .tit:before{content:'\ef90'}
.feedback-content .contact-part .info,
.feedback-content .contact-tel .info{line-height:1.6rem; color:var(--krds-color-light-gray-95); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}

.feedback-content .feedback-write{display:flex; align-items: flex-start}
.feedback-content .write-l{flex:4; display:flex; flex-direction:column}
.feedback-content .write-r{flex:6}
.feedback-content .write-l .write-tit{line-height:2.2rem; color:var(--krds-color-light-gray-95); font-size:1.7rem; font-weight:300; letter-spacing:-0.02rem}
.feedback-content .write-l .write-option{display:flex; align-items:center; gap:2.5rem; margin-top:1.5rem}
.feedback-content .write-r .write-comment{display:flex; align-items:center; gap:1rem}
.feedback-content .write-r .write-comment .textarea-cmm{flex:1}
.feedback-content .write-r .write-comment .textarea-cmm textarea{resize:none}
.feedback-content .write-r .write-comment .btn{flex:none}


/* **************************************** *
 *  card-square
 * **************************************** */
 /* card-square-base */
.card-square-base{display:flex; flex-wrap:wrap; margin-top:-2rem; margin-left:-3rem}
.card-square-base .card-align{display:flex; width:50%}
.card-square-base.col1 .card-align{display:flex; width:100%}
.card-square-base.col2 .card-align{display:flex; width:50%}
.card-square-base.col3 .card-align{display:flex; width:33.333333%}
.card-square-base.col4 .card-align{display:flex; width:25%}
.card-square-base.col5 .card-align{display:flex; width:20%}

.card-square-base .card-item{flex:1; display:flex; flex-direction:column; margin-top:2rem; margin-left:3rem; padding:3.5rem 3rem; background-color:#fff; border-radius:1.2rem; border:1px solid var(--krds-color-light-gray-10); box-sizing:border-box}
.card-square-base .item-top{display:flex; align-items:center}
.card-square-base .item-top .top-tit .tit{display:inline-flex; align-items:center; line-height:2.1rem; color:var(--krds-color-light-gray-95); font-family:FlightSans; font-size:2.1rem; font-weight:300; letter-spacing:-0.1rem}
.card-square-base .item-top + .item-cont{margin-top:3rem}

.card-square-base .item-top .top-tit .num{
    display:inline-flex; align-items:center; justify-content:center; position:relative; top:1px; height:3.2rem; margin-right:0.8rem; padding:0 1.6rem;
    line-height:1.7rem; color:var(--krds-color-light-gray-90); font-family:'Poppins'; font-size:1.7rem; font-weight:300;
    background-color:var(--krds-color-light-secondary-5); border:0.1rem solid var(--krds-color-light-secondary-10); border-radius:20rem; box-sizing:border-box;
}
.card-square-base.take .card-item{min-height:18rem}
.card-square-base.take .item-cont{margin-top:auto}

.card-square-base.step .item-top .top-tit .tit{line-height:1.9rem; font-size:1.9rem}



 /* card-square-step */
.card-square-step{position:relative}
.card-square-step .step-container{display:flex; flex-wrap:wrap; margin-left:-3rem; margin-top:-2rem}
.card-square-step .step-align{display:flex; width:50%}
.card-square-step .step-container.col2 .step-align{width:50%}
.card-square-step .step-container.col3 .step-align{width:33.333333%}
.card-square-step .step-container.col4 .step-align{width:25%}
.card-square-step .step-container.col5 .step-align{width:20%}
.card-square-step .step-container.col6 .step-align{width:16.66666%}

.card-square-step .step-item{display:flex; flex-direction:column; justify-content:center; position:relative; width:100%; margin-left:3rem; margin-top:2rem; padding:1.5rem; background:#eef2f7 url('../img/common/heritage-pattern01.png') 50% 50% repeat; border-radius:1.2rem; box-sizing:border-box}
.card-square-step .step-item:after{content:'\ea6e'; display:flex; align-items:center; justify-content:center; position:absolute; right:-2.9rem; top:50%; width:2.6rem; height:2.6rem; margin-top:-1.3rem; font-family:remixicon; font-size:2.2rem; text-align:left; font-weight:300; color:var(--krds-color-light-gray-40); z-index:1; box-sizing:border-box}

.card-square-step .item-num{display:inline-flex; align-items:center; justify-content:center; position:absolute; top:1rem; left:1rem; min-width:3.2rem; min-height:3.2rem; text-align:center; background:var(--krds-color-light-gray-0); border:1px solid #e1e1e1; border-radius:20rem; box-sizing:border-box}
.card-square-step .item-num span{color:var(--krds-color-light-gray-90); line-height:1.2em; font-size:1.4rem; font-weight:normal; letter-spacing:-0.08rem; white-space:nowrap; text-align:center}
.card-square-step .item-box{display:flex; flex-direction:column; justify-content:center; min-height:6.4rem; padding:1.2rem 1rem; box-sizing:border-box}
.card-square-step .item-box .tit,
.card-square-step .item-box .info{line-height:2.2rem; font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem; text-align:center}
.card-square-step .item-box .tit{color:var(--krds-color-light-gray-90); font-size:1.6rem}
.card-square-step .item-box .info{color:var(--krds-color-light-gray-50); font-size:1.4rem}

.card-square-step .item-box.box-t{border-bottom:0}
.card-square-step .item-box.box-b{border-top:0}

.card-square-step .item-box.active{background:#101010; border-radius:20rem}
.card-square-step .item-box.active .tit{color:var(--krds-color-light-gray-0); font-size:1.6rem}
.card-square-step .item-box.active .info{color:var(--krds-color-light-gray-30); font-size:1.4rem}

.card-square-step .step-container .step-align:last-child .step-item:after{display:none}
.card-square-step .step-container.col3 .step-align:nth-child(3) .step-item:after{display:none}
.card-square-step .step-container.col4 .step-align:nth-child(4) .step-item:after{display:none}
.card-square-step .step-container.col5 .step-align:nth-child(5) .step-item:after{display:none}
.card-square-step .step-container.col6 .step-align:nth-child(6) .step-item:after{display:none}

 /* card-square-swiper */
.card-square-swiper .card-square-swiper-container{padding:4rem; background:#eef2f7 url('../img/common/heritage-pattern01.png') 50% 50% repeat; border-radius:1.2rem; box-sizing:border-box}
.card-square-swiper .card-swiper{overflow:hidden}
.card-square-swiper .card-swiper .card-box .card-meta{display:flex; flex-direction:column}
.card-square-swiper .card-swiper .card-box .card-thum{display:flex; align-items:center; overflow:hidden}
.card-square-swiper .card-swiper .card-box .card-thum .thum-img{display:block; position:relative; bottom:0; width:100%; cursor:pointer}
.card-square-swiper .card-swiper .card-box .card-thum .thum-img:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.3)}
.card-square-swiper .card-swiper .card-box .card-thum .thum-img img{display:block; width:100%; height:100%}

.card-square-swiper .card-swiper-controll{display:flex; align-items:center; justify-content:space-between; margin-bottom:2rem}
.card-square-swiper .card-swiper-controll .controll-l,
.card-square-swiper .card-swiper-controll .controll-r{display:flex; align-items:center; gap:0.4rem}
.card-square-swiper .card-swiper-button-prev,
.card-square-swiper .card-swiper-button-next
{
	display:flex; align-items:center; justify-content:center; min-width:4.2rem; min-height:4.2rem; padding:0;
	background:rgba(0,0,0,.5); border:none; border-radius:50%; z-index:1; cursor:pointer; transition:all .35s ease; box-sizing:border-box
}
.card-square-swiper .card-swiper-button-prev{left:-2.3rem}
.card-square-swiper .card-swiper-button-next{right:-2.3rem}
.card-square-swiper .card-swiper-button-prev:hover,
.card-square-swiper .card-swiper-button-next:hover{background:rgba(0,0,0,.8)}
.card-square-swiper .card-swiper-button-prev:after,
.card-square-swiper .card-swiper-button-next:after{position:relative; font-family:'remixicon'; font-size:2.9rem; color:var(--krds-color-light-gray-0)}
.card-square-swiper .card-swiper-button-prev:after{content:'\ea64'; left:-0.1rem}
.card-square-swiper .card-swiper-button-next:after{content:'\ea6e'; right:-0.2rem}
.card-square-swiper .card-swiper-button-prev.swiper-button-disabled,
.card-square-swiper .card-swiper-button-next.swiper-button-disabled{background:rgba(0,0,0,.1)}


/* **************************************** *
 * intro-kind
 * **************************************** */
.intro-kind{position:relative; width:110rem; margin:0 auto}
.intro-kind .intro-dsption{display:flex; flex-direction:column; padding:7rem 4rem; background:#eef2f7 url('../img/common/heritage-pattern01.png') 50% 50% repeat; border-radius:1.2rem; box-sizing:border-box}
.intro-kind .intro-dsption .dsption-ico{display:flex; align-items:center; justify-content:center; width:6.4rem; height:6.4rem; margin:0 auto 2rem; background-color:var(--krds-color-light-gray-95); border-radius:50%}
.intro-kind .intro-dsption .dsption-ico i{color:var(--krds-color-light-gray-0); font-size:2.8rem}
.intro-kind .intro-dsption .dsption-info{display:flex; flex-direction:column; text-align:center; gap:4rem}
.intro-kind .intro-dsption .dsption-info .tit{line-height:2.5rem; color:var(--krds-color-light-gray-95); font-family:FlightSans; font-size:2.5rem; font-weight:300; letter-spacing:-0.08rem}
.intro-kind .intro-dsption .dsption-info .info li{position:relative; margin-bottom:0.2rem; line-height:2.4rem; color:var(--krds-color-light-gray-90); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem; word-break:keep-all}
.intro-kind .intro-confirm{display:flex; align-items:center; justify-content:center; gap:0.4rem; margin-top:3rem}
.intro-kind .intro-confirm .btn{min-width:17rem}


/* **************************************** *
 * image-square
 * **************************************** */
.image-square .image-container{display:flex; flex-wrap:wrap}
.image-square .image-box{flex:1; display:flex}
.image-square .image-box .image-item{flex:1; display:flex; flex-direction:column; position:relative; height:fit-content; padding:3.5rem; background-color:#fff; border:1px solid var(--krds-color-light-gray-10); box-shadow:0.2rem 0.4rem 1.2rem 0 rgb(118 145 148 / 8%); box-sizing:border-box}
.image-square .image-box .image-item .img-wrap{display:flex; gap:1rem}
.image-square .image-box .image-item .item-img{display:flex; position:relative}
.image-square .image-box .image-item .item-img:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.1); z-index:2}
.image-square .image-box .image-item .item-img.border-blind:after{display:none}
.image-square .image-box .image-item .item-img img{width:100%; max-width:100%; object-fit:cover; z-index:1}
.image-square .image-box .image-item .item-tit{display:flex; align-items:center; justify-content:space-between; margin-top:1.5rem}
.image-square .image-box .image-item .item-tit .tit{position:relative; line-height:2.2rem; color:var(--krds-color-light-gray-90); font-size:1.6rem; font-weight:300; letter-spacing:-0.05rem}
.image-square .image-box .image-item .item-info{display:flex; flex-direction:column; margin-top:1rem; box-sizing:border-box}
.image-square .image-box .image-item .item-info .info{position:relative; line-height:2.4rem; color:var(--krds-color-light-gray-60); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem; text-align:justify}

.image-square.col-set .image-container{gap:0; margin-left:-2rem; margin-top:-2rem}
.image-square.col-set .image-box{flex:none}
.image-square.col-set .image-item{margin-left:2rem; margin-top:2rem}

.image-square.panel{padding:3rem; background:var(--krds-color-light-gray-5) url(../img/common/heritage-pattern02.png) 50% 50% repeat;}

.image-square .image-box .image-item .item-img .item-overlay{display:none; flex-direction:column; align-items:center; justify-content:center; gap:1rem; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(84,63,60,.9); z-index:2; box-sizing:border-box}
.image-square .image-box .image-item .item-img .item-overlay i{display:flex; align-items:center; justify-content:center; width:6rem; height:6rem; font-size:3.2rem; color:var(--krds-color-light-gray-0); border:0.3rem solid #fff; border-radius:50%}
.image-square .image-box .image-item .item-img .item-overlay p{line-height:2.4rem; color:var(--krds-color-light-gray-0); font-size:1.7rem; font-weight:normal; letter-spacing:-0.05rem}
.image-square .image-box .image-item:hover .item-img .item-overlay{display:flex}


.image-square.col1 .image-box{width:100%}
.image-square.col2 .image-box{width:50%}
.image-square.col3 .image-box{width:33.33333%}
.image-square.col4 .image-box{width:25%}
.image-square.col5 .image-box{width:20%}

.image-square.col3 .image-container,
.image-square.col4 .image-container,
.image-square.col5 .image-container{margin-left:-1rem; margin-top:-1rem}

.image-square.col3 .image-box .image-item,
.image-square.col4 .image-box .image-item,
.image-square.col5 .image-box .image-item{margin-left:1rem; margin-top:1rem; padding:2rem}

.image-square.img-h120 .image-box .image-item .item-img img{height:12rem}
.image-square.img-h140 .image-box .image-item .item-img img{height:14rem}
.image-square.img-h150 .image-box .image-item .item-img img{height:15rem}
.image-square.img-h180 .image-box .image-item .item-img img{height:18rem}
.image-square.img-h190 .image-box .image-item .item-img img{height:19rem}
.image-square.img-h200 .image-box .image-item .item-img img{height:20rem}
.image-square.img-h220 .image-box .image-item .item-img img{height:22rem}
.image-square.img-h250 .image-box .image-item .item-img img{height:25rem}
.image-square.img-h270 .image-box .image-item .item-img img{height:27rem}
.image-square.img-h300 .image-box .image-item .item-img img{height:30rem}
.image-square.img-h350 .image-box .image-item .item-img img{height:35rem}

.image-square.cover .image-box .image-item{padding:2rem}

.image-square-fix{padding:3rem; background:var(--krds-color-light-gray-5) url(../img/common/heritage-pattern02.png) 50% 50% repeat; overflow-x:auto}
.image-square-fix .image-container{display:flex; flex-wrap:wrap; justify-content:center; gap:2rem}
.image-square-fix .image-box{flex:none; display:flex}
.image-square-fix .image-box .image-item{flex:1; display:flex; flex-direction:column; position:relative; height:fit-content; padding:3.5rem; background-color:#fff; border:1px solid var(--krds-color-light-gray-10); box-shadow:0.2rem 0.4rem 1.2rem 0 rgb(118 145 148 / 8%); box-sizing:border-box}
.image-square-fix .image-box .image-item .img-wrap{display:flex; gap:1rem}
.image-square-fix .image-box .image-item .item-img{display:flex; position:relative}
.image-square-fix .image-box .image-item .item-img:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.05); z-index:2}
.image-square-fix .image-box .image-item .item-img img{width:100%; max-width:100%; object-fit:cover; z-index:1}
.image-square-fix .image-box .image-item .item-tit{display:flex; align-items:center; margin-top:1.5rem}
.image-square-fix .image-box .image-item .item-tit .tit{position:relative; line-height:2.2rem; color:var(--krds-color-light-gray-90); font-size:1.6rem; font-weight:300; letter-spacing:-0.02rem}
.image-square-fix .image-box .image-item .item-info{display:flex; align-items:center; margin-top:2rem; box-sizing:border-box}
.image-square-fix .image-box .image-item .item-info .info{position:relative; line-height:2.4rem; color:var(--krds-color-light-gray-60); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem; text-align:justify}

.image-square-fix.img-h120 .image-box .image-item .item-img img{height:12rem}
.image-square-fix.img-h140 .image-box .image-item .item-img img{height:14rem}
.image-square-fix.img-h190 .image-box .image-item .item-img img{height:19rem}
.image-square-fix.img-h200 .image-box .image-item .item-img img{height:20rem}
.image-square-fix.img-h250 .image-box .image-item .item-img img{height:25rem}
.image-square-fix.img-h300 .image-box .image-item .item-img img{height:30rem}

.image-square-fix.img-align-l .image-container{justify-content:flex-start}


.image-square-swiper-container{position:relative; padding:3rem; background:var(--krds-color-light-gray-5) url(../img/common/heritage-pattern02.png) 50% 50% repeat; overflow:hidden}
.image-square-swiper .image-box{flex:none; display:flex}
.image-square-swiper .image-box .image-item{flex:1; display:flex; flex-direction:column; position:relative; height:fit-content; padding:3rem; background-color:#fff; border:1px solid var(--krds-color-light-gray-10); box-shadow:0.2rem 0.4rem 1.2rem 0 rgb(118 145 148 / 8%); box-sizing:border-box}
.image-square-swiper .image-box .image-item .img-wrap{display:flex; gap:1rem}
.image-square-swiper .image-box .image-item .item-img{display:flex; position:relative; width:100%}
.image-square-swiper .image-box .image-item .item-img:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.05); z-index:2}
.image-square-swiper .image-box .image-item .item-img img{width:100%; max-width:100%; object-fit:cover; z-index:1}
.image-square-swiper .image-box .image-item .item-tit{display:flex; align-items:center; margin-top:1.5rem}
.image-square-swiper .image-box .image-item .item-tit .tit{position:relative; line-height:2.2rem; color:var(--krds-color-light-gray-90); font-size:1.6rem; font-weight:300; letter-spacing:-0.02rem}
.image-square-swiper .image-box .image-item .item-info{display:flex; align-items:center; margin-top:2rem; box-sizing:border-box}
.image-square-swiper .image-box .image-item .item-info .info{position:relative; line-height:2.4rem; color:var(--krds-color-light-gray-60); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem; text-align:justify}

.image-square-swiper-container .image-square-swiper-button-prev,
.image-square-swiper-container .image-square-swiper-button-next
{
	display:flex; align-items:center; justify-content:center; position:absolute; top:50%; width:4.2rem; height:4.2rem; margin-top:-2.1rem; padding:0;
	background:rgba(0,0,0,.5); border:none; border-radius:50%; z-index:1; cursor:pointer; transition:all .35s ease; box-sizing:border-box
}
.image-square-swiper-container .image-square-swiper-button-prev{left:1rem}
.image-square-swiper-container .image-square-swiper-button-next{right:1rem}
.image-square-swiper-container .image-square-swiper-button-prev:hover,
.image-square-swiper-container .image-square-swiper-button-next:hover{background:rgba(0,0,0,.8)}
.image-square-swiper-container .image-square-swiper-button-prev:after,
.image-square-swiper-container .image-square-swiper-button-next:after{position:relative; font-family:'remixicon'; font-size:2.9rem; color:var(--krds-color-light-gray-0)}
.image-square-swiper-container .image-square-swiper-button-prev:after{content:'\ea64'; left:-0.1rem}
.image-square-swiper-container .image-square-swiper-button-next:after{content:'\ea6e'; right:-0.2rem}
.image-square-swiper-container .image-square-swiper-button-prev.swiper-button-disabled,
.image-square-swiper-container .image-square-swiper-button-next.swiper-button-disabled{background:rgba(0,0,0,.1)}

.image-square-swiper .image-box .image-item .stit04{font-size:2rem}








/* **************************************** *
 * lay horizontal
 * **************************************** */
.lay-hr{display:flex; flex:1; gap:5rem; min-height:0}
.lay-hr .lay-box{flex:1; min-width:0}
.lay-hr .lay-box.col1{flex:1}
.lay-hr .lay-box.col2{flex:2}
.lay-hr .lay-box.col3{flex:3}
.lay-hr .lay-box.col4{flex:4}
.lay-hr .lay-box.col5{flex:5}
.lay-hr .lay-box.col6{flex:6}
.lay-hr .lay-box.col7{flex:7}
.lay-hr .lay-box.col8{flex:8}
.lay-hr .lay-box.col9{flex:9}

.lay-hr .lay-box.col1-5{flex:1.5}
.lay-hr .lay-box.col8-5{flex:8.5}