@charset "UTF-8";

@font-face {
    font-family: 'Paperlogy';
    src: url('/font/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('/font/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}


@font-face {
	font-family: 'Pretendard';
	src: url('/font/Pretendard-Regular.woff2') format('opentype');
	font-weight:300;
}
@font-face {
	font-family: 'Pretendard';
	src: url('/font/Pretendard-Medium.woff2') format('opentype');
	font-weight:500;
}
@font-face {
	font-family: 'Pretendard';
	src: url('/font/Pretendard-Bold.woff2') format('opentype');
	font-weight:700;
}
@font-face {
	font-family: 'Pretendard';
	src: url('/font/Pretendard-Black.woff2') format('opentype');
	font-weight:900;
}


* { 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; }
.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 { 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) {
    h3.titbox { padding: 20px 10px 20px 50px; font-size: 20px; }
    h3.titbox::before { left: 25px; top: 39%; }
}
h6 { font-size: 20px; font-family: 'Paperlogy'; font-weight: 700; margin-bottom: 15px; }
.h4h4 { 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 }
table tbody th em { color: #ff0000; }
.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: auto; }
    .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: 1.5; padding: 3px; }
}
#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; box-shadow: 0 0 8px 2px rgba(102, 187, 106, 0.3); }
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 */
#wrapper { overflow: hidden; min-height: 100vh; }
#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 { position: relative; background: #ffffff; border-bottom: 1px solid #e4e8eb; z-index: 10000; }
#header-top { border-bottom: 1px solid #e4e8eb; }
#header-top div.box { position: relative; max-width: 1000px; margin: 0 auto; line-height: 35px; height: 35px; } */
/* 헤더 */
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; gap: 50px; }
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: space-between; }
#header nav .gnb>li { transition: 0.3s; display: inline-block; position: relative; z-index: 99; }
#header nav .gnb>li a { display: block; position: relative; width: 100%; height: 100%; font-size: 20px; padding: 37.5px 55px; }
#header nav .gnb>li:hover>a { font-weight: 700; color: #0f376f; }
#header nav .gnb>li:hover>a::after { content: ''; position: absolute; bottom: 0; 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: 20px; color: #000; font-weight: 600; }
#header nav .depth2 { position: fixed; z-index: -1; top: 99px; left: 0; width: 100%; text-align: center; background-color: #fff; display: none; border-top: 1px solid #ddd; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05); }
#header nav .depth2 .sub_left { width: 500px; background: linear-gradient(-45deg, #538b8b, #20629c); box-sizing: border-box; padding-top: 45px; padding-right: 65px; }
#header nav .depth2 .sub_left p { color: #fff; font-size: 36px; line-height: normal; font-family: 'Paperlogy'; font-weight: 700; text-align: right; }
#header nav .depth2 .sub_left h2 { color: #fff; font-size: 36px; 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: 43.5px 50px; }
#header nav .submenu { display: flex; flex-wrap: wrap; border-left: 1px solid #ddd; }
#header nav .submenu>li { width: 17.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: auto; 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 .submenu>li .depth3_list { display: none; }
.util_wrap { transition: 0.3s; display: flex; gap: 15px; align-items: center; margin-left: 45px; }
.util_wrap a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; width: 55px; height: 55px; border-radius: 10px; }
.util_wrap a:hover { background-color: #e9eff4; }
.util_wrap a p { line-height: normal; font-family: 'Montserrat'; text-align: center; font-size: 12px; font-weight: 600; }
.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; }
.util_wrap .allmenu.on { background-image: url(../img/ico_all_hov.png); }
.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: 0 auto; margin-top: 5px; background: #fff; margin-top: 30px; }
.all_menu .all_mcon { display: flex; align-items: center; justify-content: center; /*height: 120px; */ padding: 15px 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: 100%; display: flex; flex-wrap: wrap; gap: 10px 70px; }
.all_menu .all_mcon ul li { text-align: left; padding: 10px 0; /* padding-right: 50px; */ flex: 0; white-space: nowrap; min-width: 200px; }
.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 .all_mcon ul.all_depth3 { background: #f4f5f6; padding: 10px; min-width: 200px; margin-top: 10px; }
.all_menu .all_mcon ul.all_depth3 li { padding: 3px 0; }
.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: 0; }
	#header nav .gnb>li a {padding:37.5px 35px;}
}
@media all and (max-width:1280px) {
    .gnb { display: none; }
    #header nav .gnb>li { padding: 37.5px 20px; }
    #header nav .gnb>li>a { font-size: 17px; }
    #header nav .util_wrap { margin-left: 18px; }
    header .hd_main { padding: 15px; justify-content: space-between; }
	header .hd_main nav {width:auto;}
}
@media all and (max-width:1080px) {
    header .hd_main { padding: 15px; }
    header .hd_main nav { width: auto; }
    .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; }
}
@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: auto; }
    #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; }
}
/* 헤더 끝 */
#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: #252e65; }
#top-menu li.search input { border: 1px solid #252e65; width: 180px; height: 24px; border-radius: 100px; padding: 0 30px 0 15px; vertical-align: middle; }
#top-menu li.search button { position: absolute; right: 5px; top: 50%; transform: translate(0, -50%); color: #666666; border: none; background-color: transparent; }
#top-menu li.search button:hover { color: #252e65; }
#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: 14px; text-align: center; overflow: hidden; transition: height 0.3s; }
#gnb>ul>li { float: left; width: 125px; }
#gnb>ul>li+li { margin-left: 10px; }
#gnb>ul>li>a { font-size: 18px; display: block; margin-top: 3px; }
#gnb>ul>li>ul { margin-top: 50px; }
#gnb>ul>li>ul>li+li { margin-top: 8px; }
#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: #252e65; }
#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(/img/header_bg_01.png) calc(50% - 333px) bottom no-repeat; }
#header::after { content: ''; position: absolute; left: 50%; top: 130px; transform: translate(-220px, 0); width: 1px; height: 0; background-color: #e4e8eb; opacity: 0; transition: all 0.3s; }
#header.on::before { height: 260px; box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1); }
#header.on::after { height: 240px; opacity: 1; }
#header.on #gnb { height: 310px; padding: 0 5px; }
#main-before { position: fixed; top: 100px; 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; } */
/* 메인 */
.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; margin-bottom: 17px; text-align: left; }
.swiper1 .swiper-slide a p.tit { font-weight: 800; font-size: 45px; margin-bottom: 10px; text-align: left; }
.swiper1 .swiper-slide a p.txt { font-weight: 300; font-size: 24px; line-height: 35px; 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 h4.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: 28px; margin-bottom: 15px; line-height: normal; }
.swiper2 .swiper-wrapper .swiper-slide .info_box h3.tit { text-align: left; font-family: 'Paperlogy'; font-weight: 700; font-size: 28px; margin-bottom: 15px; line-height: normal; }
.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: 50px; }
    .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; margin-bottom: 14px; }
    .swiper-container.swiper2 { padding: 38px 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) {
    .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%; }
    .swiper2 .swiper-wrapper .swiper-slide .list_wrap { width: 100%; height: 170px; }
    .swiper-container.swiper2 { height: auto; }
    .main_banner { padding-bottom: 335px; }
    .swiper2 .swiper-wrapper .nav_wrap { right: 0; left: inherit; bottom: inherit; top: 30px; }
}
@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 { 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; padding: 4px 3px; }
#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 ul.link li a{}
#footer ul.link em { color: #252e65; font-weight: 700; }
#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: #252e65; 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 { position: absolute; right: 0; top: 80px; }
#footer p.rel-org select { height: 24px; font-size: 12px; } */
#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: 14px; 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; display: inline-flex; }
    #footer .container .site .select_wrap select { flex: 1 1 auto; width: auto; }
    #footer .container .info .number_wrap { flex-wrap: wrap; gap: 10px 45px; }
}
@media all and (max-width:768px) {
    #footer .container .info .use { gap: 25px; }
    #footer .container .info .use a { font-size: 16px; }
    #footer .container .site .logo_wrap { flex-wrap: wrap; gap: 10px 25px; }
}
/* 푸터 끝*/
/* 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(/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; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
#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: #666666; 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: #252e65; }
#main-content div.board ul li span { position: absolute; right: 0; top: 0; font-size: 13px; color: #777777; }
#main-content div.news div.letter { position: relative; padding-left: 120px; }
#main-content div.news div.letter img { 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: #666666; }
#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; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
#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(/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; }
}
/* main popup */
#main-popup { position: fixed; left: 0; top: 0; z-index: 11000; box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.5); display: none;background-color:#252e65 }
#main-popup div.header { height: 45px; background: #252e65; position: relative; }
#main-popup div.header h2 { position: absolute; left: 10px; top: 8px; }
#main-popup div.header a.close { position: absolute; right: 0; top: 0; width: 45px; height: 45px; display: block; text-indent: -9999px; overflow: hidden; background: #252e65 url(/img/popup_btn_close.png) center center no-repeat; }
#main-popup div.footer { height: 40px; background: #252e65; color: #ffffff; padding: 0 20px; display: flex; justify-content: end; align-items: center; gap: 30px; }
#main-popup div.footer input { margin-right: 3px; }
#main-popup div.footer p { color: #fff; font-size: 14px; line-height: 40px; display:inline-flex;gap:5px;align-items:center;}
#main-popup div.footer a.close { width: 26px; height: 26px; display: block; text-indent: -9999px; overflow: hidden; background: url(/img/popup_btn_close.png) center center no-repeat; background-size: 17px; border: 1px solid #b3b3b3; }
/* sub (common) */
/*센터소개-인사말 시작*/
.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; }
}
/*센터소개-인사말 끝*/
/*센터소개-공평성 선언 시작*/
.announce_title { width: 100%; height: 200px; background-image: url(../img/ann_bg.png); background-position: top; border-radius: 15px; padding: 50px 60px; }
.announce_title h3 { font-family: 'Paperlogy'; font-weight: 700; font-size: 26px; line-height: 34px; color: #0f376f; word-break: keep-all; }
.v_list { width: 100%; height: 100px; background-color: #fff; border-radius: 10px; color: #222; font-family: 'Pretendard-SemiBold'; line-height: 24px; padding-right: 20px; background-color: #f7f7f7; display: flex; align-items: center; }
.v_list strong { background: linear-gradient(135deg, #417d91, #0f376f); display: inline-block; color: #fff; line-height: 100px; width: 100px; height: 100px; text-align: center; height: 100%; border-radius: 10px; margin-right: 20px; font-family: 'Paperlogy'; font-weight: 900; font-size: 16px; }
.v_list p { display: inline-block; /* font-family: 'Nexen-Bold'; */ font-weight: 800; width: calc(100% - 100px); font-size: 17px; word-break: keep-all; }
.v_list p span { color: #293ca4; }
.flex_box { display: flex; justify-content: space-between; }
section:nth-child(1) .flex_box img { width: 327px; height: 186px; }
section:nth-child(3) .flex_box img { width: 331px; height: 235px; }
.flex_box p { display: inline-block; width: calc(100% - 370px); word-break: break-all; }
@media all and (max-width:768px) {
    .announce_title { padding: 35px 40px; height: auto; }
    .announce_title h3 { font-size: 22px; }
    .announce_title h3 br { display: none; }
    .v_list { flex-direction: column; height: auto; padding: 25px 0; padding-right: 0; gap: 20px; }
    .v_list strong { margin-right: 0; }
    .v_list p { text-align: center; }
}
@media all and (max-width:480px) {
    .announce_title { padding: 25px; }
    .announce_title h3 { font-size: 18px; }
    .v_list strong { width: 75px; height: 75px; line-height: 75px; }
    .v_list p { font-size: 14px; }
}
/*센터소개-공평성 끝*/
/*센터소개-센터개요 시작*/
.his_wrap .top_bg { width: 100%; height: 300px; background-image: url(../img/his_01.png); background-position: top; border-radius: 15px; padding: 50px 30px; 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: 100%; text-align: center; }
.big_each_history .each_date ul li .big_date_content span.de_info { font-size: 15px; }
.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 dt { 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; border-top-left-radius: 7px; border-bottom-left-radius: 7px; font-family: 'Paperlogy'; font-weight: 700; }
.point_li dd { 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 dt { 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; }
.dot_list ul { background-color: #fff; border-radius: 10px; padding: 25px 35px; width: 100%; box-sizing: border-box; border: 1px solid #dddddd; }
.dot_list p { margin-bottom: 10px; }
.dot_list li { padding-left: 15px; position: relative; color: #666; line-height: 24px; margin-bottom: 5px; font-size: 17px; }
.dot_list li::before { content: " "; width: 5px; height: 5px; border-radius: 100px; background-color: #3e66bf; position: absolute; top: 9px; left: 2px; }
.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 h4 {font-size:17px;line-height:1.4;}
	.his_wrap .top_bg h4 span {font-size:19px;line-height:1.4;margin-top:10px;display:block;}
    .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 p strong { font-size: 18px; }
    .his_wrap .top_bg2 p strong span { font-size: 24px; }
    .his_wrap .top_bg2 p strong 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 dt { width: 100%; padding: 10px 0; border-radius: 10px; font-size: 18px; }
    .point_li dd { padding-left: 0; width: 100%; text-align: center; padding: 15px; }
    .point_list p { font-size: 15px; }
    .dot_list p { font-size: 15px; }
    .dot_list li { font-size: 15px; }
    h6 { font-size: 18px; }
    .h4h4 { font-size: 18px; }
	.mb70 {margin-bottom:40px;}
}
@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: 15px; }
    .big_each_history .each_date ul li .big_date_content span.de_info { font-size: 15px; }
    .big_each_history .each_date h5 { font-size: 28px; }
    .point_li dd { font-size: 16px; }
    .point_list p { font-size: 14px; }
    .dot_list p { font-size: 14px; }
    .dot_list li { font-size: 14px; }
}
/*센터소개-센터개요 끝*/
/*센터소개-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 p 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: 24px; 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 h4,
.color_wrap .col_blue2 p,
.color_wrap .col_blue2 h5,
.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: 18px !important; font-weight: 600 !important; }
.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소개 끝*/
/*센터소개-센터조직*/
.org_m { display: none; }
@media all and (max-width:768px) {
    .org_pc { display: none; }
    .org_m { display: block; }
}
/*센터소개-끝*/
/*센터소개-유관기관*/
.link_area { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.link-wrap { width: calc(33.3% - 10px); height: auto; background-color: #f5f5f5; padding: 30px; margin-bottom: 25px; border-radius: 10px; }
.figure { text-align: center; width: 100%; }
.figure img { border-radius: 5px; display: block; width: 100%; }
.figcaption { margin: 15px auto 0; text-align: center; }
.figcaption h3 { height: 40px; text-align: center; font-size: 19px; font-weight: 800; color: #222; }
.mou { line-height: normal; }
.figcaption a { display: inline-block; width: 100%; height: 40px; background-color: #0f376f; color: #fff; font-size: 14px; text-align: center; padding: 13px 10px; border-radius: 5px; transition: all 0.2s linear; }
.figcaption a:hover { background-color: #2c7571; }
@media all and (max-width:1000px) {
    .link-wrap { padding: 20px; }
}
@media all and (max-width:768px) {
    .link-wrap { width: calc(50% - 10px); }
}
@media all and (max-width:650px) {
    .figcaption h3 { height: 30px; font-size: 17px; margin-bottom: 5px; }
}
@media all and (max-width:480px) {
    .link-wrap { width: 100%; }
    .figcaption h3 { height: 30px; font-size: 17px; margin-bottom: 5px; }
}
/*센터소개- 유관기관 끝*/
/* 정보서비스 - 희소금속소개 시작 */
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 .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 h4 { font-size: 20px; 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 .lit_title { color: #fff; font-family: 'Paperlogy'; font-weight: 700; }
.card .dot_list li { color: #fff; }
.card2 p span { font-weight: 800; }
.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; }
.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 { background-color: #448090; border: 1px solid #448090; }
.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; }
.ust_list { line-height: 1.6; }
.ust_list li { text-indent: -11px; padding-left: 11px; }
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; font-size: 22px; }
    .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 30px; 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 h4 { 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 h4 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 h4 { 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 끝*/
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.professor 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.professor div.profile a.close { position: absolute; right: 20px; top: 20px; z-index: 10; }
body.professor div.profile h4 { position: relative; font-size: 20px; font-weight: 400; color: #666666; margin-bottom: 10px; }
body.professor div.profile h4 em { font-weight: 700; color: #252e65; margin-right: 10px; font-size: 28px; }
body.professor div.profile h4 img { position: absolute; top: 50%; transform: translate(0, -50%); margin-left: 20px; }
body.professor div.profile ul.paper li { padding-left: 14px; text-indent: -14px; }
body.professor div.profile ul.paper li+li { margin-top: 10px; }
body.professor 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: 15px; }
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%; }
table.content ul.list li { position: relative; }
table.content ul.list li>a { display: block; margin-bottom: 5px; transition: color 0.3s; }
table.content ul.list li>a.on,
table.content ul.list li>a:hover { color: #00b595; }
table.content ul.list li>p.desc { padding: 5px; border: 2px solid #e0e0e0; border-radius: 5px; margin-bottom: 15px; font-size: 13px; background: #f9f9f9; display: none; }
table.content ul.list li>a.on+p.desc { display: block; }
/* module */
/* 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: 30px; }
ul.tab li { display: table-cell; }
ul.tab li a { position: relative; display: block; line-height: 30px; font-size: 13px; transition: all 0.3s; }
ul.tab li a:hover { background: #fafbfc; }
ul.tab li.on a { background: #777777; color: #ffffff; }
ul.tab li.on a:focus { outline: 3px solid #252e65; } */
dl.history { position: relative; margin: 30px 0; padding-left: 100px; }
dl.history dt { position: absolute; left: 0; width: 74px; line-height: 34px; background: url(/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+li { margin-top: 3px; }
dl.history dd ul li span { font-weight: 700; margin-right: 20px; }
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: #252e65; }
table p.no-data { color: #666666; }
table p.no-data i { color: #252e65; margin-right: 5px; }
table.cell-table { width: 100%; font-size: 13px; text-align: center; }
table.cell-table th,
table.cell-table td { border: 1px solid #e4e8eb; padding: 5px 10px; line-height: 1.4em !important; }
table.cell-table th { background-color: #f9f9f9; }
table.cell-table td.left { text-align: left; }
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: #252e65; }
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 { border: 2px solid #e4e8eb; padding: 15px; background: #fafbfc; text-align: center; }
div.search-box * { vertical-align: middle; }
div.search-box>ul { overflow: hidden; margin-bottom: 10px; padding: 5px; }
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+div.mobile-scroll { 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; }
div.mobile-scroll+div.pagination { margin-top: 20px; }
div.pagination { text-align: center; display: flex; justify-content: center; margin-top: 20px; }
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; }
@media all and (max-width:1000px) {
    div.pagination a { width: 30px; height: 30px; line-height: 30px; font-size: 14px; }
}
@media all and (max-width:768px) {
    table.responsive-board,
    table.responsive-board tbody { display: block; width: 100%; }
    table.responsive-board { border-top: 0; border-bottom: 0; }
    .tbl-scroll .tbl4 { overflow-x: visible; }
    .tbl-scroll .tbl4 table.responsive-board { min-width: 0; }
    table.responsive-board colgroup,
    table.responsive-board thead { display: none; }
    table.responsive-board tbody {border-top:2px solid #000;}
    table.responsive-board tr { display: flex; flex-direction: column; width: 100%; background: #fff; border-bottom: 1px solid #ccc; padding: 10px; }
    table.responsive-board td { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; order: 2; padding: 0; border: 0; }
    table.responsive-board td:last-child { border-bottom: 0; }
    table.responsive-board td::before { content: attr(data-label); flex: 0 0 65px; color: #252e65; font-weight: 700; }
    table.responsive-board .title { max-width: none; align-items: flex-start; order: 1; margin-bottom: 10px; }
    table.responsive-board .title:before { display: none; }
    table.responsive-board .title a { flex: 1; white-space: normal; padding-left: 0; line-height: 1.5; font-weight: 600; font-size: 16px; }
    table.responsive-board .no-data-cell { display: block; padding: 20px 12px; text-align: center; }
    table.responsive-board .no-data-cell::before { content: none; }
    .status-resource-search form,
    .status-production-search form { display: flex; gap: 8px; width: 100%; }
    .status-resource-search select,
    .status-production-search select { flex: 1; min-width: 0; height: 40px; padding: 0 10px; border: 1px solid #d7dee8; border-radius: 4px; background-color: #fff; }
    .status-resource-search .btn,
    .status-production-search .btn { flex: 0 0 84px; height: 40px; line-height: 38px; }
    table.status-resource-table,
    table.status-production-table {border:0;}
    table.status-resource-table tbody,
    table.status-production-table tbody {border:0;}
    table.status-resource-table tr,
    table.status-production-table tr {  border-bottom:1px solid #ddd; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); }
    table.status-resource-table td,
    table.status-production-table td { justify-content: start; padding: 7px 4px; font-size: 14px; line-height: 1.4; }
    table.status-resource-table td::before,
    table.status-production-table td::before { flex-basis: 76px; color: #248776; }
}
@media all and (max-width:480px) {
    div.pagination { flex-wrap: wrap; }
	#user-pw-now {width:100% !important;}
}
#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-layout: fixed; }
table.view th { border-bottom: 1px solid #e4e8eb; padding: 8px 10px; }
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 th { font-weight: 700; text-align: center; background-color: #fafbfc; width: 100px; } */
table.view div.editor-content { min-height: 200px; padding: 20px 0; }
.editor-content { text-align: left; }
@media all and (max-width:768px) {
    table.responsive-view,
    table.responsive-view tbody { display: block; width: 100%; }
    table.responsive-view { border-top: 0; table-layout: auto; }
    table.responsive-view colgroup { display: none; }
    table.responsive-view tr { display: flex; flex-wrap: wrap; border-bottom: 1px solid #e4e8eb; }
    table.responsive-view th,
    table.responsive-view td { display: flex; align-items: center; border-bottom: 0; padding: 5px; font-size: 15px; }
    table.responsive-view th { flex: 0 0 85px; justify-content: center; background: #fafbfc; color: #252e65; }
    table.responsive-view th.th_title { display: none; }
    table.responsive-view td { flex: 1 1 calc(100% - 85px); min-width: 0; text-align: left; word-break: break-word; }
    table.responsive-view td.title { padding: 10px; line-height: 1.5; border-bottom: 2px solid #000; font-size: 17px; }
    table.responsive-view .content-cell { display: block; flex: 0 0 100%; width: 100%; padding: 0; border-bottom: 0; }
    table.responsive-view div.editor-content { min-height: 160px; padding: 16px 0; }
    table.responsive-view .dino-file-list { width: 100%; }
}
/* 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; }
table.form div.regulation { border: 1px solid #e0e0e0; padding: 20px; height: 120px; overflow: auto; white-space: pre-wrap; line-height: 1.3em; font-size: 12px; }
table.form div.regulation+input { margin-right: 5px; }
.form_table { width: 100%; border-collapse: collapse; table-layout: fixed; border-top: 2px solid #2f3b52; font-size: 15px; color: #333; }
.form_table th,
.form_table td { padding: 10px 10px; border-bottom: 1px solid #ddd; vertical-align: middle; line-height: 1.5; word-break: keep-all; }
.form_table td { background: #fff; }
.form_table .th { background: #f5f7fa; color: #1f2a44; font-weight: 700; border-right: 1px solid #ddd; }
.form_table td:not(.th) { color: #444; text-align: left; }
.form_table .long { min-height: 80px; padding: 4px 0; white-space: pre-wrap; word-break: break-word; }
.form_table td em { color: #ff0000; margin-right: 5px; }
/* mobile */
@media (max-width: 768px) {
    .form_table,
    .form_table tbody,
    .form_table tr,
    .form_table td { display: block; width: 100%; }
    .form_table tr { border-bottom: 1px solid #ddd; }
    .form_table td { box-sizing: border-box; border-bottom: 0; }
    .form_table .th { width: 100%; text-align: left; border-right: 0; border-bottom: 1px solid #e5e8ee; }
    .form_table td:not(.th) { width: 100%; padding-top: 10px; }
}
fieldset { padding: 0; margin: 0; border: none; }
legend { position: absolute; text-indent: -9999px; }
.hide { position: absolute; text-indent: -9999px; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }
/* 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 { padding: 0 8px; width: 180px; } */
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; }
/* input.text:focus, select:focus, textarea:focus { border-color: #252e65; box-shadow: 0 0 5px 0 rgba(4, 207, 92, 0.5); } */
input.text:focus,
select:focus,
textarea:focus { outline: 2px dotted #f53384; }
.select_wrap select { padding: 0 28px 0 8px; background: #ffffff url(/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: 120px; }
input.datetime-hour,
input.datetime-min { width: 180px; }
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: #f1f2f3 !important; }
[disabled="disabled"] { background-color: #e4e8eb !important; cursor: no-drop !important; }
::placeholder { color: #cccccc; }
.input-list {display:flex;flex-wrap:wrap;gap:10px;}
.input-list>li { display: inline-flex; margin-right: 15px; line-height: 28px; vertical-align: top; align-items:center;gap:5px;}
.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: #666666; }
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: #666666; 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 { margin-bottom: 0; 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; margin-bottom: 50px; }
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.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: #666666; transition: all 0.2s; }
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: #252e65; 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,
div.dino-file-list>ul>li>a.filename:focus { color: #00bca4; }
div.dino-file-list>ul>li>a.filename:hover>i,
div.dino-file-list>ul>li>a.filename:focus>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: #252e65; 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(1); }
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: 10px; }
}
.icheck { width: 22px; height: 22px; margin-bottom: 0; border: 1px solid #bbb; }
/* newsletter-list */
ul.newsletter-list { margin: 20px 0; font-size: 13px; }
ul.newsletter-list li { position: relative; transition: 0.3s; border: 1px solid #e0e0ee; background-color: #fafafa; border-radius: 10px; padding: 30px 35px; overflow: hidden; display: flex; align-items: center; }
ul.newsletter-list li:hover { background-color: #e7f9ff; }
ul.newsletter-list li+li { margin-top: 10px; }
ul.newsletter-list li>* { display: block; }
ul.newsletter-list li .imgbox { width: 175px; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); overflow: hidden; }
ul.newsletter-list li .info_box { width: calc(100% - 175px); box-sizing: border-box; padding-left: 40px; }
ul.newsletter-list li span { display: block; }
ul.newsletter-list li span.image img { width: 100%; }
ul.newsletter-list li span.title { font-size: 24px; margin-bottom: 5px; font-weight: 700; color: #252e65; font-family: 'Paperlogy'; }
ul.newsletter-list li span.issue { color: #666666; font-size: 16px; margin-bottom: 20px; }
ul.newsletter-list li em.is_no { font-size: 14px; margin-bottom: 3px; display: inline-block; padding: 5px 20px; border-radius: 30px; background-color: #252e65; color: #ffffff; font-family: 'Paperlogy'; vertical-align: middle; }
ul.newsletter-list li span.content-title { font-weight: 700; margin-top: 10px; margin-bottom: 5px; font-size: 18px; }
ul.newsletter-list li span.content { margin-bottom: 25px; font-size: 14px; }
ul.newsletter-list li a.btn img { margin-right: 6px; position: relative; top: -2px; }
@media all and (max-width:768px) {
    ul.newsletter-list li { flex-direction: column; gap: 25px; }
    ul.newsletter-list li .info_box { width: 100%; padding-left: 0; }
}
@media all and (max-width:480px) {
    ul.newsletter-list li span.title { font-size: 20px; }
    ul.newsletter-list li span.content-title { font-size: 16px; }
    ul.newsletter-list li span.content { font-size: 14px; }
    ul.newsletter-list li span.issue { font-size: 15px; }
}
/* 장비예약현황 리스트 */
ul.reserve-list { font-size: 12px; text-align: left; line-height: 1.3;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    white-space: normal; }
ul.reserve-list>li { display: inline-block; position: relative; margin: 2px 0; width: auto; }
ul.reserve-list>li>a { display: block; border: 1px solid #65a6ff; border-radius: 3px; padding: 10px 10px; }
ul.reserve-list>li>a span+span { font-size: 13px; }
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; font-size: 13px; }
ul.reserve-list span.status.wait { color: #e74c3c; margin-left: 8px; }
ul.reserve-list span.status.approve { color: #252e65; margin-left: 8px; }
ul.reserve-list>li>ul { position: absolute; width: 320px; padding: 20px 30px 30px 10px; left: 0; 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; text-align: left; }
#popup-main .title::before { content: ''; position: absolute; left: 0; top: 6px; 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, #777777); z-index: 10000; color: #ffffff; font-size: 12px; }
#popup-footer p.copyright { text-align: left; line-height: 30px; margin-left: 30px; color: #fff; font-size: 14px; }
#popup-footer img.logo { position: absolute; right: 30px; top: 50%; transform: translate(0, -50%); display: block; width: 65px; }
div.personal-info { border: 2px solid #e0e0e0; padding: 40px 30px; font: 14px; }
div.personal-info h4:not([class]) { font-size: 20px; margin: 20px 0 15px 0; }
div.personal-info p { font-size: 15px; margin: 8px 0; }
div.personal-info p.num { padding-left: 18px; text-indent: -18px; }
div.personal-info p.num span { margin-right: 10px; }
div.personal-info p.desc { font-size: 14px; padding-left: 15px; text-indent: -15px; }
div.personal-info ul.list { margin: 5px 0 5px 20px; font-size: 13px; }
div.personal-info ul.list li { font-size: 14px; margin-bottom: 5px; line-height: 20px; }
div.personal-info ul.sub { margin: 5px 0 5px 10px; font-size: 13px; }
div.personal-info ul.sub ul { padding-left: 10px; }
div.personal-info ul.sub li { font-size: 14px; margin-bottom: 10px; }
div.personal-info ul.sub li em { font-size: 14px; margin-bottom: 5px; display: inline-block; }
@media all and (max-width:768px) {
    div.personal-info h4:not([class]) { font-size: 18px; }
    div.personal-info { padding: 30px 20px; }
}
@media all and (max-width:480px) {
    div.personal-info p { font-size: 14px; }
}
div.regulation-email { border: 2px solid #e0e0e0; padding: 20px; }
div.regulation-email p+p { margin-top: 20px; }
div.wa img { width: 100%; }
/* 공지사항 상세페이지 */
section.content>table.view div.editor-content img { display: none; }
/* EOF */
#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 h1 { font-size: 27px; color: #fff; font-family: 'Paperlogy'; font-weight: 700; line-height: 28px; margin-bottom: 10px; }
#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%; 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; background-color: #f4f5f6; font-weight: 500; font-size: 16px; text-align: left; z-index: 1; box-sizing: border-box;  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 { color: #0f376f; background: #e5eaf1; }
#contents .cs_lnb .cs_body>ul>li>a.on { color: #fff; background: #0f376f; }
#contents .cs_lnb .csl_sub { margin: 10px; margin-top: 10px; border-radius: 5px; position: relative; z-index: 1; }
/* #contents .cs_lnb .cs_body > ul > li:hover .csl_sub, #contents .cs_lnb .cs_body > ul > li a.on + .csl_sub { background-color: #e3e6e8; box-shadow: none; } */
#contents .cs_lnb .csl_sub>li { display: inline-block; vertical-align: middle; width: 100%; }
#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: 15px; 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,
#contents .cs_lnb .cs_body>ul>li a.on+.csl_sub .on,
#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 { display: inline-block; font-size: 36px; 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: 250px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
    #contents .cs_title h3 { 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 { font-size: 22px; }
    #contents .cs_title,
    #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; vertical-align:middle;}
.div_table .tr .td label {display:flex;align-items:center;gap:5px;line-height:1;}
.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; }
}
@media all and (max-width:768px) {
    /* div_table */
   .div_table {display:block;}
}
.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; }
/* =======================================================
희소금속 표준화 추진 현황 전용 커스텀 CSS (추가 필요)
======================================================= */
/* 상단 텍스트 + 인증서 좌우 배치 */
.std_top_wrap { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; margin-bottom: 60px; }
.std_top_list { width: calc(100% - 360px); }
.std_top_list .dot_list { /* 기존 dot_list 간격 조정 */ padding: 0; border: none; background: transparent; }
.std_top_list .dot_list li { font-size: 17px; line-height: 1.6; margin-bottom: 12px; color: #222; }
.std_top_cert { width: 320px; text-align: center; }
.std_top_cert img { max-width: 100%; height: auto; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* 인증서 그림자 효과 */ }
/* 하단 로고 + 텍스트 박스 */
.std_card { display: flex; align-items: center; /* 로고와 텍스트 세로 중앙 정렬 */ gap: 40px; background-color: #f9f9f9; border: 1px solid #e5e5e5; border-radius: 12px; padding: 35px 40px; margin-bottom: 25px; }
.std_card .std_logo { width: 140px; flex-shrink: 0; text-align: center; }
.std_card .std_logo img { max-width: 100%; height: auto; }
.std_card .std_info { flex-grow: 1; }
.std_card .std_title { font-size: 18px; font-weight: 700; color: #222; margin-bottom: 15px; word-break: keep-all; }
/* 박스 내부 하이픈(-) 리스트 */
.std_dash_list { margin: 0; padding: 0; }
.std_dash_list li { font-size: 16px; color: #444; line-height: 1.6; margin-bottom: 8px; position: relative; text-indent: -12px; padding-left: 12px; }
.std_dash_list li:last-child { margin-bottom: 0; }
/* 반응형 모바일 대응 */
@media all and (max-width: 1024px) {
    .std_top_wrap { flex-direction: column; gap: 30px; }
    .std_top_list,
    .std_top_cert { width: 100%; }
    .std_top_cert { text-align: left; }
    .std_top_cert img { max-width: 320px; }
    .std_card { padding: 30px; gap: 25px; }
}
@media all and (max-width: 768px) {
    .std_card { flex-direction: column; align-items: flex-start; padding: 25px 20px; }
    .std_card .std_logo { width: 100px; }
    .std_card .std_title { font-size: 16px; }
    .std_dash_list li { font-size: 14px; }
}
.flex_stan { display: flex; gap: 20px; }
.flex_stan img { width: 180px; }
.flex_stan ul li {  }
.flex_stan ul li+li { margin-top: 15px; }
.flex_stan ul { border: 1px solid #ddd; padding: 20px; margin: 0; margin-top: 10px; background: #f4f5f6; }
@media all and (max-width:768px) {
    .flex_stan ul li { font-size: 16px; }
    .flex_stan { flex-direction: column; align-items: center; }
}

/* 만족도 설문조사 */
.survey-edit .survey-email { width: 100%; max-width: 360px; }
.survey-edit .survey-score-table select { width: 130px; }
.survey-edit .box.scroll_y { white-space: normal; }
.survey-edit .survey-agree { display: flex; align-items: flex-start; gap: 5px; line-height: 1.5; }
.survey-edit .survey-agree label { flex: 1; }
@media all and (max-width:768px) {
    .survey-edit .div_table { display: block; border-left: 0; border-top: 0; }
    .survey-edit .div_table>.tr { display: block; margin-bottom: 14px; border: 1px solid #ddd; }
    .survey-edit .div_table>.tr>.th,
    .survey-edit .div_table>.tr>.td { display: block !important; width: 100% !important; border-right: 0; padding: 12px; }
    .survey-edit .div_table>.tr>.th { border-bottom: 1px solid #ddd; background-color: #f4f5f6; font-weight: 700; }
    .survey-edit .survey-email { max-width: none; }
    .survey-edit .tbl-scroll .tbl4 { overflow-x: visible; }
    .survey-edit .tbl-scroll .tbl4 table.survey-score-table { min-width: 0; }
    .survey-edit .survey-score-table,
    .survey-edit .survey-score-table tbody { display: block; width: 100%; border: 0; }
    .survey-edit .survey-score-table colgroup,
    .survey-edit .survey-score-table thead { display: none; }
    .survey-edit .survey-score-table tr { display: block; position: relative; margin-bottom: 12px; padding: 14px 12px 12px 48px; border: 1px solid #e4e8eb; border-top: 2px solid #248776; background-color: #fff; }
    .survey-edit .survey-score-table tr:last-child { margin-bottom: 0; }
    .survey-edit .survey-score-table th[scope="row"] { position: absolute; left: 12px; top: 14px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%; background-color: #248776; color: #fff; font-size: 13px; line-height: 24px; }
    .survey-edit .survey-score-table td { display: block; width: 100%; padding: 0; border: 0; text-align: left; }
    .survey-edit .survey-score-table .question { margin-bottom: 10px; font-size: 15px; line-height: 1.5; }
    .survey-edit .survey-score-table .score { display: flex; align-items: center; gap: 10px; }
    .survey-edit .survey-score-table .score::before { content: attr(data-label); flex: 0 0 42px; color: #248776; font-weight: 700; }
    .survey-edit .survey-score-table select { flex: 1; width: 100%; max-width: 180px; }
    .survey-edit .box.scroll_y { height: auto; max-height: 360px; padding: 14px; overflow-x: auto; }
    .survey-edit .box.scroll_y p { margin: 0 0 12px; font-size: 14px; line-height: 1.6; text-align: left; }
    .survey-edit .survey-privacy-table,
    .survey-edit .survey-privacy-table tbody,
    .survey-edit .survey-privacy-table tr,
    .survey-edit .survey-privacy-table th,
    .survey-edit .survey-privacy-table td { display: block; width: 100%; }
    .survey-edit .survey-privacy-table { border-right: 0; }
    .survey-edit .survey-privacy-table colgroup { display: none; }
    .survey-edit .survey-privacy-table th,
    .survey-edit .survey-privacy-table td { border-left: 0; text-align: left; }
    .survey-edit .survey-privacy-table th { color: #252e65; }
    .survey-edit .survey-agree { align-items: flex-start; gap: 8px; padding: 12px; border: 1px solid #e4e8eb; background-color: #fafbfc; font-size: 14px; }
    .survey-edit .survey-agree .icheck { flex: 0 0 22px; margin-top: 1px; }
    .survey-edit .survey-agree label { margin-left: 0 !important; line-height: 1.5; word-break: keep-all; }
    .survey-edit .button-box .btn { width: 100%; max-width: 240px; }
}


/* 표준문의 신청 */
.standard-reserve-edit .standard-reserve-table { width: 100%; border-collapse: collapse; border-top: 2px solid #252e65; }
.standard-reserve-edit .standard-reserve-table th,
.standard-reserve-edit .standard-reserve-table td { padding: 10px; border-bottom: 1px solid #ddd; box-sizing: border-box; vertical-align: top; }
.standard-reserve-edit .standard-reserve-table th { background-color: #f4f5f6; font-weight: 700; }
.standard-reserve-edit .standard-reserve-table em { color: #e7505a; margin-right: 4px; }
.standard-reserve-edit .standard-reserve-table input.text { width: 100%; max-width: 360px; }
.standard-reserve-edit .standard-reserve-table textarea { width: 100%; min-height: 180px; box-sizing: border-box; resize: vertical; }
@media all and (max-width:768px) {
    .standard-reserve-edit .div_table { display: block; border-left: 0; border-top: 0; }
    .standard-reserve-edit .standard-reserve-table,
    .standard-reserve-edit .standard-reserve-table tbody,
    .standard-reserve-edit .standard-reserve-table tr,
    .standard-reserve-edit .standard-reserve-table th,
    .standard-reserve-edit .standard-reserve-table td { display: block; width: 100% !important; }
    .standard-reserve-edit .standard-reserve-table { border-top: 0; }
    .standard-reserve-edit .standard-reserve-table tr { margin-bottom: 14px; border: 1px solid #ddd; background-color: #fff; }
    .standard-reserve-edit .standard-reserve-table th,
    .standard-reserve-edit .standard-reserve-table td { border-right: 0 !important; text-align: left !important; }
    .standard-reserve-edit .standard-reserve-table th { border-bottom: 1px solid #ddd; }
    .standard-reserve-edit .standard-reserve-table input.text { max-width: none; }
    .standard-reserve-edit .standard-reserve-table textarea { min-height: 220px; }
    .standard-reserve-edit .button-box { margin-top: 30px !important; }
    .standard-reserve-edit .button-box .btn { width: 100%; max-width: 240px; }
}
/* 장비예약현황 */
@media all and (max-width:768px) {
    .equipment-status-search .search-list,
    .room-status-search .search-list { display: block; width: 100%; }
    .equipment-status-search .search-list li,
    .room-status-search .search-list li { display: block; width: 100%; margin: 0 0 8px !important; }
    .equipment-status-search .input-group,
    .room-status-search .input-group { display: flex; width: 100%; }
    .equipment-status-search .input-group input,
    .room-status-search .input-group input { flex: 1; width: auto; min-width: 0; }
    .equipment-status-search select,
    .room-status-search select { width: 100%; }
    .equipment-status-search .button-left { display: flex; gap: 8px; }
    .equipment-status-search .button-left .btn { flex: 1; min-width: 0; padding: 0 8px; }
    .room-status-search .search-box>.btn { width: calc(50% - 4px); min-width: 0; margin-top: 4px; padding: 0 8px; }
    table.room-status-table ,
    table.equipment-status-table  {border-right:0;}
    table.equipment-status-table tr,
    table.room-status-table tr { border-bottom: 1px solid #ccc; padding:5px;}
    table.equipment-status-table td,
    table.room-status-table td { padding: 3px 0; font-size:15px;}
    table.room-status-table td:before {font-size:15px;}
    table.equipment-status-table .reserve-cell,
    table.room-status-table .reserve-cell { display: block; }
    table.equipment-status-table .reserve-cell::before,
    table.room-status-table .reserve-cell::before { display: block; margin-bottom: 8px; color: #252e65; font-weight: 700; content: attr(data-label); }
    .equipment-status-view ul.reserve-list,
    .room-status-view ul.reserve-list { display: flex; flex-direction: column; gap: 8px; width: 100%; }
    .equipment-status-view ul.reserve-list>li,
    .room-status-view ul.reserve-list>li { display: block; width: 100%; margin: 0; }
    .equipment-status-view ul.reserve-list>li>a,
    .room-status-view ul.reserve-list>li>a { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; width: 100%; padding: 9px 10px; box-sizing: border-box; }
    .equipment-status-view ul.reserve-list>li>a span.eq-name,
    .room-status-view ul.reserve-list>li>a span.room-name { flex: 1 1 100%; width: auto; white-space: normal; font-weight: 700; }
    .equipment-status-view ul.reserve-list>li>a span.time,
    .room-status-view ul.reserve-list>li>a span.time { flex: 0 0 auto; }
    .equipment-status-view ul.reserve-list>li>a span.status,
    .room-status-view ul.reserve-list>li>a span.status { flex: 0 0 auto; margin-left: 0; }
    .equipment-status-view ul.reserve-list>li>ul,
    .room-status-view ul.reserve-list>li>ul { position: static; width: 100%; margin-top: 8px; padding: 14px 34px 14px 12px; box-sizing: border-box; }
	ul.reserve-list>li>ul>li a.close {top:75px;}
    .equipment-status-view ul.reserve-list>li>ul::before,
    .equipment-status-view ul.reserve-list>li>ul::after,
    .room-status-view ul.reserve-list>li>ul::before,
    .room-status-view ul.reserve-list>li>ul::after { display: none; }
    .equipment-status-view ul.reserve-list>li>ul>li,
    .room-status-view ul.reserve-list>li>ul>li { padding-left: 72px; line-height: 1.5; min-height:15px;}
	    .room-status-view ul.reserve-list>li>ul>li:last-child {min-height:auto;}
    .equipment-status-view ul.reserve-list>li>ul>li span.label,
    .room-status-view ul.reserve-list>li>ul>li span.label { left: 12px; width: 54px; }
}


div.input-group.date_group {
    display: inline-flex;
    vertical-align: middle;
    flex-wrap: wrap;
    gap: 5px 0px;
    margin: 4px 0;}


    
.div_table2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
}
.div_table2 .dt2-row {
    display: grid;
    grid-template-columns: 20% 35% 20% 25%;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.div_table2 .dt2-label {
    padding: 10px;
    background-color: #eee;
    font-weight: 500;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    line-height: 1.4;
    min-width: 0;
}
.div_table2 .dt2-field {
    padding: 10px;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    line-height: 1.4;
    min-width: 0;
}
.div_table2 .dt2-row:not(.dt2-row--pair):not(.dt2-row--reserve) .dt2-field {
    grid-column: 2 / 5;
}
.div_table2 .dt2-row--reserve .dt2-field:first-of-type {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
}
.div_table2 .dt2-row--reserve .date_group {
    width: 100%;
    max-width: 100%;
}
.div_table2 .dt2-row--textarea .dt2-label,
.div_table2 .dt2-row--textarea .dt2-field { align-items: flex-start; }
.div_table2 .dt2-field textarea { width: 100%; box-sizing: border-box; }
.div_table2 .dt2-field .input-list { width: 100%; margin: 0; }
.div_table2 .dt2-field input.text,
.div_table2 .dt2-field select.text { max-width: 100%; }
/* .div_table2 .dt2-row--pair .dt2-field input.text, */
/* .div_table2 .dt2-row--reserve .dt2-field input.text { width: 100%; } */
.equipment-reserve-table td input.text.date { width: 120px; }
.div_table2 .dt2-row--reserve .reserve-duration { width: 70px; flex: 0 0 auto; }
@media all and (max-width: 768px) {
    .div_table2 { border-left: 0; border-top: 0; }
    .div_table2 .dt2-row {
        display: flex;
        flex-direction: column;
        border: 1px solid #ddd;
        margin-bottom: 14px;
    }
    .div_table2 .dt2-row:not(.dt2-row--pair):not(.dt2-row--reserve) .dt2-field {
        grid-column: auto;
    }
    .div_table2 .dt2-row:last-child { margin-bottom: 0; }
    .div_table2 .dt2-label,
    .div_table2 .dt2-field {
        flex: 1 1 100% !important;
        width: 100%;
        min-width: 0;
        border-right: 0;
    }
    .div_table2 .dt2-label {
        border-bottom: 1px solid #ddd;
        background-color: #f4f5f6;
        font-weight: 700;
    }
    .div_table2 .dt2-row--reserve .dt2-field:first-of-type { gap: 10px; }
    .div_table2 #equipment-industry,
    .div_table2 #equipment-item,
    .div_table2 #equipment-detailed-item { width: 100%; max-width: none; }
}