@charset "UTF-8";
*{box-sizing:border-box; word-break:keep-all;}
p {
    font-size: 17px;
    line-height: 26px;
    color: #222;
}
@media all and (max-width:768px){
	p{font-size:16px;}
}
@media all and (max-width:480px){
	p{font-size:14px;}
}
.cw {
    color: #fff !important;
}
.tac {
    text-align: center !important;
}
img {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
/* input.text {padding: 0 8px; width: 180px;} */
.m0 {margin:0px;} .m1 {margin:1px;} .m2 {margin:2px;} .m3 {margin:3px;} .m4 {margin:4px;} .m5 {margin:5px;} .m6 {margin:6px;} .m7 {margin:7px;} .m8 {margin:8px;} .m9 {margin:9px;} .m10 {margin:10px;} .m15 {margin:15px;} .m20 {margin:20px;} .m25 {margin:25px;} .m30 {margin:30px;} .m35 {margin:35px;} .m40 {margin:40px;} .m45 {margin:45px;} .m50 {margin:50px;} .m55 {margin:55px;} .m60 {margin:60px;} .m65 {margin:65px;} .m70 {margin:70px;} .m75 {margin:75px;} .m80 {margin:80px;} .m85 {margin:85px;} .m90 {margin:90px;} .m95 {margin:95px;} .m100 {margin:100px;} .m110 {margin:110px;} .m120 {margin:120px;} .m130 {margin:130px;} .m140 {margin:140px;} .m150 {margin:150px;} .m160 {margin:160px;} .m170 {margin:170px;} .m180 {margin:180px;} .m190 {margin:190px;} .m200 {margin:200px;} .m250 {margin:250px;} .m300 {margin:300px;}
.mt0 {margin-top:0px;} .mt1 {margin-top:1px;} .mt2 {margin-top:2px;} .mt3 {margin-top:3px;} .mt4 {margin-top:4px;} .mt5 {margin-top:5px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt25 {margin-top:25px;} .mt30 {margin-top:30px;} .mt35 {margin-top:35px;} .mt40 {margin-top:40px;} .mt45 {margin-top:45px;} .mt50 {margin-top:50px;} .mt55 {margin-top:55px;} .mt60 {margin-top:60px;} .mt65 {margin-top:65px;} .mt70 {margin-top:70px;} .mt75 {margin-top:75px;} .mt80 {margin-top:80px;} .mt85 {margin-top:85px;} .mt90 {margin-top:90px;} .mt95 {margin-top:95px;} .mt100 {margin-top:100px;} .mt110 {margin-top:110px;} .mt120 {margin-top:120px;} .mt130 {margin-top:130px;} .mt140 {margin-top:140px;} .mt150 {margin-top:150px;} .mt160 {margin-top:160px;} .mt170 {margin-top:170px;} .mt180 {margin-top:180px;} .mt190 {margin-top:190px;} .mt200 {margin-top:200px;} .mt210 {margin-top:210px;} .mt220 {margin-top:220px;} .mt230 {margin-top:230px;} .mt240 {margin-top:240px;} .mt250 {margin-top:250px;} .mt260 {margin-top:260px;} .mt270 {margin-top:270px;} .mt280 {margin-top:280px;} .mt290 {margin-top:290px;} .mt300 {margin-top:300px;}
.ml0 {margin-left:0px;} .ml1 {margin-left:1px;} .ml2 {margin-left:2px;} .ml3 {margin-left:3px;} .ml4 {margin-left:4px;} .ml5 {margin-left:5px !important;} .ml10 {margin-left:10px;} .ml15 {margin-left:15px;} .ml16 {margin-left:16px;} .ml20 {margin-left:20px;} .ml25 {margin-left:25px;} .ml30 {margin-left:30px;} .ml35 {margin-left:35px;} .ml40 {margin-left:40px;} .ml45 {margin-left:45px;} .ml50 {margin-left:50px;} .ml55 {margin-left:55px;} .ml60 {margin-left:60px;} .ml65 {margin-left:65px;} .ml70 {margin-left:70px;} .ml75 {margin-left:75px;} .ml80 {margin-left:80px;} .ml85 {margin-left:85px;} .ml90 {margin-left:90px;} .ml95 {margin-left:95px;} .ml100 {margin-left:100px;} .ml110 {margin-left:110px;} .ml115 {margin-left:115px;} .ml120 {margin-left:120px;} .ml130 {margin-left:130px;} .ml140 {margin-left:140px;} .ml150 {margin-left:150px;} .ml160 {margin-left:160px;} .ml170 {margin-left:170px;} .ml180 {margin-left:180px;} .ml190 {margin-left:190px;} .ml200 {margin-left:200px;} .ml210 {margin-left:210px;} .ml220 {margin-left:220px;} .ml230 {margin-left:230px;} .ml240 {margin-left:240px;} .ml250 {margin-left:250px;} .ml260 {margin-left:260px;} .ml270 {margin-left:270px;} .ml280 {margin-left:280px;} .ml290 {margin-left:290px;} .ml300 {margin-left:300px;} .ml320 {margin-left:320px;}
.mr0 {margin-right:0px;} .mr1 {margin-right:1px;} .mr2 {margin-right:2px;} .mr3 {margin-right:3px;} .mr4 {margin-right:4px;} .mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr25 {margin-right:25px;} .mr30 {margin-right:30px;} .mr35 {margin-right:35px;} .mr40 {margin-right:40px;} .mr45 {margin-right:45px;} .mr50 {margin-right:50px;} .mr55 {margin-right:55px;} .mr60 {margin-right:60px;} .mr65 {margin-right:65px;} .mr70 {margin-right:70px;} .mr75 {margin-right:75px;} .mr80 {margin-right:80px;} .mr85 {margin-right:85px;} .mr90 {margin-right:90px;} .mr95 {margin-right:95px;} .mr100 {margin-right:100px;} .mr110 {margin-right:110px;} .mr120 {margin-right:120px;} .mr130 {margin-right:130px;} .mr140 {margin-right:140px;} .mr150 {margin-right:150px;} .mr160 {margin-right:160px;} .mr170 {margin-right:170px;} .mr180 {margin-right:180px;} .mr190 {margin-right:190px;} .mr200 {margin-right:200px;} .mr210 {margin-right:210px;} .mr220 {margin-right:220px;} .mr230 {margin-right:230px;} .mr240 {margin-right:240px;} .mr250 {margin-right:250px;} .mr260 {margin-right:260px;} .mr270 {margin-right:270px;} .mr280 {margin-right:280px;} .mr290 {margin-right:290px;} .mr300 {margin-right:300px;}
.mb0 {margin-bottom:0px;} .mb1 {margin-bottom:1px;} .mb2 {margin-bottom:2px;} .mb3 {margin-bottom:3px;} .mb4 {margin-bottom:4px;} .mb5 {margin-bottom:5px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb25 {margin-bottom:25px;} .mb30 {margin-bottom:30px;} .mb35 {margin-bottom:35px;} .mb40 {margin-bottom:40px;} .mb45 {margin-bottom:45px;} .mb50 {margin-bottom:50px;} .mb55 {margin-bottom:55px;} .mb60 {margin-bottom:60px;} .mb65 {margin-bottom:65px;} .mb70 {margin-bottom:70px;} .mb75 {margin-bottom:75px;} .mb80 {margin-bottom:80px;} .mb85 {margin-bottom:85px;} .mb90 {margin-bottom:90px;} .mb95 {margin-bottom:95px;} .mb100 {margin-bottom:100px;} .mb110 {margin-bottom:110px;} .mb120 {margin-bottom:120px;} .mb130 {margin-bottom:130px;} .mb140 {margin-bottom:140px;} .mb150 {margin-bottom:150px;} .mb160 {margin-bottom:160px;} .mb170 {margin-bottom:170px;} .mb180 {margin-bottom:180px;} .mb190 {margin-bottom:190px;} .mb200 {margin-bottom:200px;} .mb210 {margin-bottom:210px;} .mb220 {margin-bottom:220px;} .mb230 {margin-bottom:230px;} .mb240 {margin-bottom:240px;} .mb250 {margin-bottom:250px;} .mb260 {margin-bottom:260px;} .mb270 {margin-bottom:270px;} .mb280 {margin-bottom:280px;} .mb290 {margin-bottom:290px;} .mb300 {margin-bottom:300px;}
.p0 {padding:0px !important;} .p1 {padding:1px;} .p2 {padding:2px;} .p3 {padding:3px;} .p4 {padding:4px;} .p5 {padding:5px;} .p6 {padding:6px;} .p7 {padding:7px;} .p8 {padding:8px;} .p9 {padding:9px;} .p10 {padding:10px;} .p15 {padding:15px;} .p20 {padding:20px;} .p25 {padding:25px;} .p30 {padding:30px;} .p35 {padding:35px;} .p40 {padding:40px;} .p45 {padding:45px;} .p50 {padding:50px;} .p55 {padding:55px;} .p60 {padding:60px;} .p65 {padding:65px;} .p70 {padding:70px;} .p75 {padding:75px;} .p80 {padding:80px;} .p85 {padding:85px;} .p90 {padding:90px;} .p95 {padding:95px;} .p100 {padding:100px;} .p110 {padding:110px;} .p120 {padding:120px;} .p130 {padding:130px;} .p140 {padding:140px;} .p150 {padding:150px;} .p160 {padding:160px;} .p170 {padding:170px;} .p180 {padding:180px;} .p190 {padding:190px;} .p200 {padding:200px;} .p250 {padding:250px;} .p300 {padding:300px;}
.pt0 {padding-top:0px;} .pt1 {padding-top:1px;} .pt2 {padding-top:2px;} .pt3 {padding-top:3px;} .pt4 {padding-top:4px;} .pt5 {padding-top:5px;} .pt10 {padding-top:10px;} .pt15 {padding-top:15px;} .pt20 {padding-top:20px;} .pt25 {padding-top:25px;} .pt30 {padding-top:30px;} .pt35 {padding-top:35px;} .pt40 {padding-top:40px;} .pt45 {padding-top:45px;} .pt50 {padding-top:50px;} .pt55 {padding-top:55px;} .pt60 {padding-top:60px;} .pt65 {padding-top:65px;} .pt70 {padding-top:70px;} .pt75 {padding-top:75px;} .pt80 {padding-top:80px;} .pt85 {padding-top:85px;} .pt90 {padding-top:90px;} .pt95 {padding-top:95px;} .pt100 {padding-top:100px;} .pt110 {padding-top:110px;} .pt120 {padding-top:120px;} .pt130 {padding-top:130px;} .pt140 {padding-top:140px;} .pt150 {padding-top:150px;} .pt160 {padding-top:160px;} .pt170 {padding-top:170px;} .pt180 {padding-top:180px;} .pt190 {padding-top:190px;} .pt200 {padding-top:200px;} .pt210 {padding-top:210px;} .pt220 {padding-top:220px;} .pt230 {padding-top:230px;} .pt240 {padding-top:240px;} .pt250 {padding-top:250px;} .pt260 {padding-top:260px;} .pt270 {padding-top:270px;} .pt280 {padding-top:280px;} .pt290 {padding-top:290px;} .pt300 {padding-top:300px;}
.pl0 {padding-left:0px;} .pl1 {padding-left:1px;} .pl2 {padding-left:2px;} .pl3 {padding-left:3px;} .pl4 {padding-left:4px;} .pl5 {padding-left:5px;} .pl10 {padding-left:10px;} .pl15 {padding-left:15px;} .pl20 {padding-left:20px;} .pl25 {padding-left:25px;} .pl30 {padding-left:30px;} .pl35 {padding-left:35px;} .pl40 {padding-left:40px;} .pl45 {padding-left:45px;} .pl50 {padding-left:50px;} .pl55 {padding-left:55px;} .pl60 {padding-left:60px;} .pl65 {padding-left:65px;} .pl70 {padding-left:70px;} .pl75 {padding-left:75px;} .pl80 {padding-left:80px;} .pl85 {padding-left:85px;} .pl90 {padding-left:90px;} .pl95 {padding-left:95px;} .pl100 {padding-left:100px;} .pl110 {padding-left:110px;} .pl120 {padding-left:120px;} .pl130 {padding-left:130px;} .pl140 {padding-left:140px;} .pl150 {padding-left:150px;} .pl160 {padding-left:160px;} .pl170 {padding-left:170px;} .pl180 {padding-left:180px;} .pl190 {padding-left:190px;} .pl200 {padding-left:200px;} .pl210 {padding-left:210px;} .pl220 {padding-left:220px;} .pl230 {padding-left:230px;} .pl240 {padding-left:240px;} .pl250 {padding-left:250px;} .pl260 {padding-left:260px;} .pl270 {padding-left:270px;} .pl280 {padding-left:280px;} .pl290 {padding-left:290px;} .pl300 {padding-left:300px;}
.pr0 {padding-right:0px;} .pr1 {padding-right:1px;} .pr2 {padding-right:2px;} .pr3 {padding-right:3px;} .pr4 {padding-right:4px;} .pr5 {padding-right:5px;} .pr10 {padding-right:10px;} .pr15 {padding-right:15px;} .pr20 {padding-right:20px;} .pr25 {padding-right:25px;} .pr30 {padding-right:30px;} .pr35 {padding-right:35px;} .pr40 {padding-right:40px;} .pr45 {padding-right:45px;} .pr50 {padding-right:50px;} .pr55 {padding-right:55px;} .pr60 {padding-right:60px;} .pr65 {padding-right:65px;} .pr70 {padding-right:70px;} .pr75 {padding-right:75px;} .pr80 {padding-right:80px;} .pr85 {padding-right:85px;} .pr90 {padding-right:90px;} .pr95 {padding-right:95px;} .pr100 {padding-right:100px;} .pr110 {padding-right:110px;} .pr120 {padding-right:120px;} .pr130 {padding-right:130px;} .pr140 {padding-right:140px;} .pr150 {padding-right:150px;} .pr160 {padding-right:160px;} .pr170 {padding-right:170px;} .pr180 {padding-right:180px;} .pr190 {padding-right:190px;} .pr200 {padding-right:200px;} .pr210 {padding-right:210px;} .pr220 {padding-right:220px;} .pr230 {padding-right:230px;} .pr240 {padding-right:240px;} .pr250 {padding-right:250px;} .pr260 {padding-right:260px;} .pr270 {padding-right:270px;} .pr280 {padding-right:280px;} .pr290 {padding-right:290px;} .pr300 {padding-right:300px;}
.pb0 {padding-bottom:0px;} .pb1 {padding-bottom:1px;} .pb2 {padding-bottom:2px;} .pb3 {padding-bottom:3px;} .pb4 {padding-bottom:4px;} .pb5 {padding-bottom:5px;} .pb10 {padding-bottom:10px;} .pb15 {padding-bottom:15px;} .pb20 {padding-bottom:20px;} .pb25 {padding-bottom:25px;} .pb30 {padding-bottom:30px;} .pb35 {padding-bottom:35px;} .pb40 {padding-bottom:40px;} .pb45 {padding-bottom:45px;} .pb50 {padding-bottom:50px;} .pb55 {padding-bottom:55px;} .pb60 {padding-bottom:60px;} .pb65 {padding-bottom:65px;} .pb70 {padding-bottom:70px;} .pb75 {padding-bottom:75px;} .pb80 {padding-bottom:80px;} .pb85 {padding-bottom:85px;} .pb90 {padding-bottom:90px;} .pb95 {padding-bottom:95px;} .pb100 {padding-bottom:100px;} .pb110 {padding-bottom:110px;} .pb120 {padding-bottom:120px;} .pb130 {padding-bottom:130px;} .pb140 {padding-bottom:140px;} .pb150 {padding-bottom:150px;} .pb160 {padding-bottom:160px;} .pb170 {padding-bottom:170px;} .pb180 {padding-bottom:180px;} .pb190 {padding-bottom:190px;} .pb200 {padding-bottom:200px;} .pb210 {padding-bottom:210px;} .pb220 {padding-bottom:220px;} .pb230 {padding-bottom:230px;} .pb240 {padding-bottom:240px;} .pb250 {padding-bottom:250px;} .pb260 {padding-bottom:260px;} .pb270 {padding-bottom:270px;} .pb280 {padding-bottom:280px;} .pb290 {padding-bottom:290px;} .pb300 {padding-bottom:300px;}
.w20p {width:20%;} .w24p {width:24%;} .w25p {width:25%;} .w29p {width:29%;} .w30p {width:30%;} .w31p {width:31%;} .w32p {width:32%;} .w33p {width:33.333333%;} .w34p {width:34%;} .w35p {width:35%;} .w40p {width:40%;} .w45p {width:45%;} .w46p {width:46%;} .w47p {width:47%;} .w48p {width:48%;} .w49p {width:49%;} .w50p {width:50%;} .w55p {width:55%;} .w60p {width:60%;} .w65p {width:65%;} .w70p {width:70%;} .w75p {width:75%;} .w80p {width:80%;} .w85p {width:85%;} .w90p {width:90%;} .w95p {width:95%;} .w100p {width:100% !important;}
.cr{color: #e7505a; background-color: transparent;}
.all_menu .util_wrap{display:none;}
/* .tab02 {
    text-align: left;
    margin-bottom: 20px;
    padding: 10px;
    border: 2px dashed #eee;
    border-radius: 8px;
    scroll-behavior: smooth;
    position: relative;
    z-index: 10;
}
.tab02 ul {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.tab02 ul li.on, .tab02 ul li:hover {
    background-color: #0f376f;
    color: #fff;
    border-radius: 5px;
}
.tab02 ul li {
    background-color: #eaecee;
    color: #666;
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
    width: auto;
    padding: 10px 15px;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

@media all and (max-width:768px){
	.tab02 ul{gap:5px;}
	.tab02 ul li{font-size:14px; padding: 8px 13px;}

}


.tab02_contents_wrap {
    width: 100%;
    height: auto;
} */
.tab02 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
  justify-content:center;
}

.tab02_btn {
  background-color: #eaecee;
  color: #666;
  display: inline-block;
  vertical-align: middle;
  padding: 10px 15px;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  outline: none;
}

.tab02_btn:hover,
.tab02_btn.on {
  background-color: #0f376f;
  color: #fff;
}

@media all and (max-width: 768px) {
  .tab02_btn {
    font-size: 14px;
    padding: 8px 13px;
  }
}


.tab02_contents_wrap {
    width: 100%;
    height: auto;
}
h3.titbox {
    width: 100%;
    background: linear-gradient(270deg, #e8eef3 10%, #e8eef3);
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    padding: 30px 10px 30px 60px;
    font-size: 24px;
    line-height: 24px;
    color: #252e65;
    margin-bottom: 20px;
    font-weight: 800;
}
h3.titbox::before {
    content: '';
    background-image: url(/img/ico_tit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 30px;
    top: 40%;
    width: 17px;
    height: 17px;
    margin-top: -2px;
    background-color: transparent !important;
}

@media all and (max-width:768px){

	h4.titbox{padding: 20px 10px 20px 50px; font-size:20px;}

	h4.titbox::before{left: 25px; top: 39%;}

}
h6 {font-size:20px; font-family: 'Paperlogy';font-weight:700; margin-bottom:15px;}






table {border-collapse: collapse;
    border-spacing: 0;
    border-top:1px solid #ddd;width: 100%;
    background-color: #fff;
}

table thead th, table tbody th, table tbody th, table tbody td {
    
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    color: #333;
}
table thead th, table tbody th {
    font-weight: 700;background-color: #fafafa;
}
table thead th, table tbody th, table tbody td {
    padding: 5px 12px;
    line-height: 28px;    text-align: center
}

.bold_p {font-weight:800; }

/* 테이블 */
.tbl-wrap .tbl3 tbody tr td {border-right: 1px solid #eee;}
.tbl-wrap .tbl3 tbody tr td:last-child {border-right: none;}

/* 반응형 레이아웃 */
@media all and (max-width: 768px) {
    /* tbl1 (첫번째 테이블 예시) */
    .tbl-wrap .tbl1 col {
        width: 100% !important;
    }
    .tbl-wrap .tbl1 thead {
        display: none;
    }
    .tbl-wrap .tbl1 tbody tr {
        border-bottom: 1px solid #efefef;
    }
    .tbl-wrap .tbl1 tbody tr td {
        width: 100%;
        display: flex;
        margin-bottom: 2px;
        border-bottom: none;
        font-size: 14px;
        line-height: 18px;
    }
    .tbl-wrap .tbl1 tbody tr td:first-child,
    .tbl-wrap .tbl1 tbody tr th:first-child {
        padding-top: 16px;
    }
    .tbl-wrap .tbl1 tbody tr td:last-child,
    .tbl-wrap .tbl1 tbody tr th:last-child {
        padding-bottom: 15px;
    }


    /* tbl2 (두번째 테이블 예시) */
    .tbl-wrap .tbl2 col {
        width: 100% !important;
    }
    .tbl-wrap .tbl2 thead {
        display: none;
    }
    .tbl-wrap .tbl2 tbody tr {
        border-bottom: 1px solid #efefef;
    }
    .tbl-wrap .tbl2 tbody tr td {
        width: 100%;
        display: flex;
        margin-bottom: 2px;
        border-bottom: none;
        font-size: 14px;
        line-height: 18px;
    }
    .tbl-wrap .tbl2 tbody tr td:first-child,
    .tbl-wrap .tbl2 tbody tr th:first-child {
        padding-top: 16px;
    }
    .tbl-wrap .tbl2 tbody tr td:last-child,
    .tbl-wrap .tbl2 tbody tr th:last-child {
        padding-bottom: 10px;
    }
    .tbl-wrap .tbl2 tbody tr td:before {
        display: inline-block;
        margin-right: 12px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        font-weight: 700;
        content: attr(data-label);
    }


    /* tbl3 (세번째 테이블 예시) */
    .tbl-wrap .tbl3 col {
        width: 100% !important;
    }
    .tbl-wrap .tbl3 thead {
        display: none;
    }
    .tbl-wrap .tbl3 tbody tr {
        border-bottom: 1px solid #ccc;
    }
    .tbl-wrap .tbl3 tbody tr td {
        width: 100%;
        display: flex;
        margin-bottom: 2px;
        border-bottom: none;
        border-right: none;
        border-bottom: 1px solid #eee;
        font-size: 14px;
        line-height: 18px;
    }
    .tbl-wrap .tbl3 tbody tr td:first-child,
    .tbl-wrap .tbl3 tbody tr th:first-child {
        padding-top: 10px;
    }
    .tbl-wrap .tbl3 tbody tr td:last-child,
    .tbl-wrap .tbl3 tbody tr th:last-child {
        border-bottom: none;
    } 
    .tbl-wrap .tbl3 tbody tr td:before {
        display: inline-block;
        margin-right: 12px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        font-weight: 700;
        content: attr(data-label);
    }


    /* tbl4 (네번째 테이블 예시) */
    .tbl-scroll {width: 100%; overflow: hidden;}
    .tbl-scroll .tbl4 {overflow-x: scroll;}
    .tbl-scroll .tbl4 table {width: 100%; min-width: 768px;}
    .tbl-scroll .tbl4 tbody tr td {
        font-size: 14px;
        line-height: 18px;
    }
}

#total-keyword::placeholder {
  color: #000000 !important;
  font-size:13px;
  opacity:0.9;
}
input::placeholder {
  color: #000000 !important;
  opacity:0.7;
}
/* reset */
*{margin: 0; padding: 0; font-family: 'Pretendard'; font-weight: 500;}
*:focus{outline: 2px dotted #66bb6a;}
body {
      overflow-x: hidden;    position: relative; text-align: center;
    }
/* Pretendard */
@font-face{
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('https://cdn.medsoft.co.kr/fonts/Pretendard/Pretendard-Regular.woff2');
    font-display: swap;
}
@font-face{
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('https://cdn.medsoft.co.kr/fonts/Pretendard/Pretendard-Medium.woff2');
    font-display: swap;
}
@font-face{
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('https://cdn.medsoft.co.kr/fonts/Pretendard/Pretendard-SemiBold.woff2');
    font-display: swap;
}
@font-face{
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('https://cdn.medsoft.co.kr/fonts/Pretendard/Pretendard-Bold.woff2');
    font-display: swap;
}
@font-face{
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('https://cdn.medsoft.co.kr/fonts/Pretendard/Pretendard-ExtraBold.woff2');
    font-display: swap;
}
@font-face{
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('https://cdn.medsoft.co.kr/fonts/Pretendard/Pretendard-Black.woff2');
    font-display: swap;
}

/* Paperlogy */
@font-face{
	font-family: 'Paperlogy';
	font-weight: 300;
	/* src: url('https://cdn.medsoft.co.kr/fonts/paperlogy/Paperlogy-3Light.ttf'); */
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-display: swap;
}
@font-face{
	font-family: 'Paperlogy';
	font-weight: 400;
	/* src: url('https://cdn.medsoft.co.kr/fonts/paperlogy/Paperlogy-4Regular.ttf'); */
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-display: swap;
}
@font-face{
	font-family: 'Paperlogy';
	font-weight: 500;
	/* src: url('https://cdn.medsoft.co.kr/fonts/paperlogy/Paperlogy-5Medium.ttf'); */
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-display: swap;
}
@font-face{
	font-family: 'Paperlogy';
	font-weight: 600;
	/* src: url('https://cdn.medsoft.co.kr/fonts/paperlogy/Paperlogy-6SemiBold.ttf'); */
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-display: swap;
}
@font-face{
	font-family: 'Paperlogy';
	font-weight: 700;
	/* src: url('https://cdn.medsoft.co.kr/fonts/paperlogy/Paperlogy-7Bold.ttf'); */
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-display: swap;
}
@font-face{
	font-family: 'Paperlogy';
	font-weight: 800;
	/* src: url('https://cdn.medsoft.co.kr/fonts/paperlogy/Paperlogy-8ExtraBold.ttf'); */
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-display: swap;
}
@font-face{
	font-family: 'Paperlogy';
	font-weight: 900;
	/* src: url('https://cdn.medsoft.co.kr/fonts/paperlogy/Paperlogy-9Black.ttf'); */
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-display: swap;
}

/* Montserrat */
@font-face{
	font-family: 'Montserrat';
	font-weight: 500;
	src: url('https://cdn.medsoft.co.kr/fonts/montserrat/Montserrat-Medium.ttf');
    font-display: swap;
}
@font-face{
	font-family: 'Montserrat';
	font-weight: 600;
	src: url('https://cdn.medsoft.co.kr/fonts/montserrat/Montserrat-SemiBold.ttf');
    font-display: swap;
}

/* rubik */
@font-face{
	font-family: 'Rubik';
	font-weight: 900;
	src: url('https://cdn.medsoft.co.kr/fonts/rubik/Rubik-Black.ttf');
    font-display: swap;
}
@font-face{
	font-family: 'Rubik';
	font-weight: 800;
	src: url('https://cdn.medsoft.co.kr/fonts/rubik/Rubik-ExtraBold.ttf');
    font-display: swap;
}
@font-face{
	font-family: 'Rubik';
	font-weight: 700;
	src: url('https://cdn.medsoft.co.kr/fonts/rubik/Rubik-Bold.ttf');
    font-display: swap;
}
@font-face{
	font-family: 'Rubik';
	font-weight: 600;
	src: url('https://cdn.medsoft.co.kr/fonts/rubik/Rubik-SemiBold.ttf');
    font-display: swap;
}
@font-face{
	font-family: 'Rubik';
	font-weight: 500;
	src: url('https://cdn.medsoft.co.kr/fonts/rubik/Rubik-Medium.ttf');
    font-display: swap;
}
@font-face{
	font-family: 'Rubik';
	font-weight: 400;
	src: url('https://cdn.medsoft.co.kr/fonts/rubik/Rubik-Regular.ttf');
    font-display: swap;
}
@font-face{
	font-family: 'Rubik';
	font-weight: 300;
	src: url('https://cdn.medsoft.co.kr/fonts/rubik/Rubik-Light.ttf');
    font-display: swap;
}




ul li{list-style:none;}
a{text-decoration:none; color: #000;}
main {display: block;}
h1, h2, h3, h4, h5, h6 {font-weight: 700;}
a {color: inherit; text-decoration: inherit;}
a img {border: none;}
img {vertical-align: middle;}
li {list-style: none;}
address, em, i, cite {font-style: normal;}
table {border-collapse: collapse;}
table caption {overflow: hidden; width: 0; height: 0;}
i.fas, i.far, i.fal, i.fad, i.fab {position: relative; display: inline-block; vertical-align: middle;}
i.fas span, i.far span, i.fal span, i.fad span, i.fab span {position: absolute; overflow: hidden; text-indent: -999px;}
.mobile {display: none !important;}
br.only-m {content: '';}
br.only-m:after {content: '\00a0';}
.ir-hidden {position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;}

.gosite{background-color: #000; color: #fff; max-width:120px; height: 40px; line-height: 40px; text-align: center;}
/* common */
#skip-nav {position: fixed; left: 0; top: -40px; width: 100%; line-height: 40px; text-align: center; font-size: 16px; color: #ffffff; background: rgba(0, 0, 0, 0.7); transition: top 0.3s; z-index: 100000;}
#skip-nav:focus {top: 0;}

#header-top {border-bottom: 1px solid #e4e8eb;}
#header-top div.box {position: relative; max-width: 1000px; margin: 0 auto; line-height: 35px; height: 35px;}
#top-menu {position: absolute; right: 20px; top: 0; font-size: 12px;}
#top-menu li {float: left; position: relative;}
#top-menu li + li:before {content: '|'; margin: 0 8px; font-size: 5px; color: #e0e0e0; position: relative; top: -1px;}
#top-menu li a {transition: color 0.3s;}
#top-menu li a:hover {color: #04cf5c;}
#top-menu li.search input {border: 1px solid #04cf5c; width: 180px; height: 24px; border-radius: 100px; padding: 0 30px 0 15px; vertical-align: middle;}
#top-menu li.search a {position: absolute; right: 10px; color: #999999;}
#top-menu li.search a:hover {color: #04cf5c;}
#header-bottom div.box {position: relative; max-width: 1000px; margin: 0 auto; height: 75px;}

#gnb {position: absolute; right: 0; top: 25px; height: 50px; font-size: 13px; text-align: center; overflow: hidden; transition: height 0.3s;}
#gnb > ul > li {float: left; width: 140px;}
#gnb > ul > li + li {margin-left: 10px;}
#gnb > ul > li > a {font-size: 16px; display: block;}
#gnb > ul > li > a.short {letter-spacing: -0.5px;}
#gnb > ul > li > ul {margin-top: 50px;}
#gnb > ul > li > ul > li + li {margin-top: 10px;}
#gnb > ul > li > ul > li > a {display: block; line-height: 24px;}
#gnb a {transition: color 0.3s;}
#gnb li.on > a,
#gnb a:hover {color: #04cf5c;}
#header::before {content: ''; position: absolute; left: 0; top: calc(100% + 1px); width: 100%; height: 0; box-shadow: none; transition: all 0.3s; background: #ffffff url(/en/img/header_bg_01.png) calc(50% - 363px) bottom no-repeat;}
#header::after {content: ''; position: absolute; left: 50%; top: 130px; transform: translate(-250px, 0); width: 1px; height: 0; background-color: #e4e8eb; opacity: 0; transition: all 0.3s;}
#header.on::before {height: 250px; box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);}
#header.on::after {height: 210px; opacity: 1;}
#header.on #gnb {height: 290px;}
#main-before {position: fixed; width: 200px; left: -200px; text-align: center; line-height: 40px; color: #ffffff; background-color: rgba(0, 0, 0, 0.6); z-index: 10000; transition: left 0.3s;}
/* #main-before:focus {left: 0;} */

#footer {background: #fafbfc; color: #777777; font-size: 13px; border-top: 1px solid #e4e8eb;}
#footer > div.box {position: relative; max-width: 1000px; margin: 0 auto; padding: 40px 0 50px 180px; box-sizing: border-box;}
#footer h2 {position: absolute; left: 0; top: 40px;}
#footer ul.link {overflow: hidden; margin-bottom: 25px;}
#footer ul.link li {float: left;}
#footer ul.link li + li:before {content: '|'; margin: 0 12px; font-size: 2px; color: #e4e8eb; position: relative; top: -1px;}
#footer address span.address {display: block; margin-bottom: 3px;}
#footer address span.phone + span:before {content: '|'; margin: 0 12px; font-size: 2px; color: #e4e8eb; position: relative; top: -1px;}
#footer address span.phone em {color: #04cf5c; font-weight: 700; margin-right: 10px;}
#footer ul.rel-logo {position: absolute; right: 0; top: 20px;}
#footer ul.rel-logo li {display: inline-block; vertical-align: middle;}
#footer ul.rel-logo li + li {margin-left: 15px;}
#footer ul.rel-logo li a {display: block;}
#footer ul.rel-logo li a img {height: 30px;}
#footer ul.rel-logo li.wa a img {height: 45px;}
#footer p.rel-org {margin-top: 10px;}
#footer p.rel-org select {height: 24px; font-size: 12px;}


/* main */
#main-visual {position: relative; height: 470px; background: #00b595; overflow: hidden;}
#main-visual::before {content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: #3bb049;}
#main-visual p.bg {position: relative; height: 100%; background: url(/en/img/main_visual.gif) center center no-repeat;}
#main-visual div.slogan {position: absolute; left: calc(50% - 230px); top: 50%; transform: translate(-50%, -50%); color: #ffffff;}
#main-visual div.slogan span.eng {display: block; font-size: 20px; margin-bottom: 20px;}
#main-visual div.slogan p.title {font-size: 36px; letter-spacing: -2px;}
#main-visual div.slogan p.title em.yellow {color: #fcf876; font-size: 40px;}
#main-visual div.slogan p.title em.title {display: block; font-size: 50px; font-weight: 700; margin-top: -5px;}

#main-content > div.box {max-width: 1000px; margin: 0 auto; padding: 60px 0; overflow: hidden;}
#main-content > div.box > div {float: left; width: 30%; position: relative;}
#main-content > div.box > div + div {margin-left: 5%;}
#main-content h3 {position: relative; font-size: 22px; font-weight: 700; padding-bottom: 12px; margin-bottom: 30px; border-bottom: 1px solid #e4e8eb;}
#main-content h3 + a {position: absolute; right: 0; top: 5px; font-size: 13px; transition: color 0.3s; color: #999999; transition: transform 0.3s;}
#main-content h3 + a:hover {transform: rotate(180deg);}
#main-content div.board ul li {position: relative; padding-right: 80px;}
#main-content div.board ul li + li {margin-top: 12px;}
#main-content div.board ul li a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: color 0.3s;}
#main-content div.board ul li a:hover {color: #04cf5c;}
#main-content div.board ul li span {position: absolute; right: 0; top: 0; font-size: 13px; color: #999999;}
#main-content div.news div.letter {position: relative; padding-left: 120px;}
#main-content div.news div.letter a {position: absolute; left: 10px; top: 0; width: 80px; height: auto; box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s; border: solid 3px #fafbfc;}
#main-content div.news div.letter a:hover {box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);}
#main-content div.news div.letter a img {width: 100%;}
#main-content div.news div.letter p.text > * {display: block;}
#main-content div.news div.letter p.text span.no {display: inline-block; background-color: #252e65; color: #ffffff; padding: 5px 15px; border-radius: 100px;}
#main-content div.news div.letter p.text span.month {margin: 10px 0; color: #999999;}
#main-content div.news div.letter p.text em {font-size: 16px; font-weight: 700;}

#main-footer {position: relative; overflow: hidden; background-color: #4abc43; color: #ffffff;}
#main-footer::before {content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: #39b04a;}
#main-footer > div.box {position: relative; max-width: 1000px; margin: 0 auto; height: 80px; overflow: hidden; background: url(/en/img/main_bg_01.jpg) center center no-repeat;}
#main-footer ul.visit {position: absolute; left: 0; top: 50%; transform: translate(0, -50%); font-size: 14px;}
#main-footer ul.visit li {float: left;}
#main-footer ul.visit li + li {margin-left: 40px;}
#main-footer ul.visit li img {position: relative; top: -1px; height: 16px; vertical-align: middle; margin-right: 10px;}
#main-footer a.reserve {position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); font-size: 20px; font-weight: 700; transition: color 0.3s;}
#main-footer a.reserve:hover {color: #fcf876;}
#main-footer a.reserve img.icon {position: relative; top: -3px; height: 24px; margin-right: 10px;}
#main-footer a.reserve img.arrow {position: relative; margin-left: 10px;}
#main-footer a.reserve:hover img.arrow {animation: arrow-effect 0.5s ease 0s infinite alternate forwards;}
@keyframes arrow-effect {
    0% {left: 0; opacity: 1;}
    100% {left: 10px; opacity: 0.6;}
}



/* sub (common) */
#content-body {max-width: 1000px; margin: 0 auto; overflow: hidden; padding: 50px 0 100px 0; box-sizing: border-box; min-height: calc(100vh - 271px); background: url(/en/img/sub_bg.png) 95% top no-repeat; background-size: auto 140px;}

body.sub #main {position: relative; margin-left: 250px;}
body.sub #main > h2 {position: relative; font-size: 30px; margin-bottom: 60px; height: 90px; line-height: 80px; padding-top: 10px; box-sizing: border-box;}
body.sub #main > h2:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-image: linear-gradient(to right, #252e65, #a6ac1a);}

#bread-crumb {position: absolute; left: 0; top: 0; font-size: 13px; color: #777777;}
#bread-crumb li {float: left;}
#bread-crumb li + li:before {content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 700; margin: 0 12px; font-size: 10px; color: #aaaaaa;}
#bread-crumb li a {transition: color 0.3s;}
#bread-crumb li a:hover {color: #04cf5c; text-decoration: underline;}
#bread-crumb li em {color: #04cf5c;}

body.sub #main section.content + section.content {margin-top: 60px;}
section.content > .title {position: relative; font-size: 20px; padding-left: 25px; margin-bottom: 15px;}
section.content > .title::before {content: ''; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border: 3px solid #252e65; border-radius: 50px;}
section.content > .title em {color: #252e65;}
section.content > .sub-title {position: relative; font-size: 16px; padding-left: 28px; margin: 20px 0 10px 0;}
section.content > .sub-title::before {content: ''; position: absolute; left: 12px; top: 8px; width: 6px; height: 6px; border-radius: 50px; background-color: #252e65;}
section.content > p {margin: 15px 0 15px 20px;}
section.content > p.bold {font-size: 16px; font-weight: 700;}
section.content > p em {color: #e2161c;}
section.content > p.desc {font-size: 13px; color: #777777; margin-top: 5px;}
section.content ul.list {margin: 10px 0 10px 20px;}
section.content ul.list.gray {background: #fafbfc; padding: 10px 20px;}
section.content ul.list > li {position: relative; padding-left: 15px;}
section.content ul.list > li::before {content: ''; position: absolute; left: 0; top: 8px; width: 6px; height: 2px; background: #777777;}
section.content ul.list > li + li {margin-top: 5px;}
section.content div.image {margin: 30px 0; text-align: center;}
section.content div.image.left {text-align: left;}


/* sub */
body.login #login-box {position: relative; max-width: 600px; margin: 0 auto; padding: 40px 20px; border-top: 2px solid #e4e8eb; border-bottom: 2px solid #e4e8eb; background: #ffffff url(/en/img/common_bg_login.png) left center no-repeat; padding-left: 300px; box-sizing: border-box; overflow: hidden;}
body.login #login-box ul.form li + li {margin-top: 10px;}
body.login #login-box ul.form input.text {height: 36px; font-size: 18px; padding: 0 20px;}
body.login #login-box ul.form input[type="checkbox"] + label {padding-left: 6px;}
body.login #login-box ul.form li.button {text-align: center;}

div.sitemap {text-align: center;}
div.sitemap > ul > li {display: inline-block; width: 25%; margin: 0 50px 80px 0; vertical-align: top; text-align: left;}
div.sitemap > ul > li:nth-child(3n) {margin-right: 0;}
div.sitemap > ul > li > a {display: block; line-height: 50px; background-image: linear-gradient(to right, #252e65, #a6ac1a); color: #ffffff; padding-left: 10px; font-size: 18px; border-top-right-radius: 30px;}
div.sitemap > ul > li > ul > li {border-bottom: 1px solid #e4e8eb;}
div.sitemap > ul > li > ul > li > a {display: block; line-height: 36px; padding-left: 20px; transition: all 0.3s;}
div.sitemap > ul > li > ul > li > a:hover {color: #04cf5c; background-color: #fafbfc;}




body.greetings div.greetings {position: relative; width: 710px; height: 930px; background: url(/en/img/center_bg_01.png) 0 0 no-repeat; box-sizing: border-box; padding: 50px 80px; font-size: 13px; word-break: keep-all; margin: 0 auto;}
body.greetings div.greetings h3 {font-size: 22px; margin-bottom: 30px;}
body.greetings div.greetings h3 span {display: block; font-size: 18px; color: #777777;}
body.greetings div.greetings p.logo {position: absolute; right: 60px; top: 50px; font-size: 34px; font-weight: 700; color: #252e65;}
body.greetings div.greetings p.para {margin: 12px 0;}
body.greetings div.greetings p.ceo {font-size: 18px; font-weight: 700; margin-top: 20px;}

body.ci div.ci {overflow: hidden; word-break: keep-all; text-align: justify; line-height: 1.5;}
body.ci div.ci p.logo {float: left; margin-right: 40px;}
body.ci div.button-box {margin-top: -15px;}
body.ci div.color {overflow: hidden; margin-bottom: 20px;}
body.ci div.color p.logo {float: left; margin-right: 40px;}
body.ci div.color div.content {font-size: 13px; position: relative;}
body.ci div.color div.content em {display: block; margin-bottom: 8px; color: #777777;}
body.ci div.color div.content img {display: block;}
body.ci div.color div.content span {font-size: 12px; display: block; line-height: 1.2;}
body.ci div.color div.content span.end {position: absolute; right: 50px; bottom: 0;}

body.organization section.content + section.content {margin-top: 100px;}

body.directions div.map {position: relative; width: 719px; margin: 0 auto;}
body.directions div.map img + img {position: absolute;}
body.directions div.map img.factory {top: 60px; right: 220px;}
body.directions div.map img.office {top: 80px; right: 50px;}
body.directions div.map img.way1 {top: 0; left: 26px;}
body.directions div.map img.way2 {bottom: 15px; right: 170px;}
body.directions div.contact {border: 1px solid #e4e8eb; background: #fafbfc; padding: 20px; margin: 30px 0; font-size: 13px;}
body.directions div.contact span.address {display: block;}
body.directions div.contact span + span.address {margin-top: 10px;}
body.directions div.contact span.phone {margin-right: 80px;}
body.directions h4 {margin: 50px 0 10px 0; font-size: 18px;}
body.directions h4 img {margin-right: 10px;}
body.directions ul.path li + li {margin-top: 20px;}
body.directions ul.path li > em {font-size: 15px; font-weight: 700; display: block; margin-bottom: 5px;}
body.directions ul.path li p {font-size: 13px; margin-left: 10px;}
body.directions ul.path li p em {color: #e2161c;}

body.strategic div.column {overflow: hidden; margin: 20px 0;}
body.strategic div.column div.left {float: left;}
body.strategic div.column div.right {margin-left: 280px;}

body.major div.intro div.left {float: left;}
body.major div.intro div.right {margin-left: 200px;}
body.major div.intro div.right h4 {font-size: 24px; font-weight: 400; color: #999999; margin-bottom: 10px;}
body.major div.intro div.right h4 em {font-size: 30px; font-weight: 700; color: #252e65; margin-right: 20px;}
body.major h4.quote {font-size: 26px; position: relative; text-align: center; margin-top: 40px;}
body.major h4.quote::before {content: '\f10d'; font-family: "Font Awesome 5 Free"; color: #dddddd; position: absolute; top: 0; left: 0;}
body.major h4.quote::after {content: '\f10e'; font-family: "Font Awesome 5 Free"; color: #dddddd; position: absolute; top: 0; right: 0;}
body.major div.purpose {text-align: center; margin-top: 50px;}
body.major div.purpose > div {float: left; width: 49%; box-sizing: border-box; border: 1px solid #e4e8eb;}
body.major div.purpose > div.left {margin-right: 2%;}
body.major div.purpose > div h5 {font-size: 18px; font-weight: 400; line-height: 44px; background: #252e65; color: #ffffff;}
body.major div.purpose > div.right h5 {background: #048f92;}
body.major div.purpose > div > div {float: left; width: 50%; box-sizing: border-box; font-size: 13px; position: relative; padding-top: 15px;}
body.major div.purpose > div > div.course::before {content: ''; position: absolute; right: 0; top: 5%; height: 90%; border-right: 1px dashed #e4e8eb;}
body.major div.purpose > div > div em {display: block; margin-bottom: 15px;}
body.major div.purpose > div > div ul {text-align: left; padding: 0 15px; height: 380px; word-break: keep-all;}
body.major div.purpose > div > div ul li {padding-left: 14px; text-indent: -14px;}
body.major div.purpose > div > div ul li + li {margin-top: 10px;}

body.research ul.equipment {overflow: hidden;}
body.research ul.equipment > li {float: left; width: 23.5%; margin: 0 2% 20px 0; text-align: center;}
body.research ul.equipment > li:nth-child(4n) {margin-right: 0;}
body.research ul.equipment > li > img {width: 100%;}
body.research ul.equipment > li > em {display: block; font-size: 13px; margin-top: 5px; height: 36px; line-height: 18px;}

body.faculty div.profile {position: fixed; left: 50%; top: 50%; width: 700px; transform: translate(-50%, -50%); z-index: 100001; background: #ffffff; border: 5px solid #252e65; padding: 20px; display: none;}
body.faculty div.profile a.close {position: absolute; right: 20px; top: 20px; z-index: 10;}
body.faculty div.profile h4 {position: relative; font-size: 20px; font-weight: 400; color: #999999; margin-bottom: 10px;}
body.faculty div.profile h4 em {font-weight: 700; color: #252e65; margin-right: 10px; font-size: 28px;}
body.faculty div.profile h4 img {position: absolute; top: 50%; transform: translate(0, -50%); margin-left: 20px;}
body.faculty div.profile ul.paper li {padding-left: 14px; text-indent: -14px;}
body.faculty div.profile ul.paper li + li {margin-top: 10px;}
body.faculty div.profile img.photo {width: 100px;}


/* 기업지원 */
div.equip-search {margin-bottom: 20px; padding: 10px; border-top: 2px solid #e4e8eb; border-bottom: 2px solid #e4e8eb; font-size: 14px;}
div.equip-search > div {overflow: hidden;}
div.equip-search > div + div {margin-top: 10px;}
div.equip-search span.label {float: left; width: 100px; line-height: 26px; border: 1px solid #e4e8eb; box-sizing: border-box; text-align: center; background-color: #ffffff;}
div.equip-search ul {margin-left: 120px;}
div.equip-search ul li {display: inline-block; line-height: 28px; margin-right: 20px;}
div.equip-search ul li label {padding-left: 5px;}

body.reserve div.caution {border: 2px solid #e4e8eb; border-radius: 5px; padding: 10px 20px; font-size: 14px; background-color: #fafbfc; margin-bottom: 20px;}
body.reserve div.caution p.title {font-size: 16px; font-weight: 700; margin-bottom: 5px; color: #e2161c;}

body.procedure div.image img {width: 100%;}






/* module */
body.sub #main ul.tab {margin-top: -30px;}
ul.tab {display: table; width: 100%; text-align: center; border-top: 1px solid #333333; border-bottom: 1px solid #333333; border-collapse: collapse; table-layout: fixed; margin-bottom: 50px;}
ul.tab li {display: table-cell;}
ul.tab li a {position: relative; display: block; line-height: 40px; font-size: 16px; transition: all 0.3s;}
ul.tab li a:hover {background: #fafbfc;}
ul.tab li.on a {background: #a6ac1a; color: #ffffff;}

dl.history {position: relative; margin: 30px 0; padding-left: 100px;}
dl.history dt {position: absolute; left: 0; width: 74px; line-height: 34px; background: url(/en/img/center_bg_02.png) 0 0 no-repeat; text-align: center; font-size: 16px; color: #ffffff;}
dl.history dd {min-height: 60px; margin-bottom: 20px;}
dl.history dd ul li {position: relative; padding-left: 90px;}
dl.history dd ul li + li {margin-top: 5px;}
dl.history dd ul li span {font-weight: 700; position: absolute; left: 0;}

div.eq-info {overflow: hidden; margin-bottom: 30px;}
div.eq-info > div.left {float: left; width: 40%;}
div.eq-info > div.right {float: left; width: 55%; margin-left: 5%;}
div.eq-info > div.left img {width: 100%;}
div.eq-detail {background-color: #f9f9f9; padding: 20px; margin-bottom: 30px;}
div.eq-detail img {max-width: 100%;}

table.content {width: 100%; font-size: 13px; text-align: center; border-top: 2px solid #252e65; border-right:1px solid #e4e8eb;}
table.content.left {text-align: left;}
table.content.fixed {table-layout: fixed;}
table.content thead {background: #fafbfc;}
table.content th,
table.content td {border-bottom: 1px solid #e4e8eb; border-left: 1px solid #e4e8eb; padding: 8px 10px;}
table.content th,
table.content td.th {background: #fafbfc; font-weight: 700; text-align: center;}
/* table.content th:first-child,
table.content td:first-child {border-left: none;} */
table.content .left {text-align: left;}

table.list {width: 100%; font-size: 13px; text-align: center; border-top: 2px solid #252e65; border-bottom: 2px solid #e4e8eb;}
table.list thead {background: #fafbfc;}
table.list th,
table.list td {border-bottom: 1px solid #e4e8eb; padding: 5px 5px; line-height: 28px; max-width: 1px;}
table.list a:not(.btn) {transition: all 0.3s; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
table.list a:not(.btn):hover {color: #04cf5c;}
table p.no-data {color: #8da0aa;}
table p.no-data i {color: #ffcc00; margin-right: 5px;}

ul.agency {overflow: hidden; font-size: 13px; color: #777777;}
ul.agency li {float: left; margin: 0 30px 40px 0;}
ul.agency li:nth-child(3n) {margin-right: 0;}
ul.agency li a {display: block; transition: color 0.3s;}
ul.agency li a:hover {color: #04cf5c;}
ul.agency li a > * {display: block;}
ul.agency li a em {font-size: 14px; font-weight: 700; margin: 10px 0 0 0;}

#naver-map {height: 500px; background: #fafbfc; border: 1px solid #e4e8eb;}

div.search-box {padding: 15px; text-align: center;}
div.search-box * {vertical-align: middle;}
div.search-box > ul {overflow: hidden; margin-bottom: 10px;}
div.search-box > ul > li {display: inline-block;}
/* div.search-box select {font-size: 18px; height: 30px; padding-left: 10px;} */
div.search-box a {display: inline-block; height: 30px; line-height: 30px; padding: 0 20px; background: #252e65; color: #ffffff; font-size: 16px;}
div.search-box a i {margin-right: 5px;}

div.board-info {overflow: hidden;}
div.board-info > p:first-child {float: left; font-size: 13px;}
div.board-info > p:first-child em {color: #e2161c; font-weight: 700;}
div.board-info > p:last-child {float: right;}

div.board-info +  table.board-list {margin-top: 10px;}
table.board-list {width: 100%; font-size: 13px; text-align: center; border-top: 2px solid #252e65; border-bottom: 2px solid #e4e8eb; margin-top: 10px;}
table.board-list thead {background: #fafbfc;}
table.board-list th,
table.board-list td {border-bottom: 1px solid #e4e8eb; padding: 15px 5px;}
table.board-list .title {text-align: left; max-width: 1px;}
table.board-list .title a {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 10px; transition: color 0.3s;}
table.board-list .title a:hover {color: #252e65; text-decoration:underline;}

table.board-list + div.pagination {margin-top: 20px;}
div.pagination {text-align: center; display:flex; justify-content:center;}
div.pagination > a {position: relative; display: inline-block; vertical-align: top;}
div.pagination a.first{border-left: 1px solid #ddd;}
div.pagination > a i {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
div.pagination ol {display: flex; vertical-align: top; }
div.pagination ol li {display: inline-block;}
div.pagination ol li a {display: block;}
div.pagination a {position: relative; width: 38px; height: 38px; line-height: 38px; font-size: 16px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; box-sizing: border-box;  color: #666666; transition: all 0.3s;}
div.pagination a:hover {background-color: #414141; color: #fff;}
div.pagination ol li.on a {background-color: #414141; color: #fff;}



#mask {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 100000; display: none;}

table.view {width: 100%; font-size: 13px; border-top: 2px solid #252e65; border-bottom: 2px solid #e4e8eb;}
table.view td {border-bottom: 1px solid #e4e8eb; padding: 8px 10px;}
table.view td.title {font-size: 14px; font-weight: 700; padding: 10px; text-align: left;}
table.view td.th {font-weight: 700; text-align: center; background-color: #fafbfc; width: 100px;}
table.view div.editor-content {min-height: 200px;}


/* form */
table.form {width: 100%; font-size: 13px; border-top: 2px solid #252e65; border-bottom: 2px solid #e4e8eb;}
table.form td {border-bottom: 1px solid #e4e8eb; padding: 6px 10px; line-height: 28px;}
table.form td.th {font-weight: 700; text-align: center; background-color: #fafbfc; width: 120px; padding: 6px 5px;}
table.form td.th.long {letter-spacing: -0.1em;}
table.form div.editor-content {min-height: 400px; padding: 20px;}
table.form div.editor-content img {max-width: 100%;}
table.form label em {color: #e2161c; margin-right: 5px;}
table.form td p.line + p.line {margin-top: 5px;}
table.form .multi-line {line-height: 1.3em;}
table.form p.desc {color: #e2161c; font-size: 12px;}
table.form span.desc {color: #e2161c; font-size: 12px; margin-left: 30px;}
table.form textarea.editor {height: 400px;}
table.form div.long {line-height: 1.5;}

/* input.text,
select,
textarea {position: relative; font-family: inherit; border: 1px solid #e4e8eb; border-radius: 3px; margin: 0; height: 28px; font-size: 14px; vertical-align: top; box-sizing: border-box; outline: none; color: #666666; background-color: #ffffff; transition: all 0.3s; appearance: none;}
 */
input.text:focus,
select:focus,
textarea:focus {border-color: #04cf5c; box-shadow: 0 0 5px 0 rgba(4, 207, 92, 0.5);}
select {padding: 0 28px 0 8px; background: #ffffff url(/en/img/common/icon_select.png) calc(100% - 8px) center no-repeat; background-size: 8px auto;}
textarea {padding: 8px; min-height: 100px; width: 100%;}
input[type="radio"],
input[type="checkbox"] {position: relative; top: -1px; margin: 0; vertical-align: middle;}
input.text.short {width: 80px;}
input.text.half {width: 49%;}
input.text.full {width: 100%;}
input.half + input.half {margin-left: 2px;}
input.count {width: 50px; text-align: center;}
input.money {width: 90px; text-align: right;}
input.money-big {width: 120px; text-align: right;}
input.digit {width: 80px; text-align: right;}
input.year,
input.month,
input.date {width: 100px;}
input.datetime-hour,
input.datetime-min {width: 140px;}
textarea.editor {min-height: 500px;}
[data-type="int"], [data-type="int-plus"], [data-type="real"], [data-type="real-plus"] {text-align: right;}
#main [readonly] {background: #fcfcfc;}
#main [disabled] {background: #f9f9f9;}
::placeholder {color: #65a6ff; opacity: 0.5;}



[readonly="readonly"] {background-color: #fafbfc !important;}
[disabled="disabled"] {background-color: #e4e8eb !important; cursor: no-drop !important;}
::placeholder {color: #cccccc;}

ul.input-list > li {display: inline-block; margin-right: 25px; line-height: 28px; vertical-align: top;}
ul.input-list > li > label {padding-left: 5px;}

div.input-group {position: relative; display: inline-block; vertical-align: middle;}
div.input-group > * {float: left;}
div.input-group > i {position: relative; z-index: 5; width: 30px; height: 100%; line-height: 26px; box-sizing: border-box; background: #fafcfe; text-align: center; border: 1px solid #dfe8f1; border-radius: 3px; color: #999999;}
div.input-group > label {position: relative; z-index: 5; height: 100%; line-height: 26px; box-sizing: border-box; padding: 0 8px; background: #fafcfe; text-align: center; border: 1px solid #dfe8f1; border-radius: 3px; color: #999999; font-size: 12px;}
div.input-group.left > *:first-child {border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none;}
div.input-group.left > *:last-child {border-top-left-radius: 0; border-bottom-left-radius: 0;}
div.input-group.left > a.btn {border-right: 1px solid rgba(0, 0, 0, 0.2);}
div.input-group.right > *:first-child {border-top-right-radius: 0; border-bottom-right-radius: 0;}
div.input-group.right > *:last-child {border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none;}
div.input-group.right > a.btn {border-left: 1px solid rgba(0, 0, 0, 0.2);}
div.input-group.full {width: 100%;}
div.input-group.full > input,
div.input-group.full > select {width: calc(100% - 30px);}

/* ! 1) 로그인디자인 1 (loginnew1) */
.loginnew1_wrap
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.loginnew1_wrap .l_form
{
    /* 아이디/비밀번호 영역 */
    width: 50%;
    padding: 10px 60px 10px 15px;
    position: relative;
}
.loginnew1_wrap .l_form::after
{
    content: '';
    display: inline-block;
    position: absolute;
    width: 2px;
    height: 300px;
    background-color: #f3f5fb;
    top: 0;
    right: 20px;
}
.loginnew1_wrap .l_form .l_form_main { width: 100%; }
.loginnew1_wrap .l_form .l_form_main .l_form_title
{
    width: 100%;
    margin-bottom: 25px;
}
.loginnew1_wrap .l_form .l_form_main .l_form_title h4
{
    font-weight: 800;
    font-size: 24px;
    color: #000;
	display:inline-block;
}
.loginnew1_wrap .l_form .l_form_main .l_form_title span
{
    color: #999;
    display: inline-block;
    font-size: 14px;
    padding-left: 11px;
    margin-top: 3px;
}
.loginnew1_wrap .l_form .l_form_main input
{
    color: #000;
    height: 50px;
    font-weight: 500;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    margin-bottom: 20px;
    padding: 20px 10px;
}
.loginnew1_wrap .l_form .l_form_main button
{
    background-color: #2f59ce !important;
    border: 2px solid #2f59ce !important;
    color: #fff;
    font-weight: 800;
    font-size: 16px;
    height: 40px;
    line-height: 40px !important;
    padding: 0 !important;
}
.loginnew1_wrap .l_form .l_form_main button:hover
{
    background-color: #0c266f !important;
    border: 2px solid #0c266f !important;
}
.loginnew1_wrap .l_form .l_form_sub
{
    width: 100%;
}
.loginnew1_wrap .l_form .l_form_sub::before
{
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    margin: 20px 0;
}
.loginnew1_wrap .l_form .l_form_sub .l_form_sub_wrap
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.loginnew1_wrap .l_form .l_form_sub .l_form_sub_wrap h5
{
    font-size: 12.5px;
    font-weight: 700;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center;
}
.loginnew1_wrap .l_form .l_form_sub .l_form_sub_wrap h5::after
{
    content: '';
    width: 1px;
    height: 25px;
    display: inline-block;
    background-color: #e9e9e9;
    margin-left: 10px;
    margin-right: 5px;
}
.loginnew1_wrap .l_form .l_form_sub .l_form_sub_wrap p
{
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #888 !important;
    line-height: 14px !important;
    word-break: auto-phrase !important;
}
.loginnew1_wrap .l_form .l_form_sub .l_form_sub_wrap i
{
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    font-size: 18px;
}
.loginnew1_wrap .l_form .l_form_sub .l_form_sub_wrap i::before
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.loginnew1_wrap .l_form .l_form_sub .l_form_sub_wrap img
{
    width: 22px;
    height: 22px;
    display: inline-block;
}
/* .loginnew1_wrap .l_form .l_form_sub .l_form_sub_wrap a.kakao_login i
{
    color: #ffe93a;
} */
.loginnew1_wrap .l_form .l_form_sub .l_form_sub_wrap a.naver_login i
{
    color: #30c856;
}


.loginnew1_wrap .l_link
{
    /* 바로가기 버튼 영역 */
    width: 50%;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}
.loginnew1_wrap .l_link a.l_link_dir
{
    width: 100%;
    height: 140px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: all 0.2s linear;
}
.loginnew1_wrap .l_link a.l_link_dir.join
{
    /* 회원가입하기 박스 */
    background-color: #f4faff;
}
.loginnew1_wrap .l_link a.l_link_dir.join:hover
{
    background-color: #c5e3fb;
}
.loginnew1_wrap .l_link a.l_link_dir.forgotAccount
{
    /* 아이디 비밀번호 찾기 박스 */
    background-color: #f4f7ff;
}
.loginnew1_wrap .l_link a.l_link_dir.forgotAccount:hover
{
    background-color: #dde4f7;
}
.loginnew1_wrap .l_link a.l_link_dir .imgBox
{
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    margin-left: 40px;
    width: 90px;
    height: 90px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
}
.loginnew1_wrap .l_link a.l_link_dir .imgBox img
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.loginnew1_wrap .l_link a.l_link_dir .l_link_join_text
{ 
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}
.loginnew1_wrap .l_link a.l_link_dir .l_link_join_text p
{
    color: #000;
    font-size: 20px;
    font-weight: 800;
}


@media all and (max-width:1080px){
    .loginnew1_wrap{flex-direction: column; gap:25px;}
    .loginnew1_wrap .l_form{width: 100%; padding: 0;}
    .loginnew1_wrap .l_link{width: 100%; padding: 0;}
    .loginnew1_wrap .l_form::after{display: none;}
}

@media all and (max-width:480px){
    .loginnew1_wrap .l_link a.l_link_dir .imgBox{width: 75px; height: 75px; margin-left: 20px;}
    .loginnew1_wrap .l_link a.l_link_dir .l_link_join_text p{font-size: 18px;}
    .loginnew1_wrap .l_link a.l_link_dir .l_link_join_text{margin-left: 15px;}
    .loginnew1_wrap .l_link a.l_link_dir{height: 100px;}
    .loginnew1_wrap .l_form .l_form_main .l_form_title h4{float: none; display: block;}
    .loginnew1_wrap .l_form .l_form_main .l_form_title span{padding-left: 0; display: block; margin-top: 15px;}
}

/* button */
div.button-box {text-align: center;}
div.button-box.left {text-align: left;}
div.button-box.right {text-align: right; padding: 5px 5px 5px 0;}
table + div.button-box {margin-top: 20px;}
div.pagination + div.button-box {margin-top: 20px;}
div.button-box a.btn + a.btn {margin-left: 3px;}

.btn {position: relative; display: inline-block; box-sizing: border-box; min-width: 80px; height: 40px; line-height: 40px; text-align: center; font-size: 13px; font-family: inherit; padding: 0 0.8em; margin: 0; border: 1px solid transparent; border-radius: 3px; background-color: #ffffff; color: #666666; vertical-align: top; overflow: hidden; cursor: pointer; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); transition: all 0.2s; appearance: none; outline-offset:2px;}
.btn i {position: relative; top: -2px; margin-right: 0.5em;}
.btn:hover {box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);}
.btn:active {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);}

.btn.small {min-width: 60px; height: 35px; line-height: 35px; font-size: 12px;}
.btn.medium {min-width: 80px; height: 40px; line-height: 40px; font-size: 13px;}
.btn.large {min-width: 100px; height: 45px; line-height: 45px; font-size: 14px;}
.btn.larger {min-width: 140px; height: 42px; line-height: 40px; font-size: 18px;}
.btn.full {width: 100%; min-width: initial;}
.btn.small.icon {min-width: 24px; padding: 0;}
.btn.medium.icon {min-width: 40px; padding: 0;}
.btn.large.icon {min-width: 36px; padding: 0;}
.btn.larger.icon {min-width: 44px; padding: 0;}

.btn.icon i {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1em; z-index: 5;}
.btn.icon > span {position: absolute; left: -999px;}
.btn.full {width: 100%; min-width: inherit;}
.btn.round {border-radius: 100px;}
.btn.left {float: left; margin-right: 3px;}
.btn.disabled {cursor: no-drop; opacity: 0.5;}

.btn.white {background-color: #ffffff; color: #666666; border-color: #e4e8eb;}
.btn.gray {background-color: #fafbfc; color: #666666; border-color: #e4e8eb;}
.btn.green {background-color: #252e65; color: #ffffff;}
.btn.lime {background-color: #252e65; color: #ffffff;}
.btn.yellow {background-color: #777777; color: #ffffff;}
.btn.red {background-color: #e2161c; color: #ffffff;}
.btn.gradient {background-image: linear-gradient(to right, #252e65, #777777); color: #ffffff;}
.btn.disabled {background-color: #fafbfc; color: #cccccc; cursor: no-drop;}
.btn.bgcm {background-color: #252e65; color: #ffffff;}


.btn.white {background-color: #ffffff; color: #666666; border-color: #e4e8eb;}
.btn.gray {background-color: #fafbfc; color: #666666; border-color: #e4e8eb;}
.btn.green {background-color: #252e65; color: #ffffff;}
.btn.lime {background-color: #04cf5c; color: #ffffff;}
.btn.yellow {background-color: #a6ac1a; color: #ffffff;}
.btn.red {background-color: #e2161c; color: #ffffff;}
.btn.gradient {background-image: linear-gradient(to right, #252e65, #a6ac1a); color: #ffffff;}
.btn.disabled {background-color: #fafbfc; color: #cccccc; cursor: no-drop;}

.btn.icon-left {padding-left: 3em;}
.btn.icon-left:after {content: ''; position: absolute; left: 0; top: 0; width: 2.2em; height: 100%; line-height: inherit; background: rgba(255, 255, 255, 0.4); z-index: 5;}
.btn.icon-left i {position: absolute; left: 0; top: 0; width: 2.2em; height: 100%; line-height: inherit; z-index: 5; border-right: 1px solid rgba(0, 0, 0, 0.05);}
.btn.icon-right {padding-right: 3em;}
.btn.icon-right:after {content: ''; position: absolute; right: 0; top: 0; width: 2.2em; height: 100%; line-height: inherit; background: rgba(255, 255, 255, 0.4); z-index: 5;}
.btn.icon-right i {position: absolute; right: 0; top: 0; width: 2.2em; height: 100%; line-height: inherit; z-index: 5; border-left: 1px solid rgba(0, 0, 0, 0.05);}


/* file-list */
div.dino-file-list {font-size: 12px;}
div.dino-file-list > ul > li {position: relative; border: 1px solid #dfe8f1; border-radius: 3px; height: 28px; box-sizing: border-box; line-height: 26px; font-size: 12px; color: #8da0aa; transition: all 0.2s; overflow: hidden;}
div.dino-file-list > ul > li:hover {box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.05);}
div.dino-file-list > ul > li + li {margin-top: 3px;}
div.dino-file-list > ul > li > i {color: #ffcc00; margin: 0 12px;}
div.dino-file-list > ul > li > .filename {display: block; text-align: left; width: calc(100% - 160px); padding: 0 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box;}
div.dino-file-list > ul > li > .filename > img {margin-right: 8px;}
div.dino-file-list > ul > li > a.filename {width: calc(100% - 120px); transition: color 0.3s;}
div.dino-file-list > ul > li > a.filename > i {position: absolute; right: 100px; top: -10px; font-size: 16px; color: #65a6ff; opacity: 0;}
div.dino-file-list > ul > li > a.filename:hover {color: #00bca4;}
div.dino-file-list > ul > li > a.filename:hover > i {animation: download-file 0.5s ease-out 0s infinite normal forwards;}
div.dino-file-list > ul > li span.size {position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); font-size: 10px; padding: 4px 5px; background: #ffcc00; color: #ffffff; line-height: 1em; border-radius: 3px; margin-left: 20px;}
div.dino-file-list > ul > li p.function {position: absolute; right: 80px; top: 50%; transform: translate(0, -50%);}
div.dino-file-list > ul > li p.function a {position: relative; float: left; width: 22px; height: 22px; border-radius: 100px; box-sizing: border-box; color: #ffffff; background: #65a6ff; opacity: 0.9; transition: all 0.3s; transform: scale(0);}
div.dino-file-list > ul > li:hover p.function a {transform: scale(1);}
div.dino-file-list > ul > li p.function a:hover {opacity: 1;}
div.dino-file-list > ul > li p.function a + a {margin-left: 3px;}
div.dino-file-list > ul > li p.function a.del {background: #e74c3c;}
div.dino-file-list > ul > li p.function a i {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
div.dino-file-list p.down-all {margin-top: 5px;}
div.dino-file-list p.down-all a {display: inline-block; border: 1px solid #dfe8f1; border-radius: 3px; padding: 0 15px; line-height: 26px; transition: all 0.3s;}
div.dino-file-list p.down-all a:hover {border-color: #65a6ff; color: #65a6ff;}
div.dino-file-list p.down-all a i {color: #65a6ff; font-size: 16px; margin-right: 10px;}
div.dino-file-list input[type=file] {margin-top: 5px;}
@keyframes download-file {
    0% {opacity: 0; top: -10px;}
    100% {opacity: 1; top: 30px;}
}


/* newsletter-list */
ul.newsletter-list {margin: 20px 0; font-size: 13px;}
ul.newsletter-list li {position: relative; border: 1px solid #e0e0ee; border-radius: 10px; padding: 20px; overflow: hidden;}
ul.newsletter-list li + li {margin-top: 10px;}
ul.newsletter-list li > * {display: block;}
ul.newsletter-list li > * + * {margin-left: 160px;}
ul.newsletter-list li span.image {float: left; width: 120px;}
ul.newsletter-list li span.image img {width: 100%;}
ul.newsletter-list li span.title {font-size: 18px; margin-bottom: 5px; font-weight: 700; color: #4b9e4c;}
ul.newsletter-list li span.issue {color: #999999;}
ul.newsletter-list li span.issue em {display: inline-block; padding: 2px 15px; border-radius: 30px; background-color: #4b9e4c; color: #ffffff; margin-left: 10px; vertical-align: middle;}
ul.newsletter-list li span.content-title {font-weight: 700; margin-top: 10px; margin-bottom: 5px; font-size: 14px;}
ul.newsletter-list li span.content {margin-bottom: 10px;}
ul.newsletter-list li a.btn img {margin-right: 6px; position: relative; top: -2px;}


/* 장비예약현황 리스트 */
ul.reserve-list {font-size: 12px; text-align: left; line-height: 1.3;}
ul.reserve-list > li {display: inline-block; position: relative; margin: 2px 0; width: 49%;}
ul.reserve-list > li > a {display: block; border: 1px solid #65a6ff; border-radius: 3px; padding: 3px 10px;}
ul.reserve-list > li > a span + span {margin-left: 8px;}
ul.reserve-list > li > a span.eq-name {display: inline-block; width: calc(100% - 120px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top;}
ul.reserve-list span.status.wait {color: #e74c3c;}
ul.reserve-list span.status.approve {color: #3498db;}
ul.reserve-list > li > ul {position: absolute; width: 280px; padding: 10px 30px 10px 10px; left: 80%; top: 130%; border: 2px solid #e0e0e0; background-color: #f9f9f9; border-radius: 5px; z-index: 10; display: none;}
ul.reserve-list > li > ul::before {content: ''; position: absolute; left: 20px; top: -21px; border: 10px solid transparent; border-bottom-color: #e0e0e0;}
ul.reserve-list > li > ul::after {content: ''; position: absolute; left: 20px; top: -19px; border: 10px solid transparent; border-bottom-color: #f9f9f9;}
ul.reserve-list > li > ul > li {position: relative; padding-left: 80px;}
ul.reserve-list > li > ul > li + li {margin-top: 6px;}
ul.reserve-list > li > ul > li::before {content: ''; position: absolute; left: 0; top: 6px; width: 3px; height: 3px; border-radius: 10px; background-color: #00bca4;}
ul.reserve-list > li > ul > li:last-child {position: static;}
ul.reserve-list > li > ul > li:last-child::before {display: none;}
ul.reserve-list > li > ul > li span.label {position: absolute; left: 15px; top: 0; width: 60px; font-weight: 700;}
ul.reserve-list > li > ul > li a.btn {position: relative; left: -65px;}
ul.reserve-list > li > ul > li a.close {position: absolute; right: 10px; top: 5px; font-size: 16px; color: #e74c3c;}

#original-image-mask {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 10000;}
#original-image-mask a.close {font-size: 50px; color: #ffffff; text-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.6); position: absolute; right: 3%; top: 3%;}
#original-image {position: fixed; left: 50%; top: 50%; max-width: 80%; max-height: 80%; transform: translate(-50%, -50%); background: #ffffff; overflow: auto; z-index: 10001;}
#original-image img {max-width: none;}

#loading-mask {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 10000;}
#loading-mask span {position: absolute; left: 50%; top: 50%; width: 150px; line-height: 150px; font-size: 60px; transform: translate(-50%, -50%); color: #ffffff; background: rgba(0, 0, 0, 0.4); border-radius: 10px; text-align: center;}


/* popup */
#popup-wrapper {height: 100vh; padding: 60px 0 30px 0; box-sizing: border-box; overflow: hidden; background: #ffffff;}
#popup-header {position: fixed; left: 0; top: 0; width: 100%; height: 60px; background-image: linear-gradient(to right, #252e65, #a6ac1a); z-index: 10000; color: #ffffff;}
#popup-header h1 {position: absolute; left: 30px; top: 50%; transform: translate(0, -50%); font-size: 24px;}
#popup-header a.close {position: absolute; right: 30px; top: 50%; transform: translate(0, -50%); font-size: 30px;}
#popup-main {height: 100%; box-sizing: border-box; overflow: auto; padding: 10px 10px 10px 10px;}
#popup-main > section + section {margin-top: 50px;}
#popup-main .title {position: relative; font-size: 20px; padding-left: 25px; margin-bottom: 15px;}
#popup-main .title::before {content: ''; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border: 3px solid #252e65; border-radius: 50px;}
#popup-main .title em {color: #252e65;}
#popup-footer {position: fixed; left: 0; bottom: 0; width: 100%; height: 30px; background-image: linear-gradient(to right, #252e65, #a6ac1a); z-index: 10000; color: #ffffff; font-size: 12px;}
#popup-footer p.copyright{line-height: 30px; margin-left: 30px;}
#popup-footer img.logo {height: 24px; position: absolute; right: 30px; top: 50%; transform: translate(0, -50%);}





/* EOF */


/* 헤더 */
header{width: 100%; height: 100px; position:fixed; left: 0; right: 0; top: 0; z-index: 9998; height: auto; background-color: #fff;}
header .hd_top{transition:0.3s; width: 100%; border-bottom: 1px solid #bbb;}
header .hd_top .hd_top_con{transition:0.3s; max-width: 1400px; height: 100%; margin: 0 auto; text-align: right; box-sizing:border-box; padding: 10px 0;}
header .hd_top .hd_top_con a{display:flex;gap:3px; justify-content:flex-end; align-items:center; font-family:'Montserrat';}
header .hd_top .hd_top_con a span{font-weight:600; font-size:13px;}
header .hd_main{transition:0.3s; max-width: 1400px; height: 100%; margin: 0 auto; display:flex;  align-items:center;}
header .hd_main .logo{width: auto;}
header .hd_main .logo a{display:block; width: 194px;}
header .hd_main .logo a img{display:block; width: 100%;}
header .hd_main nav{width: calc( 100% - 194px ); box-sizing:border-box; display:flex;}

#header nav {display: flex; align-items: center; justify-content:flex-end;}
#header nav .gnb > li {
	transition: 0.3s;
	display: inline-block;
	position: relative;
	z-index: 99;
	padding: 37.5px 25px;
}
#header nav .gnb > li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 20px;
}
#header nav .gnb > li:hover > a{
	font-weight:700;
	color: #0f376f;
}
#header nav .gnb > li:hover > a::after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
	height: 4px;
	background: #0f376f;
}
#header nav .gnb > li:hover .depth2 { display: flex; }
#header nav .gnb > li:focus-within .depth2 { display: flex; }
#header nav .gnb > li > a {
	transition:0.3s;
	display: inline-block;
	font-size: 18px;
	color: #000;
	font-weight:600;
}
#header nav .depth2{
	position: fixed;
	z-index: -1;
	top: 96px;
	left: 0;
	width: 100%; 
	text-align: center;
	background-color: #fff;
	display: none;
	box-shadow: inset 0px 10px 40px rgba(0, 0, 0, 0.15);
}

#header nav .depth2 .sub_left{width: 500px; background: linear-gradient(-45deg, #538b8b, #20629c); box-sizing: border-box; padding-top: 70px; padding-right: 65px;}

#header nav .depth2 .sub_left p{color: #fff; font-size: 32px; line-height: normal; font-family: 'Paperlogy'; font-weight: 700; text-align: right;}
#header nav .depth2 .sub_left h2{color: #fff; font-size: 32px; line-height: normal; font-family: 'Paperlogy'; font-weight: 700; text-align: right;}
#header nav .depth2 .sub_right{
	width: calc( 100% - 500px );
	box-sizing: border-box;
	padding: 67.5px 50px;
}
#header nav .submenu {
	display: flex;
	flex-wrap: wrap;
	border-left: 1px solid #ddd;
}
#header nav .submenu li{width: 19.9%; border-top:1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
#header nav .submenu li:nth-child(n+6){border-top: 0;}
#header nav .submenu li a{display: block; width: 100%; height: 100%; padding: 20px 0; box-sizing:border-box; font-weight: 600; font-size: 18px; font-family: 'Pretendard';}
#header nav .submenu li:hover a{background-color: #0f376f; color: #fff; font-weight: 600;}
#header nav .util_wrap{transition:0.3s; display:flex; gap:15px; align-items:center; margin-left: 15px;}
#header nav .util_wrap a{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; width: 55px; height: 55px; border-radius:10px;}
#header nav .util_wrap a:hover{background-color: #e9eff4;}
#header nav .util_wrap a p{line-height: normal; font-family: 'Montserrat'; text-align: center; font-size:12px; font-weight: 600;}
#header nav .util_wrap .allmenu{border:0; cursor:pointer; width: 56px; height: 39px; background-color: transparent; background-image: url(/img/ico_all.png); background-repeat: no-repeat; background-position: center; background-size: contain;}
#header nav .util_wrap .allmenu.on{background-image: url(/img/ico_all_hov.png);}
#header nav .util_wrap .allmenu:hover{background-image: url(/img/ico_all_hov.png);}

.all_menu{display:flex; width: 100%; background-color: #fff; position:fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999;}
/*전체메뉴*/
.all_menu {display:none; position:fixed; transition:0.5s; z-index:9999; top:0; left:0; width:100%; height:100%; box-shadow:0px 10px 10px 0px rgba(0,0,0,0.1); background:#fff;}
.all_menu.on{display:block;}
.all_menu > .wrapper2 {position: relative; width: 100%; display: flex;}
.all_menu .allmenu_cont {overflow-y:scroll; width: 100%; height: 100vh; background: #fff; padding: 45px 80px;}

.all_menu .all_sub {margin: 3cqmin auto; margin-top: 5px; background: #fff;}

.all_menu .all_mcon {display:flex; align-items: center; justify-content:center; /*height: 120px;*/ padding: 35px 0; border-bottom: 1px solid #e1e1e1;}
.all_menu .all_mcon > a {display:block; width: 450px; margin-right: 30px; word-break: break-word; color:#222; font-size:26px; font-weight:700; text-align:left; }

.all_menu .all_mcon ul {width: calc(100% - 450px); display:flex; flex-wrap:wrap;}
.all_menu .all_mcon ul li {text-align:left; padding: 10px 0; padding-right: 50px;}
.all_menu .all_mcon ul li a {display:inline-block; position:relative;  color:#444; font-size:18px; }
.all_menu .all_mcon ul li a:hover:after {content:''; position:absolute; bottom:1px; left:0; width:100%; height:1px; background:#373737;}
.all_menu .all_mcon ul li a:hover {color:#000;}
.all_menu .close {cursor:pointer; position:absolute; z-index:999; top:40px; right:100px; width:43px; height:49px; text-indent:-9999px; background:url(/img/ico_close.jpg); background-size:100%;}
.all_menu h2 {position: absolute; top: 44%; left: -11%;text-align: left; font-size: 48px; color: #fff;font-weight: 700;opacity: 0.3;  -webkit-transform:rotate(-90deg); line-height: 5rem;}

/* 헤더 반응형 */
@media all and (max-width:1440px){

	header .hd_main{box-sizing:border-box; padding: 0 15px;}
	#header nav .gnb > li{padding: 37.5px 15px;}
	#header nav .gnb > li > a{font-size:17px;}
}

@media all and (max-width:1280px){

	
	#header nav .gnb > li{padding: 37.5px 15px;}
	#header nav .gnb > li > a{font-size:15px;}
	#header nav .util_wrap{margin-left: 10px;}
	#header nav .gnb{display:none;}
	header .hd_main{padding: 15px;}

}

@media all and (max-width:1080px){

	.gnb{display:none;}
	#header nav .util_wrap a{display:none;}
	#main{margin-top: 83px;}

	.all_menu .allmenu_cont{padding: 30px 40px;}
	.allmenu_cont img{display:block;}
	.all_menu .close{top: 20px; right: 40px;}
	.all_menu .all_mcon{flex-direction:column; padding: 30px 0;}
	.all_menu .all_mcon > a{width: 100%; margin-right: 0; margin-bottom: 15px; font-size:24px;}
	.all_menu .all_mcon ul{width: 100%; flex-wrap:wrap;}
	
	.all_menu .util_wrap{display:flex; justify-content:center; padding-top: 15px; margin: 0; gap:15px;}
	.all_menu .util_wrap a{display:flex; width: 55px; height: 55px; gap:7px; flex-direction:column; align-items:center; justify-content:center; border-radius:10px;}
	.all_menu .util_wrap a:hover{background-color: #e9eff4;}
	.all_menu .util_wrap a p{text-align: center; font-size:13px;}
	.all_menu .util_wrap a p{font-family:'Montserrat'; line-height: normal; font-size:12px; text-align: center; font-weight: 600;}
}

@media all and (max-width:768px){
	header .hd_main{border-bottom: 1px solid #ddd;}
	header .hd_main .logo a{width: 150px; height: 41px; background-size: contain; background-repeat: no-repeat; background-position: center;}
	header .hd_main nav{width: calc( 100% - 150px );}
	#header nav .util_wrap .allmenu{width: 45px; height: 31px;}

	.allmenu_cont > img{width: 150px; height: 41px;}
	.all_menu .allmenu_cont{padding: 25px 20px;}
	.all_menu .close{width: 35px; height: 41px;}
	.all_menu .all_mcon ul li{padding: 7px 0; padding-right: 25px;}
	.all_menu .all_mcon > a{font-size:20px;}
	.all_menu .all_mcon ul li a{font-size:16px;}
	.all_menu .all_mcon{padding: 25px 0;}
}

@media all and (max-width:480px){

	.all_menu .all_mcon ul li a{font-size:14px;}

}

/* 헤더 끝 */

/* 메인 */
.bx-wrapper{margin-bottom: 0; overflow: hidden !important;}
#main{transition:0.3s; width: 100%; margin-top: 100px;}
#main section.main_banner .main_slide{width: 100%; position:relative;}

/* 슬라이드 전체 컨테이너 */
.swiper-container.swiper1 {
	position:relative;
	width: 100%;  /* 1920px일 경우 width:1920px로 바꿀 수 있습니다. */
	height: 540px;
}

/* 슬라이드 아이템(swiper1) */
.swiper1 .swiper-slide {
	background-color: #ddd;
	font-size: 24px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.swiper1 .swiper-slide.swiper-slide01{background-image: url(/img/main_bg.png);}
.swiper1 .swiper-slide.swiper-slide02{background-image: url(/img/main_bg.png);}
.swiper1 .swiper-slide.swiper-slide03{background-image: url(/img/main_bg.png);}

.swiper1 .swiper-slide a{display:block; width: 100%; height: 100%;}
.swiper1 .swiper-slide a > div{display:flex; flex-direction:column; max-width:1400px; margin: 0 auto; box-sizing:border-box; height: 100%; padding-top: 100px;}
.swiper1 .swiper-slide a p{font-family:'Paperlogy'; color: #fff; text-align: left;}
.swiper1 .swiper-slide a p.full{font-weight: 400; color: #babbc1; font-size:14px; text-align: left;}
.swiper1 .swiper-slide a p.tit{font-weight: 800; font-size:36px; margin-bottom: 10px; line-height: normal; margin-bottom: 15px; text-align: left;}
.swiper1 .swiper-slide a p.txt{font-weight: 300; font-size:20px; line-height: 30px; text-align: left;}


/* 페이지네이션 버튼 스타일 */
.swiper1 .swiper-pagination {
	position: static;
	text-align: center;
	width: auto !important;
}

/* 버튼 스타일 */
.swiper1 .control-buttons {
	position: static;
	display: flex;
	gap: 10px;
	z-index: 1;
}

.swiper1 .control-buttons button {
	cursor: pointer;
	width: 11px;
	height: 13px;
	border:0;
	background: transparent;
}
.swiper1 .control-buttons button.start{}
.swiper1 .page_control{display:flex; gap:14px; align-items:center; width:1400px; margin: 0 auto; position:absolute; z-index: 1; bottom: 197px; left: 50%; transform:translateX(-50%)}
.swiper1 .control-buttons button.start-button{ background-image: url(/img/ico_white_stop.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
.swiper1 .control-buttons button.stop-button{background-image: url(/img/ico_white_start.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
.swiper1 .swiper-pagination{display:flex; gap:10px;}
.swiper1 .swiper-pagination .swiper-pagination-bullet{width: 13px; height: 13px; display:inline-block; margin: 0 !important; opacity:1; background-color: transparent; box-shadow:0 0 0 3px #fff inset;}
.swiper1 .swiper-pagination .swiper-pagination-bullet-active{background-color: #fff;}

/* 슬라이드 아이템(swiper2) */
.swiper-container.swiper2 {
	position:absolute;
	top: 73px;
	right: 260px;
	width: 570px;  
	height: 240px;
	background-color: #f0f3f9;
	z-index: 1;
	box-sizing:border-box;
	padding: 38px 43px;    background: linear-gradient(135deg, #f1f7f5 30%, #f0f4f7, #f0f3fa);
}
.swiper2 .swiper-wrapper .swiper-slide{display:flex;  position:relative; transition: opacity 0.5s ease-in-out; /* fade-in/out 효과 */}
.swiper2 .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1; /* 활성화된 슬라이드만 보이도록 */
}
.swiper2 .swiper-wrapper .swiper-slide .info_box{width: calc( 100% - 317px ); padding-right: 35px; padding-top: 15px; box-sizing:border-box;}
.swiper2 .swiper-wrapper .swiper-slide .info_box p.cate{text-align: left; font-weight: 600; font-size:14px; margin-bottom: 10px; line-height: normal;}
.swiper2 .swiper-wrapper .swiper-slide .info_box p.tit{text-align: left; font-family:'Paperlogy'; font-weight: 700; font-size:24px; margin-bottom: 10px; line-height: 25px;}
.swiper2 .swiper-wrapper .swiper-slide .info_box h3.tit{text-align: left; font-family:'Paperlogy'; font-weight: 700; font-size:24px; margin-bottom: 10px; line-height: 25px;}
.swiper2 .swiper-wrapper .swiper-slide .info_box p.txt{text-align: left; color: #444444; font-weight: 400; font-size:14px; margin-bottom: 0px; line-height: normal;}
.swiper2 .swiper-wrapper .nav_wrap{display:flex; gap:6px; position:absolute; bottom: 0; left: 0; z-index: 1;}
.swiper2 .swiper-wrapper .nav_wrap .control-buttons{display:flex; justify-content:center; align-items:center; gap:11px; width: 67px; height: 25px; box-shadow:0 0 0 1px #ddd inset; border-radius:30px; background-color: #fff;}
.swiper2 .swiper-wrapper .nav_wrap .control-buttons .prev{border:0; cursor:pointer; width: 5px; height: 8px; background-image: url(/img/ico_left.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
.swiper2 .swiper-wrapper .nav_wrap .control-buttons .start-button{border:0; cursor:pointer; width: 12px; height: 12px; background-color: transparent; background-image: url(/img/ico_play.png); background-repeat: no-repeat; background-position: center;}
.swiper2 .swiper-wrapper .nav_wrap .control-buttons .stop-button{border:0; cursor:pointer; width: 12px; height: 12px; background-color: transparent; background-image: url(/img/ico_stop.png); background-repeat: no-repeat; background-position: center;}
.swiper2 .swiper-wrapper .nav_wrap .control-buttons .next{border:0; cursor:pointer; width: 5px; height: 8px; background-image: url(/img/ico_right.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
.swiper2 .swiper-wrapper .nav_wrap .more{width: 25px; height: 25px; border-radius:100%; box-shadow:0 0 0 1px #ddd inset; border-radius:100%; background-color: #fff;}
.swiper2 .swiper-wrapper .nav_wrap .more a{position:relative;  display:block; width: 100%; height: 100%;}
.swiper2 .swiper-wrapper .nav_wrap .more a::after{content:""; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 10px; background-color: #000;}
.swiper2 .swiper-wrapper .nav_wrap .more a::before{content:""; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 2px; height: 10px; background-color: #000;}
.swiper2 .swiper-wrapper .swiper-slide .list_wrap{width: 317px; height: 100%; background-color: #fff; box-sizing:border-box; padding: 10px 29px;}
.swiper2 .swiper-wrapper .swiper-slide .list_wrap ul{height: 100%;}
.swiper2 .swiper-wrapper .swiper-slide .list_wrap ul li{width: 100%; height: 33.3%; border-bottom: 1px solid #dcdcdc;}
.swiper2 .swiper-wrapper .swiper-slide .list_wrap ul li:last-child{border-bottom: 0;}
.swiper2 .swiper-wrapper .swiper-slide .list_wrap ul li a{display:flex; justify-content:space-between; align-items:center; width: 100%; height: 100%; box-sizing:border-box; padding-left: 24px; position:relative;}
.swiper2 .swiper-wrapper .swiper-slide .list_wrap ul li a::before{content:""; position:absolute; left: 1px; top: 50%; transform:translateY(-50%); width: 7px; height: 7px; border-radius:100%; background-color: #006bc5;}
.swiper2 .swiper-wrapper .swiper-slide .list_wrap ul li a p{line-height: normal; margin: 0;}
.swiper2 .swiper-wrapper .swiper-slide .list_wrap ul li a:hover p{font-weight: 800; text-decoration:underline; text-underline-position:under; color: #0f376f;}
.swiper2 .swiper-wrapper .swiper-slide .list_wrap ul li a .imgbox{width: 20px; height: 20px; background-image: url(/img/ico_arrow.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
.swiper2 .swiper-wrapper .swiper-slide .list_wrap ul li a:hover .imgbox{background-image: url(/img/ico_arrow_on.png);}

/* section01 */
.section01{max-width:1400px; margin: 0 auto; margin-top: -150px; box-sizing:border-box; padding: 63px 65px; display:flex; position:relative; z-index: 1; background-color: #fff;}
.section01 .left{width: calc( 100% - 587px ); box-sizing:border-box; padding-right: 57px;}
.section01 .left .title_wrap{width: 100%; display:flex; justify-content:space-between; align-items:center; margin-bottom: 18px;}
.section01 .left .title_wrap p.tit{font-family:'Paperlogy'; font-weight: 800; font-size:28px;}
.section01 .left .title_wrap h3.tit{font-family:'Paperlogy'; font-weight: 800; font-size:28px;}
.section01 .left .title_wrap .more a{position:relative; display:block; width: 31px; height: 31px; border-radius:100%; background-color: #000;}
.section01 .left .title_wrap .more a::before{content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 2px; height: 14px; background-color: #fff;}
.section01 .left .title_wrap .more a::after{content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%) rotate(90deg); width: 2px; height: 14px; background-color: #fff;}
.section01 .left .title_wrap .more a:hover{background-color: #20629c;}


.section01 .left ul{width: 100%; display: none;}
.section01 .left ul.on{display: block;}
.section01 .left ul li{width: 100%; border-bottom: 1px solid #dedee0;}
.section01 .left ul li:first-child{width: 100%; background-color: #fff; height: auto;}
.section01 .left ul li:first-child a{display: flex; width: 100%; align-items: center; width: 100%; padding: 0; padding-right: 15px; padding-bottom: 18px; box-sizing:border-box;}
.section01 .left ul li:first-child a > div{order:2; width: calc( 100% - 90px ); padding-left: 20px; box-sizing: border-box; font-size: 19px; font-family: 'Pretendard-ExtraBold'; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: inherit; word-break: break-all;} 
.section01 .left ul li:first-child a span{text-align: center; line-height: normal; order:1; display: flex; align-items: center; justify-content: center; flex-direction: column; gap:0px; width: 90px; height: 90px; box-shadow: 0 0 0 1px #666666 inset;}
.section01 .left ul li:first-child a span div{font-family: "Rubik"; font-weight: 500; letter-spacing: -0.5px; font-size:12px; color: #000;}
.section01 .left ul li:first-child a span strong{display: block; font-family: "Rubik"; font-weight: 800; color: #22314b; font-size:40px;}
.section01 .left ul li:first-child a:hover span{box-shadow:0 0 0 3px #0f376f inset; }
.section01 .left ul li:first-child a p.tit{margin-bottom: 10px; font-weight: 800; font-size:22px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: keep-all; text-align: left;}
.section01 .left ul li:first-child a p.txt{text-align: left; font-weight: 500; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: keep-all; font-size:16px;}
.section01 .left ul li:first-child:hover a p.tit{color: #0f376f; text-decoration:underline; font-weight: 800;}

.section01 .left ul li:not(:first-child) p{font-weight: 500; box-sizing:border-box; width: calc( 100% - 120px ); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: keep-all; text-align: left;}
.section01 .left ul li:not(:first-child):hover p{text-decoration:underline; font-weight: 700;}
.section01 .left ul li:not(:first-child) a{display: flex; width: 100%; align-items: center; padding: 15px 0 ;}
.section01 .left ul li:not(:first-child) a span{width: 120px; text-align: right; display: block; font-size:16px; color: #777777; box-sizing:border-box; padding-right: 13px;}



.section01 .right{width: 587px; border:1px solid #cdcdcd; display:flex; flex-wrap:wrap;}
.section01 .right .content{width: 50%; height: 50%; border-right:1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;}
.section01 .right .content:nth-child(2), .section01 .right .content:nth-child(4){border-right:0;}
.section01 .right .content:nth-child(3), .section01 .right .content:nth-child(4){border-bottom:0;}
.section01 .right .content a{display:flex; width: 100%; height: 100%; align-items:center; box-sizing:border-box; padding: 0 30px;}
.section01 .right .content a:hover{background-color: #20629c;}
.section01 .right .content a .imgbox{width: 86px; height: 86px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.section01 .right .content:nth-child(1) a .imgbox{background-image: url(/img/ico_big_01.png);}
.section01 .right .content:nth-child(2) a .imgbox{background-image: url(/img/ico_big_02.png);}
.section01 .right .content:nth-child(3) a .imgbox{background-image: url(/img/ico_big_03.png);}
.section01 .right .content:nth-child(4) a .imgbox{background-image: url(/img/ico_big_04.png);}
.section01 .right .content a p{font-weight: 700; text-align: left; font-size:22px; word-break:keep-all; padding-left: 21px; box-sizing:border-box; width: calc( 100% - 86px );}
.section01 .right .content a:hover p{color: #fff;}

/* 메인 반응형 */

@media all and (max-width:1820px){

	.swiper-container.swiper2{right: 210px;}
	
}

@media all and (max-width:1720px){

	.swiper-container.swiper2{right: 160px;}
	
}
@media all and (max-width:1620px){

	.swiper-container.swiper2{right: 110px;}
	
}
@media all and (max-width:1520px){

	.swiper-container.swiper2{right: 60px;}
	
}

@media all and (max-width:1440px){

	.swiper1 .swiper-slide a > div{padding: 0 15px; padding-top: 100px;}
	.swiper1 .page_control{width: 100%; box-sizing:border-box; margin: 0 auto; padding: 0 15px;}
	.swiper-container.swiper2{top:100%; right: 0; width: 100%;}
	

	.section01{padding: 63px 15px; margin-top: 0;}
	.main_banner{padding-bottom: 240px;	}

	.swiper-wrapper2{width: auto; max-width:1400px;}
	.swiper-container.swiper2{padding: 38px 85px;}
	.swiper2 .swiper-wrapper .swiper-slide .list_wrap{width: 800px;}
	.swiper2 .swiper-wrapper .swiper-slide .info_box{width: calc( 100% - 800px );}
	.swiper-container.swiper1{height: 380px;}
	.swiper1 .page_control{bottom: 30px;}
}

@media all and (max-width:1280px){
#main{margin-top: 85px;}
	.section01 .right{width: 550px;}
	.section01 .left{width: calc( 100% - 550px ); padding-right: 35px;}


	.swiper-container.swiper2{padding: 38px 65px;}
	.swiper2 .swiper-wrapper .swiper-slide .list_wrap{width: 400px;}
	.swiper2 .swiper-wrapper .swiper-slide .info_box{width: calc( 100% - 400px );}
	

}

@media all and (max-width:1080px){
	#main{margin-top: 83px;}
	.section01{flex-direction:column; gap:45px;}
	.section01 .right{width: 100%;}
	.section01 .left{width: 100%; padding-right: 0px;}
	.section01 .right .content{height: 150px;}
	.swiper-container.swiper2{padding: 38px 35px;}

}

@media all and (max-width:768px){
	#main{margin-top: 71px;}

	.swiper1 .swiper-slide a > div{padding-top: 35px;}
	.swiper1 .swiper-slide a p.tit{font-size:32px;}

	.section01 .right .content a .imgbox{width: 50px; height: 50px;}
	.section01 .right .content a p{width: calc( 100% - 50px ); font-size:20px;}
	.section01 .right .content{height: 120px;}
	.swiper-container.swiper1{height: 300px;}
	.swiper1 .swiper-slide a p.txt{font-size:18px;}
	.swiper1 .swiper-slide a p.txt br{display:none;}
	.swiper1 .swiper-slide a p.full{font-size:13px;}
	.swiper2 .swiper-wrapper .swiper-slide .info_box p.tit{margin-bottom: 25px;}

	.swiper-container.swiper2{padding: 25px 15px;}
	.swiper2 .swiper-wrapper .swiper-slide .list_wrap{width: 350px;}
	.swiper2 .swiper-wrapper .swiper-slide .info_box{width: calc( 100% - 350px );}
	.section01 .left .title_wrap .more a{width: 25px; height: 25px;}
	.section01 .left .title_wrap .more a::before{height: 10px;}
	.section01 .left .title_wrap .more a::after{height: 10px;}
}

@media all and (max-width:600px){
	.section01{padding: 32px 15px;}
	.swiper2 .swiper-wrapper .swiper-slide .info_box p.txt{display:none}
	.swiper2 .swiper-wrapper .swiper-slide{flex-direction:column;}
	.swiper2 .swiper-wrapper .swiper-slide .info_box{width: 100%; padding: 0;}
	.swiper2 .swiper-wrapper .swiper-slide .list_wrap{width: 100%; height: 170px;}
	.swiper-container.swiper2{height: auto;}
	.main_banner{padding-bottom: 265px;}
	.swiper2 .swiper-wrapper .nav_wrap{right: 0; left: inherit; bottom: inherit; top:0px;}
}

@media all and (max-width:480px){

	.swiper1 .swiper-slide a p.full{font-size:12px; line-height: normal;}
	.swiper1 .swiper-slide a p.tit{font-size:24px;}
	.swiper1 .swiper-slide a p.txt{font-size:15px; line-height: 20px;}
	.swiper-container.swiper1{height: 260px;}

	.section01 .left ul li:not(:first-child) a{padding: 12px 0;}
	.section01 .left ul li:first-child a{padding-bottom: 12px;}
	.section01 .left ul li:first-child a span{width: 70px; height: 70px;}
	.section01 .left ul li:first-child a span strong{font-size:28px;}
	.section01 .left ul li:first-child a > div{width: calc( 100% - 70px );}
	.section01 .left ul li:first-child a p.tit{font-size:18px; margin-bottom: 5px;}
	.section01 .left ul li:first-child a p.txt{font-size:14px;}
	.section01 .left ul li:not(:first-child) a span{font-size:14px;}

	.section01 .right .content{width: 100%; border-right:0; height: 80px;}
	.section01 .right .content:nth-child(3){border-bottom: 1px solid #cdcdcd;}

}

/* 메인 끝*/

/* 푸터 */

#footer{width: 100%; background-color: #f2f2f2; box-sizing:border-box; padding: 40px 0 70px;}
#footer .container{max-width:1400px; margin: 0 auto; display:flex; justify-content:space-between;}
#footer .container .site .select_wrap{margin-bottom: 45px; position: relative; text-align: right;}
#footer .container .site .select_wrap select{border:2px solid #767676; background-color: transparent; width: 224px; height: 40px; font-size:15px; font-weight: 500; color: #101010; box-sizing:border-box; padding-left: 17px; cursor:pointer; padding-right: 30px; appearance: none; /* 기본 드롭다운 화살표를 숨김 (모바일, 웹킷 브라우저에서만 적용) */

	}
#footer .container .site .logo_wrap{display:flex; gap:25px; justify-content:flex-end; align-items:center;}
#footer .container .info .use{display:flex; gap:45px;}
#footer .container .info .use a{position:relative; display:block; font-weight: 500; font-size:18px; margin-bottom: 25px;}
#footer .container .info .use a:first-child{color: #0f376f;font-weight: 700;}
#footer .container .info .use a:hover{font-weight: 700;}
#footer .container .info .use a::after{content:""; position:absolute; width: 100%; height: 3px; background-color: #000; left: 50%; bottom: -2px; transform:translateX(-49%); display:none;}
#footer .container .info .use a:hover::after{display:block;}
#footer .container .info p.adress{margin-bottom: 20px; color:#333; text-align: left;}
#footer .container .info .number_wrap{display:flex; gap:45px;}
#footer .container .info .number_wrap li{display:flex; align-items:center;}
#footer .container .info .number_wrap li span{display:block; background-color: #44525d; color: #fff; font-size:12px; width: 75px; height: 27px; border-radius:5px; text-align: center; line-height: 27px;}
#footer .container .info .number_wrap li a{display:block; padding-left: 12px; font-size:15px;color:#333;}

/* 푸터 반응형 */

@media all and (max-width:1440px){

	#footer .container{padding: 0 15px; box-sizing:border-box;}

}

@media all and (max-width:1360px){
	
	

}

@media all and (max-width:1080px){

	#footer .container{flex-direction:column; gap:25px;}
	#footer .container .site .select_wrap{text-align: left; margin-bottom: 25px;}
	#footer .container .info .number_wrap{flex-wrap:wrap; gap:10px 45px;}

}

@media all and (max-width:768px){

	#footer .container .info .use{gap:15px; flex-direction:column; margin-bottom: 15px; text-align: left;}
	#footer .container .info .use a{font-size:16px; margin-bottom: 0; text-align: left; text-align: left; display:inline-block;}
	#footer .container .site .logo_wrap{flex-wrap:wrap; gap:10px 25px;}
	#footer .container .info .use a::after{display:none !important;}

}

/* 푸터 끝*/

#banner {width:100%; margin:0px auto; margin-top: 99px; box-shadow:0 0 20px rgba(0, 0, 0, 0.08);}

#banner .hero {
    width: 100%;
    margin: 0 auto;
    height: 160px;
    background: url(/img/sub_top2.png);
    background-repeat: no-repeat;
	background-position: center;
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
}

@media all and (max-width:1440px){

	#banner .hero{background-position: 70% 0;}

}

@media all and (max-width:1080px){
	#banner .hero{background-position: 75% 0; background-size: cover; height: 120px;}
	#banner{margin-top: 83px;}

}

@media all and (max-width:765px){

	#banner .hero{display:none;}
	#banner{width: 100%; height: 1px; margin-top: 70px;}

}



#contents > .wrap {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 1400px;
    margin: 0px auto;
}
#contents .cs_lnb {
    vertical-align: middle;
    position: relative;
    float: left;
    width: 250px;
    margin-top: -75px;
}
#contents .cs_lnb .cs_head {
    display: block;
    width: 100%;
    height: 150px;
    padding: 43px 0;
    border-radius: 8px;
    background-color: #1c54a5;
    background: url(/img/nav_bg.png) no-repeat center;
    background-size: cover;
    text-align: center;
    margin-bottom: 10px;
    box-sizing:border-box;
}
#contents .cs_lnb .cs_head h2 {
    font-size: 27px;
    color: #fff;font-family: 'Paperlogy'; font-weight: 700;
    line-height:28px;
    margin-bottom: 10px;
}
#contents .cs_lnb .cs_head span {
    font-size: 12px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #fff;
}
#contents .cs_lnb .cs_body > ul > li {
    display: block;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd;
    background: #fff;
    box-sizing: border-box;
}
#contents .cs_lnb .cs_body > ul > a:first-child{display:none;}
#contents .cs_lnb .cs_body > ul > li > a {
    display: block;
    position: relative;
    width: 100%;
/*    height: 100%;*/
    padding: 20px 0;
    color: #454545;
    font-weight: 500;
    font-size: 16px;
    text-align:left;
    z-index:1;
    box-sizing:border-box;
    border-radius: 5px;    text-align: center;
}

/* #contents .cs_lnb .cs_body > ul > li > a:before {content:""; position:absolute; left:10px; top:18px; width:4px; height:4px; background-color:#1779bf;} */
/* #contents .cs_lnb .cs_body > ul > li:hover, #contents .cs_lnb .cs_body > ul > li.on {box-shadow: 3px 4px 15px 0 rgba(0,0,0,.3);} */
#contents .cs_lnb .cs_body > ul > li:hover > a, #contents .cs_lnb .cs_body > ul > li.on > a {color: #fff; background:#0f376f;}


#contents .cs_lnb .csl_sub {margin:10px; margin-top:10px; border-radius:5px; background-color:#fff; box-shadow:0 1px 5px rgba(0, 0, 0, 0.04);position:relative;z-index:1;}
#contents .cs_lnb .cs_body > ul > li:hover .csl_sub, #contents .cs_lnb .cs_body > ul > li.on .csl_sub {background-color:#e3e6e8; box-shadow:none;}
#contents .cs_lnb .csl_sub > li {display:inline-block; vertical-align:middle; width:100%; border-top:#f4f5f6 solid 1px;}
#contents .cs_lnb .cs_body > ul > li:hover .csl_sub > li, #contents .cs_lnb .cs_body > ul > li.on .csl_sub > li {border-top-color:#fff;}
#contents .cs_lnb .csl_sub > li:first-child {border-top:none;}
#contents .cs_lnb .csl_sub > li > a {display:block; position:relative; height:100%; padding:5px 10px 5px 20px; font-size:13px; color:#424242; line-height:20px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
#contents .cs_lnb .cs_body > ul > li:hover .csl_sub > li > a, #contents .cs_lnb .cs_body > ul > li.on .csl_sub > li > a {color:#222;}
#contents .cs_lnb .csl_sub > li > a:before {content:""; position:absolute; left:10px; top:50%; width:4px; height:2px; margin-top:-1px; background-color:#1779bf;}
#contents .cs_lnb .cs_body > ul > li:hover .csl_sub > li:hover > a, #contents .cs_lnb .cs_body > ul > li.on .csl_sub > li:hover > a{color:#1349ab;}

#contents .cs_banner {display:inline-block; vertical-align:middle; width:100%; text-align:left; margin-top:50px;}
#contents .cs_banner a {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url("../images/common/block.png");}
#contents .cs_banner .csb_wrap {position:relative; padding:15px 20px; background-color:#eee; border-top:1px dashed #ddd;}
#contents .cs_banner .csb_box img {vertical-align:middle; margin-top:-2px; margin-right:10px;}
#contents .cs_banner .csb_box {position:relative;}
#contents .cs_banner .csb_box span {color:#fff; opacity:0.5;}
#contents .cs_banner .csb_box p {color:#fff; opacity:0.4;}
#contents .contents {display:inline-block;box-sizing:border-box; vertical-align:middle; position:relative; float:left;width: calc(100% - 250px);min-height:600px; background-color:#fff;padding-left:60px;}


/*신규 20190620 오른쪽 퀵메뉴 추가*/

#contents .cs_rnb {position:absolute; right:-170px; top:0;}


.nav_center_tit {position: absolute; top: -95px; left: 50%; transform: translateX(-50%); line-height: 1.4;}
.nav_tit > .nav_center_tit > .title-name {
    font-size: 42px;
    line-height: 42px;
    color: #000;
    background: none;
}
@media all and (max-width:1440px){
    #contents > .wrap {width:100%; padding: 0 20px;}
    #contents .contents{padding-left: 20px; box-sizing:border-box;}
}
@media all and (max-width:1400px) {
    
    #contents .cs_wrap:before {width:240px;}

    #contents .cs_lnb {width:220px;}
    /* #contents .cs_lnb .cs_head{background-size:100% 100%;height:104px;padding: 38px 0 0 20px;font-size:24px;} */
    #contents .cs_lnb .cs_body > ul {padding:0;}

    #contents .cs_banner .csb_wrap {position:relative; padding:10px 20px;}

    /* #contents .cs_lnb .cs_body > ul > li > a{padding:21px 42px 21px 15px} */

}
@media all and (max-width:1210px) {
    #contents .cs_rnb {display:none}
}
@media all and (max-width:1200px) {
    #contents .cs_lnb {display:none}
    .nav_center_tit{top:-74px;}
    .nav_tit > .nav_center_tit > .title-name{font-size:34px;line-height:34px;}
	#contents .contents{padding-left: 0;}
	#contents .contents .cs_head{margin-left: 0;}	
}
@media all and (max-width:1000px){
    #contents > .wrap {padding: 0;}
    .nav_center_tit{top:-66px;}
    .nav_tit > .nav_center_tit > .title-name{font-size:34px;line-height:34px;}
}
@media all and (max-width:940px) {
    #contents .cs_hero {display:none;}
    #contents .cs_wrap:before {display:none;}

}

@media all and (max-width:640px){
    .nav_center_tit{top:-51px;}
    .nav_tit > .nav_center_tit > .title-name{font-size:26px;line-height:26px;}
}

@media all and (max-width:420px){
    .nav_center_tit{top:-41px;}
    .nav_tit > .nav_center_tit > .title-name{font-size:22px;line-height:22px;}
}


#contents .contents .cs_head {display:block; position:relative; width:auto; height:125px; margin:0  0 0 30px;}
#contents .contents .cs_head:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:5px; background-color:#f3f3f3;}
#contents .cs_title {display:inline-block; vertical-align:middle; position:relative; float:left; font-size:24px; font-weight:900; color:#000; line-height:125px; margin-top: 15px;}
#contents .cs_title h2 {display:inline-block; vertical-align:middle; position:relative; float:left; padding:0;font-family: 'Paperlogy'; font-weight: 800; }
#contents .cs_title h3 {font-size:36px; display:inline-block; vertical-align:middle; position:relative; float:left; padding:0;font-family: 'Paperlogy'; font-weight: 800; }
/* #contents .cs_title h2:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#07486c;} */

#contents .cs_navi {display:inline-block; vertical-align:middle; position:relative; float:right; margin-top:60px;}
#contents .cs_navi ul {display:inline-block; vertical-align:middle; float:left;}
#contents .cs_navi li {display:inline; position:relative; float:left; /*width:200px;*/ width: auto; height:40px; padding-left:30px;}
#contents .cs_navi li:before {content:""; position:absolute; left:9px; top:16px; width:9px; height:14px; /*margin-top:-6px;*/ background-image:url("https://kieeme.website.or.kr/html/user/core/view/reaction/top/361/inc/images/ico_arr.png"); background-image:url("https://kieeme.website.or.kr/html/user/core/view/reaction/top/361/inc/images/ico_arr.png")\9; background-repeat:no-repeat; /*background-size:300% auto;*/}
#contents .cs_navi li.home {width:32px; padding-left:0;}
#contents .cs_navi li.home:before {display:none;}
#contents .cs_navi li.home a {display:block; height:100%;}
#contents .cs_navi li.home i {display:inline-block; vertical-align:middle; position:relative; right:auto; top:auto; width:19px; height:19px; margin-top:13px; border:none; background-image:url("../images/ico_home.png"); background-image:url("https://kieeme.website.or.kr/html/user/core/view/reaction/top/361/inc/images/ico_home.png"); background-repeat:no-repeat; background-size:100% auto;}
#contents .cs_navi button {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 47px;
    border-radius: 3px;
    font-size: 16px;
    color: #454545;
    line-height: 40px;
    text-align: left;
    letter-spacing: -1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    background: none;
}
#contents .cs_navi span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 47px;
    border-radius: 3px;
    font-size: 16px;
    color: #454545;
    line-height: 40px;
    text-align: left;
    letter-spacing: -1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    background: none;
    line-height: 47px;
}
/*#contents .cs_navi li:hover button, #contents .cs_navi button:focus {background-color:#f4f5f6; color:#044092;}*/
/* #contents .cs_navi i {display:inline-block; vertical-align:middle; position:absolute; right:10px; top:50%; margin-top:-2px; border-top:6px solid #424242; border-left:6px solid transparent; border-right:6px solid transparent;} */
#contents .cs_navi li:hover i, #contents .cs_navi button:focus i {border-top-color:#044092;}
#contents .cs_navi .csn_sub {display:none; position:absolute; left:30px; top:0px; z-index:9; width:auto; margin:0; padding:10px 15px; padding-top:40px; border-radius:3px; background-color:#fafafa; box-shadow:0 20px 40px rgba(0, 0, 0, 0.14);}
#contents .cs_navi .csn_sub.on {display:inline-block;}
#contents .cs_navi .csn_sub li {display:inline-block; vertical-align:middle; width:100%; height:auto; margin:0; padding:0; border-top:#eee solid 1px;}
#contents .cs_navi .csn_sub li:before {display:none;}
#contents .cs_navi .csns_1depth li:nth-child(6){display:none;}
#contents .cs_navi .csns_1depth li:nth-child(7){display:none;}
#contents .cs_navi .csn_sub a {display:block; width:auto; height:35px; padding-left:5px; font-size:12px; color:#474747; line-height:35px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
#contents .cs_navi .csn_sub a:hover, #contents .cs_navi .csn_sub a:focus, #contents .cs_navi .csn_sub .on a {font-weight:500; color:#044092 !important;}
#contents .cs_navi .csn_sub span {display:inline-block; vertical-align:top; position:relative;}
#contents .cs_navi .csn_sub span:before {content:""; display:none; vertical-align:middle; position:absolute; left:0; bottom:6px; width:100%; height:2px; border:none; background-color:#044092;}
#contents .cs_navi .csn_sub li:hover span:before, #contents .cs_navi .csn_sub a:focus span:before, #contents .cs_navi .csn_sub li.on span:before {display:inline-block;}
#contents .cs_navi li:hover .csn_sub a {color:#2f2f2f;}
#contents .cs_navi li:hover .csn_sub a:hover {color:#044092;}
#contents .cs_navi .csn_sub strong {display:inline-block; vertical-align:middle; position:relative; height:35px; font-size:16px; color:#2f2f2f; line-height:35px;}
#contents .cs_navi .csn_sub .in span {margin-left:10px;}
#contents .cs_navi li.csn_3depth {display:inline;}


#contents .contents .cs_body {
    display: block;
    width: auto;
    margin: 40px 0 30px 30px;
    text-align: left;
}
#contents .cs_contents .cs_area {display:inline-block; vertical-align:middle; width:100%; margin:30px 0;}

@media all and (max-width:1400px) {
    /* #contents .contents {width:calc(100% - 220px);} */
    #contents .contents .cs_head {height:80px; margin:0 20px; margin-right: 0;}

    #contents .cs_title {font-size:20px; line-height:80px; margin-top: 0;}
    #contents .cs_title h2 {width:400px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
    #contents .cs_title h3 {width:400px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}

    #contents .cs_navi {margin-top:20px;}

    #contents .contents .cs_body {margin:40px 30px; margin-right: 0;}
    #contents .contents .cs_area {margin:20px 0;}

}

@media all and (max-width:1200px) {
    #contents .contents {width:100%;}
    .lnb{display:none;}
	#contents .contents .cs_head{margin-left: 0;}
	#contents .contents .cs_body{margin-left: 0;}
}

@media all and (max-width:1000px) {

    #contents .contents {display:block; float:none; width:auto; padding:15px;}
    #contents .contents .cs_head {display:inline-block; width:100%; height:auto; margin:0; padding-top:20px;}
    #contents .contents .cs_head:before {bottom: 10px;}

    #contents .cs_navi li {background-color:#f4f5f6; color:#248776;}
    #contents .cs_navi li button {padding-left: 10px;}
    #contents .cs_navi li:hover button, #contents .cs_navi button:focus {background-color:#f4f5f6; color:#248776;}
    #contents .cs_navi i {display:inline-block; vertical-align:middle; position:absolute; right:10px; top:50%; margin-top:-2px; border-top:6px solid #424242; border-left:6px solid transparent; border-right:6px solid transparent;}
    #contents .cs_navi .csn_sub {background: #f4f5f6;}
    #contents .cs_navi .csn_sub a {padding-left: 0;}
    #contents .cs_navi .csn_sub a:hover, #contents .cs_navi .csn_sub a:focus, #contents .cs_navi .csn_sub .on a {color:#248776 !important;}
    #contents .cs_navi .csn_sub span:before {background: #248776;}
    #contents .cs_navi li:hover i, #contents .cs_navi button:focus i {border-top-color: #248776;}
    
    /* #contents .contents .cs_title {width:100%; padding:0; font-size:16px; font-weight:500; color:#222; line-height:20px;}
    #contents .cs_title h2 {width:100%; padding:15px 0; text-align:left; overflow:inherit; text-overflow:inherit; white-space:inherit; word-break:inherit;} */

    #contents .cs_navi {position:absolute; left:0; top:0; width:100%; margin-top:0; display:none;}
    #contents .cs_navi ul {width:100%;}
    #contents .cs_navi li {display:inline-block; width:100%; height:47px; padding-left:0;}
    #contents .cs_navi li:before {display:none;}
    #contents .cs_navi li.home {display:none;}
    #contents .cs_navi li.csn_1depth {display:none;}
    #contents .cs_navi .csn_sub {left:0; right:0; width:auto;}

    #contents .contents .cs_body {margin:30px 0;}
    #contents .contents .cs_area {margin:15px 0;}

    #contents .cs_navi li.csn_3depth {display: none;}
}

@media all and (max-width:768px){
    /* #contents .contents{padding:10px;} */
    #contents .cs_title,#contents .cs_title h2, ,#contents .cs_title h3 {font-size:22px;}
	#contents .contents .cs_head{padding-top: 0;}
	#contents .cs_title{line-height: 65px;}
	#contents .contents .cs_head:before{bottom: 0px;}
}



.div_table {display:table; width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd;}
.div_table .tr {display:table; vertical-align:middle; width:100%;}
.div_table .tr .th {background-color:#eee; vertical-align:top; font-weight:500;}
.div_table .tr .th, .div_table .tr .td {display:table-cell; padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:left; line-height:20px;}
.div_table .div_table {margin-top:10px; border-color:#eee;}
.div_table .div_table .tr .th {background-color:#fafafa;}
.div_table .div_table .tr .th, .div_table .div_table .tr .td {border-color:#eee;}

.box.scroll_y{height: 300px; white-space:pre-wrap;}
.scroll_y{vertical-align: middle; overflow-x:hidden; overflow-y:scroll; font-size:14px;}
.box{display:inline-block; width: 100%; padding: 20px; box-sizing:border-box; border:1px solid #eee; background-color: #fafafa;}
@media all and (max-width:1000px){

	/* div_table */
.div_table .tr .th, .div_table .tr .td {display:inline-block !important; width:100%; padding:10px;}

}

.depth1.boxing {
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
    margin-bottom: 50px;
}
.depth1.boxing dl {
    width: calc(50% - 20px);
    margin-bottom: 10px;
    margin-left: 10px;
    transition: all 0.3ms;
}
.depth1.boxing dl:last-child, .depth1.boxing dl:nth-last-child(2){margin-bottom: 0;}

.depth1.boxing dl dt {
    padding-left: 6px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    height: 32px;
}
.depth1.boxing dl dt:before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #333;
    display: block;
    margin-right: 6px;
}
.depth1.boxing dl dt > a {
    color: #333;
    font-weight: 600;
}
.depth1.boxing dl:hover dt > a, .depth1.boxing dl:hover dd > a:hover {
    color: #f6891e;
}

/*Greetings 시작*/
.greet_bg { background-repeat: no-repeat; width: 100%; height: auto; background-image: url(/img/greet_bg.png); background-position: top; border-radius: 15px; background-color: #f7f7f7; padding: 80px; padding-bottom: 80px; } 
.greeting_title { color: #fff; text-align: center; margin-bottom: 50px; } 
.greeting_title p { font-size: 26px; font-family: 'Paperlogy'; font-weight: 600; margin-bottom:20px; } 
.greeting_title h3 { font-family: 'Paperlogy'; font-weight: 800; font-size: 48px; line-height: 42px; } 
.greeting_wrap { width: 100%; height: auto; border-radius: 15px; background-color: #fff; margin-top: 50px; margin: auto; padding: 70px; box-shadow: 0 0 24px rgba(0, 0, 0, 0.15); background-image: url(../img/greet_sym.png); background-position: center; background-repeat: no-repeat; } 
.greeting_wrap p { margin-bottom: 15px; font-size: 18px; display:inline-block; color:#444; line-height: 28px; } 
.greeting_wrap .final { display:block; width:100%; height:auto; text-align: right; margin-top:40px; } 
.greeting_wrap .final img { display:block; } 
.greeting_wrap .final img:first-child { display:inline-block; width:101px; height:21px; } 
.greeting_wrap .final img:last-child { display:inline-block; width:159px; height:24px; } 

@media all and (max-width:1080px){

	.greet_bg{padding: 50px 40px;}
	.greeting_wrap{padding: 45px 40px;}

}
@media all and (max-width:768px){

	.greet_bg{padding: 50px 20px;}
	.greeting_wrap{padding: 35px 25px;}
	.greeting_title h3{font-size:36px; }
	.greeting_title p{font-size:20px;}
	.greeting_wrap p{font-size:16px;}

}
@media all and (max-width:480px){

	.greeting_title p{margin-bottom: 10px; font-size:18px;}
	.greeting_title h3{font-size:28px;}
	.greeting_wrap p{font-size:14px; line-height: 22px;}
	.greeting_title{margin-bottom: 35px;}



}

@media all and (max-width:430px){
	.greet_bg{padding: 35px 15px;}
	.greeting_wrap{padding: 30px 15px;}
	
	.greeting_title p{margin-bottom: 5px; font-size:16px;}
	.greeting_title h3{font-size:22px;}

	.greeting_wrap .final img:first-child{width: 90px; height: 19px;}
	.greeting_wrap .final img:last-child{width: 200px; height: 21px;}
}
/* Greetings 끝*/


/*Overview 시작*/
.his_wrap .top_bg { width: 100%; height: 300px; background-image: url(/img/his_01.png); background-position: top; border-radius: 15px; padding:50px 60px; display: flex; justify-content: center; align-items: center; flex-direction: column; } 
.his_wrap .top_bg h4 {word-break:keep-all; font-family: 'Paperlogy'; font-weight: 500; font-size:22px; line-height: 34px; color: #fff; text-align: center; margin-bottom:20px; } 
.his_wrap .top_bg h4 span { font-family: 'Paperlogy'; font-weight: 800; font-size:30px; line-height: 34px; color: #fff; } 
.his_wrap .top_bg p {word-break:keep-all; font-family: 'Paperlogy'; font-weight: 400; font-size:16px; line-height: 26px; color: #ededed; } 
.big_each_history { width: 100%; } 
.big_each_history .each_date { width: 100%; display: inline-block; vertical-align: middle; margin-top: 40px; margin-bottom: 10px; } 
.big_each_history .each_date h5 { background-repeat: no-repeat; background-position: left top; background-size: 48px 48px; display: inline-block; vertical-align: top; width: 140px; font-size: 40px; font-family: 'Paperlogy'; font-weight: 900; color: #222; } 
.big_each_history .each_date ul { width: calc(100% - 145px); display: inline-block; vertical-align: middle; position: relative; } 
.big_each_history .each_date ul li { position: relative; padding-left: 0; height: auto; } 
.big_each_history .each_date ul li .big_date_content { width: 100%; line-height: 1.6; display: flex; flex-direction: column; background-color: #fafafa; border-radius: 10px; padding: 40px 45px; } 
.big_each_history .each_date ul li .big_date_content p:last-child { margin-bottom: 0; } 
.big_each_history .each_date ul li .big_date_content p { position: relative; margin-bottom: 25px; line-height: 30px; text-align: left; word-break: keep-all; display: flex; align-items: center; } 
.big_each_history .each_date ul li .big_date_content span.de_date { font-size: 15px; letter-spacing: -0.75px; font-family: 'Paperlogy'; font-weight: 800; text-align: left; color: #142f81; word-break: keep-all; background-color: #fff; border-radius: 100px; padding: 2px 20px; width: 110px; text-wrap: nowrap; margin-right: 15px; box-shadow: 10px 10px 30px 4px rgba(0, 0, 0, 0.04); text-align: center; } 
.big_each_history .each_date ul li .big_date_content span.de_info { width: calc(100% - 120px); font-size: 16px; color: #444; word-break: keep-all; text-align: left; } 
.big_each_history .each_date ul li .big_date_content span.de_info { font-size: 17px; color: #444; word-break: keep-all; text-align: left; } 
.point_li { width: 100%; background-color: #f7f7f7; border-top-right-radius: 7px; border-bottom-right-radius: 7px; display: flex; align-items: center; line-height: 24px; padding-right: 15px; } 
.point_li strong { background-color: #2c7571; font-size:20px; display: inline-block; color: #fff; line-height: 26px; width: 160px; text-align: center; height: 100%; height: auto; padding: 30px 0; border-top-left-radius: 7px; border-bottom-left-radius: 7px; font-family: 'Paperlogy'; font-weight: 700; } 
.point_li span { display: inline-block; width: calc(100% - 160px); font-size:19px; padding-left: 40px; box-sizing: border-box; color: #222; font-family: 'Paperlogy'; font-weight: 600; } 
.point_li2 strong { background-color: #18407d; } 
.point_list p { font-size:17px; } 
.top_bg2 { width: 100%; height: 160px; background-image: url(/img/his_02.png); background-position: top; border-radius: 15px; padding:50px 60px; display: flex; justify-content: center; align-items: center; } 
.his_wrap .top_bg2 p strong { font-family: 'Paperlogy'; font-weight: 700; font-size:22px; line-height: 34px; color: #fff; text-align: center; } 
ul.dot_list { background-color: #fff; border-radius: 10px; padding: 25px 35px; width: 100%; box-sizing: border-box; border: 1px solid #dddddd; } 
ul.dot_list p { margin-bottom:10px; } 
ul.dot_list li { padding-left: 15px; position: relative; color: #666; line-height: 24px; margin-bottom: 5px; font-size: 17px; } 
ul.dot_list li::before { content: " "; width: 5px; height: 5px; border-radius: 100px; background-color: #3e66bf; position: absolute; top: 9px; left: 2px; } 
ul.dot_list li:last-child { margin-bottom: 0px; } 
.img_box{width: 100%;}
.img_box img{display:block; width: 100%;}
@media all and (max-width:1080px){
	
	.his_wrap .top_bg{height: auto; padding: 35px 30px;}
	.his_wrap .top_bg2{height: auto; padding: 35px 30px;}
	.his_wrap .top_bg3{height: auto; padding: 35px 30px;}

}

@media all and (max-width:768px){

	.his_wrap .top_bg h6{font-size:18px;}
	.his_wrap .top_bg h6 span{font-size:24px;}
	.his_wrap .top_bg h6 br{display:none;}
	.his_wrap .top_bg2 h6{font-size:18px;}
	.his_wrap .top_bg2 h6 span{font-size:24px;}
	.his_wrap .top_bg2 h6 br{display:none;}

	.big_each_history .each_date ul{width: 100%; margin-top: 15px;}
	.big_each_history .each_date ul li .big_date_content{padding: 30px;}

	.point_li{flex-direction:column; padding-right: 0;}
	.point_li strong{width: 100%; padding: 10px 0; border-radius:10px; font-size:18px;}
	.point_li span{padding-left: 0; width: 100%; text-align: center; padding: 15px;}
	.point_list p{font-size:15px;}
	ul.dot_list p{font-size:15px;}
	ul.dot_list li{font-size:15px;}

	h6{font-size:18px;}
}

@media all and (max-width:480px){
	.big_each_history .each_date ul li .big_date_content{padding: 30px 15px;}
	.big_each_history .each_date ul li .big_date_content p{flex-direction:column;}
	.big_each_history .each_date ul li .big_date_content span.de_info{width: 100%; text-align: center;}
	.big_each_history .each_date ul li .big_date_content span.de_date{font-size:14px;}
	.big_each_history .each_date ul li .big_date_content span.de_info{font-size:14px;}
	.big_each_history .each_date h2{font-size: 28px;}

	.point_li span{font-size:16px;}
	.point_list p{font-size:14px;}
	ul.dot_list p{font-size:14px;}
	ul.dot_list li{font-size:14px;}
}
/*Overview 끝*/

/*센터소개-CI소개 시작*/
.sym_area { display: flex; align-items: center; padding: 30px 40px; border: 5px solid #dfefe5; border-radius: 25px; box-sizing: border-box; font-weight: 800; gap: 60px; } 
.sym_area img { border: 1px solid #ccc; display: inline-block; } 
.sym_area .symbol_txt { width: calc(100% - 400px); } 
.our_area {border-radius: 25px; box-sizing: border-box; font-weight: 800; gap: 60px; text-align:center;} 
.our_area img {display: inline-block; border-radius: 25px; margin-bottom:20px;padding: 20px; background-color: #fff;    box-sizing: border-box; max-width:100%;}
.imgshadow {box-shadow: 0 0 30px rgba(0, 0, 0, 0.07); }
.our_area .symbol_txt p { font-size: 18px !important; line-height: 28px; font-weight: 300; color:#555;} 
.our_area .symbol_txt strong{color:#252e65; font-weight: 600; }
.dashline {border-bottom:2px dashed #ddd; padding-bottom:40px; margin-bottom:40px;}
.cap_area {display: flex; align-items: center; gap:60px;    justify-content: center;}
.cap_area .txt_cap {font-weight: 700 !important; margin-bottom:15px;}
.cap_area img {padding: 3px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);}
.color_wrap{width:100%;    display: flex; flex-wrap: wrap;}
.c_codebox {width: 50%;display: inline-block;float: left; padding:30px 50px;}
.color_wrap .col_blue {background: #043882;}
.color_wrap .col_black {background: #231815;}
.color_wrap .col_blue2 {background: #d3dce8;}
.color_wrap .col_black2 {background: #4c4948;}
.color_wrap .c_codebox h4 {font-size:18px; color:#fff; font-weight:900; margin-bottom:10px;}
.color_wrap .c_codebox p {font-size:13px !important; font-weight:300 !important; color:#ddd !important; }
.color_wrap .c_codebox h5 {color:#fff; font-size:20px;}
.color_wrap .c_codebox ul li {color:#fff; font-weight:300;color:#eee; font-size:14px; line-height:24px; }
.color_wrap .c_codebox ul li b {font-weight:600;}
.color_wrap .col_blue2 h2 , .color_wrap .col_blue2 p , .color_wrap .col_blue2 h6 , .color_wrap .col_blue2 ul li {color:#231815 !important;}
.tal {text-align:left !important;}
.c_varbox1 {background: #c8d4e3;}
.c_varbox2 {background: #231f20;}
.c_varbox3 {background: #4b4c4d;}
.c_varbox4 {background: #234489;}
.c_varbox {text-align:center;}
.c_varbox h4 {margin-top:20px; color:#fff; text-align:center; font-size:16px;}
.c_varbox1 h4 {color:#231f20 !important;}
.crop_wrap{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.ci_wrap p { font-size: 18px !important;line-height: 28px;font-weight: 300;color: #555;}
.sign_wrap { display: flex; justify-content:center; flex-wrap: wrap; gap: 20px; } 
.sign_wrap img{display:block; width: calc( 50% - 20px );}
.btn-big { display: flex; justify-content: center; gap:20px; } 
.btn-big a { display: block; width: 200px; height: 50px; line-height: 50px; border:1px solid #444; color: #222; font-size: 16px; text-align: center; transition: all 0.3s ease; } .btn-big a:hover { border:1px solid #25679a; background:#25679a; color: #fff; } 
.col_box { width:100%; height:70px; background: linear-gradient(90deg, #74a861 30%, #25679a); } 
.col_txt { display: flex; justify-content: space-between; } 
.col_txt ul { position: relative; } 
.col_txt ul::before { content: " "; width: 6px; height: 6px; border-radius: 50px; left: 50%; top: -15px; background: #74a861; position: absolute; transform: translate(-50%); } 
.col_txt ul:first-child { color:#74a861; } 
.col_txt ul:last-child { color:#25679a; } 
.col_txt ul:last-child li { text-align:right; } 
.col_txt ul:last-child::before { background: #25679a; } 
@media all and (max-width:1440px){

	.sym_area{flex-direction:column;}
	.sym_area .symbol_txt{width: 100%;}
	.sym_area .symbol_txt p{width: 100%;}
}
@media all and (max-width:768px){
	
	.sym_area{gap:30px;}
	.sym_area{padding: 30px 20px;}
	.sym_area .symbol_txt p{font-size:16px !important;}
	.c_codebox {width: 100%;}
	.cap_area {gap: 10px; flex-direction: column;}
	img.mw100 {max-width:100%;}
	.ci_wrap p { font-size: 16px !important;line-height: 24px;}

}

@media all and (max-width:736px){
	.crop_wrap {gap: 0px;}
	.crop_wrap img { margin-bottom:5px;            max-width: 32%;}
}


@media all and (max-width:480px){
	.sign_wrap img{display:block; width: 100%;}
	.sym_area img{width: 100%; display:block;}
	.sym_area .symbol_txt p{font-size:14px !important;}
	.crop_wrap img {  max-width:48%;}
}
/*센터소개-CI소개 끝*/


/* 정보서비스 - 희소금속소개 시작 */

table caption { overflow: hidden; width: 0; height: 0; } 
.list_pic { display:flex; justify-content:space-between; margin-top:5px; } 
.list_pic li.list_picbox { width: 49%; padding: 30px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eee; border-radius: 10px; background-color: #fafafa; } 
.list_pic li.list_picbox .picbox_cont { display: flex; align-items: start; font-size: 13px; line-height: 20px; } 
.list_pic li.list_picbox .picbox_cont .img_box{width: 120px;}
.list_pic li.list_picbox .picbox_cont img {display:block; width: 120px; border-radius: 5px; box-shadow: 2px 3px 20px 1px rgba(0, 0, 0, 0.07);} 
.list_pic li.list_picbox .picbox_cont .picbox_info{width: calc( 100% - 120px ); padding-left: 20px; box-sizing:border-box;}
.list_pic li.list_picbox .picbox_cont .picbox_info .name { font-size: 18px; margin-bottom: 15px; letter-spacing: -0.75px; line-height: normal; font-weight: 700; } 
.list_pic li.list_picbox .picbox_cont .picbox_info li.sc { font-size: 16px; font-weight: 400; color: #666; word-break: keep-all; position: relative; padding-left: 15px; margin-bottom: 10px;} 
.list_pic li.list_picbox .picbox_cont .picbox_info li.sc:last-child{margin-bottom: 0;}
.list_pic li.list_picbox .picbox_cont .picbox_info li.sc::before { content: " "; position: absolute; width: 6px; height: 2px; background: #b7b7b7; top: 7px; left: 0px; } 

@media all and (max-width:1000px){

	.list_pic{flex-direction:column; gap:10px;}
	.list_pic li.list_picbox{width: 100%;}
}

@media all and (max-width:480px){
	.list_pic li.list_picbox .picbox_cont{flex-direction:column; gap:20px;}
	.list_pic li.list_picbox .picbox_cont .picbox_info{width: 100%; padding-left: 0;}
	.list_pic li.list_picbox .picbox_cont .img_box{margin: 0 auto;}
	.list_pic li.list_picbox .picbox_cont .picbox_info .name{text-align: center; font-size:16px;}
	.list_pic li.list_picbox .picbox_cont .picbox_info li.sc{font-size:14px;}
}

/* 정보서비스 - 희소금속소개 끝 */

/*국가전략희소금속 시작*/

.card_wrap { display:flex; justify-content:space-between; gap:20px;} 
.card { color:#fff; text-align:center; padding:30px; border-radius:10px; } 
.card1 { width:500px; background-image: url(../img/card01.png); } 
.card2 { width:500px; background-image: url(../img/card02.png); } 
.card h6 { display:block; width:60px; padding:3px 10px; background:#fff; border-radius:100px; color:#333; margin:auto; margin-bottom:15px; } 
.card strong { font-size: 24px; font-family: 'Paperlogy'; font-weight: 700; margin-bottom:15px; } 
.card p { color:#fff; } 
.card .dot_list { text-align:left; margin: 15px 0; } 
.card .dot_list p.lit_title { color:#222; font-family: 'Paperlogy'; font-weight: 700; } 
.card2 p span { font-weight: 800; } 

.icheck{width: 22px; height: 22px; margin-bottom: 0; border:1px solid #bbb;}
.list_pic2 li.list_picbox { width:23%; } 
.list_pic2 li.list_picbox .picbox_cont { flex-direction: column; align-items: center; } 
.list_pic2 li.list_picbox .picbox_cont .img_box{width: 70px;}
.list_pic2 li.list_picbox .picbox_cont img { border-radius: 100px; box-shadow: 2px 3px 20px 1px rgba(0, 0, 0, 0.07); margin-right: 0px; width: 70px;} 
.list_pic2 li.list_picbox .picbox_cont .picbox_info { text-align: center; width: 100%; padding-left: 0;} 
.list_pic2 li.list_picbox .picbox_cont .picbox_info li.sc { position: unset; padding-left: 0px; } 
.list_pic li.list_picbox .picbox_cont .picbox_info .name { margin-bottom: 5px; } 
.img_box_w100 { width:100%; text-align:center; margin:30px 0; } 
.bgbox_w100 { background:#ecf5f1; padding:30px; text-align: center; border-radius:100px; border:1px solid #9bcbb6; } 
.bgbox_w100 p { font-family: 'Paperlogy'; font-weight: 800; font-size:19px; } 
.vis_bg { width: 100%; height: 160px; background-image: url(../img/vis_01.png); background-position: top; border-radius: 15px; padding:50px 60px; display: flex; justify-content: center; align-items: center; box-shadow: 2px 3px 20px 1px rgba(0, 0, 0, 0.09); } 
.vis_bg p { text-align: center; font-family: 'Paperlogy'; font-weight: 600; font-size: 24px; } 
.vis_bg p span { font-weight: 800; font-family: 'Paperlogy'; font-size: 24px; color: #1250a7; } 
ul.dot_list p.lit_title3 { margin-bottom:0; } 
.lit_title3 { font-size:16px; color:#777; } 
.img_box_flex { display: flex; justify-content: space-between;; } 
/* .search { display: inline-block; width: 100%; padding: 15px 20px; background-color: #ebedf3; box-sizing: border-box; }  */
input, textarea, select { margin: 0px; font-family: inherit; font-size: inherit; font-weight: inherit; } 
select { width: 170px; display: inline-block; vertical-align: middle; height: 40px; padding: 0px; border: 1px solid #ddd; color: #414141; text-indent: 10px; /* -webkit-appearance: none; */ } 
.btn { display: inline-block; vertical-align: middle; min-width: 100px; height: 40px; padding: 0 20px; line-height: 40px; border: 1px solid #0f376f; background-color: #0f376f; color: #fff; text-indent: 0px; cursor: pointer; transition: 0.2s; text-align: center; box-sizing: border-box; transition:0.3s; } 
.btn:hover { } 
.ust_area { border: 1px solid #d9d9d9; border-radius: 10px; } 
.ust_area img { border:5px solid #fff; border-radius: 20px; } 
.ust_area strong { font-weight: 800; font-family: 'Paperlogy'; font-size: 24px; } 
.ust_area strong span { font-weight: 600; font-family: 'Paperlogy'; color:#666; font-size: 20px; } 
.vis_bg2 { width: 100%; height: 160px; background-image: url(../img/vis_012.png); background-position: top; border-radius: 15px; padding:50px 60px; display: flex; justify-content: center; align-items: center; box-shadow: 2px 3px 20px 1px rgba(0, 0, 0, 0.09); } 
.vis_bg2 p { text-align: center; font-family: 'Paperlogy'; font-weight: 600; line-height:32px; font-size: 24px; } 

body.search section.total-search{border:2px solid #e0e0e0; border-radius:5px;}
body.search section.total-search p.search{line-height: 60px; text-align: center;}
body.search section.total-search p.recommend {
        line-height: 30px;
        background-color: #f9f9f9;
        font-size: 13px;
        border-top: 1px solid #e0e0e0;
        padding-left: 50px;
    }
    body.search section.total-search p.recommend em {
        font-size: 14px;
        font-weight: 700;
    }
	body.search section.total-search p.recommend a {
        margin-left: 20px;
    }
    body.search section.total-search p.search input {
        border: 2px solid #e0e0e0;
        width: 40%;
        height: 30px;
        font-size: 16px;
        border-radius: 100px;
        padding: 0 60px 0 30px;
        color: #888888;
        outline: none;
        transition: border-color 0.3s;
        margin-left: 10px;
    }
	body.search section.content p.search-result {
        font-size: 24px;
        text-align: center;
        margin-top: 40px;
    }
	body.search section.content p.search-result em.green {
        color: #0f376f;
    }
	section.content > p {
        margin: 15px 0 15px 20px;
    }
	body.search section.content h3 {
        margin: 40px 0 10px 0;
    }
	    section.content > .title {
        position: relative;
        font-size: 18px;
        padding-left: 15px;
        margin-bottom: 10px;
    }
	section.content > .title::before {
        content: '';
        position: absolute;
        left: 0;
        top: 6px;
        width: 6px;
        height: 6px;
        border: 2px solid #0f376f;
        border-radius: 50px;
    }
	    body.search section.content h3 span {
        font-size: 15px;
        font-weight: 400;
        margin-left: 10px;
    }
	    body.search section.content h3 span em {
        color: #ff0000;
    }
	body.search ul.board-list {
        border-top: 2px solid #0f376f;
        border-bottom: 2px solid #0f376f;
    }
	body.search ul.board-list p.no-result {
        line-height: 60px;
        text-align: center;
        color: #666666;
    }
	body.search ul.board-list p.no-result i {
        color: #0f376f;
        margin-right: 10px;
        font-size: 20px;
    }
	section.content > p em {
        color: #e2161c;
    }
	body.search ul.board-list {
        border-top: 2px solid #0f376f;
        border-bottom: 2px solid #0f376f;
    }
	li {
        list-style: none;
    }
	body.search ul.board-list > li > a {
        display: block;
        padding: 10px 20px;
        transition: background-color 0.3s;
        position: relative;
        padding-right: 120px;
    }
	    body.search ul.board-list > li em.title {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 5px;
		display:block;
    }
	    body.search ul.board-list > li span.date {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translate(0, -50%);
        font-size: 13px;
        color: #666666;
    }
	body.search ul.board-list > li span.desc {
        font-size: 13px;
    }









@media all and (max-width:1080px){

	.card_wrap{gap: 10px;}
	.img_box_flex{flex-wrap:wrap; gap:10px; justify-content:center;}

}

@media all and (max-width:900px){

	.img_box_w100 img{display:block; width: 100%;}

}

@media all and (max-width:768px){

	.ust_area strong{text-align: center; display:block;}
	.ust_area strong span{display:block;}

	.purpose{flex-direction:column; gap:15px;}
	.purpose .purpose_box{width: 100%;}

	.card_wrap{flex-wrap:wrap;}
	.card{width: 100%;}
	.list_pic2{flex-wrap:wrap; gap:15px 0;}
	.list_pic2 li.list_picbox{width: 49%;}

}

@media all and (max-width:600px){

	.vis_bg2 p{font-size:20px;}
	.vis_bg p{font-size:20px;}
	.vis_bg p span{font-size:20px;}
	.vis_bg{background-position:center; background-repeat: no-repeat;}
	.vis_bg2{background-position:center; background-repeat: no-repeat;}

}

@media all and (max-width:480px){

	.ust_area img{width: auto;}
	.vis_bg p{font-size:18px;}
	.vis_bg2 p{font-size:18px;}
	.vis_bg2{padding: 30px 0px;}
	.course{padding: 20px 15px;}
	.purpose .purpose_box li{font-size:14px;}
	.bgbox_w100 p{font-size:17px;}
}

@media all and (max-width:430px){

	.list_pic2 li.list_picbox{width: 100%;}

}
/*국가전략희소금속 끝*/
/*ust 시작*/

.purpose { text-align: center; margin-top: 50px; display: flex; justify-content: space-between;} 
.purpose_box { display:inline-block; width:48%; border: 1px solid #e4e8eb;}
.purpose_box h4 { font-size: 20px; font-weight: 700; line-height: 44px; background: #2c7571; color: #ffffff; padding:10px 20px;} 
.purpose_box:last-child h4 { background: #18407d;}
.course { width: 100%; box-sizing: border-box; font-size: 13px; padding:20px 0px; align-items: center;} 
.research { width: 100%; box-sizing: border-box; align-items: center;}
.purpose_box .course li, .purpose_box .research li { text-align:center;}
.purpose p { font-size: 20px; font-weight: 700; margin-top:10px; margin-bottom:10px;} 
.purpose li { font-size:16px; color:#555; line-height:24px;}
.ust02_wrap .top_bg { width: 100%; height: 300px; background-image: url(../img/ust_top.png); background-position: top; border-radius: 15px; padding:50px 60px; display: flex; justify-content: center; align-items: center; flex-direction: column; } 
.ust02_wrap .top_bg h6 { font-family: 'Paperlogy'; font-weight: 500; font-size:22px; line-height: 34px; color: #fff; text-align: center; margin-bottom:20px; letter-spacing:1px; } 
.ust02_wrap .top_bg h6 span { font-family: 'Paperlogy'; font-weight: 800; font-size:30px; line-height: 34px; color: #fff;} 
.ust02_wrap .top_bg .btn-big { display: flex; justify-content: center; gap:20px;} 
.ust02_wrap .top_bg .btn-big a { display: block; width: 200px; height: 50px; line-height: 50px; border:1px solid #fff; color: #fff; font-size: 16px; text-align: center; transition: all 0.3s ease; } 
.ust02_wrap .top_bg .btn-big a:hover { border:1px solid #008969; background:#008969;} 
ul.equipment { display: flex; flex-wrap: wrap; justify-content: space-between;}
ul.equipment li { width: 19%; text-align: center; background:#f5f5f5; margin-bottom:15px; padding:15px; border-radius:7px;} 
ul.equipment > li > em { display: block; font-family: 'Pretendard'; font-style:normal; font-size: 13px; margin-top: 5px; } 
ul.equipment img { border-radius:7px;}
ul.equipment li img{display:block; width: 100%;}

@media all and (max-width:1080px){

	ul.equipment li{width: 24%;}

}

@media all and (max-width:768px){

	ul.equipment li{width: 33%; padding: 10px;}
	body.major div.purpose > div{width: 100%; float:none;}

}

@media all and (max-width:600px){

	ul.equipment li{width: 49.5%;}

}

@media all and (max-width:480px){

	.ust02_wrap .top_bg h6{font-size:18px;}
	.ust02_wrap .top_bg .btn-big a{width: 200px; height: 40px; line-height: 40px;}

}
@media all and (max-width:430px){

	ul.equipment{justify-content:center;}
	ul.equipment li{width: 75%;}

}
/*ust 끝*/
select { width: 170px; display: inline-block; vertical-align: middle; height: 40px; padding: 0px; border: 1px solid #ddd; color: #414141; text-indent: 10px; /* -webkit-appearance: none; */ } 
input[type=text], input[type=password], input[type=date], input[type=email], input[type=file], input[type=tel] {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    padding: 0px;
    border: 1px solid #ddd;
    border-radius: 0px;
    color: #414141;
    line-height: 40px;
    text-indent: 10px;
    box-sizing: border-box;
    -webkit-appearance: none;
	outline-offset:2px;
}

.h4h4{
    font-size: 20px;
    font-family: 'Paperlogy';
    font-weight: 700;
    margin-bottom: 15px;
}