@charset "UTF-8";

/* *******************************************************
 * filename : ui.css
 * description : 협회 - 공통
 * date : 2026-06-29.
******************************************************** */

/*@function str-replace($string, $search, $replace: ''){
    $index: str-index($string, $search);

    @if $index{
        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
    }
    @return $string;
}*/
.skip-nav { position: fixed; top: -6rem; left: 0; width: 100%; height: 6rem; z-index: 99; }

.skip-nav a { position: absolute; top: 0; left: 0; width: 100%; padding: 1rem; display: block; background-color: #0083ce !important; color: #fff; text-align: center; }

.skip-nav a:focus { top: 6rem; }

.ell { overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }

.ellMulti { overflow: hidden; display: -webkit-box; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }

.trans { transition: all .2s ease .1s; }

.vMid { position: absolute; top: 50%; transform: translateY(-50%); display: block; }

.clearfix:after { content: ''; display: block; clear: both; }

.ir { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -999rem; }

.clearfix { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }

.flexArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; }

.flexArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.fontNanum { font-family: 'Nanumsquare'; }

.unitBtn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem;}

.unitBtn.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.unitBtn > button, .unitBtn > a{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; font-size: 1.5rem; font-weight: 500; height: 4rem; min-width: 10rem; background: #0083ce; color: #fff; padding: 0 1.6rem; border-radius: .2rem; transition: all .2s ease .1s; }

.unitBtn .button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; font-size: 1.5rem; font-weight: 500; height: 4rem; min-width: 10rem; background: #0083ce; color: #fff; border-radius: .2rem; transition: all .2s ease .1s; padding: 0 1.6rem;}

.unitBtn .button.line{ border: 1px solid #777; background-color: #fff; color: #111; }
.unitBtn .button a{ font-size:14px;}

.unitBtn button.typeHor, .unitBtn a.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.unitBtn button.lg, .unitBtn a.lg { font-size: 1.9rem; padding: 0 4.8rem; height: 5.4rem; min-width: 12rem; font-weight: 500; font-family: 'Nanumsquare'; }

.unitBtn button.sm, .unitBtn a.sm { font-size: 1.5rem; padding: 0 1.1rem; height: 3.2rem; min-width: 6.3rem; border-radius: 10rem; gap: .8rem; }

.unitBtn button.line, .unitBtn a.line { border: 1px solid #0083ce; background-color: #fff; color: #0083ce; }

.unitBtn button.gray, .unitBtn a.gray { border: 1px solid #777; background-color: #777; }

.unitBtn button.gray.line, .unitBtn a.gray.line { border: 1px solid #777; background-color: #fff; color: #111; }

.unitBtn button.text, .unitBtn a.text { height: 3.2rem; font-size: 1.5rem; color: #0083ce; border-bottom: 1px solid transparent; background-color: transparent; padding: 0; border-radius: 0; min-width: auto; }

.unitBtn button.text.left, .unitBtn a.text.left { -ms-flex-pack: start; justify-content: flex-start; }

.unitBtn > button:hover, .unitBtn > button:focus, .unitBtn > a:hover, .unitBtn > a:focus { background-color: #0077b3; }

.unitBtn > button:hover.line, .unitBtn > button:focus.line, .unitBtn > a:hover.line, .unitBtn > a:focus.line { background-color: #f5f5f5 !important; }

.unitBtn > button:hover.gray, .unitBtn > button:focus.gray, .unitBtn > a:hover.gray, .unitBtn > a:focus.gray { background-color: #666 !important; }

.unitBtn > button:hover.gray.line, .unitBtn > button:focus.gray.line, .unitBtn > a:hover.gray.line, .unitBtn > a:focus.gray.line { background-color: #f5f5f5 !important; }

.unitBtn button:hover.text, .unitBtn button:focus.text, .unitBtn a:hover.text, .unitBtn a:focus.text { border-bottom: 1px solid #0083ce; background-color: transparent !important; padding: 0; border-radius: 0; }

.unitBtn button.round, .unitBtn a.round { border-radius: 10rem; }

.unitBtn.center { -ms-flex-pack: center; justify-content: center; }

.unitBtn.right { -ms-flex-pack: end; justify-content: flex-end; }

.unitBtn.left { -ms-flex-pack: start; justify-content: flex-start; }

.unitBtn.inline { display: -ms-inline-flexbox; display: inline-flex; }

.unitBtn.fix { width: 100%; gap: 2rem; }

.unitBtn.fix button, .unitBtn.fix a { -ms-flex: 1; flex: 1; }

@media (max-width: 1224px) { .unitBtn button, .unitBtn a { font-size: 1.4rem; }
    .unitBtn button.lg, .unitBtn a.lg { font-size: 1.9rem; height: 5.9rem; min-width: 15.7rem; }
    .unitBtn button.text, .unitBtn a.text { font-size: 1.4rem; color: #0083ce; }
    .unitBtn button.increment i, .unitBtn a.increment i { transform: scale(0.5); margin: 0 -.5rem; }
    .unitBtn button.decrement i, .unitBtn a.decrement i { transform: scale(0.5); margin: 0 -.5rem; }
    .unitBtn.fix { gap: 1rem; } 
	.unitBtn .button.line{ min-width:auto; flex:1 1 40%;}
}

.inpTel { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.7rem; }

.inpTel.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpTel * { -ms-flex: 1; flex: 1; margin-top: 0 !important; }

.inpTel .select { max-height: 23rem; }

.inpAdd { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; }

.inpAdd.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpAdd .formText { width: 100%; }

.inpDate { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.5rem; width: 100%; }

.inpDate.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpDate .formText { width: 15rem; }

.inpDate .formText + .formText { margin-top: 0; }

.inpMail { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.7rem; }

.inpMail.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpMail * { -ms-flex: 1; flex: 1; }

.inpAddBtn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-align: start; align-items: flex-start; }

.inpAddBtn.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpAddBtn .formText { -ms-flex: 1; flex: 1; }

.inpAddBtn .unitBtn { width: 7rem; }

.inpAddBtn .unitBtn > button { padding: 0; }

.inpDoubleCheck { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-align: start; align-items: flex-start; }

.inpDoubleCheck.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpDoubleCheck .formText { max-width: 27.7rem; -ms-flex: 1; flex: 1; }

.inpDoubleCheck .unitBtn { width: 10rem; min-width: 10rem; }

@media (max-width: 1224px) { .inpDoubleCheck { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; width: 100%; }
    .inpDoubleCheck .unitBtn { width: 100%; }
    .inpDoubleCheck .unitBtn button { width: 100%; }
    .inpDoubleCheck .fileName { width: 100%; }
    .inpDoubleCheck .fileName .unitList > li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; height: 4rem; padding-right: 0; }
    .inpDoubleCheck .fileName .unitList > li.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    .inpDoubleCheck .fileName .unitList > li > span { overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 4rem); }
    .inpDoubleCheck .fileName .unitList > li > button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; width: 2.6rem; height: 2.6rem; border: 1px solid #bbb; border-radius: 50%; }
    .inpDoubleCheck .fileName .unitList > li > button.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    .inpDoubleCheck .fileName .unitList > li + li { margin-top: -.8rem; }
    .inpDate + .btn-search{ transform: scale(0.5);}
}

.inpFile { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-align: start; align-items: flex-start; }

.inpFile.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpFile .unitBtn { width: 10rem; }

.inpFile .fileName { width: calc(100% - 30rem); }

.inpFile .fileName .unitList > li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-pack: start; justify-content: flex-start; height: 4rem; padding-right: 1.5rem; }

.inpFile .fileName .unitList > li.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpFile .fileName .unitList > li:before { position: absolute; top: 50%; transform: translateY(-50%); display: block; width: .3rem; height: .3rem; }

.inpFile .fileName .unitList > li > span { overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 4rem); }

.inpFile .fileName .unitList > li > button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; width: 2.6rem; height: 2.6rem; border: 1px solid #bbb; border-radius: 50%; background-color: #fff; }

.inpFile .fileName .unitList > li > button.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpFile .fileName .unitList > li + li { margin-top: -.8rem; }

@media (max-width: 1224px) { .inpFile { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; width: 100%; }
    .inpFile .unitBtn { width: 100%; max-width: 10rem; }
    .inpFile .unitBtn button { width: 100%; }
    .inpFile .fileName { width: 100%; }
    .inpFile .fileName .unitList > li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; height: 4rem; padding-right: 0; }
    .inpFile .fileName .unitList > li.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    .inpFile .fileName .unitList > li > span { overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 4rem); }
    .inpFile .fileName .unitList > li > button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; width: 2.6rem; height: 2.6rem; border: 1px solid #bbb; border-radius: 50%; }
    .inpFile .fileName .unitList > li > button.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    .inpFile .fileName .unitList > li + li { margin-top: -.8rem; } }

.inpFileSel { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-align: start; align-items: flex-start; }

.inpFileSel.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpFileSel .formText { width: calc(100% - 13rem); }

.inpFileSel .formText .formUnit { margin-top: 0; }

.inpFileSel .unitBtn { width: 12rem; }

.inpFileSel .unitBtn button { padding: 0; width: 100%; }

.inpAddr { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-direction: column; flex-direction: column; display: block; position: relative; padding-bottom: 3rem; }

.inpAddr.suju{ padding-bottom: 0; width: 340px;} /* 신청·입력·조회 : 주소 입력 */

.inpAddr.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpAddr .addrArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; }

.inpAddr .addrArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpAddr .addrArea .formText { -ms-flex: 2.5; flex: 2.5; max-width: 40.8rem; }

.inpAddr .addrArea .formText .formUnit { margin-top: 0; }

@media (max-width: 1224px) { .inpAddr .addrArea .formText { -ms-flex: 1.5; flex: 1.5; } }

.inpAddr .addrArea .unitBtn { -ms-flex: 1; flex: 1; max-width: 11.2rem; }

.inpAddr .addrArea .unitBtn button { padding: 0; width: 100%; }

.inpAddr .formText .formUnit { margin-top: 1rem; display: block; }

.inpAddr .addrTxt { color: #ff5500; position: absolute; bottom: 0; left: 0; }

@media (max-width: 1224px) { .inpAddr { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; width: 100%; padding-bottom: 0; }
    .inpAddr .unitBtn { width: 100%; }
    .inpAddr .addrTxt { position: absolute; top: -5.5rem; left: auto; right: 0; } }

.inpMix { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

.inpMix.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpMix .inner { -ms-flex-pack: center; justify-content: center; gap: 0; margin-left: -1.8rem; margin-top: .5rem; }

.inpMix .inner .formUnit label { padding-left: 2.2rem; }

.inpMix .inner .formUnit label:before { width: 2.2rem; height: 2.2rem; background-size: 2.6rem; background-position: center; }

.inpMix.type2 .inner .formText { display: inline-block; width: 7rem; vertical-align: 0; }

.inpMix.type2 .inner .formText input { height: 3rem; text-align: center; }

@media (max-width: 1224px) { .inpMix { -ms-flex-direction: column; flex-direction: column; }
    .inpMix .formRadio, .inpMix .formCheckbox { -ms-flex-direction: column !important; flex-direction: column !important; width: 100%; }
    .inpMix .formRadio .formUnit, .inpMix .formCheckbox .formUnit { width: 100% !important; }
    .inpMix .inner { width: 100%; -ms-flex-pack: start; justify-content: flex-start; padding-left: 4rem; margin-top: -2rem; -ms-flex-direction: row !important; flex-direction: row !important; }
    .inpMix .inner .formRadio, .inpMix .inner .formCheckbox { width: auto; }
    .inpMix .inner .formRadio label:before, .inpMix .inner .formCheckbox label:before { width: 2rem; height: 2rem; background-size: 2.6rem; background-position: center; }
    .inpMix.type2 .inner .formText { width: 20rem; } }

.inpEven { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.5rem; }

.inpEven.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpEven * { -ms-flex: 1; flex: 1; margin: 0 !important; }

.inpRightTxt { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; }

.inpRightTxt.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.inpRightTxt .formText { width: 40.8rem; }

.inpRightTxt .formText + * { color: #888; }

@media (max-width: 1224px) { .inpRightTxt { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; }

.inpRightTxt .formText { width: 100%; } }

.unitTerms .formText textarea { height: 16rem; transform: skew(-0.1deg); }

.unitTerms .formCheckbox { margin-top: 1.2rem; }

.spaceBetween { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: justify; justify-content: space-between; }

.spaceBetween.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { .spaceBetween.type2 { -ms-flex-direction: column; flex-direction: column; } }

/******************************************************************************************/
.formText { text-align: left; position: relative; font-family: inherit; vertical-align: top; }

.formText input { border: 1px solid #d5d5d5; border-radius: .2rem; padding: 0 1.5rem 0 1.5rem; width: 100%; font-size: 1.5rem; height: 4rem; color: #111; background-color: #fff; }

.formText input:-ms-input-placeholder { color: #aaa; }

.formText input::placeholder { color: #aaa; }

.formText input:focus { position: relative; }

.formText input:focus + .btn-clear { opacity: 1; }

.formText input:read-only { cursor: default; }

.formText input:read-only:focus { background-color: #fff !important; outline: transparent !important; }

.formText input:read-only + .btn-clear { display: none; }

.formText input:disabled { background-color: #eee; }

.formText input:disabled + .btn-clear { display: none; }

.formText input:disabled + .ui-datepicker-trigger { display: none; }

@media (max-width: 1224px) { .formText input + .btn-clear { display: none; } }

.formText input.center { text-align: center; }

.formText .btn-clear { position: absolute; top: 50%; transform: translateY(-50%); display: block; right: 1.5rem; opacity: 0; display: none; }

.formText .btn-clear:focus { opacity: 1; }

.formText textarea { border: 1px solid #d5d5d5; border-radius: .2rem; padding: 1rem 1.5rem 1rem 1.5rem; width: 100%; font-size: 1.5rem; color: #111; background-color: #fff; white-space: pre-line; }

.formText .ui-datepicker-trigger { right: 0; position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 100%; height: 100%; text-align: right; padding: 0 1.5rem 0 0; }

.formText .ui-datepicker-trigger img { width: 2.1rem; }

.formText.sch input { border: 0.2rem solid #0083ce; border-radius: .6rem; height: 7.4rem; font-size: 1.7rem; padding: 0 5rem 0 2rem; }

.formText.sch .btn-search { position: absolute; top: 50%; transform: translateY(-50%); display: block; right: 2.2rem;}

.formText.sch .btn-clear { right: 7rem; }

@media (max-width: 1224px) { .formText.sch input { height: 4.8rem; font-size: 1.5rem; padding: 0 4.5rem 0 2rem; }
.formText.sch .btn-search { position: absolute; top: 50%; transform: translateY(-50%); display: block; right: 2rem; transform: translateY(-50%) scale(0.5); transform-origin: center right; } }

.formText.sch.type2 input { border: 1px solid #d5d5d5; border-radius: .2rem; height: 4rem; font-size: 1.5rem; padding: 0 7rem 0 1.3rem; }

.formText.sch.type2 .btn-search { right: 1rem; }

.formText.sch.type2 .btn-clear { right: 4rem; }

@media (max-width: 1224px) { .formText.sch.type2 input { height: 4rem; font-size: 1.4rem; padding: 0 4.5rem 0 2rem; }
.formText.sch.type2 .btn-search { position: absolute; top: 50%; transform: translateY(-50%); display: block; right: 2rem; transform: translateY(-50%) scale(0.5); transform-origin: center right; } }

.formText + .formText { margin-top: 1rem; }

.formCheckbox { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; }

.formCheckbox.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.formCheckbox .formUnit { position: relative; }

.formCheckbox input { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }

.formCheckbox label { display: -ms-flexbox; display: flex; line-height: 1.4; cursor: pointer; padding-left: 3.5rem; height: 2.6rem; -ms-flex-align: center; align-items: center; }

.formCheckbox label:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); display: block; transition: all .2s ease .1s; width: 2.6rem; height: 2.6rem; left: 0; background-image: url("../../static/img/common/check.png"); background-size: contain; }

.formCheckbox input:checked + label:before { background-image: url("../../static/img/common/check_on.png"); }

.formCheckbox input:disabled + label:before { background-image: url("../../static/img/common/check_dis.png"); }

.formCheckbox input:focus + label { animation-name: aniFocus; animation-duration: .5s; }

.formCheckbox.line { -ms-flex-direction: row; flex-direction: row; }

.formCheckbox.half { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; }

.formCheckbox.half .formUnit { width: calc(50% - 2rem); }

.formCheckbox.mobHalf { -ms-flex-direction: row; flex-direction: row; }

@media (max-width: 1224px) { .formCheckbox.mobHalf { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; }
    .formCheckbox.mobHalf .formUnit { width: calc(50% - 2rem); } }

.formCheckbox.typeN5 { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem 1.5rem; }

.formCheckbox.typeN5 .formUnit { width: calc(19.6% - 1rem); }

@media (max-width: 1224px) { .formCheckbox.typeN5 { gap: 2rem; }
    .formCheckbox.typeN5 .formUnit { width: calc(50% - 2rem); } }

.formCheckbox.typeN6 { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem 1.5rem; }

.formCheckbox.typeN6 .formUnit { width: calc(16% - 1rem); }

@media (max-width: 1224px) { .formCheckbox.typeN6 { gap: 2rem; }
    .formCheckbox.typeN6 .formUnit { width: calc(50% - 2rem); } }

.formCheckbox.inline { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem 1.5rem; }

@media (max-width: 1224px) { .formCheckbox.inline { gap: 2rem; }
    .formCheckbox.inline .formUnit { width: 100%; } }

.formCheckbox.inline2 { display: -ms-inline-flexbox; display: inline-flex; margin-left: 1rem; }

@media (max-width: 1224px) { .formCheckbox.inline2 { margin-left: .5rem; } }

.formRadio { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; }

.formRadio.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.formRadio .formUnit { position: relative; }

.formRadio input { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }

.formRadio label { display: -ms-flexbox; display: flex; line-height: 1.4; cursor: pointer; padding-left: 3.5rem; height: 2.6rem; -ms-flex-align: center; align-items: center; }

.formRadio label:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); display: block; transition: all .2s ease .1s; width: 2.6rem; height: 2.6rem; left: 0; background-image: url("../../static/img/common/radio.png"); background-size: contain; }

.formRadio input:checked + label:before { background-image: url("../../static/img/common/radio_on.png"); }

.formRadio input:disabled + label:before { background-image: url("../../static/img/common/radio_dis.png"); }

.formRadio input:focus + label { animation-name: aniFocus; animation-duration: .5s; }

.formRadio.toggle { -ms-flex-direction: row; flex-direction: row; height: 4rem; gap: 1rem; }

.formRadio.toggle label { display: -ms-inline-flexbox; display: inline-flex; font-size: 1.9rem; padding-left: 0; min-width: 7.8rem; height: 4rem; padding: 0 2.4rem; -ms-flex-pack: center; justify-content: center; background-color: #fff; border: 1px solid #bbb; color: #888; border-radius: 10rem; transition: all .2s ease .1s; }

.formRadio.toggle label:before { display: none; }

.formRadio.toggle input:checked + label { background-color: #555; color: #fff; border: 1px solid #555; }

.formRadio.toggle input:focus + label { animation-name: aniFocus; animation-duration: .5s; }

.formRadio + .unitTable{ margin:6rem 0 0 0;} /* 231122 pjs */

@media (max-width: 1224px) { .formRadio.toggle { height: 4.4rem; }
    .formRadio.toggle label { font-size: 1.5rem; padding: 1.5rem; height: 4.4rem; min-width: auto; } }

.formRadio.switch { -ms-flex-direction: row; flex-direction: row; height: 8rem; gap: 0; font-family: 'Nanumsquare'; }

.formRadio.switch .formUnit { -ms-flex: 1; flex: 1; }

.formRadio.switch .formUnit label { display: -ms-inline-flexbox; display: inline-flex; font-size: 1.9rem; padding-left: 0; width: 100%; height: 8rem; -ms-flex-pack: center; justify-content: center; background-color: #fff; border: 1px solid #bbb; color: #888; transition: all .2s ease .1s; }

.formRadio.switch .formUnit label:before { display: none; }

.formRadio.switch .formUnit input:checked + label { background-color: #0083ce; color: #fff; border: 1px solid #0083ce; }

.formRadio.switch .formUnit + .formUnit { margin-left: -1px; }

.formRadio.switch.subtab{ padding:2rem; border-top:2px solid #0083ce; background:#f2f9fd; height:auto; margin:3rem 0;}
.formRadio.switch.subtab .formUnit label{ border:1px solid #d5d5d5; border-bottom:1px solid #0083ce; height:5.4rem; font-size:1.5rem; font-weight:500; color:#111;}
.formRadio.switch.subtab .formUnit input:checked + label { background-color: #fff; color: #0083ce; border: 1px solid #0083ce;}

.formRadio.switch.subtab.lg .formUnit label{ font-size: 1.9rem;}

@media (max-width: 640px) { 
    .formRadio.switch.subtab .formUnit label{ text-align: center;}
    .formRadio.switch.subtab.lg .formUnit label{ font-size: 1.4rem;}
}

@media (max-width: 1224px) { .formRadio.switch { height: 5rem; }
    .formRadio.switch .formUnit label { font-size: 1.6rem; height: 5rem; } }

.formRadio.switch.sm { height: auto; }

.formRadio.switch.sm .formUnit label { height: 5.4rem; }

@media (max-width: 1224px) { .formRadio.switch.sm { height: 5rem; }
    .formRadio.switch.sm .formUnit label { height: 5rem; } }

.formRadio.switch.inline .formUnit { width: 31.2rem; -ms-flex: none; flex: none; }

@media (max-width: 1224px) { .formRadio.switch.inline .formUnit { width: auto; -ms-flex: 1; flex: 1; } }

.formRadio.line { -ms-flex-direction: row; flex-direction: row; align-items: center;}

.formRadio.half { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; }

.formRadio.half .formUnit { width: calc(50% - 2rem); }

.formRadio.mobHalf { -ms-flex-direction: row; flex-direction: row; }

@media (max-width: 1224px) { .formRadio.mobHalf { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; }
    .formRadio.mobHalf .formUnit { width: calc(50% - 2rem); } }

.formRadio.typeN6 { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem 1.5rem; }

.formRadio.typeN6 .formUnit { width: calc(16% - 1rem); }

@media (max-width: 1224px) { .formRadio.typeN6 { gap: 2rem; }
    .formRadio.typeN6 .formUnit { width: calc(50% - 2rem); } }

.formSelect { position: relative; }

.formSelect select { position: relative; width: 100%; height: 4rem; font-family: inherit; font-size: inherit; padding: 0 1.5rem; border: none; border-radius: 0; border: 1px solid #d5d5d5; background: url("../img/common/select_arrow.png") no-repeat center right 1.7rem; background-size: 1rem .5rem; cursor: pointer; text-align: left; }

.formSelect select:disabled { background-color: #eee; color: #888; }

.formSelect select option { padding: 5rem; }

.formSelect select option:disabled { display: none; }

.formSelect .selectBtn { position: relative; width: 100%; height: 4rem; color: #555; font-family: inherit; font-size: inherit; padding: 0 4rem 0 1.5rem; border: none; border-radius: 0; border: 1px solid #d5d5d5; background: url("../img/common/select_arrow.png") no-repeat center right 1.7rem; background-size: 1rem .5rem; cursor: pointer; text-align: left; }

.formSelect .selectBtn:disabled { background-color: #eee; color: #888; }

.formSelect .selectBtn:focus { background-color: #fff !important; }

.formSelect .select { display: none; position: absolute; min-width: 100%; left: 0; bottom: 0; background: #fff; color: inherit; list-style-type: none; padding: 0; border-radius: 0; overflow: hidden; white-space: nowrap; z-index: -999; transform: translateY(calc(100% - 0.3rem)); border: 1px solid #d5d5d5; border-top: none; /* border-radius: 0 0 .2rem .2rem;  */transition: all .2s ease .1s; }
.breadcrumb .formSelect .select{ bottom: -1rem;}

.formSelect .select .option a { display: block; text-align: left; border-bottom: 1px solid #ccc; padding: 1.2rem 1.5rem; color: #555; transition: all .2s ease .1s; }

.formSelect .select .option a:hover { background: #f5f5f5; }

.formSelect .select .option a:last-child { border-bottom: 0 none; }

.formSelect .select.type-up { bottom: auto; top: 0; transform: none; border-top: 1px solid #ccc; border-bottom: none; transition: all 0s ease 0s; }

.formSelect.active .select { display: block; z-index: 2; overflow: auto; /*max-height:23rem;*/ }

.formSelect + .formSelect { margin-top: 1rem; }

.unitAccordion { position: relative; /*border-top:2px solid $co-blue;*/ }

.unitAccordion .accList { border-bottom: 1px solid #0083ce; }

.unitAccordion .accList .accBtn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-pack: justify; justify-content: space-between; width: 100%; font-size: 2.1rem; font-family: 'Nanumsquare'; font-weight: 500; height: 8rem; padding: 0 2rem; background-color: #fff; transition: all .2s ease .1s; margin-bottom: 0; transition: all .2s ease .1s; }

.unitAccordion .accList .accBtn.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.unitAccordion .accList .accBtn.isActive { background-color: #fafafa; margin-bottom: 4rem; }

.unitAccordion .accList .accBtn.isActive > i { transform: rotate(180deg); }

.unitAccordion .accList .accBtn.isActive + .accCont { display: block; }

.unitAccordion .accList .accCont { display: none; padding-bottom: 6rem; }

@media (max-width: 1224px) { .unitAccordion .accList .accBtn { padding: 0 1rem; }
    .unitAccordion .accList .accBtn > i { transform: rotate(0deg) scale(0.5); transform-origin: center; margin-right: -3rem; }
    .unitAccordion .accList .accBtn.isActive > i { transform: rotate(180deg) scale(0.5); } }

.unitTab { /* > ul{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;@include trans; &:after{content:'';position:absolute;width:100%;height:1px;background:#bbb;top:5.9rem;left:0;} > li{display:block; .menu{padding:1.6rem;display:block;font-size:1.9rem;color:#888;font-weight:500; &:hover{background-color:#fff;} &.current{color:$co-blue;font-weight:500;position:relative; &:after{content:'';display:block;background:$co-blue;width:100%;height:.6rem;left:0;bottom:0;position:absolute;z-index:1;} + .contents{display:block;} } } > .tabContents{display:none;position:absolute;width:100%;left:0;top:6rem;padding-top:4rem;} } @include isMobile{justify-content:flex-start; &:after{top:5.5rem;} > li{display:block; .menu{font-size:1.6rem;white-space:nowrap;} .contents{top:5.6rem;} } } } */ }

.unitTab .tabButton { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; overflow: auto; }

.unitTab .tabButton li { display: block; }

.unitTab .tabButton li button { padding: 1.6rem; display: block; font-size: 1.9rem; color: #888; font-weight: 500; white-space: nowrap; }

.unitTab .tabButton li button.isActive { color: #0083ce; font-weight: 500; position: relative; }

.unitTab .tabButton li button.isActive:after { content: ''; display: block; background: #0083ce; width: 100%; height: .6rem; left: 0; bottom: 0; position: absolute; z-index: 1; }

.unitTab .tabContent .contTab { display: none; padding-top: 4rem; border-top: 1px solid #bbb; margin-top: -1px; }

.unitTab .tabContent .contTab.isActive { display: block; }

.unitTable { color: #555; }

@media (max-width: 1224px) { .unitTable i[class^="icon-required"], .unitTable i[class^="icon-btn_del"] { transform: scale(0.5); transform-origin: center; vertical-align: top; } }

.unitTable .reqText { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.5rem; -ms-flex-pack: end; justify-content: flex-end; color: #111; margin-bottom: 1rem; }

.unitTable .reqText.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { .unitTable .reqText i { transform-origin: center right; } }

/* 240126 */
.shareWrap{ display: flex; gap: 1px; justify-content: right; margin-bottom: 0.1rem;}
.shareWrap button{ background: #0083ce; width: 5rem; height: 5rem;}
.shareWrap .btnShareBox{ position: relative;}
.shareWrap .btnShareBox .shareList{ position: absolute; left: 0; top: 5.1rem; border: 1px solid #0083ce; width: 5rem; padding: 1rem 0; background: #fff; align-items: center; gap:1.6rem; text-align: center; z-index: 3; display: none;}
.shareWrap .btnShareBox .shareList a:not(:last-child){ margin-bottom: 16px;}
.shareWrap .btnShareBox .shareList a{ display: inline-block; width: 3.2rem; height: 3.2rem;}

.btnShare{}
.btnUrlCopy{}
.btnPrint{}

.unitTable table { border-top: 1px solid #0083ce; }

.unitTable table thead tr { border-bottom: 1px solid #e9e9e9; background-color: #f9f9f9; }

.unitTable table thead tr th { height: 7rem; padding: 1rem 2.4rem; text-align: center; vertical-align: middle; font-weight: 500; color: #111; border-right: 1px solid #e9e9e9; }

.unitTable table thead tr th:last-child { border-right: none; }

.unitTable table thead tr th.left { text-align: left; }

.unitTable table thead tr th.right { text-align: right; }

.unitTable table thead tr th.center { text-align: center; }

.unitTable table thead tr th .btnSort { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-pack: center; justify-content: center; width: 100%; }

.unitTable table thead tr th .btnSort.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.unitTable table tbody tr { border-bottom: 1px solid #e9e9e9; background-color: #fff; }

.unitTable table tbody tr td { /* height: 7rem; */ padding: 1rem 2.4rem; vertical-align: middle; text-align: center; color: #888; border-right: 1px solid #e9e9e9; }

.unitTable table tbody tr td:last-child { border-right: none; }

.unitTable table tbody tr td.noBrd { border-right: none; }

.unitTable table tbody tr td.leftBrd { border-left: 1px solid #e9e9e9; }

.unitTable table tbody tr td em { color: #111; }

.unitTable table tbody tr td em.open { color: #ff5500; }

.unitTable table tbody tr td a:hover { color: #0083ce; text-decoration: underline; }

@media (max-width: 1224px) { .unitTable table tbody tr td .formRadio.line { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; }
    .unitTable table tbody tr td .formRadio.line .formUnit { width: calc(50% - 2rem); } }

.unitTable table tbody tr td .unitBtn button { min-width: 100%; }

.unitTable table tbody tr.isActive { background-color: #fff8f5; }

.unitTable table tbody tr.inTbl { background-color: #fff; margin-top: -1px; }

.unitTable table tbody tr.inTbl > td { padding: 3rem; }

.unitTable table tbody tr.inTbl > td table.grayType { border: 1px solid #e9e9e9; }

.unitTable table tbody tr.inTbl > td table.grayType tr { background-color: #f5f5f5; }

.unitTable table tbody tr.inTbl > td table.grayType tr td { height: 5rem; }

.unitTable table tbody tr .left { text-align: left; }

.unitTable table tbody tr .right { text-align: right; }

.unitTable table tbody tr .center { text-align: center; }

.unitTable table tbody tr .grayRead { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; height: 4rem; padding: 0 2rem; background-color: #777; border-radius: .2rem; color: #fff; }

.unitTable table tbody tr .grayRead.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { .unitTable table tbody tr .grayRead { width: 100%; } }

.unitTable table.noBrd { border-top: none; }

.unitTable table.noPad th { padding: 1rem 0; }

.unitTable table .brdR { border-right: 1px solid #e9e9e9; }

@media (max-width: 1224px) { .unitTable.brdList table { display: block; }
    .unitTable.brdList table thead { display: none; }
    .unitTable.brdList table tbody { display: block; }
    .unitTable.brdList table tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; padding: 3rem .8rem; position: relative; }
    .unitTable.brdList table td { display: block; padding: 0; height: auto; width: auto; border-right: none; }
    .unitTable.brdList table td:nth-child(1) { display: none; }
    .unitTable.brdList table td:nth-child(2) { width: 100%; }
    .unitTable.brdList table td.noData:nth-child(1) { display: block; width: 100%; }
    .unitTable.brdList table td.absCont { position: absolute; right: 0; bottom: 3rem; }
    .unitTable.brdList table td.absCont button i { transform: scale(0.5); transform-origin: right bottom; } }

.unitTable.typeVer table tbody tr { border-bottom: 1px solid #e9e9e9; background-color: #fff; }

.unitTable.typeVer table tbody tr th { text-align: left; padding: 2.4rem 3rem; font-weight: 500; background-color: #f9f9f9; vertical-align: middle;}

.unitTable.typeVer table tbody tr th.center { text-align: center; }

@media (max-width: 1224px) { .unitTable.typeVer table tbody tr th.center { text-align: left; } }

.unitTable.typeVer table tbody tr th.noPad { padding: 1rem 1rem; }

@media (max-width: 1224px) { .unitTable.typeVer table tbody tr th.noPad { padding: 1.8rem; } }

.unitTable.typeVer table tbody tr td { padding: 2.4rem 2rem; text-align: left; color: #111; }

.unitTable.typeVer table.sml tbody tr th { padding: 1.5rem 2.5rem; }

.unitTable.typeVer table.sml tbody tr th.center { text-align: center; }

@media (max-width: 1224px) { .unitTable.typeVer table.sml tbody tr th { padding: 1.5rem 1.8rem; } }

.unitTable.typeVer table.sml tbody tr td { padding: 1.5rem 1.2rem; }

@media (max-width: 1224px) { .unitTable.typeVer { overflow-x: auto; }
    .unitTable.typeVer table { min-width: 100rem; }
    .unitTable.typeVer table .brdR { border-right: none; } }

.unitTable.typeVer.schList { overflow: visible; }

.unitTable.typeVer.schList .bottomArea { margin-top: 4rem; }

.unitTable.typeVer.schList .bottomArea .unitBtn { -ms-flex-pack: end; justify-content: flex-end; }

@media (max-width: 1224px) { .unitTable.typeVer.schList { margin: 4rem -1.6rem 0; }
    .unitTable.typeVer.schList table { display: block; min-width: auto; }
    .unitTable.typeVer.schList table tbody { display: block; }
    .unitTable.typeVer.schList table tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0; padding: 0; }
    .unitTable.typeVer.schList table tr.breake { display: inline; }
    .unitTable.typeVer.schList table th { display: block; padding: 0; height: auto; width: 100%; padding: 1.8rem; border-right: none; }
    .unitTable.typeVer.schList table td { display: block; padding: 0; height: auto; width: 100%; padding: 1.8rem; border-right: none; }
    .unitTable.typeVer.schList .bottomArea { margin-top: 4rem; }
    .unitTable.typeVer.schList .bottomArea .unitBtn { -ms-flex-pack: center; justify-content: center; } }

.unitTable.typeVer.applyList { overflow: visible; }

.unitTable.typeVer.applyList table th .breake { display: block; }

@media (max-width: 1224px) { .unitTable.typeVer.applyList { margin: 4rem 0 0; }
    .unitTable.typeVer.applyList table { display: block; min-width: auto; }
    .unitTable.typeVer.applyList table tbody { display: block; }
    .unitTable.typeVer.applyList table tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0; padding: 0; }
    .unitTable.typeVer.applyList table tr .breake { display: inline; }
    .unitTable.typeVer.applyList table th { display: block; padding: 0; height: auto; width: 100%; padding: 1.8rem; }
    .unitTable.typeVer.applyList table td { display: block; padding: 0; height: auto; width: 100%; padding: 1.8rem; } }

.unitTable.typeMulti table thead tr th { padding: 1.4rem 3rem; height: 5rem; }

.unitTable.typeMulti table tbody tr td { padding: 1.4rem 2rem; height: 5rem; color: #111; }

.unitTable.typeMulti.sml table thead tr th { padding: 1.4rem 1.4rem; height: 5rem; }

.unitTable.typeMulti.sml table tbody tr td { padding: 1.4rem 1.4rem; height: 5rem; color: #111; word-break: break-all; }

.unitTable.typeWebScroll{ overflow:auto;}
.unitTable.typeWebScroll table{ width:auto;}

@media (max-width: 1224px) { .unitTable.typeMulti { overflow-x: auto; }
    .unitTable.typeMulti table { min-width: 100rem; } }

.unitTable.typeScroll table tbody tr td { color: #111; }

@media (max-width: 1224px) { .unitTable.typeScroll { overflow-x: auto; }
    .unitTable.typeScroll table { min-width: 75.8rem; } }

@media (max-width: 1224px) { .unitTable.lecList .date1 { display: block; width: 100%; text-align: left; }
    .unitTable.lecList .date1:before { content: '모집기간: '; }
    .unitTable.lecList .date2 { display: block; width: 100%; text-align: left; margin: -1rem 0; }
    .unitTable.lecList .date2:before { content: '교육기간: '; } }

.unitPagin { font-size: 1.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.8rem; -ms-flex-pack: center; justify-content: center; margin-top: 4rem; }

.unitPagin.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.unitPagin a, .unitPagin button { width: 3.4rem; height: 3.4rem; min-width: 3.4rem; min-height: 3.4rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; color: #888; background-color: #fff; border: 1px solid #fff; border-radius: 50%; transition: all .2s ease .1s; }

.unitPagin a.typeHor, .unitPagin button.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.unitPagin a:hover, .unitPagin button:hover { border-color: #111; color: #111; }

.unitPagin a.isActive, .unitPagin button.isActive { background-color: #0083ce; border-color: #0083ce; color: #fff; }

.unitPagin a.isActive:hover, .unitPagin button.isActive:hover { background-color: #0083ce; border-color: #0083ce; color: #fff; }

.unitPagin .page { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.8rem; -ms-flex-pack: center; justify-content: center; margin: 0 1rem; }

.unitPagin .page.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.unitPagin .pageMove { border-color: #bbb; }

@media (max-width: 1224px) { .unitPagin .pageMove i { transform: scale(0.5); transform-origin: center; }
    .unitPagin .page *:nth-child(n + 4) { display: none; } }

.unitList > li { position: relative; display: block; padding: 0 0 0 1rem; }

.unitList > li + li { margin-top: 1rem; }

.unitList > li:before { content: ''; position: absolute; top: 1rem; left: 0; width: .5rem; height: 1px; background-color: #bbb; }

.unitList > li ul { margin-top: 1rem; }

.unitList.dot > li:before { position: absolute; top: .7rem; left: 0; width: .5rem; height: .5rem; border-radius: 50%; background-color: #bbb; }

.unitList.dot.green > li:before { background-color: #439827; }

.unitList.star > li:before { content: '*'; position: absolute; top: 0; left: 0; width: 0; height: 0; }

.unitList.bili > li { padding: 0 0 0 2rem; }

.unitList.bili > li:before { content: '※'; position: absolute; top: 0; left: 0; width: auto; height: auto; background-color: transparent; color: inherit; }

.unitList.blank > li { padding: 0; }

.unitList.blank > li:before { display: none; }

.unitList.num { counter-reset: listNum; }

.unitList.num > li { padding-left: 2.5rem; }

.unitList.num > li:before { counter-increment: listNum; content: counter(listNum) ". "; top: 0; height: auto; background-color: transparent; text-align: right; width: 2rem; }

.unitList.none > li{ padding-left:0;} /* 231122 pjs */

.grayBox .unitList.none > li{color:#111;} /* 231122 pjs */

.unitList.none > li:before { display:none;} /* 231122 pjs */

/* .unitList .unitList{ margin:1rem 0 0 1rem;} /* 231122 pjs */
.unitList .unitList li{ font-size:1.4rem; color:#555;}

@media (max-width: 1224px) { .unitList.num > li { padding-left: 2.2rem; }
    .unitList.num > li:before { width: 1.5rem; } }

.unitList.thin > li + li { margin-top: 0; }

.secModal { position: fixed; top: 0; width: 100%; height: 100%; background-color: transparent; display: none; margin-top: 0; z-index: 10; }

.secModal .wrapper { position: absolute; top: 50%; transform: translateY(-50%); display: block; left: 50%; transform: translate(-50%, -50%); background-color: #fff; width: 60rem; max-height: calc(100% - 8rem); border-radius: 1rem; z-index: 999999999; overflow: auto;}

.secModal .wrapper .topCont { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }

.secModal .wrapper .topCont.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.secModal .wrapper .topCont .tit { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; font-family: 'Nanumsquare'; font-size: 2.1rem; font-weight: 500; color: #439827; padding: 1.5rem 2rem; background-color: #f5f5f5; border-bottom: 1px solid #439827; width: 100%; }

.secModal .wrapper .topCont .tit.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.secModal .wrapper .topCont .topModalClose { position: absolute; right: 2rem; top: 2rem; }

.secModal .wrapper .modalCont { padding: 4rem 3rem 4rem; }

.secModal .wrapper .modalCont .contArea .modalTit { font-size: 2.1rem; font-weight: 500; font-family: 'Nanumsquare'; color: #111; margin-bottom: 3rem; position: relative; display:flex; justify-content: space-between;}

.secModal .wrapper .modalCont .contArea .modalTit .txt-green { font-size: 1.5rem; font-weight: 400; font-family: 'NotoSansKr'; }

.secModal .wrapper .modalCont .contArea .modalTit .unitBtn { position: absolute; top: 50%; transform: translateY(-50%); display: block; right: 0; }

.secModal .wrapper .modalCont .contArea .modalTit + .unitTable { margin-top: 3rem; }

.secModal .wrapper .modalCont .contArea .modalTit small{ font-size: 1.5rem; font-weight: 400;}

@media (max-width: 1224px) { .secModal .wrapper .modalCont .contArea .modalTit .txt-green { display: block; margin-top: 1rem; }
    .secModal .wrapper .modalCont .contArea .modalTit .unitBtn { bottom: 0; top: auto; transform: none; } }

.secModal .wrapper .modalCont .contArea .unitTerms { margin-bottom: 4rem; }

.secModal .wrapper .modalCont .contArea .unitTable + .modalTit { margin-top: 6rem; }

.secModal .wrapper .modalCont .contArea .bottomBtn { margin-top: 4rem; -ms-flex-pack: center; justify-content: center; }

.secModal .wrapper .modalCont .contArea .bottomBtn.full button { width: 100%; }

.secModal .wrapper .modalCont .contArea .modalNoti { text-align: center; color: #111; }

.secModal .wrapper .modalCont .contArea .modalNoti > .desc { margin-bottom: 2rem; }

.secModal .wrapper .modalCont .contArea .modalNoti > .tit { font-family: 'Nanumsquare'; font-weight: 500; font-size: 2.1rem; margin-bottom: 4rem; }

.secModal .popDim { position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); margin-top: 0; z-index: 99999999; }

.secModal.full .wrapper { width: 122.4rem; }

.secModal.mid .wrapper { width: 96rem; }

.secModal.mid2 .wrapper { width: 49.6rem; }

.secModal.sm .wrapper { width: 39.2rem; }

@media (max-width: 1224px) { .secModal .wrapper { width: calc(100% - 3.6rem); max-height: calc(100% - 3.6rem); }
    .secModal .wrapper .topCont .tit { font-size: 1.9rem; padding: 1.8rem 4rem 1.8rem 2rem; }
    .secModal .wrapper .topCont .topModalClose { right: 1.8rem; top: 1.7rem; }
    .secModal .wrapper .topCont .topModalClose i { transform: scale(0.5); transform-origin: center right; }
    .secModal .wrapper .modalCont { padding: 0 1.8rem 4rem; margin-top: 4rem; }
    .secModal .wrapper .modalCont .contArea .modalTit { font-size: 1.9rem; margin-bottom: 2rem; }
    .secModal .wrapper .modalCont .contArea .modalTit .txt-green { font-size: 1.4rem; }
    .secModal .wrapper .modalCont .contArea .unitTable + .modalTit { margin-top: 6rem; }
    .secModal .wrapper .modalCont .contArea .bottomBtn { margin-top: 4rem; -ms-flex-pack: center; justify-content: center; }
    .secModal .popDim { position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); margin-top: 0; z-index: 99999999; }
    .secModal.full .wrapper { width: calc(100% - 3.6rem); }
    .secModal.mid .wrapper { width: calc(100% - 3.6rem); }
    .secModal.mid2 .wrapper { width: calc(100% - 3.6rem); }
    .secModal.sm .wrapper { width: calc(100% - 3.6rem); } }

.toastMsg { position: fixed; opacity: 0; bottom: -3rem; width: calc(100% - 4rem); text-align: center; background-color: rgba(0, 0, 0, 0.8); color: #fff; left: 50%; transform: translateX(-50%); border-radius: .8rem; padding: 1.2rem; z-index: 9999999; transition: all .2s ease .1s; }

.toastMsg.view { opacity: 1; bottom: 9rem; }

.toastMsg .bottom.view { opacity: 1; bottom: 2rem; }

.unitTooltip { position: relative; display: inline; margin-left: 1rem; vertical-align: top; /* z-index: 1; 231122 */}

.unitTooltip > button { position: relative; }

.unitTooltip > button.isActive:before { content: ''; position: absolute; top: .5rem; right: -1.5rem; display: block; width: 1rem; height: 1rem; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; background-color: #fff; transform: rotate(-45deg); z-index: 4; }

.unitTooltip > button.isActive + .tooltipCont { display: block; }

.unitTooltip .tooltipCont { display: none; position: absolute; width: 40rem; font-size: 1.3rem; color: #888; left: 3rem; background-color: #fff; border: 1px solid #d5d5d5; border-radius: .3rem; padding: 1.5rem; margin-top: -3.5rem; box-shadow: 1rem 1rem 1.5rem rgba(0, 0, 0, 0.05); z-index:1; }
.unitTooltip .tooltipCont.inline{ width:auto !important; white-space:nowrap; z-index:3;}

.unitTooltip .tooltipCont em { color: #0083ce; }

.unitTooltip.left > button.isActive:before { left: -1.5rem; right: auto; transform: rotate(135deg); }

.unitTooltip.left .tooltipCont { right: 3rem; left: auto; }


/* 버튼 Tooltip */
.btnTooltip { position: relative; display: inline; margin-left: 1rem; vertical-align: top; /* z-index: 1; 231122 */}

.btnTooltip .unitBtn { position: relative; }

.btnTooltip .unitBtn.isActive:before{ content: ''; position: absolute; display: block; width: 1rem; height: 1rem; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; background-color: #fff; z-index: 4; }

.btnTooltip .unitBtn.isActive + .tooltipCont { display: block; }

.btnTooltip .tooltipCont{ display: none; position: absolute; width:auto !important; white-space:nowrap; z-index:3; font-size: 1.3rem; color: #888; background-color: #fff; border: 1px solid #d5d5d5; border-radius: .3rem; padding: 1.5rem; box-shadow: 1rem 1rem 1.5rem rgba(0, 0, 0, 0.05); z-index:1; }

.btnTooltip .tooltipCont em { color: #0083ce;}

/* 상단 노출 top */
.btnTooltip.top .tooltipCont{ left: 50%; transform: translateX(-50%); top:-6.2rem; }
.btnTooltip.top .unitBtn.isActive:before{ top: -1.5rem; left: 50%; transform: translateX(-50%); transform: rotate(-135deg);}

/* 하단 노출 bottom */
.btnTooltip.bottom .tooltipCont{ left: 50%; transform: translateX(-50%); bottom:-6rem; }
.btnTooltip.bottom .unitBtn.isActive:before{ left: 50%; transform: translateX(-50%); bottom: -1.5rem; transform: rotate(45deg);}


@media (max-width: 1224px) { .unitTooltip > button { height: 1.9rem; }
    .unitTooltip > button i { transform: scale(0.5); transform-origin: top left; }
    .unitTooltip > button.isActive:before { top: 2.5rem; right: 2.5rem; transform: rotate(45deg); }
    .unitTooltip .tooltipCont { width: calc(100vw - 3.8rem) !important; font-size: 1.2rem; left: -2rem; padding: 1.2rem; margin-top: 1rem; }
    .unitTooltip.left > button.isActive:before { top: 2.5rem; right: 2.5rem; left: auto; transform: rotate(45deg); }
    .unitTooltip.left .tooltipCont { right: -2rem; left: auto; } }

.unitSwiper { position: relative; overflow: hidden; }

.unitSwiper .swiper-wrapper { -ms-flex-align: center; align-items: center; }

.unitSwiper [class^=swiper-button] { background: none; }

.unitSwiper [class^=swiper-button]::after { display: none; }

/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-arrow { background-image: url(../img/sprite/sprite.png); background-position: -28.2rem -18.4rem; width: 2.6rem; height: 5.4rem; }

.icon-arrow2 { background-image: url(../img/sprite/sprite.png); background-position: -61.1rem -61.4rem; width: 1.5rem; height: 1.1rem; }

.icon-arrow2_mo { background-image: url(../img/sprite/sprite.png); background-position: -41.3rem -33.8rem; width: 3rem; height: 2.2rem; }

.icon-arrow_bottom { background-image: url(../img/sprite/sprite.png); background-position: -37.5rem -22.6rem; width: 1.4rem; height: 0.8rem; }

.icon-arrow_bottom_mo { background-image: url(../img/sprite/sprite.png); background-position: -55.8rem -43.4rem; width: 2.8rem; height: 1.6rem; }

.icon-arrow_green { background-image: url(../img/sprite/sprite.png); background-position: -50.7rem -43.4rem; width: 4.1rem; height: 1.7rem; }

.icon-arrow_green_mo { background-image: url(../img/sprite/sprite.png); background-position: -69.5rem -23.6rem; width: 3.5rem; height: 8.3rem; }

.icon-arrow_left { background-image: url(../img/sprite/sprite.png); background-position: -67.7rem -52rem; width: 0.8rem; height: 1.4rem; }

.icon-arrow_left_mo { background-image: url(../img/sprite/sprite.png); background-position: -40rem -65.4rem; width: 1.6rem; height: 2.8rem; }

.icon-arrow_mo { background-image: url(../img/sprite/sprite.png); background-position: -37.6rem -27.8rem; width: 2.6rem; height: 5.4rem; }

.icon-arrow_right { background-image: url(../img/sprite/sprite.png); background-position: -15.7rem -70rem; width: 0.8rem; height: 1.4rem; }

.icon-arrow_right_mo { background-image: url(../img/sprite/sprite.png); background-position: -42.6rem -65.4rem; width: 1.6rem; height: 2.8rem; }

.icon-arrow_top { background-image: url(../img/sprite/sprite.png); background-position: -17.5rem -70rem; width: 1.4rem; height: 0.8rem; }

.icon-arrow_top_mo { background-image: url(../img/sprite/sprite.png); background-position: -30.2rem -61.4rem; width: 2.8rem; height: 1.6rem; }

.icon-arrow_top_white { background-image: url(../img/sprite/sprite.png); background-position: -19.9rem -70rem; width: 1.4rem; height: 0.8rem; }

.icon-arrow_top_white_mo { background-image: url(../img/sprite/sprite.png); background-position: -34rem -61.4rem; width: 2.8rem; height: 1.6rem; }

.icon-bridge_01 { background-image: url(../img/sprite/sprite.png); background-position: -22.5rem 0px; width: 8.4rem; height: 8.4rem; }

.icon-bridge_01_mo { background-image: url(../img/sprite/sprite.png); background-position: 0px -18.4rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_02 { background-image: url(../img/sprite/sprite.png); background-position: -9.4rem -18.4rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_02_mo { background-image: url(../img/sprite/sprite.png); background-position: -18.8rem -18.4rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_03 { background-image: url(../img/sprite/sprite.png); background-position: -31.9rem 0px; width: 8.4rem; height: 8.4rem; }

.icon-bridge_03_mo { background-image: url(../img/sprite/sprite.png); background-position: -31.9rem -9.4rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_04 { background-image: url(../img/sprite/sprite.png); background-position: 0px -27.8rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_04_mo { background-image: url(../img/sprite/sprite.png); background-position: -9.4rem -27.8rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_05 { background-image: url(../img/sprite/sprite.png); background-position: -18.8rem -27.8rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_05_mo { background-image: url(../img/sprite/sprite.png); background-position: -28.2rem -27.8rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_06 { background-image: url(../img/sprite/sprite.png); background-position: -41.3rem 0px; width: 8.4rem; height: 8.4rem; }

.icon-bridge_06_mo { background-image: url(../img/sprite/sprite.png); background-position: -41.3rem -9.4rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_07 { background-image: url(../img/sprite/sprite.png); background-position: -41.3rem -18.8rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_07_mo { background-image: url(../img/sprite/sprite.png); background-position: 0px -37.2rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_08 { background-image: url(../img/sprite/sprite.png); background-position: -9.4rem -37.2rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_08_mo { background-image: url(../img/sprite/sprite.png); background-position: -18.8rem -37.2rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_09 { background-image: url(../img/sprite/sprite.png); background-position: -28.2rem -37.2rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_09_mo { background-image: url(../img/sprite/sprite.png); background-position: -37.6rem -37.2rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_10 { background-image: url(../img/sprite/sprite.png); background-position: -50.7rem 0px; width: 8.4rem; height: 8.4rem; }

.icon-bridge_10_mo { background-image: url(../img/sprite/sprite.png); background-position: -50.7rem -9.4rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_11 { background-image: url(../img/sprite/sprite.png); background-position: -50.7rem -18.8rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_11_mo { background-image: url(../img/sprite/sprite.png); background-position: -50.7rem -28.2rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_12 { background-image: url(../img/sprite/sprite.png); background-position: 0px -46.6rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_12_mo { background-image: url(../img/sprite/sprite.png); background-position: -9.4rem -46.6rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_13 { background-image: url(../img/sprite/sprite.png); background-position: 0px -9rem; width: 8.5rem; height: 8.4rem; }

.icon-bridge_13_mo { background-image: url(../img/sprite/sprite.png); background-position: -13rem 0px; width: 8.5rem; height: 8.4rem; }

.icon-bridge_14 { background-image: url(../img/sprite/sprite.png); background-position: -18.8rem -46.6rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_14_mo { background-image: url(../img/sprite/sprite.png); background-position: -28.2rem -46.6rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_15 { background-image: url(../img/sprite/sprite.png); background-position: -37.6rem -46.6rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_15_mo { background-image: url(../img/sprite/sprite.png); background-position: -47rem -46.6rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_16 { background-image: url(../img/sprite/sprite.png); background-position: -60.1rem 0px; width: 8.4rem; height: 8.4rem; }

.icon-bridge_16_mo { background-image: url(../img/sprite/sprite.png); background-position: -60.1rem -9.4rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_17 { background-image: url(../img/sprite/sprite.png); background-position: -60.1rem -18.8rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_17_mo { background-image: url(../img/sprite/sprite.png); background-position: -60.1rem -28.2rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_18 { background-image: url(../img/sprite/sprite.png); background-position: -60.1rem -37.6rem; width: 8.4rem; height: 8.4rem; }

.icon-bridge_18_mo { background-image: url(../img/sprite/sprite.png); background-position: 0px -56rem; width: 8.4rem; height: 8.4rem; }

.icon-btn_acc { background-image: url(../img/sprite/sprite.png); background-position: -60.1rem -47rem; width: 6rem; height: 4rem; }

.icon-btn_acc_mo { background-image: url(../img/sprite/sprite.png); background-position: 0px 0px; width: 12rem; height: 8rem; }

.icon-btn_add { background-image: url(../img/sprite/sprite.png); background-position: 0px -72.7rem; width: 1rem; height: 1rem; }

.icon-btn_add_mo { background-image: url(../img/sprite/sprite.png); background-position: -56.4rem -53rem; width: 2rem; height: 2rem; }

.icon-btn_arrow { background-image: url(../img/sprite/sprite.png); background-position: -71.9rem -65.4rem; width: 1.8rem; height: 1.8rem; }

.icon-btn_arrow_mo { background-image: url(../img/sprite/sprite.png); background-position: 0px -65.4rem; width: 3.6rem; height: 3.6rem; }

.icon-btn_del { background-image: url(../img/sprite/sprite.png); background-position: -6rem -72.7rem; width: 0.9rem; height: 0.9rem; }

.icon-btn_del_mo { background-image: url(../img/sprite/sprite.png); background-position: 0px -70rem; width: 1.7rem; height: 1.7rem; }

.icon-btn_pause { background-image: url(../img/sprite/sprite.png); background-position: -20.2rem -14.8rem; width: 1.2rem; height: 1.6rem; }

.icon-btn_pause_mo { background-image: url(../img/sprite/sprite.png); background-position: -28.1rem -9.4rem; width: 2.4rem; height: 3.2rem; }

.icon-btn_play { background-image: url(../img/sprite/sprite.png); background-position: -13.5rem -70rem; width: 1.2rem; height: 1.6rem; }

.icon-btn_play_mo { background-image: url(../img/sprite/sprite.png); background-position: -18.4rem -9.4rem; width: 2.4rem; height: 3.2rem; }

.icon-cal { background-image: url(../img/sprite/sprite.png); background-position: -27.1rem -61.4rem; width: 2.1rem; height: 2.2rem; }

.icon-cal_mo { background-image: url(../img/sprite/sprite.png); background-position: -9.4rem -56rem; width: 4.2rem; height: 4.4rem; }

.icon-clear { background-image: url(../img/sprite/sprite.png); background-position: -37.8rem -61.4rem; width: 1.4rem; height: 1.4rem; }

.icon-clear_mo { background-image: url(../img/sprite/sprite.png); background-position: -60.1rem -52rem; width: 2.8rem; height: 2.8rem; }

.icon-close { background-image: url(../img/sprite/sprite.png); background-position: -40.2rem -61.4rem; width: 1.4rem; height: 1.4rem; }

.icon-close2 { background-image: url(../img/sprite/sprite.png); background-position: -13rem -14.8rem; width: 2.6rem; height: 2.6rem; }

.icon-close2_mo { background-image: url(../img/sprite/sprite.png); background-position: -69.5rem -32.9rem; width: 5.2rem; height: 5.2rem; }

.icon-close_mo { background-image: url(../img/sprite/sprite.png); background-position: -63.9rem -52rem; width: 2.8rem; height: 2.8rem; }

.icon-down { background-image: url(../img/sprite/sprite.png); background-position: -45.2rem -65.4rem; width: 2rem; height: 2rem; }

.icon-down_mo { background-image: url(../img/sprite/sprite.png); background-position: -14.6rem -56rem; width: 4rem; height: 4rem; }

.icon-fax { background-image: url(../img/sprite/sprite.png); background-position: -2.7rem -70rem; width: 1.7rem; height: 1.7rem; }

.icon-fax_mo { background-image: url(../img/sprite/sprite.png); background-position: -13.6rem -65.4rem; width: 3.4rem; height: 3.4rem; }

.icon-file { background-image: url(../img/sprite/sprite.png); background-position: -67.1rem -47rem; width: 1.4rem; height: 1.8rem; }

.icon-file_han { background-image: url(../img/sprite/sprite.png); background-position: -9.5rem -9rem; width: 2.3rem; height: 2.3rem; }

.icon-file_han_mo { background-image: url(../img/sprite/sprite.png); background-position: -41.3rem -28.2rem; width: 4.6rem; height: 4.6rem; }

.icon-file_mo { background-image: url(../img/sprite/sprite.png); background-position: -46.9rem -28.2rem; width: 2.8rem; height: 3.6rem; }

.icon-file_pdf { background-image: url(../img/sprite/sprite.png); background-position: -45.3rem -33.8rem; width: 2.2rem; height: 2.2rem; }

.icon-file_pdf_mo { background-image: url(../img/sprite/sprite.png); background-position: -13rem -9.4rem; width: 4.4rem; height: 4.4rem; }

.icon-file_word { background-image: url(../img/sprite/sprite.png); background-position: -31.9rem -24.4rem; width: 2.4rem; height: 2.4rem; }

.icon-file_word_mo { background-image: url(../img/sprite/sprite.png); background-position: -69.5rem -51.5rem; width: 4.8rem; height: 4.8rem; }

.icon-ham { background-image: url(../img/sprite/sprite.png); background-position: -9.5rem -15.6rem; width: 2.2rem; height: 1.6rem; }

.icon-ham_mo { background-image: url(../img/sprite/sprite.png); background-position: -49rem -56rem; width: 4.4rem; height: 3.2rem; }

.icon-home { background-image: url(../img/sprite/sprite.png); background-position: -48.2rem -65.4rem; width: 2rem; height: 2rem; }

.icon-home_mo { background-image: url(../img/sprite/sprite.png); background-position: -19.6rem -56rem; width: 4rem; height: 4rem; }

.icon-home_w { background-image: url(../img/sprite/sprite.png); background-position: -48.2rem -67.7rem; width: 2.1rem; height: 2rem;}

.icon-home_w_mo { background-image: url(../img/sprite/sprite.png); background-position: -16.6rem -14.8rem; width: 2.6rem; height: 2.6rem; }

.icon-human { background-image: url(../img/sprite/sprite.png); background-position: -47.3rem -61.4rem; width: 1.3rem; height: 1.3rem; }

.icon-human_gray { background-image: url(../img/sprite/sprite.png); background-position: -49.6rem -61.4rem; width: 1.3rem; height: 1.3rem; }

.icon-human_gray_mo { background-image: url(../img/sprite/sprite.png); background-position: -54.4rem -56rem; width: 2.6rem; height: 2.6rem; }

.icon-human_mo { background-image: url(../img/sprite/sprite.png); background-position: -58rem -56rem; width: 2.6rem; height: 2.6rem; }

.icon-info { background-image: url(../img/sprite/sprite.png); background-position: -63.2rem -65.4rem; width: 1.9rem; height: 1.9rem; }

.icon-info_mo { background-image: url(../img/sprite/sprite.png); background-position: -34.6rem -56rem; width: 3.8rem; height: 3.8rem; }

.icon-link { background-image: url(../img/sprite/sprite.png); background-position: -42.6rem -61.4rem; width: 1.4rem; height: 1.4rem; }

.icon-link2 { background-image: url(../img/sprite/sprite.png); background-position: -66.1rem -65.4rem; width: 1.9rem; height: 1.9rem; }

.icon-link2_mo { background-image: url(../img/sprite/sprite.png); background-position: -39.4rem -56rem; width: 3.8rem; height: 3.8rem; }

.icon-link_mo { background-image: url(../img/sprite/sprite.png); background-position: -37.5rem -18.8rem; width: 2.8rem; height: 2.8rem; }

.icon-list_dot { background-image: url(../img/sprite/sprite.png); background-position: -2rem -72.7rem; width: 1rem; height: 1rem; }

.icon-list_dot_mo { background-image: url(../img/sprite/sprite.png); background-position: -51.2rem -65.4rem; width: 2rem; height: 2rem; }

.icon-lock { background-image: url(../img/sprite/sprite.png); background-position: -51.9rem -61.4rem; width: 1.3rem; height: 1.3rem; }

.icon-lock_gray { background-image: url(../img/sprite/sprite.png); background-position: -54.2rem -61.4rem; width: 1.3rem; height: 1.3rem; }

.icon-lock_gray_mo { background-image: url(../img/sprite/sprite.png); background-position: -61.6rem -56rem; width: 2.6rem; height: 2.6rem; }

.icon-lock_mo { background-image: url(../img/sprite/sprite.png); background-position: -65.2rem -56rem; width: 2.6rem; height: 2.6rem; }

.icon-mail { background-image: url(../img/sprite/sprite.png); background-position: -5.4rem -70rem; width: 1.7rem; height: 1.7rem; }

.icon-mail_mo { background-image: url(../img/sprite/sprite.png); background-position: -4.6rem -65.4rem; width: 3.5rem; height: 3.5rem; }

.icon-new { background-image: url(../img/sprite/sprite.png); background-position: -35.3rem -24.4rem; width: 2.4rem; height: 2.4rem; }

.icon-new_mo { background-image: url(../img/sprite/sprite.png); background-position: -69.5rem -57.3rem; width: 4.8rem; height: 4.8rem; }

.icon-pagin_next { background-image: url(../img/sprite/sprite.png); background-position: -74rem -23.6rem; width: 0.6rem; height: 1rem; }

.icon-pagin_next2 { background-image: url(../img/sprite/sprite.png); background-position: -72.5rem -63.1rem; width: 1.2rem; height: 1rem; }

.icon-pagin_next2_mo { background-image: url(../img/sprite/sprite.png); background-position: -28.2rem -24.8rem; width: 2.4rem; height: 2rem; }

.icon-pagin_next_mo { background-image: url(../img/sprite/sprite.png); background-position: -48.5rem -33.8rem; width: 1.2rem; height: 2rem; }

.icon-pagin_prev { background-image: url(../img/sprite/sprite.png); background-position: -74rem -25.6rem; width: 0.6rem; height: 1rem; }

.icon-pagin_prev2 { background-image: url(../img/sprite/sprite.png); background-position: -63.6rem -61.4rem; width: 1.2rem; height: 1rem; }

.icon-pagin_prev2_mo { background-image: url(../img/sprite/sprite.png); background-position: -37.6rem -34.2rem; width: 2.4rem; height: 2rem; }

.icon-pagin_prev_mo { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -24.4rem; width: 1.2rem; height: 2rem; }

.icon-paper { background-image: url(../img/sprite/sprite.png); background-position: -56.5rem -61.4rem; width: 1.3rem; height: 1.3rem; }

.icon-paper_gray { background-image: url(../img/sprite/sprite.png); background-position: -58.8rem -61.4rem; width: 1.3rem; height: 1.3rem; }

.icon-paper_gray_mo { background-image: url(../img/sprite/sprite.png); background-position: -9.4rem -61.4rem; width: 2.6rem; height: 2.6rem; }

.icon-paper_mo { background-image: url(../img/sprite/sprite.png); background-position: -13rem -61.4rem; width: 2.6rem; height: 2.6rem; }

.icon-plus { background-image: url(../img/sprite/sprite.png); background-position: -67.1rem -49.8rem; width: 1.2rem; height: 1.2rem; }

.icon-plus_mo { background-image: url(../img/sprite/sprite.png); background-position: -22.5rem -15rem; width: 2.4rem; height: 2.4rem; }

.icon-reflesh { background-image: url(../img/sprite/sprite.png); background-position: -16.6rem -61.4rem; width: 2.6rem; height: 2.6rem; }

.icon-reflesh_mo { background-image: url(../img/sprite/sprite.png); background-position: -69.5rem -39.1rem; width: 5.2rem; height: 5.2rem; }

.icon-required { background-image: url(../img/sprite/sprite.png); background-position: -4rem -72.7rem; width: 1rem; height: 1rem; }

.icon-required_mo { background-image: url(../img/sprite/sprite.png); background-position: -54.2rem -65.4rem; width: 2rem; height: 2rem; }

.icon-search { background-image: url(../img/sprite/sprite.png); background-position: -18rem -65.4rem; width: 3.4rem; height: 3.4rem; }

.icon-search_mo { background-image: url(../img/sprite/sprite.png); background-position: -31.2rem -65.4rem; width: 3.4rem; height: 3.4rem; }

.icon-search2 { background-image: url(../img/sprite/sprite.png); background-position: -22.4rem -65.4rem; width: 3.4rem; height: 3.4rem; }

.icon-search2_mo { background-image: url(../img/sprite/sprite.png); background-position: -26.8rem -65.4rem; width: 3.4rem; height: 3.4rem; }

.icon-search3 { background-image: url(../img/sprite/sprite.png); background-position: -57.2rem -65.4rem; width: 2rem; height: 2rem; }

.icon-search3_mo { background-image: url(../img/sprite/sprite.png); background-position: -24.6rem -56rem; width: 4rem; height: 4rem; }

.icon-search4 { background-image: url(../img/sprite/sprite.png); background-position: -8.1rem -72.2rem; width: 1.6rem; height: 1.5rem; }

.icon-select_arrow_w { background-image: url(../img/sprite/sprite.png); background-position: -22.3rem -70rem; width: 1rem; height: 0.5rem; }

.icon-select_arrow_w_mo { background-image: url(../img/sprite/sprite.png); background-position: -69.5rem -63.1rem; width: 2rem; height: 1rem; }

.icon-speak { background-image: url(../img/sprite/sprite.png); background-position: -20.2rem -61.4rem; width: 2.6rem; height: 2.6rem; }

.icon-speak_mo { background-image: url(../img/sprite/sprite.png); background-position: -69.5rem -45.3rem; width: 5.2rem; height: 5.2rem; }

.icon-star { background-image: url(../img/sprite/sprite.png); background-position: -9.5rem -12.3rem; width: 2.3rem; height: 2.3rem; }

.icon-star_active { background-image: url(../img/sprite/sprite.png); background-position: -23.8rem -61.4rem; width: 2.3rem; height: 2.3rem; }

.icon-star_active_mo { background-image: url(../img/sprite/sprite.png); background-position: -31.9rem -18.8rem; width: 4.6rem; height: 4.6rem; }

.icon-star_mo { background-image: url(../img/sprite/sprite.png); background-position: -22.5rem -9.4rem; width: 4.6rem; height: 4.6rem; }

.icon-swiper_arrow_L { background-image: url(../img/sprite/sprite.png); background-position: -47rem -37.2rem; width: 2.6rem; height: 5.4rem; }

.icon-swiper_arrow_L_mo { background-image: url(../img/sprite/sprite.png); background-position: -69.5rem 0px; width: 5.2rem; height: 10.8rem; }

.icon-swiper_arrow_R { background-image: url(../img/sprite/sprite.png); background-position: -56.4rem -46.6rem; width: 2.6rem; height: 5.4rem; }

.icon-swiper_arrow_R_mo { background-image: url(../img/sprite/sprite.png); background-position: -69.5rem -11.8rem; width: 5.2rem; height: 10.8rem; }

.icon-tel { background-image: url(../img/sprite/sprite.png); background-position: -8.1rem -70rem; width: 1.7rem; height: 1.7rem; }

.icon-tel_mo { background-image: url(../img/sprite/sprite.png); background-position: -35.6rem -65.4rem; width: 3.4rem; height: 3.4rem; }

.icon-tooltip { background-image: url(../img/sprite/sprite.png); background-position: -69rem -65.4rem; width: 1.9rem; height: 1.9rem; }

.icon-tooltip_mo { background-image: url(../img/sprite/sprite.png); background-position: -44.2rem -56rem; width: 3.8rem; height: 3.8rem; }

.icon-topDown { background-image: url(../img/sprite/sprite.png); background-position: -29.3rem -15rem; width: 1.2rem; height: 1.7rem; }

.icon-topDown_mo { background-image: url(../img/sprite/sprite.png); background-position: -56.5rem -37.6rem; width: 2.4rem; height: 3.4rem; }

.icon-triangle { background-image: url(../img/sprite/sprite.png); background-position: -65.8rem -61.4rem; width: 1.2rem; height: 1rem; }

.icon-triangle_mo { background-image: url(../img/sprite/sprite.png); background-position: -47rem -43.6rem; width: 2.4rem; height: 2rem; }

.icon-up { background-image: url(../img/sprite/sprite.png); background-position: -25.9rem -15rem; width: 2.4rem; height: 2.4rem; }

.icon-up_mo { background-image: url(../img/sprite/sprite.png); background-position: -50.7rem -37.6rem; width: 4.8rem; height: 4.8rem; }

.icon-web { background-image: url(../img/sprite/sprite.png); background-position: -10.8rem -70rem; width: 1.7rem; height: 1.7rem; }

.icon-web_mo { background-image: url(../img/sprite/sprite.png); background-position: -9.1rem -65.4rem; width: 3.5rem; height: 3.5rem; }

.icon-zoom { background-image: url(../img/sprite/sprite.png); background-position: -60.2rem -65.4rem; width: 2rem; height: 2rem; }

.icon-zoom_mo { background-image: url(../img/sprite/sprite.png); background-position: -29.6rem -56rem; width: 4rem; height: 4rem; }

/* 240126 */
.icon-share { background-image: url(../img/sprite/sprite.png); background-position: -24.3rem -70rem; width: 1.9rem; height: 1.8rem; }
.icon-share_mo { background-image: url(../img/sprite/sprite.png); background-position: -24.3rem -70rem; width: 1.9rem; height: 1.8rem; }

.icon-url-copy { background-image: url(../img/sprite/sprite.png); background-position: -27.2rem -70rem; width: 2.1rem; height: 2.1rem; }
.icon-url-copy_mo { background-image: url(../img/sprite/sprite.png); background-position: -27.2rem -70rem; width: 2.1rem; height: 2.1rem; }

.icon-print { background-image: url(../img/sprite/sprite.png); background-position: -30.3rem -70rem; width: 2.2rem; height: 2.1rem; }
.icon-print_mo { background-image: url(../img/sprite/sprite.png); background-position: -30.3rem -70rem; width: 2.2rem; height: 2.1rem; }

.icon-insta { background-image: url(../img/sprite/sprite.png); background-position: -33.5rem -70rem; width: 3.2rem; height: 3.2rem; }
.icon-insta_mo { background-image: url(../img/sprite/sprite.png); background-position: -33.5rem -70rem; width: 3.2rem; height: 3.2rem; }

.icon-facebook { background-image: url(../img/sprite/sprite.png); background-position: -37.7rem -70rem; width: 3.2rem; height: 3.2rem; }
.icon-facebook_mo { background-image: url(../img/sprite/sprite.png); background-position: -37.7rem -70rem; width: 3.2rem; height: 3.2rem; }

.icon-nBlog { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -70rem; width: 3.2rem; height: 3rem; }
.icon-nBlog_mo { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -70rem; width: 3.2rem; height: 3rem; }

.icon-twitter { background-image: url(../img/sprite/sprite.png); background-position: -46.1rem -70rem; width: 3.2rem; height: 3.2rem; }
.icon-twitter_mo { background-image: url(../img/sprite/sprite.png); background-position: -46.1rem -70rem; width: 3.2rem; height: 3.2rem; }

.icon-youtube { background-image: url(../img/sprite/sprite.png); background-position: -50.3rem -70rem; width: 3.2rem; height: 2.4rem; }
.icon-youtube_mo { background-image: url(../img/sprite/sprite.png); background-position: -50.3rem -70rem; width: 3.2rem; height: 2.4rem; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: inherit; color: inherit; box-sizing: border-box; }

dl, ul, ol, menu, li { list-style: none; }

fieldset, img { border: 0 none; box-sizing: border-box; }

input, select, textarea, button{ -webkit-appearance: none; appearance: none; }
select { border: 1px solid #d5d5d5; padding: 4px 6px;} /* 240223 pjs */

input, select, textarea, button { vertical-align: middle; margin: 0; padding: 0; font-family: inherit; box-sizing: border-box; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

button { border: 0 none; background-color: transparent; cursor: pointer; box-sizing: border-box; line-height: 1; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; box-sizing: border-box; }

input, textarea, img { max-width: 100%; }

a, a:hover, a:visited, a:active { text-decoration: none; }

sup { font-size: small; vertical-align: text-top; }

sub { font-size: small; vertical-align: text-bottom; }

select::-ms-expand { display: none; }

/* Hide Native Arrow IE 10, 11 */
table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }

table caption { overflow: hidden; position: absolute; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* HTML5 for older browsers */
section, main { display: block; }

img { vertical-align: top; }

strong, em { font-weight: normal; }

::before, ::after, :before, :after {box-sizing: border-box;}

/* pjs 추가 시작 */
.btn_m{ align-items: center; font-size: 1.5rem; font-weight: 500; height: 4rem; min-width: 10rem; background: #0083ce; color: #fff; padding: 0 1.6rem; border-radius: 0.2rem; transition: all .2s ease .1s;}
.btn_area{ margin:20px 0 20px 0; padding:0 20px 0 0;}
.AR{ text-align: right !important;}
.AC{ text-align: center !important;}
.AL{ text-align: left !important;}
input.inp{color: #111; background-color: #fff; width: 100%; border: 1px solid #d5d5d5; border-radius: 0.2rem; height: 4rem; font-size: 1.5rem; padding: 0 3.5rem 0 1.3rem;}
.pdSmall th,
.pdSmall td{ padding: 1rem 3rem !important;}
.scroll{ overflow:auto;}

.table_top{ position:relative; overflow:hidden; margin:0 0 10px 0; padding: 1rem 0rem;}
.bbs_search_num{ font-weight:600; font-size:16px;}
/*.bbs_sel_count{ width:120px;}*/
.table_top select{border: 1px solid #d5d5d5; border-radius: 0.2rem; height: 4rem; appearance:auto; width:120px; position:absolute; right:0; top:0; padding: 0 3.5rem 0 1.3rem;}

.table01{ border-top: 1px solid #0083ce; width:100%; border-collapse: separate; border-spacing: 0; table-layout:auto;}
.table01 thead tr th{ height: 7rem; padding: 1rem 2.4rem; text-align: center; vertical-align: middle; font-weight: 500; color: #111; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background:#f9f9f9;}
.table01 thead tr th:last-child{ border-right:none}
.table01 tbody tr th{ height: 7rem; padding: 1rem 2.4rem; text-align: center; vertical-align: middle; font-weight: 500; color: #111; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background:#f9f9f9;}
.table01 tbody tr th:last-child{ border-right:none}
.table01 tbody tr td{ height: 7rem; padding: 1rem 2.4rem; vertical-align: middle; text-align: center; color: #111; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.table01 tbody tr td:last-child{ border-right:none}
.table01.tdLeft td{ text-align:left}
.table01.pdSmall th,
.table01.pdSmall td{ padding:1.2rem !important; height:auto !important;}

/* 환경DB검색 : 환경분야 소·부·장 정보 : 상세 전용 */
.table02 tbody tr th{ color: #111; font-size: 1.58rem; padding: 1rem 3rem !important;}
.table02 tbody tr td{ color: #888 !important; font-size: 1.58rem; padding: 1rem 3rem !important;}


.bottomArea2 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-pack: end; justify-content: flex-end; border-top: 1px solid #e9e9e9; padding-top: 4rem;}
.bottomArea2{}

.bottomArea2 .unitBtn button { 
    -ms-flex: 1;
    flex: 1;
    min-width: auto;}
.corp_tit{ font-size:1.8rem; margin:1rem 0; font-weight:500;}

.info_txt{ color:#646464; margin:10px 0 0 0;}
.info_txt2{ color:#757575; font-size: 1.8rem;}
.m_ver{ display:none}


/* pjs 1219 추가 */
.dis_bk { display:block; overflow:hidden; position:relative;}
.dis_ib { display: inline-block; }
.dis_no { display: none;}

input.p_inp{border: 1px solid #d5d5d5; border-radius: 0.2rem; height: 4rem; font-size: 1.5rem; padding: 0 3.5rem 0 1.3rem;}
select.p_sel{ width: 100%; height: 4rem; background:#fff; color: #555; font-family: inherit; font-size: inherit;
    padding: 0 4rem 0 1.5rem;
    border: 1px solid #d5d5d5;
    appearance: auto !important;
}

.direc_search_wrap{ position:relative; border-top: 0.2rem solid #0083ce; background-color: #f2f9fd; padding: 2rem;}
.direc_search_wrap .p_inp{ width:100%;}
.web_warch_wrap{ width:720px;}

.field_dep_wrap + .direc_search_box{ margin-top: 2rem;}

.direc_search_box{ display: flex; flex-direction: column; gap: 10px;}

.direc_search_item{ display: flex; gap: 1rem;}
.direc_search_item .option_box{ width: 26rem; display: flex; justify-content: center; align-items: center; gap: 10px;}

.direc_search_item .p_inp{ width: calc(100% - 27rem);}

@media (max-width: 640px){
	.direc_search_item{ flex-direction: column; gap: 5px;}
	.direc_search_item .option_box{ justify-content: flex-start; width: 100%;}
    .direc_search_item .option_box .btn_search02{ margin-top: 1rem; height: 5.9rem;}
    .direc_search_item .p_inp{ width: 100%;}
}

.btn_search02{ width: 100%; height: 4rem; background: #0083ce; border: 1px solid #d5d5d5; color: #fff; font-size: 15px; font-weight: 600;}

.direc_search_item .option_box input[type="checkbox"]{ -webkit-appearance: checkbox; appearance: checkbox;}
.direc_search_item .option_box label{ cursor: pointer;}

.tit02{ background: #fff; border: 1px solid #0083ce; color: #0083ce; font-weight: 600; height: 54px; line-height: 54px; font-size: 15px; text-align: center; margin-bottom: 20px;}

.tab_01{ display:table; width:100%; table-layout:fixed; margin-top:15px;}
.tab_01 li{ display:table-cell;}
.tab_01 li button{ width:100%; height:54px; line-height:54px; color:#111; font-size:15px; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-bottom:1px solid #0083ce; background:#fff;}
.tab_01 li:first-child button{ border-left:1px solid #d5d5d5;}
.tab_01 li.on button{ border:1px solid #0083ce; color:#0083ce; font-weight:600;}

.btn_search{ width:120px; height:108px; line-height:108px; background:#0083ce; border:1px solid #d5d5d5; color:#fff; font-size:15px; font-weight:600; position:absolute; right:20px; top:20px;}

.direcDevContS{ background:#f2f9fd; padding:0 20px 10px 20px; }

.field_dep_wrap{ display:table; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; background:#fff; width:100%;}
.field_dep_wrap > li{ display:table-cell; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding:7px 0 7px 0;}
.field_dep_wrap > li:nth-child(1){ width:152px;}
.field_dep_wrap > li:nth-child(2){}
.field_dep_wrap > li:nth-child(3){ padding:10px 15px 15px 15px;}

.field_dep > li > button{ width:100%; text-align:left; padding-left:20px; height:30px; line-height:30px; font-size:14px; color:#555;}
.field_dep.dep1 > li.on > button{ color:#439827; font-weight:600; background:url(../img/common/icon_arrow_left_green.png) no-repeat right 10px center #eef7ec;}
.field_dep.dep2 > li.on > button{ color:#000; font-weight:600; background:url(../img/common/icon_arrow_left.png) no-repeat right 10px center #f5f5f5;}

.field_dep3{ display:table;}
.field_dep3 > li{ margin-bottom:6px;}
.field_dep3 > li:last-child{ margin-bottom:0;}
.field_dep3 > li > span{ display:table-cell; font-size:14px; color:#111; font-weight:500; min-width:84px; padding-right:12px;}
.field_dep3 > li > div{ display:table-cell;}
.field_dep3 button{ font-size:14px; color:#555; height:26px; line-height:26px; margin-right:10px; padding:0 4px; background:#fff; box-sizing: border-box;}
.field_dep3 button.on{ color:#439827; border-radius:5px; border:1px solid #439827;}

.field_dep_wrap2{ padding:15px; border:1px solid #d5d5d5; border-radius:2px; background:#fff;}

.btn_reset_reset{ text-align:right; padding:0 20px 15px 0; background:#f2f9fd;}
.btn_reset{ color:#111; font-size:14px; background:url("../img/common/icon_reset.png") no-repeat left 10px center; padding:0 0 0 28px; height:26px; line-height:26px;}

.search_helf {margin-top:50px; min-height:820px; border-top: 2px solid #ddd; padding-top:50px;}
.search_helf p {line-height:25px; font-size:1.2em; }

.search_word_list{ position:absolute; border:2px solid #101010 !important; left:0; top:75px; border-radius:0.6rem; width:800px; background:#fff; padding:20px; display:none;}
.search_word_list li{ margin-bottom:4px;}
.search_word_list li a{ display:inline-block; color:#101010; font-size:17px;}
.search_word_list li a:hover{ text-decoration:underline;}
.search_word_list.on{ display:block;}

.no_sarch_word01{ font-size:24px !important; font-weight:500; color:#555; padding-top:130px; background:url(../img/common/icon_no_search.png) no-repeat top center; text-align:center; margin-bottom:20px;}
.no_sarch_word02{ font-size:18px !important; color:#555; line-height:26px; text-align:center;}

/* pjs 1219 추가 끝 */

@media (max-width: 640px){
	.bottomArea2 .unitBtn { width:100%;}
	.m_ver{ display:block;}
	
	/* pjs 1219 추가 */
	.web_warch_wrap{ width:100%;}
	.btn_search{ height:50px; line-height:50px; position:relative; right:auto; top:auto; width:100%; margin-top:15px;}
	.field_dep_wrap > li:nth-child(1){ display:none;}
	.field_dep_wrap > li:nth-child(2){ display:none;}
	
	.field_dep_wrap{ margin-top:15px;}
	.field_dep3 > li > span { display:block; min-width:auto; padding-right: 12px;}
	
	.search_word_list{ position:absolute; left:0; top:4.9rem; border-radius:0.6rem; width:100%; background:#fff; padding:10px;}
	.search_word_list li{ margin-bottom:4px;}
	
}

@keyframes aniFocus { from { outline: 1px solid rgba(0, 131, 206, 0.5);
        /*background-color:rgba(0,131,206,.2);*/ }
    to { outline: 1px solid transparent;
        /*background-color:inherit;*/ } }

:focus { animation-name: aniFocus; animation-duration: .5s; }

/* NotoSansKr */
@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 100; src: url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"), url("../fonts/NotoSansKR-Thin.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 300; src: url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"), url("../fonts/NotoSansKR-Light.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 350; src: url("../fonts/NotoSansKR-DemiLight.woff2") format("woff2"), url("../fonts/NotoSansKR-DemiLight.woff") format("woff"), url("../fonts/NotoSansKR-DemiLight.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 400; src: url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"), url("../fonts/NotoSansKR-Regular.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 500; src: url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"), url("../fonts/NotoSansKR-Medium.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 700; src: url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"), url("../fonts/NotoSansKR-Bold.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 900; src: url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"), url("../fonts/NotoSansKR-Black.otf") format("opentype"); }

/* NanumSquare */
@font-face { font-family: 'Nanumsquare'; font-style: normal; font-weight: 300; src: url("../fonts/NanumSquare_acL.woff") format("woff"); }

@font-face { font-family: 'Nanumsquare'; font-style: normal; font-weight: 400; src: url("../fonts/NanumSquare_acR.woff") format("woff"); }

@font-face { font-family: 'Nanumsquare'; font-style: normal; font-weight: 500; src: url("../fonts/NanumSquare_acB.woff") format("woff"); }

@font-face { font-family: 'Nanumsquare'; font-style: normal; font-weight: 700; src: url("../fonts/NanumSquare_acEB.woff") format("woff"); }

/* font color */
.txt-black { color: #111; }

.txt-white { color: #fff; }

.txt-gray { color: #e8e8e8; }

.txt-darkGray { color: #bbb; }

.txt-darkGray2 { color: #888 !important; }

.txt-darkGray3 { color: #444; }

.txt-lightGray { color: #f0f0f0; }

.txt-whiteGray { color: #f9f9f9; }

.txt-blue { color: #0083ce; }

.txt-blue2 { color: #002ec4; } /* 231122 pjs */

.txt-darkBlue { color: #3d4e66; }

.txt-green { color: #439827; }

.txt-lightGreen { color: #acc200; }

.txt-orange { color: #ff5500; }

.txt-red { color: #f50000; }

.fd_unLine{text-decoration: underline;} /* 231122 pjs */

/* tag */
[class^='tagUnit'] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-pack: center; justify-content: center; display: -ms-inline-flexbox; display: inline-flex; background-color: #fff; border-radius: .2rem; border: 1px solid #bbb; font-size: 1.3rem; font-weight: 500; min-width: 6.7rem; height: 2.4rem; }

[class^='tagUnit'].typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [class^='tagUnit'] { font-size: 1.2rem; } }

.tagUnit.black { color: #111; border-color: #111; }

.tagUnit.white { color: #fff; border-color: #fff; }

.tagUnit.gray { color: #e8e8e8; border-color: #e8e8e8; }

.tagUnit.darkGray { color: #bbb; border-color: #bbb; }

.tagUnit.lightGray { color: #f0f0f0; border-color: #f0f0f0; }

.tagUnit.whiteGray { color: #f9f9f9; border-color: #f9f9f9; }

.tagUnit.blue { color: #0083ce; border-color: #0083ce; }

.tagUnit.darkBlue { color: #3d4e66; border-color: #3d4e66; }

.tagUnit.green { color: #439827; border-color: #439827; }

.tagUnit.lightGreen { color: #acc200; border-color: #acc200; }

.tagUnit.orange { color: #ff5500; border-color: #ff5500; }

.tagUnit.red { color: #f50000; border-color: #f50000; }

/* box tag */
[class^='tagBoxUnit'] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-pack: center; justify-content: center; display: -ms-inline-flexbox; display: inline-flex; background-color: #fff; border-radius: .2rem; font-size: 1.3rem; font-weight: 500; height: 2.4rem; padding: 0 1rem; }

[class^='tagBoxUnit'].typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [class^='tagBoxUnit'] { font-size: 1.2rem; } }

.tagBoxUnit.black { color: #111; background-color: rgba(17, 17, 17, 0.06); }

.tagBoxUnit.white { color: #fff; background-color: rgba(255, 255, 255, 0.06); }

.tagBoxUnit.gray { color: #e8e8e8; background-color: rgba(232, 232, 232, 0.06); }

.tagBoxUnit.darkGray { color: #bbb; background-color: rgba(187, 187, 187, 0.06); }

.tagBoxUnit.lightGray { color: #f0f0f0; background-color: rgba(240, 240, 240, 0.06); }

.tagBoxUnit.whiteGray { color: #f9f9f9; background-color: rgba(249, 249, 249, 0.06); }

.tagBoxUnit.blue { color: #0083ce; background-color: rgba(0, 131, 206, 0.06); }

.tagBoxUnit.darkBlue { color: #3d4e66; background-color: rgba(61, 78, 102, 0.06); }

.tagBoxUnit.green { color: #439827; background-color: rgba(67, 152, 39, 0.06); }

.tagBoxUnit.lightGreen { color: #acc200; background-color: rgba(172, 194, 0, 0.06); }

.tagBoxUnit.orange { color: #ff5500; background-color: rgba(255, 85, 0, 0.06); }

.tagBoxUnit.red { color: #f50000; background-color: rgba(245, 0, 0, 0.06); }

/* line box tag */
[class^='tagLineBoxUnit'] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-pack: center; justify-content: center; display: -ms-inline-flexbox; display: inline-flex; background-color: #fff; color: #111; border: 1px solid #111; border-radius: .2rem; font-size: 1.3rem; font-weight: 500; height: 2.4rem; padding: 0 1rem; }

[class^='tagLineBoxUnit'].typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [class^='tagLineBoxUnit'] { font-size: 1.2rem; } }

.tagLineBoxUnit.black { border-color: #111; }

.tagLineBoxUnit.white { border-color: #fff; }

.tagLineBoxUnit.gray { border-color: #e8e8e8; }

.tagLineBoxUnit.darkGray { border-color: #bbb; }

.tagLineBoxUnit.lightGray { border-color: #f0f0f0; }

.tagLineBoxUnit.whiteGray { border-color: #f9f9f9; }

.tagLineBoxUnit.blue { border-color: #0083ce; }

.tagLineBoxUnit.darkBlue { border-color: #3d4e66; }

.tagLineBoxUnit.green { border-color: #439827; }

.tagLineBoxUnit.lightGreen { border-color: #acc200; }

.tagLineBoxUnit.orange { border-color: #ff5500; }

.tagLineBoxUnit.red { border-color: #f50000; }

/* scroll */
@media (min-width: 1224px) { ::-webkit-scrollbar {width: 1.5rem;}
    ::-webkit-scrollbar-track {border-radius: 3rem;}
    ::-webkit-scrollbar-thumb {background: rgba(0, 131, 206, 0.2);background-clip: padding-box;border: 0.5rem solid transparent;border-radius: 3rem;}
    ::-webkit-scrollbar-thumb:hover { background: rgba(0, 131, 206, 0.8); background-clip: padding-box; border: 0.5rem solid transparent; border-radius: 3rem; } }

/* margin */
.mt10 { margin-top: 1rem; }

@media (max-width: 1224px) { .mt10 { margin-top: .5rem; } }

.mt20 { margin-top: 2rem; }

@media (max-width: 1224px) { .mt20 { margin-top: 1rem; } }

.mt30 { margin-top: 3rem; }

@media (max-width: 1224px) { .mt30 { margin-top: 1.5rem; } }

.mt40 { margin-top: 4rem; }

@media (max-width: 1224px) { .mt40 { margin-top: 2rem; } }

.mt50 { margin-top: 5rem; }

@media (max-width: 1224px) { .mt50 { margin-top: 2.5rem; } }

.mt60 { margin-top: 6rem; }

@media (max-width: 1224px) { .mt60 { margin-top: 3rem; } }

.ml10 { margin-left: 1rem; }

@media (max-width: 1224px) { .ml10 { margin-left: .5rem; } }

.ml20 { margin-left: 2rem; }

@media (max-width: 1224px) { .ml20 { margin-left: 1rem; } }

.ml30 { margin-left: 3rem; }

@media (max-width: 1224px) { .ml30 { margin-left: 1.5rem; } }

.ml40 { margin-left: 4rem; }

@media (max-width: 1224px) { .ml40 { margin-left: 2rem; } }

:root, html { font-size: 10px; }

html, body { overflow: auto; }

@media (max-width: 1224px) { html, body { overflow: auto; } }

body { font-family: 'NotoSansKr','NanumSquare',sans-serif; font-size: 1.5rem; line-height: 1.4; color: #555; background-color: #fff; letter-spacing: -0.02em; word-break: keep-all; overflow-x: hidden; position: relative; }

body.isFixed { height: 100% !important; overflow: hidden !important; }

@media (max-width: 1224px) { body { font-size: 1.4rem; } }

.dim { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 99999; }

textarea { width: 100%; padding: 1.6rem; font-size: inherit; }

.breakAll { word-break: break-all; }

i[class*='icon-'] { overflow: hidden; display: inline-block; white-space: nowrap; text-indent: 300%; box-sizing: content-box; /*vertical-align:top;*/ }

.ui-datepicker { display: none; background-color: #fff; border-radius: .4rem; margin-top: 1rem; margin-left: 0; margin-right: 0; padding: 2rem 2rem 1rem; width: 30rem; box-shadow: 1rem 1rem 4rem rgba(0, 0, 0, 0.1); border: 1px solid #eee; }

@media (max-width: 1224px) { .ui-datepicker { left: 50% !important; transform: translateX(-50%) !important; } }

.ui-datepicker .ui-datepicker-header { position: relative; padding: 1rem 0; border: none; background: #fff; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title { margin: 0; line-height: 1.4; text-align: center; font-size: inherit; padding: 0; font-weight: bold; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year { font-weight: 500; border-radius: 0.5rem; font-size: 1.6rem; padding: 0 3rem 0 1.2rem; width: auto; border: none; background: #fff url(../img/common/select_arrow.png) no-repeat center right 1.2rem; margin: -.4rem 0 .7rem; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month { margin-left: 1rem; font-weight: 500; border-radius: 0.5rem; font-size: 1.6rem; padding: 0 3rem 0 1.2rem; width: auto; border: none; background: #fff url(../img/common/select_arrow.png) no-repeat center right 1.2rem; margin: -.4rem 0 .7rem; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev { cursor: pointer; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover { border: none; background-color: #fff; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span { background: url("../img/common/cal_arrow_left.png") no-repeat center left; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-next { cursor: pointer; float: right; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover { border: none; background-color: #fff; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-next span { background: url("../img/common/cal_arrow_right.png") no-repeat center right; }

.ui-datepicker .ui-datepicker-calendar { width: 100%; }

.ui-datepicker .ui-datepicker-calendar > thead > tr > th { font-size: inherit !important; padding: .5rem; font-size: inherit; font-weight: normal; }

.ui-datepicker .ui-datepicker-calendar > thead > tr > th:first-child a { color: #f50000; }

.ui-datepicker .ui-datepicker-calendar > thead > tr > th:last-child a { color: #0083ce; }

.ui-datepicker .ui-datepicker-calendar tbody tr td { border-radius: 100%; width: 4.4rem; height: 3rem; cursor: pointer; padding: .5rem; text-align: center; font-size: inherit; }

.ui-datepicker .ui-datepicker-calendar tbody tr td:hover { background-color: transparent; opacity: .6; }

.ui-datepicker .ui-datepicker-calendar tbody tr td:first-child a { color: #f50000; }

.ui-datepicker .ui-datepicker-calendar tbody tr td:last-child a { color: #0083ce; }

.ui-datepicker .ui-datepicker-calendar tbody tr td:last-child a:hover { cursor: auto; background-color: #fff; }

.ui-datepicker .ui-datepicker-calendar tbody tr td a { color: #000; font-size: inherit !important; font-weight: normal !important; text-decoration: none; border: none; background-color: #fff; width: 2.5rem; height: 2.5rem; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.ui-datepicker .ui-datepicker-calendar tbody tr td a:hover { border: none; background-color: transparent; font-weight: normal; color: #111; }

.ui-datepicker .ui-datepicker-calendar tbody tr td a:focus { border: none; background-color: transparent; font-weight: normal; color: #111; }

.ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-disabled { cursor: auto; color: #cccccc; }

.ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-highlight { background: #f1f1f1 !important; color: #111 !important; }

.ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-active { background: #0083ce !important; color: #fff !important; }

.ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-priority-secondary { opacity: .5; }

header { width: 100%; margin: auto; z-index: 3; position: relative; }

header .topArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 4rem; -ms-flex-pack: end; justify-content: flex-end; max-width: 122.4rem; margin: auto; z-index: 1; position: relative; transition: all .2s ease .1s; padding: 1.3rem 0;}

header .topArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

header .topArea button { font-size: 1.8rem; height: 3.6rem; }

/* 240320 */
header .topArea .search_box{ position: relative; width: 21rem; height: 3.4rem; border-radius: 100px; padding: 1px; background: linear-gradient(90deg, rgba(67,152,39,1) 0%, rgba(172,194,0,1) 50%, rgba(238,119,0,1) 100%); }
header .topArea .search_box input{ background: #fff; border-radius: 100px; width: 100%; height: 100%; padding:0 0 0 1.5rem; border: none;}
header .topArea .search_box input::placeholder{ font-size: 1.5rem; color: #b2b2b2;}
header .topArea .search_box button{ position: absolute; top: 50%; transform: translateY(-50%); right: 1.5rem;}

@media (max-width: 1224px){
    header .topArea .search_box{ display: none;}
}

header nav { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 6.4rem; -ms-flex-pack: start; justify-content: flex-start; max-width: 122.4rem; height: 4.8rem; width: 100%; z-index: 1; position: relative; margin: auto; }

header nav.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

header nav .left { min-width: 20.8rem; }

header nav .center { width: 100%; font-family: 'Nanumsquare'; }

header nav .center .dep01 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8.5rem; -ms-flex-pack: end; justify-content: space-around; font-size: 2rem; font-weight: 500; color: #111;}

header nav .center .dep01.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

header nav .center .dep01 > li { position: relative; }

header nav .center .dep01 > li > a { display: block; padding: 1rem 0; border-bottom: 0.2rem solid transparent; }

header nav .center .dep01 > li > a.current { color: #439827; border-bottom: 0.2rem solid #439827; }

header nav .center .dep01 > li .dep02 { display: none; position: absolute; top: 6rem; /*left:36.5rem;*/ font-size: 1.6rem; font-weight: 400; color: #555; width: 100%;}

header nav .center .dep01 > li .dep02:after { content: ''; display: block; clear: both; }

header nav .center .dep01 > li .dep02 li { width: 100%; min-width: 19rem; display: inline-block; margin-bottom: 1.5rem; position: relative; }

header nav .center .dep01 > li .dep02 li:before { content: ''; position: absolute; top: .8rem; width: .5rem; height: .5rem; background-color: #bbb; display: block; left: 0; border-radius: 50%; transition: all .2s ease .1s; margin-top: -.1rem; }

header nav .center .dep01 > li .dep02 li a { display: block; padding: 0 0rem 0 1.2rem; letter-spacing: -.8px; transition: all .2s ease .1s; }

header nav .center .dep01 > li .dep02 li:hover:before { background-color: #0083ce; }

header nav .center .dep01 > li .dep02 li:hover a { color: #0083ce; font-weight: 500; }

header nav .right { min-width: 2.2rem; text-align: right; display: none; }

header nav .right .topIcon button { padding: 1rem 0; }

header nav .right .topIcon button.btnOpen { display: inline-block; }

header nav .right .topIcon button.btnClose { display: none; }

header .bg { width: 100vw; height: 32rem; /* background-image: url("../img/common/gnb_subBg.png"); background-position: center bottom; background-repeat: no-repeat; */ background-image: none !important; position: absolute; top: -41.2rem; left: 0; background-color: #fff; border-bottom: 1px solid #ddd; transition: all 0.1s;}

header .bg .subTit { font-size: 3.8rem; color: #111; font-weight: 800; font-family: 'Nanumsquare'; position: absolute; top: 10rem; left: calc(50% - 59rem); opacity: 0; margin-top: -7rem; transition: all .5s ease .1s; display: none; }

header .bg.isActive { top: 0; }

header .bg.isActive .subTit { opacity: 1; margin-top: 0; }

header.allMenuActive { padding-top: 3.6rem; }

header.allMenuActive .topArea { position: absolute; left: calc(50% + 38.5rem); margin-top: .5rem; z-index: 2; }

header.allMenuActive nav { -ms-flex-pack: end; justify-content: flex-end; }

header.allMenuActive nav .left { display: none; }

header.allMenuActive nav .center { position: absolute; margin-top: 9rem; }

header.allMenuActive nav .center .dep01 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2.4rem; -ms-flex-pack: distribute; justify-content: space-around; font-size: 1.9rem; font-weight: 500; color: #111; }

header.allMenuActive nav .center .dep01.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

header.allMenuActive nav .center .dep01 > li { -ms-flex: 1; flex: 1; position: relative; }

header.allMenuActive nav .center .dep01 > li > a { color: #439827; }

header.allMenuActive nav .center .dep01 > li > a.current { border-bottom: 0.2rem solid transparent; }

header.allMenuActive nav .center .dep01 > li .dep02 { display: block !important; position: absolute; top: 6rem; left: 0; width: 100%; }

header.allMenuActive nav .center .dep01 > li .dep02 li { width: 100%; display: block; margin-bottom: -.5rem; position: relative; }

header.allMenuActive nav .center .dep01 > li .dep02 li:before { top: 2rem; }

header.allMenuActive nav .center .dep01 > li .dep02 li a { display: block; padding: 1rem 0 1rem 1.4rem; transition: all .2s ease .1s; }

header.allMenuActive nav .center .dep01 > li .dep02 li:hover:before { background-color: #0083ce; }

header.allMenuActive nav .center .dep01 > li .dep02 li:hover a { color: #0083ce; font-weight: 500; }

header.allMenuActive nav .right .topIcon button { padding: 1rem 0; }

header.allMenuActive nav .right .topIcon button.btnOpen { display: none; }

header.allMenuActive nav .right .topIcon button.btnClose { display: inline-block; }

header.allMenuActive .bg { top: 8rem; }

header.allMenuActive .bg .subTit { display: none; }

@media (max-width: 1224px) { header { padding: 0 1.6rem; }
    header .topArea { display: none;}
    header nav { gap: 0; -ms-flex-pack: justify; justify-content: space-between; max-width: 100%; height: 100%; padding-top: 1.2rem; }
    header nav .left { min-width: 21.3rem; }
    header nav .left img { width: 15.2rem; }
    header nav .center { display: none; }
    header nav .center .dep01 { font-weight: 500; color: #111; gap: 0; -ms-flex-pack: start; justify-content: flex-start; font-size: 1.9rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    header nav .center .dep01 > li .dep02 { display: none; position: absolute; top: 8.6rem; left: 36.5rem; font-size: 1.7rem; font-weight: 400; color: #555; width: 76rem; float: left; }
    header nav .center .dep01 > li .dep02:after { content: ''; display: block; clear: both; }
    header nav .center .dep01 > li .dep02 li { width: 25rem; display: inline-block; margin-bottom: 2rem; position: relative; }
    header nav .center .dep01 > li .dep02 li:hover:before { background-color: #0083ce; }
    header nav .center .dep01 > li .dep02 li:hover a { color: #0083ce; font-weight: 500; }
    header nav .right { min-width: auto; display: block; }
    header nav .right .topIcon button { padding: 1rem 0; }
    header nav .right .topIcon button.btnOpen { display: inline-block; transform: scale(0.45); transform-origin: center right; }
    header nav .right .topIcon button.btnClose { display: none; transform: scale(0.4); transform-origin: center right; margin-top: -4.5rem; }
    header .bg { height: 1rem; top: 6.4rem; left: 0; background-size: cover; background-position: center bottom; background-image: url("../img/common/gnb_subBg_mo.png"); }
    header .bg .subTit { font-size: 1.9rem; color: #439827; position: absolute; top: 0; left: calc(50% - 0rem); margin-top: -7rem; transition: all .5s ease .1s; }
    header .bg.isActive { top: 0; }
    header .bg.isActive .subTit { opacity: 1; margin-top: 0; }
    header.allMenuActive { padding-top: 3.6rem; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; background-color: #fff; z-index: 10; }
    header.allMenuActive .topArea { position: absolute; left: calc(50% + 38.5rem); margin-top: .5rem; z-index: 2; padding-bottom: 1rem; border-bottom: 1px solid #0083ce; }
    header.allMenuActive nav { -ms-flex-pack: end; justify-content: flex-end; }
    header.allMenuActive nav .left { display: block; position: absolute; left: 0; top: -1.3rem; }
    header.allMenuActive nav .center { margin-top: 8.5rem; left: 0; display: block; top: 0; }
    header.allMenuActive nav .center .dep01 { gap: 0; }
    header.allMenuActive nav .center .dep01 > li { -ms-flex: auto; flex: auto; width: 100%; }
    header.allMenuActive nav .center .dep01 > li > a.current + .dep02 { display: block !important; }
    header.allMenuActive nav .center .dep01 > li .dep02 { position: relative; top: auto; display: none !important; }
    header.allMenuActive nav .center .dep01 > li .dep02 li { width: 100%; margin-bottom: 0; font-size: 1.6rem; padding-left: 1rem; transform: skew(0.1deg); background-image: url("../img/common/arrow.png"); background-size: 1.5rem 1.1rem; background-repeat: no-repeat; background-position: center right 1rem; }
    header.allMenuActive nav .center .dep01 > li .dep02 li:not(:last-child) { border-bottom: 1px solid #e8e8e8; }
    header.allMenuActive nav .center .dep01 > li .dep02 li:before { top: 50%; left: 1rem; transform: translateY(-50%); }
    header.allMenuActive nav .center .dep01 > li .dep02 li a { padding: 1.8rem 0 1.8rem 1.4rem; }
    header.allMenuActive nav .right .topIcon button { padding: 1rem 0; }
    header.allMenuActive nav .right .topIcon button.btnOpen { display: none; }
    header.allMenuActive nav .right .topIcon button.btnClose { display: block; position: absolute; top: 1rem; right: 0; }
    header.allMenuActive .bg { top: 6.4rem; height: 100%; background: #fff; }
    header.allMenuActive .bg .subTit { display: none; } }

@media (max-width: 1224px) and (max-width: 1224px) { 
    header.allMenuActive .topArea { display: -ms-flexbox; display: flex; left: 0; /* margin-top: 5rem; pjs*/ margin-top: 3rem; width: 100%; gap: 0; }
    header.allMenuActive .topArea button { -ms-flex: 1; flex: 1; font-size: 1.4rem; height: 2.2rem; }
    header.allMenuActive .topArea button + button { border-left: 1px solid #e8e8e8; }
}

footer { margin-top: 12rem; border-top: 1px solid #e8e8e8; background-color: #f5f5f5; position: relative;}


footer .swiperWrap { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 4rem; background-color: #fff; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; height: 8.2rem;}

footer .swiperWrap.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

footer .swiperWrap .btnArea { position: relative; margin-top: -1px;}

footer .swiperWrap .btnArea .btnAll { width: 6rem; min-width: 6rem; height: 8rem; background-color: #fafafa; border: 1px solid #ccc; padding: 0 1rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; display: none;}

footer .swiperWrap .btnArea .btnAll.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

footer .swiperWrap .btnArea [class^='swiper-button-'] { position: absolute; left: 0; width: 4rem; height: 4rem; border: 1px solid #ccc; top: 0; margin: auto; background: #fff; }

footer .swiperWrap .btnArea [class^='swiper-button-']:after { display: none; }

footer .swiperWrap .btnArea .swiper-button-next { bottom: 0; top: auto; border-bottom: none; }

footer .swiperWrap .swiperFooter { width: calc(100% - 14rem); max-width: calc(122.4rem - 4rem);}

footer .swiperWrap .swiperFooter .swiper-wrapper .swiper-slide a { display: block; text-align: center;}
footer .swiperWrap .swiperFooter .swiper-wrapper .swiper-slide a img{ width: auto !important; height: 52px;}

footer .infoWrap { max-width: 122.4rem; color: #888; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2.4rem; margin: auto; border-top: 1px solid #e8e8e8; margin-top: -1px; padding: 4rem 0 5rem; font-size: 1.3rem; -ms-flex-pack: justify; justify-content: space-between; }

footer .infoWrap.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

footer .infoWrap .leftArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2.4rem; width: 100%; }

footer .infoWrap .leftArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

footer .infoWrap .leftArea .infoCont { width: 100%; }

footer .infoWrap .leftArea .infoCont p { margin-top: 2.7rem; }

footer .infoWrap .leftArea .infoCont p span { display: block; margin-top: .8rem; }

footer .infoWrap .leftArea .btnCont { min-width: 28.8rem; width: 28.8rem; }

footer .infoWrap .leftArea .btnCont .unitBtn { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; gap: 0; }

footer .infoWrap .leftArea .btnCont .unitBtn button { min-width: 100%; -ms-flex-pack: start; justify-content: flex-start; padding: 0 2rem; position: relative; height: 3.8rem; color: #555; }

footer .infoWrap .leftArea .btnCont .unitBtn button i { position: absolute; top: 50%; transform: translateY(-50%); display: block; right: 2rem; }

footer .infoWrap .leftArea .btnCont .unitBtn button em { color: #0083ce; }

footer .infoWrap .leftArea .btnCont .unitBtn button + button { border-top: 1px solid #e8e8e8; }

footer .infoWrap .rightArea { min-width: 28.8rem; }

footer .infoWrap .rightArea .formSelect .selectBtn { background-color: #fff; }

@media (max-width: 1224px) { footer { padding: 0 1.6rem; margin-top: 8rem; }
    footer .swiperWrap { margin: 0 -1.6rem; -ms-flex-pack: justify; justify-content: space-between;}
    footer .swiperWrap .btnArea .btnAll { width: 4.7rem; min-width: 2.7rem; height: 5.9rem; font-size: 1.3rem; }
    footer .swiperWrap .btnArea [class^='swiper-button-'] { width: 3rem; height: 3rem; left: 2rem; }
    footer .swiperWrap .btnArea [class^='swiper-button-'] i { transform: scale(0.5); transform-origin: center; }
    footer .swiperWrap .btnArea .swiper-button-next { height: 2.9rem; }
    footer .swiperWrap .swiperFooter { width: calc(100% - 0rem); max-width: calc(100% - 0rem); padding-left: 1rem; }
    footer .infoWrap { max-width: 100%; display: block; padding: 27rem 0 4.4rem; }
    footer .infoWrap .leftArea { gap: 0; display: block; }
    footer .infoWrap .leftArea .infoCont img { width: 11rem; }
    footer .infoWrap .leftArea .infoCont p { font-size: 1.1rem; }
    footer .infoWrap .leftArea .btnCont { position: absolute; top: 8rem; left: 1.6rem; width: calc(100% - 3.2rem); }
    footer .infoWrap .leftArea .btnCont .unitBtn button i { transform: translateY(-50%) scale(0.5); transform-origin: center right; }
    footer .infoWrap .rightArea { min-width: auto; position: absolute; top: 25rem; width: calc(100% - 3.2rem); }
    footer .infoWrap .rightArea .formSelect { width: 100%; }
    footer .infoWrap .rightArea .formSelect .selectBtn { height: 4.5rem; } }

main > .contents { min-height: 50rem; }

@media (max-width: 1224px) { main { min-height: auto; } }

.al-center { text-align: center; }

.footBottomCorp { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 3rem 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.footBottomCorp.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.footBottomCorp .corp { width: calc(33% - .5rem); min-width: calc(33% - .5rem); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; }

.footBottomCorp .corp.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { .footBottomCorp .corp { width: calc(50% - .5rem); min-width: calc(50% - .5rem); } }

[data-language=ch-kr] header.allMenuActive nav .center .dep01 { font-weight: bold; font-size: 2.1rem; }

[data-language=ch-kr] header .bg.isActive .subTit { max-width: 35rem; }

[data-language=ch-kr] header nav .center .dep01 { font-weight: bold; font-size: 2.1rem; }

[data-language=ch-kr] [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .selectBtn { font-weight: bold; }

[data-language=ch-kr] [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .select .option a { font-weight: bold; }

[data-language=ch-kr] footer .infoWrap .leftArea .infoCont { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

[data-language=ch-kr] footer .infoWrap .leftArea .infoCont > img { width: 13.3rem; height: 5.2rem; }

[data-language=ch-kr] footer .infoWrap .leftArea .infoCont p { margin-top: 0; text-align: right; }

@media (max-width: 1224px) { [data-language=ch-kr] header nav .left img { width: 7.4rem; }
    [data-language=ch-kr] footer .infoWrap { padding: 4.4rem 0; }
    [data-language=ch-kr] footer .infoWrap .leftArea .infoCont { -ms-flex-direction: column; flex-direction: column; }
    [data-language=ch-kr] footer .infoWrap .leftArea .infoCont > img { height: 3.6rem; width: 9.2rem; margin-bottom: 2rem; }
    [data-language=ch-kr] footer .infoWrap .leftArea .infoCont p { text-align: left; } }

[data-language=ch-kr] [data-page^=sub-] .sec-subWrap .singleTit { width: 100%; font-size: 4rem; margin-top: -13rem; }

[data-language=en-kr] header.allMenuActive nav .center .dep01 { font-weight: bold; font-size: 2.1rem; }

[data-language=en-kr] header .bg.isActive .subTit { max-width: 35rem; }

[data-language=en-kr] header nav .center .dep01 { font-weight: bold; font-size: 2.1rem; gap: 10rem; }

[data-language=en-kr] header nav .center .dep01 > li .dep02 li { min-width: 16rem; }

[data-language=en-kr] [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .selectBtn { font-weight: bold; }

[data-language=en-kr] [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .select .option a { font-weight: bold; }

[data-language=en-kr] footer .infoWrap .leftArea .infoCont { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

[data-language=en-kr] footer .infoWrap .leftArea .infoCont > img { width: 13.3rem; height: 5.2rem; }

[data-language=en-kr] footer .infoWrap .leftArea .infoCont p { margin-top: 0; text-align: right; }

@media (max-width: 1224px) { [data-language=en-kr] header nav .left img { width: 7.4rem; }
    [data-language=en-kr] footer .infoWrap { padding: 4.4rem 0; }
    [data-language=en-kr] footer .infoWrap .leftArea .infoCont { -ms-flex-direction: column; flex-direction: column; }
    [data-language=en-kr] footer .infoWrap .leftArea .infoCont > img { height: 3.6rem; width: 9.2rem; margin-bottom: 2rem; }
    [data-language=en-kr] footer .infoWrap .leftArea .infoCont p { text-align: left; } }

[data-language=en-kr] [data-page^=sub-] .sec-subWrap .singleTit { width: 100%; font-size: 4rem; margin-top: -13rem; }

aside.mainPop { position: absolute; top: 0; left: 0; z-index: 1111; width: 40rem; background-color: #fff; border-radius: 1rem; overflow: hidden; box-shadow: 0 1rem 1rem 1rem rgba(0, 0, 0, 0.1); }

aside.mainPop .wrapper .topCont .btnClose { position: absolute; right: 1rem; top: 1rem; background-color: rgba(255, 255, 255, 0.5); padding: 1rem; border-radius: 1rem; }

aside.mainPop .wrapper .modalCont .contArea img { width: 100%; }

aside.mainPop .wrapper .bottomCont { padding: 1rem 1.5rem; border-top: 1px solid #f1f1f1; font-size: 1.2rem; }

@media (max-width: 1224px) { aside.mainPop { width: 33rem; left: 50% !important; transform: translateX(-50%); top: 2rem !important; border-radius: .5rem; }
    aside.mainPop .wrapper .topCont .btnClose { padding: 1rem; width: 3.4rem; height: 3.4rem; border-radius: .5rem; }
    aside.mainPop .wrapper .topCont .btnClose i { transform: scale(0.5); transform-origin: top left; }
    aside.mainPop .wrapper .bottomCont { font-size: 1.1rem; }
    aside.mainPop + aside.mainPop { margin-top: 5rem !important; } }

[data-page="main"] { position: relative; }

[data-page="main"] > .contents { width: 100%; max-width: 192rem; margin: auto; }

[data-page="main"] > .contents .sec-mainVisual { position: relative; }

[data-page="main"] > .contents .sec-mainVisual .visualText { position: absolute; color: #fff; z-index: 2; left: 50%; top: calc(50% + 10rem); transform: translate(-50%, -50%); }

[data-page="main"] > .contents .sec-mainVisual .visualText .tit { font-family: 'Nanumsquare'; font-size: 7rem; font-weight: 300; line-height: 1.2; text-align: center; letter-spacing: -0.5rem; }

[data-page="main"] > .contents .sec-mainVisual .visualText .tit .lineBreak { display: block; }

[data-page="main"] > .contents .sec-mainVisual .visualText .tit strong { font-weight: 700; }

[data-page="main"] > .contents .sec-mainVisual .visualText .desc { font-family: 'Nanumsquare'; font-size: 2.3rem; text-align: center; margin-top: 4rem; }

[data-page="main"] > .contents .sec-mainVisual .swiperWrap { position: relative; }

[data-page="main"] > .contents .sec-mainVisual .swiperWrap .swiperMainVisual .swiper-slide { height: 82.9rem; background-size: auto 82.9rem; background-position: center; background-repeat: no-repeat; cursor: move; }

[data-page="main"] > .contents .sec-mainVisual .swiperWrap .btnArea { position: absolute; width: 100%; bottom: 11rem; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

[data-page="main"] > .contents .sec-mainVisual .swiperWrap .btnArea .swiper-mainVisual-button-next { background: none; position: absolute; bottom: 28rem; right: 2rem; }

[data-page="main"] > .contents .sec-mainVisual .swiperWrap .btnArea .swiper-mainVisual-button-prev { background: none; position: absolute; bottom: 28rem; left: 2rem; }

[data-page="main"] > .contents .sec-mainVisual .swiperWrap .btnArea .indigator { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; gap: .5rem; }

[data-page="main"] > .contents .sec-mainVisual .swiperWrap .btnArea .indigator .swiper-pagination { position: relative; }

[data-page="main"] > .contents .sec-mainVisual .swiperWrap .btnArea .indigator .swiper-pagination .swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; background-color: #fff; opacity: .5; transition: all .2s ease .1s; margin: 0 .5rem; border-radius: 10rem; }

[data-page="main"] > .contents .sec-mainVisual .swiperWrap .btnArea .indigator .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; width: 2.4rem; }

[data-page="main"] > .contents .sec-mainVisual .swiperWrap .btnArea .indigator .swiper-mainVisual-auto-play { display: none; }

@media (max-width: 1224px) { [data-page="main"] > .contents .sec-mainVisual { position: relative; height: calc(100vh - 6.1rem); }
    [data-page="main"] > .contents .sec-mainVisual .visualText { width: 100%; top: 50%; }
    [data-page="main"] > .contents .sec-mainVisual .visualText .tit { font-size: 3rem; letter-spacing: -.1rem; }
    [data-page="main"] > .contents .sec-mainVisual .visualText .desc { display: none; }
    [data-page="main"] > .contents .sec-mainVisual .swiperWrap { position: relative; height: 100%; }
    [data-page="main"] > .contents .sec-mainVisual .swiperWrap .swiperMainVisual { height: 100%; }
    [data-page="main"] > .contents .sec-mainVisual .swiperWrap .swiperMainVisual .swiper-slide { height: 100%; background-size: auto 100%; }
    [data-page="main"] > .contents .sec-mainVisual .swiperWrap .btnArea { display: none; } }

[data-page="main"] > .contents .sec-mainTile { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-family: 'Nanumsquare'; }

[data-page="main"] > .contents .sec-mainTile .schArea { width: 50%; height: 30rem; background-color: #f5f5f5; padding: 8rem; }

[data-page="main"] > .contents .sec-mainTile .schArea .topRadio { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; gap: 2.4rem; margin-bottom: 2rem; }

[data-page="main"] > .contents .sec-mainTile .schArea .topRadio .tit { font-size: 2.1rem; font-weight: 500; color: #0083ce; }

[data-page="main"] > .contents .sec-mainTile .tileArea { width: 25%; height: 30rem; background-size: cover; background-position: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; }

[data-page="main"] > .contents .sec-mainTile .tileArea > span { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #fff; line-height: 1.4; font-size: 1.9rem; width: 26rem; height: 6.2rem; padding: 2rem 3rem; background-color: rgba(0, 131, 206, 0.8); border-radius: 10rem; font-weight: 500; transition: all .2s ease .1s; }

[data-page="main"] > .contents .sec-mainTile .tileArea > span p, [data-page="main"] > .contents .sec-mainTile .tileArea > span .tileSub { width: 100%; font-size: 1px; line-height: 1.4; font-weight: 400; margin-top: -4rem; opacity: 0; overflow: hidden; transition: all .2s ease .1s; }
[data-page="main"] > .contents .sec-mainTile .tileArea > span p{ display: none;}

[data-page="main"] > .contents .sec-mainTile .tileArea.tile01 { background-image: url("../img/main/main_tile_01.jpg"); }

[data-page="main"] > .contents .sec-mainTile .tileArea.tile02 { background-image: url("../img/main/main_tile_02.jpg"); }

[data-page="main"] > .contents .sec-mainTile .tileArea.tile03 { background-image: url("../img/main/main_tile_03.jpg"); }

[data-page="main"] > .contents .sec-mainTile .tileArea.tile04 { background-image: url("../img/main/main_tile_04.jpg"); }

[data-page="main"] > .contents .sec-mainTile .tileArea.tile05 { background-image: url("../img/main/main_tile_05.jpg"); }

[data-page="main"] > .contents .sec-mainTile .tileArea.tile06 { background-image: url("../img/main/main_tile_06.jpg"); }

[data-page="main"] > .contents .sec-mainTile .tileArea:hover > span { position: absolute; width: 100%; height: 30rem; border-radius: 0; font-size: 3.1rem; max-height: 100%; }

[data-page="main"] > .contents .sec-mainTile .tileArea:hover > span p, [data-page="main"] > .contents .sec-mainTile .tileArea:hover > span .tileSub { font-size: 1.5rem; opacity: 1; margin-top: 1.5rem; }

@media (max-width: 1224px) { [data-page="main"] > .contents .sec-mainTile { display: block; }
    [data-page="main"] > .contents .sec-mainTile .schArea { width: 100%; height: auto; padding: 4rem 1.8rem; }
    [data-page="main"] > .contents .sec-mainTile .schArea .topRadio { display: block; margin-bottom: 2rem; }
    [data-page="main"] > .contents .sec-mainTile .schArea .topRadio .tit { font-size: 1.6rem; margin-bottom: 2rem; }
    [data-page="main"] > .contents .sec-mainTile .tileArea { width: 100%; height: 17rem; }
    [data-page="main"] > .contents .sec-mainTile .tileArea > span { font-size: 1.5rem; min-width: 22rem; padding: 2.2rem 3.5rem; }
    [data-page="main"] > .contents .sec-mainTile .tileArea:hover > span { font-size: 1.8rem; }
    [data-page="main"] > .contents .sec-mainTile .tileArea:hover > span p, [data-page="main"] > .contents .sec-mainTile .tileArea:hover > span .tileSub { display: none; } }

[data-page="main"] > .contents .sec-mainMainBiz { position: relative; height: 34rem; margin-top: 10rem; }

[data-page="main"] > .contents .sec-mainMainBiz h2 { position: absolute; font-size: 4.3rem; font-weight: 700; left: 60%; color: #fff; z-index: 1; margin: 5rem 0 0 4rem; }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap { width: 60%; position: absolute; left: 0; top: 4rem; z-index: 1; }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide { height: 30rem; background-size: auto 100%; background-repeat: no-repeat; background-position: center right; overflow: hidden; cursor: move; }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide.biz01 { background-image: url("../img/main/main_biz_01.jpg"); }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide.biz02 { background-image: url("../img/main/main_biz_02.jpg"); }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide.biz03 { background-image: url("../img/main/main_biz_03.jpg"); }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide.biz04 { background-image: url("../img/main/main_biz_04.jpg"); }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide .textArea { width: 49.6rem; height: 100%; position: absolute; color: #fff; font-family: 'Nanumsquare'; top: 0; right: 0; }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide .textArea .tit { font-size: 3.3rem; font-weight: 700; margin: 5rem 0 2.8rem; }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide .textArea .desc { font-size: 1.7rem; color: #fff; }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide .textArea .desc span { display: block; }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide .textArea .num { position: absolute; line-height: 1; bottom: -2.3rem; left: 0; font-size: 10rem; font-weight: 900; font-family: 'NotoSansKr'; }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .btnArea { position: absolute; right: -19rem; top: 12.5rem; width: 15rem; }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .btnArea .pagin-mainBiz { position: relative; color: rgba(255, 255, 255, 0.5); font-family: 'Nanumsquare'; text-align: left; font-size: 2.1rem; }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .btnArea .pagin-mainBiz .swiper-pagination-current { color: white; }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .btnArea .pagin-mainBiz-dot { position: relative; text-align: left; margin-left: -.5rem; margin-right: .5rem; display: inline-block; }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .btnArea .pagin-mainBiz-dot .swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; background-color: #fff; opacity: .5; transition: all .2s ease .1s; margin: 0 .5rem; border-radius: 10rem; }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .btnArea .pagin-mainBiz-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; width: 2.4rem; }

[data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .btnArea .swiper-mainBiz-auto-play { display: none; }

[data-page="main"] > .contents .sec-mainMainBiz .bgArea { height: 28rem; width: 60%; position: absolute; right: 0; top: 0; background-image: url("../img/main/main_biz_bg.jpg"); }

@media (max-width: 1224px) { [data-page="main"] > .contents .sec-mainMainBiz { position: relative; height: 48rem; margin-top: 10rem; }
    [data-page="main"] > .contents .sec-mainMainBiz h2 { font-size: 3rem; left: auto; margin: 6rem 0 0 5rem; }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap { width: calc(100% - 5.7rem); top: 13rem; }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide { height: 35rem; background-size: cover; background-repeat: no-repeat; background-position: center right; overflow: hidden; cursor: move; }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide.biz01 { background-image: url("../img/main/main_biz_01_mo.jpg"); }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide.biz02 { background-image: url("../img/main/main_biz_02_mo.jpg"); }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide.biz03 { background-image: url("../img/main/main_biz_03_mo.jpg"); }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide.biz04 { background-image: url("../img/main/main_biz_04_mo.jpg"); }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide .textArea { width: 19rem; padding-right: 2.5rem; }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide .textArea .tit { font-size: 2.4rem; margin: 5rem 0 1.8rem; }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide .textArea .desc { font-size: 1.4rem; }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide .textArea .desc span { display: inline; }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .swiperMainBiz .swiper-slide .textArea .num { bottom: -2rem; left: 7rem; font-size: 8rem; }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .btnArea { right: -2rem; top: -6.5rem; width: auto; }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .btnArea .pagin-mainBiz { font-size: 1.4rem; bottom: 0; }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .btnArea .pagin-mainBiz-dot .swiper-pagination-bullet { width: .8rem; height: .8rem; }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .btnArea .pagin-mainBiz-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 1.6rem; }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .btnArea .swiper-mainBiz-auto-play { display: none; }
    [data-page="main"] > .contents .sec-mainMainBiz .swiperWrap .btnArea .swiper-mainBiz-auto-pause { display: none; }
    [data-page="main"] > .contents .sec-mainMainBiz .bgArea { height: 42rem; width: calc(100% - 1.6rem); } }

[data-page="main"] > .contents .sec-mainNotice { position: relative; margin: 10rem auto 0; max-width: 122.4rem;}

[data-page="main"] > .contents .sec-mainNotice h2 { font-size: 4.2rem; font-weight: 700; color: #111; z-index: 1; }

[data-page="main"] > .contents .sec-mainNotice h2 span { display: block; font-size: 1.5rem; font-weight: 400; color: #555; }

.new_news_wrap{}
h2 + .new_news_wrap{ margin-top: 2.2rem;}
.new_news_wrap ul{ padding: 3rem; border: 1px solid #ddd; border-radius: 5px; display: flex; gap: 6rem;}
.new_news_wrap ul li{ position: relative; width: 33.3%;}
.new_news_wrap ul li:not(:last-child):before{ content: ""; position: absolute; background: #ddd; width: 1px; height: 100%; right: -3rem; top: 0;}
.new_news_wrap .news_item{ position: relative; height: 17rem;}

.new_news_wrap .news_item:last-child{ margin-top: 6rem;}
.new_news_wrap .news_item:last-child::before{ content: ""; position: absolute; background: #ddd; width: 100%; height: 1px; left: 0; top: -3rem;}

.new_news_wrap .news_item .tit{ width: 100%; display: -webkit-box !important; overflow: hidden; height: 6.4rem; max-height: 6.4rem; line-height: 1.5; text-overflow: ellipsis;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal !important; color: #111; 
    font-weight: 700; font-size: 2.1rem; margin-bottom: 4.4rem;
    }
    .new_news_wrap .news_item .noti{ display: inline-block; font-size: 1.6rem; font-weight: 500; padding: 3px 16px; border-radius: 50px; margin-bottom: 12px;}
    .new_news_wrap .news_item .noti.t01{ color: #439827; background: #edf6e9;}
    .new_news_wrap .news_item .noti.t02{ color: #0083ce; background: #e4f3fc;}
    .new_news_wrap .news_item .noti.t03{ color: #ee7700; background: #fdf1e5;}
    .new_news_wrap .news_item .date{ font-size: 1.5rem; color: #555;}

@media screen and (max-width:640px){
    .new_news_wrap ul{ flex-direction: column;}
    .new_news_wrap ul li{ width: 100%;}
    .new_news_wrap ul li:not(:last-child):before{ display: none;}
    .new_news_wrap .news_item{ height: auto;}
    .new_news_wrap li:not(:first-child) .news_item::before{ content: ""; position: absolute; background: #ddd; width: 100%; height: 1px; left: 0; top: -3rem;}
    .new_news_wrap .news_item .tit{ margin-bottom: 1.5rem; height: auto;}
}

[data-page="main"] > .contents .sec-mainNotice .unitTab .tabButton { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; }

[data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5rem 0; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

[data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap li { width: 33.333%; min-width: 33.333%; }

[data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap li .cateMove { font-size: 2.1rem; color: #439827; padding: 1.5rem 2rem; background-color: #f9f9f9; border-radius: .8rem; border: 1px solid #cccccc; line-height: 1; }

[data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap li .cateMove span { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; }

[data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap li .listMove { font-size: 2.1rem; color: #111; font-weight: 700; text-align: left; margin-top: 2rem; margin-right: 4rem; display: block; line-height: 1.4; }

[data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap li .listMove span { overflow: hidden; display: -webkit-box; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; max-height: 6.4rem; height: 6.4rem; }

[data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap li .date { margin-top: 3rem; }

@media (max-width: 1224px) { [data-page="main"] > .contents .sec-mainNotice { margin: 10rem auto 0; max-width: 100%; padding: 0 1.6rem; }
    [data-page="main"] > .contents .sec-mainNotice h2 { position: relative; font-size: 3rem; width: 100%; }
    [data-page="main"] > .contents .sec-mainNotice h2 span { font-size: 1.4rem; }
    [data-page="main"] > .contents .sec-mainNotice .unitTab { margin-top: 2rem; }
    [data-page="main"] > .contents .sec-mainNotice .unitTab .tabButton { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; }
    [data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap { display: block; }
    [data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap li { width: 100%; min-width: 100%; }
    [data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap li .cateMove { font-size: 1.6rem; padding: .8rem 1rem; }
    [data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap li .cateMove span { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: .5rem; }
    [data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap li .cateMove span i { transform: scale(0.5); transform-origin: center right; }
    [data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap li .listMove { font-size: 1.9rem; margin-top: 1.5rem; margin-right: 0; }
    [data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap li .listMove span { max-height: 6rem; height: 6rem; }
    [data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap li .date { margin-top: 2.4rem; }
    [data-page="main"] > .contents .sec-mainNotice .unitTab .tabContent .contTab .brdWrap li + li { margin-top: 5rem; } }

[data-page="main"] > .contents .sec-bottomBanner { position: relative; margin: 8rem auto 0; max-width: 122.4rem; display: -ms-flexbox; display: flex; gap: 2.4rem; }

[data-page="main"] > .contents .sec-bottomBanner .leftArea { width: 60rem; height: 19rem; text-align: center; }

[data-page="main"] > .contents .sec-bottomBanner .rightArea { width: 60rem; max-width: 60rem; margin: auto; }

[data-page="main"] > .contents .sec-bottomBanner .rightArea .swiperWrap { position: relative; }

[data-page="main"] > .contents .sec-bottomBanner .rightArea .swiperWrap .swiper-slide { height: 19rem; background-size: cover; background-position: center; background-repeat: no-repeat; }

[data-page="main"] > .contents .sec-bottomBanner .rightArea .swiperWrap .btnArea { position: absolute; top: 1rem; right: 2rem; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

[data-page="main"] > .contents .sec-bottomBanner .rightArea .swiperWrap .btnArea .indigator { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; gap: .5rem; }

[data-page="main"] > .contents .sec-bottomBanner .rightArea .swiperWrap .btnArea .indigator .swiper-pagination { position: relative; }

[data-page="main"] > .contents .sec-bottomBanner .rightArea .swiperWrap .btnArea .indigator .swiper-pagination .swiper-pagination-bullet { width: .6rem; height: .6rem; background-color: #c6c6c6; opacity: 1; transition: all .2s ease .1s; margin: 0 .2rem; border-radius: 10rem; }

[data-page="main"] > .contents .sec-bottomBanner .rightArea .swiperWrap .btnArea .indigator .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #439827; width: 2.4rem; }

@media (max-width: 1224px) { [data-page="main"] > .contents .sec-bottomBanner { margin: 10rem auto 0; max-width: 100%; display: block; padding: 0 1.6rem; }
    [data-page="main"] > .contents .sec-bottomBanner .leftArea { width: 100%; height: auto; }
    [data-page="main"] > .contents .sec-bottomBanner .rightArea { width: 100%; margin-top: 1rem; }
    [data-page="main"] > .contents .sec-bottomBanner .rightArea .swiperWrap .swiper-slide { height: auto; }
    [data-page="main"] > .contents .sec-bottomBanner .rightArea .swiperWrap .btnArea { top: .5rem; right: 1rem; }
    [data-page="main"] > .contents .sec-bottomBanner .rightArea .swiperWrap .btnArea .indigator .swiper-pagination { position: relative; }
    [data-page="main"] > .contents .sec-bottomBanner .rightArea .swiperWrap .btnArea .indigator .swiper-pagination .swiper-pagination-bullet { width: .6rem; height: .6rem; background-color: #c6c6c6; opacity: 1; transition: all .2s ease .1s; margin: 0 .2rem; border-radius: 10rem; }
    [data-page="main"] > .contents .sec-bottomBanner .rightArea .swiperWrap .btnArea .indigator .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #439827; width: 2.4rem; } }

[data-page^=sub-] { position: relative; }

[data-page^=sub-] header .bg { top: -18.6rem; }

[data-page^=sub-] header .bg.isActive { top: 0rem; }

[data-page^=sub-] header.allMenuActive .bg { top: 8rem; }

@media (max-width: 1224px) { [data-page^=sub-] header.allMenuActive .bg { top: 6.4rem; } }

@media (max-width: 1224px) { [data-page^=sub-] header .bg { top: 6.4rem; }
    [data-page^=sub-] header .bg .subTit { font-size: 1.9rem; color: #439827; position: absolute; top: 0; left: calc(50% - 0rem); margin-top: -7rem; transition: all .5s ease .1s; }
    [data-page^=sub-] header .bg.isActive { top: 1rem; }
    [data-page^=sub-] header .bg.isActive .subTit { opacity: 1; margin-top: 0; } }

[data-page^=sub-] .contents { width: 100%; max-width: 90rem; margin: auto; }

@media (max-width: 1224px) { [data-page^=sub-] .contents { max-width: 100%; } }

[data-page^=sub-] .sec-topVisual { height: 25rem; position: relative; margin-bottom: 4rem;}

[data-page^=sub-] .sec-topVisual .visual_tit { position: absolute; bottom: 4rem; z-index: 1; text-align: center; width: 100%; color: #fff; font-size: 3.8rem; font-weight: 700; letter-spacing: -1px; text-shadow: 2px 0 0.5rem rgba(0, 0, 0, 0.3); }

[data-page^=sub-] .sec-topVisual .breadcrumbsUnit { position: absolute; bottom: 0; width: 100%; z-index: 2; background-color: #fafafa; height: 8rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; display: none; }

[data-page^=sub-] .sec-topVisual .breadcrumbsUnit .btnHome { width: 8rem; height: 8rem; background-color: rgba(255, 255, 255, 0); }

[data-page^=sub-] .sec-topVisual .breadcrumbsUnit .btnHome:hover { background-color: #fff; }

[data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect { width: 40rem; }

[data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .selectBtn { font-size: 2.1rem; padding: 1.9rem 2.8rem; color: #111; font-weight: 500; height: 8rem; border: none; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; background: url("../img/common/select_arrow2.png") no-repeat center right 2.8rem; z-index: 4; transition: all .2s ease .1s; }

[data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .selectBtn:focus { background-color: transparent !important; }

[data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .selectBtn:hover { background-color: #fff !important; color: #0083ce; }

[data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .select { border: 1px solid #d5d5d5; border-top: none; box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1); z-index: 3; padding-top: 7.6rem; bottom: 7.6rem; }

[data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .select .option a { padding: 1.9rem 2.8rem; font-size: 2.1rem; font-weight: 500; color: #111; }

[data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .select .option a:hover { background-color: #f5f5f5; }

[data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .select .option a.current { opacity: .3; cursor: default; }

[data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .select .option a.current:hover { background-color: #fff; }

[data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect + .formSelect { margin-left: -1px; margin-top: 0; }

[data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect.active .selectBtn { background: #fff url("../img/common/select_arrow2_up.png") no-repeat center right 2.8rem !important; color: #0083ce; }

[data-page^=sub-] .sec-topVisual:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100vw; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

@media (max-width: 1224px) { [data-page^=sub-] .sec-topVisual { height: 10rem; margin-bottom: 4rem; }
    [data-page^=sub-] .sec-topVisual .visual_tit { bottom: 2.4rem; font-size: 2.6rem; font-weight: 700; letter-spacing: -1px; text-shadow: 2px 0 0.5rem rgba(0, 0, 0, 0.3); }
    [data-page^=sub-] .sec-topVisual .breadcrumbsUnit { height: 6rem; margin-bottom: -6rem; padding: 0 1.6rem; border-bottom: 1px solid #d5d5d5; }
    [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .btnHome { display: none; }
    [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect { display: none; width: 100%; }
    [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .selectBtn { font-size: 1.9rem; padding: 1.5rem 2.3rem; height: 6rem; background-color: #fff; }
    [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .selectBtn:focus { background-color: #fff !important; }
    [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .select { padding-top: 5.6rem; bottom: 5.6rem; }
    [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect .select .option a { font-size: 1.9rem; padding: 1.5rem 2.3rem; }
    [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect + .formSelect { display: block; margin-left: 0; }
    [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect + .formSelect + .formSelect { position: absolute; position: absolute; bottom: -7.5rem; width: calc(100% - 3.6rem); }
    [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect + .formSelect + .formSelect .selectBtn { border: 1px solid #0083ce; border-radius: .4rem; font-size: 1.4rem; padding: 1.5rem 5rem 1.5rem 2.3rem; z-index: 2; }
    [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect + .formSelect + .formSelect .select { border: 1px solid #0083ce; z-index: 1; }
    [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect + .formSelect + .formSelect .select .option a { font-size: 1.4rem; }
    [data-page^=sub-] .sec-topVisual .breadcrumbsUnit .formSelect + .formSelect + .formSelect.active .selectBtn { border-radius: .4rem .4rem 0 0; } }

[data-page^=sub-] .sec-topVisual .visualArea { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100vw; height: 100%; background-position: center; background-repeat: no-repeat; }

@media (max-width: 1224px) { [data-page^=sub-] .sec-topVisual .visualArea { background-size: cover; } }

[data-page^=sub-] .sec-topVisual .visualArea.sub00 { background-image: url("../img/sub/sub_visual00.jpg"); }

[data-page^=sub-] .sec-topVisual .visualArea.sub01 { background-image: url("../img/sub/sub_visual01.jpg"); background-position: center bottom;}
[data-page^=sub-] .sec-topVisual .visualArea.sub01::after{ display: none;}

[data-page^=sub-] .sec-topVisual .visualArea.sub02 { background-image: url("../img/sub/sub_visual02.jpg"); }

[data-page^=sub-] .sec-topVisual .visualArea.sub03 { background-image: url("../img/sub/sub_visual03.jpg"); }

[data-page^=sub-] .sec-topVisual .visualArea.sub04 { background-image: url("../img/sub/sub_visual04.jpg"); }

[data-page^=sub-] .sec-topVisual .visualArea.sub05 { background-image: url("../img/sub/sub_visual05.jpg"); }

[data-page^=sub-] .sec-topVisual .visualArea.sub06 { background-image: url("../img/sub/sub_visual06.jpg"); }

[data-page^=sub-] .sec-topVisual .visualArea.sub07 { background-image: url("../img/sub/sub_visual07.jpg"); }

[data-page^=sub-] .sec-topVisual .visualArea.subSch { background-image: url("../img/sub/sub_visualSch.jpg"); }

[data-page^=sub-] .sec-subWrap { position: relative; }

[data-page^=sub-] .sec-subWrap .singleTit { font-family: 'Nanumsquare'; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; position: absolute; font-size: 4.8rem; color: #fff; font-weight: 700; transform: translateX(-50%); margin-top: -16rem; left: 50%; width: 100%;}

[data-page^=sub-] .sec-subWrap .singleTit.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { 
    [data-page^=sub-] .sec-subWrap .singleTit { font-size: 2.8rem; margin-top: -11rem; white-space: nowrap;}
}

[data-page^=sub-] .sec-subWrap aside.breadcrumb { position: absolute; bottom: 4.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 3rem; color: #fff; font-size: 2.3rem;} /* 240527 */

[data-page^=sub-] .sec-subWrap aside.breadcrumb.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .sec-subWrap aside.breadcrumb > *:not(button) { position: relative; }

[data-page^=sub-] .sec-subWrap aside.breadcrumb > *:not(button):before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); display: block; width: .3rem; height: .3rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); left: -1.5rem; }

[data-page^=sub-] .sec-subWrap aside.breadcrumb > span { color: rgba(255, 255, 255, 0.5); }

[data-page^=sub-] .sec-subWrap aside.breadcrumb .formSelect { /*min-width:23rem;*/ }

[data-page^=sub-] .sec-subWrap aside.breadcrumb .formSelect .selectBtn { border: none; height: auto; color: #fff; padding: 1.2rem 4rem 1.2rem 0; background: url("../img/common/select_arrow_w.png") no-repeat center right 1.5rem !important; display: block; font-size: 2.1rem;}

[data-page^=sub-] .sec-subWrap aside.breadcrumb .formSelect .selectBtn:focus { background: url("../img/common/select_arrow_w.png") no-repeat center right 1.5rem; }

[data-page^=sub-] .sec-subWrap aside.breadcrumb .formSelect.active .select { border: none; }

@media (max-width: 1224px) { [data-page^=sub-] .sec-subWrap { padding: 0 1.8rem; }
    [data-page^=sub-] .sec-subWrap.hasMobTopMenu { margin-top: 16rem; }
    [data-page^=sub-] .sec-subWrap aside.breadcrumb > button i { transform: scale(0.5); transform-origin: center left; }
    [data-page^=sub-] .sec-subWrap aside.breadcrumb .formSelect { margin-left: 6px; }
}

/* 240527 */
@media (max-width: 1224px) {
    [data-page^=sub-] .sec-subWrap aside.breadcrumb { display: none;}
    
}
@media (max-width: 590px) {
    [data-page^=sub-] .sec-subWrap aside.breadcrumb { top: -7.3rem; gap: 2px; font-size: 1.2rem;justify-content:flex-start; width: 100%; left: 0; padding-left: 8px;}
    [data-page^=sub-] .sec-subWrap aside.breadcrumb .formSelect .selectBtn { padding: 1.2rem 2.4rem 1.2rem 0; background: url(../img/common/select_arrow_w.png) no-repeat center right 1rem !important;}
    [data-page^=sub-] .sec-subWrap aside.breadcrumb .formSelect { margin-left: 0; }
    [data-page^=sub-] .sec-subWrap aside.breadcrumb > *:not(button):before { display: none;}
    [data-page^=sub-] .sec-subWrap aside.breadcrumb > button.left{ width: 22px;}
}

[data-page^=sub-] .subTitMid { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; font-family: 'Nanumsquare'; font-weight: 700; font-size: 2.1rem; color: #111; margin: 3rem 0 1.5rem; }

[data-page^=sub-] .subTitMid.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .subTitMid.thin { margin: 6rem 0 2rem; }

[data-page^=sub-] .subTitMid.typeBoth { -ms-flex-pack: justify; justify-content: space-between; }

[data-page^=sub-] .subTitMid.typeBoth .left { -ms-flex: 1; flex: 1; }

[data-page^=sub-] .subTitMid.typeBoth .right { -ms-flex: 1; flex: 1; text-align: right; }

[data-page^=sub-] .subTitMid.typeBoth small { font-size: 1.5rem; font-weight: 400; }

@media (max-width: 1224px) { [data-page^=sub-] .subTitMid.typeBoth small { font-size: 1.4rem; } }

[data-page^=sub-] .subTitMid.typeBoth.type2 .left { -ms-flex: auto; flex: auto; }

[data-page^=sub-] .subTitMid.typeBoth.type2 .right { -ms-flex: auto; flex: auto; }

[data-page^=sub-] .subTitMid.typeBoth.type2 .right .unitBtn { -ms-flex-pack: end; justify-content: flex-end; }

[data-page^=sub-] .subTitMid.typeBoth.type2 small { margin-left: 2rem; color: #555; display: block; }

@media (max-width: 1224px) { [data-page^=sub-] .subTitMid.typeBoth.type2 { -ms-flex-direction: column; flex-direction: column; }
    [data-page^=sub-] .subTitMid.typeBoth.type2 small { margin-left: 0; } }

[data-page^=sub-] .subTitMid.addSch { -ms-flex-pack: justify; justify-content: space-between; }

[data-page^=sub-] .subTitMid.addSch > .left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 4rem; }

[data-page^=sub-] .subTitMid.addSch > .left.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .subTitMid.addSch > .left .schArea { font-size: 1.5rem; margin-bottom: 0; font-weight: 400; }

[data-page^=sub-] .subTitMid.addSch > .right { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; font-size: 1.5rem; font-weight: 400; }

[data-page^=sub-] .subTitMid.addSch > .right.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .subTitMid.addSch > .right .sort button { border: 1px solid #d5d5d5; }

[data-page^=sub-] .subTitMid.addSch > .right .sort i { margin-left: 1rem; }

[data-page^=sub-] .subTitMid.addSch > .right .selArea label { color: #555; margin-right: 1rem; padding-left: 2rem; }

[data-page^=sub-] .subTitMid.addSch > .right .selArea button { width: 15rem; }

[data-page^=sub-] .subTitMid.addSch > .right .selArea .select { min-width: 15rem; width: 15rem; left: auto; right: 0; }

[data-page^=sub-] .subTitMid.addSch > .right .sch button { min-width: 6rem; }

@media (max-width: 1224px) { [data-page^=sub-] .subTitMid.addSch { gap: 2rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; }
    [data-page^=sub-] .subTitMid.addSch > .left { gap: 2rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; width: 100%; }
    [data-page^=sub-] .subTitMid.addSch > .left .schArea { font-size: 1.4rem; width: 100%; }
    [data-page^=sub-] .subTitMid.addSch > .right { font-size: 1.4rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; width: 100%; position: relative; }
    [data-page^=sub-] .subTitMid.addSch > .right .sort button { border: 1px solid #d5d5d5; }
    [data-page^=sub-] .subTitMid.addSch > .right .sort i { transform: scale(0.5); transform-origin: center right; }
    [data-page^=sub-] .subTitMid.addSch > .right .selArea { width: calc(100% - 7rem); }
    [data-page^=sub-] .subTitMid.addSch > .right .selArea label { display: none; }
    [data-page^=sub-] .subTitMid.addSch > .right .selArea button { width: 100%; }
    [data-page^=sub-] .subTitMid.addSch > .right .selArea .select { min-width: 100%; width: 100%; }
    [data-page^=sub-] .subTitMid.addSch > .right .sch { position: absolute; right: 0; bottom: 0; } }

[data-page^=sub-] .subTitMid.big { font-size: 3.1rem;}

[data-page^=sub-] .subTitMid.big + .subTitMid { margin-top: -2rem; }

@media (max-width: 1224px) { [data-page^=sub-] .subTitMid.big { font-size: 1.9rem; } }

@media (max-width: 1224px) { [data-page^=sub-] .subTitMid { font-size: 1.9rem; } }

[data-page^=sub-] .subTitTbl { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; font-family: 'Nanumsquare'; font-weight: 700; font-size: 2.1rem; color: #111; margin: 6rem 0 3rem; position: relative; }

[data-page^=sub-] .subTitTbl.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .subTitTbl.sch { margin: 3rem 0; }

@media (max-width: 1224px) { [data-page^=sub-] .subTitTbl.sch { margin: 1.8rem 0; } }

[data-page^=sub-] .subTitTbl.sch .num { font-size: 1.3rem; font-weight: 400; color: #fff; background-color: #ff5500; display: block; padding: .3rem 1.3rem; border-radius: 10rem; }

[data-page^=sub-] .subTitTbl.sch .formSelect.filter { position: absolute; top: 50%; transform: translateY(-50%); display: block; right: 0; font-size: 1.5rem; font-family: 'NotoSans'; font-weight: 400; z-index: 1; }

@media (max-width: 1224px) { [data-page^=sub-] .subTitTbl.sch .formSelect.filter { font-size: 1.4rem; } }

[data-page^=sub-] .subTitTbl.typeBoth { -ms-flex-pack: justify; justify-content: space-between; }

[data-page^=sub-] .subTitTbl.typeBoth > small { font-size: 1.5rem; color: #888; font-weight: 400; }

@media (max-width: 1224px) { [data-page^=sub-] .subTitTbl { font-size: 1.9rem; } }

[data-page^=sub-] .linkTab { width: 62.4rem; margin-bottom: 4rem; }

@media (max-width: 1224px) { [data-page^=sub-] .linkTab { width: 100%; } }

[data-page^=sub-] .schArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; margin-bottom: 2rem; }

[data-page^=sub-] .schArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [data-page^=sub-] .schArea { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

/* 231127 pjs */
[data-page^=sub-] .schArea.type20 .selUnit{ width:20rem;}
[data-page^=sub-] .schArea.type20 .formText { width: 20rem; }
@media (max-width: 1224px) {
	[data-page^=sub-] .schArea.type20 .formText { width: 100%; }
	[data-page^=sub-] .schArea.type20 .selUnit{ width:100%;}
}

.inpDate.type20 .formText{ width:20rem;}

[data-page^=sub-] .schArea.typeFix.type20 .inpUnit { width: 100%; }


[data-page^=sub-] .schArea .selUnit { width: 13rem; }
[data-page^=sub-] .schArea .selUnit.lg { width: 16rem; }/* 수주실적 입력 질의응답 */

@media (max-width: 1224px) { 
    [data-page^=sub-] .schArea .selUnit { width: 100%; }
    [data-page^=sub-] .schArea .selUnit.lg { width: 100%; }
}

[data-page^=sub-] .schArea .inpUnit { width: 20rem; }
[data-page^=sub-] .schArea .inpUnit.lg { width: 24rem; }/* 수주실적 입력 질의응답 */

[data-page^=sub-] .schArea .inpUnit input { padding: 0 3.5rem 0 1.3rem; }

@media (max-width: 1224px) { 
    [data-page^=sub-] .schArea .inpUnit { width: 100%; }
    [data-page^=sub-] .schArea .inpUnit.lg { width: 100%; }
}

[data-page^=sub-] .schArea.typeFix { margin-bottom: 0; }

[data-page^=sub-] .schArea.typeFix .inpUnit { width: calc(100% - 14rem); }

@media (max-width: 1224px) { [data-page^=sub-] .schArea.typeFix .inpUnit { width: 100%; } }


[data-page^=sub-] .schDateArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; }

[data-page^=sub-] .schDateArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [data-page^=sub-] .schDateArea { display: -ms-flexbox !important; display: flex !important; } }

[data-page^=sub-] .schDateArea > .formText { margin-top: 0; width: 20rem; }

@media (max-width: 1224px) { [data-page^=sub-] .schDateArea > .formText { width: 15rem; } }

[data-page^=sub-] .schAreaBtn { border-top: 0.2rem solid #0083ce; background-color: #f2f9fd; padding: 2rem; }

[data-page^=sub-] .schAreaBtn { border-top: 0.2rem solid #0083ce; background-color: #f2f9fd; padding: 2rem; }

[data-page^=sub-] .schAreaBtn .unitBtn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; }

[data-page^=sub-] .schAreaBtn .unitBtn.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .schAreaBtn .unitBtn button { -ms-flex: 1; flex: 1; font-size: 1.5rem; border: 1px solid #d5d5d5; }

[data-page^=sub-] .schAreaBtn .unitBtn button:last-child { width: 12rem; -ms-flex: none; flex: none; }

@media (max-width: 1224px) { [data-page^=sub-] .schAreaBtn { margin: 0 -1.8rem; }
    [data-page^=sub-] .schAreaBtn .unitBtn { -ms-flex-wrap: wrap; flex-wrap: wrap; }
    [data-page^=sub-] .schAreaBtn .unitBtn button { min-width: calc(50% - .5rem); font-size: 1.4rem; padding: 0; }
    [data-page^=sub-] .schAreaBtn .unitBtn button:last-child { width: 100%; } }

[data-page^=sub-] .unitTable + .schArea { margin-top: 6rem; }

[data-page^=sub-] .unitTable + .unitTable { margin-top: 6rem; }

[data-page^=sub-] .unitTable + .bottomArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-pack: end; justify-content: flex-end; border-top: 1px solid #e9e9e9; padding-top: 4rem; }

[data-page^=sub-] .unitTable + .bottomArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [data-page^=sub-] .unitTable + .bottomArea { margin: 0 -1.8rem; padding: 4rem 1.8rem; }
    [data-page^=sub-] .unitTable + .bottomArea .unitBtn { width: 100%; }
    [data-page^=sub-] .unitTable + .bottomArea .unitBtn button { -ms-flex: 1; flex: 1; min-width: auto; } }

[data-page^=sub-] .unitTable + .bottomArea.typeBoth { -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 1224px) { [data-page^=sub-] .unitTable + .bottomArea.typeBoth { -ms-flex-direction: column; flex-direction: column; } }

[data-page^=sub-] .unitTable + .bottomArea.fix { border-top: none; }

[data-page^=sub-] .unitTable + .bottomArea.fix .unitBtn { width: 100%; }

@media (max-width: 1224px) { [data-page^=sub-] .unitTable + .bottomArea.fix .unitBtn { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; gap: 1rem; }
    [data-page^=sub-] .unitTable + .bottomArea.fix .unitBtn > * { width: 100%; padding: 2rem 4.8rem; } }

[data-page^=sub-] .unitTable .addInfo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; margin-top: 1rem; }

[data-page^=sub-] .unitTable .addInfo.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [data-page^=sub-] .unitTable .moreInfo i { transform: scale(0.5); transform-origin: center left; } }

[data-page^=sub-] .brdView .topArea { font-family: 'Nanumsquare'; text-align: center; }

[data-page^=sub-] .brdView .topArea .tit { font-size: 3.1rem; font-weight: 700; color: #111; }

[data-page^=sub-] .brdView .topArea .desc { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-pack: center; justify-content: center; margin-top: 4rem; }

[data-page^=sub-] .brdView .topArea .desc.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .brdView .topArea .desc span { position: relative; line-height: 1; }

[data-page^=sub-] .brdView .topArea .desc span:not(:last-child):after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 1px; height: 100%; background-color: #d5d5d5; right: -1rem; }

[data-page^=sub-] .brdView .topArea .info_txt { margin-top: 10px; color: red;}

[data-page^=sub-] .brdView .topArea .desc span.tagBoxUnit:after { display: none; }

@media (max-width: 1224px) { [data-page^=sub-] .brdView .topArea .tit { font-size: 1.9rem; }
    [data-page^=sub-] .brdView .topArea .desc { -ms-flex-wrap: wrap; flex-wrap: wrap; }
    [data-page^=sub-] .brdView .topArea .desc span:after { display: none !important; } }

[data-page^=sub-] .brdView .fileArea { border-top: 0.2rem solid #0083ce; border-bottom: 1px solid #e9e9e9; margin-top: 4rem; }

[data-page^=sub-] .brdView .fileArea .tit { background-color: #f9f9f9; padding: 2.8rem 3rem; font-weight: 500; }

[data-page^=sub-] .brdView .fileArea .fileList { padding: 2.8rem 3rem; }

[data-page^=sub-] .brdView .fileArea .fileList li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: justify; justify-content: space-between; }

[data-page^=sub-] .brdView .fileArea .fileList li.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .brdView .fileArea .fileList li .name { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1.2rem; -ms-flex-align: start; align-items: flex-start; }

[data-page^=sub-] .brdView .fileArea .fileList li .name.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .brdView .fileArea .fileList li .name i { min-width: 1.8rem; }

[data-page^=sub-] .brdView .fileArea .fileList li .name a { max-width: 80rem; }

[data-page^=sub-] .brdView .fileArea .fileList li .name a:hover { color: #0083ce; text-decoration: underline; }

[data-page^=sub-] .brdView .fileArea .fileList li .desc { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-pack: center; justify-content: center; color: #888; }

[data-page^=sub-] .brdView .fileArea .fileList li .desc.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .brdView .fileArea .fileList li .desc span { position: relative; line-height: 1; }

[data-page^=sub-] .brdView .fileArea .fileList li .desc span:not(:last-child):after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 1px; height: 100%; background-color: #d5d5d5; right: -1rem; }

[data-page^=sub-] .brdView .fileArea .fileList li + li { margin-top: 2rem; }

[data-page^=sub-] .brdView .fileArea + .contArea { border-top: none; margin-top: 0; }

@media (max-width: 1224px) { [data-page^=sub-] .brdView .fileArea { border-top: 1px solid #0083ce; margin: 4rem -1.8rem 0; }
    [data-page^=sub-] .brdView .fileArea .tit { padding: 1.8rem; }
    [data-page^=sub-] .brdView .fileArea .fileList { padding: 1.8rem; }
    [data-page^=sub-] .brdView .fileArea .fileList li { gap: 1rem; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    [data-page^=sub-] .brdView .fileArea .fileList li .name { gap: 0; min-width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    [data-page^=sub-] .brdView .fileArea .fileList li .name i { transform: scale(0.5); transform-origin: left top; }
    [data-page^=sub-] .brdView .fileArea .fileList li .name a { width: calc(100% - 4rem); max-width: calc(100% - 4rem); }
    [data-page^=sub-] .brdView .fileArea .fileList li .desc { padding-left: 2.8rem; } }

[data-page^=sub-] .brdView .linkArea { border-top: 0.2rem solid #0083ce; border-bottom: 1px solid #e9e9e9; margin-top: 4rem; }

[data-page^=sub-] .brdView .linkArea .tit { background-color: #f9f9f9; padding: 2.8rem 3rem; font-weight: 500; }

[data-page^=sub-] .brdView .linkArea .fileList { padding: 2.8rem 3rem; }

[data-page^=sub-] .brdView .linkArea .fileList li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: justify; justify-content: space-between; }

[data-page^=sub-] .brdView .linkArea .fileList li.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .brdView .linkArea .fileList li .name { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1.2rem; }

[data-page^=sub-] .brdView .linkArea .fileList li .name.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .brdView .linkArea .fileList li .name i { min-width: 1.8rem; }

[data-page^=sub-] .brdView .linkArea .fileList li .name a { overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; max-width: 70rem; color: #0083ce; }

[data-page^=sub-] .brdView .linkArea .fileList li .name a:hover { text-decoration: underline; }

[data-page^=sub-] .brdView .linkArea .fileList li .desc { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-pack: center; justify-content: center; color: #888; }

[data-page^=sub-] .brdView .linkArea .fileList li .desc.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .brdView .linkArea .fileList li .desc span { position: relative; line-height: 1; }

[data-page^=sub-] .brdView .linkArea .fileList li .desc span:not(:last-child):after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 1px; height: 100%; background-color: #d5d5d5; right: -1rem; }

[data-page^=sub-] .brdView .linkArea .fileList li + li { margin-top: 2rem; }

@media (max-width: 1224px) { [data-page^=sub-] .brdView .linkArea { border-top: 1px solid #0083ce; margin: 4rem -1.8rem 0; }
    [data-page^=sub-] .brdView .linkArea .tit { padding: 1.8rem; }
    [data-page^=sub-] .brdView .linkArea .fileList { padding: 1.8rem; }
    [data-page^=sub-] .brdView .linkArea .fileList li { gap: 1rem; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    [data-page^=sub-] .brdView .linkArea .fileList li .name { gap: 0; min-width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    [data-page^=sub-] .brdView .linkArea .fileList li .name i { transform: scale(0.5); transform-origin: left center; }
    [data-page^=sub-] .brdView .linkArea .fileList li .name a { width: calc(100% - 4rem); max-width: calc(100% - 4rem); }
    [data-page^=sub-] .brdView .linkArea .fileList li .desc { padding-left: 2.8rem; } }

[data-page^=sub-] .brdView .contArea { border-top: 0.2rem solid #0083ce; padding: 4rem 3rem; color: #111; margin-top: 4rem; min-height: 16rem;}

[data-page^=sub-] .brdView .contArea .btnConfirm { margin-top: 4rem; }

@media (max-width: 1224px) { [data-page^=sub-] .brdView .contArea { margin: 4rem -1.8rem; padding: 4rem 1.8rem; } }

[data-page^=sub-] .brdView .bottomArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-pack: end; justify-content: flex-end; border-top: 1px solid #e9e9e9; padding-top: 4rem; }

[data-page^=sub-] .brdView .bottomArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [data-page^=sub-] .brdView .bottomArea { margin: 0 -1.8rem; padding: 4rem 1.8rem; }
    [data-page^=sub-] .brdView .bottomArea .unitBtn { width: 100%; }
    [data-page^=sub-] .brdView .bottomArea .unitBtn button { -ms-flex: 1; flex: 1; min-width: auto; } }

[data-page^=sub-] .brdView .bottomArea.typeBoth { -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 1224px) { [data-page^=sub-] .brdView .bottomArea.typeBoth { -ms-flex-direction: column; flex-direction: column; } }

[data-page^=sub-] .brdView + .schArea { margin-top: 6rem; }

[data-page^=sub-] .brdView + .unitTable { margin-top: 6rem; }

[data-page^=sub-] .brdWrite { margin-top: 2rem; -ms-flex-pack: end; justify-content: flex-end; }

@media (max-width: 1224px) { [data-page^=sub-] .brdWrite button { -ms-flex: 1; flex: 1; min-width: auto; } }

[data-page^=sub-] .brdImg { padding: 4rem 0 5rem; border-top: 0.2rem solid #0083ce; border-bottom: 1px solid #e9e9e9; }

[data-page^=sub-] .brdImg .imgList { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 5rem 2.4rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; }

[data-page^=sub-] .brdImg .imgList.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .brdImg .imgList > li { width: calc(33% - 1.3rem); position: relative; }

[data-page^=sub-] .brdImg .imgList > li a { display: block; }

[data-page^=sub-] .brdImg .imgList > li .btnStar { position: absolute; top: 1.5rem; right: 1.5rem; width: 2.3rem; height: 2.3rem; background-image: url("../img/common/star.png"); background-size: contain; background-repeat: no-repeat; }

[data-page^=sub-] .brdImg .imgList > li .btnStar.isActive { background-image: url("../img/common/star_active.png"); }

[data-page^=sub-] .brdImg .imgList > li .titArea .tagBoxUnit { margin: 2rem 0 1rem; }

[data-page^=sub-] .brdImg .imgList > li .titArea .tit { font-family: 'Nanumsquare'; color: #111; font-size: 2.1rem; font-weight: 700; overflow: hidden; display: -webkit-box; width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; min-height: 9rem; margin-bottom: 1rem; }

[data-page^=sub-] .brdImg .imgList > li .descArea { color: #888; }

[data-page^=sub-] .brdImg.type2 { border-top: 1px solid #0083ce; margin: 4rem 0; }

[data-page^=sub-] .brdImg.type2 .imgList > li { width: 28.4rem; }

[data-page^=sub-] .brdImg.type2 .imgList > li .titArea2 { margin-top: 2rem; text-align: center; }

[data-page^=sub-] .brdImg.type2 .imgList > li .titArea2 .tit { font-family: 'Nanumsquare'; font-size: 2.1rem; font-weight: 500; color: #111; }

[data-page^=sub-] .brdImg.type2 .imgList > li .titArea2 .desc { margin-top: 1rem; color: #888; margin-top: .5rem; }

[data-page^=sub-] .brdImg.inAcc { border-top: none; border-bottom: none; padding: 0; margin: 0rem 0; }

[data-page^=sub-] .brdImg.inAcc .imgList { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 4rem 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column; }

[data-page^=sub-] .brdImg.inAcc .imgList.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .brdImg.inAcc .imgList > li { width: 100%; position: relative; }

[data-page^=sub-] .brdImg.inAcc .imgList > li .titArea .tit { overflow: hidden; display: -webkit-box; width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; min-height: 2.6rem; margin-bottom: 1rem; }

[data-page^=sub-] .brdImg.inAcc .imgList > li .descArea > ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; }

[data-page^=sub-] .brdImg.inAcc .imgList > li .descArea > ul.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .brdImg.inAcc .imgList > li .descArea > ul > li { margin-top: 0; }

@media (max-width: 1224px) { [data-page^=sub-] .brdImg { border-width: 1px; }
    [data-page^=sub-] .brdImg .imgList { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 5rem; }
    [data-page^=sub-] .brdImg .imgList.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    [data-page^=sub-] .brdImg .imgList > li { width: 100%; }
    [data-page^=sub-] .brdImg .imgList > li .titArea .tit { font-size: 1.9rem; min-height: auto; }
    [data-page^=sub-] .brdImg.type2 { border-top: 1px solid #0083ce; margin: 4rem 0; }
    [data-page^=sub-] .brdImg.type2 .imgList { gap: 5rem 2rem; }
    [data-page^=sub-] .brdImg.type2 .imgList > li { width: calc(50% - 1rem); }
    [data-page^=sub-] .brdImg.type2 .imgList > li .imgArea img { width: 100%; }
    [data-page^=sub-] .brdImg.type2 .imgList > li .titArea2 .tit { font-size: 1.9rem; }
}

[data-page^=sub-] .brdListMove { margin-top: 3rem; }

[data-page^=sub-] .brdListMove > ul { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }

[data-page^=sub-] .brdListMove > ul > li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; }

[data-page^=sub-] .brdListMove > ul > li.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .brdListMove > ul > li .left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2.4rem; width: 18rem; min-width: 18rem; padding: 0 4rem; background-color: #f9f9f9; height: 7rem; }

[data-page^=sub-] .brdListMove > ul > li .left.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .brdListMove > ul > li .right { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; max-width: calc(100% - 18rem); padding: 0 2rem; color: #111; font-weight: 500; height: 7rem; }

[data-page^=sub-] .brdListMove > ul > li .right.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .brdListMove > ul > li .right > a { overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }

[data-page^=sub-] .brdListMove > ul > li + li { border-top: 1px solid #e9e9e9; }

@media (max-width: 1224px) { [data-page^=sub-] .brdListMove { margin: 0 -1.8rem; }
    [data-page^=sub-] .brdListMove > ul > li .left { gap: 1.8rem; width: 100%; min-width: 100%; padding: 0 1.8rem; height: 5rem; }
    [data-page^=sub-] .brdListMove > ul > li .left > i { transform: scale(0.5); transform-origin: center left; }
    [data-page^=sub-] .brdListMove > ul > li .right { max-width: 100%; padding: 0 1.8rem; height: 5rem; } }

[data-page^=sub-] .pageCont > .tit { font-size: 3.1rem; margin-top: 8rem; text-align: center; font-weight: 500; }

@media (max-width: 1224px) { [data-page^=sub-] .pageCont > .tit { font-size: 1.9rem; margin-top: 6rem; } }

[data-page^=sub-] .pageCont > .desc { margin-top: 8rem; }

@media (max-width: 1224px) { [data-page^=sub-] .pageCont > .desc { margin-top: 6rem; } }

[data-page^=sub-] .photoArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2.4rem; }

[data-page^=sub-] .photoArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .photoArea > li { -ms-flex: 1; flex: 1; position: relative; }

[data-page^=sub-] .photoArea > li .tit { position: absolute; font-size: 1.4rem; color: #fff; background-color: rgba(61, 78, 102, 0.9); text-align: center; z-index: 1; width: 100%; bottom: 0; padding: 1.2rem; }

@media (max-width: 1224px) { [data-page^=sub-] .photoArea { -ms-flex-direction: column; flex-direction: column; } }

[data-page^=sub-] .descTextArea .unitList { color: #111; }

[data-page^=sub-] .descTextArea .unitList > li .unitList { color: #888; margin-top: 1.2rem; }

[data-page^=sub-] .btnMapView button span:after { content: '열기'; }

[data-page^=sub-] .btnMapView + .mapDtl { margin-top: 1rem; display: none; height: 60rem; }

@media (max-width: 1224px) { [data-page^=sub-] .btnMapView + .mapDtl { height: 30rem; } }

[data-page^=sub-] .btnMapView.isActive button span:after { content: '닫기'; }

[data-page^=sub-] .btnMapView.isActive + .mapDtl { display: block; }

[data-page^=sub-] .dtlImage { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 4rem; -ms-flex-align: start; align-items: flex-start; }

[data-page^=sub-] .dtlImage.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .dtlImage .leftArea { border: 1px solid #e9e9e9; width: 31.4rem; }

[data-page^=sub-] .dtlImage .leftArea > img { width: 31.2rem; height: 31.2rem; }

[data-page^=sub-] .dtlImage .rightArea { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; height: 31.2rem; }

[data-page^=sub-] .dtlImage .rightArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .dtlImage .rightArea.type2 { -ms-flex-pack: center; justify-content: center; }

[data-page^=sub-] .dtlImage .rightArea > .tit { font-family: 'Nanumsquare'; color: #111; font-size: 3.1rem; font-weight: 500; margin-right: 2rem; }

[data-page^=sub-] .dtlImage .rightArea > .tit .btnStar { width: 2.3rem; height: 2.3rem; background-image: url("../img/common/star.png"); background-size: contain; background-repeat: no-repeat; }

[data-page^=sub-] .dtlImage .rightArea > .tit .btnStar.isActive { background-image: url("../img/common/star_active.png"); }

[data-page^=sub-] .dtlImage .rightArea .info .smlImg { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; margin-top: 3rem; }

[data-page^=sub-] .dtlImage .rightArea .info .smlImg.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .dtlImage .rightArea .info .smlImg button, [data-page^=sub-] .dtlImage .rightArea .info .smlImg a { width: 6.6rem; height: 6.6rem; border: 1px solid #e9e9e9; }

[data-page^=sub-] .dtlImage .rightArea .info .basicInfo { color: #111; }

[data-page^=sub-] .dtlImage .rightArea .info .basicInfo .addr { margin-bottom: 2rem; margin-top: 4rem; }

[data-page^=sub-] .dtlImage .rightArea .info .basicInfo .add { margin-bottom: 2rem; }

[data-page^=sub-] .dtlImage .rightArea .info .basicInfo .add p { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; }

[data-page^=sub-] .dtlImage .rightArea .info .basicInfo .add p.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .dtlImage .rightArea .info .basicInfo .add p + p { margin-top: 1rem; }

@media (max-width: 1224px) { [data-page^=sub-] .dtlImage { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    [data-page^=sub-] .dtlImage.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    [data-page^=sub-] .dtlImage .leftArea { border: 1px solid #e9e9e9; width: 100%; }
    [data-page^=sub-] .dtlImage .leftArea > img { width: 100%; height: auto; }
    [data-page^=sub-] .dtlImage .rightArea { -ms-flex: none; flex: none; width: 100%; height: auto; }
    [data-page^=sub-] .dtlImage .rightArea > .tit { font-size: 1.9rem; margin-right: 1rem; margin-top: 1rem; }
    [data-page^=sub-] .dtlImage .rightArea .info { margin-top: 2rem; }
    [data-page^=sub-] .dtlImage .rightArea .info .smlImg { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; margin-top: 2rem; }
    [data-page^=sub-] .dtlImage .rightArea .info .smlImg.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    [data-page^=sub-] .dtlImage .rightArea .info .smlImg button, [data-page^=sub-] .dtlImage .rightArea .info .smlImg a { width: 6.6rem; height: 6.6rem; border: 1px solid #e9e9e9; }
    [data-page^=sub-] .dtlImage .rightArea .info .basicInfo .addr { margin-bottom: 1rem; margin-top: 1rem; }
    [data-page^=sub-] .dtlImage .rightArea .info .basicInfo .add { margin-bottom: 1rem; }
    [data-page^=sub-] .dtlImage .rightArea .info .basicInfo .add p + p { margin-top: 0; }
    [data-page^=sub-] .dtlImage .rightArea .info .basicInfo .add p i { transform: scale(0.5); transform-origin: center left; margin-right: -2rem; }
}

[data-page^=sub-] .certTbl .certHead { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2rem; }

[data-page^=sub-] .certTbl .certHead.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .certTbl .unitTable .inTbl tr td .unitBtn { margin-left: .5rem; }

@media (max-width: 1224px) { [data-page^=sub-] .certTbl .certHead { -ms-flex-direction: column; flex-direction: column; gap: 1rem; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2rem; }
    [data-page^=sub-] .certTbl .certHead .formRadio { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-order: 2; order: 2; }
    [data-page^=sub-] .certTbl .certHead .unitBtn { width: 100%; -ms-flex-order: 1; order: 1; }
    [data-page^=sub-] .certTbl .certHead .unitBtn button { width: 100%; } }

[data-page^=sub-] .envDbInfo .unitBtn { margin-bottom: 4rem; }

[data-page^=sub-] .envDbInfo .dbList { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-align: start; align-items: flex-start; }

[data-page^=sub-] .envDbInfo .dbList.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .envDbInfo .dbList > li { width: 25%; }

[data-page^=sub-] .envDbInfo .dbList > li > a .imgArea { height: 24rem; border: 1px solid #e8e8e8; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; margin-bottom: 2rem; }

[data-page^=sub-] .envDbInfo .dbList > li > a .imgArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .envDbInfo .dbList > li > a .infoList { text-align: center; }

[data-page^=sub-] .envDbInfo .dbList > li > a .infoList > .tit { height: 3rem; font-family: 'Nanumsquare'; font-size: 2.1rem; font-weight: 500; color: #111; }

[data-page^=sub-] .envDbInfo .dbList > li > a .infoList > .desc { margin-top: 1rem; }

@media (max-width: 1224px) { [data-page^=sub-] .envDbInfo .unitBtn { margin-bottom: 4rem; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; }
    [data-page^=sub-] .envDbInfo .unitBtn button { width: calc(50% - .5rem); padding: 0; }
    [data-page^=sub-] .envDbInfo .dbList { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5rem 2rem; }
    [data-page^=sub-] .envDbInfo .dbList > li { width: calc(50% - 1rem); }
    [data-page^=sub-] .envDbInfo .dbList > li > a .imgArea { height: 12.8rem; }
    [data-page^=sub-] .envDbInfo .dbList > li > a .imgArea .icon { width: 6.5rem; }
    [data-page^=sub-] .envDbInfo .dbList > li > a .infoList > .tit { height: auto; font-size: 1.9rem; }
    [data-page^=sub-] .envDbInfo .dbList > li > a .infoList > .desc { margin-top: .5rem; } }

[data-page^=sub-] .termsCont > .txt { border: 1px solid #d5d5d5; padding: 2rem; color: #555; height: 26rem; overflow: auto; }

[data-page^=sub-] .termsCont > .txt .utilTerms { margin-top: -6rem; max-height: none; }

[data-page^=sub-] .termsCont .formCheckbox { margin-top: 2.7rem; color: #111; }

[data-page^=sub-] .utilTerms { max-height: 50rem; overflow: auto; border: 1rem solid #f1f1f1; padding: 4rem; }

[data-page^=sub-] .utilTerms .docHistory { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end; color: #888; }

[data-page^=sub-] .utilTerms .docHistory.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .utilTerms .docTit { margin-top: 8rem; font-size: 3.1rem; font-weight: 500; text-align: center; color: #111; }

[data-page^=sub-] .utilTerms .subTitMid { margin: 4rem 0 2rem; }

[data-page^=sub-] .utilTerms > .desc { color: #555; white-space: pre-line; }

[data-page^=sub-] .utilTerms > .desc .inner { padding-left: 1.5rem; margin-bottom: -2rem; }

[data-page^=sub-] .utilTerms > .desc + .subTitMid { margin: 6rem 0 2rem; }

@media (max-width: 1224px) { [data-page^=sub-] .utilTerms { max-height: 40rem; overflow: auto; border: .5rem solid #f1f1f1; padding: 2rem; }
    [data-page^=sub-] .utilTerms .docTit { margin-top: 8rem; font-size: 1.9rem; }
    [data-page^=sub-] .utilTerms > .desc .inner { padding-left: 1rem; }
    [data-page^=sub-] .utilTerms .unitTable td { padding: 1rem; } }

[data-page^=sub-] .grayBox { background-color: #fafafa; border: 1px solid #e9e9e9; padding: 3rem; }

.modalCont .grayBox { background-color: #fafafa; border: 1px solid #e9e9e9; padding: 3rem; } /* 231123 pjs */

[data-page^=sub-] .grayBox > .tit { font-weight: 500; color: #111; margin-bottom: 2rem; }

[data-page^=sub-] .grayBox * + .tit { margin-top: 3rem; }

[data-page^=sub-] .grayBox.sml { padding: 1.5rem 2rem; margin-top: 1rem; }

[data-page^=sub-] .grayBox.green { background-color: #fff; border: 1px solid #439827; }

[data-page^=sub-] .joinDoc { position: absolute; right: 0; bottom: 44rem; width: 31rem; }

[data-page^=sub-] .joinDoc > .subTitMid { padding-left: 2.4rem; padding-bottom: 2rem; margin: 0; border-bottom: 1px solid #0083ce; }

[data-page^=sub-] .joinDoc .downList { padding: 2rem 2.4rem; border-bottom: 1px solid #e9e9e9; }

[data-page^=sub-] .joinDoc .downList button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: justify; justify-content: space-between; width: 100%; color: #111; font-size: 1.5rem; }

[data-page^=sub-] .joinDoc .downList button.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .joinDoc .downList button > span { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; }

[data-page^=sub-] .joinDoc .downList button > span.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [data-page^=sub-] .joinDoc { position: relative; bottom: auto; width: 100%; }
    [data-page^=sub-] .joinDoc > .subTitMid { margin: 6rem 0 0; padding-left: 0; }
    [data-page^=sub-] .joinDoc .downList button i { transform: scale(0.5); transform-origin: center right; }
    [data-page^=sub-] .joinDoc .downList button > span i { transform-origin: center left; margin-right: -2rem; } }

[data-page^=sub-] .companyList { border-top: 1px solid #0083ce; padding-top: 4rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 4rem 2.4rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; }

[data-page^=sub-] .companyList.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .companyList > li { width: 28.8rem; min-width: 28.8rem; border: 1px solid #e9e9e9; }

[data-page^=sub-] .companyList > li .imgArea { height: 18rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; align-items: center; border-bottom: 1px solid #e9e9e9; padding: 2rem; }

[data-page^=sub-] .companyList > li .imgArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .companyList > li > button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 6rem; padding: 0 2rem; background-color: #fafafa; }

[data-page^=sub-] .companyList > li > button.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .companyList > li > button strong { font-size: 1.5rem; font-weight: 500; color: #111; -ms-flex: 1; flex: 1; text-align: left; }

[data-page^=sub-] .companyList > li > button > span i + i { margin-left: .5rem; }

@media (max-width: 1224px) { [data-page^=sub-] .companyList { gap: 2.6rem; }
    [data-page^=sub-] .companyList > li { width: calc(50% - 1.3rem); min-width: calc(50% - 1.3rem); }
    [data-page^=sub-] .companyList > li .imgArea { height: 9rem; padding: 2rem; }
    [data-page^=sub-] .companyList > li > button { padding: 0 1rem; position: relative; }
    [data-page^=sub-] .companyList > li > button strong { font-size: 1.2rem; max-width: calc(100% - 5rem); line-height: 1.4; }
    [data-page^=sub-] .companyList > li > button span { transform: scale(0.5); transform-origin: center right; width: 20rem; min-width: 20rem; position: absolute; right: 1rem; text-align: right; } }

[data-page^=sub-] .companyList.sml { gap: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid #f1f1f1; padding-bottom: 2rem; padding-top: 2rem; }

[data-page^=sub-] .companyList.sml > li { width: 100%; border: None; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; }

[data-page^=sub-] .companyList.sml > li.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .companyList.sml > li .imgArea { height: 4rem; width: 15rem; padding: 1rem; border: none; }

[data-page^=sub-] .companyList.sml > li .imgArea img { height: 3rem; width: auto; max-width: none; }

[data-page^=sub-] .companyList.sml > li > button { width: auto; height: auto; padding: 0; -ms-flex: 1; flex: 1; background-color: #fff; }

[data-page^=sub-] .companyList.sml > li + li { border-top: 1px solid #f1f1f1; padding-top: 2rem; margin-top: 2rem; }

@media (max-width: 1224px) { [data-page^=sub-] .companyList.sml > li .imgArea { height: 2rem; width: 8rem; padding: .5rem; }
    [data-page^=sub-] .companyList.sml > li .imgArea img { height: 1.5rem; }
    [data-page^=sub-] .companyList.sml > li > button strong { font-size: 1.3rem; } }

[data-page^=sub-] .companyDtl .topArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2.4rem; -ms-flex-align: start; align-items: flex-start; }

[data-page^=sub-] .companyDtl .topArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .companyDtl .topArea > .left { width: 39rem; min-width: 39rem; height: 42rem; border: 1px solid #e9e9e9; padding: 7.7rem 6rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; }

[data-page^=sub-] .companyDtl .topArea > .left.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .companyDtl .topArea > .right { -ms-flex: 1; flex: 1; }

[data-page^=sub-] .companyDtl .topArea > .right .comName { font-family: 'Nanumsquare'; font-size: 3.1rem; font-weight: 500; color: #111; margin-bottom: 2rem; }

[data-page^=sub-] .companyDtl .topArea > .right .comInfo > li { color: #111; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; padding: 2.5rem 2rem; }

[data-page^=sub-] .companyDtl .topArea > .right .comInfo > li.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .companyDtl .topArea > .right .comInfo > li span { color: #555; font-weight: 500; width: 10.4rem; }

[data-page^=sub-] .companyDtl .topArea > .right .comInfo > li + li { border-top: 1px solid #e9e9e9; }

[data-page^=sub-] .companyDtl .contArea { margin-top: 8rem; border-top: 1px solid #439827; border-bottom: 1px solid #e9e9e9; padding: 2.5rem 3rem; }

[data-page^=sub-] .companyDtl .bottomArea { margin-top: 4rem; }

@media (max-width: 1224px) { [data-page^=sub-] .companyDtl .topArea { gap: 3rem; -ms-flex-direction: column; flex-direction: column; }
    [data-page^=sub-] .companyDtl .topArea > .left { width: 100%; min-width: 100%; height: 20rem; padding: 3rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; }
    [data-page^=sub-] .companyDtl .topArea > .left.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    [data-page^=sub-] .companyDtl .topArea > .right { width: 100%; }
    [data-page^=sub-] .companyDtl .topArea > .right .comName { font-size: 1.9rem; text-align: center; }
    [data-page^=sub-] .companyDtl .topArea > .right .comInfo > li { color: #111; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; padding: 2.5rem 0; }
    [data-page^=sub-] .companyDtl .topArea > .right .comInfo > li.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    [data-page^=sub-] .companyDtl .topArea > .right .comInfo > li span { width: 10rem; }
    [data-page^=sub-] .companyDtl .contArea { padding: 2.5rem 0; }
    [data-page^=sub-] .companyDtl .bottomArea { margin-top: 4rem; margin-bottom: 5rem; }
    [data-page^=sub-] .companyDtl .bottomArea button { -ms-flex: 1; flex: 1; } }

[data-page^=sub-] .downList { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 1rem 2rem; }

[data-page^=sub-] .downList > li { padding: 1rem 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: justify; justify-content: space-between; }

[data-page^=sub-] .downList > li.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .downList > li > button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; }

[data-page^=sub-] .downList > li > button.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-] .downList > li > span { font-size: 1.3rem; color: #888; }

@media (max-width: 1224px) { [data-page^=sub-] .downList > li { gap: 0rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; }
    [data-page^=sub-] .downList > li > button > i { transform: scale(0.5); transform-origin: center left; margin-right: -1.5rem; }
    [data-page^=sub-] .downList > li > span { padding-left: 2.2rem; } }

aside.subBridge { width: 100%; margin: -25rem 0 -12rem; background-size: cover; background-repeat: no-repeat; background-position: center; font-family: 'Nanumsquare'; position: relative; }

aside.subBridge:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

aside.subBridge.bride01 { background-image: url(../img/sub/bridge_01.png); }

aside.subBridge.bride01:before { background-color: rgba(0, 0, 0, 0.6); }

aside.subBridge.bride01 > ul li > button:hover { background-color: rgba(67, 152, 39, 0.4); }

aside.subBridge.bride02 { background-image: url(../img/sub/bridge_02.png); }

aside.subBridge.bride02:before { background-color: rgba(11, 41, 42, 0.7); }

aside.subBridge.bride02 > ul li > button:hover { background-color: rgba(0, 131, 206, 0.4); }

aside.subBridge.bride03 { background-image: url(../img/sub/bridge_03.png); }

aside.subBridge.bride03:before { background-color: rgba(6, 49, 23, 0.65); }

aside.subBridge.bride03 > ul li > button:hover { background-color: rgba(0, 55, 109, 0.55); }

aside.subBridge.bride04 { background-image: url(../img/sub/bridge_04.png); }

aside.subBridge.bride04:before { background-color: rgba(0, 33, 66, 0.7); }

aside.subBridge.bride04 > ul li > button:hover { background-color: rgba(255, 138, 0, 0.4); }

aside.subBridge > .tit { position: absolute; top: 13rem; left: 50%; transform: translateX(-50%); font-size: 4.2rem; color: #fff; z-index: 1; }

aside.subBridge > .tit strong { font-weight: 700; }

aside.subBridge > .desc { position: absolute; top: 23rem; left: 50%; transform: translateX(-50%); font-size: 2rem; color: #fff; width: 100%; text-align: center; z-index: 1; }

aside.subBridge > ul { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; color: #949494; position: relative; }

aside.subBridge > ul.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

aside.subBridge > ul > li { -ms-flex: 1; flex: 1; }

aside.subBridge > ul > li + li { border-left: 1px solid rgba(255, 255, 255, 0.2); }

aside.subBridge > ul > li > button { color: #fff; line-height: 1.4; height: 97.5rem; width: 100%; }

aside.subBridge > ul > li > button > div { font-size: 2.4rem; width: 17rem; text-align: center; text-align: center; margin: 3rem auto 0; }

@media (max-width: 1224px) { aside.subBridge { margin: -40rem 0 -8rem; }
    aside.subBridge > .tit { position: absolute; top: 5.5rem; font-size: 2.4rem; width: 100%; text-align: center; }
    aside.subBridge > .desc { position: absolute; top: 11rem; font-size: 1.6rem; }
    aside.subBridge > ul { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; padding-top: 20rem; }
    aside.subBridge > ul > li { width: 100%; }
    aside.subBridge > ul > li + li { border-left: none; border-top: 1px solid rgba(255, 255, 255, 0.2); }
    aside.subBridge > ul > li > button { height: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; padding: 0 2rem; }
    aside.subBridge > ul > li > button.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    aside.subBridge > ul > li > button i { transform: scale(0.5); transform-origin: center left; margin-right: -4.2rem; }
    aside.subBridge > ul > li > button > div { font-size: 1.8rem; width: auto; text-align: left; margin: 0; }
    aside.subBridge > ul > li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.2); } }

[data-page^=sub-00] { position: relative; }

[data-page^=sub-00] .sec-topVisual .breadcrumbsUnit { display: none; }

[data-page^=sub-00] .logForm { width: 39.2rem; margin: auto; }

[data-page^=sub-00] .logForm .formRadio { margin-bottom: 5rem; margin-top: 5rem; }

[data-page^=sub-00] .logForm .formText { position: relative; margin-bottom: 2rem; }

[data-page^=sub-00] .logForm .formText > i { position: absolute; top: 50%; transform: translateY(-50%); display: block; left: 1.5rem; z-index: 1; }

[data-page^=sub-00] .logForm .formText > input { height: 5.4rem; padding: 0 4rem; }

[data-page^=sub-00] .logForm .addBtn { margin-top: 2rem; margin-bottom: 4rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-pack: center; justify-content: center; }

[data-page^=sub-00] .logForm .addBtn.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-00] .logForm .addBtn > button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.8rem; }

[data-page^=sub-00] .logForm .addBtn > button.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [data-page^=sub-00] .logForm { width: 100%; }
    [data-page^=sub-00] .logForm .formText > i { transform: scale(0.5); transform-origin: center left; margin-top: -1.5rem; }
    [data-page^=sub-00] .logForm .addBtn > button > i { transform: scale(0.5); transform-origin: center left; margin-top: 0rem; margin-right: -1.5rem; } }

[data-page^=sub-00] .userInfo { font-family: 'Nanumsquare'; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: justify; justify-content: space-between; padding: 0 4rem; background-color: #fafafa; border: 1px solid #e8e8e8; height: 12rem; margin-bottom: 6rem; }

[data-page^=sub-00] .userInfo.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-00] .userInfo > .left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; }

[data-page^=sub-00] .userInfo > .left.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-00] .userInfo > .left .imgArea { width: 8.2rem; height: 8.2rem; border: 1px solid #e8e8e8; border-radius: 50%; overflow: hidden; background-image: url(../img/sub/sub_00_01.png); background-size: cover; background-repeat: no-repeat; background-position: center; }

[data-page^=sub-00] .userInfo > .left > p { font-size: 2.1rem; font-weight: 500; color: #439827; }

[data-page^=sub-00] .userInfo > .left > p > strong { font-size: 3.1rem; font-weight: 500; margin-right: .5rem; }

[data-page^=sub-00] .userInfo > .right { font-size: 2.1rem; }

[data-page^=sub-00] .userInfo > .right > p > strong { font-weight: 500; }

@media (max-width: 1224px) { [data-page^=sub-00] .userInfo { gap: 2rem; -ms-flex-direction: column; flex-direction: column; padding: 2rem; height: auto; margin-bottom: 6rem; }
    [data-page^=sub-00] .userInfo > .left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; }
    [data-page^=sub-00] .userInfo > .left.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    [data-page^=sub-00] .userInfo > .left > p { font-size: 1.9rem; }
    [data-page^=sub-00] .userInfo > .left > p > strong { font-size: 3rem; }
    [data-page^=sub-00] .userInfo > .right { font-size: 1.9rem; } }

[data-page^=sub-00] .unitAccordion .accCont .unitTable.typeVer.applyList { margin: 0; }

[data-page^=sub-00] .unitAccordion .accCont .unitTable.typeVer.applyList th, [data-page^=sub-00] .unitAccordion .accCont .unitTable.typeVer.applyList td { padding: 1.2rem 3rem; height: 5rem; }

@media (max-width: 1224px) { [data-page^=sub-00] .unitAccordion .accCont .unitTable.typeVer.applyList th, [data-page^=sub-00] .unitAccordion .accCont .unitTable.typeVer.applyList td { height: 7rem; } }

[data-page^=sub-00] .unitAccordion .accCont .unitTable th, [data-page^=sub-00] .unitAccordion .accCont .unitTable td { padding: 1.2rem 3rem; height: 5rem; }

@media (max-width: 1224px) { [data-page^=sub-00] .unitAccordion .accCont .unitTable th, [data-page^=sub-00] .unitAccordion .accCont .unitTable td { height: 7rem; } }

[data-page^=sub-00] .unitAccordion .accCont .unitTable tr.inTbl td { padding: 1.2rem; height: auto; }

[data-page^=sub-00] .joinForm .stepArea { font-family: 'Nanumsquare'; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 4.4rem; -ms-flex-pack: center; justify-content: center; }

[data-page^=sub-00] .joinForm .stepArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-00] .joinForm .stepArea > li { font-size: 1.9rem; font-weight: 500; color: #888; width: 19rem; height: 19rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; border: 1px solid #e9e9e9; background-color: #fafafa; border-radius: 50%; position: relative; }

[data-page^=sub-00] .joinForm .stepArea > li.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-00] .joinForm .stepArea > li:not(:last-child):before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 3rem; height: 1.7rem; right: -3rem; background-image: url(../img/sub/arrow_right.png); background-repeat: no-repeat; background-position: center right; }

[data-page^=sub-00] .joinForm .stepArea > li.isActive { border-color: #0083ce; background-color: #fff; color: #0083ce; }

[data-page^=sub-00] .joinForm .stepArea > li.isActive:not(:last-child):before { background-image: url(../img/sub/arrow_right_on.png); }

@media (max-width: 1224px) { [data-page^=sub-00] .joinForm .stepArea { gap: .8rem; }
    [data-page^=sub-00] .joinForm .stepArea > li { font-size: 1.4rem; width: 7.5rem; height: 7.5rem; }
    [data-page^=sub-00] .joinForm .stepArea > li:not(:last-child):before { display: none; } }

[data-page^=sub-00] .joinForm > .unitBtn { margin-top: 4rem; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 1224px) { [data-page^=sub-00] .joinForm > .unitBtn { gap: 1rem; } }

[data-page^=sub-00] .joinForm .mobileCheck { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 6rem; -ms-flex-direction: column; flex-direction: column; align-items: center; margin-top: 4rem; color: #111; }

[data-page^=sub-00] .joinForm .mobileCheck.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-00] .joinForm .mobileCheck strong { font-weight: 700; }

[data-page^=sub-00] .joinForm .mobileCheck .desc { text-align: center; }

[data-page^=sub-00] .joinForm .mobileCheck .mobileBtn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; align-items: center; }

[data-page^=sub-00] .joinForm .mobileCheck .mobileBtn.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-00] .joinForm .mobileCheck .mobileBtn .left { width: 17.2rem; }

[data-page^=sub-00] .joinForm .mobileCheck .mobileBtn .right { font-family: 'Nanumsquare'; }

[data-page^=sub-00] .joinForm .mobileCheck .mobileBtn .right > p { font-size: 3.1rem; }

[data-page^=sub-00] .joinForm .mobileCheck .mobileBtn .right .unitBtn { margin-top: 1.8rem; }

[data-page^=sub-00] .joinForm .mobileCheck .mobileBtn .right .unitBtn button { width: 16rem; }

@media (max-width: 1224px) { [data-page^=sub-00] .joinForm .mobileCheck .desc span { display: block; }
    [data-page^=sub-00] .joinForm .mobileCheck .mobileBtn { gap: 3rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; }
    [data-page^=sub-00] .joinForm .mobileCheck .mobileBtn .right > p { font-size: 3rem; text-align: center; } }

[data-page^=sub-00] .joinForm .unitTable { margin-top: 6rem; }

[data-page^=sub-00] .joinForm .bottomArea { margin-top: 4rem; }

[data-page^=sub-00] .joinForm .bottomArea .unitBtn { -ms-flex-pack: center; justify-content: center; }

[data-page^=sub-00] .joinForm .idCheck { width: 65rem; margin: auto; }

[data-page^=sub-00] .joinForm .idCheck .desc { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 4rem; -ms-flex-pack: start; justify-content: flex-start; width: 44rem; margin: auto; }

[data-page^=sub-00] .joinForm .idCheck .desc.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-00] .joinForm .idCheck .desc .left { width: 9.4rem; min-width: 9.3rem; }

[data-page^=sub-00] .joinForm .idCheck .desc .left img { width: 100%; }

[data-page^=sub-00] .joinForm .idCheck .desc .right { -ms-flex: 1; flex: 1; font-size: 2.1rem; font-weight: 700; color: #555; }

[data-page^=sub-00] .joinForm .idCheck .desc .right em { font-weight: 700; }

[data-page^=sub-00] .joinForm .idCheck .infoDtl { margin: 4rem 0; padding: 4rem 0; border: 1px solid #e9e9e9; text-align: center; }

[data-page^=sub-00] .joinForm .idCheck .infoDtl .unitList { display: inline-block; }

[data-page^=sub-00] .joinForm .idCheck .infoDtl .unitList > li { text-align: left; }

[data-page^=sub-00] .joinForm .idCheck + .unitBtn button { width: 18rem; padding: 2rem; }

@media (max-width: 1224px) { [data-page^=sub-00] .joinForm .idCheck { width: 100%; }
    [data-page^=sub-00] .joinForm .idCheck .desc { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 3rem; width: 27rem; }
    [data-page^=sub-00] .joinForm .idCheck .desc.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    [data-page^=sub-00] .joinForm .idCheck .desc .right { font-size: 1.9rem; }
    [data-page^=sub-00] .joinForm .idCheck .desc .right > span { display: block; }
    [data-page^=sub-00] .joinForm .idCheck .infoDtl { margin: 4rem 0; padding: 4rem 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; text-align: center; }
    [data-page^=sub-00] .joinForm .idCheck .infoDtl .unitList { display: inline-block; }
    [data-page^=sub-00] .joinForm .idCheck .infoDtl .unitList > li { text-align: left; }
    [data-page^=sub-00] .joinForm .idCheck + .unitBtn button { width: 10rem; } }

[data-page^=sub-00] .joinForm .passCheck { width: 65rem; margin: auto; }

[data-page^=sub-00] .joinForm .passCheck .desc { text-align: center; color: #111; }

[data-page^=sub-00] .joinForm .passCheck .unitTable { margin: 2rem 0 4rem; }

[data-page^=sub-00] .joinForm .passCheck .addNotice { border: 1px solid #e9e9e9; padding: 4rem; }

[data-page^=sub-00] .joinForm .passCheck .addNotice .tit { width: 100%; text-align: center; margin-bottom: 4rem; font-size: 2.1rem; font-weight: 700; color: #555; }

@media (max-width: 1224px) { [data-page^=sub-00] .joinForm .passCheck { width: 100%; }
    [data-page^=sub-00] .joinForm .passCheck .desc span { display: block; }
    [data-page^=sub-00] .joinForm .passCheck .addNotice { padding: 4rem 2rem; }
    [data-page^=sub-00] .joinForm .passCheck .addNotice .tit { font-size: 1.9rem; } }

[data-page^=sub-00] .joinForm.company .unitTable { margin-top: 0; }

[data-page^=sub-00] .joinForm.company .unitTable + .unitTable { margin-top: 6rem; }

@media (max-width: 1224px) { [data-page^=sub-00] .joinForm.company .unitTable + .unitTable { margin-top: 4rem; } }

[data-page^=sub-00] .joinWelcome { text-align: center; }

[data-page^=sub-00] .joinWelcome > .tit { margin-top: 8rem; font-weight: 500; font-size: 4.2rem; color: #439827; }

[data-page^=sub-00] .joinWelcome img { width: 10.8rem; margin-top: 8rem; }

[data-page^=sub-00] .joinWelcome .desc { margin-top: 2rem; font-family: 'Nanumsquare'; font-size: 2.1rem; }

[data-page^=sub-00] .joinWelcome .desc strong { font-weight: 500; }

[data-page^=sub-00] .joinWelcome .desc strong em { color: #439827; }

[data-page^=sub-00] .joinWelcome .desc p { margin-top: 2rem; font-size: 1.5rem; }

[data-page^=sub-00] .joinWelcome .unitBtn { margin-top: 4rem; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 1224px) { [data-page^=sub-00] .joinWelcome > .tit { margin-top: 4.5rem; }
    [data-page^=sub-00] .joinWelcome .desc { font-size: 1.9rem; }
    [data-page^=sub-00] .joinWelcome .desc p { font-size: 1.4rem; }
    [data-page^=sub-00] .joinWelcome .desc p span { display: block; }
    [data-page^=sub-00] .joinWelcome .unitBtn { margin-top: 4rem; -ms-flex-pack: center; justify-content: center; } }

@media (max-width: 1224px) and (max-width: 1224px) { [data-page^=sub-00] .joinWelcome .unitBtn { gap: 1rem; } }

[data-page^=sub-00] .tt01 .tooltipCont { width: 70rem; }

@media (max-width: 1224px) { [data-page^=sub-00] .tt01 .tooltipCont { left: -7.9rem; } }

[data-page^=sub-00] .tt02 { line-height: 1; }

[data-page^=sub-00] .tt02 .tooltipCont { width: 30rem; font-weight: 400; line-height: 1.4; }

@media (max-width: 1224px) { [data-page^=sub-00] .tt02 .tooltipCont { left: -22.5rem; } }

[data-page^=sub-00] .tt03 { line-height: 1; position: absolute; top: 50%; transform: translateY(-50%); display: block; right: 1.2rem; background: #fff; }

[data-page^=sub-00] .tt03 .tooltipCont { width: 32rem; font-weight: 400; line-height: 1.4; }

@media (max-width: 1224px) { [data-page^=sub-00] .tt03 { width: 1.9rem; }
    [data-page^=sub-00] .tt03 .tooltipCont { right: -1.5rem; left: auto; width: calc(100vw - 6.4rem) !important; } }

[data-page^=sub-01] { position: relative; }

[data-page^=sub-01] .imgDesc { margin-top: 2.5rem; background-position: center top; background-size: contain; background-repeat: no-repeat; }

[data-page^=sub-01] .imgDesc.img01-01 { height: 24rem; background-image: url("../img/sub/sub_01_01.png"); margin-bottom: 1rem; }

@media (max-width: 1224px) { [data-page^=sub-01] .imgDesc.img01-01 { height: 45rem; background-image: url("../img/sub/sub_01_01_mo.png"); } }

[data-page^=sub-01] .historyCont { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; border-top: 1px solid #0083ce; }

[data-page^=sub-01] .historyCont.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-01] .historyCont .yearList { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2.4rem; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #e9e9e9; width: 100%; padding: 2rem 0 4rem; }

[data-page^=sub-01] .historyCont .yearList.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-01] .historyCont .yearList > .tit { width: 29rem; min-width: 29rem; font-family: 'Nanumsquare'; font-weight: 700; font-size: 4.2rem; color: #439827; position: relative; }

[data-page^=sub-01] .historyCont .yearList > .tit.type2 { padding-bottom: 4rem; }

[data-page^=sub-01] .historyCont .yearList > .tit > span { font-size: 2.1rem; font-weight: 400; }

[data-page^=sub-01] .historyCont .yearList > .tit > em { position: absolute; font-size: 4.2rem; font-weight: 700; top: 5rem; left: 11rem; }

[data-page^=sub-01] .historyCont .yearList .monthList { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 4rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; margin-top: 2rem; }

[data-page^=sub-01] .historyCont .yearList .monthList.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-01] .historyCont .yearList .monthList > li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2.4rem; -ms-flex-align: start; align-items: flex-start; }

[data-page^=sub-01] .historyCont .yearList .monthList > li.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-01] .historyCont .yearList .monthList > li .month { width: 8rem; min-width: 8rem; color: #555; font-weight: 500; }

[data-page^=sub-01] .historyCont .yearList .monthList > li > span { -ms-flex: 1; flex: 1; color: #111; }

@media (max-width: 1224px) { [data-page^=sub-01] .historyCont .yearList { padding: 3rem 0; -ms-flex-direction: column; flex-direction: column; }
    [data-page^=sub-01] .historyCont .yearList > .tit { width: 100%; min-width: 100%; font-size: 3rem; }
    [data-page^=sub-01] .historyCont .yearList > .tit.type2 { padding-bottom: 2rem; }
    [data-page^=sub-01] .historyCont .yearList > .tit > span { font-size: 1.9rem; }
    [data-page^=sub-01] .historyCont .yearList > .tit > em { font-size: 3rem; top: 3rem; left: 8rem; }
    [data-page^=sub-01] .historyCont .yearList .monthList { gap: 2rem; margin-top: 0; }
    [data-page^=sub-01] .historyCont .yearList .monthList > li .month { width: 7rem; min-width: 7rem; text-align: right; } }

[data-page^=sub-01] .capIntroduce { margin-top: 6rem; }

[data-page^=sub-01] .capIntroduce > .tit { font-family: 'Nanumsquare'; font-size: 3.1rem; margin-bottom: 4rem; color: #111; }

[data-page^=sub-01] .capIntroduce > .desc { width: 81rem; color: #111; }

[data-page^=sub-01] .capIntroduce > .desc .signArea { margin-top: 3rem; text-align: right; }

[data-page^=sub-01] .capIntroduce > .imgArea { margin: 4rem 0; position: relative; }

[data-page^=sub-01] .capIntroduce > .imgArea > .desc { font-size: 1.9rem; font-family: 'Nanumsquare'; color: #111; position: absolute; left: 10rem; bottom: 6rem; }

[data-page^=sub-01] .capIntroduce > .imgArea > .desc strong { display: block; margin-top: 1rem; font-size: 3.1rem; font-weight: 700; }

@media (max-width: 1224px) { [data-page^=sub-01] .capIntroduce { margin-top: 4rem; }
    [data-page^=sub-01] .capIntroduce > .tit { font-size: 1.9rem; }
    [data-page^=sub-01] .capIntroduce > .desc { width: 100%; }
    [data-page^=sub-01] .capIntroduce > .desc .signArea img { width: 7.5rem; }
    [data-page^=sub-01] .capIntroduce > .imgArea > .desc { font-size: 1.6rem; position: absolute; left: 2.5rem; bottom: auto; top: 50%; transform: translateY(-50%); }
    [data-page^=sub-01] .capIntroduce > .imgArea > .desc strong { margin-top: .5rem; font-size: 1.9rem; } }

[data-page^=sub-01] .capName { font-family: 'Nanumsquare'; color: #111; font-size: 3.1rem; padding: 6rem 0 4rem; border-bottom: 1px solid #e9e9e9; }

@media (max-width: 1224px) { [data-page^=sub-01] .capName { font-size: 1.9rem; padding: 4rem 0; } }

[data-page^=sub-01] .capList { margin-top: 4rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 10rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }

[data-page^=sub-01] .capList.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-01] .capList > li { font-family: 'Nanumsquare'; color: #111;}

[data-page^=sub-01] .capList > li .tit { font-size: 3.1rem; font-weight: 500; margin-top: 4rem; margin-bottom: .5rem; }

[data-page^=sub-01] .capList > li .desc { font-size: 2.1rem; font-weight: 500; margin-top: 3rem; }

@media (max-width: 1224px) { [data-page^=sub-01] .capList { gap: 6rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    [data-page^=sub-01] .capList > li { font-family: 'Nanumsquare'; color: #111; }
    [data-page^=sub-01] .capList > li .tit { font-size: 1.9rem; }
    [data-page^=sub-01] .capList > li .desc { font-size: 1.9rem; } }

[data-page^=sub-01] .orgaCont {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;gap: 0;-ms-flex-direction: column;flex-direction: column;font-weight: 500;}

[data-page^=sub-01] .orgaCont.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-01] .orgaCont [class^=lv0] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; margin-bottom: 3rem; gap: 30rem; }

[data-page^=sub-01] .orgaCont [class^=lv0].typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-01] .orgaCont [class^=lv0] > span { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; position: relative; width: 22rem; height: 8rem; font-size: 1.9rem; margin-bottom: 3rem; border-radius: .6rem; font-size: 2.1rem; color: #439827; background-color: #fff; border: 1px solid #439827; }

[data-page^=sub-01] .orgaCont [class^=lv0] > span.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-01] .orgaCont [class^=lv0] > span:before { content: ''; position: absolute; background-color: #439827; }

[data-page^=sub-01] .orgaCont .lv01 { margin-bottom: 6rem; }

[data-page^=sub-01] .orgaCont .lv01 > span { width: 28rem; height: 10rem; font-size: 3.1rem; color: #fff; background-color: #439827; border-radius: 10rem; }

[data-page^=sub-01] .orgaCont .lv01 > span:before { width: 1px; height: 23rem; left: 50%; bottom: -23rem; }

[data-page^=sub-01] .orgaCont .lv02 > span { width: 24rem; background-color: #ecf4eb; }

[data-page^=sub-01] .orgaCont .lv02 > span:not(:first-child):before { width: 30rem; height: 1px; left: -30rem; bottom: 50%; }

[data-page^=sub-01] .orgaCont .lv03 > span:before { width: 1px; height: 20rem; left: 50%; bottom: -20rem; }

[data-page^=sub-01] .orgaCont .lv04 > span { width: 24rem; background-color: #ecf4eb; }

[data-page^=sub-01] .orgaCont .lv04 > span:not(:first-child):before { width: 15rem; height: 1px; left: -15rem; bottom: 50%; }

[data-page^=sub-01] .orgaCont .lv04 > span:first-child { border: none; background-color: transparent; }

[data-page^=sub-01] .orgaCont .lv05 > span:before { width: 1px; height: 6rem; left: 50%; bottom: -6rem; }

[data-page^=sub-01] .orgaCont .lv06 { margin-bottom: 9rem; }

[data-page^=sub-01] .orgaCont .lv06 > span:before { width: 1px; height: 6rem; left: 50%; bottom: -6rem; }

[data-page^=sub-01] .orgaCont .lv07 { gap: 2rem; position: relative; }

[data-page^=sub-01] .orgaCont .lv07 > button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; width: 18rem; height: 8rem; position: relative; background-color: #fff; border: 1px solid #439827; border-radius: .4rem; -ms-flex-pack: center; justify-content: center; font-size: 1.9rem; font-weight: 500; }

[data-page^=sub-01] .orgaCont .lv07 > button.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-01] .orgaCont .lv07 > button > i { margin-left: 1rem; transition: all .2s ease .1s; }

[data-page^=sub-01] .orgaCont .lv07 > button.isActive { color: #439827; }

[data-page^=sub-01] .orgaCont .lv07 > button.isActive > i { transform: rotate(180deg); }

[data-page^=sub-01] .orgaCont .lv07 > button:before { content: ''; position: absolute; background-color: #439827; width: 1px; height: 6rem; left: 50%; top: -6rem; }

[data-page^=sub-01] .orgaCont .lv07:after {content: '';width: 120.1rem;height: 1px;background-color: #439827;position: absolute;left: 9rem;top: -6rem;}

@media (max-width: 1224px) { [data-page^=sub-01] .orgaCont { -ms-flex-align: start; align-items: flex-start; width: 32rem; margin: auto; padding-left: 1rem; }
    [data-page^=sub-01] .orgaCont [class^=lv0] { gap: 4rem; -ms-flex-direction: column; flex-direction: column; }
    [data-page^=sub-01] .orgaCont [class^=lv0] > span { width: 15rem; height: 7rem; font-size: 1.6rem; margin-bottom: 3rem; }
    [data-page^=sub-01] .orgaCont .lv01 { margin-bottom: 0; margin-left: -1rem; }
    [data-page^=sub-01] .orgaCont .lv01 > span { width: 17rem; height: 8rem; font-size: 1.9rem; }
    [data-page^=sub-01] .orgaCont .lv01 > span:before { width: 1px; height: 23rem; left: 50%; bottom: -23rem; }
    [data-page^=sub-01] .orgaCont .lv02 { padding-left: 15rem; padding-bottom: 2rem; position: relative; }
    [data-page^=sub-01] .orgaCont .lv02 > span { width: 15rem; margin-bottom: -2rem; }
    [data-page^=sub-01] .orgaCont .lv02 > span:before { width: 3rem !important; left: -3rem !important; height: 1px; bottom: 50%; }
    [data-page^=sub-01] .orgaCont .lv02:before { content: ''; position: absolute; left: 7.5rem; width: 4.5rem; height: 1px; bottom: 50%; background-color: #439827; }
    [data-page^=sub-01] .orgaCont .lv02:after { content: ''; position: absolute; left: 12rem; width: 1px; height: 9rem; bottom: calc(50% - 4.5rem); background-color: #439827; }
    [data-page^=sub-01] .orgaCont .lv03 { margin-bottom: 0; }
    [data-page^=sub-01] .orgaCont .lv04 { padding-left: 15rem; margin-bottom: 0; }
    [data-page^=sub-01] .orgaCont .lv04 > span { width: 15rem; }
    [data-page^=sub-01] .orgaCont .lv04 > span:not(:first-child):before { width: 7.5rem; left: -7.5rem; }
    [data-page^=sub-01] .orgaCont .lv04 > span:first-child { display: none; }
    [data-page^=sub-01] .orgaCont .lv05 { margin-bottom: 0; }
    [data-page^=sub-01] .orgaCont .lv06 { margin-bottom: 4rem; }
    [data-page^=sub-01] .orgaCont .lv07 { gap: 4rem 1rem; width: 32rem; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; }
    [data-page^=sub-01] .orgaCont .lv07 > button { width: 15rem; height: 7rem; font-size: 1.6rem; }
    [data-page^=sub-01] .orgaCont .lv07 > button > i { margin-left: 0; transform: scale(0.5); transition: all .2s ease .1s; }
    [data-page^=sub-01] .orgaCont .lv07 > button.isActive > i { transform: rotate(180deg) scale(0.5); }
    [data-page^=sub-01] .orgaCont .lv07 > button:before { width: 1px; height: 4rem; left: 50%; top: -4rem; }
    [data-page^=sub-01] .orgaCont .lv07:after { width: 16.1rem; height: 1px; left: 7.5rem; top: -4rem; } }

[data-page^=sub-01] .orgaDtl { position: relative; }

[data-page^=sub-01] .orgaDtl .orgaTbl { display: none; }

[data-page^=sub-01] .orgaDtl .orgaTbl .unitBtn { position: absolute; right: 0; top: -1rem; }

[data-page^=sub-01] .orgaDtl .orgaTbl .unitBtn button i { transform: scale(0.7); transform-origin: center right; margin-left: 1rem; }

[data-page^=sub-01] .orgaDtl .orgaTbl.isActive { display: block; }

@media (max-width: 1224px) { [data-page^=sub-01] .orgaDtl .orgaTbl .unitBtn button i { transform: scale(0.4); margin-left: 0; } }

[data-page^=sub-01] .mapCont .unitBtn { margin-top: 2rem; -ms-flex-pack: end; justify-content: flex-end; }

[data-page^=sub-02] { position: relative; }

[data-page^=sub-03] { position: relative; }

[data-page^=sub-03] .unitList > li { color: #111; }

[data-page^=sub-03] .unitList > li strong { font-weight: 500; }

[data-page^=sub-03] .unitList > li .boxGray { background-color: #f9f9f9; border: 1px solid #e9e9e9; padding: 1.2rem 2rem; margin-top: 1rem; }

[data-page^=sub-03] .unitList > li .unitTable { margin-top: 1rem; }

[data-page^=sub-03] .unitList > li ul { margin-top: .5rem; }

[data-page^=sub-03] .unitList > li ul li { color: #888; }

[data-page^=sub-03] .tbl03_04_01 { margin-top: -4rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .tbl03_04_01 table td:nth-child(1) { display: none; }
    [data-page^=sub-03] .tbl03_04_01 table td:nth-child(2) { text-align: left; }
    [data-page^=sub-03] .tbl03_04_01 table td:nth-child(5) { position: absolute; right: 0; bottom: 3rem; } }

[data-page^=sub-03] .imgDesc { margin-top: 2.5rem; background-position: center top; background-size: contain; background-repeat: no-repeat; margin-left: 50%; transform: translateX(-50%) scale(0.73); transform-origin: center top; width: 122.4rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc { width: 100% !important; margin-left: 0; transform: none; margin-bottom: 0 !important; } }

[data-page^=sub-03] .imgDesc.img03-01 { height: 18rem; background-image: url("../img/sub/sub_03_01.png"); margin-bottom: -3rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-01 { height: 87rem; background-image: url("../img/sub/sub_03_01_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-02 { height: 43rem; background-image: url("../img/sub/sub_03_02.png"); margin-bottom: -10rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-02 { height: 87rem; background-image: url("../img/sub/sub_03_02_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-03 { height: 28rem; background-image: url("../img/sub/sub_03_03.png"); margin-bottom: -6rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-03 { height: 96rem; background-image: url("../img/sub/sub_03_03_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-04 { height: 25rem; background-image: url("../img/sub/sub_03_04.png"); margin-bottom: -6rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-04 { height: 195rem; background-image: url("../img/sub/sub_03_04_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-05 { height: 35rem; background-image: url("../img/sub/sub_03_05.png"); /*margin-bottom:-3rem;*/ margin: 2.5rem auto; transform: none; width: 100%; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-05 { height: 91.6rem; background-image: url("../img/sub/sub_03_05_mo.png"); margin-bottom: 2rem !important; } }

[data-page^=sub-03] .imgDesc.img03-06 { height: 64rem; background-image: url("../img/sub/sub_03_06.png"); margin-bottom: -16rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-06 { height: 193rem; background-image: url("../img/sub/sub_03_06_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-07 { height: 28rem; background-image: url("../img/sub/sub_03_07.png"); margin-bottom: -6rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-07 { height: 160rem; background-image: url("../img/sub/sub_03_07_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-08 { height: 24.9rem; background-image: url("../img/sub/sub_03_08.png"); margin-bottom: -6rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-08 { height: 145rem; background-image: url("../img/sub/sub_03_08_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-09 { height: 44rem; background-image: url("../img/sub/sub_03_09.png"); margin-bottom: 1rem; position: relative; }

[data-page^=sub-03] .imgDesc.img03-09:after { content: '한국산업기술 온라인 박람회(KEITO)'; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; background-color: #47576e; width: 100%; height: 4rem; bottom: -4rem; position: absolute; }

[data-page^=sub-03] .imgDesc.img03-09:after.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-09 { height: 42.5rem; background-image: url("../img/sub/sub_03_09_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-10 { height: 18rem; background-image: url("../img/sub/sub_03_10.png"); margin-bottom: 1rem; position: relative; margin-bottom: 10rem; }

[data-page^=sub-03] .imgDesc.img03-10:after { content: '환경산업협력포럼'; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; background-color: #47576e; width: 100%; height: 4rem; bottom: -4rem; position: absolute; }

[data-page^=sub-03] .imgDesc.img03-10:after.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-10 { height: 19.1rem; background-image: url("../img/sub/sub_03_10_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-11 { height: 30rem; background-image: url("../img/sub/sub_03_11.png"); margin-bottom: -8rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-11 { height: 62rem; background-image: url("../img/sub/sub_03_11_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-12 { height: 9rem; background-image: url("../img/sub/sub_03_12.png"); margin-bottom: -2rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-12 { height: 68rem; background-image: url("../img/sub/sub_03_12_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-13 { height: 23rem; background-image: url("../img/sub/sub_03_13.png"); margin-bottom: -6rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-13 { height: 98rem; background-image: url("../img/sub/sub_03_13_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-14 { height: 23rem; background-image: url("../img/sub/sub_03_14.png"); margin-bottom: -6rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-14 { height: 98rem; background-image: url("../img/sub/sub_03_14_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-15 { height: 51rem; background-image: url("../img/sub/sub_03_15.png"); margin-bottom: -13rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-15 { height: 186.3rem; background-image: url("../img/sub/sub_03_15_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-16 { height: 40rem; background-image: url("../img/sub/sub_03_16.png"); margin-bottom: 1rem; margin-left: 0; transform: none; width: auto; background-position: left; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-16 { height: 22.6rem; background-image: url("../img/sub/sub_03_16_mo.png"); background-position: center; } }

[data-page^=sub-03] .imgDesc.img03-17aust { height: 40rem; background-image: url("../img/sub/sub_03_17aust.png"); margin-bottom: 1rem; margin-left: 0; transform: none; width: auto; background-position: left; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-17aust { height: 22.6rem; background-image: url("../img/sub/sub_03_17aust_mo.png"); background-position: center; } }

[data-page^=sub-03] .imgDesc.img03-17 { height: 28rem; background-image: url("../img/sub/sub_03_17.png"); margin-bottom: -6rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-17 { height: 96rem; background-image: url("../img/sub/sub_03_17_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-18 { height: 49rem; background-image: url("../img/sub/sub_03_18.png"); margin-bottom: -12rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-18 { height: 211rem; background-image: url("../img/sub/sub_03_18_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-19 { height: 61.4rem; background-image: url("../img/sub/sub_03_19.png"); margin-bottom: -12rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-19 { height: 152rem; background-image: url("../img/sub/sub_03_19_mo.png"); } }

[data-page^=sub-03] .imgDesc.img03-20 { height: 61.4rem; background-image: url("../img/sub/sub_03_20.png"); margin-bottom: -12rem; }

@media (max-width: 1224px) { [data-page^=sub-03] .imgDesc.img03-20 { height: 152rem; background-image: url("../img/sub/sub_03_20_mo.png"); } }

[data-page^=sub-04] { position: relative; }

[data-page^=sub-04] .roomInfo .photoArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2.4rem; }

[data-page^=sub-04] .roomInfo .photoArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-04] .roomInfo .photoArea > li { -ms-flex: 1; flex: 1; position: relative; }

[data-page^=sub-04] .roomInfo .photoArea > li .tit { position: absolute; font-size: 1.4rem; color: #fff; background-color: rgba(61, 78, 102, 0.9); text-align: center; z-index: 1; width: 100%; bottom: 0; padding: 1.2rem; }

@media (max-width: 1224px) { [data-page^=sub-04] .roomInfo .photoArea { -ms-flex-direction: column; flex-direction: column; } }

[data-page^=sub-04] .roomInfo .unitTable { margin-top: 3rem; }

[data-page^=sub-04] .roomInfo .unitList { margin-top: 1.2rem; }

[data-page^=sub-04] .roomFee .unitList { margin-top: 1.2rem; }

[data-page^=sub-04] .roomReser { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-pack: center; justify-content: center; }

[data-page^=sub-04] .roomReser.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-04] .roomReser .boxArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; width: 24rem; height: 24rem; border-radius: 6rem; border: 1px solid #439827; text-align: center; }

[data-page^=sub-04] .roomReser .boxArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-04] .roomReser .boxArea .tit { font-size: 1.9rem; font-weight: 500; color: #439827; }

[data-page^=sub-04] .roomReser .boxArea .tit > span { display: block; }

[data-page^=sub-04] .roomReser .boxArea .desc { color: #111; }

@media (max-width: 1224px) { [data-page^=sub-04] .roomReser { -ms-flex-direction: column; flex-direction: column; }
    [data-page^=sub-04] .roomReser i { transform: scale(0.5); margin: -3rem 0; }
    [data-page^=sub-04] .roomReser .boxArea { width: 25rem; height: 20rem; } }

[data-page^=sub-04] .mapGuide > img { border-radius: 3rem; border: 1px solid #e3e3e3; }

[data-page^=sub-04] .mapGuide > .unitList { margin-top: 2rem; }

[data-page^=sub-04] .mapGuide > .unitList > li { font-weight: 500; color: #111; }

[data-page^=sub-04] .mapGuide > .unitList > li ul li { font-weight: 400; color: #888; }

[data-page^=sub-04] .mapGuide .unitBtn { margin-top: 2rem; -ms-flex-pack: start; justify-content: flex-start; }

@media (max-width: 1224px) { [data-page^=sub-04] .mapGuide .unitBtn { margin-top: 1rem; }
    [data-page^=sub-04] .mapGuide .unitBtn button { font-size: 1.4rem; padding: 0 3rem; width: 100%; } }

[data-page^=sub-04] .imgDesc { margin-top: 2.5rem; background-position: center top; background-size: contain; background-repeat: no-repeat; margin-left: 50%; transform: translateX(-50%) scale(0.73); transform-origin: center top; width: 122.4rem; }

@media (max-width: 1224px) { [data-page^=sub-04] .imgDesc { width: 100% !important; margin-left: 0; transform: none; margin-bottom: 0 !important; } }

[data-page^=sub-04] .imgDesc.img04-01 { height: 26rem; background-image: url("../img/sub/sub_04_01.png"); margin-bottom: -6rem; }

@media (max-width: 1224px) { [data-page^=sub-04] .imgDesc.img04-01 { height: 90rem; background-image: url("../img/sub/sub_04_01_mo.png"); } }

[data-page^=sub-04] .lecFin { text-align: center; }

[data-page^=sub-04] .lecFin > .tit { margin-top: 8rem; font-weight: 500; font-size: 4.2rem; color: #439827; }

[data-page^=sub-04] .lecFin img { width: 10.8rem; margin-top: 8rem; }

[data-page^=sub-04] .lecFin .desc { margin-top: 2rem; font-family: 'Nanumsquare'; font-size: 2.1rem; }

[data-page^=sub-04] .lecFin .desc strong { font-weight: 500; }

[data-page^=sub-04] .lecFin .desc strong em { color: #439827; }

[data-page^=sub-04] .lecFin .desc p { margin-top: 2rem; font-size: 1.5rem; }

[data-page^=sub-04] .lecFin .unitBtn { margin-top: 4rem; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 1224px) { [data-page^=sub-04] .lecFin > .tit { margin-top: 4.5rem; }
    [data-page^=sub-04] .lecFin .desc { font-size: 1.9rem; }
    [data-page^=sub-04] .lecFin .desc p { font-size: 1.4rem; }
    [data-page^=sub-04] .lecFin .desc p span { display: block; }
    [data-page^=sub-04] .lecFin .unitBtn { margin-top: 4rem; -ms-flex-pack: center; justify-content: center; } }

@media (max-width: 1224px) and (max-width: 1224px) { [data-page^=sub-04] .lecFin .unitBtn { gap: 1rem; } }

[data-page^=sub-05] { position: relative; }

[data-page^=sub-05] .listArea { margin-top: -1rem; }

[data-page^=sub-05] .listArea > .unitList > li { color: #111; }

[data-page^=sub-05] .listArea > .unitList > li strong { font-weight: 500; }

[data-page^=sub-05] .listArea > .unitList > li .boxGray { background-color: #f9f9f9; border: 1px solid #e9e9e9; padding: 1.2rem 2rem; margin-top: 1rem; }

[data-page^=sub-05] .listArea > .unitList > li .unitTable { margin-top: 1rem; }

[data-page^=sub-05] .listArea > .unitList > li ul { margin-top: .5rem; }

[data-page^=sub-05] .listArea > .unitList > li ul li { color: #888; }

[data-page^=sub-05] .listArea .imgDesc { margin-top: 2.5rem; background-position: center top; background-size: contain; background-repeat: no-repeat; margin-left: 50%; transform: translateX(-50%) scale(0.73); transform-origin: center top; width: 122.4rem; }

@media (max-width: 1224px) { [data-page^=sub-05] .listArea .imgDesc { width: 100% !important; margin-left: 0; transform: none; margin-bottom: 0 !important; } }

[data-page^=sub-05] .listArea .imgDesc.img05-01 { height: 15rem; background-image: url("../img/sub/sub_05_01.png"); margin-bottom: -4rem; }

@media (max-width: 1224px) { [data-page^=sub-05] .listArea .imgDesc.img05-01 { height: 72.3rem; background-image: url("../img/sub/sub_05_01_mo.png"); } }

[data-page^=sub-05] .listArea .imgDesc.img05-02 { height: 64rem; background-image: url("../img/sub/sub_05_02.png"); margin-bottom: -15rem; }

@media (max-width: 1224px) { [data-page^=sub-05] .listArea .imgDesc.img05-02 { height: 193rem; background-image: url("../img/sub/sub_05_02_mo.png"); } }

[data-page^=sub-05] .listArea .imgDesc.img05-03 { height: 28rem; background-image: url("../img/sub/sub_05_03.png"); margin-bottom: -6rem; }

@media (max-width: 1224px) { [data-page^=sub-05] .listArea .imgDesc.img05-03 { height: 160rem; background-image: url("../img/sub/sub_05_03_mo.png"); } }

[data-page^=sub-05] .listArea .imgDesc.img05-04 { height: 24.9rem; background-image: url("../img/sub/sub_05_04.png"); margin-bottom: -6rem; }

@media (max-width: 1224px) { [data-page^=sub-05] .listArea .imgDesc.img05-04 { height: 195rem; background-image: url("../img/sub/sub_05_04_mo.png"); } }

[data-page^=sub-05] .listArea .imgDesc.img05-05 { height: 20rem; background-image: url("../img/sub/sub_05_05.png"); margin-bottom: -4rem; }

@media (max-width: 1224px) { [data-page^=sub-05] .listArea .imgDesc.img05-05 { height: 87rem; background-image: url("../img/sub/sub_05_05_mo.png"); } }

[data-page^=sub-06] { position: relative; }

[data-page^=sub-06] .imgDesc { margin-top: 2.5rem; background-position: center top; background-size: contain; background-repeat: no-repeat; margin-left: 50%; transform: translateX(-50%) scale(0.73); transform-origin: center top; width: 122.4rem; }

@media (max-width: 1224px) { [data-page^=sub-06] .imgDesc { width: 100% !important; margin-left: 0; transform: none; margin-bottom: 0 !important; } }

[data-page^=sub-06] .imgDesc.img06-01 { height: 43rem; width: 101.6rem; background-image: url("../img/sub/sub_06_01.png"); margin-bottom: -10rem; }

@media (max-width: 1224px) { [data-page^=sub-06] .imgDesc.img06-01 { height: 52rem; background-image: url("../img/sub/sub_06_01_mo.png"); } }

[data-page^=sub-06] .imgDesc.img06-02 { height: 36rem; width: 101.6rem; background-image: url("../img/sub/sub_06_04.png"); margin-bottom: -8rem; }

@media (max-width: 1224px) { [data-page^=sub-06] .imgDesc.img06-02 { height: 116.5rem; background-image: url("../img/sub/sub_06_04_mo.png"); } }

[data-page^=sub-06] .tt01 .tooltipCont { width: 40rem; }

@media (max-width: 1224px) { [data-page^=sub-06] .tt01 .tooltipCont { left: -7.5rem; } }

[data-page^=sub-06] .tt02 .tooltipCont { width: 39rem; }

@media (max-width: 1224px) { [data-page^=sub-06] .tt02 .tooltipCont { left: -6.8rem; } }

[data-page^=sub-06] .tt03 .tooltipCont { width: 39rem; }

@media (max-width: 1224px) { [data-page^=sub-06] .tt03 .tooltipCont { left: -10.8rem; } }

[data-page^=sub-06] .tt04 .tooltipCont { width: 26rem; }

@media (max-width: 1224px) { [data-page^=sub-06] .tt04 .tooltipCont { left: -8rem; } }

[data-page^=sub-06] .tt05 .tooltipCont { width: 39rem; }

@media (max-width: 1224px) { [data-page^=sub-06] .tt05 .tooltipCont { left: -13.6rem; } }

@media (max-width: 1224px) { [data-page^=sub-06] .tt06 { display: block; } }

[data-page^=sub-06] .tt06 .tooltipCont { width: 20rem; text-align: left; }

@media (max-width: 1224px) { [data-page^=sub-06] .tt06 .tooltipCont { left: -0rem; max-width: 18rem; } }

[data-page^=sub-06] .unitTable.typeVer table tbody tr td.inList > .unitList > li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-align: start; align-items: flex-start; }

[data-page^=sub-06] .unitTable.typeVer table tbody tr td.inList > .unitList > li.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-06] .unitTable.typeVer table tbody tr td.inList > .unitList > li:before { content: ''; top: 1.7rem; }

[data-page^=sub-06] .unitTable.typeVer table tbody tr td.inList > .unitList > li .tit { width: 9rem; padding-top: 1rem; }

[data-page^=sub-06] .unitTable.typeVer table tbody tr td.inList > .unitList > li .inpFile { -ms-flex: 1; flex: 1; }

[data-page^=sub-06] .unitTable.typeVer table tbody tr td.inList > .unitList > li:not(:last-child) { border-bottom: 1px solid #e9e9e9; margin-bottom: 2rem; padding-bottom: 1rem; }

@media (max-width: 1224px) { [data-page^=sub-06] .unitTable.typeVer table tbody tr td.inList > .unitList > li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-direction: column; flex-direction: column; }
    [data-page^=sub-06] .unitTable.typeVer table tbody tr td.inList > .unitList > li.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    [data-page^=sub-06] .unitTable.typeVer table tbody tr td.inList > .unitList > li:before { content: ''; top: .7rem; }
    [data-page^=sub-06] .unitTable.typeVer table tbody tr td.inList > .unitList > li .tit { width: 100%; padding-top: 0; }
    [data-page^=sub-06] .unitTable.typeVer table tbody tr td.inList > .unitList > li .inpFile { -ms-flex: 1; flex: 1; }
    [data-page^=sub-06] .unitTable.typeVer table tbody tr td.inList > .unitList > li:not(:last-child) { border-bottom: 1px solid #e9e9e9; margin-bottom: 2rem; padding-bottom: 1rem; } }

[data-page^=sub-07] { position: relative; }

[data-page^=sub-07] .singleTit { font-family: 'Nanumsquare'; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; position: absolute; font-size: 3.1rem; color: #0083ce; background-color: #fff; font-weight: 500; transform: translateX(-50%); width: 60rem; height: 8rem; background: #fff; margin-top: -16rem; left: 50%; }

[data-page^=sub-07] .singleTit.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [data-page^=sub-07] .singleTit { font-size: 1.9rem; height: 6rem; width: 100%; border-bottom: none; position: relative; margin-top: -10rem; margin-bottom: 4rem; }
    [data-page^=sub-07] .singleTit:before { content: ''; position: absolute; left: -1.9rem; top: 0; width: 1.9rem; height: calc(100% - 1px); border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; background-color: #fafafa; z-index: 1; }
    [data-page^=sub-07] .singleTit:after { content: ''; position: absolute; right: -1.9rem; top: 0; width: 1.9rem; height: calc(100% - 1px); border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; background-color: #fafafa; z-index: 1; } }

[data-page^=sub-sch] { position: relative; }

[data-page^=sub-sch] .sec-topVisual .breadcrumbsUnit { display: none; }

[data-page^=sub-sch] .schTit { font-family: 'Nanumsquare'; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; position: absolute; font-size: 3.1rem; color: #0083ce; background-color: #fff; font-weight: 500; transform: translateX(-50%); width: 60rem; height: 8rem; background: #fff; margin-top: -16rem; left: 50%; }

[data-page^=sub-sch] .schTit.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [data-page^=sub-sch] .schTit { font-size: 1.9rem; height: 6rem; width: 100%; border-bottom: none; position: relative; margin-top: -10rem; margin-bottom: 4rem; }
    [data-page^=sub-sch] .schTit:before { content: ''; position: absolute; left: -1.9rem; top: 0; width: 1.9rem; height: calc(100% - 1px); border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; background-color: #fafafa; z-index: 1; }
    [data-page^=sub-sch] .schTit:after { content: ''; position: absolute; right: -1.9rem; top: 0; width: 1.9rem; height: calc(100% - 1px); border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; background-color: #fafafa; z-index: 1; } }

[data-page^=sub-sch] .schForm { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; }

[data-page^=sub-sch] .schForm.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-sch] .schForm .schBox { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; margin: auto; }

[data-page^=sub-sch] .schForm .schBox.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-sch] .schForm .schBox .formSelect { width: 19.2rem; height: 7.4rem; font-size: 1.7rem; }

[data-page^=sub-sch] .schForm .schBox .formSelect .selectBtn { height: 7.4rem; border: 0.2rem solid #0083ce; background-color: #fff; border-radius: .6rem; background: url("../img/common/select_arrow2.png") no-repeat center right 1.7rem; }

[data-page^=sub-sch] .schForm .schBox .formSelect .select { border: 0.2rem solid #0083ce; border-radius: 0 0 .6rem .6rem; }

[data-page^=sub-sch] .schForm .schBox .formSelect.active .selectBtn { border-radius: .6rem .6rem 0 0; background: url("../img/common/select_arrow2_up.png") no-repeat center right 1.7rem; }

[data-page^=sub-sch] .schForm .schBox .formText { width: 80rem; }

[data-page^=sub-sch] .schForm .schText { margin-top: 5.4rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-pack: center; justify-content: center; font-size: 3.1rem; }

[data-page^=sub-sch] .schForm .schText.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-sch] .schForm .schText > p strong { font-weight: 500; color: #f57a00; }

[data-page^=sub-sch] .schForm .schText > span { font-size: 1.9rem; background-color: #f57a00; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; height: 4rem; padding: 0 3rem; -ms-flex-pack: center; justify-content: center; border-radius: 10rem; }

[data-page^=sub-sch] .schForm .schText > span.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-sch] .schForm .schFilter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-pack: center; justify-content: center; margin-top: 4rem; }

[data-page^=sub-sch] .schForm .schFilter.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-sch] .schForm .schFilter .filter { font-size: 1.9rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; }

[data-page^=sub-sch] .schForm .schFilter .filter.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [data-page^=sub-sch] .schForm .schBox { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-direction: column; flex-direction: column; width: 100%; }
    [data-page^=sub-sch] .schForm .schBox.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    [data-page^=sub-sch] .schForm .schBox .formSelect { height: 4.8rem; font-size: 1.5rem; width: 100%; }
    [data-page^=sub-sch] .schForm .schBox .formSelect .selectBtn { height: 4.8rem; }
    [data-page^=sub-sch] .schForm .schBox .formText { width: 100%; }
    [data-page^=sub-sch] .schForm .schText { margin-top: 3rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.5rem; font-size: 1.9rem; -ms-flex-direction: column; flex-direction: column; }
    [data-page^=sub-sch] .schForm .schText.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    [data-page^=sub-sch] .schForm .schText > span { font-size: 1.2rem; height: 2.4rem; padding: 0 2rem; }
    [data-page^=sub-sch] .schForm .schFilter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; width: 100%; }
    [data-page^=sub-sch] .schForm .schFilter.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    [data-page^=sub-sch] .schForm .schFilter .filter { font-size: 1.6rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; width: 100%; -ms-flex-align: start; align-items: flex-start; }
    [data-page^=sub-sch] .schForm .schFilter .filter.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    [data-page^=sub-sch] .schForm .schFilter .filter > .tit { min-width: 5rem; margin-top: 1rem; }
    [data-page^=sub-sch] .schForm .schFilter .filter .formRadio { -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; } }

[data-page^=sub-sch] .schResult .resultTit { font-family: 'Nanumsquare'; margin-top: 8rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; font-size: 2.1rem; font-weight: 500; padding-bottom: 3rem; border-bottom: 1px solid #0083ce; margin-bottom: 3rem; }

[data-page^=sub-sch] .schResult .resultTit.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-sch] .schResult .resultTit .num { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; font-size: 1.3rem; height: 2.4rem; padding: 0 2rem; font-weight: 400; color: #fff; background-color: #f57a00; -ms-flex-pack: center; justify-content: center; border-radius: 10rem; }

[data-page^=sub-sch] .schResult .resultTit .num.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-sch] .schResult .resultCont { padding: 0 2rem; }

[data-page^=sub-sch] .schResult .resultCont > .unitList.dot li:before { top: 1.2rem; }

[data-page^=sub-sch] .schResult .resultCont > .unitList.dot li .unitBtn .text + span { color: #888; }

[data-page^=sub-sch] .schResult .resultCont + .resultCont { margin-top: 2rem; padding-top: 2rem !important; border-top: 1px solid #e8e8e8; }

[data-page^=sub-sch] .schResult .resultCont .tit { font-family: 'Nanumsquare'; font-size: 2.1rem; font-weight: 500; margin-bottom: .5rem; display: block; }

[data-page^=sub-sch] .schResult .resultCont .txt { font-weight: 400; margin-bottom: 2rem; color: #111; width: 100%; display: block; }

[data-page^=sub-sch] .schResult .resultCont .txt em { color: #f57a00; font-weight: 500; }

[data-page^=sub-sch] .schResult > .unitBtn { margin-top: 5rem; -ms-flex-pack: center; justify-content: center; }

[data-page^=sub-sch] .schResult.page .resultCont { padding: 0; }

[data-page^=sub-sch] .schResult.board .resultCont { padding: 0; }

[data-page^=sub-sch] .schResult.board .resultCont .txt { color: #555; }

[data-page^=sub-sch] .schResult.image .resultCont { padding: 0; }

[data-page^=sub-sch] .schResult.image .resultCont .brdImg { border-top: 0; padding-top: 0; border-bottom: none; }

[data-page^=sub-sch] .schResult.image .resultCont .brdImg .imgList > li a .imgArea { margin-bottom: 2rem; }

[data-page^=sub-sch] .schResult.attatch .resultCont { padding: 0; }

[data-page^=sub-sch] .schResult.attatch .resultCont .fileList { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }

[data-page^=sub-sch] .schResult.attatch .resultCont .fileList.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

[data-page^=sub-sch] .schResult.attatch .resultCont .fileList > li { width: calc(50% - 1rem); border: 1px solid #e8e8e8; padding: 3rem; position: relative; }

[data-page^=sub-sch] .schResult.attatch .resultCont .fileList > li strong { font-family: 'Nanumsquare'; font-size: 2.1rem; font-weight: 500; overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 1rem; width: 100%; }

[data-page^=sub-sch] .schResult.attatch .resultCont .fileList > li .desc { overflow: hidden; display: -webkit-box; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; height: 4.5rem; }

[data-page^=sub-sch] .schResult.attatch .resultCont .fileList > li .date { margin-top: 2rem; display: block; color: #888; }

[data-page^=sub-sch] .schResult.attatch .resultCont .fileList > li button { position: absolute; right: 3rem; bottom: 3rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; color: #0083ce; }

[data-page^=sub-sch] .schResult.attatch .resultCont .fileList > li button.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 1224px) { [data-page^=sub-sch] .schResult .resultTit { margin-top: 9rem; font-size: 1.9rem; padding-bottom: 2.8rem; margin-bottom: 2.8rem; }
    [data-page^=sub-sch] .schResult .resultTit .num { font-size: 1.3rem; height: 2.4rem; padding: 0 1rem; }
    [data-page^=sub-sch] .schResult .resultCont { padding: 0 1rem; }
    [data-page^=sub-sch] .schResult .resultCont .tit { font-size: 1.9rem; }
    [data-page^=sub-sch] .schResult .resultCont .txt { margin-bottom: 1rem; }
    [data-page^=sub-sch] .schResult > .unitBtn { margin-top: 4rem; }
    [data-page^=sub-sch] .schResult.image .resultCont .brdImg .imgList > li a .imgArea { margin-bottom: 1rem; }
    [data-page^=sub-sch] .schResult.attatch .resultCont .fileList { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1.5rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column; }
    [data-page^=sub-sch] .schResult.attatch .resultCont .fileList.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    [data-page^=sub-sch] .schResult.attatch .resultCont .fileList > li { width: 100%; }
    [data-page^=sub-sch] .schResult.attatch .resultCont .fileList > li strong { font-size: 1.9rem; margin-bottom: .5rem; }
    [data-page^=sub-sch] .schResult.attatch .resultCont .fileList > li .desc { height: 4rem; }
    [data-page^=sub-sch] .schResult.attatch .resultCont .fileList > li .date { margin-top: 1rem; }
    [data-page^=sub-sch] .schResult.attatch .resultCont .fileList > li button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.5rem; bottom: 2rem; }
    [data-page^=sub-sch] .schResult.attatch .resultCont .fileList > li button.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    [data-page^=sub-sch] .schResult.attatch .resultCont .fileList > li button > i { transform: scale(0.5); transform-origin: center right; } }

@media (max-width: 1224px) { .tblWorker table tr { position: relative; }
    .tblWorker table tr th.brdR { border-right: none !important; border-top: 1px solid #e9e9e9; }
    .tblWorker table tr th:nth-child(2) { z-index: 1; text-align: left !important; position: absolute; top: 5rem; }
    .tblWorker table tr th:nth-child(3) { z-index: 1; text-align: left !important; position: absolute; top: 17rem; }
    .tblWorker table tr th:nth-child(4) { z-index: 1; text-align: left !important; position: absolute; top: 29rem; }
    .tblWorker table tr td { border-right: none !important; margin-top: 5rem; } }

@media (max-width: 1224px) { .tblWorker table tr { position: relative; }
    .tblWorker table tr th.brdR { border-right: none !important; }
    .tblWorker table tr th:nth-child(2) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 5rem; }
    .tblWorker table tr th:nth-child(3) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 17rem; }
    .tblWorker table tr th:nth-child(4) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 29rem; }
    .tblWorker table tr td { border-right: none !important; margin-top: 5rem; } }

@media (max-width: 1224px) { .tblFinance table tr { position: relative; }
    .tblFinance table tr:nth-child(1) th.brdR { border-right: none !important; }
    .tblFinance table tr:nth-child(1) th:nth-child(1) { display: none; }
    .tblFinance table tr:nth-child(1) th:nth-child(2) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 5rem; }
    .tblFinance table tr:nth-child(1) th:nth-child(3) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 17rem; }
    .tblFinance table tr:nth-child(1) th:nth-child(4) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 29rem; }
    .tblFinance table tr:nth-child(1) td { border-right: none !important; margin-top: 5rem; }
    .tblFinance table tr:nth-child(2) th.brdR { border-right: none !important; }
    .tblFinance table tr:nth-child(2) th:nth-child(2) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 5rem; }
    .tblFinance table tr:nth-child(2) th:nth-child(3) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 17rem; }
    .tblFinance table tr:nth-child(2) th:nth-child(4) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 29rem; }
    .tblFinance table tr:nth-child(2) td { border-right: none !important; margin-top: 5rem; } }

.tblCert table tr.head th.brdR .unitBtn { -ms-flex-pack: center; justify-content: center; margin-top: 1rem; }

.tblCert table + table { margin-top: 0; border-top: 0; }

@media (max-width: 1224px) { .tblCert table tr { position: relative; }
    .tblCert table tr.head th.brdR { border-right: none !important; text-align: left !important; }
    .tblCert table tr.head th.brdR .unitBtn { position: absolute; top: 1rem; right: 1.8rem; margin-top: 0; }
    .tblCert table tr.head th:nth-child(2) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 5rem; }
    .tblCert table tr.head th:nth-child(3) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 17rem; }
    .tblCert table tr.head th:nth-child(4) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 29rem; }
    .tblCert table tr.head th:nth-child(5) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 41rem; }
    .tblCert table tr.head th:nth-child(6) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 53rem; }
    .tblCert table tr.head th:nth-child(7) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 65rem; }
    .tblCert table tr.head td { border-right: none !important; margin-top: 5rem; }
    .tblCert table tr:not([class=head]) th:nth-child(2) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 5rem; }
    .tblCert table tr:not([class=head]) th:nth-child(3) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 17rem; }
    .tblCert table tr:not([class=head]) th:nth-child(4) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 29rem; }
    .tblCert table tr:not([class=head]) th:nth-child(5) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 41rem; }
    .tblCert table tr:not([class=head]) th:nth-child(6) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 53rem; }
    .tblCert table tr:not([class=head]) th:nth-child(7) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 65rem; }
    .tblCert table tr:not([class=head]) td { border-right: none !important; margin-top: 5rem; } }

@media (max-width: 1224px) { .tblPart table tr { position: relative; }
    .tblPart table tr:nth-child(1) th.brdR { border-right: none !important; }
    .tblPart table tr:nth-child(1) th:nth-child(1) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 0; }
    .tblPart table tr:nth-child(1) th:nth-child(2) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 14rem; }
    .tblPart table tr:nth-child(1) th:nth-child(3) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 26rem; }
    .tblPart table tr:nth-child(1) th:nth-child(4) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 42rem; }
    .tblPart table tr:nth-child(1) th:nth-child(5) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 54rem; }

    .tblPart table tr:nth-child(1) th:nth-child(6) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 66rem; }
    .tblPart table tr:nth-child(1) th:nth-child(7) { z-index: 1; border-top: 1px solid #e9e9e9; text-align: left !important; position: absolute; top: 78rem; display: none; }
    .tblPart table tr:nth-child(1) td { border-right: none !important; margin-top: 5rem; }
    .tblPart table tr:nth-child(2) td { border-right: none !important; margin-top: 5rem; }
    .tblPart table tr:nth-child(2) td.brdR { border-right: none !important; }
    .tblPart table tr:nth-child(2) td:nth-child(1) { z-index: 1; text-align: left !important; margin-top: 7rem; }
    .tblPart table tr:nth-child(2) td:nth-child(2) { z-index: 1; text-align: left !important; margin-top: 5rem; }
    .tblPart table tr:nth-child(2) td:nth-child(3) { z-index: 1; text-align: left !important; margin-top: 9rem; }
    .tblPart table tr:nth-child(2) td:nth-child(4) { z-index: 1; text-align: left !important; margin-top: 5rem; }
    .tblPart table tr:nth-child(2) td:nth-child(5) { z-index: 1; text-align: left !important; margin-top: 5rem; }
    .tblPart table tr:nth-child(2) td:nth-child(6) { z-index: 1; text-align: left !important; margin-top: 5rem; }
    .tblPart table tr:nth-child(2) td:nth-child(7) { z-index: 1; text-align: left !important; margin-top: 0rem; } }

@media (max-width: 1224px) { .tblSchList table tr { position: relative; }
    .tblSchList table tr td:nth-child(2) { width: auto !important; display: inline-block; }
    .tblSchList table tr td:nth-child(3) { width: auto; display: inline-block; } }

.formEditPass .formText + .formText { margin-top: 1rem; }

.formEditPass .formText .unitTooltip { position: absolute; top: 50%; transform: translateY(-50%); display: block; right: 1rem; }

.formEditPass .formText .unitTooltip .tooltipCont { width: 26rem; }

@media (max-width: 1224px) { .formEditPass .formText .unitTooltip { position: absolute; top: 50%; transform: translateY(-50%); display: block; right: 0; }
    .formEditPass .formText .unitTooltip .tooltipCont { width: calc(100vw - 7.2rem) !important; right: 0; } }

.tblJobType.typeVer table:nth-child(even) tr { background-color: #fafafa; }

.tblJobType.typeVer table + table { border-top: none; }

@media (max-width: 1224px) { .tblJobType.typeVer { overflow: visible; margin-top: 8.5rem; }
    .tblJobType.typeVer table { width: 100%; min-width: 100%; display: block; border-top: none; }
    .tblJobType.typeVer table tbody { display: block; }
    .tblJobType.typeVer table tbody tr { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-direction: column; flex-direction: column; width: 100%; border-right: none; padding-bottom: 4rem; border-top: 1px solid #0083ce; }
    .tblJobType.typeVer table tbody tr.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    .tblJobType.typeVer table tbody tr td { display: block; width: 100%; border-right: none; padding: 1.8rem; background-color: #fafafa; height: auto; border-bottom: 1px solid #e9e9e9; }
    .tblJobType.typeVer table tbody tr td:last-child { background-color: #fff; }
    .tblJobType.typeVer table tbody tr td .formCheckbox { -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .tblJobType.typeVer table tbody tr.tblTop { display: none; }
    .tblJobType.typeVer table tbody tr.mobTit td:first-child { position: absolute; top: -5rem; font-family: 'Nanumsquare'; font-weight: 500; font-size: 1.9rem; background-color: transparent; border-bottom: 0; padding: 0; }
    .tblJobType.typeVer table tbody tr:last-child { padding-bottom: 0; border-bottom: none; }
    .tblJobType.typeVer table tbody tr.inherit { border-top: none; margin-top: -4rem; }
    .tblJobType.typeVer table:nth-child(even) tr { background-color: #fff; }
    .tblJobType.typeVer table + table { margin-top: 10.7rem; } }

.tblComJoin.typeVer table tbody tr td .formText.min { width: 35.1rem; }

@media (max-width: 1224px) { .tblComJoin.typeVer table tbody tr.mobTit { border-top: 1px solid #0083ce; margin-top: 4rem; }
    .tblComJoin.typeVer table tbody tr.mobTit th:first-child { border-bottom: 1px solid #e9e9e9; }
    .tblComJoin.typeVer table tbody tr td .formText.min { width: 100%; } }

@media (max-width: 1224px) { .tblComJoin2.brdList table tbody tr { padding: 0 .8rem 1.5rem; }
    .tblComJoin2.brdList table tbody tr td { display: block !important; width: 100%; }
    .tblComJoin2.brdList table tbody tr td:before { content: ''; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: start; justify-content: flex-start; background-color: #f9f9f9; height: 5rem; margin: 0 -.8rem 1.5rem; padding: 0 .8rem; font-size: 1.4rem; color: #555; font-weight: 500; }
    .tblComJoin2.brdList table tbody tr td:before.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    .tblComJoin2.brdList table tbody tr td:nth-child(1):before { content: '인가·허가·등록증 명칭'; }
    .tblComJoin2.brdList table tbody tr td:nth-child(2):before { content: '취득 일자'; }
    .tblComJoin2.brdList table tbody tr td:nth-child(3):before { content: '발급기관'; }
    .tblComJoin2.brdList table tbody tr + tr { border-top: 1px solid #0083ce; } }

@media (max-width: 1224px) { .tblComJoin3.brdList table tbody tr { padding: 0 .8rem 1.5rem; }
    .tblComJoin3.brdList table tbody tr td { display: block !important; width: 100%; }
    .tblComJoin3.brdList table tbody tr td:before { content: ''; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: start; justify-content: flex-start; background-color: #f9f9f9; height: 5rem; margin: 0 -.8rem 1.5rem; padding: 0 .8rem; font-size: 1.4rem; color: #555; font-weight: 500; }
    .tblComJoin3.brdList table tbody tr td:before.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    .tblComJoin3.brdList table tbody tr td:nth-child(1):before { content: '기술·인증 등 명칭'; }
    .tblComJoin3.brdList table tbody tr td:nth-child(2):before { content: '취득 일자'; }
    .tblComJoin3.brdList table tbody tr td:nth-child(3):before { content: '발급기관'; }
    .tblComJoin3.brdList table tbody tr + tr { border-top: 1px solid #0083ce; } }

@media (max-width: 1224px) { .tblComJoin4.brdList table tbody tr { padding: 0 .8rem 1.5rem; }
    .tblComJoin4.brdList table tbody tr td { display: block !important; width: 100%; }
    .tblComJoin4.brdList table tbody tr td:before { content: ''; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: start; justify-content: flex-start; background-color: #f9f9f9; height: 5rem; margin: 0 -.8rem 1.5rem; padding: 0 .8rem; font-size: 1.4rem; color: #555; font-weight: 500; }
    .tblComJoin4.brdList table tbody tr td:before.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    .tblComJoin4.brdList table tbody tr td:nth-child(1):before { content: '특허 명칭'; }
    .tblComJoin4.brdList table tbody tr td:nth-child(2):before { content: '취득 일자'; }
    .tblComJoin4.brdList table tbody tr td:nth-child(3):before { content: '발급기관'; }
    .tblComJoin4.brdList table tbody tr + tr { border-top: 1px solid #0083ce; } }

@media (max-width: 1224px) { .tblComJoin5.brdList table tbody tr { padding: 0 .8rem 1.5rem; }
    .tblComJoin5.brdList table tbody tr td { display: block !important; width: 100%; }
    .tblComJoin5.brdList table tbody tr td:before { content: ''; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: start; justify-content: flex-start; background-color: #f9f9f9; height: 5rem; margin: 0 -.8rem 1.5rem; padding: 0 .8rem; font-size: 1.4rem; color: #555; font-weight: 500; }
    .tblComJoin5.brdList table tbody tr td:before.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    .tblComJoin5.brdList table tbody tr td:nth-child(1):before { content: '지원사업 명칭'; }
    .tblComJoin5.brdList table tbody tr td:nth-child(2):before { content: '사업연도'; }
    .tblComJoin5.brdList table tbody tr td:nth-child(3):before { content: '지원기관'; }
    .tblComJoin5.brdList table tbody tr + tr { border-top: 1px solid #0083ce; } }

@media (max-width: 1224px) { .tblComJoin6.brdList table tbody tr { padding: 0 .8rem 1.5rem; }
    .tblComJoin6.brdList table tbody tr td { display: block !important; width: 100%; }
    .tblComJoin6.brdList table tbody tr td:before { content: ''; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: start; justify-content: flex-start; background-color: #f9f9f9; height: 5rem; margin: 0 -.8rem 1.5rem; padding: 0 .8rem; font-size: 1.4rem; color: #555; font-weight: 500; }
    .tblComJoin6.brdList table tbody tr td:before.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    .tblComJoin6.brdList table tbody tr td:nth-child(1):before { content: '상훈 구분'; }
    .tblComJoin6.brdList table tbody tr td:nth-child(2):before { content: '포상기관/관청'; }
    .tblComJoin6.brdList table tbody tr td:nth-child(3):before { content: '상훈 명칭'; }
    .tblComJoin6.brdList table tbody tr + tr { border-top: 1px solid #0083ce; } }

.tblComJoin7 strong { font-weight: 500; text-align: center; display: block; }

@media (max-width: 1224px) { .tblComJoin7.brdList table tbody tr { padding: 0 .8rem 1.5rem; }
    .tblComJoin7.brdList table tbody tr td { display: block !important; width: 100%; }
    .tblComJoin7.brdList table tbody tr td:before { content: ''; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; -ms-flex-pack: start; justify-content: flex-start; background-color: #f9f9f9; height: 5rem; margin: 0 -.8rem 1.5rem; padding: 0 .8rem; font-size: 1.4rem; color: #555; font-weight: 500; }
    .tblComJoin7.brdList table tbody tr td:before.typeHor { display: -ms-inline-flexbox; display: inline-flex; }
    .tblComJoin7.brdList table tbody tr td:nth-child(1):before { content: '기술·인증 등 명칭'; }
    .tblComJoin7.brdList table tbody tr td:nth-child(2):before { content: '지정연도'; }
    .tblComJoin7.brdList table tbody tr td:nth-child(3):before { content: '지정기관'; }
    .tblComJoin7.brdList table tbody tr td strong { text-align: left; }
    .tblComJoin7.brdList table tbody tr + tr { border-top: 1px solid #0083ce; } }

.autoBotArea { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; }

.autoBotArea.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.autoBotArea .codeUnit { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; }

.autoBotArea .codeUnit.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.autoBotArea .codeUnit .code { border: 1px solid #888; height: 4rem; padding: 0 2rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; border-radius: .2rem 0 0 .2rem; }

.autoBotArea .codeUnit .code.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.autoBotArea .codeUnit button { width: 4rem; height: 4rem; border: 1px solid #888; margin-left: -1px; }

.autoBotArea .codeUnit button + button { border-radius: 0 .2rem .2rem 0; }

.autoBotArea .formText { width: 14rem; position: relative; }

.autoBotArea .formText:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); display: block; right: 1rem; width: 1rem; height: 1rem; background-image: url(../img/common/required.png); background-size: contain; }

.autoBotArea .formText input { padding: 0 3.5rem 0 1.5rem; }

@media (max-width: 1224px) { .autoBotArea .codeUnit button i { transform: scale(0.5); transform-origin: top left; margin: .7rem 0 0 .7rem; } }

.absRight { margin-top: 2rem; }

@media (max-width: 1224px) { .absRight { width: 100%; } }

@media (max-width: 1224px) { .absRight > button { -ms-flex: 1; flex: 1; } }

.absRight > button i { margin-left: 1rem; }

@media (max-width: 1224px) { .absRight > button i { transform: scale(0.5); transform-origin: center right; margin-left: -.5rem; } }


/********************************** 협회소개 : 연혁 Start 0215 pjs **********************************/
.keia_history_warp{ display:flex; align-items: center; flex-direction: column; margin:90px 0 0 0;}
.kh_fix_tit{ display:inline-block; background:#0083ce; height:40px; line-height:40px; padding:0 20px; text-align:center; color:#fff; border-radius:50px; font-size:1.8rem}
.kh_tit_phase{ font-size:10rem; font-family: 'Nanumsquare'; font-weight:700; color:#111; margin:1rem 0 0 0;}
.kh_tit_years{ font-size:4.4rem; font-family: 'Nanumsquare'; font-weight:300; color:#111;}
.kh_tit_sub_txt{ font-size:3.2rem; font-family: 'Nanumsquare'; font-weight:400; color:#0083ce; text-align:center; margin:1.5rem 0 0 0;}

.kh_list{ position:relative; overflow:hidden; padding:4.5rem 0; margin:5rem 0 0 0;}
.kh_list:after {content: ""; position: absolute; top:60px; left: 50%; transform: translateX(-50%); width:2px; border-radius:50px;
	 background:url(../img/sub/phase/dot_line.png) repeat-y;
}
.kh_list:before {content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width:40px; height:100%; background: #0083ce; border-radius:50px;}

.kh_list li{ position:relative; width:50%;}
.kh_list li:nth-child(odd){ float:left; padding:0 50px 0 0;}
.kh_list li:nth-child(even){ float:right; padding:0 0 0 50px;}

.kh_list .num{ position:absolute; display:inline-block; width:26px; height:26px; line-height:26px; text-align:center; color:#0083ce; border-radius:50%;
	background:#fff; font-family: 'Nanumsquare'; font-weight:500; font-size:1.8rem; z-index:3; top:8px;
}
.kh_list .year{ position:relative; font-size:2.8rem; color:#0083ce; font-family: 'Nanumsquare'; font-weight:500;}
.kh_list .kh_txt{ font-size:1.8rem; color:#111; font-family: 'Nanumsquare'; font-weight:400; margin:1.2rem 0 1.2rem 0;}
.kh_list .kh_txt_box{ background:#ebeff7; padding:1rem 1.5rem; font-size:1.6rem; color:#0083ce; border-radius:10px; margin:0 0 1.5rem 0; word-break: keep-all;}

.kh_list li:nth-child(odd) .pic_box{ text-align: right;}
.kh_list .pic_box img{ width:400px; height:220px; border-radius:10px;}

.kh_list li:nth-child(odd) .num{ right:-63px;}
.kh_list li:nth-child(even) .num{ left:-63px; }
.kh_list li .num:before {content: ""; position: absolute; top: 6px; width:15px; height:15px;}
.kh_list li:nth-child(odd) .num:before { left: -22px; background:url(../img/sub/phase/arrow_kh_left.png) no-repeat;}
.kh_list li:nth-child(even) .num:before { right: -22px; background:url(../img/sub/phase/arrow_kh_right.png) no-repeat;}

.kh_list li:nth-child(odd) .year,
.kh_list li:nth-child(odd) .kh_txt{ text-align:right;}

/* 제4기 */
.kh_list.phase04:after { bottom:16rem;}

.kh_list.phase04 li:nth-child(1){ margin:0 0 7rem;}
.kh_list.phase04 li:nth-child(2){ margin:8rem 0 8rem 0;}
.kh_list.phase04 li:nth-child(3){ margin:0 0 6rem 0;}
.kh_list.phase04 li:nth-child(4){ margin:0 0 6rem 0;}
.kh_list.phase04 li:nth-child(5){ margin:0 0 5rem 0;}
.kh_list.phase04 li:nth-child(6){ margin:0 0 4rem 0;}
.kh_list.phase04 li:nth-child(7){ margin:0 0 2rem 0;}

/* 제3기 */
.kh_list.phase03:after { bottom:100px;}

.kh_list.phase03 li:nth-child(1){ margin:0 0 8rem;}
.kh_list.phase03 li:nth-child(2){ margin:8rem 0 4rem 0;}
.kh_list.phase03 li:nth-child(3){ margin:0 0 5rem 0;}
.kh_list.phase03 li:nth-child(4){ margin:0 0 6rem 0;}
.kh_list.phase03 li:nth-child(5){ margin:0 0 4rem 0;}
.kh_list.phase03 li:nth-child(6){ margin:0 0 12rem 0;}
.kh_list.phase03 li:nth-child(7){ margin:0 0 5rem 0;}
.kh_list.phase03 li:nth-child(8){ margin:0 0 0 0; padding:0 0 50px 50px;}
.kh_list.phase03 li:nth-child(9){ padding:0 50px 50px 0;}
.kh_list.phase03 li:nth-child(10){ margin:6rem 0 0 0;}

/* 제2기 */
.kh_list.phase02:after { bottom:320px;}

.kh_list.phase02 li:nth-child(1){ }
.kh_list.phase02 li:nth-child(2){ margin:8rem 0 0 0;}
.kh_list.phase02 li:nth-child(3){ margin:6rem 0 0 0;}
.kh_list.phase02 li:nth-child(4){ margin:8rem 0 0 0; padding:0 0 60px 50px;}
.kh_list.phase02 li:nth-child(5){ margin:6rem 0 0 0;}
.kh_list.phase02 li:nth-child(6){ margin:12rem 0 0 0;}
.kh_list.phase02 li:nth-child(7){ margin:6rem 0 0 0;}

/* 제1기 */
.kh_list.phase01:after { bottom:320px;}

.kh_list.phase01 li:nth-child(1){ }
.kh_list.phase01 li:nth-child(2){ margin:8rem 0 0 0;}
.kh_list.phase01 li:nth-child(3){ margin:6rem 0 0 0;}
.kh_list.phase01 li:nth-child(4){ margin:12rem 0 0 0;}
.kh_list.phase01 li:nth-child(5){ margin:6rem 0 0 0;}
.kh_list.phase01 li:nth-child(6){ margin:10rem 0 0 0;}
.kh_list.phase01 li:nth-child(7){ margin:6rem 0 0 0;}
.kh_list.phase01 li:nth-child(8){ margin:10rem 0 0 0;}

@media (max-width: 1224px) {
	
}

@media screen and (max-width: 640px) {
    .kh_fix_tit{ font-size:1.4rem}
	.kh_tit_phase{ font-size:6rem;}
	.kh_tit_years{ font-size:2.4rem;}
	.kh_tit_sub_txt{ font-size:2rem;}
	
	.kh_list { padding:6px 0 0 0; width:100%;}
	.kh_list:after {left: 20px; top:30px !important;}
	.kh_list:before {left:0; transform: translateX(0%); width:40px; height:100%; background: #0083ce; border-radius:50px;}
	
	.kh_list li{ width:100%; padding:0 0 0 70px !important;}
	.kh_list li:nth-child(odd){ float:none;}
	.kh_list li:nth-child(even){ float:none;}
	
	.kh_list li:nth-child(odd) .year,
	.kh_list li:nth-child(odd) .kh_txt{ text-align:left;}
	
	.kh_list .num{ left:-63px !important; right:auto !important;}
	.kh_list li:nth-child(odd) .num:before { left:auto; right:-22px; background:url(../img/sub/phase/arrow_kh_right.png) no-repeat;}
	
	.kh_list .pic_box img{ width:100%; height:auto; border-radius:10px;}
		
	.kh_list li{ margin:0 0 5rem 0 !important;}
	.kh_list li:last-child{ margin:0 !important;}
	
    /* 제4기 */
	.kh_list.phase04:after { bottom:80px;}

	/* 제3기 */
	.kh_list.phase03:after { bottom:60px;}
		
	/* 제2기 */
	.kh_list.phase02:after { bottom:280px;}	
	
	/* 제1기 */
	.kh_list.phase01:after { bottom:280px;}	
}

/********************************** 협회소개 : 비전 Start 0215 pjs **********************************/
/*
NotoSansKr - 100(Thin), 300(Light), 350(DemiLight), 400(Regular), 500(Medium), 700(Bold), 900(Black)
Nanumsquare - 300(acL), 400(acR), 500(acB), 700(acEB)
*/
.vision_visual{ height:59rem; padding-top:6rem; display:flex; flex-direction: column; align-items: center; gap:4rem; border-radius:1rem;
	 background:url(../img/sub/vision/vision_visual.jpg) no-repeat center;
}
.vision_visual .tit{ font-family: 'Nanumsquare'; font-weight:700; color:#fff; font-size:8rem; text-align:center;}
.vision_visual .sub_txt{ display:flex; align-items: center; flex-direction: column; gap:1.5rem;}
.vision_visual .sub_txt > span{ font-family: 'Nanumsquare'; font-weight:500; display:inline-block; color:#fff; background:#ee7700; padding:0.4rem 2rem; text-align:center; border-radius:5rem;}
.vision_visual .sub_txt p{ font-family: 'Nanumsquare'; font-weight:500; font-size:2.7rem; color:#fff; text-align:center;}
.vision_visual ul{ }
.vision_visual ul li{ font-family: 'Nanumsquare'; font-weight:300; font-size:2.7rem; color:#fff; text-align:center;}
.vision_visual ul li span{ color:#fbc300;}

.vision_2030{ display:flex; justify-content: space-between; gap:2.5rem;}
.vision_2030 li{ box-shadow: 5px 5px 10px rgba(10, 11, 10, 0.2); border-radius:5px; width:25%; height:230px; padding:15.6rem 0 0 0;}
.vision_2030 li:nth-child(1){ background:url(../img/sub/vision/icon_vis_01.png) no-repeat top 3.8rem center; background-size:9rem auto;}
.vision_2030 li:nth-child(2){ background:url(../img/sub/vision/icon_vis_02.png) no-repeat top 4.3rem center; background-size:9rem auto;}
.vision_2030 li:nth-child(3){ background:url(../img/sub/vision/icon_vis_03.png) no-repeat top 4.2rem center; background-size:9rem auto;}
.vision_2030 li:nth-child(4){ background:url(../img/sub/vision/icon_vis_04.png) no-repeat top 4.6rem center; background-size:9rem auto;}

.vision_2030 li p{ text-align:center; font-family: 'Nanumsquare'; font-weight:500;}
.vision_2030 li p:nth-child(1){ font-size:1.5rem; color:#111;}
.vision_2030 li p:nth-child(2){ font-size:2.1rem; color:#439827;}

.v_task_wrap{ background:#fafafa; border-radius:10px; display:flex; padding:3.5rem 5rem; margin:0 0 1rem 0;}
.v_task_wrap .tit_wrap{ width:40rem; display:flex; align-items: center; gap:4rem}

.v_task_wrap .icon{ display:inline-block; width:13rem; height:13rem; border-radius:13rem;}
.v_task_wrap .icon.vi01{ background:url(../img/sub/vision/icon_v_task_01.png) no-repeat center #439827;}
.v_task_wrap .icon.vi02{ background:url(../img/sub/vision/icon_v_task_02.png) no-repeat center #439827;}
.v_task_wrap .icon.vi03{ background:url(../img/sub/vision/icon_v_task_03.png) no-repeat center #439827;}

.v_task_wrap .tit{ font-family: 'Nanumsquare'; font-weight:500; color:#111; font-size:2rem;}

.v_task_wrap ul{ display:flex; flex-direction: column; justify-content: center; gap:1rem;}
.v_task_wrap ul li{ position:relative; font-family: 'Nanumsquare'; font-weight:400; color:#111; font-size:1.5rem; padding:0 0 0 1.6rem;}
.v_task_wrap ul li:before {content: ""; position: absolute; left:0; top:8px; width:5px; height:5px; background: #439827; border-radius:50%;}

.vi_youtube{ height:46rem; margin:3rem 0 0 0;}

@media (max-width: 1224px) {	
	/* 협회소개 : 비전 */
	.vision_2030{ flex-wrap:wrap}
	.vision_2030 li{ width:48%;}	
}

@media all and (max-width:700px) {
	
	/* 협회소개 : 비전 */
	.vision_2030 li{ width:100%;}
	
	.v_task_wrap{ flex-direction: column; gap:3rem; padding:3rem;}
	.v_task_wrap .tit_wrap{ gap:2rem;}
	
	.v_task_wrap .icon{ width:8rem; height:8rem;}
	.v_task_wrap .icon.vi01{ background-size:50%;}
	.v_task_wrap .icon.vi02{ background-size:50%;}
	.v_task_wrap .icon.vi03{ background-size:50%;}
	
	.vision_visual{ height:auto; padding:3rem 0;}
	.vision_visual .tit{ font-size:4rem;}
	.vision_visual .sub_txt p{ font-size:2rem;}
	.vision_visual ul li{ font-size:2rem;}
	.vi_youtube{ height:25rem;}
	
}

/********************************** 협회소개 : 연혁 End 0215 pjs **********************************/

/********************************** 협회소개 : 연혁 Start 230426 pjs **********************************/
.ceo_info{}
.ceo_info .h_tit{ font-size:50px; line-height:60px; color:#111; margin-bottom:42px; letter-spacing:-0.5px; font-family: 'Nanumsquare';}
.ceo_info .h_tit strong{ font-weight:bolder; font-family: 'Nanumsquare';}
.ceo_info .s_tit{ font-size:22px; line-height:34px; color:#111; margin-bottom:42px; font-weight:bold; letter-spacing:-0.5px; font-family: 'Nanumsquare';}
.ceo_info .text{ font-size:16px; line-height:30px; color:#111; font-family: 'Nanumsquare';}
.ceo_info .text img{ float:right;}
.ceo_info .text_wrap{ display:flex; margin-top:20px;}
.ceo_info .text_wrap .text{ width:calc(100% - 400px); margin-right:30px;}
.ceo_info .text_wrap .ceo_pic{}
.ceo_info .text_wrap .ceo_pic img{}
.ceo_info .text_wrap .text span{ display:block; margin-bottom:30px; font-family: 'Nanumsquare';}
.ceo_info .text_wrap .text span:first-child{ padding-top:20px;}

.ceo_info .text_wrap .ceo_sign{ text-align:right; margin-top:20px; font-weight:bold; font-size:16px; font-family: 'Nanumsquare';}
.ceo_info .text_wrap .ceo_sign span{ font-weight:bold; font-size:20px; display:inline-block; margin-left:8px; font-family: 'Nanumsquare';}

@media (max-width: 1023px) {
.ceo_info .text_wrap .ceo_pic { width: 46.6836734694%;}
.ceo_info .text_wrap .text{ width: 46.6836734694%;}
}

@media all and (max-width:700px) {
	.ceo_info .h_tit{font-size:30px; line-height:40px;}
	.ceo_info .h_tit strong{font-size:30px; line-height:40px;}
	.ceo_info .text_wrap{ display:block;}
	.ceo_info .text_wrap .text{ width:100%;}
	.ceo_info .text_wrap .ceo_pic{ text-align:center; width:100%;}
	.ceo_info .text_wrap .ceo_pic img{ width:100%;}
	.ceo_info .text_wrap .ceo_sign{}
}

/********************************** 협회소개 : 연혁 End 230426 pjs **********************************/

/********************************** 회원사서비스 : 회원사 가입안내 **********************************/
.mem_comp_join_process{ display: flex;}
.mem_comp_join_process li{ position: relative; flex: 1; }
.mem_comp_join_process li:not(:last-child)::before{ content: ""; position: absolute; width: 3.2rem; height: 2rem; right: -1.6rem; top: 4.5rem;
    background: url("../img/sub/icon_com_join_arrow.svg") no-repeat center; background-size: cover;
}

.mem_comp_join_process .item{ display: flex; flex-direction: column; align-items: center; gap: 0.8rem;}

.mem_comp_join_process .item .icon{ display: inline-block; width: 11rem; height: 11rem; border: 1px solid #e8e8e8; border-radius: 100%; margin-bottom: 6px;}
.mem_comp_join_process .item .icon.s_1{ background: url("../img/sub/icon_com_join01.svg") no-repeat center #fff;}
.mem_comp_join_process .item .icon.s_2{ background: url("../img/sub/icon_com_join02.svg") no-repeat center #fff;}
.mem_comp_join_process .item .icon.s_3{ background: url("../img/sub/icon_com_join03.svg") no-repeat center #fff;}
.mem_comp_join_process .item .icon.s_4{ background: url("../img/sub/icon_com_join04.svg") no-repeat center #fff;}
.mem_comp_join_process .item .icon.s_5{ background: url("../img/sub/icon_com_join05.svg") no-repeat center #fff;}

.mem_comp_join_process .c_tit{ color: #111; font-size: 1.5rem; font-weight: 700;}
.mem_comp_join_process .desc{ color: #555; font-size: 1.3rem; text-align: center;}
.mem_comp_join_process .tit_file{ height: 2.8rem; color: #fff; background: #0083ce; border-radius: 2.8rem; padding: 0 2rem; display: flex; align-items: center;}

@media (max-width: 840px) {
    .mem_comp_join_process li:not(:last-child)::before{ width: 2rem; height: 1.2rem; right: -8%;}
}

@media (max-width: 740px) {
    .mem_comp_join_process{ flex-wrap: wrap;}
    .mem_comp_join_process li{ flex: none; width: 50%;}
    .mem_comp_join_process li:nth-child(3){ order: 4;}
    .mem_comp_join_process li:nth-child(4){ order: 3;}
    .mem_comp_join_process li:nth-child(5){ order: 5;}
    .mem_comp_join_process li:nth-child(3),
    .mem_comp_join_process li:nth-child(4),
    .mem_comp_join_process li:nth-child(5){ margin-top: 4rem;}
    .mem_comp_join_process li:nth-child(2)::before,
    .mem_comp_join_process li:nth-child(4)::before{ transform: rotate(0.25turn) translateX(-50%); right: auto; left: calc(50% - 12px); top: auto; bottom: -3.8rem;}
    .mem_comp_join_process li:nth-child(3)::before{ transform: rotate(0.5turn); right: auto; left: -1rem;}
    
    .mem_comp_join_process .item .icon{ display: inline-block; width: 10rem; height: 10rem;}
    .mem_comp_join_process li:nth-child(5) .item .c_tit{ position: absolute; right: -4rem; top: 50%; transform: translateY(-50%);}

    .mem_comp_join_process .tit_file{ border-radius: 0.8rem;}
}

.btnArea{ margin-top: 2.5rem;}
.btnArea .unitBtn{ justify-content: center;}
.btnArea + .subTitMid.thin{ margin-top: 3.5rem;}
.middleBtnArea{ margin: 1rem 0; display: flex; justify-content: space-between;}
.middleBtnArea.top{ align-items: end;}

.dataBtnUnit{ display: flex; align-items: center; flex-direction: column; gap: 10px;}
.dataBtnUnit b{ height: 32px; width: 100%; background: #e9e9e9; display: flex; justify-content: space-around; align-items: center;}


@media (max-width: 740px) {
    .dataBtnUnit .unitBtn{ gap: 10px;}
    .middleBtnArea { gap: 10px; flex-direction: column;}
    .middleBtnArea.top{ flex-direction: row;}
    .middleBtnArea .unitBtn{ gap: 10px; justify-content:space-around;}
    .middleBtnArea .unitBtn .button.line{ flex: 1 1 30%;}
    .middleBtnArea .unitBtn .button.line span{ font-size: 13px; white-space: nowrap;}
}

.ts_p{ color: red;}
.tai_txt{ color: #0000ff ; font-size: 12px;}
.tai_txt.type1{ color: red;}
.tai_txt.type2{ color: #666;}

.sample_txt,
.sample_txt td{ color: #0000ff !important; font-style: italic;}
.ori_cbox{-webkit-appearance: auto; appearance: auto;}
.inp_b{border: 1px solid #d5d5d5; border-radius: .2rem; padding: 0 1.5rem 0 1.5rem; width: 100%; font-size: 1.5rem; height: 4rem; color: #111; background-color: #fff;}
.noneData{ border: 1px solid red !important;}
.sel_b{position: relative; width: auto; height: 4rem; color: #555; font-family: inherit; font-size: inherit; border-radius: 0; border: 1px solid #d5d5d5;
    /* background: url(../img/common/select_arrow.png) no-repeat center right 1.7rem; */
    text-align: left; -webkit-appearance: auto; appearance: auto;
}

/********************************** 주요사업 : 환경전문공사업 수주실적 입력 231122 pjs **********************************/
/* 소개 */

.kei_history{ position:relative; height:70px; border-radius:70rem; margin:0 0 2rem 0; display:flex; align-items: center; justify-content: space-between;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #0b8954), color-stop(1, #5eaa3e));
	background: -moz-linear-gradient(left, #0b8954 0%, #5eaa3e 100%);
	background: -webkit-linear-gradient(left,  #0b8954 0%, #5eaa3e 100%);
	background: -o-linear-gradient(left,  #0b8954 0%, #5eaa3e 100%);
	background: -ms-linear-gradient(left,  #0b8954 0%, #5eaa3e 100%);
	/*background: linear-gradient(left,  #0b8954 0%, #5eaa3e 100%); 1211 */
}
.kei_history span{}
.kei_history .year{ color:#a6cab6; font-size:3rem; font-weight:300; padding:0 0 0 4rem;}
.kei_history .text{ position:relative; color:#fff; font-size:1.8rem; padding:0 13rem 0 0;}
.kei_history .text:before{ content:"◀"; position:absolute; font-size:10px; right:4rem; top:50%; transform:translateY(-50%);}
.kei_history .text:after{ content:"◀"; position:absolute; font-size:10px; right:6rem; top:50%; transform:translateY(-50%);}
.kei_history:after{ content:"◀"; position:absolute; font-size:10px; right:8rem; top:50%; transform:translateY(-50%); color:#fff;}

@media all and (max-width:700px) {
	.kei_history{flex-direction: column; height:auto; padding:2rem 0 2rem 0; border-radius:1rem;}
	.kei_history .text:before,
	.kei_history .text:after,
	.kei_history:after{ display:none;}
	.kei_history .year{ padding:0;}
	.kei_history .text{ text-align:center; padding:0;}
	.w_ver{ display:none}
	.btn_many_wrap .unitBtn.inline{ display:flex; flex-wrap: wrap; width: 100%;}
}

.tit22{ margin:0 0 1rem; text-decoration:underline; color:#002ec4;}

.flex_je{ display:flex; justify-content: flex-end;}

.btn_many_wrap{ margin-bottom:5rem;}
.btn_many_wrap .unitBtn{ gap:1.5rem}
.btn_many_wrap .unitBtn .button{ padding: 0 1rem; flex: 1 1 auto;}
.btn_many_wrap .unitBtn .button a{ font-size: 1.6rem; white-space: nowrap;}

@media (max-width: 1224px) {
	.btn_many_wrap .unitBtn .button.line { min-width: auto;  flex: inherit; width: calc(50% - 1rem);}
    .btn_many_wrap .unitBtn{ flex-wrap: wrap;}
}

/*  신청·입력·조회 :  환경전문공사업 수주실적 : 환경전문공사업 수주실적입력 */
.dataViewTable table { border-top: 1px solid #0083ce; }

.dataViewTable table thead tr {background-color: #f9f9f9;}

.dataViewTable table thead tr th { border-bottom: 1px solid #e9e9e9; padding:0.8rem 1rem; text-align: center; vertical-align: middle; font-weight: 500; color: #111; border-right: 1px solid #e9e9e9; }

.dataViewTable table thead tr th:last-child { border-right: none; }

.dataViewTable table thead tr th.left { text-align: left; }

.dataViewTable table thead tr th.right { text-align: right; }

.dataViewTable table thead tr th.center { text-align: center; }

.dataViewTable table thead tr th .btnSort { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1rem; -ms-flex-pack: center; justify-content: center; width: 100%; }

.dataViewTable table thead tr th .btnSort.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.dataViewTable table tbody tr { }

.dataViewTable table tbody tr td { padding: 1rem; vertical-align: middle; text-align: center; color: #888; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background-color: #fff; }

.dataViewTable table tbody tr td:last-child { border-right: none; }

.dataViewTable table tbody tr td.noBrd { border-right: none; }

.dataViewTable table tbody tr td.leftBrd { border-left: 1px solid #e9e9e9; }

.dataViewTable table tbody tr td em { color: #111; }

.dataViewTable table tbody tr td em.open { color: #ff5500; }

.dataViewTable table tbody tr td a:hover { color: #0083ce; text-decoration: underline; }

@media (max-width: 1224px) { .dataViewTable table tbody tr td .formRadio.line { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; }
    .dataViewTable table tbody tr td .formRadio.line .formUnit { width: calc(50% - 2rem); } }

.dataViewTable table tbody tr td .unitBtn button { min-width: 100%; }

.dataViewTable table tbody tr.isActive { background-color: #fff8f5; }

.dataViewTable table tbody tr.inTbl { background-color: #fff; margin-top: -1px; }

.dataViewTable table tbody tr.inTbl > td { padding: 3rem; }

.dataViewTable table tbody tr.inTbl > td table.grayType { border: 1px solid #e9e9e9; }

.dataViewTable table tbody tr.inTbl > td table.grayType tr { background-color: #f5f5f5; }

.dataViewTable table tbody tr.inTbl > td table.grayType tr td { height: 5rem; }

.dataViewTable table tbody tr .left { text-align: left; }

.dataViewTable table tbody tr .right { text-align: right; }

.dataViewTable table tbody tr .center { text-align: center; }

.dataViewTable table tbody tr .grayRead { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; height: 4rem; padding: 0 2rem; background-color: #777; border-radius: .2rem; color: #fff; }

.dataViewTable table tbody tr .grayRead.typeHor { display: -ms-inline-flexbox; display: inline-flex; }

.dataViewTable.typeWebScroll { overflow: auto;}
.dataViewTable.typeWebScroll table{ width:auto;}

.inp_W100 input[type=text],
.inp_W100 select{ width: 100%; min-width: 8rem;}

.btn_updown_move{ width: 1.5rem; height: 2.6rem; background: url("../img/sprite/icon_updown.svg") no-repeat center; margin-right: 0.6rem; opacity: 0.5; transition: all .2s ease .1s; display: inline-block; vertical-align: middle; cursor: pointer;}
.btn_updown_move:hover{ opacity: 1;}

/* dataViewTable : 1번째 행 고정 */
.hold1col{ border-collapse: separate; border-spacing: 0;}
.hold1col td:first-child{ position: sticky; left: 0; z-index: 3; background: #fff; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.hide_bottom_line{ border-bottom: none !important;}


.td_unLine{ text-decoration:underline;}

.formCheckbox.today { margin-top: 2rem; }

.formCheckbox.today label{ font-size:1.2rem;}

table.small{}
table.small th,
table.small td{ font-size:1.58rem; padding:1rem !important; height:auto !important;}
.tdNowrap td{white-space:nowrap;}
.thNowrap th{white-space:nowrap;}


.modal-excelUpload .inpFile .fileName { width: calc(100% - 10rem); }

.modal-excelUpload .unitTable + .unitList{ margin-top:1rem;}

.btn_many_wrap + .nuitWon{ margin-bottom:1rem;}

.secModal .schArea {  display: -ms-flexbox; display: flex; -ms-flex-align: center;  align-items: center;  gap: 1rem;}
.secModal .schArea .selUnit { width: 13rem;}
.secModal .schArea.typeFix .inpUnit { width: calc(100% - 14rem);}

.unitList.none.ev_perf_info > li{ margin-top:2rem;}
.unitList.none.ev_perf_info > li:first-child{ margin-top:0;}
.unitList.sml > li{ font-size:13px; color:#777; margin:0 0 0.6rem 0; padding:0;}
.unitList.sml > li:last-child{ margin:0;}
.unitList.sml > li:before{ display:none;}

.attTab{ display:flex; margin:0 0 2rem 0;}
.attTab li{ flex:1 1 30%;}
.attTab li + li{ margin-left:-1px;}
.attTab li button{ width:100%; font-size:1.8rem; height:6rem; display:flex; justify-content: center; align-items: center; border:1px solid #bbb;}
.attTab li.on button{ background:#0083ce; color:#fff; border:1px solid #0083ce;}
.attTab li button em{ margin:0 0 0 1rem;}

@media all and (max-width:700px) {
	.attTab{ flex-direction: column;}
	.attTab li + li{ margin-left:0; margin-top:-1px;}
}

@media (max-width: 1224px) {
	.attTab li button em{ transform: scale(0.5); transform-origin: center right;}
}

.modal-att-infodata .unitTable + .unitTable{ margin-top:2rem;}

/* 환경분야 소·부·장 정보 : 오늘의 주요 소부장 정보 */
.notiQuickView{ position:relative; border:5px solid #0083ce; border-radius:10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1)  ; 
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1)  ; 
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1)  ; 
}

.notiQuickView + .unitTable{ margin-top:3rem;}
.hide{ position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; margin: -1px; padding: 0; clip: rect(0,0,0,0); border: 0;}

.notiQuickView .swpCtrl{position:absolute; right:0; top:-36px; display:flex;}

.notiQuickView .swiper-slide{ display:flex; height: auto;}
.notiQuickView .swiper-slide .unitTable{ width: calc(100% - 300px); padding:2rem;}
.notiQuickView .swiper-slide .graph_wrap{ width: 30rem; background: #f2f9fd; text-align: center; padding: 1.5rem;}

.notiQuickView .unitTable table thead tr th{height: 5rem;}
.notiQuickView .unitTable table tbody tr td{ padding: 1rem 1rem; min-height: 10.5rem;}

.swiperCnt{}
.swiperCnt span{font-family: 'Nanumsquare'; font-weight:500;}
.swiperCntNow {font-size:15px; color:#0f62cc; font-weight:400;}
.swiperCntTot {font-size:15px; color:#6e6e6e; font-weight:400;}
.swiperBtn {margin:0 0 0 10px; display:flex;}
.swiperStop {display:inline-block; width:6px; height:24px; padding:7px; background: url(../img/sub/img_swiper_stop.png) no-repeat center center; vertical-align:top;}
.swiperAuto {display:inline-block; width:5px; height:24px; padding:7px; background:url(../img/sub/img_swiper_auto.png) no-repeat center center; vertical-align:top;}
.swiperLeft {display:inline-block; width:6px; height:24px; padding:8px 7px; background:url(../img/sub/img_swiper_left.png) no-repeat center center; vertical-align:top;}
.swiperRight {display:inline-block; width:6px; height:24px; padding:8px 7px; background:url(../img/sub/img_swiper_right.png) no-repeat center center; vertical-align:top;}

.swiperRoll {overflow:hidden;}
.swiperRoll ul {width:9999px; overflow:hidden;}
.swiperRoll ul:after {display:block; content:""; clear:both;}
.swiperRoll li {float:left;}
.swiperRoll li a {display:block; border-radius:6px; height:166px; text-decoration:none;}
.swiperRoll li a:hover .war_tit{ color:#0f62cc; text-decoration:underline;}
@media all and (max-width:700px) {
    .notiQuickView{ display: none;}
    .notiQuickView + .unitTable.typeVer.schList { margin: 0rem -1.6rem 0;}
}

/* 협회소개 : KEIA 소개 : 연혁 240320 pjs */
/* TAB Menu */
.sub_page_tab{ margin-top: 2rem; display: flex;}
.sub_page_tab li{ flex: 1;}
.sub_page_tab li button{ width: 100%; height: 6rem; color: #888; font-family: 'Nanumsquare'; font-size: 1.9rem; border-bottom: 1px dashed #bbb;}
.sub_page_tab li button::before{ content: ''; position: absolute; width: 100%; height: 2px; left: 0; bottom: -1px; background: #0083ce; transform: scaleX(0); transform-origin: left; transition: transform ease .3s;}
.sub_page_tab li.on button{ position: relative; color: #0083ce; font-weight: 600;}
.sub_page_tab li.on button::before{}

.subPageTabCont > div{ display: none;}
.subPageTabCont > div:first-child{ display: block;}

@media screen and (max-width: 640px) {
    .sub_page_tab{ flex-wrap: wrap;}
    .sub_page_tab li{ width: 50%; flex: none;}
    .sub_page_tab li button{ font-size: 1.6rem; height: 5rem;}
}

/* 신청·입력·조회 */
.project_app_list{ padding: 4rem 0 0; border-top: 0.2rem solid #0083ce;}
.project_app_list li:not(:last-child){ margin-bottom: 2rem;}
.project_app_list .project{ position: relative; border-radius: 4px; height: 13rem; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.project_app_list .project::before,
.project_app_list .project::after{ content: ''; display: block; position: absolute; border-radius: inherit;}

.project_app_list .project::before{ width: 100%; height: 100%; background: #d5d5d5; z-index: 0;}
.project_app_list .project:after{ background: #fff; width: calc(100% - 2px); height: calc(100% - 2px); z-index: 1;}

.project_app_list .project:hover::before,
.project_app_list .project.on::before{ width: 100%; height: 100%; background: linear-gradient(90deg, rgba(67,152,39,1) 0%, rgba(172,194,0,1) 50%, rgba(238,119,0,1) 100%); z-index: 0;}
.project_app_list .project:hover::after,
.project_app_list .project.on::after{ background: #fff; width: calc(100% - 6px); height: calc(100% - 6px); z-index: 1;}

.project_app_list .project .cont{ position: relative; width: 100%; padding-right: 4rem; display: flex; gap: 2rem; z-index: 2;}

.project_app_list .project .cont .report_date{ position: relative; width: 12rem; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem;}
.project_app_list .project .cont .report_date::after{ content: ''; position: absolute; width: 1px; height: 8rem; background: #d5d5d5; right: 0; top: 50%; transform: translateY(-50%);}
.project_app_list .project .cont .report_date .d_day{ font-size: 2.5rem; color: #111;}
.project_app_list .project .cont .report_date .info{ display: inline-flex; align-items: center; justify-content: center; border-radius: 0.3rem; font-size: 1.9rem;  height: 3.6rem; width: 9.4rem; color: #888;}

.project_app_list .project .cont .subject{ max-width: calc(100% - 14rem); display: flex; flex-direction: column; justify-content: center; flex: 1 0; gap: 1rem;} 
.project_app_list .project .cont .subject .tit{ font-family: 'Nanumsquare'; font-size: 1.9rem; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 4rem);}
.project_app_list .project:hover .cont .subject .tit{ font-weight: 700;}
.project_app_list .project .cont .subject .date{ }
.project_app_list .project .cont .subject .date p{ position: relative; color: #888;}
.project_app_list .project .cont .subject .date p span{ color: #111;}

/* 신청가능 ing */
.project_app_list .project.ing .cont .report_date .info{ color: #439827; background-color: rgba(67, 152, 39, 0.06);}

/* 오늘마강 today */
.project_app_list .project.today .cont .report_date .info{ color: #ff5500; background-color: rgba(255, 85, 0, 0.06);}

/* 신청마강 end */
.project_app_list .project.end{}

@media screen and (max-width: 640px) {
    .project_app_list .project{ height: auto; padding: 1.5rem;}
    .project_app_list .project .cont{ padding-right: 0; flex-direction: column; gap: 1rem;}
    .project_app_list .project .cont .report_date{ width: auto; flex-direction: row; justify-content:flex-start; gap: 2rem;}
    .project_app_list .project .cont .report_date::after{ display: none;}
    .project_app_list .project .cont .report_date .d_day{ min-width: 4rem; font-size: 1.5rem; order: 2;}
    .project_app_list .project .cont .report_date .info{ font-size: 1.5rem; height: auto; width: auto; padding: 0.4rem 1rem; order: 1;}
    .project_app_list .project.end .cont .report_date .info{ background: #f3f3f3; min-width: 7.5rem;}
    .project_app_list .project .cont .subject{ gap:8px; max-width: max-content;}
    .project_app_list .project .cont .subject .tit{ font-weight: 500; font-size: 1.6rem; max-width: max-content; text-overflow: inherit; white-space: normal;}
    .project_app_list .project .cont .subject .date{ flex-direction: column; gap: 2px;}
    .project_app_list .project .cont .subject .date p{ font-size: 1.3rem;}
    .project_app_list .project .cont .subject .date p::after{ display: none;}

    /* 신청마강 end */
    .project_app_list .project.end .cont .subject .tit{ font-weight: 400;}
}

.project_app_list .project .btnStar{ position: absolute; width: 2.3rem; height: 2.3rem; background-image: url(../img/common/star.png); background-size: contain; background-repeat: no-repeat; top: 1.5rem; right: 1.5rem; z-index: 4;}
.project_app_list .project .btnStar.isActive { background-image: url(../img/common/star_active.png);}

/* TAB menu */
.sec-subWrap + .secBody .tab{ }
.tab{ position: relative; display: flex; margin-bottom: 6rem; background-color:rgba(245, 245, 245, 1); margin-top: -4rem;}
.tab::after{ content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100vw; height: 8.5rem; background-color:rgba(245, 245, 245, 1); opacity:1}
.tab li{ position: relative; z-index: 1; flex: 1;}
.tab li a{ height: 8.5rem; display: inline-block; display: flex; justify-content: center; align-items: center; font-size: 2.5rem; color: #666; line-height: 1.1; text-align: center;}
.tab li:not(:last-child)::before{ content: ""; position: absolute; width: 2px; height: 3rem; right: -1px; top: 50%; transform: translateY(-50%); background: #eee;}

.tab li.on::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #0083ce; z-index: 2;}
.tab li.on a{ color: #0083ce; font-weight: 500;}

@media screen and (max-width: 640px) {
    .tab{ margin-bottom: 4rem; margin-left: -1.8rem; margin-right: -1.8rem;}
    .tab li a{ height: 8rem; font-size: 2rem; padding: 0 2rem;}
    .tab::after{ display: none;}
}

@media screen and (max-width: 390px) {
    .tab li a{ height: 6rem; font-size: 1.5rem; line-height: 1.3;}
}

.ev_middle_banner{ margin-bottom: 4rem; display: flex; justify-content: space-between;}

.ev_tel_banner{ background: url("../img/sprite/icon_ev_tel.png") no-repeat #8e8e8e; background-position: right 3rem center; color: #fff; display: flex; align-items: center; gap: 3rem;
    padding: 2rem 0 2rem 3rem; width: 44rem; border-radius: 6px;
}
.ev_tel_banner span{ color: #ececec; font-size: 2.1rem; font-weight: 500;}
.ev_tel_banner dl{ color: #fff; font-size: 2.1rem;}

.ev_tel_banner.small,
.btn_ev_link.small{ height: 10rem;}

.btn_ev_link{ background: url("../img/sprite/icon_ev_newwindow.png") no-repeat #002e6d; background-position: right 3rem center; padding: 2rem 0 2rem 3rem; width: 44rem; border-radius: 6px; color: #fff; font-size: 2.3rem; display: flex; flex-direction: column; justify-content: center;
}
.btn_ev_link.gray{ background: url("../img/sprite/icon_ev_newwindow.png") no-repeat #8e8e8e; background-position: right 3rem center;}

.btn_ev_link .sub_txt{ font-size: 1.6rem;}
.btn_ev_link .site{ opacity: 0.4; font-size: 1.8rem; margin-top: 6px; font-weight: 300; letter-spacing: 0;}

@media (max-width: 1224px) {
    .ev_middle_banner{ gap: 1rem;}
    .ev_tel_banner,
    .btn_ev_link{ width: 100%;}
}

@media screen and (max-width: 740px) {
    .ev_middle_banner{ flex-direction: column;}
    .ev_tel_banner,
    .btn_ev_link,
    .btn_ev_link.gray{ background-size: 3.6rem; background-position: right 2rem center;  height: auto; min-height: 8rem; padding: 1.5rem 0 1.5rem 3rem;}

    .ev_tel_banner{ }
    .ev_tel_banner span{ font-size: 1.6rem;}
    .ev_tel_banner dl{}
    .ev_tel_banner dl dt,
    .ev_tel_banner dl dd{ font-size: 1.4rem;}

    .ev_tel_banner.small{ height: auto;}

    .btn_ev_link{ font-size: 1.6rem;}
    .btn_ev_link .sub_txt,
    .btn_ev_link .site{ font-size: 1.4rem;}
}

@media screen and (max-width: 390px) {
    .ev_tel_banner,
    .btn_ev_link{ padding: 1rem 0 1rem 2rem; background-size: 3rem;}
}

.table03 { border-top: 1px solid #0083ce;}
.table03 th,
.table03 td{ color: #111; border-bottom: 1px solid #e9e9e9;}
.table03 th{ font-size: 2.2rem; background: #f9f9f9; vertical-align: middle; border-right: 1px solid #e9e9e9;}
.table03 td{ font-size: 1.9rem; text-align: left; padding: 2rem !important;}
.table03 td:not(:last-child){ border-right: 1px solid #e9e9e9;}

.table03 .sub_list{ margin: 4px 0 6px 4px;}
.table03 .sub_list li{ font-size: 1.8rem; color: #757575; position: relative;}
.table03 .sub_list.bar li{ padding-left: 1.2rem;}
.table03 .sub_list.bar li::before{ content: "-"; position: absolute; left: 0; top: -2px;}

.table03.list th{ font-size: 2.1rem;}
.table03.list td{ font-size: 1.9rem;}

@media screen and (max-width: 640px) {
    .table03 th{ font-size: 1.6rem !important; padding: 1rem 1rem !important;}
    .table03 td{ font-size: 1.6rem !important;}
    .table03 .sub_list li{ font-size: 1.4rem;}
    .table03.list .icon-file_mo{ display: none;}
}

/* 주요사업 : 환경산업 정보제공 : 자료실 */
[data-page^=sub-] .schArea.ev_report .selUnit { width: 18rem;} 
.ev_report .inpUnit{ flex: 1;}

@media (max-width: 1224px) {
    [data-page^=sub-] .schArea.ev_report .selUnit { width: 100%;} 
}

.c_num{ margin-right: 2rem; display: inline-block;}
.c_num:not(:last-child):after{ content: "▶"; font-size: 1.8rem; vertical-align: initial; padding-left: 10px;}
.c_num em{ font-size: 2.5rem; vertical-align: initial;}
@media screen and (max-width: 640px) {
    .c_num em{ font-size: 2rem;}
}

.btn_submit{ height: 4.8rem !important; width: 15rem; background: #ee7700 !important; border-radius: 4px !important; font-size: 1.9rem !important;}
.btn_submit i{ transform: rotate(90deg); margin-left: 20px;}

/* 신청·입력·조회 : 환경전문공사업 수주실적 입력 : reply */
.reply_wrap{ border-top: 1px solid #e9e9e9; padding-top: 3.7rem;}
.reply_list_top{ display: flex; margin-bottom: 0.8rem;}
.reply_num{ font-size: 2rem;}
.reply_num em{ color: #0083ce; font-weight: 500;}

.reply_list{ border-top: 1px solid #b7b7b7;}
.reply_list li{ padding: 1.7rem 2rem; border-bottom: 1px solid #e9e9e9;}
.reply_list li.reply{ padding: 1.7rem 2rem 1.7rem 6rem; background: #fafafa;}

.reply_top{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;}
.reply_top .user_info{ display: flex; gap: 1rem;}
.reply_top .user_info b{ position: relative; font-size: 1.5rem; color: #111;}
.reply_top .user_info .date{ font-size: 1.4rem; color: #888;}
.reply .reply_top .user_info b::before{ content: ""; position: absolute; width: 1.1rem; height: 1rem; background: url("../img/sprite/icon_reply.png") no-repeat left; left: -1.8rem; top: 4px;}

.reply_btn_wrap{ display: flex; gap: 0.5rem}

.reply_cont{}
.reply_cont textarea{ border: 1px solid #b7b7b7; height: 7rem; resize: none;}

.btn_reply{ font-size: 1.3rem; background: #fff; border: 1px solid #e9e9e9; border-radius: 2px; padding: 0 1rem 0 1rem; height: 26px; align-items: center;}
.btn_reply.re{ background: url("../img/sprite/icon_reply_bk.png") no-repeat left 1.1rem center #fff; padding: 0 1rem 0 2.8rem;}
.btn_reply.del{ background: #fff5f5;}

.admin_reply_wrap{ margin-top: 3.8rem;}
.admin_reply_top{ position: relative; margin-bottom: 0.8rem; font-size: 2rem; font-weight: 600; padding-left: 1rem; color: #111;}
.admin_reply_top::before{ content: ""; position: absolute; background: #0083ce; width: 3px; height: 17px; left: 0; top: 6px;}

.admin_reply_cont{ border: 1px solid #b7b7b7;}

.admin_reply_cont textarea{ border: none; resize: none; height: 11.8rem;}
.admin_reply_cont textarea::placeholder{ color: #acacac;}
.admin_reply_bottom{ border-top: 1px solid #f0f0f0; display: flex; justify-content: flex-end;}

.btn_admin_reply{ width: 10rem; height: 4rem; background: url("../img/sprite/icon_circle_ck.png") no-repeat left 2rem center #777; color: #fff; display: flex; align-items: center; padding-left: 5.2rem; font-size: 1.5rem; font-weight: 600; margin: -1px -1px -1px 0;}

.reply_wrap + .bottomArea.typeBoth{ border-top: none;}

@media screen and (max-width: 740px) {
    .reply_top { margin-bottom: 1.5rem;}
    .reply_top .user_info .date{ display: none;}

    .reply_list li { padding: 1.7rem 0;}
    .reply_list li.reply { padding: 1.7rem 0 1.7rem 3rem;}
    
}

/*width*/
.W10 { width: 10px !important; }
.W20 { width: 20px !important; }
.W30 { width: 30px !important; }
.W40 { width: 40px !important; }
.W50 { width: 50px !important; }
.W60 { width: 60px !important; }
.W70 { width: 70px !important; }
.W80 { width: 80px !important; }
.W90 { width: 90px !important; }
.W100 { width: 100px !important; }
.W110 { width: 110px !important; }
.W120 { width: 120px !important; }
.W130 { width: 130px !important; }
.W140 { width: 140px !important; }
.W150 { width: 150px !important; }
.W160 { width: 160px !important; }
.W170 { width: 170px !important; }
.W180 { width: 180px !important; }
.W190 { width: 190px !important; }
.W200 { width: 200px !important; }
.W210 { width: 210px !important; }
.W220 { width: 220px !important; }
.W230 { width: 230px !important; }
.W240 { width: 240px !important; }
.W250 { width: 250px !important; }
.W260 { width: 260px !important; }
.W270 { width: 270px !important; }
.W280 { width: 280px !important; }
.W290 { width: 290px !important; }
.W300 { width: 300px !important; }
.W310 { width: 310px !important; }
.W320 { width: 320px !important; }
.W330 { width: 330px !important; }
.W340 { width: 340px !important; }
.W350 { width: 350px !important; }
.W360 { width: 360px !important; }
.W370 { width: 370px !important; }
.W380 { width: 380px !important; }
.W390 { width: 390px !important; }
.W400 { width: 400px !important; }
.W410 { width: 410px !important; }
.W420 { width: 420px !important; }
.W430 { width: 430px !important; }
.W435 { width: 435px !important; }
.W440 { width: 440px !important; }
.W450 { width: 450px !important; }
.W500 { width: 500px !important; }
.W510 { width: 510px !important; }
.W550 { width: 550px !important; }
.W600 { width: 600px !important; }
.W650 { width: 650px !important; }

/*####################################### NEW Main #######################################*/
.main_inner{ position: relative; margin: 0 auto; width: 122.4rem;}

.mainTopCont{ margin-top: 3rem;}
.mainTopCont .main_inner{ display: flex; gap: 3rem;}

.new_m_swiper_wrap{ width: calc(100% - 52.4rem);}
.new_m_swiper_wrap ul{ border-radius: 1rem;}
.new_m_swiper_wrap ul li{ position: relative; border-radius: 1rem; overflow: hidden; height: 35rem; padding-left: 28rem; background-repeat: no-repeat; color: #fff;}
.new_m_swiper_wrap .mvb01{ background-color: #59a863; background-image: url("../img/newmain/mtb01.png");}
.new_m_swiper_wrap .mvb02{ background-color: #7aa0da; background-image: url("../img/newmain/mtb02.png");}
.new_m_swiper_wrap .mvb03{ background-color: #5aafd3; background-image: url("../img/newmain/mtb03.png");}
.new_m_swiper_wrap .mvb04{ background-color: #57bed9; background-image: url("../img/newmain/mtb04.png");}

.mainbe.textArea{ position: relative; height: 100%; padding: 5rem 2rem 0 0;}
.mainbe.textArea .tit{ font-size: 3.3rem; font-weight: 600; margin: 0 0 2.8rem;}
.mainbe.textArea .desc{ font-size: 1.7rem;}
.mainbe.textArea .desc span{ display: block;}
.mainbe.textArea .num{ position: absolute; line-height: 1; bottom: -2.3rem; left: 0; font-size: 10rem; font-weight: 900; font-family: 'NotoSansKr';}

/* Main Visual Banner Roll */
.mVisBanRoll{ position:absolute; right: 3rem; bottom: 2rem; display: flex; z-index: 4;}
.mVisBanWrap span{ color: #111;}
.mVisBanWrap span:first-child{ font-weight: 600;}
.mVisBanbNow{font-size:15px; color:#0f62cc; font-weight:600;}
.mVisBanbTot{font-size:15px; color:#6e6e6e; font-weight:600;}

.mVisBanBtn{ height: 3rem; border-radius: 3rem; padding: 0 .6rem; background-color:rgba(255, 255, 255, 0.6); opacity:1; display: flex; align-items: center; gap: .4rem;}
.mVisBanLeft{ display:inline-block; width:6px; height:24px; padding:8px 7px; background:url("../img/newmain/b_left.png") no-repeat center center; vertical-align:top;}
.mVisBanRight{display:inline-block; width:6px; height:24px; padding:8px 7px; background:url("../img/newmain/b_right.png") no-repeat center center; vertical-align:top;}

.mVisAuStop{ width: 3rem; height: 3rem; border-radius: 3rem; background-color:rgba(255, 255, 255, 0.6); opacity:1; margin-left: 1rem; display: inline-flex; justify-content: center; align-items: center;}
.mVisBanStop{display:inline-block; width:6px; height:24px; padding:7px; background:url("../img/newmain/b_stop.png") no-repeat center center; vertical-align:top;}
.mVisBanAuto{display:inline-block; width:5px; height:24px; padding:7px; background:url("../img/newmain/b_auto.png") no-repeat center center; vertical-align:top;}

@media screen and (max-width: 1024px) {
    .new_m_swiper_wrap{ width: 100%;}
}

@media screen and (max-width: 740px) {
    
    .new_m_swiper_wrap ul li{ padding: 2rem 2rem 2rem 4rem; background-position: left 0 bottom 0; background-size: 80%; width: 100%;}
    .new_m_swiper_wrap .mvb01{ background-image: url("../img/newmain/mtb01_mo.jpg");}
    .new_m_swiper_wrap .mvb02{ background-image: url("../img/newmain/mtb02_mo.jpg");}
    .new_m_swiper_wrap .mvb03{ background-image: url("../img/newmain/mtb03_mo.jpg");}
    .new_m_swiper_wrap .mvb04{ background-image: url("../img/newmain/mtb04_mo.jpg");}
    
    .mainbe.textArea{ padding: 7rem 0 0 0;}

    .mainbe.textArea .tit{ font-size: 2.6rem; margin: 0 0 2rem;}
    .mainbe.textArea .desc{ font-size: 1.6rem;}
    .mainbe.textArea .desc span{ display: ruby;}
    .mainbe.textArea .num{ bottom: auto; left: auto; top: -1rem; font-size: 7rem;}
}

/* 검색, 회원사 안내 */
.mainTopRight{ width: 494px;}
.main_search_wrap .search_box{ position: relative; width: 100%; height: 6rem; border-radius: 100px; padding: 4px; background: linear-gradient(90deg, rgba(172,194,0,1) 0%, rgba(251,195,0,1) 50%, rgba(238,119,0,1) 100%); display: inline-flex;}
.main_search_wrap .search_box input{ background: #fff; border-radius: 100px; width: 100%; height: 100%; padding:0 0 0 2rem; border: none; font-size: 2rem;}
.main_search_wrap .search_box input::placeholder{ font-size: 2rem; color: #b2b2b2;}
.main_search_wrap .search_box button{ position: absolute; top: 50%; transform: translateY(-50%); right: 1.5rem;}
.btn_main_search{ width: 6rem; height: 100%; background: url("../img/newmain/icon_main_search.png") no-repeat right 1.5rem center;}

.main_top_link_banner{ margin-top: 3rem; display: flex; gap: 2rem;}
.main_top_link_banner a{ position: relative; display: inline-flex; padding: 3.2rem 0 0 3rem; border-radius: 1rem;}
.main_top_link_banner .mem_join_link a{ background: url("../img/newmain/icon_mem_join.png") no-repeat right 2rem bottom 2rem #eaeafc;}

.main_top_link_banner a::before{ content: ""; position: absolute; width: 3.4rem; height: 3.4rem; border-radius: 3.4rem; background-image: url("../img/newmain/arr_link_go.png"); background-repeat: no-repeat; background-position: center; left: 3rem; top: 11.5rem;}
.main_top_link_banner .mem_join_link a::before{ background-color: #9797d3;}
.main_top_link_banner .mem_service_info_link a::before{ background-color: #005383;}

.main_top_link_banner .mem_join_link { width: 18.6rem; height: 26rem;}
.main_top_link_banner .mem_join_link a{ width: 100%; height: 100%;}
.main_top_link_banner .mem_service_info_link{ flex: 1;}
.main_top_link_banner .mem_service_info_link a{ width: 100%; height: 100%; display: inline-flex; background-color: #0083ce;    
    background-image: url("../img/newmain/mem_service_bg2.png"), url("../img/newmain/mem_service_bg.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top 4.5rem  right 4rem, right -3.2rem bottom -3.4rem;
}
.main_top_link_banner > div:hover a::before{ transform: translateX(80%); transform-origin: top; transition: transform ease .6s;}

.main_top_link_banner .text{ font-size: 2.6rem;}
.main_top_link_banner .text span{ display: block;}
.main_top_link_banner .text strong{ display: block; font-weight: 600;}
.main_top_link_banner .mem_join_link .text span{ color: #5e5eb3;}
.main_top_link_banner .mem_join_link .text strong{ color: #111;}

.main_top_link_banner .mem_service_info_link .text span{ color: #cee3ff;}
.main_top_link_banner .mem_service_info_link .text strong{ color: #ffef37;}

@media (max-width: 1224px) {
    .main_inner{ padding: 0 1.8rem; width: 100%;}    
    .main_top_link_banner .mem_join_link{ width: 30%;}
}

@media (max-width: 1023px) {
    .mainTopCont .main_inner{ flex-direction: column;}
    .mainTopRight{ width: 100%;}
}

@media screen and (max-width: 740px) {
    
    .main_top_link_banner{ flex-direction: column;}
    .main_top_link_banner .mem_join_link{ width: 100%; height: auto;}
    .main_top_link_banner a{ padding: 2rem;}
    .main_top_link_banner a::before{ left: 16rem; top: 6rem;}
    .main_top_link_banner .mem_service_info_link a{ 
        background-position: top 4.5rem  right 4rem, right -3.2rem bottom -3.4rem;
        background-position: top 2rem  right 30%, right -3.2rem bottom -3rem;
        background-size: 10%, 45%;
    }
    
}

/* 공지사항/협회뉴스 */
.mainMiddleCont{ margin-top: 3rem;}
.mainMiddleCont .main_inner{ display: flex; gap: 3rem;}
.main_bbs_wrap{ height: 34.4rem; width: calc(100% - 52.4rem); border-radius: 1rem; border: 5px solid #e9f0f5;}

.main_bbs_tab{ display: flex; background-color: #e9f0f5; padding: 0 2rem .6rem 2rem;}
.main_bbs_tab li{ position: relative; padding: 0 2rem;}
.main_bbs_tab li:not(:first-child):before{ content: ""; position: absolute; width: 1px; height: 1rem; background-color: #ccc; left: 1px; top: 50%; transform: translateY(-50%);}
.main_bbs_tab li button{ position: relative; height: 6rem; display: inline-flex; align-items: center; font-size: 1.8rem; color: #555; font-weight: 600;}

.main_bbs_tab li.on button{ color: #ee7700;}
.main_bbs_tab li.on button::after{ content: ""; position: absolute; width: 100%; height: 4px; background-color: #ee7700; bottom: -.6rem;}

.main_bbs_cont{ display: none; padding: 2.5rem 3.5rem;}
.main_bbs_cont.dev01{ display: block;}

.m_bbs_noti_wrap{ margin-bottom: 2.5rem; display: flex; align-items: center; gap: 2rem;}
.m_bbs_noti_wrap .y_date{ border-radius: 1rem; border: 1px solid #ddd; width: 7rem; height: 7rem; display: inline-flex; flex-direction: column; justify-content: center; align-items: center;}
.m_bbs_noti_wrap .y_date span{ font-size: 1.4rem; color: #111;}
.m_bbs_noti_wrap .y_date strong{ position: relative; font-size: 2.6rem; color: #ee7700; font-weight: 600; line-height: 1;}

.m_bbs_noti_wrap .text_wrap{ width: calc(100% - 9rem);}
.m_bbs_noti_wrap .text_wrap a{}
.m_bbs_noti_wrap .text_wrap a strong{ font-weight: 600; color: #111; font-size: 1.8rem;
    display:block; width: 100%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;
}
.m_bbs_noti_wrap .text_wrap a p{ color: #555; font-size: 1.6rem; margin-top: .6rem;
    display:block; width: 100%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;
}

.main_bbs_list{ border-top: 1px dashed #ddd;}
.main_bbs_list li{ margin-top: 1.8rem; display: flex; gap: 3rem;}
.main_bbs_list li a{ position: relative; padding-left: 1.5rem; font-size: 1.5rem; color: #111;
    display:block; width: 100%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;
}
.main_bbs_list li a::before{ content: ""; position: absolute; width: .5rem; height: .5rem; border-radius: .5rem; background-color: #ee7700; left: 0; top: .7rem;}
.main_bbs_list li .date{ white-space: nowrap; font-size: 1.5rem; color: #888;}

@media screen and (max-width: 1023px) {
    .main_bbs_tab { padding: 0 0 .6rem 0; overflow: auto;}
    .main_bbs_tab li button{ white-space: nowrap}
}

@media screen and (max-width: 740px) {
    .mainMiddleCont .main_inner{ flex-direction: column;}
    .main_bbs_wrap{ width: 100%; height: auto;}
    
    .main_bbs_cont{ padding: 1.8rem;}
    .m_bbs_noti_wrap{ flex-direction: column; align-items: self-start; gap: .8rem;}
    .m_bbs_noti_wrap .text_wrap{ width: 100%;}
    .m_bbs_noti_wrap .y_date{ width: auto; height: auto; padding: .4rem 1rem; display: flex; flex-direction: row; gap: 0;}
    .m_bbs_noti_wrap .y_date strong{ font-size: 1.4rem;}
    .m_bbs_noti_wrap .y_date strong::before{ content: ".";}
}

/* 협회 뉴스 */
.main_news_wrap{ width: 49.4rem; border-radius: 1rem; padding: 3.5rem 3rem 0 3rem;
    background-color: #e7f7e1;
    background-image: url("../img/newmain/icon_news_bg.png");
    background-repeat: no-repeat;
    background-position: top 2.5rem right -1.5rem;
}
.main_news_top{}
.main_news_top .tit{ position: relative; color: #111; font-weight: 700; font-size: 2.6rem; z-index: 2;}
.main_news_top .tit::after{ content: ""; position: absolute; width: 100%; height: .8rem; background-color: #c5ebb7; left: 0; bottom: .3rem; z-index: -1;}
.main_news_top .tit span{ color: #238800;}
.main_news_top .desc{ font-size: 1.6rem; color: #111; margin-top: 1rem;}

.main_news_cont{ position: relative; height: 18.2rem; border-radius: .5rem; background-color: #fff; padding: 3.5rem 3rem 0 3rem !important; margin-top: 3rem;}
.main_news_cont ul li{}
.main_news_cont ul li a{ color: #111; font-size: 1.6rem; font-weight: 600;
    width: 100%;
    display: -webkit-box !important;
    overflow: hidden;
    max-height: 3.2em;
    line-height: 1.8 !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal !important;
    height: auto;
}
.main_news_cont ul li .date{ display: block; font-size: 1.6rem; color: #888; margin-top: 1.5rem;}

@media (max-width: 1023px) {
    
    .main_bbs_wrap{ flex: 1 1 50%;}
    .main_news_wrap{ width: 40%;}
}

@media screen and (max-width: 740px) {
    .main_news_wrap{ width: 100%; padding: 2rem 1.8rem 1.8rem 1.8rem;}
    .main_news_cont { padding: 1.8rem;}
}

/* 협회 뉴스 Roll */
.mNewsBanRoll{ position:absolute; right: 3rem; bottom: 2rem; display: flex; z-index: 4;}
.mNewsBanRoll:after{display:block; content:""; clear:both;}
.mNewsBanbNow{font-size:15px; color:#0f62cc; font-weight:600;}
.mNewsBanbTot{font-size:15px; color:#6e6e6e; font-weight:600;}
.mNewsBanWrap span{ color: #111;}
.mNewsBanWrap span:first-child{ font-weight: 600;}

.mNewsBanBtn{ height: 3rem; border-radius: 3rem; padding: 0 .6rem; background-color: #e1e1e1; display: flex; align-items: center; gap: .4rem;}
.mNewsBanLeft{ display:inline-block; width:6px; height:24px; padding:8px 7px; background:url("../img/newmain/b_left.png") no-repeat center center; vertical-align:top;}
.mNewsBanRight{display:inline-block; width:6px; height:24px; padding:8px 7px; background:url("../img/newmain/b_right.png") no-repeat center center; vertical-align:top;}

.mNewsAuStop{ width: 3rem; height: 3rem; border-radius: 3rem; background-color: #e1e1e1; margin-left: 1rem; display: inline-flex; justify-content: center; align-items: center;}
.mNewsBanStop{display:inline-block; width:6px; height:24px; padding:7px; background:url("../img/newmain/b_stop.png") no-repeat center center; vertical-align:top;}
.mNewsBanAuto{display:inline-block; width:5px; height:24px; padding:7px; background:url("../img/newmain/b_auto.png") no-repeat center center; vertical-align:top;}


/* 하단 링크 배너 */
.mainBottomCont{ margin-top: 3rem;}
.main_bottom_link{ border-radius: 1rem;
    background: linear-gradient(90deg, rgba(205,234,177,1) 0%, rgba(251,234,169,1) 30%, rgba(205,234,177,1) 60%, rgba(178,229,188,1) 100%);
}
.main_bottom_link ul{ height: 22.2rem; display: flex; justify-content: center; padding: 3rem 0;}
.main_bottom_link ul li{ position: relative; height: 100%; display: flex; justify-content: center; flex: auto;}
.main_bottom_link ul li:not(:first-child):before{ content: ""; position: absolute; width: 1px; height: 8rem; border-left: 1px dashed #fff; left: 0; top: 50%; transform: translateY(-50%);}
.main_bottom_link ul li a{ display: inline-block;}
.main_bottom_link ul li a .icon_wrap{ position: relative; height: 10rem;}
.main_bottom_link ul li a .icon_wrap .icon{ position: relative; width: 10rem; height: 10rem; border-radius: 100%; display: inline-flex; top: 0; left: 50%; transform: translateX(-50%) rotateY(0deg);
    background-color: #fff; background-repeat: no-repeat; background-position: center;
}
.main_bottom_link ul li a .icon_wrap .icon.ic01{ background-image: url("../img/newmain/icon_mlik01.png");}
.main_bottom_link ul li a .icon_wrap .icon.ic02{ background-image: url("../img/newmain/icon_mlik02.png");}
.main_bottom_link ul li a .icon_wrap .icon.ic03{ background-image: url("../img/newmain/icon_mlik03.png");}
.main_bottom_link ul li a .icon_wrap .icon.ic04{ background-image: url("../img/newmain/icon_mlik04.png");}

.main_bottom_link ul li a .desc{ margin-top: 1.5rem; font-size: 1.8rem; font-weight: 600; color: #111;}
.main_bottom_link ul li a .desc span{ display: block; text-align: center;}

/* 롤링 효과 */
.main_bottom_link ul li a:hover .icon_wrap .icon{ transform: translateX(-50%) rotateY(360deg);transition-duration: 0.4s;}

@media screen and (max-width: 740px) {
    .main_bottom_link ul{ height: auto; flex-wrap: wrap; gap: 3rem;}
    .main_bottom_link ul li{ width: calc(50% - 2rem);}
    .main_bottom_link ul li:not(:first-child):before{ left: -2rem;}
    .main_bottom_link ul li:nth-child(n+3){ margin-top: 2rem;}
    .main_bottom_link ul li:nth-child(n+3)::after{ content: ""; position: absolute; width: 50%; height: 1px; border: none; border-top: 1px dashed #fff; top: -2.5rem; left: 50%; transform: translateX(-50%);}
}

/* 우이동 */
.bbtn_dd{transform: rotateY(360deg); transition-duration: 0.4s;}
.hidden{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/******************** Quick Menu ********************/
.quick_menu{ position: absolute; top: 140px; left: calc(50% + 66rem); width: 10rem; transition: top .3s ease; z-index: 2;}

.quick_menu ul{ padding: 0 1.5rem; border-radius: .6rem; border: 1px solid #ddd; background: #fff;}
.quick_menu ul li{}
.quick_menu ul li:not(:first-child){ border-top: 1px solid #ddd;}
.quick_menu ul li a{ padding: 5rem 0 0 0; height: 10rem; display: block; font-size: 1.4rem; font-weight: 600; text-align: center; line-height: 1.2;}
.quick_menu ul li:nth-child(1) a{ background: url("../img/common/quick_01.png") no-repeat center top 1.8rem;}
.quick_menu ul li:nth-child(2) a{ background: url("../img/common/quick_02.png") no-repeat center top 1.4rem;}
.quick_menu ul li:nth-child(3) a{ background: url("../img/common/quick_03.png") no-repeat center top 1.4rem;}
.quick_menu ul li:nth-child(4) a{ background: url("../img/common/quick_04.png") no-repeat center top 1.4rem;}

.quick_menu.show{ animation: quick_show 1.4s  both;}

.btn_move_top{ position: relative; width: 100%; display: block; height: 4rem; border-radius: .6rem; border: 1px solid #ddd; background: #fff; margin-top: 1rem;}
.btn_move_top::before{ content: ""; display: inline-flex; background-image: url("../img/sprite/sprite.png"); background-position: -17.5rem -70rem; width: 1.4rem; height: .8rem;}


[data-page^=sub-] .quick_menu{ top: 460px;}



@keyframes quick_show {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media screen and (max-width: 1270px) {
    [data-page^=sub-] .quick_menu{ display: none;}
}

/* 주요사업 하위 메뉴 예외 처리
[data-page^=sub-03] .quick_menu{ display: none;} */

/* 회원사 서비스 : 회원사 서비스 안내 */
.member_servie_info_list{ margin-top: 35px; display: flex; gap: 15px; flex-wrap: wrap;}
.member_servie_info_list > li{ flex: 0 0 calc(33% - 8px);}
.member_servie_info_list > li a{ position: relative; display: block; border-radius: 20px; border: 1px solid rgba(0, 131, 206, 1); padding: 30px 26px; height: 310px; display: flex; flex-direction: column; justify-items: center; align-items: center; transition: all 0.3s ease;}

.member_servie_info_list > li a::before {
    display: block;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border: solid 2px #0083ce;
    box-shadow: 8px 13px 35px rgba(0, 72, 174, 0.2);
    transition: opacity 0.3s;
    content: '';
    pointer-events: none;
    z-index: 2;
}
.member_servie_info_list > li a:hover::before{ opacity: 1;}


.member_servie_info_list > li ul{ width: 100%;}
.member_servie_info_list > li ul li{ letter-spacing: -.6px; font-size: 15px;}

.unitList.dot.blue > li:before{ background-color: #0083ce;}
.unitList.dot.blue > li .desc_text{ margin-top: 4px;}
.desc_text{ font-size: 14px; color: #555;}

.member_servie_info_list > li .msi_tit{ font-size: 19px; letter-spacing: -1.8px; color: #006bbe; font-weight: 600; width: 100%; margin: 19px 0 8px 0;}

@media screen and (max-width: 768px) {
    .member_servie_info_list > li{ flex: 0 0 100%;}
    .member_servie_info_list > li a{ height: auto;}
}

.middle_tab{ border: 1px solid #bbb; display: flex;}
.middle_tab li{ flex: 1;}
.middle_tab li:not(:first-child){ border-left: 1px solid #bbb;}
.middle_tab li a{ font-size: 1.9rem; text-align: center; display: flex; height: 8rem; justify-content: center; align-items: center;}
.middle_tab li.on a{ background-color: #0083ce; color: #fff;}

@media screen and (max-width: 768px) {
    .middle_tab{ flex-wrap: wrap; border: none; gap: 2px;}
    .middle_tab li{ width: calc(50% - 2px); flex: none; border: 1px solid #bbb;}
    .middle_tab li a{ height: 100%; min-height: 5rem; font-size: 1.6rem; padding: 0 .6rem;}
}