@charset "UTF-8";

/* **************************************** *
 * section line
 * **************************************** */
.sec-hr{height:1px; margin-top:5rem; margin-bottom:5rem; background-color:#ebebeb}
.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 #ebebeb}
.sec-dt.small{margin-top:3rem; margin-bottom:3rem}


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

.stit-area .stit-l.col-row,
.stit-area .stit-c.col-row,
.stit-area .stit-r.col-row{flex-direction:column; align-items:flex-start; gap:1rem}

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

h2.stit02,
h3.stit03,
h4.stit04,
h5.stit05{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; gap:0.5rem; position:relative; margin:0; padding:0; color:#202020; letter-spacing:-0.05rem; vertical-align:middle; word-break:keep-all}
h2.stit02{line-height:1.2em; font-size:4.4rem; font-weight:600; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'}
h3.stit03{line-height:1.2em; font-size:2.7rem; font-weight:600; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'}
h4.stit04{line-height:1.2em; font-size:2.2rem; font-weight:600; font-family:'NEXON-Lv2-Gothic', '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:'NEXON-Lv2-Gothic', 'PretendardGOV'}
h2.stit02 span{font-size:4.4rem}
h3.stit03 span{font-size:2.7rem}
h3.stit03 span.title-dept{color:#006fff; font-weight:500; word-break:break-word}
h4.stit04 span{font-size:2.2rem}
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 #ebebeb}
.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:#202020}
.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.info{background-color:#ecf1ff}
.info-box.info.icon > [class^="ri-"]{color:#006fff}
.info-box.gray{background-color:#f8f8f8}
.info-box.gray.icon > [class^="ri-"]{color:#202020}

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

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


/* **************************************** *
 * text
 * **************************************** */
 /* info-txt */
.info-txt{position:relative; line-height:2.4rem; font-size:1.6rem; font-weight:normal; color:#505050; 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:#505050}
.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:#505050; 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:#505050}
.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}

/* 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:#505050; font-weight:normal}
.dash-txt{color:#505050; font-weight:normal}
.dash-tit{color:#202020; font-weight:300}


/* **************************************** *
 * tab
 * **************************************** */
 /* tab-cont */
 .tab-content{display:none}
 .tab-content.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}
.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 */
.chip-tab-menu{display:flex; flex-wrap:wrap; gap:1rem}
.chip-tab-menu .chip-tab-button{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; position:relative; height:5.4rem; padding:0 2.4rem; background-color:#fff; border:1px solid #ebebeb; border-radius:20rem; z-index:1; cursor:pointer; box-sizing:border-box}
.chip-tab-menu .chip-tab-button{line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:1.6rem; font-weight:300; letter-spacing:-0.05rem}
.chip-tab-menu .chip-tab-button.active{background-color:#202020; border:1px solid #202020; z-index:2}
.chip-tab-menu .chip-tab-button.active span{color:#fff}

 /* sub-tab-menu */
.sub-tab-menu{display:flex; gap:1rem; position:relative}
.sub-tab-menu .sub-tab-button{flex:1; display:flex; align-items:center; justify-content:center; position:relative; height:5.4rem; padding:0 2.4rem; background-color:#fff; border:1px solid #ebebeb; border-radius:20rem; z-index:1; cursor:pointer; box-sizing:border-box}
.sub-tab-menu .sub-tab-button: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 #202020; border-right:0.8rem solid transparent; border-left:0.8rem solid  transparent; opacity:0; z-index:1}
.sub-tab-menu .sub-tab-button span{line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:1.6rem; font-weight:300; letter-spacing:-0.05rem}
.sub-tab-menu .sub-tab-button.active{background-color:#202020; border:1px solid #202020; z-index:2}
.sub-tab-menu .sub-tab-button.active:before{opacity:1}
.sub-tab-menu .sub-tab-button.active span{color:#fff}




/* **************************************** *
 * table
 * **************************************** */
/* con-table */
.con-table{position:relative; overflow:hidden; overflow-x:auto}
.con-table table{table-layout:fixed; width:100%; color:#202020; border-collapse:collapse; border-spacing:0}
.con-table.response table{min-width:110rem}
.con-table table > thead > tr > th
{
    display:table-cell;
    padding:1.2rem 1.5rem;
    line-height:2.4rem;
    color:#202020;
    font-weight:300;
    font-size:1.6rem;
    letter-spacing:-0.05rem;
    text-align:left;
    background:transparent;
    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{border-top:2px solid #202020}
.con-table table > tbody > tr > td
{
    display:table-cell;
    padding:1.6rem 1.2rem;
    line-height:2.4rem;
    color:#202020;
    font-size:1.6rem;
    font-weight:normal;
    letter-spacing:-0.05rem;
    text-align:left;
    border-bottom:1px solid #dadada;
    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 1.2rem;
    line-height:2.4rem;
    color:#202020;
    font-size:1.6rem;
    font-weight:300;
    letter-spacing:-0.05rem;
    text-align:left;
    background:#f8f8f8;
    border-bottom:1px solid #dadada
}
.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 #dadada}
.con-table.gline table > tbody > tr > td,
.con-table.gline table > tbody > tr > th{border:1px solid #dadada}
.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}


/* **************************************** *
 * 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:#fff;
   border:0.1rem solid #dadada;
   font-weight:normal;
   font-size:1.6rem;
   letter-spacing:-0.02rem;
   color:#505050;
   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:#f8f8f8}
 
.btn [class^="ri-"],
.btn [class*=" ri-"]{display:inline-flex; align-items:center; position:relative; font-size:1.8rem; vertical-align:middle}

.btn.disabled,
.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:#efefef; border:1px solid #efefef; color:#505050}
.btn.gray.light:active,
.btn.gray.light:hover,
.btn.gray.light:focus,
.btn.gray.light.checked,
.btn.gray.light.disabled{background:#efefef; border:1px solid #efefef; color:#505050}

.btn.info{background:#006fff; border:1px solid #006fff; color:#fff}
.btn.info:active,
.btn.info:hover,
.btn.info:focus,
.btn.info.checked,
.btn.info.disabled{background:#006fff; border:1px solid #006fff; color:#fff}
.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:#dc2626; border:1px solid #dc2626; color:#fff}
.btn.danger:active,
.btn.danger:hover,
.btn.danger:focus,
.btn.danger.checked,
.btn.danger.disabled{background:#b91c1c; border:1px solid #b91c1c; color:#fff}
.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:#202020; border:1px solid #202020; color:#fff}
.btn.black:active,
.btn.black:hover,
.btn.black:focus,
.btn.black.checked,
.btn.black.disabled{background:#202020; border:1px solid #202020; color:#fff}
.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:#fff;
   border:1px solid #dadada;
   border-radius:0.4rem;
   vertical-align:middle;
   box-sizing:border-box;
   transition: all 0.3s
}
.badge-cmm .badge-tit{color:#505050; line-height:1.5rem; font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem; white-space:nowrap}
.badge-cmm [class^="ri-"]{color:#505050; 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.black{background:#202020; border:1px solid #202020}
.badge-cmm.black .badge-tit{color:#fff}
.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.6rem; padding:0rem 1.4rem}

.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:#006fff;
    border-radius:50%;
    vertical-align:middle
}


/* **************************************** *
 *  pagination
 * **************************************** */
/* pagination-cmm */
.pagination-cmm{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:0.4rem; margin-top:4rem}
.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:#505050; font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem;
    background-color:transparent; border:0; border-radius:0.6rem; cursor:pointer; 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:#f8f8f8}

.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:#505050; font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem;
    background-color:transparent; border:0; border-radius:0.6rem; cursor:pointer; box-sizing:border-box
}
.pagination-cmm a.page-link:hover,
.pagination-cmm button.page-link:hover{background-color:#f8f8f8}
.pagination-cmm .page-link.active{color:#fff !important; background-color:#202020 !important; font-weight:600}
.pagination-cmm .page-link.link-dot{min-width:auto}
.pagination-cmm .page-nav,
.pagination-cmm .page-link{transition:all .35s ease}


/* **************************************** *
 * 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}


/* **************************************** *
 * 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}


/* **************************************** *
 * loading-text
 * **************************************** */
.result-nodata{flex:1; display:flex; align-items:center; justify-content:center; gap:0.5rem; padding:3rem 0; text-align:center}
.result-nodata span{min-width:30rem; padding:1.2rem 2.2rem; line-height:1.2em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem; text-align:center; background-color:#fff; border:1px solid #dadada; border-radius:20rem; box-sizing:border-box}


/* **************************************** *
 * loading-spinner
 * **************************************** */
.loading-spinner{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.5rem; padding:4rem 0; width:100%}
.loading-spinner::before{content:''; width:3.6rem; height:3.6rem; border:3px solid #e8e8e8; border-top-color:#006fff; border-radius:50%; animation:spin 0.8s linear infinite}
.loading-spinner span{color:#808080; font-size:1.4rem; letter-spacing:-0.02rem}
@keyframes spin{to{transform:rotate(360deg)}}

/* **************************************** *
 * loading-text
 * **************************************** */
.loading-text{display:flex; align-items:center; justify-content:center; gap:0.5rem; padding:3rem 0; text-align:center}
.loading-text span{min-width:30rem; padding:1.2rem 2.2rem; line-height:1.2em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem; text-align:center; background-color:#fff; border:1px solid #dadada; border-radius:20rem; box-sizing:border-box}


/* **************************************** *
 * modal
 * **************************************** */
.modal{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); animation:fadeIn 0.3s; z-index:1000; overflow:hidden}
@keyframes fadeIn{from{opacity:0} to{opacity:1}}

.modal.show,
.modal.active{display:flex; align-items:center; justify-content:center}
.modal-overlay{position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer}
.modal-content{background:#fff; border-radius:0.8rem; box-shadow:0 0.4rem 2rem rgba(0, 0, 0, 0.3); animation:slideUp 0.3s; position:relative; z-index:1}
@keyframes slideUp{from{transform:translateY(50px); opacity:0} to{transform:translateY(0); opacity:1}}
.modal-header{display:flex; align-items:center; height:8rem; padding:0 3rem; border-bottom:1px solid #e8e8e8; justify-content:space-between; background:#fff; border-radius:0.8rem 0.8rem 0 0}
.modal-header .modal-tit{line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:2rem; font-weight:600; letter-spacing:-0.08rem}
.modal-close{display:flex; align-items:center; justify-content:center; width:4.2rem; height:4.2rem; padding:0; color:#202020; font-size:2.8rem; background:none; border:none; cursor:pointer; border-radius:0; position:relative; z-index:100}
.modal-body{padding:3rem}
.trend-modal-content{transition:opacity 0.2s ease}

.modal-footer{display:flex; align-items:center; padding:1.4rem 3rem; border-top:1px solid #e8e8e8}
.modal-footer .btn-area{margin-bottom:0}


/* **************************************** *
 * search
 * **************************************** */
.trend-search{display:flex; align-items:center; position:relative; box-sizing:border-box; max-height:0; overflow:hidden; opacity:0; transition:max-height 0.3s ease, opacity 0.3s ease, margin 0.3s ease}
.trend-search.show{max-height:10rem; opacity:1}
.trend-search.active{display:flex}
.trend-search .search-key{position:relative; flex:1}
.trend-search .search-key .key-form{display:flex; align-items:center; position:relative}
.trend-search .search-key .key-form .form-input{position:relative; width:100%; border:0; background:#fff; border:1px solid #dadada; border-radius:1.2rem; z-index:1; box-sizing:border-box}
.trend-search .search-key .key-form .form-input:before{content:'\f0d1'; display:flex; align-items:center; position:absolute; left:2.8rem; top:0; height:100%; font-family:'remixicon'; font-size:2.2rem; color:#505050}
.trend-search .search-key .key-form .form-input input{width:100%; height:6rem; margin:0; padding-left:6rem; padding-right:2rem; background:none; color:#202020; font-size:1.7rem; font-weight:600; text-align:left; letter-spacing:-0.05rem; border:0; border-radius:0; cursor:pointer; outline:none; box-sizing:border-box}
.trend-search .search-key .key-form .form-input input::-webkit-input-placeholder{color:#909090; font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem}

.trend-search .key-record{display:none; position:absolute; top:calc(100% + 0.4rem); left:0; right:0; max-height:32rem; background:#fff; border:1px solid #dadada; border-radius:1.2rem; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12); overflow-y:auto; scrollbar-gutter:stable; scrollbar-width:thin; z-index:1000; box-sizing:border-box}
.trend-search .key-record.active{display:block}

.trend-search .key-record .key-record-item{display:flex; align-items:center; justify-content:space-between; padding:1.2rem 1.6rem; background-color:transparent; border-bottom:1px solid #f3f4f6; cursor:pointer; box-sizing:border-box}
.trend-search .key-record .key-record-item:hover{background-color:#f8f8f8}
.trend-search .key-record .key-record-item .item-name{flex:1; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap: break-word; word-break:keep-all; overflow:hidden; box-sizing:border-box}
.trend-search .key-record .key-record-item .item-name span{line-height:1.4em; color:#202020; font-size:1.7rem; font-weight:normal; letter-spacing:-0.02rem}
.trend-search .key-record .key-record-item .item-count{flex:none; margin-left:1rem}
.trend-search .key-record .key-record-item .item-count span{line-height:1.4em; color:#808080; font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem}
.trend-search .key-record .no-results{display:flex; align-items:center; justify-content:center; gap:0.5rem; padding:2rem 1.6rem; text-align:center}
.trend-search .key-record .no-results span{line-height:1.2em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem}


/* **************************************** *
 * AD
 * **************************************** */
.ad-swiper-container{display:flex; width:100%; gap:4rem}
.ad-swiper{position:relative; overflow:hidden; flex:1 1 calc(50% - 4rem)}
.ad-swiper .swiper-slide{border-radius:1.6rem; overflow:hidden}
.ad-swiper .swiper-slide a{display:block; cursor:pointer}
.ad-swiper .swiper-slide img{display:block; width:100%; height:18rem}

.ad-swiper .ad-swiper-button-prev,
.ad-swiper .ad-swiper-button-next
{
	display:flex; align-items:center; justify-content:center; position:absolute; top:50%; width:3.8rem; height:3.8rem; margin-top:-1.9rem; padding:0;
	background:rgba(0,0,0,.2); border:none; border-radius:50%; z-index:1; cursor:pointer; transition:all .35s ease; box-sizing:border-box
}
.ad-swiper .ad-swiper-button-prev{left:1.5rem}
.ad-swiper .ad-swiper-button-next{right:1.5rem}
.ad-swiper .ad-swiper-button-prev:hover,
.ad-swiper .ad-swiper-button-next:hover{background:rgba(0,0,0,.5)}
.ad-swiper .ad-swiper-button-prev:after,
.ad-swiper .ad-swiper-button-next:after{position:relative; font-family:'remixicon'; font-size:2.4rem; color:rgba(255,255,255,1)}
.ad-swiper .ad-swiper-button-prev:after{content:'\ea64'; left:-0.1rem}
.ad-swiper .ad-swiper-button-next:after{content:'\ea6e'; right:-0.2rem}
.ad-swiper .ad-swiper-button-prev.swiper-button-disabled,
.ad-swiper .ad-swiper-button-next.swiper-button-disabled{background:rgba(0,0,0,.1)}

.ad-swiper-container.mobile-only{display:none}

























.ad-slider.mobile-only{display:none !important}


/* **************************************** *
 * 섹션 그룹
 * **************************************** */
.filter-sec{margin-top:3rem}
.results-section{margin-top:8rem}


/* **************************************** *
 * filter
 * **************************************** */
.filter-step{display:flex; flex-direction:column; gap:2rem; margin-bottom:2rem; padding:2.4rem; background:#f8f8f8; border:none; border-left:2px solid #d8d8d8; border-radius:0.6rem; box-shadow:0 .2rem 1.2rem rgba(0, 0, 0, 0.12); box-sizing:border-box}
.filter-step .filter-step-top{display:inline-flex; align-items:center; padding-bottom:1.5rem; border-bottom:1px solid #f0f0f0}
.filter-step .filter-step-top .step-tit{line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:2.4rem; font-weight:normal; letter-spacing:-0.08rem}
.filter-step .filter-step-top .step-tit strong{color:#006fff}
.filter-step .chosung-bar{display:flex; flex-wrap:wrap; gap:0.5rem; padding-bottom:0.5rem; border-bottom:1px solid #e8e8e8}
.filter-step .chosung-bar .chosung-btn{display:flex; align-items:center; justify-content:center; min-width:3.6rem; height:3.4rem; padding:0 0.6rem; color:#707070; font-size:1.4rem; font-weight:500; letter-spacing:-0.02rem; background:#fff; border:1px solid #e0e0e0; border-radius:0.8rem; cursor:pointer; outline:none; transition:all .25s ease; box-sizing:border-box}
.filter-step .chosung-bar .chosung-btn:hover{color:#006fff; border-color:#006fff; background:#f0f6ff}
.filter-step .chosung-bar .chosung-btn.active{color:#fff; background:#006fff; border-color:#006fff; box-shadow:0 .2rem 0.6rem rgba(0,111,255,0.3)}
.filter-step .chosung-bar .chosung-btn.disabled{color:#ccc; background:#f8f8f8; border-color:#eee; cursor:default; pointer-events:none}
.filter-step .filter-grid{display:flex; flex-wrap:wrap; gap:1rem}
#regionGrid, #susiRegionGrid, #jeongsiRegionGrid{display:grid; grid-template-columns:repeat(auto-fill, minmax(7.5rem, 1fr)); gap:1rem}
.filter-step .filter-grid .filter-item{display:flex; align-items:center; justify-content:center; min-height:5.4rem; padding:1rem 2.2rem; line-height:1.2em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.04rem; text-align:center; background-color:#fff; border:1px solid #ebebeb; border-radius:1.5rem; cursor:pointer; transition:all .35s ease; box-sizing:border-box}
.filter-step .filter-grid .filter-item:hover{color:#006fff; background-color:#f8f8f8}
.filter-step .filter-grid .filter-item.selected,
.filter-step .filter-grid .filter-item.active{color:#fff; font-weight:300; background-color:#006fff; border:1px solid transparent; box-shadow:0 .4rem 1.2rem 0 rgba(0, 111, 255, 0.5)}

.filter-step .filter-grid .filter-placeholder{flex:1; display:flex; align-items:center; justify-content:center; gap:0.5rem; padding:3rem 0; text-align:center; border-top:1px solid #ebebeb;}
.filter-step .filter-grid .filter-placeholder span{min-width:30rem; padding:1.2rem 2.2rem; line-height:1.2em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem; text-align:center; background-color:#fff; border:1px solid #dadada; border-radius:20rem; box-sizing:border-box}


.region-filter-bar{padding:2.4rem; background:#f8f8f8; border:none; border-left:2px solid #d8d8d8; border-radius:0.6rem; box-shadow:0 .2rem 1.2rem rgba(0, 0, 0, 0.12); box-sizing:border-box}
.region-filter-bar .region-filter-buttons{display:grid; grid-template-columns:repeat(auto-fill, minmax(7.5rem, 1fr)); gap:1rem}
.region-filter-bar .region-filter-buttons .region-filter-btn{display:flex; align-items:center; justify-content:center; min-height:5.4rem; margin:0; padding:1rem 2.2rem; line-height:1.2em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.04rem; text-align:center; background-color:#fff; border:1px solid #ebebeb; border-radius:1.5rem; cursor:pointer; outline:none; transition:all .35s ease; box-sizing:border-box}
.region-filter-bar .region-filter-buttons .region-filter-btn:hover{color:#006fff; background-color:#f8f8f8}
.region-filter-bar .region-filter-buttons .region-filter-btn.active{color:#fff; font-weight:300; background-color:#006fff; border:1px solid transparent; box-shadow:0 .4rem 1.2rem 0 rgba(0, 111, 255, 0.5);}

.search-results-accordion{display:flex; flex-direction:column; gap:1rem}
.search-results-accordion .accordion-item{overflow:hidden}
.search-results-accordion .accordion-header{display:flex; align-items:center; min-height:6.8rem; padding:0 2.2rem; background-color:#f0f6ff; border:1px solid #d0e3ff; border-left:2px solid #006fff; border-radius:0.6rem; box-shadow:0 .2rem 1.2rem rgba(0, 0, 0, 0.12); cursor:pointer; transition:all .35s ease; box-sizing:border-box}
.search-results-accordion .accordion-header h4{display:inline-flex; align-items:center; gap:0.4rem; line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:1.5rem; font-weight:300; letter-spacing:-0.02rem; transition:all .35s ease}
.search-results-accordion .accordion-header h4 i{font-size:1.9rem}
.search-results-accordion .accordion-header:hover{background-color:#ecf1ff}
.search-results-accordion .accordion-header:hover h4{color:#006fff}
.search-results-accordion .accordion-content{max-height:0; padding:0 2.2rem; overflow:hidden; transition:max-height 0.3s ease; box-sizing:border-box}

#susi-search-tab .search-results-accordion .accordion-content{display:none; max-height:none; padding:0 2.2rem; overflow:hidden; transition:max-height 0.3s ease; box-sizing:border-box}

.filter-group-row{display:flex; flex-direction:row; align-items:flex-start; gap:1.5rem; width:100%}
.filter-group-row + .filter-group-row{margin-top:0.5rem}
.filter-group-label{flex-shrink:0; display:flex; align-items:center; justify-content:center; min-width:5.4rem; min-height:5.4rem; padding:0.8rem 1.4rem; line-height:1.2em; color:#006fff; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:1.4rem; font-weight:600; letter-spacing:-0.02rem; background-color:#f0f6ff; border:1px solid #d0e3ff; border-radius:1.2rem; box-sizing:border-box}
.filter-group-buttons{display:flex; flex-wrap:wrap; gap:1rem; flex:1}
.department-search-admission-step{margin-top:2rem; padding:2.4rem; background:#f8f8f8; border:none; border-left:2px solid #d8d8d8; border-radius:0.6rem; box-shadow:0 .2rem 1.2rem rgba(0, 0, 0, 0.12); box-sizing:border-box}
.department-search-admission-step .filter-grid{display:flex; flex-wrap:wrap; gap:1rem; padding-bottom:0}
.department-search-admission-step .filter-grid .filter-item{display:flex; align-items:center; justify-content:center; min-height:5.4rem; padding:1rem 2.2rem; line-height:1.2em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.04rem; text-align:center; background-color:#fff; border:1px solid #ebebeb; border-radius:1.5rem; cursor:pointer; transition:all .35s ease; box-sizing:border-box}
.department-search-admission-step .filter-grid .filter-item:hover{color:#006fff; background-color:#f8f8f8}
.department-search-admission-step .filter-grid .filter-item.selected{color:#fff; font-weight:300; background-color:#006fff; border:1px solid transparent; box-shadow:0 .4rem 1.2rem 0 rgba(0, 111, 255, 0.5)}

.result-card.department-search-result.admission-type-content{margin-top:2rem; padding-bottom:6rem}


/* **************************************** *
 * mypage
 * **************************************** */
.mypage-profile{display:flex; align-items:center; justify-content:space-between; margin-bottom:4rem; padding:4rem; border-radius:3.2rem; box-shadow:0 .2rem .4rem 0 rgba(0, 0, 0, 0.12); box-sizing:border-box}
.mypage-profile .profile-l-container{display:flex; align-items:center; gap:2.2rem}
.mypage-profile .profile-r-container{display:flex; flex-direction:column; gap:1rem; min-width:18rem; max-width:18rem}

.mypage-profile .profile-image{display:flex; align-items:flex-end; justify-content:center; position:relative; min-width:8rem; min-height:8rem; height:8rem; background-color:#f4f4f4; border-radius:50%}
.mypage-profile .profile-image img{width:100%; height:100%; object-fit:cover}
.mypage-profile .profile-image i{position:relative; color:#ddd; font-size:6.2rem}
.mypage-profile .profile-image:after{content:''; position:absolute; bottom:-1.8rem; width:2.8rem; height:2.8rem; background-color:#000; border-radius:50%; box-sizing:border-box}
.mypage-profile .profile-image.provider-naver:after{background:#00c300 url(/resources/img/main/login-naver.svg) 50% 50% no-repeat; background-size:1.2rem}
.mypage-profile .profile-image.provider-kakao:after{background:#fae100 url(/resources/img/main/login-kakao.svg) 50% 50% no-repeat; background-size:1.6rem}

.mypage-profile .profile-info{display:flex; flex-direction:column}
.mypage-profile .profile-info .info-account{display:inline-flex; align-items:center}
.mypage-profile .profile-info .info-account .account-name{position:relative; padding:0 1rem; padding-left:0; line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:2.2rem; font-weight:600; letter-spacing:-0.08rem}
.mypage-profile .profile-info .info-account .account-email{padding:0 1rem; line-height:1.4em; color:#505050; font-family:Poppins; font-size:1.6rem; font-weight:300; letter-spacing:-0.02rem}
.mypage-profile .profile-info .info-social{margin-top:1rem; line-height:1.4em; color:#808080; font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem}


/* **************************************** *
 * 서비스 이용동의
 * **************************************** */
.service-terms{position:relative; width:100rem; margin:0 auto}
.service-terms .terms-intro{display:flex; flex-direction:column; margin-bottom:4rem; padding:4rem; background:#f8f8f8; border-radius:2.4em; box-sizing:border-box}
.service-terms .terms-intro .intro-ico{display:flex; align-items:center; justify-content:center; width:6rem; height:5rem; margin-bottom:1rem; background-color:#006fff; border-radius:20rem}
.service-terms .terms-intro .intro-ico i{color:#fff; font-size:2.8rem}
.service-terms .terms-intro .intro-info{display:flex; flex-direction:column; gap:2rem}
.service-terms .terms-intro .intro-info .tit{line-height:2.5rem; color:#202020; font-family:'NEXON-Lv2-Gothic','PretendardGOV'; font-size:2.1rem; font-weight:600; letter-spacing:-0.05rem}
.service-terms .terms-intro .intro-info .info li{position:relative; margin-bottom:0.2rem; line-height:1.4em; color:#808080; font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem; word-break:keep-all}
.service-terms .terms-group{position:relative; margin-bottom:4rem}
.service-terms .terms-top{display:flex; align-items:center; position:relative; min-height:6rem; margin-bottom:0.5rem; padding:1rem 3rem; background-color:#f8f8f8; border-radius:1.2rem; z-index:1; box-sizing:border-box}
.service-terms .terms-body{position:relative; height:30rem; padding:3rem; border:1px solid #ebebeb; border-radius:1.2rem; overflow-y:auto; box-sizing:border-box}
.service-terms .terms-body.auto{height:auto}
.service-terms .terms-allcheck{display:flex; align-items:center; min-height:7rem; padding:0 3rem; background-color:#ecf1ff; border-radius:1.2rem; box-sizing:border-box}


/* **************************************** *
 * 추가 정보 입력
 * **************************************** */
.additional-inform{position:relative; width:100rem; margin:0 auto}
.additional-inform .inform-intro{display:flex; flex-direction:column; margin-bottom:4rem; padding:4rem; background:#f8f8f8; border-radius:2.4em; box-sizing:border-box}
.additional-inform .inform-intro .intro-ico{display:flex; align-items:center; justify-content:center; width:6rem; height:5rem; margin-bottom:1rem; background-color:#006fff; border-radius:20rem}
.additional-inform .inform-intro .intro-ico i{color:#fff; font-size:2.8rem}
.additional-inform .inform-intro .intro-info{display:flex; flex-direction:column; gap:2rem}
.additional-inform .inform-intro .intro-info .tit{line-height:2.5rem; color:#202020; font-family:'NEXON-Lv2-Gothic','PretendardGOV'; font-size:2.1rem; font-weight:600; letter-spacing:-0.05rem}
.additional-inform .inform-intro .intro-info .info li{position:relative; margin-bottom:0.2rem; line-height:1.4em; color:#808080; font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem; word-break:keep-all}


.department-search1{display:flex; align-items:center; position:relative; width:50rem; box-sizing:border-box}
.department-search1 .search-key{position:relative; flex:1}
.department-search1 .search-key .key-form{display:flex; align-items:center; position:relative}
.department-search1 .search-key .key-form .form-input{position:relative; width:100%; height:6.4rem; border:0; background:#fff; border-radius:1.8rem; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12); z-index:1; box-sizing:border-box}
.department-search1 .search-key .key-form .form-input input{width:100%; height:6.4rem; margin:0; padding:0 1.5rem; padding-right:5.8rem; background:none; color:#202020; font-size:1.7rem; font-weight:600; text-align:left; letter-spacing:-0.05rem; border:0; border-radius:0; cursor:pointer; outline:none; box-sizing:border-box}
.department-search1 .search-key .key-form .form-input input::-webkit-input-placeholder{color:#909090; font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem}
.department-search1 .search-key .key-form .form-input .search-btn{display:flex; align-items:center; justify-content:center; position:absolute; right:0; top:0; width:5.8rem; height:100%; margin:0; padding:0; background:transparent; border:0; border-radius:0; cursor:pointer; box-sizing:border-box}
.department-search1 .search-key .key-form .form-input .search-btn:before{content:"\f0d1"; color:#006fff; font-family:"remixicon"; font-size:2.4rem}

.department-search1 .key-record{display:none; max-height:30rem; margin-top:0.5rem; padding:1rem 0; background:#fff; border:1px solid #dadada; border-radius:1.8rem; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12); overflow-y:auto; scrollbar-gutter:stable; scrollbar-width:thin; box-sizing:border-box}
.department-search1 .key-record.show{display:block}
.department-search1 .key-record .key-record-item{display:flex; flex-direction:column; gap:0.2rem; padding:1.2rem 1.6rem; background-color:transparent; border-bottom:1px solid #f3f4f6; cursor:pointer; box-sizing:border-box}
.department-search1 .key-record .key-record-item:last-child{border-bottom:none}
.department-search1 .key-record .key-record-item:hover{background-color:#f8f8f8}
.department-search1 .key-record .key-record-item .item-name{flex:1; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap: break-word; word-break:keep-all; overflow:hidden; box-sizing:border-box}
.department-search1 .key-record .key-record-item .item-name span{line-height:1.4em; color:#202020; font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}
.department-search1 .key-record .key-record-item .item-info{flex:none}
.department-search1 .key-record .key-record-item .item-info span{line-height:1.4em; color:#808080; font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem}
.department-search1 .key-record .no-results{display:flex; align-items:center; justify-content:center; gap:0.5rem; padding:2rem 1.6rem; text-align:center}
.department-search1 .key-record .no-results span{line-height:1.2em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem}

.department-search1 .key-select{display:none; margin-top:1rem}
.department-search1 .key-select.show{display:block}



/* **************************************** *
 * search tab menu (toggle)
 * **************************************** */
.search-tab-menu{display:flex; padding:0.4rem; margin-bottom:1.2rem; background-color:#f0f0f0; border-radius:1.2rem; box-sizing:border-box}
.search-tab-btn{flex:1; display:flex; align-items:center; justify-content:center; gap:0.6rem; padding:0.8rem 1.6rem; background:transparent; border:none; border-radius:0.8rem; color:#808080; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:1.5rem; font-weight:normal; letter-spacing:-0.04rem; cursor:pointer; transition:all .25s; box-sizing:border-box}
.search-tab-btn:hover{color:#505050}
.search-tab-btn.active{color:#006fff; background-color:#fff; font-weight:600; box-shadow:0 0.1rem 0.3rem rgba(0, 0, 0, 0.1)}
.search-tab-btn i{font-size:1.8rem}
.search-tab-content{display:none}
.search-tab-content.active{display:block}

.mobile-br{display:contents}