@charset "utf-8";

<!-- 국가장학 추가 -->
/*>>>>>>>>>> 공통 <<<<<<<<<<*/
/* 가리기 */
.hide {position:absolute; top:-9999px; left:-9999px; overflow:hidden; width:1px; height:1px; opacity:0}

/* 스와이퍼 2025-03-19 추가 */
.swiper-container-fade .swiper-notification {position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;}

/* 타이틀 */
.titArea {overflow:hidden; margin:60px 0 30px}
.titArea h3 {float:left; line-height:68px; letter-spacing:-0.025em; font-size:45px; font-weight:700; color:#000}
.titArea.line {margin-bottom:30px; padding-bottom:30px; border-bottom:2px solid #000}
.subTitArea {display:flex; align-items:center; justify-content:space-between}
.subTitArea h4 {margin-bottom:0 !important}
.subTitArea .right {display:flex}
.subTitArea .right > * + * {margin-left:10px}
.subTitArea .right p {line-height:24px; letter-spacing:-0.05em; font-size:16px; font-weight:500; color:#555}
.subTitArea .right p strong {font-weight:700; color:#009bcb}
.subTitArea .right .btn {white-space:nowrap}
.subTitArea.line {margin-bottom:30px; padding-bottom:30px; border-bottom:2px solid #000}
.subTitArea.mB {margin-bottom:30px}
.smallTit {margin:40px 0 20px; line-height:36px; letter-spacing:-0.05em; font-size:24px; font-weight:500; color:#000}
.smallTit select {margin-left:13px}
.red {color: red}
@media (max-width:1160px) {
    .titArea {margin:45px 0 22px}
    .titArea h3 {line-height:52px; font-size:34px}
    .titArea.line {margin-bottom:22px; padding-bottom:22px}
    .subTitArea.line {margin-bottom:22px; padding-bottom:22px}
    .subTitArea.mB {margin-bottom:20px}
    .smallTit {margin:30px 0 10px; line-height:30px; font-size:20px}
}
@media (max-width:767px) {
    .titArea {margin:30px 0 15px}
    .titArea h3 {line-height:34px; font-size:23px}
    .titArea.line {margin-bottom:15px; padding-bottom:15px}
    .subTitArea {flex-direction:column}
    .subTitArea h4 {width:100%}
    .subTitArea .right {justify-content:right; margin-top:10px; width:100%}
    .subTitArea.line {margin-bottom:15px; padding-bottom:15px}
    .subTitArea.mB {margin-bottom:15px}
    .smallTit {margin:20px 0 15px; line-height:24px; font-size:16px}
    .smallTit select {margin-left:3px}
}

/* 토글 타이틀 */
.titToggle {display:flex; align-items:center; justify-content:space-between; margin-bottom:30px}
.titToggle h4 {margin-bottom:0 !important}
.titToggle .btn.on {color:#000; background:#fff}
@media (max-width:1160px) {
    .titToggle {margin-bottom:20px}
}

/* 하단 프로필 */
.profileBottom {padding:28px 0; border-top:1px solid #ccc}
.profileBottom ul {display:flex; justify-content:center}
.profileBottom ul li {margin:0 33px; padding-left:60px; line-height:48px; letter-spacing:-0.05em; font-size:18px; color:#555; background:no-repeat center left/48px auto}
.profileBottom ul li.phone {background-image:url("../images/common/ico-phone.png")}
.profileBottom ul li.email {background-image:url("../images/common/ico-email.png")}
.profileBottom ul li strong {display:inline-block; margin-right:30px; vertical-align:top; font-size:20px; font-weight:700; color:#000}
@media (max-width:1160px) {
    .profileBottom ul li {padding-left:50px; line-height:38px; font-size:16px; background-size:38px auto}
    .profileBottom ul li strong {margin-right:20px; font-size:16px}
}
@media (max-width:767px) {
    .profileBottom {padding:0; border-top:none}
    .profileBottom ul {flex-direction:column}
    .profileBottom ul li {margin:0; padding:10px 0 10px 50px; border-top:1px solid #ccc; line-height:28px; font-size:13px; background-position:center left 15px; background-size:28px auto}
    .profileBottom ul li strong {margin-right:10px; font-size:13px}
}

/* 버튼 */
.btn {display:inline-block; padding:0 10px; border:1px solid #009bcd; border-radius:5px; min-width:180px; text-align:center; line-height:58px; letter-spacing:-0.025em; font-size:18px; color:#fff; background:#009bcd}
.btnR {border-radius:30px}
.btnS {padding:0 10px; min-width:80px; line-height:28px; font-size:16px}
.btnM {line-height:43px !important; font-size:16px !important}
.btnDown {display:inline-block; border:none; width:30px; height:30px; text-indent:-9999px; background:url("../images/ico-download.png") no-repeat center/20px auto}
.aaa {padding:0 30px}
@media (max-width:1160px) {
    .btn {min-width:135px; line-height:48px; font-size:16px}
    .btnS {min-width:80px; line-height:28px; font-size:14px}
}
@media (max-width:767px) {
    .btn {min-width:90px; line-height:38px; font-size:13px}
    .btnS {min-width:70px; line-height:28px; font-size:13px}
    .btnM {line-height:38px !important; font-size:13px !important}
    .btnDown {background-position:center left; background-size:18px auto}
}

.noticeDown{width: 100%; text-align: center}
.noticeDown a{display: block;
    margin: 0 auto 10px;
    width: 650px;
    border: 2px solid #f16027;
    border-radius: 25px;
    text-align: center;
    line-height: 48px;
    letter-spacing: -0.025em;
    font-size: 20px;
    font-weight: 600;
    color: #f16027;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.noticeDown a .downloadIcon{
    width: 20px;
    background:url("../images/ico-download-white.png") no-repeat center
}

.noticeDown a:hover{
    border-color: #f16027;
    color: #fff;
    background: #f16027;
}
@media (max-width:1160px) {
    .noticeDown a {
        font-size: 18px;
        font-weight: 500;
        border: 1px solid #f16027;
    }

}
@media (max-width:767px) {
    .noticeDown a {
        font-size: 15px;
        width : 450px;
    }
}

/* 버튼+아이콘 */
.btnIco {display:block; padding:0 12px; border:1px solid #555; border-radius:15px; line-height:28px; font-size:16px; color:#000; background-color:#fff}
.btnIco span {padding-right:16px; background:url("../images/btn-ico-next.png") no-repeat center right/6px auto}
.btnIcoPrev {padding:0 30px; text-align:right; background:url("../images/btn-ico-prev.png") no-repeat center left 30px/6px auto}
.btnIcoPrev.white {background-image:url("../images/btn-ico-prev-w.png")}
.btnIcoNext {padding:0 30px; text-align:left; background:url("../images/btn-ico-next.png") no-repeat center right 30px/6px auto}
.btnIcoNext.white {background-image:url("../images/btn-ico-next-w.png")}
.btnArrow {display:inline-block; padding:0 30px; border:1px solid #555; border-radius:5px; min-width:180px; text-align:center; line-height:58px; letter-spacing:-0.025em; font-size:18px; color:#000; background-color:#fff}
.btnArrow span {display:inline-block; padding-right:16px; background:url("../images/btn-ico-next.png") no-repeat center right/6px auto}
.btnArrow.white {color:#fff}
.btnArrow.white span {background-image:url("../images/btn-ico-next-w.png")}
@media (max-width:1160px) {
    .btnIcoPrev {padding:0 20px; background-position:center left 20px}
    .btnIcoNext {padding:0 20px; background-position:center right 20px}
    .btnArrow {line-height:48px; font-size:16px}
}
@media (max-width:767px) {
    .btnIco {font-size:13px}
    .btnIcoPrev {padding:0 10px; background-position:center left 10px; background-size:5px auto}
    .btnIcoNext {padding:0 10px; background-position:center right 10px; background-size:5px auto}
    .btnArrow {line-height:38px; font-size:13px}
    .btnArrow span {background-size:5px auto}
}

/* 버튼 색상 */
.btnOrg {border-color:#f16027; background-color:#f16027}/* 검색, 목록, 글쓰기 */
.btnGray {border-color:#555; background-color:#555}/* 저장, 삭제 */
.btnLGray {border-color:#555; color:#000; background-color:#fff}/* 수정 */
.btnBlue {border-color:#009bcd; background-color:#009bcd}
.btnWhite {border-color:#009bcd; color:#555; background-color:#fff}
.btnNavy {border-color:#123965; background-color:#123965}

/* 버튼 정렬 */
.mAuto {margin:0 auto}
.btnBottom {display:flex; justify-content:center; margin-top:60px}
.btnBottom * + * {margin-left:10px}
@media (max-width:1160px) {
    .btnBottom {margin-top:45px}
}
@media (max-width:767px) {
    .btnBottom {margin-top:30px}
    .btnBottom.flexCol {flex-direction:column; align-items:center}
    .btnBottom.flexCol * + * {margin:10px 0 0}
}

/* 인풋 & 셀렉트 */
input[type=text],
input[type=password] {padding:0 20px; border-radius:5px; width:400px; line-height:58px; letter-spacing:-0.025em; font-size:18px; color:#000}
select {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 40px 0 20px; border-radius:5px; width:160px; line-height:58px; letter-spacing:-0.025em; font-size:18px; color:#000; background:url("../images/bl-arrow-down.png") no-repeat center right 20px/10px auto}
input:focus::placeholder,
select:focus {color:#000}
input:disabled {border-color:#ddd; background-color:#eee}
input:disabled::placeholder {color:#999}
select:disabled {border-color:#ddd; color:#999; background-color:#eee; background-image:url("../images/bl-arrow-down-disabled.png"); opacity:1}
@media (max-width:1160px) {
    input[type=text],
    input[type=password] {padding:0 15px; width:300px; line-height:48px; font-size:16px}
    select {padding:0 35px 0 15px; line-height:48px; font-size:16px; background-position:center right 15px}
}
@media (max-width:767px) {
    input[type=text],
    input[type=password] {padding:0 10px; width:100%; line-height:38px; font-size:13px}
    select {padding:0 28px 0 10px; line-height:38px; font-size:13px; background-position:center right 10px; background-size:8px auto}
}

/* 체크박스 */
.checkboxWrap {margin:-10px}
.checkbox {display:inline-block; position:relative; margin:10px}
.checkbox.only {margin:0}
.checkbox input[type=radio],
.checkbox input[type=checkbox] {position:absolute; top:0; left:0; margin:0; width:100%; height:100%; opacity:0}
.checkbox input[type=radio] + label {display:block; padding-left:30px; line-height:20px; letter-spacing:-0.025em; font-size:18px; color:#555; background:url("../images/radio.png") no-repeat left top/20px auto; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s}
.checkbox input[type=radio]:checked + label {background-image:url("../images/radio-on.png")}
.checkbox input[type=radio]:disabled + label {background-image:url("../images/radio-disabled.png")}
.checkbox input[type=checkbox] + label {display:block; padding-left:34px; line-height:24px; letter-spacing:-0.025em; font-size:18px; color:#000; background:url("../images/checkbox.png") no-repeat left top/24px auto; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s}
.checkbox input[type=checkbox] + label em {display:inline-block; vertical-align:middle; line-height:24px}
.checkbox input[type=checkbox]:checked + label {background-image:url("../images/checkbox-on.png")}
.checkbox input:focus + label {outline:2px solid #000}
.checkbox.ico input[type=radio] + label {padding-left:20px; text-indent:-9999px}
.checkbox.ico input[type=checkbox] + label {padding-left:24px; text-indent:-9999px}
.typeCheckbox {display:block; position:relative; width:100%}
.typeCheckbox input {position:absolute; top:0; left:0; margin:0; width:100%; height:100%; opacity:0}
.typeCheckbox input + label {display:block; padding-top:85px; text-align:center; line-height:30px; letter-spacing:-0.025em; font-size:20px; color:#000; background:url("../images/typecheckbox.png") no-repeat top center/60px auto; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s}
.typeCheckbox input:checked + label {font-weight:500; color:#009bcd; background-image:url("../images/typecheckbox-on.png")}
.typeCheckbox input:focus + label {outline:2px solid #000}
@media (max-width:1160px) {
    .checkboxWrap {margin:-5px}
    .checkbox {margin:5px}
    .checkbox input[type=radio] + label {font-size:16px}
    .checkbox input[type=checkbox] + label {padding-left:30px; line-height:20px; font-size:16px; background-size:20px auto}
    .checkbox input[type=checkbox] + label em {line-height:20px}
    .typeCheckbox input + label {padding-top:65px; line-height:24px; font-size:16px; background-size:50px auto}
    .typeCheckbox input + label br {display:block}
}
@media (max-width:767px) {
    .checkboxWrap {margin:-5px -15px}
    .checkbox {margin:5px 15px}
    .checkbox input[type=radio] + label,
    .checkbox input[type=checkbox] + label {padding-left:24px; line-height:18px; font-size:13px; background-size:18px auto}
    .checkbox input[type=checkbox] + label em {line-height:18px}
    .typeCheckbox input + label {padding-top:45px; line-height:20px; font-size:13px; background-size:40px auto}
}

/* 검색영역 */
.searchArea {display:flex; justify-content:center}
.searchArea > * + * {margin-left:10px}
.searchArea .s1 {display:flex}
.searchArea .s1 button {min-width:100px}
.searchBox {display:flex; margin:20px 0}
.searchBox.flexCol {flex-direction:column}
.searchBox > * + * {margin-left:10px}
.searchBox .s1 {display:flex; width:100%}
.searchBox .s1 p {flex:1}
.searchBox .s1 p input {width:100%}
.searchBox .s1 .btn {min-width:80px}
.searchBox .checkbox {margin-top:20px}
@media (max-width:767px) {
    .searchArea {flex-direction:column}
    .searchArea > * + * {margin:10px 0 0}
    .searchArea select {width:100% !important}
    .searchBox {flex-direction:column; margin:10px 0}
    .searchBox > * + * {margin:10px 0 0}
    .searchBox > .btn {width:100%}
    .searchBox .s1 .btn {min-width:60px}
    .searchBox .checkbox {margin-top:10px}
}

/* 테이블 상단 */
.toggleBox .tableTop {margin-top:0}
.tableTop {display:flex; justify-content:space-between; margin:30px 0 20px}
.tableTop p {line-height:24px; letter-spacing:-0.025em; font-size:18px; color:#555}
.tableTop p strong {font-weight:700; color:#000}
.tableTop .imprtTxt {font-size:24px; color:#000}
.tableTop.both {display:block; overflow:hidden}
.tableTop.both.alignC {display:flex; flex-wrap:wrap; gap:20px}
.tableTop.both .left {display:flex; align-items:center; gap:20px; float:left}
.tableTop.both .right {display:flex; align-items:center; gap:20px; float:right}
@media (max-width:1160px) {
    .tableTop {margin:20px 0 15px}
    .tableTop p {font-size:16px}
    .tableTop .imprtTxt {font-size:18px}
}
@media (max-width:767px) {
    .tableTop p {line-height:20px; font-size:13px}
    .tableTop .imprtTxt {font-size:13px}
    .tableTop.both.alignC,
    .tableTop.both .left,
    .tableTop.both .right {gap:10px}
}

/* 테이블 하단 */
.tableBottom {margin-top:20px}
.tableBottom * {line-height:32px; font-size:16px}
@media (max-width:1160px) {
    .tableBottom {margin-top:15px}
}
@media (max-width:767px) {
    .tableBottom * {line-height:20px; font-size:13px}
}

/* COL 테이블 */
ol[class*="List"] + .colTable,
ul[class*="List"] + .colTable {margin-top:20px}
.searchArea + .colTable {margin-top:60px}
.calBottom + .colTable {margin-top:55px}
.colTable + .colTable {margin-top:20px}
.colTable.colScroll {overflow-y:auto; max-height:368px}
.colTable.noScroll {overflow-x:hidden}
.colTable {overflow-x:auto; border-top:2px solid #000}
.colTable table {table-layout:fixed}
.colTable table thead {background:#f4f5f6}
.colTable table thead th + th {border-left:1px solid #ddd}
.colTable table thead .bgBlue {background:#f5fbff}
.colTable table tbody tr.trTotal {background:#f9f9f9}
.colTable table tbody tr th:first-child {border-left:none}
.colTable table tbody th {border-right:1px solid #ddd; border-left:1px solid #ddd}
.colTable table tbody td {border-bottom:1px solid #ddd; border-left:1px solid #ddd; word-break:normal}
.colTable table tbody td:first-child {border-left:none}
.colTable table td.bLeft {border-left:1px solid #ddd}
.colTable table th,
.colTable table td {padding:14px 30px; text-align:center; line-height:32px; letter-spacing:-0.05em; font-size:18px; color:#555}
.colTable table th {border-bottom:1px solid #ddd; font-weight:500; color:#000; background:#f4f5f6}
.colTable table tbody td.noData {color:#555}
.colTable table td a:not(.btn) {color:#555}
.colTable.v2 table th,
.colTable.v2 table td {padding:14px 10px}
.colTable table .bgGray {background:#f4f5f6}
.colTable table .bgBlue {background:#f5fbff}
@media (max-width:1160px) {
    .searchArea + .colTable {margin-top:40px}
    .calBottom + .colTable {margin-top:40px}
    .colTable table th,
    .colTable table td {padding:13px 20px; line-height:24px; font-size:16px}
    .colTable.v2 table th,
    .colTable.v2 table td {padding:13px 10px}
}
@media (max-width:767px) {
    .searchArea + .colTable {margin-top:20px}
    .calBottom + .colTable {margin-top:25px}
    .colTable table th,
    .colTable table td {padding:10px; line-height:20px; font-size:13px}
    .colTable table th {font-size:14px}
    .colTable.v2 table th,
    .colTable.v2 table td {padding:10px}
}

/* ROW 테이블 */
.rowTable + .rowTable {margin-top:30px}
.rowTable {overflow:hidden; border-top:2px solid #000}
.rowTable.rowScroll {overflow-x:auto}
.rowTable table {table-layout:fixed}
.rowTable table tr {border-bottom:1px solid #ddd}
.rowTable table th,
.rowTable table td {padding:16px 30px; text-align:left; line-height:28px; font-size:18px; color:#555}
.rowTable table th {border-right:1px solid #ddd; text-align:center; font-weight:500; color:#000; background:#f5fbff}
.rowTable table th.bgGray,
.rowTable table td.bgGray {background:#f4f5f6}
.rowTable table tbody .bLeft {border-left:1px solid #ddd}
.rowTable table tbody td.top {vertical-align:top}
@media (max-width:1160px) {
    .rowTable table th,
    .rowTable table td {padding:13px 20px; line-height:24px; font-size:16px}
    .rowTable table col.td200 {width:200px !important}
}
@media (max-width:767px) {
    .rowTable + .rowTable {margin-top:15px}
    .rowTable table col.th100 {width:100px !important}
    .rowTable table col.th150 {width:150px !important}
    .rowTable table th,
    .rowTable table td {padding:10px; line-height:20px; font-size:13px}
    .rowTable table col.td300 {width:300px !important}
    .rowTable table col.td400 {width:400px !important}
}

/* 게시판 COL 테이블 */
.searchArea + .boardCol {margin-top:40px}
.boardCol {overflow:hidden; border-top:2px solid #000}
.boardCol table {table-layout:fixed; width:100%}
.boardCol table thead {border-bottom:1px solid #999}
.boardCol table th,
.boardCol table td {padding:35px 30px; text-align:center; line-height:30px; letter-spacing:-0.025em; font-size:20px; color:#555}
.boardCol table th {color:#000}
.boardCol table td {border-bottom:1px solid #ddd}
.boardCol table td a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; color:#000}
.boardCol table td a:hover {font-weight:700}
.boardCol table td a.new {position:relative; padding-left:34px}
.boardCol table td a.new:before {display:block; content:""; position:absolute; top:0; left:0; width:24px; height:100%; background:url("../images/ico-new.png") no-repeat center right/24px auto}
.boardCol table td .state {display:block; margin:0 auto; border:1px solid #009bcb; border-radius:15px; width:80px; text-align:center; line-height:28px; letter-spacing:-0.025em; font-size:16px; color:#fff; background:#009bcb}
.boardCol table td .state.cmp {border-color:#f16027; background:#f16027}
@media (max-width:1160px) {
    .boardCol table col.td120 {width:100px !important}
    .boardCol table col.td160 {width:100px !important}
    .boardCol table col.td230 {width:120px !important}
    .boardCol table th,
    .boardCol table td {padding:30px 20px; line-height:24px; font-size:16px}
    .boardCol table td a.new {padding-left:30px}
    .boardCol table td a.new:before {width:20px; background-size:20px auto}
    .boardCol table td .state {width:65px; font-size:14px}
}
@media (max-width:767px) {
    .searchArea + .boardCol {margin-top:30px}
    .boardCol table,
    .boardCol table tbody,
    .boardCol table tr {display:block; overflow:hidden}
    .boardCol table thead,
    .boardCol table td.num {display:none}
    .boardCol table tr {padding:15px 0; border-bottom:1px solid #ddd}
    .boardCol table td {display:block; padding:0; border:none; text-align:left; line-height:20px; font-size:13px}
    .boardCol table td.side {display:inline-block}
    .boardCol table td.side + td.side {position:relative; margin-left:10px; padding-left:10px}
    .boardCol table td.side + td.ide:before {display:block; content:""; position:absolute; top:6px; left:0; width:1px; height:8px; background:#ddd}
    .boardCol table td.nbsp {display:none}
    .boardCol table td a {line-height:20px}
    .boardCol table td a.new {padding-left:23px}
    .boardCol table td a.new:before {width:18px; background-size:18px auto}
    .boardCol table td .state {margin:5px 0 0; border-radius:15px; width:70px; line-height:28px; font-size:13px}
}

/* 게시판 ROW 테이블 */
.colTable + .boardRow {margin-top:20px}
.boardRow.lineN {border-top:1px solid #ddd}
.boardRow {overflow:hidden; border-top:2px solid #000}
.boardRow table {table-layout:fixed}
.boardRow table th,
.boardRow table td {padding:20px 30px; border-bottom:1px solid #ddd !important; height:101px; text-align:left; line-height:28px; font-size:18px; color:#555}
.boardRow table th {padding:20px 5px 20px 30px; border-right:1px solid #ddd; font-size:20px; font-weight:500; color:#000}
.boardRow table th span {display:inline-block; vertical-align:middle; line-height:28px}
.boardRow table th em {display:block; line-height:24px; font-size:16px; color:#555}
.boardRow table th .btnAdd {margin-top:10px}
.boardRow table td .bottomTxt {margin-top:10px}
@media (max-width:1160px) {
    .boardRow table th,
    .boardRow table td {padding:20px; height:91px; line-height:24px; font-size:16px}
    .boardRow table th {padding:20px 5px 20px 20px}
    .boardRow table th span {line-height:24px}
    .boardRow table th em {line-height:18px; font-size:13px}
    .boardRow table col.thRow {width:165px !important}
    .boardRow table col.thRow.w125 {width:125px !important}
}
@media (max-width:767px) {
    .colTable + .boardRow {margin-top:10px}
    .boardRow table,
    .boardRow table tbody,
    .boardRow table tr,
    .boardRow table th,
    .boardRow table td {display:block}
    .boardRow table th,
    .boardRow table td {padding:0 0 10px; height:inherit; line-height:18px; font-size:13px}
    .boardRow table th {padding:10px 0; border:none !important; height:inherit}
    .boardRow table th br {display:none}
    .boardRow table th span {line-height:18px}
    .boardRow table th em {display:inline-block}
    .boardRow table th .btnAdd {margin-top:8px}
}

/* 이전글 & 다음글 */
.naviArea {border-top:1px solid #000; border-bottom:2px solid #000}
.naviArea ul {display:flex; flex-direction:column}
.naviArea ul li {display:flex; line-height:79px; letter-spacing:-0.025em; font-size:18px; color:#555}
.naviArea ul li + li {border-top:1px solid #ddd}
.naviArea ul li span {display:inline-block; flex-shrink:0; padding:0 18px; width:118px; vertical-align:top; font-weight:500; color:#000; background:no-repeat center right 18px/16px auto}
.naviArea ul li.prev span {background-image:url("../images/ico-prev.png")}
.naviArea ul li.next span {background-image:url("../images/ico-next.png")}
.naviArea ul li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 36px; width:100%; color:#555}
.naviArea ul li a:hover {text-decoration:underline}
.naviArea ul li p {padding:0 36px}
@media (max-width:1160px) {
    .naviArea ul li {line-height:64px; font-size:16px}
    .naviArea ul li a,
    .naviArea ul li p {padding:0 20px}
}
@media (max-width:767px) {
    .naviArea ul li {line-height:49px; font-size:13px}
    .naviArea ul li span {padding:0 15px; width:92px; background-position:center right 15px; background-size:12px auto}
    .naviArea ul li a,
    .naviArea ul li p {padding:0 5px}
}

/* 페이징 */
.paging {margin-top:60px}
.paging .inner {display:flex; justify-content:center}
.paging .inner > a {display:block; margin:0 5px; border:1px solid #ddd; border-radius:5px; width:40px; text-indent:-9999px; line-height:38px; background:no-repeat center}
.paging .inner > a.btnFirst {background-image:url("../images/btn-first.png")}
.paging .inner > a.btnPrev {background-image:url("../images/btn-prev.png")}
.paging .inner > a.btnNext {background-image:url("../images/btn-next.png")}
.paging .inner > a.btnLast {background-image:url("../images/btn-last.png")}
.paging .inner .page {display:flex}
.paging .inner .page * {display:block; margin:0 5px; width:40px; text-align:center; line-height:38px; letter-spacing:-0.05em; font-size:18px; color:#626262}
.paging .inner .page strong {border-bottom:2px solid #f16027; font-weight:700; color:#f16027}
@media (max-width:1160px) {
    .paging {margin-top:50px}
    .paging .inner > a {width:32px; line-height:30px}
    .paging .inner > a.btnFirst,
    .paging .inner > a.btnLast {background-size:14px auto}
    .paging .inner > a.btnPrev,
    .paging .inner > a.btnNext {background-size:7px auto}
    .paging .inner .page * {width:32px; line-height:30px; font-size:16px}
}
@media (max-width:767px) {
    .paging {margin-top:40px}
    .paging .inner > a {margin:0 2px; width:24px; line-height:22px}
    .paging .inner > a.btnFirst,
    .paging .inner > a.btnLast {background-size:12px auto}
    .paging .inner > a.btnPrev,
    .paging .inner > a.btnNext {background-size:6px auto}
    .paging .inner .page {margin:0 4px}
    .paging .inner .page * {margin:0 2px; width:24px; line-height:22px; font-size:13px}
}

/* 탭 */
div[id^="tab"] {display:none}
.subTitArea + .boardTab {margin-top:40px}
.boardTab .boardSelect > a {display:none}
.boardTab .boardSelect ul {display:flex; border:1px solid #ddd; border-radius:5px}
.boardTab .boardSelect ul li {flex:1; position:relative; text-align:center}
.boardTab .boardSelect ul li + li {border-left:1px solid #ddd}
.boardTab .boardSelect ul li a {display:block; line-height:58px; letter-spacing:-0.05em; font-size:20px; color:#555; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s}
.boardTab .boardSelect ul li.curr {border-left:none}
.boardTab .boardSelect ul li.curr:before {display:block; content:""; position:absolute; top:0; left:0; z-index:-5; border-radius:5px; width:100%; height:100%; background:#009bcd}
.boardTab .boardSelect ul li.curr + li {border-left:none}
.boardTab .boardSelect ul li.curr a {font-weight:500; color:#fff}
.boardTab .boardSelect.v2 ul {flex-wrap:wrap}
.boardTab .boardSelect.v2 ul li {flex:none; border-bottom:1px solid #ddd; width:16.666%}
.boardTab .boardSelect.v2 ul li:nth-child(6n+7) {border-left:none}
.boardTab .boardSelect.v2 ul li:nth-last-child(-n+6) {border-bottom:none}
.boardTab .tabBox {margin-top:60px}
@media (min-width:1161px) {
    .boardTab .boardSelect ul {display:flex !important}
    .boardTab .boardSelect ul li {height:58px !important}
}
@media (max-width:1160px) {
    .boardTab .boardSelect {position:relative}
    .boardTab .boardSelect > a {display:block; border:1px solid #009bcd; border-radius:5px; text-align:center; line-height:48px; letter-spacing:-0.05em; font-size:18px; font-weight:500; color:#fff; background:#009bcd url("../images/ico-select-down.png") no-repeat center right 20px/20px auto}
    .boardTab .boardSelect > a.on {background-image:url("../images/ico-select-up.png")}
    .boardTab .boardSelect ul {display:none; position:absolute; top:50px; left:0; z-index:5; border:1px solid #ddd; width:100%; height:inherit; background:#fff}
    .boardTab .boardSelect ul li {border:none; width:100% !important}
    .boardTab .boardSelect ul li + li {border-top:1px solid #ddd; border-left:none}
    .boardTab .boardSelect ul li a {line-height:50px; font-size:18px}
    .boardTab .boardSelect ul li.curr {background:#fff}
    .boardTab .boardSelect ul li.curr a {color:#009bcd}
    .boardTab .boardSelect.v2 ul {overflow-y:auto; max-height:236px}
    .boardTab .boardSelect.v2 ul li {border-bottom:none; width:100%}
    .boardTab .boardSelect.v2 ul li.mNone {display:none}
    .boardTab .tabBox {margin-top:45px}
}
@media (max-width:767px) {
    .boardTab .boardSelect > a {font-size:16px; background-position:center right 13px; background-size:17px auto}
    .boardTab .boardSelect ul li a {font-size:16px}
    .boardTab .boardSelect ul li.curr a {font-weight:400; color:#555}
    .boardTab .tabBox {margin-top:30px}
}

/* 탭 in 탭 */
div[id^="subTab"] {display:none}
.subTab > div:first-child ul {display:flex}
.subTab > div:first-child ul li {flex:1; position:relative; border-bottom:2px solid #ddd; text-align:center}
.subTab > div:first-child ul li a {display:block; line-height:48px; font-size:20px; color:#555}
.subTab > div:first-child ul li.curr:before {display:block; content:""; position:absolute; bottom:-2px; left:0; border-bottom:4px solid #009bcb; width:100%}
.subTab > div:first-child ul li.curr a {font-weight:500; color:#009bcb}
.subTab .subtabWrap {margin-top:60px}
@media (max-width:1160px) {
    .subTab > div:first-child ul li a {font-size:18px}
    .subTab .subtabWrap {margin-top:40px}
}
@media (max-width:767px) {
    .subTab > div:first-child ul li a {line-height:38px; font-size:14px}
    .subTab .subtabWrap {margin-top:20px}
}

/* 데이트피커 */
.date {position:relative}
.date .ui-datepicker-trigger {position:absolute; top:calc(50% - 10px); right:20px}
.date .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border-color:#009bcb; background:#009bcb}
.date .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border-color:#f16027; background:#f16027}
.ui-datepicker .ui-datepicker-title select {line-height:inherit}
@media (max-width:1160px) {
    .date input {width:160px}
    .date .ui-datepicker-trigger {top:calc(50% - 9px); right:15px; width:18px}
}
@media (max-width:767px) {
    .date input {width:100%}
}

/* 폼 */
.datetimeWrap {display:flex}
.datetimeWrap .d1 {display:flex; margin-left:10px}
.datetimeWrap .d1 em {display:flex; align-items:center; padding:0 10px; font-size:18px; color:#555}
.flex {display:flex}
.flex > * + * {margin-left:10px}
.flexN {display:flex}
.flexN > * + * {margin-left:10px}
.emailWrap,
.emailWrap .e1,
.emailWrap .e2 {display:flex}
.emailWrap .e2 > * + * {margin-left:10px}
.emailWrap em {display:flex; align-items:center; padding:0 10px; font-size:18px; color:#555}
.phoneWrap {display:flex}
.phoneWrap em {display:flex; align-items:center; padding:0 10px; font-size:18px; color:#555}
.tildeWrap {display:flex}
.tildeWrap em {display:flex; align-items:center; padding:0 10px; font-size:18px; color:#555}
.multiLine {display:flex; flex-direction:column}
.multiLine > * + * {margin-top:10px}
.multiLine > .multiLine + .multiLine {margin-top:20px; padding-top:20px; border-top:1px solid #ececec}
.multiLine.phone .tildeWrap > em {padding-left:0; width:60px}
.multiLine.phone .tildeWrap:first-child {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ececec}
.addressWrap {display:flex}
.addressWrap > * + * {flex:1; margin-left:10px}
.addressWrap > * + * input {width:100%}
.addressWrap + * {width:100%}
.addressWrap + * input {width:100%}
.eduWrap,
.eduWrap .e1 {display:flex}
.eduWrap * + * {margin-left:10px}
.fileWrap .file {display:block; position:relative; padding-left:180px}
.fileWrap .file:before {display:block; content:"파일선택"; position:absolute; top:0; left:0; padding:0 10px; border:1px solid #009bcd; border-radius:5px; width:180px; text-align:center; line-height:58px; letter-spacing:-0.025em; font-size:18px; color:#fff; background:#009bcd; box-sizing:border-box}
.fileWrap .file input[type=file] {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer}
.fileWrap .file input[type=file]::-webkit-file-upload-button {cursor:pointer}
.fileWrap .file input[type=text] {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-color:transparent; width:100%; color:#555}
.fileWrap .file input[type=text]:disabled {background:#e8e8e8}
.fileWrap .file.focus {outline:2px solid #000}
.fileInfo ul {margin-top:30px}
.fileInfo ul li {line-height:26px; letter-spacing:-0.025em; font-size:16px; color:#555}
.fileInfo ul li a {display:inline-block; font-weight:700; color:#000}
.inputSrch {position:relative; width:400px}
.inputSrch input {overflow:hidden; text-overflow:ellipsis; padding:0 60px 0 20px}
.inputSrch .btnSearch {display:inline-block; position:absolute; top:0; right:0; border:none; width:60px; height:100%; text-indent:-9999px; background:url("../images/btn-search.png") no-repeat center/21px auto}
.education .flex {flex-wrap:wrap; gap:10px}
.education .flex > * + * {margin:0}
.education .e1 {display:flex; gap:10px}
.fileList ol li + li {margin-top:10px}
.fileList ol li strong {display:block; line-height:30px; font-size:16px; font-weight:400; color:#000}
.fileList ol li .fileTop {position:relative; margin-top:5px; padding-left:100px; height:30px}
.fileList ol li .fileTop:before {display:block; content:"파일선택"; position:absolute; top:0; left:0; padding:0 12px; border:1px solid #009bcd; border-radius:5px; text-align:center; line-height:28px; font-size:16px; color:#fff; background:#009bcd; box-sizing:border-box}
.fileList ol li .fileTop input[type=file] {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer}
.fileList ol li .fileTop input[type=file]::-webkit-file-upload-button {cursor:pointer}
.fileList ol li .fileTop input[type=text] {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0; border-color:transparent; border-radius:0; width:100%; line-height:28px; font-size:16px; color:#555}
.fileList ol li .fileTop input[type=text]:disabled {background:#e8e8e8}
.fileList ol li .fileTop.focus {outline:2px solid #000}
.fileList .fileDel {margin-top:10px}
.fileList .fileDel .btnDel {min-width:53px}
.etcBox {flex-wrap:wrap; align-items:center; gap:20px}
.etcBox .phoneWrap {margin-left:-20px}
.flexJ {display:flex; justify-content:space-between}
@media (max-width:1160px) {
    .datetimeWrap {flex-direction:column}
    .datetimeWrap .date {width:160px}
    .datetimeWrap .d1 {margin:10px 0 0}
    .datetimeWrap .d1 em {font-size:16px}
    .emailWrap em {font-size:16px}
    .phoneWrap em {font-size:16px}
    .tildeWrap em {font-size:16px}
    .eduWrap {flex-direction:column}
    .eduWrap .e1 {margin:10px 0 0}
    .fileWrap .file {padding-left:135px}
    .fileWrap .file:before {width:135px; line-height:48px; font-size:16px}
    .fileInfo ul {margin-top:20px}
    .fileInfo ul li {line-height:22px; font-size:14px}
    .inputSrch {width:300px}
    .inputSrch .btnSearch {width:50px}
    .multiLine.phone .tildeWrap:first-child {margin-bottom:0; padding-bottom:10px}
    .multiLine.phone .tildeWrap .phoneWrap p {width:130px}
    .multiLine.phone .tildeWrap .phoneWrap p * {width:100% !important}
    .fileList ol li .fileTop {padding-left:90px}
    .fileList ol li .fileTop:before {font-size:14px}
    .fileList ol li .fileTop input[type=text] {font-size:14px}
    .etcBox {gap:10px}
    .etcBox .phoneWrap {margin-left:-10px}
}
@media (max-width:767px) {
    .datetimeWrap .date {width:100%}
    .datetimeWrap .d1 > *:not(em) {flex:1}
    .datetimeWrap .d1 select {width:100%}
    .datetimeWrap .d1 em {font-size:13px}
    .flex > p {flex:1}
    .flexN > * {flex:1}
    .flexM {flex-direction:column}
    .flexM > * + * {margin:10px 0 0}
    .flexM select {width:100% !important}
    .emailWrap {flex-direction:column}
    .emailWrap .e1 p {flex:1}
    .emailWrap .e2 {margin-top:10px}
    .emailWrap .e2 > * {flex:1}
    .emailWrap .e2 select {width:100%}
    .emailWrap em {font-size:13px}
    .phoneWrap > *:not(em) {flex:1; width:inherit !important}
    .phoneWrap select {width:100%}
    .phoneWrap em {font-size:13px}
    .tildeWrap.flexM > em {padding:0}
    .tildeWrap > *:not(em) {flex:1}
    .tildeWrap em {font-size:13px}
    .tildeWrap.v2 {display:flex; flex-direction:column}
    .addressWrap {flex-direction:column}
    .addressWrap > * + * {margin:10px 0 0}
    .eduWrap .e1 > * {flex:1}
    .eduWrap .e1 select {width:100%}
    .fileWrap .file {padding:0 0 90px}
    .fileWrap .file:before {width:100%; line-height:38px; font-size:13px}
    .fileWrap .file input[type=text] {position:absolute; bottom:0; left:0}
    .fileInfo ul {margin-top:4px}
    .fileInfo ul + ul {margin-top:8px}
    .fileInfo ul li {line-height:23px; font-size:13px}
    .inputSrch {width:100%}
    .education .e1 {width:100%}
    .education .e1 > * {flex:1}
    .education .e1 > * select {width:100%}
    .fileList ol li .fileTop {padding-left:80px}
    .fileList ol li .fileTop:before {font-size:13px}
    .fileList ol li .fileTop input[type=text] {font-size:13px}
    .etcBox {align-items:inherit; gap:10px}
    .etcBox .phoneWrap { margin-left:0;order:3}
}

/* 리스트 */
.colTable + ol[class*="List"],
.colTable + ul[class*="List"] {margin-top:20px}
.tableBottom + ol[class*="List"],
.tableBottom + ul[class*="List"] {margin-top:20px}
.defList + .dotList {margin-top:20px}
.titTxt + .defList {margin-top:20px}
.typeSearch + .defList {margin-top:53px}
.defList li {padding-left:18px; text-indent:-18px; line-height:32px; letter-spacing:-0.025em; font-size:18px; color:#555}
.defList.mT li + li {margin-top:20px}
.defList.pNone li {padding-left:0; text-indent:0}
.dotList > li {position:relative; padding-left:16px; line-height:32px; letter-spacing:-0.025em; font-size:18px; color:#555}
.dotList > li:before {display:block; content:""; position:absolute; top:13px; left:0; border-radius:50%; width:6px; height:6px; background:#009bcd}
.dotList > li a {display:inline-block; color:#555}
.dotList.black li:before {background:#555}
.dotList li strong {display:block; margin-bottom:6px; font-size:20px; font-weight:500; color:#000}
.dotList.mT li + li {margin-top:20px}
.dotList .defList li {padding-left:0; text-indent:0}
.defList .dotList li {text-indent:0}
.stepList {display:flex; position:relative; margin-bottom:60px}
.stepList li {display:flex; flex-direction:column; align-items:center; flex:1}
.stepList li + li {position:relative; margin-left:25px; padding-left:25px}
.stepList li + li:before {display:block; content:""; position:absolute; top:50%; left:-20%; z-index:-5; border-top:1px dotted #ccc; width:40%}
.stepList li + li:after {display:block; content:""; position:absolute; top:0; left:-12px; width:24px; height:100%; background:url("../images/ico-step.png") no-repeat center/24px auto}
.stepList li .stepTxt {position:relative; border-radius:50%; width:100%; max-width:240px; background:#f4f5f6}
.stepList li .stepTxt:after {display:block; content:""; padding-bottom:100%}
.stepList li .stepTxt .in {display:flex; flex-direction:column; align-items:center; justify-content:center; position:absolute; width:100%; height:100%}
.stepList li .stepTxt .in span {display:block; margin-bottom:18px; line-height:30px; letter-spacing:-0.025em; font-size:20px; font-weight:500; color:#000}
.stepList li .stepTxt .in p {text-align:center; line-height:34px; letter-spacing:-0.05em; font-size:26px; font-weight:700; color:#000}
/* .stepList li .stepTxt {display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; width:100%; max-width:240px; background:#f4f5f6}
.stepList li .stepTxt .in span {display:block; margin-bottom:18px; line-height:30px; letter-spacing:-0.025em; font-size:20px; font-weight:500; color:#000}
.stepList li .stepTxt .in p {text-align:center; line-height:34px; letter-spacing:-0.05em; font-size:26px; font-weight:700; color:#000} */
.stepList li .btnIco {margin-top:30px; padding:0; border-radius:18px; width:100px; line-height:34px}
.stepList li.curr .stepTxt {border:1px solid #0052aa; background:#009bcb}
.stepList li.curr .stepTxt .in span {color:#fff}
.stepList li.curr .stepTxt .in p {color:#fff}
.stepList.inBtn li + li:before {top:calc(50% - 30px)}
.stepList.inBtn li + li:after {height:calc(100% - 60px)}
.dtList {margin-top:40px}
.dtList dt {margin-bottom:16px; line-height:36px; letter-spacing:-0.05em; font-size:24px; font-weight:500; color:#000}
.dtList dd {position:relative; padding-left:16px; line-height:32px; letter-spacing:-0.05em; font-size:18px; color:#555}
.dtList dd + dd {margin-top:5px}
.dtList dd:before {display:block; content:""; position:absolute; top:13px; left:0; border-radius:50%; width:6px; height:6px; background:#009bcd}
.dtList dd a {display:inline-block; color:#555}
.dtList dd strong {display:block; line-height:32px; font-size:20px; font-weight:500; color:#000}
@media (max-width:1160px) {
    .typeSearch + .defList {margin-top:40px}
    .defList li,
    .dotList > li {line-height:28px; font-size:16px}
    .dotList > li:before {top:11px}
    .dotList li strong {margin:0; font-size:18px}
    .dotList.mT li + li {margin-top:10px}
    .stepList {margin-bottom:45px}
    .stepList li + li {margin-left:20px; padding-left:20px}
    .stepList li + li:after {left:-10px; width:20px; background-size:20px auto}
    .stepList li .stepTxt .in span {margin-bottom:5px; line-height:20px; font-size:13px}
    .stepList li .stepTxt .in p {line-height:22px; font-size:16px}
    .stepList li .btnIco {margin-top:22px; padding:0 12px; border-radius:15px; width:inherit; line-height:28px}
    .stepList.inBtn li + li:before {top:calc(50% - 26px)}
    .stepList.inBtn li + li:after {height:calc(100% - 52px)}
    .dtList {margin-top:30px}
    .dtList dt {margin-bottom:12px; line-height:28px; font-size:18px}
    .dtList dd {line-height:28px; font-size:16px}
    .dtList dd:before {top:11px}
    .dtList dd strong {line-height:28px; font-size:16px}
}
@media (max-width:767px) {
    .typeSearch + .defList {margin-top:26px}
    .defList li {padding-left:14px; text-indent:-14px; line-height:20px; font-size:13px}
    .dotList > li {padding-left:7px; line-height:20px; font-size:13px}
    .dotList > li:before {top:8px; width:4px; height:4px}
    .dotList li strong {font-size:13px}
    .stepList {flex-wrap:wrap; margin:-15px 0 15px}
    .stepList li {margin:15px 0; max-width:50%; min-width:50%}
    .stepList li + li {margin-left:0; padding-left:0}
    .stepList li:nth-child(odd):before {display:none}
    .stepList li:nth-child(odd):after {display:none}
    .stepList li + li:before {left:-35%; width:70%}
    .stepList li + li:after {left:-9px; width:18px; background-size:18px auto}
    .stepList li .stepTxt {width:120px}
    .stepList li .btnIco {margin-top:15px}
    .stepList.inBtn li + li:before {top:60px}
    .stepList.inBtn li + li:after {height:calc(100% - 45px)}
    .dtList {margin-top:20px}
    .dtList dt {margin-bottom:10px; line-height:17px; font-size:13px}
    .dtList dd {padding-left:14px; line-height:20px; font-size:13px}
    .dtList dd:before {top:8px; width:4px; height:4px}
    .dtList dd strong {line-height:20px; font-size:13px}
}

/* 사이즈 */
.w100 {width:100px !important}
.w160 {width:160px !important}
.w180 {width:180px !important}
.w200 {width:200px !important}
.w230 {width:230px !important}/* 버튼 */
.w240 {width:240px !important}
.w280 {width:280px !important}/* 버튼 */
.w300 {width:300px !important}
.w400 {width:400px !important}
.w100p {width:100% !important}
.mw100 {min-width:100px !important}
@media (max-width:1160px) {
    .w200 {width:170px !important}
    .w240 {width:200px !important}
    .w280 {width:235px !important}/* 버튼 */
    .w300 {width:250px !important}
    .w400 {width:300px !important}
}
@media (max-width:767px) {
    .w160 {width:100% !important}
    .w200 {width:145px !important}
    .w230 {width:160px !important}/* 버튼 */
    .w280 {width:190px !important}/* 버튼 */
    .w300 {width:100% !important}
    .w400 {width:100% !important}
    .m100p {width:100% !important}
}

/* 여백 */
.mB30 {margin-bottom:30px !important}

/* 텍스트 */
.txtL {text-align:left !important}
.txtC {text-align:center !important}
.txtR {text-align:right !important}
.cOrng {color:#f16027 !important}
.cBlue {color:#009bcb !important}
.cBlack {color:#000 !important}
.cGray {color:#555 !important}
.fontM {font-weight:500 !important}
.fontB {font-weight:700 !important}
.imprtTxt {display:inline-block; position:relative; padding-left:36px; line-height:24px; letter-spacing:-0.025em; font-size:24px; font-weight:500; color:#000}
.imprtTxt:before {display:block; content:""; position:absolute; top:0; left:0; width:24px; height:24px; background:url("../images/ico-imprt.png") no-repeat center left/100% auto}
.titTxt {line-height:30px; letter-spacing:-0.025em; font-size:20px; color:#555}
.titTxt a {display:inline-block; color:#555}
.txt {display:flex; align-items:center; justify-content:center; height:138px; word-break:break-all; line-height:1.6; font-size:18px; color:#555}
.font16 {font-size:16px !important}
@media (max-width:1160px) {
    .imprtTxt {font-size:18px}
    .titTxt {line-height:24px; font-size:16px}
    .txt {font-size:16px}
}
@media (max-width:767px) {
    .imprtTxt {padding-left:30px; text-align:left; line-height:20px; font-size:13px}
    .imprtTxt:before {top:-2px}
    .titTxt {line-height:20px; font-size:13px}
    .txt {height:inherit; font-size:13px}
}

/* 이미지 hover */
.hoverImg {overflow:hidden}
.hoverImg img {width:100%; height:100%; object-fit:cover; transition-property:transform; -webki-transition-property:transform; -moz-transition-property:transform; transition-duration:.2s; -webkit-transition-duration:.2s; -moz-transition-duration:.2s; -o-transition-duration:.2s; transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out}
a:hover .hoverImg img {transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1)}

/* 컨텐츠 */
.titTxt + .subCont {margin-top:60px}
.subCont + #printBox {margin-top:60px}
.subCont + .subCont {margin-top:60px}
.btnBottom + .subCont {margin-top:60px}
.subCont h4 {display:flex; align-items:center; justify-content:space-between; margin-bottom:30px; line-height:54px; letter-spacing:-0.05em; font-size:36px; font-weight:700; color:#000}
.subCont h4 + .smallTit {margin-top:30px}
@media (max-width:1160px) {
    .titTxt + .subCont {margin-top:45px}
    .subCont + #printBox {margin-top:45px}
    .subCont + .subCont {margin-top:45px}
    .subCont h4 {margin-bottom:20px; line-height:42px; font-size:28px}
    .subCont h4 + .smallTit {margin-top:20px}
}
@media (max-width:767px) {
    .titTxt + .subCont {margin-top:30px}
    .subCont + #printBox {margin-top:30px}
    .subCont + .subCont {margin-top:30px}
    .subCont h4 {flex-direction:column; align-items:flex-start; margin-bottom:15px; line-height:25px; font-size:18px}
    .subCont h4 + .smallTit {margin-top:15px}
}

/* 레이어 팝업 */
.layerPop {display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.70)}
.layerPop > .inner { position:fixed; top:50%; left:50%;overflow:hidden; border:1px solid #333; border-radius:7px; max-width:90%; max-height:90%; background:#fff; transform:translate(-50%, -50%) scale(0); -webkit-transform:translate(-50%, -50%) scale(0); -moz-tansform:translate(-50%, -50%) scale(0); transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;box-sizing:border-box}
.layerPop > .inner .tit {display:block; position:absolute; top:0; right:30px; left:30px; z-index:5; padding:15px 80px 15px 0; border-bottom:2px solid #000; line-height:40px; letter-spacing:-0.025em; font-size:30px; font-weight:700; color:#000; background:#fff}
.layerPop > .inner .cont {overflow-y:auto; padding:30px 30px 40px; background:#fff}
.layerPop > .inner .cont.btnFixed {padding:30px 30px 90px}
.layerPop > .inner > a {display:block; position:absolute; top:16px; right:30px; z-index:10; width:40px; height:40px; text-indent:-9999px; background:url("../images/btn-close.png") no-repeat center/30px auto}
.layerPop.on > .inner {transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1); -moz-transform:translate(-50%, -50%) scale(1)}
.layerPop .btnBottom {position:fixed; right:0; bottom:0; left:0; margin-top:0; padding:15px 0 15px; background-color:#fff}
.layerPop .phoneWrap select,
.layerPop .phoneWrap input {width:130px !important}
.layerPop .emailWrap select,
.layerPop .emailWrap input {width:130px !important}
.layerPop.alert > .inner .tit {padding-right:0; text-align:center; font-size:26px}
.layerPop.alert > .inner .cont {padding:20px 30px 90px}
.layerPop.alert .btnBottom .btn {min-width:100px; line-height:38px}
@media (max-width:1160px) {
    .layerPop > .inner .tit {padding:21px 60px 21px 0; line-height:36px; font-size:22px !important}
    .layerPop > .inner .cont {padding:30px}
    .layerPop > .inner .cont.btnFixed {padding:30px 30px 80px}
    .layerPop > .inner > a {top:25px; right:30px; width:30px; height:30px; background-size:26px auto}
}
@media (max-width:767px) {
    .layerPop > .inner {border-radius:0; width:100% !important; max-width:inherit; height:100%; max-height:inherit}
    .layerPop > .inner .tit {right:20px; left:20px; padding:14px 40px 14px 0; line-height:30px; font-size:18px !important}
    .layerPop > .inner .cont {padding:20px}
    .layerPop > .inner .cont.btnFixed {padding:20px 20px 70px}
    .layerPop > .inner > a {top:15px; right:16px; background-size:22px auto}
    .layerPop .phoneWrap select,
    .layerPop .phoneWrap input,
    .layerPop .emailWrap select,
    .layerPop .emailWrap input {width:100% !important}
    .layerPop.alert.v2 > .inner {border-radius:7px; width:inherit !important; max-width:90%; height:auto; max-height:90%}
}

/* 레이어 팝업 컨텐츠 */
.popTab {margin-top:30px}
.popTab > div:first-child ul {display:flex; border:1px solid #ddd; border-radius:5px}
.popTab > div:first-child ul li {flex:1; position:relative; text-align:center}
.popTab > div:first-child ul li + li {border-left:1px solid #ddd}
.popTab > div:first-child ul li a {display:block; position:relative; line-height:58px; letter-spacing:-0.05em; font-size:20px; color:#555}
.popTab > div:first-child ul li.curr {border-left:none}
.popTab > div:first-child ul li.curr:before {display:block; content:""; position:absolute; top:0; left:0; border-radius:5px; width:100%; height:100%; background:#009bcd}
.popTab > div:first-child ul li.curr + li {border-left:none}
.popTab > div:first-child ul li.curr a {font-weight:500; color:#fff}
.popTab .tabWrap {margin-top:20px}
.popList > li + li {margin-top:30px}
.popList > li > strong,
.popList > li > .plusBtn strong {display:block; margin-bottom:20px; line-height:36px; letter-spacing:-0.025em; font-size:24px; font-weight:500; color:#000}
.popList > li > p {margin-bottom:15px; line-height:32px; letter-spacing:-0.025em; font-size:18px; color:#555}
.popdotList {padding-left:10px}
.popdotList li {position:relative; padding-left:16px; word-break:break-all; line-height:32px; letter-spacing:-0.025em; font-size:18px; color:#555}
.popdotList li:before {display:block; content:""; position:absolute; top:12px; left:0; border:1px solid #009bcd; border-radius:50%; width:6px; height:6px; background:#009bcd}
.numList {padding-left:10px}
.numList li {display:flex; line-height:28px; letter-spacing:-0.025em; font-size:18px; color:#555}
.numList li span {margin-right:10px}
.borderList {display:flex; flex-wrap:wrap; border-top:1px solid #ddd}
.borderList li {flex:1; padding:19px 30px; border-bottom:1px solid #ddd; max-width:50%; min-width:50%; word-break:break-all; line-height:20px; letter-spacing:-0.025em; font-size:18px; color:#555} /* 2025-02-14 수정 */
.borderList li:nth-child(odd) {border-right:1px solid #ddd}
.borderList li.noData {border-right:none; max-width:100%; min-width:100%; text-align:center; line-height:20px; letter-spacing:-0.025em; font-size:18px; color:#555}
.borderList a {color:#555} /* 2025-02-20 추가 */
/*.borderList a {display:inline-block; word-break:break-all; line-height:20px; letter-spacing:-0.025em; font-size:18px; color:#555}*/
.complexList > li {line-height:36px; letter-spacing:-0.025em; font-size:20px; color:#000}
.complexList > li > * {padding-left:20px}
.complexList > li p {line-height:28px; font-size:18px; color:#555}
.complexList ul li {position:relative; padding-left:16px; line-height:28px; letter-spacing:-0.025em; font-size:18px; color:#009bcd}
.complexList ul li:before {display:block; content:""; position:absolute; top:11px; left:0; border-radius:50%; width:6px; height:6px; background:#009bcd}
.subjectList li + li {margin-top:18px}
.subjectList li strong {display:block; position:relative; margin-bottom:6px; padding-left:18px; line-height:36px; letter-spacing:-0.025em; font-size:24px; font-weight:500; color:#000}
.subjectList li strong:before {display:block; content:""; position:absolute; top:15px; left:0; border-radius:50%; width:6px; height:6px; background:#009bcd}
.subjectList li p {padding-left:18px; line-height:32px; letter-spacing:-0.025em; font-size:18px; color:#555}
.pop01 .time {margin-bottom:30px; line-height:28px; letter-spacing:-0.025em; font-size:18px; color:#000}
.pop01 ol li {display:flex; flex-direction:column}
.pop01 ol li + li {margin-top:40px}
.pop01 ol li .qstn {display:flex; align-items:baseline; margin-bottom:20px}
.pop01 ol li .qstn span { display:inline-block;flex-shrink:0; margin-right:14px; width:30px; text-align:left; line-height:36px; letter-spacing:-0.025em; font-size:24px; font-weight:500; color:#000}
.pop01 ol li .qstn p {line-height:32px; letter-spacing:-0.025em; font-size:18px; color:#555}
.pop01 ol li .colTable {margin-bottom:20px}
.pop01 ol li .grayBox {padding:30px; border-radius:5px; background:#f4f5f6}
.pop01 ol li .grayBox .checkboxWrap {margin:-20px 0}
.pop01 ol li .grayBox .checkbox {display:block; margin:20px 0}
.popBlueBox {margin-bottom:20px; padding:14px 24px; background:#f5fbff}
.popBlueBox ul li {line-height:28px; font-size:18px; color:#555}
.popTit {margin-bottom:22px; padding-bottom:20px; border-bottom:2px solid #000; line-height:1.6; font-size:30px; font-weight:700; color:#000}
@media (max-width:1160px) {
    .popTab > div:first-child ul li a {line-height:48px; font-size:16px}
    .popList > li + li {margin-top:15px}
    .popList > li > strong,
    .popList > li > .plusBtn strong {line-height:30px; font-size:20px}
    .popList > li > p {line-height:24px; font-size:16px}
    .popdotList li {line-height:28px; font-size:16px}
    .popdotList li:before {top:10px}
    .numList li {line-height:28px; font-size:16px}
    .borderList li {padding:14px 20px}
    .borderList li.noData {font-size:16px}
    .borderList li a {font-size:16px}
    .complexList > li {line-height:28px; font-size:16px}
    .complexList > li p {line-height:22px; font-size:14px}
    .complexList ul li {line-height:22px; font-size:14px}
    .complexList ul li:before {top:8px}
    .subjectList li strong {line-height:30px; font-size:20px}
    .subjectList li strong:before {top:12px}
    .subjectList li p {line-height:24px; font-size:16px}
    .pop01 .time {margin-bottom:22px; line-height:24px; font-size:16px}
    .pop01 ol li + li {margin-top:30px}
    .pop01 ol li .qstn {margin-bottom:10px}
    .pop01 ol li .qstn span {margin-right:10px; font-size:20px}
    .pop01 ol li .qstn p {line-height:24px; font-size:16px}
    .pop01 ol li .grayBox {padding:22px}
    .pop01 ol li .grayBox .checkboxWrap {margin:-10px 0}
    .pop01 ol li .grayBox .checkbox {margin:10px 0}
    .popBlueBox ul li {line-height:24px; font-size:16px}
    .popTit {margin-bottom:15px; padding-bottom:15px; font-size:22px}
}
@media (max-width:767px) {
    .popTab {margin-top:15px}
    .popTab > div:first-child ul li a {line-height:38px; font-size:14px}
    .popTab .tabWrap {margin-top:10px}
    .popList > li + li {margin-top:20px}
    .popList > li > strong,
    .popList > li > .plusBtn strong {margin-bottom:10px; line-height:24px; font-size:16px}
    .popList > li > p {margin-bottom:10px; line-height:20px; font-size:13px}
    .popdotList {padding-left:0}
    .popdotList li {padding-left:14px; line-height:22px; font-size:13px}
    .popdotList li:before {top:8px; width:4px; height:4px}
    .numList {padding-left:0}
    .numList li {line-height:22px; font-size:13px}
    .borderList li {padding:10px}
    .borderList li.noData {line-height:19px; font-size:13px}
    .borderList li a {line-height:18px; font-size:13px}
    .complexList > li {line-height:22px; font-size:13px}
    .complexList > li > * {padding-left:15px}
    .complexList > li p {line-height:20px; font-size:13px}
    .complexList ul li {padding-left:10px; line-height:20px; font-size:13px}
    .complexList ul li:before {width:4px; height:4px}
    .subjectList li + li {margin-top:14px}
    .subjectList li strong {padding-left:14px; line-height:24px; font-size:16px}
    .subjectList li strong:before {top:10px; width:4px; height:4px}
    .subjectList li p {padding-left:14px; line-height:20px; font-size:13px}
    .pop01 .time {margin-bottom:15px; line-height:20px; font-size:13px}
    .pop01 ol li + li {margin-top:20px}
    .pop01 ol li .qstn span {margin-right:4px; width:20px; line-height:22px; font-size:15px}
    .pop01 ol li .qstn p {line-height:22px; font-size:13px}
    .pop01 ol li .colTable {margin-bottom:10px}
    .pop01 ol li .grayBox {padding:15px}
    .popBlueBox {margin-bottom:10px; padding:15px}
    .popBlueBox ul li {line-height:20px; font-size:13px}
    .popTit {margin-bottom:10px; padding-bottom:10px; font-size:16px}
}

/* 스크롤 이동 */
#wrap.scroll .scrollFixed {top:131px}
.scrollMoveArea + .scrollMoveCont {margin-top:0}
.scrollMove.scrollFixed {position:fixed; top:0; left:-10px; z-index:100; padding:20px 0 0; width:calc(100% + 20px); background:#fff}
.scrollMove.scrollFixed ul {margin:0 auto}
.scrollMove {padding-bottom:60px}
.scrollMove > a {display:none}
.scrollMove ul {display:flex; flex-wrap:wrap;  margin-left:-10px; width:calc(100% + 20px); max-width:1420px}
.scrollMove ul li {margin:10px; border:1px solid #ddd; border-radius:30px; line-height:58px; background:#ddd}
.scrollMove ul li a {display:block; padding:0 40px; letter-spacing:-0.05em; font-size:24px; font-weight:500; color:#555}
.scrollMove ul li.on {border-color:#0052aa; background:#009bcb}
.scrollMove ul li.on a {color:#fff}
.scrollMoveCont {margin-top:60px}
@media (max-width:1460px) {
    .scrollMove.scrollFixed {padding:20px 20px 25px}
}
@media (min-width:1161px) {
    .scrollMove ul {display:flex !important}
    .scrollMove ul li {height:60px !important}
}
@media (max-width:1160px) {
    #wrap.scroll .scrollFixed {top:81px; left:0}
    .scrollMove.scrollFixed {top:0; width:100%}
    .scrollMove.scrollFixed ul {top:70px}
    .scrollMove {position:relative; padding-bottom:45px}
    .scrollMove > a {display:block; border:1px solid #009bcb; border-radius:25px; text-align:center; line-height:48px; letter-spacing:-0.05em; font-size:18px; font-weight:500; color:#fff; background:#009bcb url("../images/ico-scroll-down.png") no-repeat center right 20px/20px auto}
    .scrollMove > a.on {background-image:url("../images/ico-scroll-up.png")}
    .scrollMove ul {display:none; position:absolute; top:50px; left:0; z-index:5; overflow:hidden; margin:0; border:1px solid #ddd; border-radius:5px; width:100%; background:#fff}
    .scrollMove ul li {margin:0; border:none; border-radius:0; text-align:center; line-height:inherit; background:#fff}
    .scrollMove ul li + li {border-top:1px solid #ddd}
    .scrollMove ul li.on {border-color:#ddd; background:#fff}
    .scrollMove ul li.on a {color:#009bcb}
    .scrollMove ul li a {line-height:50px; font-size:18px}
    .scrollMoveCont {margin-top:45px}
}
@media (max-width:767px) {
    #wrap.scroll .scrollFixed {top:61px}
    .scrollMove {padding-bottom:30px}
    .scrollMove > a {font-size:16px; background-position:center right 15px; background-size:17px auto}
    .scrollMove ul li a {font-size:16px}
    .scrollMoveCont {margin-top:30px}
}

/*>>>>>>>>>> 게시판 <<<<<<<<<<*/
/*** 게시판(FAQ) ***/
.faqList {border-top:2px solid #000}
.faqList ul li > a {display:block; position:relative; padding:33px 66px 33px 80px; border-bottom:1px solid #ddd; line-height:34px; letter-spacing:-0.025em; font-size:22px; font-weight:500; color:#000; background:url("../images/ico-question.png") no-repeat top 32px left 20px/36px auto}
.faqList ul li > a:before {display:block; content:""; position:absolute; top:0; right:20px; width:26px; height:100%; background:url("../images/ico-down.png") no-repeat top 43px right/26px auto}
.faqList ul li > a.on:before {background-image:url("../images/ico-up.png")}
.faqList ul li > div {display:none; border-bottom:1px solid #ddd; background:#f4f5f6}
.faqList ul li > div .answer {padding:30px 100px 75px; line-height:30px; letter-spacing:-0.025em; font-size:18px; color:#555; background:url("../images/ico-answer.png") no-repeat top 30px left 40px/36px auto}
@media (max-width:1160px) {
    .faqList ul li > a { overflow:inherit; text-overflow:inherit; white-space:inherit;padding:24px 62px 24px 70px; line-height:32px; font-size:18px; background-position:top 25px left 20px; background-size:30px auto}
    .faqList ul li > a:before {right:20px; width:22px; background-size:22px auto}
    .faqList ul li > div .answer {padding:26px 30px 26px 75px; line-height:26px; font-size:16px; background-position:top 24px left 30px; background-size:30px auto}
}
@media (max-width:767px) {
    .faqList ul li > a {padding:16px 46px 16px 35px; line-height:26px; font-size:14px; background-position:top 20px left; background-size:25px auto}
    .faqList ul li > a:before {right:14px; width:18px; background-size:18px auto}
    .faqList ul li > div .answer {padding:23px 10px 23px 44px; line-height:20px; font-size:13px; background-position:top 20px left 10px; background-size:25px auto}
}

/*** 게시판(Q&A)_상세 ***/
.reArea {margin-top:54px}
.reArea .reInfo {display:flex; justify-content:space-between; padding:25px 30px; background:#f6fbff}
.reArea .reInfo strong {display:block; position:relative; padding-left:20px; line-height:30px; letter-spacing:-0.025em; font-size:20px; color:#009bcd}
.reArea .reInfo strong:before {display:block; content:""; position:absolute; top:6px; left:0; width:10px; height:10px; background:url("../images/ico-re.png") no-repeat center left/100% auto}
.reArea .reInfo ul {display:flex}
.reArea .reInfo ul li {position:relative; line-height:30px; letter-spacing:-0.025em; font-size:18px; color:#555}
.reArea .reInfo ul li + li {margin-left:20px; padding-left:20px}
.reArea .reInfo ul li + li:before {display:block; content:""; position:absolute; top:9px; left:0; width:1px; height:12px; background:#ddd}
.reArea .reInfo ul li span {display:inline-block; border:1px solid #555; border-radius:15px; min-width:80px; text-align:center; font-size:16px; color:#fff; background:#555}
.reArea .reCont {padding:32px 48px 56px; border:1px solid #ddd; line-height:30px; letter-spacing:-0.025em; font-size:18px; color:#555}
@media (max-width:1160px) {
    .reArea {margin-top:40px}
    .reArea .reInfo {padding:20px 30px}
    .reArea .reInfo strong {font-size:16px}
    .reArea .reInfo ul li {font-size:16px}
    .reArea .reInfo ul li span {font-size:14px}
    .reArea .reCont {padding:20px 30px; line-height:28px; font-size:16px}
}
@media (max-width:767px) {
    .reArea {margin-top:27px}
    .reArea .reInfo {padding:15px}
    .reArea .reInfo strong {padding-left:15px; font-size:13px}
    .reArea .reInfo ul li {font-size:13px}
    .reArea .reInfo ul li + li {margin-left:10px; padding-left:10px}
    .reArea .reInfo ul li span {min-width:70px; font-size:13px}
    .reArea .reCont {padding:10px 15px 30px; line-height:20px; font-size:13px}
}

/*** 게시판(갤러리)_목록 ***/
/* .imgList01 {border-top:2px solid #000; border-bottom:1px solid #ddd} */
.imgList01 ul {display:flex; flex-wrap:wrap; margin:-20px -20px 0}
.imgList01 ul li {margin:20px; max-width:calc(33.333% - 40px); min-width:calc(33.333% - 40px)}
/* 2025-02-14 .iframeBox 추가 */
.imgList01 ul li :is(a, .iframeBox) {display:block; padding-bottom:16px; text-align:center}
.imgList01 ul li :is(a, .iframeBox) .imgBox {margin-bottom:25px}
.imgList01 ul li :is(a, .iframeBox) .imgBox.borderLine {border:1px solid #ddd}
.imgList01 ul li :is(a, .iframeBox) .imgBox iframe {border:none}
.imgList01 ul li :is(a, .iframeBox) p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px; letter-spacing:-0.025em; font-size:20px; font-weight:500; color:#000}
.imgList01 ul li :is(a, .iframeBox) span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:8px; line-height:28px; letter-spacing:-0.025em; font-size:18px; color:#555}
@media (max-width:1160px) {
    .imgList01 ul {margin:10px -10px 0}
    .imgList01 ul li {margin:10px; max-width:calc(33.333% - 20px); min-width:calc(33.333% - 20px)}
    .imgList01 ul li :is(a, .iframeBox) .imgBox {margin-bottom:20px}
    .imgList01 ul li :is(a, .iframeBox) p {line-height:28px; font-size:18px}
    .imgList01 ul li :is(a, .iframeBox) span {margin-top:0; line-height:24px; font-size:16px}
}
@media (max-width:767px) {
    .imgList01 ul {margin:10px 0}
    .imgList01 ul li {margin:10px 0; max-width:100%; min-width:100%}
    .imgList01 ul li :is(a, .iframeBox) {padding-bottom:5px}
    .imgList01 ul li :is(a, .iframeBox) .imgBox {margin-bottom:10px; width:100%}
    .imgList01 ul li :is(a, .iframeBox) p {line-height:22px; font-size:14px}
    .imgList01 ul li :is(a, .iframeBox) span {line-height:22px; font-size:13px}
}

/*** 게시판(달력) ***/
.calArea + .colTable {margin-top:60px}
.calArea {display:flex}
.calArea > * {flex:1}
.calArea .calList > ul {overflow-y:auto; margin-left:38px; border-top:2px solid #000; border-bottom:1px solid #ddd; max-height:650px}
.calArea .calList > ul::-webkit-scrollbar {width:20px}
.calArea .calList > ul::-webkit-scrollbar-track {background:transparent}
.calArea .calList > ul::-webkit-scrollbar-thumb {border:5px solid transparent; border-radius:10px; background:#ccc; background-clip:padding-box}
.calArea .calList > ul > li {display:flex; align-items:center; padding:20px; border-bottom:1px solid #ddd; min-height:101px}
.calArea .calList > ul > li:last-child {border:none}
.calArea .calList > ul > li strong {flex-shrink:0; width:146px; text-align:center; line-height:20px; letter-spacing:-0.025em; font-size:20px; font-weight:700; color:#000}
.calArea .calList > ul > li ul {padding-left:28px}
.calArea .calList > ul > li ul li {display:block; padding-left:10px; text-indent:-10px; line-height:30px; letter-spacing:-0.025em; font-size:18px; color:#555}
#datepicker {border:1px solid #ddd; border-radius:5px; min-height:600px}
#datepicker .ui-widget {font-family:"Noto Sans CJKkr", sans-serif}
#datepicker .ui-widget.ui-widget-content {padding:22px 34px 2px; border:none; width:100%; text-align:center}
#datepicker .ui-datepicker .ui-datepicker-title {margin:0 12px}
#datepicker .ui-datepicker .ui-datepicker-title select {line-height:58px}
#datepicker .ui-datepicker .ui-datepicker-header {display:inline-block; margin-bottom:20px; padding:0 60px; border:none; vertical-align:top; background:none}
#datepicker .ui-datepicker .ui-datepicker-header > * {display:inline-block}
#datepicker .ui-datepicker .ui-datepicker-header select { margin:0;padding:0 24px 0 0; border:none; width:auto; height:60px; font-size:28px; font-weight:700; color:#000; background:url("../images/bl-arrow-b.png") no-repeat right center}
#datepicker .ui-datepicker .ui-datepicker-header select + select {margin-left:30px !important}
#datepicker .ui-datepicker .ui-datepicker-prev,
#datepicker .ui-datepicker .ui-datepicker-next {top:0 !important; border:none; width:auto !important; height:auto !important; vertical-align:top}
#datepicker .ui-datepicker .ui-datepicker-prev {left:0 !important}
#datepicker .ui-datepicker .ui-datepicker-next {right:0 !important}
#datepicker .ui-datepicker .ui-datepicker-prev span,
#datepicker .ui-datepicker .ui-datepicker-next span {position:static; margin:0; width:60px; height:60px}
#datepicker .ui-datepicker .ui-datepicker-prev span {background:url("../images/btn-prev-b.png") no-repeat center}
#datepicker .ui-datepicker .ui-datepicker-next span {background:url("../images/btn-next-b.png") no-repeat center}
#datepicker .ui-datepicker th {padding:10px 0; height:80px; font-size:22px; font-weight:500; color:#000}
#datepicker .ui-datepicker th.ui-datepicker-week-end span[title=토요일]{font-weight:700; color:#009bcb}
#datepicker .ui-datepicker th.ui-datepicker-week-end span[title=일요일] {font-weight:700; color:#f16027}
#datepicker .ui-datepicker td {padding:10px 0}
#datepicker .ui-datepicker td span,
#datepicker .ui-datepicker td a {margin:0 auto; padding:0; border:none; border-radius:50%; width:60px; height:60px; line-height:60px; font-size:20px; color:#555; background:none}
#datepicker .ui-datepicker td span.ui-state-active,
#datepicker .ui-datepicker td a.ui-state-active { font-weight:700;color:#fff; background:#009bcd}
#datepicker .ui-datepicker td span.sche,
#datepicker .ui-datepicker td a.sche {font-weight:700; color:#000}
@media (max-width:1160px) {
    .calArea + .colTable {margin-top:45px}
    .calArea {display:block}
    .calArea .calList > ul {margin:30px 0 0 0; max-height:inherit}
    .calArea .calList > ul > li {padding:15px 10px; min-height:76px}
    .calArea .calList > ul > li strong {width:100px; font-size:18px}
    .calArea .calList > ul > li ul {padding-left:15px}
    .calArea .calList > ul > li ul li {line-height:26px; font-size:16px}
    #datepicker {min-height:inherit}
    #datepicker .ui-datepicker .ui-datepicker-header { margin-bottom:15px;padding:0 50px}
    #datepicker .ui-datepicker .ui-datepicker-header select {height:50px; line-height:inherit; font-size:25px}
    #datepicker .ui-datepicker .ui-datepicker-header select + select {margin-left:20px !important}
    #datepicker .ui-datepicker .ui-datepicker-prev span,
    #datepicker .ui-datepicker .ui-datepicker-next span {width:50px; height:50px}
    #datepicker .ui-datepicker th {padding:6px 0; height:62px; font-size:18px}
    #datepicker .ui-datepicker td {padding:6px 0}
    #datepicker .ui-datepicker td span,
    #datepicker .ui-datepicker td a {width:50px; height:50px; line-height:50px; font-size:16px}
}
@media (max-width:767px) {
    .calArea + .colTable {margin-top:30px}
    .calArea {flex-direction:column}
    .calArea .calList {margin-top:30px}
    .calArea .calList > ul > li {padding:6px 0; min-height:51px}
    .calArea .calList > ul > li strong {width:85px; line-height:22px; font-size:14px}
    .calArea .calList > ul > li ul li {padding-left:8px; text-indent:-8px; line-height:20px; font-size:13px}
    #datepicker .ui-widget.ui-widget-content {padding:10px 5px 2px}
    #datepicker .ui-datepicker .ui-datepicker-title {margin:0}
    #datepicker .ui-datepicker .ui-datepicker-header { margin-bottom:0;padding:0 40px}
    #datepicker .ui-datepicker .ui-datepicker-header select {padding:0 20px 0 0; height:36px; font-size:16px; background:url("../images/bl-arrow-b-m.png") no-repeat right center/9px}
    #datepicker .ui-datepicker .ui-datepicker-header select + select {margin-left:15px !important}
    #datepicker .ui-datepicker .ui-datepicker-prev span,
    #datepicker .ui-datepicker .ui-datepicker-next span {position:static; margin:0; width:36px; height:36px}
    #datepicker .ui-datepicker .ui-datepicker-prev span {background:url("../images/btn-prev-b-m.png") no-repeat center/10px}
    #datepicker .ui-datepicker .ui-datepicker-next span {background:url("../images/btn-next-b-m.png") no-repeat center/10px}
    #datepicker .ui-datepicker th {padding:0; height:36px; font-size:12px; font-weight:400}
    #datepicker .ui-datepicker td {padding:5px 0}
    #datepicker .ui-datepicker td span,
    #datepicker .ui-datepicker td a {width:36px; height:36px; line-height:36px; font-size:12px}
}

/*** 게시판(목록)_상세 ***/
.detailArea {border-top:2px solid #000}
.detailArea .tit {display:flex; flex-direction:column; padding:30px 0 40px; border-bottom:1px solid #ddd}
.detailArea .tit strong {display:block; margin-bottom:13px; line-height:54px; letter-spacing:-0.025em; font-size:36px; font-weight:500; color:#000}
.detailArea .tit ul {display:flex}
.detailArea .tit ul li {position:relative; line-height:18px; letter-spacing:-0.025em; font-size:18px; color:#555}
.detailArea .tit ul li + li {margin-left:20px; padding-left:20px}
.detailArea .tit ul li + li:before {display:block; content:""; position:absolute; top:3px; left:0; width:1px; height:12px; background:#ddd}
.detailArea .cont {margin-bottom:100px; padding:54px 0; border-bottom:1px solid #ddd; line-height:30px; letter-spacing:-0.025em; font-size:18px; color:#555}
.detailArea .cont img {max-width:100%}
@media (max-width:1160px) {
    .detailArea .tit {padding:15px 0 20px}
    .detailArea .tit strong {margin-bottom:10px; line-height:40px; font-size:26px}
    .detailArea .tit ul li {line-height:16px; font-size:16px}
    .detailArea .tit ul li + li:before {top:2px}
    .detailArea .cont {margin-bottom:65px; padding:40px 0; line-height:28px; font-size:16px}
}
@media (max-width:767px) {
    .detailArea .tit {padding:16px 0 20px}
    .detailArea .tit strong {margin-bottom:3px; line-height:24px; font-size:16px}
    .detailArea .tit ul li {line-height:13px; font-size:13px}
    .detailArea .tit ul li + li {margin-left:10px; padding-left:10px}
    .detailArea .tit ul li + li:before {top:4px; height:8px}
    .detailArea .cont {margin-bottom:30px; padding:27px 0; line-height:20px; font-size:13px}
}

/*** 게시판(목록)_상세_첨부파일 ***/
.download {margin-top:40px; padding:30px; background:#f6fbff}
.download * + * {margin-top:20px}
.download button {display:block; padding-left:30px; border:none; text-align:left; line-height:20px; letter-spacing:-0.025em; font-size:16px; color:#555; background:transparent url("../images/ico-download.png") no-repeat left top/20px auto}
@media (max-width:1160px) {
    .download {margin-top:30px; padding:20px 30px}
    .download * + * {margin-top:15px}
    .download button {line-height:18px; font-size:14px; background-size:18px auto}
}
@media (max-width:767px) {
    .download {margin-top:0; padding:21px 15px}
    .download * + * {margin-top:10px}
    .download button {font-size:13px}
}

/*** 게시판(신청) ***/
.privacy * {line-height:26px !important; letter-spacing:-0.025em; font-size:16px !important; color:#555}
.privacy *:first-child {margin-top:0}
.privacy .pL {padding-left:0}
.privacy > strong {display:block; margin-bottom:20px; font-size:18px !important; font-weight:700; color:#000}
.privacy > strong span {display:inline-block; vertical-align:middle}
.privacy > p {margin:20px 0}
.privacy > ol > li + li {margin-top:15px}
.privacy > ol > li b {display:block; padding-left:18px; text-indent:-18px; font-weight:500; color:#000}
.privacy > ol > li > *:not(b) {padding-left:20px}
.privacy > ol > li > p + ol,
.privacy > ol > li > p + ul {margin-top:10px}
.privacy > ol > li > ol + p,
.privacy > ol > li > ul + p {margin-top:10px}
.privacy > ol > li > ol > li + li {margin-top:15px}
.privacy > ol > li > ol > li dl {padding-left:20px}
.privacy > ol > li > ol > li dl + dl {margin-top:10px}
.privacy .checkbox {margin-top:20px}
.privacy .checkbox input[type=checkbox] + label {line-height:24px !important}
.privacy * + .tildeWrap {margin-top: 15px;} /* 2023-09-04 css 추가 */
.privacy .tildeWrap select {height: 44px; line-height: 42px !important;} /* 2023-09-04 css 추가 */
.privacyBox {margin-bottom:60px; padding:20px 0 20px 30px; border-top:2px solid #000; border-bottom:1px solid #ddd}
.privacyBox .privacy > *:not(strong) {padding-left:14px}
.privacyBox .privacy > strong {font-size:20px !important; font-weight:500}
.privacyBox.v2 {margin-bottom:20px; padding:20px 20px 30px}
.privacyBox.v2 p {padding-left:0}
.privacyBox.v2 p + p {margin:20px 0 0}
.privacyInfo {line-height:26px; letter-spacing:-0.025em; font-size:16px; color:#555}
.privacyInfo > .privacyHeader {font-size: 18px; font-weight:600; margin: 15px 0; text-align: center}
.privacyCheck {margin: 10px 0; color: blue; font-weight:600;}
.idstBox {margin : 10px 0; padding: 40px; border: 1px solid #444}
.idstBox > p {
    font-size: 18px;
}
.privacyInfo2 {
    color : #009bcd;
    margin : 30px 0
}
.privacyBtn {
    padding: 20px 30px; font-size:18px; border-radius: 15px; margin-left:15px; color:white;
    border: 0 #009bcd;
    background-color:#009bcd}
@media (max-width:1160px) {
    .privacy * {line-height:24px !important; font-size:14px !important}
    .privacy > strong {margin-bottom:10px; font-size:16px !important}
    .privacy > p {margin:10px 0}
    .privacy > ol > li + li {margin-top:10px}
    .privacy > ol > li b {padding-left:15px; text-indent:-15px}
    .privacy > ol > li > *:not(b) {padding-left:16px}
    .privacy > ol > li > ol > li + li {margin-top:10px}
    .privacy > ol > li > ol > li dl {padding-left:16px}
    .privacy .checkbox {margin-top:10px}
    .privacy .checkbox input[type=checkbox] + label {line-height:20px !important}
    .privacyBox {margin-bottom:45px; padding:20px 0 20px 20px}
    .privacyBox .privacy > strong {font-size:16px !important}
    .privacyBox.v2 {padding:20px 0}
}
@media (max-width:767px) {
    .privacy * {line-height:20px !important; font-size:13px !important}
    .privacy > strong {font-size:13px !important}
    .privacy .checkbox input[type=checkbox] + label {line-height:18px !important}
    .privacy .tildeWrap em {padding: 0;} /* 2023-09-04 css 추가 */
    .privacy .tildeWrap select {height: 40px; line-height: 38px !important;} /* 2023-09-04 css 추가 */
    .privacy .tildeWrap.v2 > *:not(em) {width: 100%;} /* 2023-09-04 css 추가 */
    .privacy .tildeWrap.v2 em:nth-child(3) {margin-top: 10px;} /* 2023-09-04 css 추가 */
    .privacyBox {margin-bottom:30px; padding:10px 0}
    .privacyBox .privacy > *:not(strong) {padding-left:0}
    .privacyBox .privacy > strong {font-size:13px !important}
    .privacyBox.v2 {margin-bottom:10px}
}

/*** 게시판(웹진)_목록 ***/
.imgList02 {border-top:2px solid #000}
.imgList02 > ul > li {margin:40px 0; padding-bottom:40px; border-bottom:1px solid #ddd}
.imgList02 > ul > li > a {display:flex}
.imgList02 > ul > li > a .imgBox {flex-shrink:0; margin-right:30px; width:280px}
.imgList02 > ul > li > a .txtBox {display:flex; flex-direction:column; padding:14px 0; width:calc(100% - 310px)}
.imgList02 > ul > li > a .txtBox strong {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:9px; line-height:30px; letter-spacing:-0.025em; font-size:20px; font-weight:500; color:#000}
.imgList02 > ul > li > a .txtBox p {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; max-height:90px; line-height:30px; letter-spacing:-0.025em; font-size:18px; color:#555; -webkit-line-clamp:3; -webkit-box-orient:vertical}
.imgList02 > ul > li > a .txtBox ul {display:flex; margin-top:auto}
.imgList02 > ul > li > a .txtBox ul li {line-height:28px; letter-spacing:-0.025em; font-size:18px; color:#555}
.imgList02 > ul > li > a .txtBox ul li + li {position:relative; margin-left:20px; padding-left:20px}
.imgList02 > ul > li > a .txtBox ul li + li:before {display:block; content:""; position:absolute; top:8px; left:0; width:1px; height:12px; background:#ddd}
@media (max-width:1160px) {
    .imgList02 > ul > li {margin:30px 0; padding-bottom:30px}
    .imgList02 > ul > li > a .imgBox {margin-right:20px; width:240px}
    .imgList02 > ul > li > a .txtBox {padding:10px 0; width:calc(100% - 260px)}
    .imgList02 > ul > li > a .txtBox strong {margin-bottom:5px; font-size:18px}
    .imgList02 > ul > li > a .txtBox p {font-size:16px}
    .imgList02 > ul > li > a .txtBox ul li {font-size:16px}
}
@media (max-width:767px) {
    .imgList02 > ul > li {margin:20px 0; padding-bottom:20px}
    .imgList02 > ul > li > a {flex-direction:column}
    .imgList02 > ul > li > a .imgBox {margin-right:0; width:100%}
    .imgList02 > ul > li > a .txtBox {padding:12px 0 5px; width:100%}
    .imgList02 > ul > li > a .txtBox strong {margin-bottom:3px; line-height:22px; font-size:14px}
    .imgList02 > ul > li > a .txtBox p { max-height:40px; line-height:20px; font-size:13px;-webkit-line-clamp:2}
    .imgList02 > ul > li > a .txtBox ul {margin-top:9px}
    .imgList02 > ul > li > a .txtBox ul li {line-height:20px; font-size:13px}
    .imgList02 > ul > li > a .txtBox ul li + li {margin-left:10px; padding-left:10px}
    .imgList02 > ul > li > a .txtBox ul li + li:before {top:6px; height:8px}
}

/*>>>>>>>>>> 로그인 <<<<<<<<<<*/
.loginBox {display:flex; margin:80px 4.3% -70px}
.loginBox > div {flex:1; padding:0 6.3%; height:680px}
.loginBox .left {display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f4f5f6}
.loginBox .left h3 {display:block; margin-bottom:16px; text-align:center; line-height:68px; letter-spacing:-0.05em; font-size:45px; font-weight:700; color:#000}
.loginBox .left input {margin-top:10px; width:100%}
.loginBox .left .btn {margin:30px 0; width:100%}
.loginBox .left ul {display:flex}
.loginBox .left ul li {line-height:37px; letter-spacing:-0.025em; font-size:16px}
.loginBox .left ul li + li {position:relative; margin-left:20px; padding-left:20px}
.loginBox .left ul li + li:before {display:block; content:""; position:absolute; top:11px; left:0; width:1px; height:15px; background:#ccc}
.loginBox .left ul li a {display:inline-block; color:#555}
.loginBox .right {display:flex; flex-direction:column; justify-content:center; background:#009bcb url("../images/img-logo.png") no-repeat center/300px auto}
.loginBox .right dl dt {margin-bottom:34px; text-align:center; line-height:60px; letter-spacing:-0.05em; font-size:34px; color:#fff}
.loginBox .right dl dt strong {font-weight:700}
.loginBox .right dl dd {padding-left:18px; line-height:24px; letter-spacing:-0.025em; font-size:16px; color:#fff}
.loginBox .right dl dd + dd {margin-top:33px}
.loginBox .right dl dd p {position:relative; margin-bottom:10px; line-height:30px; letter-spacing:-0.05em; font-size:20px; font-weight:500}
.loginBox .right dl dd p:before {display:block; content:""; position:absolute; top:11px; left:-18px; border-radius:50%; width:8px; height:8px; background:#fff}
.loginBox .right dl dd p br {display:none}
.loginBox .right .btn {margin-top:44px; width:100%}
@media (max-width:1160px) {
    .loginBox {margin:60px 4.3% -45px}
    .loginBox > div {padding:0 20px; height:505px}
    .loginBox .left h3 {line-height:52px; font-size:34px}
    .loginBox .left ul li {line-height:30px; font-size:14px}
    .loginBox .left ul li + li:before {top:8px}
    .loginBox .right {background-size:250px auto}
    .loginBox .right dl dt {margin-bottom:25px; line-height:40px; font-size:26px}
    .loginBox .right dl dd {padding-left:14px; line-height:22px; font-size:14px}
    .loginBox .right dl dd + dd {margin-top:24px}
    .loginBox .right dl dd p {margin-bottom:0; line-height:28px; font-size:18px}
    .loginBox .right dl dd p:before {left:-14px}
    .loginBox .right dl dd p br {display:block}
    .loginBox .right .btn  {margin-top:33px}
}
@media (max-width:767px) {
    .loginBox {flex-direction:column; margin:36px 0 -25px}
    .loginBox > div {height:auto}
    .loginBox .left {padding:50px 15px}
    .loginBox .left h3 {margin-bottom:14px; line-height:34px; font-size:23px}
    .loginBox .left input {margin-top:4px}
    .loginBox .left .btn {margin:15px 0 10px}
    .loginBox .left ul li {font-size:13px}
    .loginBox .left ul li + li {margin-left:10px; padding-left:10px}
    .loginBox .left ul li + li:before {top:10px; height:10px}
    .loginBox .right {padding:35px 15px 30px; background-size:200px auto}
    .loginBox .right dl dt {margin-bottom:16px; line-height:34px; font-size:23px}
    .loginBox .right dl dd {padding-left:10px; line-height:20px; font-size:13px}
    .loginBox .right dl dd + dd {margin-top:15px}
    .loginBox .right dl dd p {margin-bottom:2px; line-height:20px; font-size:16px}
    .loginBox .right dl dd p:before {top:7px; left:-10px; width:5px; height:5px}
    .loginBox .right .btn {margin-top:22px}
}

/*>>>>>>>>>> 사이트맵 <<<<<<<<<<*/
.sitemap {display:flex; flex-wrap:wrap; margin:0 -15px}
.sitemap > div {flex:1 1 20%; margin:0 15px}
.sitemap > div > a {display:block; border:1px solid #f4f5f6; text-align:center; line-height:84px; letter-spacing:-0.05em; font-size:28px; font-weight:500; color:#000; background:#f4f5f6}
.sitemap > div ul li {line-height:65px; letter-spacing:-0.05em; font-size:24px}
.sitemap > div ul li:first-child {padding-top:8px}
.sitemap > div ul li:last-child {padding-bottom:40px}
.sitemap > div ul li a {display:block; padding-left:60px; color:#000}
@media (max-width:1160px) {
    .sitemap {margin:0 -5px}
    .sitemap > div {margin:0 5px}
    .sitemap > div > a {line-height:63px; font-size:22px}
    .sitemap > div ul li {text-align:center; line-height:48px; font-size:18px}
    .sitemap > div ul li:last-child {padding-bottom:30px}
    .sitemap > div ul li a {padding-left:0}
}
@media (min-width:768px) {
    .sitemap > div > a:focus {outline:none}
    .sitemap > div ul {display:block !important}
}
@media (max-width:767px) {
    .sitemap {flex-direction:column; margin:-8px 0}
    .sitemap > div {margin:8px 0}
    .sitemap > div > a {line-height:43px; font-size:16px; background:#f4f5f6 url("../images/sub01/bl-arrow-down.png") no-repeat center right 15px/17px auto}
    .sitemap > div > a.on {background-image:url("../images/sub01/bl-arrow-up.png")}
    .sitemap > div ul {display:none}
    .sitemap > div ul li {line-height:32px; font-size:14px}
    .sitemap > div ul li:first-child {padding-top:5px}
    .sitemap > div ul li:last-child {padding-bottom:20px}
}

/*>>>>>>>>>> 입학안내 <<<<<<<<<<*/
/* 입학일정 */
.calArea {display:flex; justify-content:space-between}
.calArea .cal {flex:0 1 auto; padding:0 30px 20px; border:1px solid #ddd; border-radius:5px; width:48%}
.calArea .cal .fc-toolbar.fc-header-toolbar {margin:0; padding:35px 0}
.calArea .cal .fc-toolbar-title {font-size:28px; font-weight:700}
.calArea .cal .fc-view .fc-scroller-harness {overflow:visible}
.calArea .cal .fc-view-harness table {border:0}
.calArea .cal .fc-view-harness table thead th,
.calArea .cal .fc-daygrid-day-top {line-height:80px}
.calArea .cal .fc-daygrid-day.fc-day-today {background-color:transparent}
.calArea .cal .fc-view-harness table thead th {border:0; vertical-align:middle; line-height:80px; font-size:22px; font-weight:500; color:#000}
.calArea .cal .fc-view-harness table thead th.fc-day-sat {color:#009bcb}
.calArea .cal .fc-view-harness table thead th.fc-day-sun {color:#f16027}
.calArea .cal .fc-view-harness table tbody td {position:relative; border:0; text-align:center; font-size:20px; color:#555}
.calArea .cal .fc-view-harness table tbody td.eventOn {color:#fff}
.calArea .cal .fc-view-harness table tbody td.eventBoth {font-weight:700; color:#555}
.calArea .cal .fc-view-harness table tbody td.fc-day-other {color:transparent}
.calArea .cal .fc-daygrid-day-top {justify-content:center; position:relative; z-index:10}
.calArea .cal .fc-daygrid-day-bottom,
.calArea .cal .fc-daygrid-day-events,
.calArea .cal .fc-daygrid-event-harness {margin:0 !important; min-height:0 !important}
.calArea .cal .fc-daygrid-day-events {position:static !important}
.calArea .cal .fc-daygrid-event-harness {position:absolute !important; top:50% !important; z-index:2; min-width:100%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.calArea .cal .fc-daygrid-day.fc-day-today {background-color:transparent}
.calArea .cal .fc-daygrid-day-top a,
.calArea .cal .fc-daygrid-block-event .fc-event-time,
.calArea .cal .fc-daygrid-block-event .fc-event-title {padding:0}
.calArea .cal .fc-view-harness .fc-daygrid-day-events {margin:0; width:100%}
.calArea .cal .fc-daygrid-day-top a {cursor:default}
.calArea .cal .fc-view-harness .fc-event {margin:0; padding:0; border:0; border-radius:0; border-radius:50px !important; line-height:46px; background-color:transparent}
.calArea .cal .fc-view-harness .enrolmentStart,
.calArea .cal .fc-view-harness .passerPin {margin:0 auto !important; max-width:60px; line-height:56px}
.calArea .cal .fc-view-harness .enrolmentStart,
.calBottom .calLabel li.enrolmentStart::before {border:2px dotted #009bcb; background-color:#fff} /* 2025-03-20 수정 */
.calArea .cal .fc-view-harness .receiptRange,
.calBottom .calLabel li.receiptRange::before {border:2px dotted #0052aa; background-color:#009bcb} /* 2025-03-20 수정 */
.calArea .cal .fc-view-harness .passerPin,
.calBottom .calLabel li.passerPin::before {border:2px solid #f16027; background-color:#fff}
.calArea .cal .fc-view-harness .passerRange,
.calBottom .calLabel li.passerRange::before {border:2px solid #e50001; background-color:#f16027} /* 2025-03-20 수정 */
.calArea .cal .fc-view-harness .fc-event .fc-event-title {overflow:hidden; text-indent:-9999px; opacity:0}
.calWrap {display:flex; gap:40px}
.calWrap > * {width:50%}
.calWrap div[id^=calendar] {padding:30px 24px; border:1px solid #dfdfdf; border-radius:6px}
.fc .fc-scrollgrid,
.fc-theme-standard td,
.fc-theme-standard th {border:none}
.fc .fc-toolbar-title {line-height:1.6; font-size:28px; font-weight:700; color:#000} /* 년월 */
.fc .fc-toolbar.fc-header-toolbar {margin-bottom:26px}
.fc-col-header td {text-align:center;} /* 2025-03-20 추가 */
.fc .fc-col-header-cell-cushion {padding:0 0 24px; line-height:1.6; font-size:22px; font-weight:500; color:#000} /* 요일 */
.fc-day-sat .fc-col-header-cell-cushion {color:#009bcb} /* 토요일 */
.fc-day-sun .fc-col-header-cell-cushion {color:#f16027} /* 일요일 */
.fc .fc-daygrid-day-top {justify-content:center} /* 날짜정렬  */
.fc .fc-daygrid-day-number {padding:0; line-height:1.6; font-size:20px} /* 날짜 */
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {min-height:88px} /* 날짜 높이 */
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {margin-bottom:0}
.fc-daygrid-dot-event .fc-event-title {text-overflow:ellipsis; white-space:nowrap; line-height:20px; font-size:13px; font-weight:400; color:#000} /* 이벤트 */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {display:none} /* 이벤트 시간 */
.fc .fc-daygrid-event {margin-top:2px}
.fc-daygrid-event-dot {display:flex; flex-shrink:0; margin:0 6px 0 0; border:1px solid #009bcd; border-radius:50%; width:10px; height:10px; background-color:#009bcd}
.fc-popover-close {position:absolute; top:4px; right:4px}
.fc .fc-daygrid-day-bottom {display:none}
.fc-daygrid-event {border-radius:13px}
.fc-event-title.fc-sticky {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px; font-size:16px}
.fc .fc-daygrid-day.fc-day-today {background-color:#258912!important; border:1px solid #075F09; color:#fff} /* 2025-03-20 수정 */
.fc .fc-highlight {background:none !important;}
.fc .fc-day-other .fc-daygrid-day-top {color:#767676; opacity:1} /* 2025-03-17 수정 */
.borderDot {border-style:dotted} /* 2025-03-20 추가 */
.calBottom {margin-top:40px}
.calBottom .calLabel {display:flex}
.calBottom .calLabel li {display:flex; align-items:center; margin-right:30px; font-size:18px; color:#555}
.calBottom .calLabel li::before {content:""; margin-right:10px; border-radius:100%; width:12px; height:12px}
@media (max-width:1160px) {
    .calArea .cal {padding:0 20px 15px; width:49%}
    .calArea .cal .fc-toolbar.fc-header-toolbar {padding:25px 0}
    .calArea .cal .fc-toolbar-title {font-size:22px}
    .calArea .cal .fc-view-harness table thead th,
    .calArea .cal .fc-view-harness table tbody td {font-size:18px}
    .calArea .cal .fc-view-harness .fc-event {line-height:36px}
    .calArea .cal .fc-view-harness .enrolmentStart, .calArea .cal .fc-view-harness .passerPin {max-width:50px; line-height:46px}
    .calArea .cal .fc-view-harness table thead th, .calArea .cal .fc-daygrid-day-top {line-height:60px}
    .calWrap {gap:20px}
    .calWrap div[id^=calendar] {padding:20px 10px}
    .fc .fc-toolbar-title {font-size:22px}
    .fc .fc-toolbar.fc-header-toolbar {margin-bottom:20px}
    .fc .fc-col-header-cell-cushion {padding:0 0 16px; font-size:16px}
    .fc .fc-daygrid-day-number {font-size:16px}
    .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {min-height:64px}
    .fc .fc-daygrid-event {margin-top:0}
    .fc-daygrid-day-events .fc-daygrid-event-harness + .fc-daygrid-event-harness > a {margin-top:2px}
    .fc-daygrid-event-dot {margin:0 5px 0 0; width:5px; height:5px}
    .fc-event-title.fc-sticky {font-size:12px}
    .calBottom {margin-top:30px}
    .calBottom .calLabel li {font-size:16px}
}
@media (max-width:767px) {
    .calArea .cal {padding:0 5px 10px; width:100%}
    .calArea .cal + .cal {margin-top:20px}
    .calArea .cal .fc-toolbar.fc-header-toolbar {padding:17px 0}
    .calArea .cal .fc-toolbar-title {font-size:16px}
    .calArea .cal .fc-view-harness table thead th,
    .calArea .cal .fc-view-harness table tbody td {font-size:12px}
    .calArea .cal .fc-view-harness .fc-event {line-height:22px}
    .calArea .cal .fc-view-harness .enrolmentStart, .calArea .cal .fc-view-harness .passerPin {max-width:30px; line-height:26px}
    .calArea .cal .fc-view-harness table thead th, .calArea .cal .fc-daygrid-day-top {line-height:40px}
    .calWrap {flex-direction:column; gap:20px}
    .calWrap > * {width:100%}
    .calWrap div[id^=calendar] {padding:14px 5px; border-radius:0}
    .fc .fc-toolbar-title {font-size:16px}
    .fc .fc-toolbar.fc-header-toolbar {margin-bottom:14px}
    .fc .fc-col-header-cell-cushion {padding:0 0 8px; font-size:13px}
    .fc .fc-daygrid-day-number {font-size:13px}
    .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {min-height:55px}
    .fc-col-header,
    .fc .fc-daygrid-body,
    .fc-scrollgrid-sync-table {width:100%}
    .calBottom {margin-top:15px}
    .calBottom .calLabel {flex-wrap:wrap}
    .calBottom .calLabel li {margin-right:0; line-height:25px; font-size:13px}
    .calBottom .calLabel li:nth-child(odd) {width:65%}
    .calBottom .calLabel li::before {margin-right:5px; width:4px; height:4px}
}

/* 나만의전형찾기 */
.scrollMoveArea + .typeSearch {margin-top:0}
.typeSearch {margin-top:60px}
.typeSearch .myType2 {display:flex; flex-direction:column; justify-content:center; position:relative; padding:0 0 60px 140px; border-bottom:2px solid #000; height:100px; line-height:50px; letter-spacing:-0.025em; font-size:25px; font-weight:500; color:#000}
.typeSearch .myType2:before {display:block; content:""; position:absolute; top:0; left:0; width:100px; height:100px; background:url("../images/sub01/ico-type.png") no-repeat center left/100% auto}
.typeSearch .myType2 strong {display:block; color:#000}
.typeSearch.inRight {display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:60px; border-bottom:2px solid #000}
.typeSearch.inRight .right {overflow:hidden; padding-top:20px}
.typeSearch.inRight .right * {float:left}
.typeSearch.inRight .right * + * {margin-left:10px}
.typeSearch.inRight .myType2 {margin-right:20px; padding-bottom:0; border:none}
.typeSearch.inRight .right .btnArrow {padding:0 15px; min-width:235px}
.typeSearch.inRight .right .btnArrow span {float:none}
.typeSearch .stepList {margin-top:60px}
.typeSearch .typeTit {text-align:center}
.typeSearch .typeTit .btn {margin-top:20px}
.typeSearch .typeList {display:flex; flex-wrap:wrap; margin:38px -22px -22px}
.typeSearch .typeList li {display:flex; align-items:center; justify-content:center; flex:1; margin:22px; border:1px solid #ddd; border-radius:5px; height:175px}
.typeSearch .typeList li.checked {border-color:#009bcd}
.typeSearch .typeList.v2 li { max-width:calc(25% - 44px);min-width:calc(25% - 44px)}
.typeSearch .typeList.col6 {margin:50px -10px -10px}
.typeSearch .typeList.col6 li {margin:10px; max-width:calc(16.666% - 20px); min-width:calc(16.666% - 20px)}
.typeSearch .typeList + .typeCaption {margin-top:60px}
.typeSearch .typeCaption {display:flex; line-height:24px; font-size:16px; color:#555}
.typeSearch .typeCaption + .typeCaption{margin-top:10px}
.typeSearch .wrongInfo {display:flex; flex-direction:column; align-items:center; padding:54px 0; text-align:center; background:#f5fbff}
.typeSearch .wrongInfo strong {line-height:54px; letter-spacing:-0.05em; font-size:36px; font-weight:700; color:#000}
.typeSearch .wrongInfo p {margin:10px 0 5px; line-height:40px; letter-spacing:-0.05em; font-size:24px; color:#000}
.typeSearch .wrongInfo span {line-height:28px; letter-spacing:-0.05em; font-size:18px; color:#767676}
.typeResult .type {display:flex; align-items:center; justify-content:center; margin-top:60px; padding:30px 0; background:#f5fbff}
.typeResult .type strong {display:inline-block; border:1px solid #009bcb; border-radius:50%; width:80px; text-align:center; line-height:78px; letter-spacing:-0.05em; font-size:28px; font-weight:500; color:#fff; background:#009bcb}
.typeResult .type .typeName {display:flex}
.typeResult .type .typeName p {position:relative; padding:0 40px; text-align:center; line-height:54px; letter-spacing:-0.05em; font-size:36px; font-weight:700; color:#000}
.typeResult .type .typeName p:nth-child(1) {text-align:right}
.typeResult .type .typeName p:nth-child(2) {text-align:left}
.typeResult .type .typeName p + p:before {display:block; content:""; position:absolute; top:0; left:-8px; width:16px; height:100%; background:url("../images/sub01/ico-next.png") no-repeat center/15px auto}
.typeResult .btnFlex {display:flex; justify-content:center; margin-top:20px}
.typeResult .btnFlex.jcFS {justify-content:flex-start}
.typeResult .btnFlex .btn + .btn,
.typeResult .btnFlex .btnM + .btnM {margin-left:10px}
.typeResult .btnFlex + .defList {margin-top:10px}
.typeResult .typeInfo {margin-top:60px}
.typeResult .typeInfo .fontB {display:block; margin:14px 0 18px; line-height:28px; letter-spacing:-0.025em; font-size:18px}
@media (max-width:1160px) {
     .typeSearch {margin-top:45px}
     .typeSearch .myType2 {padding:0 0 45px 100px; height:85px; line-height:42px; font-size:26px; box-sizing:content-box}
     .typeSearch .myType2:before {left:0; width:85px; height:85px}
     .typeSearch.inRight {padding-bottom:45px}
     .typeSearch .stepList {margin-top:45px}
     .typeSearch .typeTit .btn {margin-top:10px}
     .typeSearch .typeList {margin:10px -10px -10px}
     .typeSearch .typeList li {margin:10px}
     .typeSearch .typeList.v2 li { max-width:calc(25% - 20px);min-width:calc(25% - 20px)}
     .typeSearch .typeList.col6 {margin:35px -10px -10px}
     .typeSearch .typeList.col6 li { max-width:calc(20% - 20px);min-width:calc(20% - 20px)}
     .typeSearch .typeList + .typeCaption {margin-top:45px}
     .typeSearch .typeCaption {line-height:22px; font-size:14px}
     .typeSearch .typeCaption + .typeCaption{margin-top:5px}
     .typeSearch .wrongInfo {padding:24px 0}
     .typeSearch .wrongInfo strong {line-height:34px; font-size:22px}
     .typeSearch .wrongInfo p {line-height:34px; font-size:20px}
     .typeSearch .wrongInfo span {line-height:24px; font-size:16px}
     .typeResult .type {margin-top:45px}
     .typeResult .type strong {width:60px; line-height:58px; font-size:20px}
     .typeResult .type .typeName p {padding:0 30px; font-size:26px}
     .typeResult .typeInfo {margin-top:45px}
     .typeResult .typeInfo .fontB {margin:10px 0; line-height:24px; font-size:16px}
 }
 @media (max-width:767px) {
     .typeSearch {margin-top:30px}
     .typeSearch .myType2 {padding:0 0 30px 85px; height:70px; line-height:23px; font-size:16px}
     .typeSearch .myType2:before {width:70px; height:70px}
     .typeSearch.inRight {flex-direction:column; padding-bottom:30px}
     .typeSearch.inRight .right {padding-top:15px}
     .typeSearch.inRight .right * {float:inherit}
     .typeSearch.inRight .right * + * {margin:10px 0 0}
     .typeSearch.inRight .right .btnArrow {width:100%}
     .typeSearch .stepList {margin-top:15px}
     .typeSearch .typeList {margin:20px 0 -10px}
     .typeSearch .typeList li {margin:10px 0; max-width:100%; min-width:100%; height:105px}
     .typeSearch .typeList.v2 li {margin:10px; max-width:calc(50% - 20px); min-width:calc(50% - 20px)}
     .typeSearch .typeList.col6 {margin:20px -10px -10px}
     .typeSearch .typeList.col6 li { max-width:calc(50% - 20px);min-width:calc(50% - 20px)}
     .typeSearch .typeList + .typeCaption {margin-top:30px}
     .typeSearch .typeCaption {line-height:20px; font-size:13px}
     .typeSearch .wrongInfo strong {line-height:28px; font-size:18px}
     .typeSearch .wrongInfo p {margin:7px 0 3px; line-height:18px; font-size:13px}
     .typeSearch .wrongInfo span {line-height:20px; font-size:13px}
     .typeResult .type {flex-direction:column; margin-top:30px; padding:26px 0}
     .typeResult .type strong {width:40px; line-height:38px; font-size:14px}
     .typeResult .type .typeName {margin-top:15px}
     .typeResult .type .typeName p {padding:0 18px; line-height:28px; font-size:16px}
     .typeResult .type .typeName p + p:before {background-size:8px auto}
     .typeResult .btnFlex {flex-direction:column; margin-top:10px}
     .typeResult .btnFlex .btn {width:100% !important}
     .typeResult .btnFlex .btn + .btn,
     .typeResult .btnFlex .btnM + .btnM {margin:10px 0 0}
     .typeResult .typeInfo {margin-top:30px}
     .typeResult .typeInfo .fontB {margin:6px 0 2px; line-height:20px; font-size:13px}
 }

/* 입학지원절차 */
.processList + .dotList {margin-top:20px}
.processList {border-top:2px solid #000}
.processList ol li {display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ddd; height:206px}
.processList ol li .prcs {display:flex; align-items:baseline}
.processList ol li .prcs em { display:inline-block;flex-shrink:0; margin-right:20px; border-radius:50%; width:60px; height:60px; text-align:center; line-height:60px; letter-spacing:-0.025em; font-size:18px; font-weight:700; color:#fff; background:#009bcd}
.processList ol li .prcs strong {display:block; margin-bottom:4px; line-height:46px; letter-spacing:-0.025em; font-size:30px; font-weight:700; color:#000}
.processList ol li .prcs p {line-height:32px; letter-spacing:-0.025em; font-size:18px; color:#555}
@media (max-width:1160px) {
    .processList + .dotList {margin-top:15px}
    .processList ol li {height:150px}
    .processList ol li .prcs {margin-right:20px}
    .processList ol li .prcs em {margin-right:15px; width:45px; height:45px; line-height:45px; font-size:16px}
    .processList ol li .prcs strong {line-height:34px; font-size:22px}
}
@media (max-width:767px) {
    .processList ol li {flex-direction:column; align-items:inherit; justify-content:inherit; padding:20px 0; height:auto}
    .processList ol li .prcs em {margin-right:10px; width:30px; height:30px; line-height:30px; font-size:13px}
    .processList ol li .prcs strong {margin-bottom:2px; line-height:22px; font-size:15px}
    .processList ol li .prcs p {line-height:20px; font-size:13px}
    .processList ol li .btn {margin:16px 0 0 40px; width:120px}
}

/* 입학자료신청 */
.brochureFlex {display:flex; margin-bottom:60px}
.brochureFlex .btn {flex:1}
.brochureFlex .btn + .btn {margin-left:20px}
.brochureFlex .btnDownload span {display:inline-block; position:relative}
.brochureFlex .btnDownload span:before {display:block; content:""; position:absolute; top:0; right:-30px; width:20px; height:100%; background:url("../images/ico-download-white.png") no-repeat center right/100% auto}
.checkboxWrap.v2 {margin:-10px}
.checkboxWrap.v2 > * {margin:10px}
.checkboxWrap.v2 .checkboxInput {display:inline-flex; align-items:center}
.checkboxWrap.v2 .checkboxInput .checkbox {margin:0}
.checkboxWrap.v2 .checkboxInput > * {margin-left:10px}
@media (max-width:1160px) {
    .brochureFlex {margin-bottom:45px}
    .brochureFlex .btn + .btn {margin-left:10px}
    .brochureFlex .btnDownload span:before {right:-25px; width:15px}
    .checkboxWrap.v2 {margin:-10px 0}
    .checkboxWrap.v2 > * {display:block; margin:10px 0}
    .checkboxWrap.v2 .checkboxInput {display:flex; flex-direction:column; align-items:inherit}
    .checkboxWrap.v2 .checkboxInput > * {margin:10px 0 0}
}
@media (max-width:767px) {
    .brochureFlex {flex-direction:column; margin-bottom:30px}
    .brochureFlex .btn {width:100%}
    .brochureFlex .btn + .btn {margin:10px 0 0}
    .brochureFlex .btnDownload span:before {right:-28px; width:18px}
}

/* 오시는길 */
.mapBox > ul {margin-top:60px; border-top:2px solid #000}
.mapBox > ul > li {padding:30px 0 40px; border-bottom:1px solid #ddd}
.mapBox > ul > li h5 {margin-bottom:30px; line-height:54px; letter-spacing:-0.05em; font-size:36px; font-weight:700; color:#000}
.mapBox > ul > li > strong {display:block; margin:-5px 0 14px; line-height:30px; letter-spacing:-0.025em; font-size:20px; font-weight:500; color:#000}
.mapBox > ul > li .trans {display:flex; flex-wrap:wrap; margin:-10px -19px}
.mapBox > ul > li .trans li {display:flex; align-items:center; margin:10px 19px}
.mapBox > ul > li .trans li span { display:inline-block;flex-shrink:0; margin-right:20px; border-radius:50%; width:60px; height:60px; text-align:center; line-height:60px; letter-spacing:-0.05em; font-size:16px; font-weight:500; color:#fff}
.mapBox > ul > li .trans li span.sub01 {background:#717c02}
.mapBox > ul > li .trans li span.sub02 {color:#000; background:#e8791c} /* 2025-03-17 수정 */
.mapBox > ul > li .trans li span.sub03 {background:#8c4db3}
.mapBox > ul > li .trans li span.bus01 {color:#000; background:#5bb025} /* 2025-03-17 수정 */
.mapBox > ul > li .trans li span.bus02 {background:#3d5bab}
.mapBox > ul > li .trans li span.bus03 {color:#000; background:#ff4123} /* 2025-03-17 수정 */
.mapBox > ul > li .trans li p {line-height:32px; letter-spacing:-0.025em; font-size:18px; color:#555}
@media (max-width:1160px) {
    .mapBox > ul {margin-top:45px}
    .mapBox > ul > li {padding:20px 0 30px}
    .mapBox > ul > li h5 {margin-bottom:20px; line-height:42px; font-size:28px}
    .mapBox > ul > li > strong {line-height:24px; font-size:18px}
    .mapBox > ul > li .trans {display:block; margin:0 -18px -15px}
    .mapBox > ul > li .trans li {margin:15px 18px}
    .mapBox > ul > li .trans li span {margin-right:16px; width:50px; height:50px; line-height:50px; font-size:14px}
    .mapBox > ul > li .trans li p {line-height:24px; font-size:16px}
}
@media (max-width:767px) {
    .mapBox > ul {margin-top:30px}
    .mapBox > ul > li {padding:15px 0 20px}
    .mapBox > ul > li h5 {margin-bottom:15px; line-height:28px; font-size:18px}
    .mapBox > ul > li > strong {margin:-10px 0 16px; line-height:20px; font-size:13px}
    .mapBox > ul > li .trans {margin:-10px 0}
    .mapBox > ul > li .trans li {margin:10px 0}
    .mapBox > ul > li .trans li span {margin-right:12px; width:40px; height:40px; line-height:40px; font-size:13px}
    .mapBox > ul > li .trans li p {line-height:20px; font-size:13px}
}

/*>>>>>>>>>> 신입학 <<<<<<<<<<*/
/* 군위탁전형 */
.eduInfo {position:relative; margin-bottom:60px; padding:20px 30px 20px 205px; background:#f6fbff}
.eduInfo:before {display:block; content:""; position:absolute; top:calc(50% - 42px); left:60px; width:84px; height:84px; background:url("../images/sub02/ico-important.png") no-repeat center left/100% auto}
.eduInfo p {padding-bottom:20px; border-bottom:1px solid #ddd; line-height:30px; letter-spacing:-0.025em; font-size:20px; font-weight:500; color:#000}
.eduInfo span {display:block; margin-top:20px; line-height:30px; letter-spacing:-0.05em; font-size:18px; color:#555}
@media (max-width:1160px) {
    .eduInfo {margin-top:45px; padding:20px 15px 20px 124px}
    .eduInfo:before {top:calc(50% - 32px); left:30px; width:64px; height:64px}
    .eduInfo p {line-height:28px; font-size:18px}
    .eduInfo span {line-height:26px; font-size:16px}
}
@media (max-width:767px) {
    .eduInfo {margin-top:30px; padding:10px 15px}
    .eduInfo:before {display:none}
    .eduInfo p {position:relative; padding:0 0 15px 58px; line-height:21px; font-size:14px}
    .eduInfo p:before {display:block; content:""; position:absolute; top:calc(50% - 33px); left:0; width:42px; height:42px; background:url("../images/sub02/ico-important.png") no-repeat center left/100% auto}
    .eduInfo span {margin-top:15px; line-height:20px; font-size:13px}
}

/*>>>>>>>>>> 편입학 <<<<<<<<<<*/
/* 산업체위탁전형 */
.list01 {margin-top:60px; border-top:2px solid #000}
.list01 > li {display:flex; padding:60px 0 52px; border-bottom:1px solid #ddd}
.list01 > li img {margin-right:30px; width:100px; height:100px}
.list01 > li strong {display:block; line-height:52px; letter-spacing:-0.025em; font-size:30px; font-weight:700; color:#000}
.list01 dl + dl {margin-top:8px}
.list01 dl dt {margin-bottom:8px; line-height:30px; letter-spacing:-0.025em; font-size:20px; font-weight:500; color:#000}
.list02 {display:flex; flex-direction:column; margin-top:60px; border-top:2px solid #000}
.list02 > li {border-bottom:1px solid #ddd}
.list02 > li.noData {padding:33px 0 38px; text-align:center; line-height:28px; font-size:18px; color:#555}
.list02 ul {display:flex; padding:33px 0 38px}
.list02 ul li {flex:1; position:relative; padding:0 16px; word-break:break-all; line-height:28px; letter-spacing:-0.025em; font-size:18px; color:#555}
.list02 ul li:before {display:block; content:""; position:absolute; top:11px; left:0; border-radius:50%; width:6px; height:6px; background:#009bcb}
.consonantSearch {display:flex; flex-wrap:wrap; margin-top:60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.consonantSearch > * {flex:1}
.consonantSearch > * + * {border-left:1px solid #ddd}
.consonantSearch .checkbox {margin:0}
.consonantSearch .checkbox input[type=radio] + label {padding-left:0; text-align:center; line-height:61px; background-image:none}
.consonantSearch .checkbox input[type=radio]:checked + label {background-color:#f4f5f6; background-image:none}
.consonantSearch + * {margin-top:30px !important}
.layerPop .consonantSearch {margin-top:30px !important}
.layerPop .checkbox input[type=radio] + label {line-height:40px !important; font-size:16px; background-position:left center}
@media (max-width:1160px) {
    .list01 {margin-top:40px}
    .list01 > li {padding:40px 0 32px}
    .list01 > li img {width:85px; height:85px}
    .list01 > li strong {line-height:42px; font-size:24px}
    .list01 dl dt {line-height:28px; font-size:18px}.list02 {margin-top:40px}
    .list02 > li.noData {padding:24px 0; line-height:24px; font-size:16px}
    .list02 ul {padding:24px 0}
    .list02 ul li {line-height:24px; font-size:16px}
    .consonantSearch {margin-top:40px}
    .consonantSearch .checkbox input[type=radio] + label {line-height:48px}
}
@media (max-width:767px) {
    .list01 {margin-top:20px}
    .list01 > li {padding:20px 0 12px}
    .list01 > li img {margin-right:15px; width:70px; height:70px}
    .list01 > li strong {margin-top:-12px; line-height:39px; font-size:16px}
    .list01 dl dt {margin-bottom:6px; line-height:15px; font-size:13px}
    .list02 {margin-top:20px}
    .list02 > li {border-bottom:none}
    .list02 > li.noData {padding:14px 0; border-bottom:1px solid #ddd; line-height:20px; font-size:13px}
    .list02 ul {flex-direction:column; padding:0}
    .list02 ul li {padding:14px 10px; border-bottom:1px solid #ddd; line-height:20px; font-size:13px}
    .list02 ul li:before {top:22px; width:4px; height:4px}
    .consonantSearch {margin-top:20px; border-top:none; border-bottom:none}
    .consonantSearch > * {border-top:1px solid #ddd; border-bottom:1px solid #ddd; max-width:20%; min-width:20%}
    .consonantSearch > * + * {margin-left:-1px}
    .consonantSearch > *:nth-child(n+6) {margin-top:-1px;}
    .consonantSearch > *:nth-child(5n+1) {border-left:none}
    /* .consonantSearch > *:last-child {margin-left:1px; border-right:1px solid #ddd} */
    .consonantSearch .checkbox input[type=radio] + label {line-height:36px !important}
    .consonantSearch + * {margin-top:20px !important}
    .layerPop .consonantSearch {margin-top:20px !important}
    .layerPop .checkbox input[type=radio] + label {font-size:13px}
}

/*>>>>>>>>>> 시간제등록 <<<<<<<<<<*/
/* 개설교과목소개 */
.sbj {position:relative}
.sbj .sbjName {padding-right:100px}
.sbj .btn {position:absolute; top:calc(50% - 15px); right:0}
@media (max-width:1160px) {
    .sbj .sbjName {padding-right:80px}
}

/*>>>>>>>>>> 입학상담 <<<<<<<<<<*/
/* 온라인상담 */
.boardPwd {padding-top:30px}
.boardPwd .inner {display:flex; flex-direction:column; align-items:center; margin:0 auto; width:560px}
.boardPwd .inner .imprtTxt {margin-bottom:40px}
.boardPwd .inner input {width:500px}
.boardPwd .inner input::placeholder {text-align:center}
@media (max-width:1160px) {
    .boardPwd .inner .imprtTxt {margin-bottom:30px}
    .boardPwd .inner input {width:400px}
}
@media (max-width:767px) {
    .boardPwd {padding-top:0}
    .boardPwd .inner {width:100%}
    .boardPwd .inner .imprtTxt {margin-bottom:15px}
    .boardPwd .inner input {width:290px; max-width:100%}
}

/* 입학상담전화 */
.contactInfo {position:relative; margin-top:50px}
.contactInfo > div {padding-left:345px}
.contactInfo .top {margin-bottom:10px; padding-bottom:25px; border-bottom:1px solid #ddd}
.contactInfo .top .logoTitle:before {content:""; position:absolute; top:0; left:0; z-index:10; width:300px; height:100%; background:url("../images/sub05/img-logo.png") no-repeat left 10px; background-size:contain}
.contactInfo .top .logoTitle h4 {display:block; font-weight:500}
.contactInfo .top .infoUl li .icoTitle {padding:0 20px; border:1px solid #ddd; background-color:#f7f7f7}
.contactInfo .bottom .infoUl .time .icoTitle {display:inline-block; position:relative; margin-right:25px; padding-left:33px; vertical-align:top}
.contactInfo .bottom .caption {margin-top:5px; font-size:18px}
.contactInfo .infoUl li {display:inline-block; margin:5px 35px 5px 0; vertical-align:middle; line-height:38px; font-size:24px; font-weight:500; color:#000}
.contactInfo .infoUl li.phone {margin-top:0; width:100%}
.contactInfo .infoUl li .icoTitle {display:inline-block; margin-right:10px; border-radius:20px; vertical-align:middle; font-size:20px; font-weight:400; color:#000}
.contactInfo .infoUl li .icoTitle:before {display:inline-block; content:""; margin-right:10px; width:20px; height:26px; vertical-align:middle; line-height:0; background-position:center; background-repeat:no-repeat}
.contactInfo .infoUl li.phone .icoTitle:before {background-image:url("../images/sub05/ico-phone.png")}
.contactInfo .infoUl li.email .icoTitle:before {background-image:url("../images/sub05/ico-mail.png")}
.contactInfo .infoUl li.fax .icoTitle:before {background-image:url("../images/sub05/ico-fax.png")}
.contactInfo .infoUl li.time .icoTitle:before {position:absolute; top:6px; left:0; width:23px; background-image:url("../images/sub05/ico-time.png")}
.contactInfo .infoUl li strong {font-size:26px}
.contactInfo .infoUl li b {display:inline-block; margin-left:10px; font-size:20px; font-weight:400; color:#555}
@media (max-width:1160px) {
    .contactInfo {margin-top:35px}
    .contactInfo > div {padding-left:245px}
    .contactInfo .top .logoTitle:before {width:200px}
    .contactInfo .bottom .caption {font-size:16px}
    .contactInfo .infoUl li {font-size:22px}
    .contactInfo .infoUl li .icoTitle {font-size:18px}
    .contactInfo .infoUl li b {font-size:18px}
    .contactInfo .infoUl li strong {font-size:24px}
}
@media (max-width:767px) {
    .contactInfo {margin-top:5px; padding-bottom:20px; border-bottom:1px solid #ddd}
    .contactInfo > div {padding-left:0}
    .contactInfo .top {margin-bottom:10px; padding-bottom:0; border:0}
    .contactInfo .top .logoTitle {display:flex; align-items:center; position:relative; padding-left:115px; height:111px}
    .contactInfo .top .logoTitle:before {width:95px; background-position:left top}
    .contactInfo .top .logoTitle h4 {line-height:1.5; font-size:16px}
    .contactInfo .top .infoUl li .icoTitle {margin-right:15px; padding:0 11px; min-width:95px; line-height:23px}
    .contactInfo .bottom {padding:0 10px}
    .contactInfo .bottom .infoUl li {line-height:1.6; font-size:13px}
    .contactInfo .bottom .infoUl .time .icoTitle {padding-left:20px}
    .contactInfo .bottom .caption {font-size:13px}
    .contactInfo .infoUl li {margin:5px 0; width:100%; line-height:25px; font-size:14px}
    .contactInfo .infoUl li .icoTitle {font-size:13px}
    .contactInfo .infoUl li .icoTitle:before {margin-right:6px; width:20px; background-size:80% auto}
    .contactInfo .infoUl li.time .icoTitle {margin-right:8px}
    .contactInfo .infoUl li.time .icoTitle:before {top:-3px; width:15px}
    .contactInfo .infoUl li strong {font-size:14px}
    .contactInfo .infoUl li b {font-size:13px}
}

/*>>>>>>>>>> 학과소개 <<<<<<<<<<*/
/* 학과소개 */
.dept {border-top:2px solid #000}
.dept > ul > li {display:flex; align-items:center; margin-bottom:40px; padding:0 86px 40px 0; border-bottom:1px solid #ddd}
.dept > ul > li:first-child {margin-top:40px}
.dept > ul > li:last-child {margin-bottom:0}
.dept > ul > li .videoBox {flex-shrink:0; margin-right:30px; width:380px}
.dept > ul > li .videoBox.noVideo {background:url("../images/img-video.png") no-repeat center/cover}
.dept > ul > li .videoBox img {width:100%; height:100%}
.dept > ul > li .deptInfo strong {display:block; margin-bottom:8px; line-height:36px; letter-spacing:-0.025em; font-size:24px; font-weight:700; color:#000}
.dept > ul > li .deptInfo p {margin-bottom:24px; line-height:30px; letter-spacing:-0.025em; font-size:20px; font-weight:500; color:#555}
.dept > ul > li .deptInfo ul li {padding-left:28px; line-height:20px; letter-spacing:-0.025em; font-size:18px; background:no-repeat center left/18px auto}
.dept > ul > li .deptInfo ul li + li {margin-top:16px}
.dept > ul > li .deptInfo ul li.call {background-image:url("../images/sub06/ico-call.png")}
.dept > ul > li .deptInfo ul li.mail {background-image:url("../images/sub06/ico-mail.png")}
.dept > ul > li .deptInfo ul li a {color:#555}
.dept > ul > li .btnDept {display:block; margin-left:auto; width:62px; height:62px; text-indent:-9999px; background:url("../images/sub06/ico-off.png") no-repeat center/100% auto; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s}
.dept > ul > li .btnDept:hover {background-image:url("../images/sub06/ico-on.png")}
.videoDim {position:relative}
.videoDim:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2) url("../images/ico-video.png") no-repeat center/80px auto}
.videoDim:hover:before {background-image:url("../images/ico-video-on.png")}
@media (max-width:1160px) {
    .dept > ul > li {margin-bottom:35px; padding:0 20px 35px 0}
    .dept > ul > li:first-child {margin-top:35px}
    .dept > ul > li .videoBox {margin-right:20px; width:350px}
    .dept > ul > li .deptInfo {margin-right:20px}
    .dept > ul > li .deptInfo strong {line-height:30px; font-size:20px}
    .dept > ul > li .deptInfo p {margin-bottom:14px;line-height:24px; font-size:16px}
    .dept > ul > li .deptInfo ul li {padding-left:24px; font-size:16px; background-size:16px auto}
    .dept > ul > li .deptInfo ul li + li {margin-top:10px}
    .dept > ul > li .btnDept  {flex-shrink:0; width:45px; height:45px}
    .videoDim:before {background-size:60px auto}
}
@media (max-width:767px) {
    .dept > ul > li {flex-direction:column; align-items:inherit; margin-bottom:30px; padding:0 0 30px 0}
    .dept > ul > li:first-child {margin-top:20px}
    .dept > ul > li .videoBox {margin-right:0; width:100%}
    .dept > ul > li .deptInfo strong {margin:12px 0 2px; line-height:22px; font-size:15px}
    .dept > ul > li .deptInfo p {margin-bottom:6px; line-height:20px; font-size:13px}
    .dept > ul > li .deptInfo ul li {padding-left:20px; line-height:20px; font-size:13px}
    .dept > ul > li .deptInfo ul li + li {margin-top:5px}
    .dept > ul > li .deptInfo ul li.call {background-size:11px auto}
    .dept > ul > li .deptInfo ul li.mail {background-size:12px auto}
    .dept > ul > li .btnDept {margin:12px 0 0; width:30px; height:30px}
    .videoDim:before {background-size:40px auto}
}

/* WHY숭실인가 */
.whyKscu01 .kscuHistory p {text-align:center; line-height:50px; letter-spacing:-0.025em; font-size:36px; font-weight:500; color:#000}
.whyKscu01 .kscuHistory p strong {color:#f16027}
.whyKscu01 .kscuHistory ul {display:flex; justify-content:center; margin-top:50px}
.whyKscu01 .kscuHistory ul li {display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:80px; width:360px; height:160px}
.whyKscu01 .kscuHistory ul li + li {position:relative; margin-left:40px}
.whyKscu01 .kscuHistory ul li + li:before {display:block; content:""; position:absolute; top:calc(50% - 1px); left:-40px; width:40px; height:2px; background:#ddd}
.whyKscu01 .kscuHistory ul li:nth-child(1) {background:#f16027}
.whyKscu01 .kscuHistory ul li:nth-child(2) {background:#009bcd}
.whyKscu01 .kscuHistory ul li:nth-child(3) {background:#123965}
.whyKscu01 .kscuHistory ul li p {line-height:40px; letter-spacing:-0.025em; font-size:26px; font-weight:500; color:#fff}
.whyKscu01 .kscuHistory ul li strong {line-height:47px; letter-spacing:-0.025em; font-size:45px; font-weight:500; color:#fff}
.whyKscu01 > ol {margin-top:60px; border-top:2px solid #000}
.whyKscu01 > ol > li {display:flex; flex-direction:column; position:relative; padding:60px 0; border-bottom:1px solid #ddd}
.whyKscu01 > ol > li .history {display:flex; flex-direction:column; width:calc(100% - 360px)}
.whyKscu01 > ol > li .history .top {display:flex; margin-bottom:10px}
.whyKscu01 > ol > li .history .top em {flex-shrink:0; margin-right:15px; width:50px; line-height:56px; letter-spacing:-0.025em; font-size:45px; font-weight:700; color:#1da7d3}
.whyKscu01 > ol > li .history .top strong {display:block; line-height:56px; letter-spacing:-0.025em; font-size:30px; font-weight:700; color:#000}
.whyKscu01 > ol > li .history .bottom {display:flex; flex-direction:column; margin-left:65px}
.whyKscu01 > ol > li .history .bottom span {display:block; margin-bottom:6px; line-height:32px; letter-spacing:-0.025em; font-size:20px; font-weight:500; color:#000}
.whyKscu01 > ol > li .history .bottom p {line-height:32px; letter-spacing:-0.025em; font-size:18px; color:#555}
.whyKscu01 > ol > li img {position:absolute; top:60px; right:0; width:274px; height:188px}
.whyKscu01 > ol > li.img1 img {width:98px; height:98px}
.whyKscu01 > ol > li.img2 img {width:103px; height:96px}
.whyKscu01 > ol > li.img3 img {width:196px; height:98px}
.whyKscu01 > ol > li.img4 img {width:210px; height:138px}
.whyKscu01 > ol > li .blueBox {margin-top:32px; background:#f6fbff}
.whyKscu01 > ol > li .blueBox ol {display:flex; padding:36px 65px}
.whyKscu01 > ol > li .blueBox ol li {line-height:28px; letter-spacing:-0.025em; font-size:18px; color:#555}
.whyKscu01 > ol > li .blueBox ol li + li {margin-left:12px}
.whyKscu02 .whyKscuLogo {display:flex; align-items:center; justify-content:center; margin-bottom:60px}
.whyKscu02 .whyKscuLogo p {margin-left:60px; text-align:center; line-height:50px; letter-spacing:-0.025em; font-size:36px; font-weight:500; color:#000}
.whyKscu02 .whyKscuLogo p strong {color:#f16027}
.whyKscu02 ol {border-top:2px solid #000}
.whyKscu02 ol li {display:flex; align-items:baseline; padding:40px 0 34px; border-bottom:1px solid #ddd}
.whyKscu02 ol li em { display:inline-block;flex-shrink:0; margin-right:20px; border-radius:50%; width:60px; height:60px; text-align:center; line-height:60px; letter-spacing:-0.025em; font-size:18px; font-weight:700; color:#fff}
.whyKscu02 ol li:nth-child(odd) em {background:#009bcd}
.whyKscu02 ol li:nth-child(even) em {background:#999}
.whyKscu02 ol li strong {display:block; margin-bottom:4px; line-height:46px; letter-spacing:-0.025em; font-size:30px; font-weight:700; color:#000}
.whyKscu02 ol li p {line-height:32px; letter-spacing:-0.025em; font-size:18px; color:#555}
.whyBox ol { display:flex; position:relative }
.whyBox ol + ol { margin-top:45px }
.whyBox ol:nth-child(1):before { display:block; content:""; position:absolute; top:80px; right:0; width:4px; height:calc(100% + 49px); background:#ddd }
.whyBox ol:nth-child(2):before { display:block; content:""; position:absolute; top:80px; left:0; width:4px; height:calc(100% + 49px); background:#ddd }
.whyBox ol:nth-child(3):before { display:block; content:""; position:absolute; top:80px; left:0; width:100%; height:4px; background:#ddd }
.whyBox ol li { position:relative; width:25% }
.whyBox ol:nth-child(even) li:nth-child(1) { order:4 }
.whyBox ol:nth-child(even) li:nth-child(2) { order:3 }
.whyBox ol:nth-child(even) li:nth-child(3) { order:2 }
.whyBox ol:nth-child(even) li:nth-child(4) { order:1 }
.whyBox ol li:before { display:block; content:""; position:absolute; top:80px; left:0; width:100%; height:4px; background:#ddd }
.whyBox ol li dl { display:flex; flex-direction:column; align-items:center }
.whyBox ol li dl dt { position:relative; margin-bottom:46px; line-height:64px; font-size:42px; font-weight:700; color:#555; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s }
.whyBox ol li dl dt.hover { color:#009bcb }
.whyBox ol li dl dt:after { display:block; content:""; position:absolute; bottom:-23px; left:calc(50% - 4px); border:1px solid #009bcb; border-radius:50%; width:8px; height:8px; background:#009bcb }
.whyBox ol li dl dt.hover:before { display:block; content:""; position:absolute; bottom:-35px; left:calc(50% - 18px); border:1px solid transparent; border-radius:50%; width:34px; height:34px; background:rgba(0,155,205,.1) }
.whyBox ol li dl dd + dd { margin-top:12px }
.whyBox ol li dl dd button { border:none; text-align:center; line-height:34px; font-size:20px; font-weight:500; color:#000; background:none }
.whyCont .top { margin-bottom:40px; padding:0 0 10px 18px; border-bottom:1px solid #ddd; }
.whyCont .top p { overflow-y:auto; padding-bottom:72px; max-height:228px; line-height:30px; font-size:18px; color:#555 }
.whyCont .top p::-webkit-scrollbar { border:1px solid #ccc; border-radius:10px; width:20px; background:#f9f9f9 }
.whyCont .top p::-webkit-scrollbar-thumb { border:3px solid transparent; border-radius:12px; background:#aaa; background-clip:padding-box }
.whySwiperWrap { position:relative; padding:0 64px }
.whySwiperWrap .whySwiper { overflow:hidden; height:100% }
.whySwiperWrap .whySwiper .swiper-wrapper.alignC { justify-content:center }
.whySwiperWrap .whySwiper .swiper-slide img { width:100%; height:100% }
.whySwiperWrap .whySwiper .swiper-button-prev,
.whySwiperWrap .whySwiper .swiper-button-next { top:inherit; bottom:0; border:none; width:20px; height:100%; text-indent:-9999px }
.whySwiperWrap .whySwiper .swiper-button-prev { left:0; background:url("../images/sub07/btn-prev.png") no-repeat center/30px auto }
.whySwiperWrap .whySwiper .swiper-button-next { right:0; background:url("../images/sub07/btn-next.png") no-repeat center/30px auto }
.whySwiperWrap .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity: 0.35;}
.whySwiperWrap .swiper-button-lock {display: none;}
@media (max-width:1160px) {
    .whyKscu01 .kscuHistory p {line-height:38px; font-size:28px}
    .whyKscu01 .kscuHistory ul {margin-top:30px}
    .whyKscu01 .kscuHistory ul li {border-radius:60px; width:270px; height:120px}
    .whyKscu01 .kscuHistory ul li + li {margin-left:30px}
    .whyKscu01 .kscuHistory ul li + li:before {left:-30px; width:30px}
    .whyKscu01 .kscuHistory ul li p {line-height:30px; font-size:20px}
    .whyKscu01 .kscuHistory ul li strong {line-height:44px; font-size:34px}
    .whyKscu01 > ol {margin-top:45px}
    .whyKscu01 > ol > li {padding:45px 0}
    .whyKscu01 > ol > li .history {width:calc(100% - 240px)}
    .whyKscu01 > ol > li .history .top em {margin-right:10px; width:45px; line-height:52px; font-size:34px}
    .whyKscu01 > ol > li .history .top strong {line-height:52px; font-size:24px}
    .whyKscu01 > ol > li .history .bottom {margin-left:55px}
    .whyKscu01 > ol > li .history .bottom span {line-height:28px; font-size:18px}
    .whyKscu01 > ol > li .history .bottom p {line-height:24px; font-size:16px}
    .whyKscu01 > ol > li img {top:45px; width:205px; height:140px}
    .whyKscu01 > ol > li.img1 img {width:73px; height:73px}
    .whyKscu01 > ol > li.img2 img {width:77px; height:71px}
    .whyKscu01 > ol > li.img3 img {width:147px; height:73px}
    .whyKscu01 > ol > li.img4 img {width:157px; height:103px}
    .whyKscu01 > ol > li .blueBox {margin-top:28px}
    .whyKscu01 > ol > li .blueBox ol {flex-direction:column; padding:28px 55px}
    .whyKscu01 > ol > li .blueBox ol li {line-height:24px; font-size:16px}
    .whyKscu01 > ol > li .blueBox ol li + li {margin:0}
    .whyKscu02 .whyKscuLogo {margin-bottom:40px}
    .whyKscu02 .whyKscuLogo img {width:200px; height:200px}
    .whyKscu02 .whyKscuLogo p {line-height:38px; font-size:28px}
    .whyKscu02 .whyKscuLogo p br {display:none}
    .whyKscu02 .whyKscuLogo p span {display:block}
    .whyKscu02 ol li {padding:30px 0}
    .whyKscu02 ol li em {margin-right:15px; width:45px; height:45px; line-height:45px; font-size:16px}
    .whyKscu02 ol li strong {line-height:34px; font-size:22px}
    .whyBox ol + ol { margin-top:30px }
    .whyBox ol:nth-child(1):before { top:62px; height:calc(100% + 34px) }
    .whyBox ol:nth-child(2):before { top:62px; height:calc(100% + 34px) }
    .whyBox ol:nth-child(3):before { top:62px }
    .whyBox ol li:before { top:62px }
    .whyBox ol li dl dt { margin-bottom:35px; line-height:46px; font-size:30px }
    .whyBox ol li dl dd img { width:90px; height:90px }
    .whyBox ol li dl dd button { line-height:24px; font-size:16px }
    .whyCont .top { margin-bottom:30px; padding:0 0 10px 10px }
    .whyCont .top p { padding-bottom:54px; max-height:170px; line-height:24px; font-size:16px }
    .whyCont .top p::-webkit-scrollbar { border-radius:5px; width:10px }
    .whyCont .top p::-webkit-scrollbar-thumb { border-radius:6px }
}
@media (max-width:767px) {
    .whyKscu01 .kscuHistory p {line-height:25px; font-size:18px}
    .whyKscu01 .kscuHistory p span {display:block}
    .whyKscu01 .kscuHistory ul {flex-direction:column; align-items:center; margin-top:15px}
    .whyKscu01 .kscuHistory ul li {border-radius:40px; width:180px; height:80px}
    .whyKscu01 .kscuHistory ul li + li {margin:20px 0 0}
    .whyKscu01 .kscuHistory ul li + li:before {top:-20px; left:calc(50% - 1px); width:2px; height:20px; }
    .whyKscu01 .kscuHistory ul li p {line-height:20px; font-size:13px}
    .whyKscu01 .kscuHistory ul li strong {line-height:25px; font-size:22px}
    .whyKscu01 > ol {margin-top:38px}
    .whyKscu01 > ol > li {padding:22px 0 30px}
    .whyKscu01 > ol > li .history {width:100%}
    .whyKscu01 > ol > li .history .top em {width:25px; line-height:28px; font-size:23px}
    .whyKscu01 > ol > li .history .top strong {line-height:28px; font-size:18px}
    .whyKscu01 > ol > li .history .bottom {margin:0 0 16px}
    .whyKscu01 > ol > li .history .bottom span {line-height:22px; font-size:15px}
    .whyKscu01 > ol > li .history .bottom p {line-height:20px; font-size:13px}
    .whyKscu01 > ol > li img {position:static; width:137px; height:94px}
    .whyKscu01 > ol > li.img1 img {width:49px; height:49px}
    .whyKscu01 > ol > li.img2 img {width:52px; height:48px}
    .whyKscu01 > ol > li.img3 img {width:98px; height:49px}
    .whyKscu01 > ol > li.img4 img {width:105px; height:69px}
    .whyKscu01 > ol > li .blueBox {margin-top:20px}
    .whyKscu01 > ol > li .blueBox ol {padding:20px 15px}
    .whyKscu01 > ol > li .blueBox ol li {line-height:20px; font-size:13px}
    .whyKscu02 .whyKscuLogo {flex-direction:column; margin:30px 0}
    .whyKscu02 .whyKscuLogo img {width:150px; height:150px}
    .whyKscu02 .whyKscuLogo p {margin:20px 0 0; line-height:25px; font-size:18px}
    .whyKscu02 ol li {padding:20px 0 16px}
    .whyKscu02 ol li em {margin-right:10px; width:30px; height:30px; line-height:30px; font-size:13px}
    .whyKscu02 ol li strong {margin-bottom:2px; line-height:22px; font-size:15px}
    .whyKscu02 ol li p {line-height:20px; font-size:13px}
    .whyBox ol { flex-wrap:wrap }
    .whyBox ol + ol { margin-top:0 }
    .whyBox ol:nth-child(1):before { top:40px; width:2px; height:184px }
    .whyBox ol:nth-child(1):after { display:block; content:""; position:absolute; bottom:-42px; left:0; width:2px; height:184px; background:#ddd }
    .whyBox ol:nth-child(2):before { top:40px; right:0; left:inherit; width:2px; height:184px }
    .whyBox ol:nth-child(2):after { display:block; content:""; position:absolute; bottom:-42px; left:0; width:2px; height:184px; background:#ddd }
    .whyBox ol:nth-child(3):before { top:40px; right:0; left:inherit; width:2px; height:184px }
    .whyBox ol li { width:50%; height:182px }
    .whyBox ol:nth-child(1) li:nth-child(3) { order:4 }
    .whyBox ol:nth-child(1) li:nth-child(4) { order:3 }
    .whyBox ol:nth-child(even) li:nth-child(1) { order:1 }
    .whyBox ol:nth-child(even) li:nth-child(2) { order:2 }
    .whyBox ol:nth-child(even) li:nth-child(3) { order:4 }
    .whyBox ol:nth-child(even) li:nth-child(4) { order:3 }
    .whyBox ol:last-child li:last-child { width:100% }
    .whyBox ol li:before { top:40px; height:2px }
    .whyBox ol li dl dt { margin-bottom:25px; line-height:30px; font-size:20px }
    .whyBox ol li dl dt:after { bottom:-15px; left:calc(50% - 3px); width:6px; height:6px }
    .whyBox ol li dl dt.hover:before { bottom:-23px; left:calc(50% - 12px); width:22px; height:22px }
    .whyBox ol li dl dd + dd { margin-top:3px }
    .whyBox ol li dl dd img { width:60px; height:60px }
    .whyBox ol li dl dd button { line-height:20px; font-size:13px }
    .whyBox ol li dl dd button .nBlock { display:none }
    .whyCont .top { margin-bottom:20px; padding:0 0 10px }
    .whyCont .top p { padding-bottom:36px; max-height:114px; line-height:20px; font-size:13px }
    .whySwiperWrap { padding:0 60px }
    .whySwiperWrap .whySwiper .swiper-button-prev,
    .whySwiperWrap .whySwiper .swiper-button-next { width:30px; background-size:16px auto }
}

/* 숭사人STORY */
.videoList {padding-top:40px}
.videoList .thumb {display:block}
.videoList .thumb .imgBox img {width:100%; height:100%; object-fit:cover}
.videoList .thumb + .imgList01 {margin-top:40px; padding-top:40px; border-top:2px solid #000}
.videoList .thumbSwiper {position:relative; overflow:hidden}
.videoList .thumbSwiper .swiper-button-prev,
.videoList .thumbSwiper .swiper-button-next {position:absolute; top:50%; width:60px; height:60px; background:no-repeat center; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.videoList .thumbSwiper .swiper-button-prev {left:60px; background-image:url('../images/sub07/ico-swiper-prev.png')}
.videoList .thumbSwiper .swiper-button-next {right:60px; background-image:url('../images/sub07/ico-swiper-next.png')}
.videoList .thumbSwiper .swiper-button-prev.swiper-button-disabled {background-image:url('../images/sub07/ico-swiper-prev-disabled.png')}
.videoList .thumbSwiper .swiper-button-next.swiper-button-disabled {background-image:url('../images/sub07/ico-swiper-next-disabled.png')}
.videoList .thumbSwiper + .imgList01 {margin-top:40px; padding-top:40px; border-top:2px solid #000}
.videoSelect {margin-top:40px; border-bottom:1px solid #ddd}
/* .videoTit {padding-bottom:40px} */
.videoTit p {line-height:54px; letter-spacing:-0.05em; font-size:36px; font-weight:700; color:#000}
.videoTit span {display:block; margin-top:16px; line-height:28px; letter-spacing:-0.025em; font-size:18px; color:#555}
.videoSelect ul {display:flex; flex-wrap:wrap; margin:20px -20px}
.videoSelect ul li {margin:20px; max-width:calc(33.333% - 40px); min-width:calc(33.333% - 40px)}
.videoSelect ul li a {display:block}
@media (max-width:1160px) {
    .videoList  {padding-top:30px}
    .videoList .thumbSwiper .swiper-button-prev,
    .videoList .thumbSwiper .swiper-button-next {width:50px; height:50px; background-size:50px auto}
    .videoList .thumbSwiper .swiper-button-prev {left:40px}
    .videoList .thumbSwiper .swiper-button-next {right:40px}
    .videoSelect {margin-top:30px}
    .videoTit {padding-bottom:30px}
    .videoTit p {line-height:38px; font-size:25px}
    .videoTit span {margin-top:10px; line-height:24px; font-size:16px}
    .videoSelect ul {margin:10px -10px}
    .videoSelect ul li {margin:10px; max-width:calc(33.333% - 20px); min-width:calc(33.333% - 20px)}
}
@media (max-width:767px) {
    .videoList {padding-top:20px}
    .videoList .thumbSwiper .swiper-button-prev,
    .videoList .thumbSwiper .swiper-button-next {width:24px; height:24px; background-size:24px auto}
    .videoList .thumbSwiper .swiper-button-prev {left:10px}
    .videoList .thumbSwiper .swiper-button-next {right:10px}
    .videoSelect {margin-top:15px}
    .videoTit {padding-bottom:20px; text-align:center}
    .videoTit p {line-height:22px; font-size:14px}
    .videoTit span {margin-top:3px; line-height:20px; font-size:13px}
    .videoSelect ul {margin:5px 0}
    .videoSelect ul li {margin:15px 0; max-width:100%; min-width:100%}
}

/* 소셜스토리 */
.socialStory {border-top:2px solid #000}
.socialStory ul {display:flex; flex-wrap:wrap; margin:40px -20px -20px}
.socialStory ul li {margin:20px; max-width:calc(50% - 40px); min-width:calc(50% - 40px)}
.socialStory ul li a {display:flex; align-items:center; justify-content:center; border:1px solid #ddd; border-radius:5px; height:200px; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s}
.socialStory ul li a strong {display:flex; align-items:center; width:440px; height:100%; letter-spacing:-0.025em; font-size:32px; font-weight:700; color:#000; background:no-repeat center right/122px auto; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s}
.socialStory ul li a strong br {display:none}
.socialStory ul li:nth-child(1) a strong {background-image:url("../images/sub07/ico0101.png")}
.socialStory ul li:nth-child(2) a strong {background-image:url("../images/sub07/ico0102.png")}
.socialStory ul li:nth-child(3) a strong {background-image:url("../images/sub07/ico0103.png")}
.socialStory ul li:nth-child(4) a strong {background-image:url("../images/sub07/ico0104.png")}
.socialStory ul li a:hover {border-color:#009bcd}
.socialStory ul li a:hover strong {color:#009bcd}
.socialStory ul li:nth-child(1) a:hover strong {background-image:url("../images/sub07/ico0101-on.png")}
.socialStory ul li:nth-child(2) a:hover strong {background-image:url("../images/sub07/ico0102-on.png")}
.socialStory ul li:nth-child(3) a:hover strong {background-image:url("../images/sub07/ico0103-on.png")}
.socialStory ul li:nth-child(4) a:hover strong {background-image:url("../images/sub07/ico0104-on.png")}
@media (max-width:1160px) {
    .socialStory ul {margin-top:20px}
    .socialStory ul li a {height:160px}
    .socialStory ul li a strong {width:285px; font-size:24px; background-size:90px auto}
}
@media (max-width:767px) {
    .socialStory ul {margin:10px -10px -10px}
    .socialStory ul li {margin:10px; max-width:calc(50% - 20px); min-width:calc(50% - 20px)}
    .socialStory ul li a {height:172px}
    .socialStory ul li a strong {display:block; width:100%; height:115px; text-align:center; line-height:23px; font-size:16px; background-position:center bottom; background-size:60px auto}
    .socialStory ul li a strong br {display:block}
}

/*>>>>>>>>>> 장학안내 <<<<<<<<<<*/
/* 나에게 맞는 장학찾기 */
.typeSearch .typeSearchResult {margin:40px 0 0}
.typeSearch .typeSearchResult dl {display:flex; align-items:flex-start}
.typeSearch .typeSearchResult dl + dl {margin-top:34px}
.typeSearch .typeSearchResult dt, .typeSearch .typeSearchResult dd {letter-spacing:-0.025em; font-size:20px}
.typeSearch .typeSearchResult dt {margin-right:25px; color:#555}
.typeSearch .typeSearchResult dd {font-weight:500}
.typeSearch .typeSearchResult dd .btnMore {margin-left:20px}
.typeSearch .typeSearchResult dd .btnMore span {padding-right:20px; background:url(../images/btn-more.png) no-repeat right center}
.typeSearch .typePrice {display:flex; align-items:center; justify-content:center; margin-top:50px; padding:25px; background-color:#f5fbff}
.typeSearch .typePrice p {display:flex; flex-direction:column; align-items:center; letter-spacing:-0.025em; font-size:30px; font-weight:500}
.typeSearch .typePrice p.cBlue {margin-right:56px; font-weight:700}
.typeSearch .typePrice p.totalPrice {font-weight:700}
.typeSearch .typePrice p button,
.typeSearch .typePrice p span {margin-top:10px}
.typeSearch .typePrice p.contact {flex-direction:row}
.typeSearch .typePrice .contact + .contact {margin-left:40px}
.typeSearch .typePrice .contact span {flex-shrink:inherit; margin:0 20px 0 0; width:inherit; text-indent:inherit; color:#555}
.typeSearch .typePrice > span {flex-shrink:0; margin:0 35px; width:16px; text-indent:-9999px; color:transparent}
.typeSearch .typePrice .minus {background:url(../images/sub01/ico-minus.png) no-repeat center}
.typeSearch .typePrice .equal {background:url(../images/sub01/ico-equal.png) no-repeat center}
.typeSearch .typePrice .plus {background:url(../images/sub01/ico-plus.png) no-repeat center}
.typeSearch .typePrice + .typeCaption {margin-top:30px}
@media (max-width:1160px){
    .typeSearch .typeSearchResult dt, .typeSearch .typeSearchResult dd {font-size:18px}
    .typeSearch .typeSearchResult dd .btnMore {margin-left:15px}
    .typeSearch .typePrice p {font-size:20px}
    .typeSearch .typePrice p.cBlue {margin-right:30px}
    .typeSearch .typePrice .contact + .contact {margin-left:20px}
    .typeSearch .typePrice .contact span {margin:0 10px 0 0}
    .typeSearch .typePrice > span {margin:0 20px}
}
@media (max-width:767px){
    .typeSearch .typeSearchResult {margin:20px 0 0}
    .typeSearch .typeSearchResult dl + dl {margin-top:17px}
    .typeSearch .typeSearchResult dt, .typeSearch .typeSearchResult dd {font-size:13px}
    .typeSearch .typeSearchResult dd .btnMore {display:table; margin:8px 0 0; line-height:23px; font-size:12px}
    .typeSearch .typeSearchResult dd .btnMore span {padding-right:13px; background-size:8px auto}
    .typeSearch .typePrice {flex-direction:column; margin-top:25px; padding:20px 0 30px; text-align:center}
    .typeSearch .typePrice p {font-size:17px}
    .typeSearch .typePrice p.cBlue {margin:0 0 15px}
    .typeSearch .typePrice p.totalPrice {font-size:20px}
    .typeSearch .typePrice p button,
    .typeSearch .typePrice p span {line-height:23px; font-size:12px}
    .typeSearch .typePrice .contact + .contact {margin:15px 0 0}
    .typeSearch .typePrice + .typeCaption {margin-top:15px}
    .typeSearch .typePrice > span{margin:15px auto}
}

/*>>>>>>>>>> 나의지원관리 <<<<<<<<<<*/
/* 입학원서작성/관리 */
.accodion {border-top:2px solid #000}
.accodion > ul > li {border-bottom:1px solid #ddd}
.accodion .accoClick {display:flex; align-items:center; justify-content:space-between; padding:20px 30px}
.accodion .accoClick .checkbox input[type=checkbox] + label {color:#555}
.accodion .accoClick .checkbox input[type=checkbox] + label.on {color:#000}
.accodion .accoClick .btn.on {border-color:#555; color:#fff; background:#555}
.accodion .accoBox {display:none}
.accodion .accoBox > div {padding:0 30px 20px}
.accodion .accoBox > div .colTable {margin:15px 0}
.accodion .accoBox > div p + p {margin-top:10px}
.application {margin-top:60px}
.application br {display:none}
.application br.block {display:block}
.application p {margin-bottom:30px; text-align:center; line-height:30px; letter-spacing:-0.025em; font-size:18px; color:#009bcb}
.application .grayBox {padding:26px; text-align:center; line-height:32px; letter-spacing:-0.025em; font-size:24px; color:#000; background:#f6f6f6}
.application .grayBox strong {display:block; font-weight:500}
.application .grayBox span {display:block; margin-top:10px}
.formResult {border-top:2px solid #000; text-align:center}
.formResult p {margin:52px 0 34px; line-height:40px; letter-spacing:-0.025em; font-size:24px; font-weight:500; color:#000}
.formResult p span {color:#f16027}
.formResult p br {display:none}
.formResult p br.block {display:block}
.formResult strong {display:block; padding:20px 0; line-height:46px; letter-spacing:-0.025em; font-size:30px; font-weight:400; color:#000; background:#f5fbff}
.formResult strong br {display:none}
.formResult strong b {font-weight:700; color:#009bcb}
.multiLine .inBtn {display:flex; align-items:center; justify-content:space-between}
.loading {position:fixed; top:0; left:0; z-index:1005; width:100%; height:100%; background:rgba(0,0,0,.2)}
.loading span {position:absolute; top:50%; left:50%; width:80px; height:80px; text-indent:-9999px; background:url("../images/ico-loading.gif") no-repeat center/100% auto; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%)}
.stamp {display:flex; align-items:center; justify-content:center; gap:20px; margin-top:34px}
.stamp p {position:relative; width:374px; height:34px; text-indent:-9999px; background:url("../images/sub08/img-logo.png") no-repeat center left/100% auto}
.stamp p:before {content:""; position:absolute; top:calc(50% - 38px); right:-50px; width:78px; height:77px; background:url("../images/sub08/img-stamp.png") no-repeat center right/100% auto}
/* .stamp span {display:inline-block; width:75px; height:75px; text-indent:-9999px; background:url("../images/sub08/img-stamp.png") no-repeat center/100% auto} */
@media (max-width:1160px) {
    .accodion .accoClick {padding:20px 10px}
    .accodion .accoBox > div {padding:0 10px 20px}
    .application {margin-top:45px}
    .application p {margin-bottom:22px; line-height:28px; font-size:16px}
    .application .grayBox {padding:18px; line-height:26px; font-size:20px}
    .formResult p {margin:40px 0; line-height:30px; font-size:18px}
    .formResult strong {font-size:24px}
    .loading span {width:72px; height:72px}
    .stamp p {width:280px; height:26px}
    .stamp p:before {top:calc(50% - 30px); right:-39px; width:60px; height:60px}
    /* .stamp span {width:56px; height:56px} */
}
@media (max-width:767px) {
    .accodion .accoClick {padding:16px 0}
    .accodion .accoClick .btn {flex-shrink:0; margin-left:5px}
    .accodion .accoBox > div {padding:0 0 6px}
    .accodion .accoBox > div .colTable {margin:10px 0}
    .accodion .accoBox > div p + p {margin-top:6px}
    .application {margin-top:30px}
    .application br {display:block}
    .application p {margin-bottom:15px; line-height:20px; font-size:13px}
    .application .grayBox {padding:10px; line-height:22px; font-size:14px}
    .formResult p {margin:26px 0; line-height:20px; font-size:13px}
    .formResult p span {display:block}
    .formResult p br {display:block}
    .formResult strong {padding:10px 0; line-height:26px; font-size:18px}
    .formResult strong br {display:block}
    .loading span {width:64px; height:64px}
    .stamp {gap:10px; margin-top:17px}
    .stamp p {width:187px; height:17px}
    .stamp p:before {top:calc(50% - 20px); right:-27px; width:41px; height:40px}
    /* .stamp span {width:38px; height:38px} */
}

/* 학업계획서/적성검사 작성 */
.myInfo {display:flex; align-items:center; justify-content:center; margin-bottom:60px; padding:32px 0; background:#f5fbff}
.myInfo strong {display:block; margin-right:40px; line-height:75px; letter-spacing:-0.05em; font-size:50px; font-weight:500; color:#009bcb}
.myInfo p {line-height:34px; letter-spacing:-0.05em; font-size:24px; font-weight:500; color:#000}
.myInfo p span {color:#767676}
.studyplanList li {padding-bottom:30px; border-bottom:1px solid #ddd}
.studyplanList li + li {margin-top:30px}
.studyplanList li:last-child {border-bottom:2px solid #000}
.studyplanList strong {display:block; line-height:36px; letter-spacing:-0.05em; font-size:24px; font-weight:500; color:#000}
.studyplanList p {position:relative; margin:16px 0 12px; padding-left:16px; line-height:32px; letter-spacing:-0.05em; font-size:18px; color:#555}
.studyplanList p:before {display:block; content:""; position:absolute; top:13px; left:0; border-radius:50%; width:6px; height:6px; background:#009bcd}
.studyplanList span {display:block; margin-top:15px; line-height:26px; letter-spacing:-0.05em; font-size:16px; color:#767676}
.studyplanList span b {font-weight:500; color:#000}
.bottomInfo {margin-top:60px; text-align:center; line-height:46px; letter-spacing:-0.025em; font-size:30px; font-weight:500; color:#000}
.testInfo p {padding:42px 0; border-top:2px solid #000; border-bottom:1px solid #ddd; text-align:center; line-height:54px; letter-spacing:-0.05em; font-size:36px; font-weight:500; color:#000; background:#f5fbff}
.testInfo p br {display:none}
.testInfo p strong {font-weight:700; color:#009bcb}
@media (max-width:1160px) {
    .myInfo {margin-bottom:45px; padding:28px 0}
    .myInfo strong {margin-right:24px; line-height:58px; font-size:38px}
    .myInfo p {line-height:25px; font-size:18px}
    .studyplanList strong {line-height:28px; font-size:18px}
    .studyplanList p {margin:12px 0; line-height:28px; font-size:16px}
    .studyplanList p:before {top:11px}
    .studyplanList span {margin-top:12px; line-height:22px; font-size:14px}
    .bottomInfo {margin-top:45px; line-height:33px; font-size:22px}
    .testInfo p {padding:34px 0; line-height:40px; font-size:26px}
}
@media (max-width:767px) {
    .myInfo {flex-direction:column; margin-bottom:30px; padding:25px 0}
    .myInfo strong {margin:0 0 8px; line-height:40px; font-size:26px}
    .myInfo p {line-height:17px; font-size:13px}
    .studyplanList li {padding-bottom:20px}
    .studyplanList li + li {margin-top:20px}
    .studyplanList strong {line-height:20px; font-size:13px}
    .studyplanList p {margin:8px 0; padding-left:9px; line-height:16px; font-size:13px}
    .studyplanList p:before {top:6px; width:4px; height:4px}
    .studyplanList span {margin-top:8px; line-height:16px; font-size:13px}
    .bottomInfo {margin-top:30px; line-height:23px; font-size:15px}
    .testInfo p {padding:21px 0; line-height:23px; font-size:15px}
    .testInfo p br {display:block}
}

/* 제출서류접수/확인 */
.fileDel {margin-top:40px}
.fileDel ul li {display:flex}
.fileDel ul li + li {margin-top:10px}
.fileDel ul li p {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 96px); line-height:30px; letter-spacing:-0.025em; font-size:16px; color:#000}
.fileDel ul li .btnDel {margin-right:16px}
.inFile {display:flex; align-items:center}
.inFile label {flex-shrink:0; position:relative; margin-right:10px; cursor:pointer}
.inFile input {position:absolute; top:0; right:0; z-index:-1; border-radius:30px; width:78px; height:28px}
.inFile .fileTxt {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px; font-size:16px; color:#555}
.inFile .inFileDel {margin-right:10px; min-width:53px}
.inFile.focus {outline:2px solid #000}
.inFile.v2.drop {flex-direction:column; align-items:flex-start}
.inFile.v2.drop label {margin:0 0 10px}
.inFile.v2.drop .fileTxt + .fileTxt {margin-top:10px}
@media (max-width:1160px) {
    .fileDel {margin-top:20px}
    .fileDel ul li p {width:calc(100% - 90px); font-size:14px}
    .fileDel ul li .btnDel {margin-right:10px}
}
@media (max-width:767px) {
    .fileDel {margin-top:0}
    .fileDel ul li p {width:calc(100% - 80px); font-size:13px}
    .inFile input {width:70px}
    .inFile .fileTxt {font-size:13px}
}

/* 장학신청 */
.privacyBox * {display:block; line-height:32px; letter-spacing:-0.025em; font-size:18px; color:#555}
.privacyBox > p {margin-bottom:18px}
.privacyBox > ol > li + li {margin-top:16px}
.privacyBox > ol > li strong {margin-bottom:5px; color:#000}
@media (max-width:1160px) {
    .privacyBox * {line-height:28px; font-size:16px}
    .privacyBox > p {margin-bottom:12px}
    .privacyBox > ol > li + li {margin-top:12px}
    .privacyBox > ol > li strong {margin-bottom:4px}
}
@media (max-width:767px) {
    .privacyBox * {line-height:20px; font-size:13px}
    .privacyBox > p {margin-bottom:7px}
    .privacyBox > ol > li + li {margin-top:7px}
    .privacyBox > ol > li strong {margin-bottom:3px}
}

/* 합격자조회 */
.passerBox {display:flex; align-items:end; justify-content:space-between; margin-bottom:60px; padding:0 10.7%; border:2px solid #000}
.passerBox .passerTxt {display:flex; flex-direction:column; padding:70px 0}
.passerBox .passerTxt strong {display:inline-block; margin-bottom:23px; line-height:50px; letter-spacing:-0.025em; font-size:36px; font-weight:700; color:#000}
.passerBox .passerTxt p {margin-bottom:52px; line-height:40px; letter-spacing:-0.025em; font-size:24px; color:#000}
.passerBox .passerTxt p .cOrng {display:inline-block; padding-top:25px; font-weight:500}
.passerBox .passerTxt .signBox {display:flex; align-items:end}
.passerBox .passerTxt .signBox span {display:inline-block; margin-right:14px; line-height:47px; letter-spacing:-0.025em; font-size:22px; font-weight:500; color:#000}
.passerBox .passerTxt .signBox em {display:inline-block; width:130px; height:67px; text-indent:-9999px; background:url("../images/sub08/img-sign.png") no-repeat center right/100% auto}
.passerBox img {margin-left:50px}
.fail {padding:88px 0 78px; border-top:2px solid #000; border-bottom:1px solid #ddd; text-align:center; background:#f4f5f6}
.fail p {position:relative; padding-top:88px; line-height:1.6; letter-spacing:-0.05em; font-size:36px; font-weight:700; color:#000}
.fail p:before {display:block; content:""; position:absolute; top:0; left:calc(50% - 30px); width:60px; height:60px; background:url("../images/sub08/ico-imprt.png") no-repeat center top/100% auto}
.fail span {display:block; margin-top:10px; line-height:1.6; letter-spacing:-0.05em; font-size:24px; color:#000}
.pass {position:relative; height:100vh}
.pass:before {display:block; content:""; position:absolute; top:0; left:0; z-index:-5; width:100%; height:100%; background:url("../images/sub08/img-pass.png") no-repeat center/cover}
.pass .infoTable {display:inline-block; position:absolute; top:33%; right:14%}
.pass .infoTable table th,
.pass .infoTable table td {padding:2px 0; line-height:1.6; letter-spacing:0.02em; font-size:14px; font-weight:500; color:#000}
.pass .infoTable table th {display:flex; justify-content:space-between}
.pass .infoTable table td {padding-left:5px}
.pass .infoTable table td p {display:inline-block; padding-left:10px}
.pass > p {position:absolute; bottom:34%; left:50%; width:100%; text-align:center; line-height:2.6; letter-spacing:0.02em; font-size:17px; font-weight:500; color:#000; transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0)}
.pass span {display:block; position:absolute; bottom:26%; left:50%; width:100%; text-align:center; letter-spacing:0.02em; font-size:17px; font-weight:500; color:#000; transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0)}
@media (max-width:1160px) {
    .passerBox {padding:0 50px}
    .passerBox .passerTxt {padding:35px 0}
    .passerBox .passerTxt strong {line-height:38px; font-size:28px}
    .passerBox .passerTxt p {line-height:34px; font-size:20px}
    .passerBox .passerTxt .signBox span {line-height:38px; font-size:18px}
    .passerBox .passerTxt .signBox em {width:98px; height:50px}
    .passerBox img {margin-left:25px; width:219px}
    .fail {padding:60px 0}
    .fail p {padding-top:70px; font-size:28px}
    .fail p:before {left:calc(50% - 25px); width:50px; height:50px}
    .fail span {font-size:20px}
}
@media (max-width:767px) {
    .passerBox {flex-direction:column; margin-bottom:30px; padding:26px 15px 0}
    .passerBox .passerTxt {padding:0}
    .passerBox .passerTxt strong {margin-bottom:10px; line-height:25px; font-size:18px}
    .passerBox .passerTxt p {margin-bottom:25px; line-height:25px; font-size:16px}
    .passerBox .passerTxt p .cOrng {padding-top:10px}
    .passerBox .passerTxt .signBox span {margin-right:7px; line-height:28px; font-size:15px}
    .passerBox .passerTxt .signBox em {width:65px; height:34px}
    .passerBox img {margin:10px auto 0; width:146px; height:auto}
    .fail {padding:40px 0 35px}
    .fail p {padding-top:54px; font-size:18px}
    .fail p:before {left:calc(50% - 20px); width:40px; height:40px}
    .fail span {margin-top:0; font-size:14px}
}
@media print {
    .pass .infoTable table th,
    .pass .infoTable table td {padding:10px 0; font-size:25px}
    .pass > p,
    .pass span {font-size:32px}
}

/* 합격자등록 */
.noPay {display:flex; align-items:center; justify-content:center; margin:60px auto; min-height:200px; background-color:#f9f9f9}
.noPay p {line-height:34px; letter-spacing:-0.05em; font-size:24px; font-weight:500; color:#000}
.reducedRow span {display:inline-block; min-width:155px}
.reducedRow.jcSB li {display:flex; justify-content:space-between}
.bottomInfo .fontB {margin-bottom:5px}
.bottomInfo .desc {font-size:24px}
@media (max-width:1160px) {
    .noPay {margin:40px auto}
    .noPay p {font-size:20px}
    .reducedRow span {min-width:135px}
    .bottomInfo .desc {font-size:20px}
}
@media (max-width:767px) {
    .noPay {margin:20px auto; min-height:125px}
    .noPay p {font-size:13px}
    .reducedRow span {min-width:110px}
    .bottomInfo .desc {line-height:18px; font-size:14px}
}

/* 수강안내 */
.downloadBox {display:flex; margin:0 -5px}
.downloadBox > div {margin:0 5px; max-width:calc(20% - 10px); min-width:calc(20% - 10px)}
.downloadBox > div p {display:block; border:1px solid #0f6298; border-top-left-radius:5px; border-top-right-radius:5px; text-align:center; line-height:58px; letter-spacing:-0.05em; font-size:20px; font-weight:500; color:#fff; background:#0f6298}
.downloadBox > div ul {border:1px solid #ddd; border-top:none; border-bottom-left-radius:5px; border-bottom-right-radius:5px; height:calc(100% - 60px)}
.downloadBox > div ul li {display:flex; align-items:center; justify-content:space-between; padding:0 20px; line-height:70px; letter-spacing:-0.05em; font-size:18px; color:#555}
.infoBox > p {position:relative; margin-bottom:74px; padding:52px 0; text-align:center; line-height:36px; letter-spacing:-0.025em; font-size:24px; font-weight:500; color:#000; background:#f5fbff}
.infoBox > p:before {display:block; content:""; position:absolute; bottom:-44px; left:calc(50% - 13px); width:26px; height:16px; background:url("../images/sub08/ico-arrow.png") no-repeat center/100% auto}
.infoBox > p br {display:none}
.infoBox .stepList {margin:0 12.9% 60px}
.btnBottom + .colorBox {margin-top:60px}
.colorBox + .colorBox {margin-top:30px}
.colorBox {padding:52px 30px; background:#f9f9f9}
.colorBox.blue {background:#f5fbff}
.colorBox > p {text-align:center; line-height:36px; letter-spacing:-0.05em; font-size:24px; font-weight:500; color:#000}
.colorBox > p br {display:none}
.colorBox > p .block {display:block}
.colorBox > span {display:block; margin-top:10px; text-align:center; line-height:36px; letter-spacing:-0.05em; font-size:24px; color:#000}
.colorBox .checkboxWrap {margin-top:26px; text-align:center}
.colorBox .dtList {position:relative; margin-top:60px; padding:0 30px}
.colorBox .dtList:before {display:block; content:""; position:absolute; top:-30px; left:0; width:100%; height:1px; background:#ddd}
.skdSearch {display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd}
.skdSearch select {width:250px !important}
.skdSearch .moreSelect {display:flex; flex-wrap:wrap; gap:10px; position:relative; padding-right:80px}
.skdSearch .moreSelect .btnOrg {position:absolute; top:0; right:0; min-width:80px}
@media (max-width:1160px) {
    .downloadBox {flex-wrap:wrap; margin:-5px}
    .downloadBox > div {flex:1 1 30%; margin:5px; max-width:inherit; min-width:inherit}
    .downloadBox > div a {line-height:48px; font-size:18px}
    .downloadBox > div ul {height:calc(100% - 50px)}
    .downloadBox > div ul li {line-height:48px; font-size:16px}
    .infoBox > p  {padding:38px 0; line-height:30px; font-size:20px}
    .infoBox .stepList {margin:0 12.9% 45px}
    .btnBottom + .colorBox {margin-top:45px}
    .colorBox {padding:38px 30px}
    .colorBox > p {line-height:28px; font-size:18px}
    .colorBox > span {line-height:28px; font-size:18px}
    .colorBox .dtList {margin-top:44px; padding:0 15px}
    .colorBox .dtList:before {top:-22px}
}
@media (min-width:768px) {
    .downloadBox > div a:focus {outline:none}
    .downloadBox > div ul {display:block !important}
}
@media (max-width:767px) {
    .downloadBox {flex-direction:column; margin:-8px 0}
    .downloadBox > div {margin:8px 0; max-width:100%; min-width:100%}
    .downloadBox > div a {line-height:43px; font-size:16px; background:#0f6298 url("../images/sub08/bl-arrow-down.png") no-repeat center right 15px/17px auto}
    .downloadBox > div a.on {background-image:url("../images/sub08/bl-arrow-up.png")}
    .downloadBox > div ul {display:none}
    .downloadBox > div ul li {padding:0 15px; line-height:42px; font-size:14px}
    .downloadBox > div ul li .btnDown {background-position:center right}
    .infoBox > p {margin-bottom:40px; padding:25px 0; line-height:20px; font-size:16px}
    .infoBox > p:before {bottom:-25px; left:calc(50% - 8px); width:17px; height:10px}
    .infoBox > p br {display:block}
    .infoBox .stepList {margin:-22px 0 8px}
    .infoBox .stepList li {margin:22px 0; max-width:100%; min-width:100%}
    .infoBox .stepList li + li:before {top:-50%; left:50%; border-left:1px dotted #ccc; width:inherit; height:100%}
    .infoBox .stepList li + li:after {top:-25%; left:0; width:100%; height:18px}
    .infoBox .stepList li:nth-child(odd):before {display:block}
    .infoBox .stepList li:nth-child(odd):after {display:block}
    .btnBottom + .colorBox {margin-top:30px}
    .colorBox + .colorBox {margin-top:15px}
    .colorBox {padding:25px 15px}
    .colorBox > p {line-height:20px; font-size:13px}
    .colorBox > p br {display:block}
    .colorBox > span {margin-top:2px; line-height:20px; font-size:13px}
    .colorBox .dtList {margin-top:30px}
    .colorBox .dtList:before {top:-15px}
    .skdSearch {flex-direction:column}
    .skdSearch p {width:100%}
    .skdSearch select {width:100% !important}
    .skdSearch .moreSelect {padding-right:0}
    .skdSearch .moreSelect p:nth-child(2) {padding-right:80px}
    .skdSearch .moreSelect .btnOrg {top:inherit; bottom:0}
}

/* 등록안내 */
.lineTable {overflow-x:auto; margin-bottom:50px; border-top:2px solid #000}
.lineTable table {table-layout:fixed}
.lineTable table tr.bgGray {background:#f4f5f6}
.lineTable table th,
.lineTable table td {padding:15px 30px; border-bottom:1px solid #ddd; text-align:center; line-height:28px; letter-spacing:-0.05em; font-size:18px; color:#555}
.lineTable table th {border-right:1px solid #ddd; border-left:1px solid #ddd; font-weight:500; color:#000}
.lineTable table th:first-child {border-left:none}
.lineTable table tr.bgGray td {font-weight:500; color:#000}
.lineTable table tr.bgBlue {background-color:#f5fbff}
.lineTable table tr.bgBlue td {font-weight:500; color:#000}
.lineTable table th.bgGray {background:#f4f5f6}
@media (max-width:1160px) {
    .lineTable {margin-bottom:40px}
    .lineTable table th,
    .lineTable table td {padding:13px 30px; line-height:24px; font-size:16px}
}
@media (max-width:767px) {
    .lineTable {margin-bottom:30px}
    .lineTable table th,
    .lineTable table td {padding:9px 15px; line-height:22px; font-size:14px}
}

/* 에러페이지 */
.error {display:flex; flex-direction:column; align-items:center; padding-top:60px}
.error .hide {display:none}
.error strong {display:block; margin:30px 0 20px; line-height:54px; font-size:36px; font-weight:700; color:#000}
.error p {text-align:center; line-height:36px; font-size:20px; color:#555}
.error br {display:none}
@media (max-width:1160px) {
    .error {padding-top:45px}
    .error img {width:60%}
    .error strong {line-height:40px; font-size:26px}
    .error p {line-height:24px; font-size:16px}
}
@media (max-width:767px) {
    .error {padding-top:30px}
    .error strong {margin:15px 0 10px; line-height:24px; font-size:16px}
    .error p {line-height:20px; font-size:13px}
    .error br {display:block}
}

/* 2023-10-20 */
.subTitArea + .colTable.v2 {margin-top:30px}
.subTitArea h4.disBlock {display:block}
.subTitArea h4.disBlock span {font-weight:500}
.colTable table tfoot {background-color:#F4F5F6}
.colTable table tfoot ul {display:flex; justify-content:center}
.colTable table tfoot ul li + li {position:relative; margin-left:10px; padding-left:10px}
.colTable table tfoot ul li + li:before {display:block; content:"/"; position:absolute; top:0; left:-2px; color:#555}
.colTable table tfoot ul li strong {font-weight:500}
.mT0 {margin-top:0 !important}
.searchList {display:flex; margin:20px 0}
.searchList > ul {display:flex; flex-wrap:wrap; flex:1; margin:0 -10px}
.searchList > ul > li {display:flex; align-items:center; margin:0 10px; min-width:calc(33.333% - 20px); max-width:calc(33.333% - 20px)}
.searchList > ul > li > p {flex-shrink:0; width:80px; font-size:18px; font-weight:700; color:#000}
.searchList > ul > li > p + div {width:100%}
.searchList > ul > li > p + div > * {width:100%}
.searchList .btn {min-width:80px}
.searchList.widthChange > ul > li > p {margin-right:10px; width:auto; min-width:70px}
.plusBtn {display:flex; justify-content:space-between; margin-bottom:20px}
.layerPop .privacyBox {margin-bottom:20px; padding:0; border-top:0}
.layerPop .privacyBox + .checkbox {margin-bottom:20px}
@media (max-width:1160px) {
    .subTitArea + .colTable.v2 {margin-bottom:20px}
    .searchList > ul {margin:0 -5px}
    .searchList > ul > li {margin:0 5px; min-width:calc(33.333% - 10px); max-width:calc(33.333% - 10px)}
    .searchList > ul > li > p {width:50px; font-size:16px}
}
@media (max-width:767px) {
    .subTitArea + .colTable.v2 {margin-bottom:15px}
    .searchList {position:relative}
    .searchList > ul {flex:inherit; margin:0; width:calc(100% - 60px)}
    .searchList > ul > li {margin:0; padding:4px 0; min-width:100%; max-width:100%}
    .searchList > ul > li > p {width:50px; font-size:13px}
    .searchList .btn {position:absolute; right:0; bottom:4px; min-width:60px}
    .plusBtn {margin-bottom:10px}
    .layerPop .privacyBox {margin-bottom:10px; padding:10px 0 0}
    .layerPop .privacyBox + .checkbox {margin-bottom:10px}
}

/* 강의 맛보기 */
.weekVideo strong {display:block; line-height:36px; font-size:24px; color:#000}
.weekVideo p {margin:8px 0; line-height:32px; font-size:18px; color:#000}
.weekVideo .videoArea {height:400px}
.weekVideo .videoArea iframe {width:100%; height:100%}
@media (max-width:1160px) {
    .weekVideo strong {line-height:30px; font-size:20px}
    .weekVideo p {line-height:28px; font-size:16px}
}
@media (max-width:767px) {
    .weekVideo strong {line-height:24px; font-size:16px}
    .weekVideo p {line-height:22px; font-size:13px}
    .weekVideo .videoArea {height:300px}
}

.txtBtn .btn {margin:20px 0}
@media (max-width:767px) {
    .txtBtn .btn {margin:10px 0}
}

.recruitBtnArea {
    text-align: center;
    margin: 35px 0;
}

.btnC_arrLineR {
    display: inline-block;
    width: auto;
    margin: 0 0 5px 0;
    box-sizing: border-box;
    padding: 0;
    background: #05548f;
    vertical-align: top;
}
.btnC_arrLineR:hover>span {
    color: #fff;
}
.btnC_arrLineR>span {
    display: block;
    width: auto;
    min-width: 160px;
    min-height: 44px;
    box-sizing: border-box;
    padding: 11px 45px 11px 20px;
    background: url(../img/common/ico_arrLineR_white.png) no-repeat right 13px center;
    color: #fff;
    font-family: 'Noto Sans KR';
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    letter-spacing: -1px;
}

.tableStyle {
    text-align:center;
}

.income_Calc ul li .top_circle p
Specificity: (0,2,3)
 {
    width: 100%;
    font-size: 1.25em;
    color: #f9f9f9;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
}

.income_Calc ul li .top_circle p {
    width: 100%;
    font-size: 16px;
    color: #f9f9f9;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
}

.income_Calc ul li .top_circle {
    width: 176px;
    height: 176px;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #3897d9;
    position: relative;
}
.income_Calc ul {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.contTit_line.noLine {
    padding-bottom: 0;
}

.Sub_Ass_Txt2:nth-child(n+2) {
    margin-top: 10px;
}

.Sub_Ass_Txt2 {
    font-size: 26px;
    line-height: 28px;
    letter-spacing: -0.5px;
    color: #666;
}
.top_img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #f1f2f7;
    display: inline-block;
    position: relative;
}
.next_list1.item4 ul li
Specificity: (0,2,2)
 {
    width: 25%;
}
.next_list1.item4 ul li {
    width: 25%;
}
.top_img bgV1 {
    background-image: url(/static/assets/images/nation1/national5_1.png);
    background-size: 100% 100%;
    background-position: center center;
}
.Sub_Ass_Txt2 {
    font-size: 26px;
    line-height: 28px;
    letter-spacing: -0.5px;
    color: #666;
}
.gra_wrap .no1 > span {
    border-radius: 50%;
    left: -1px;
    top: -1px;
    width: 47px;
    height: 47px;
    text-align: center;
    color: white;
    line-height: 46px;
    letter-spacing: -2px;
    position: absolute;
    background-color: #042a59;
}
.gra_wrap .no1 > span {
    border-radius: 50%;
    left: -1px;
    top: -1px;
    width: 47px;
    height: 47px;
    text-align: center;
    color: white;
    line-height: 46px;
    letter-spacing: -2px;
    position: absolute;
    background-color: #042a59;
}
.gra_wrap .no1 > span {
    border-radius: 50%;
    left: -1px;
    top: -1px;
    width: 47px;
    height: 47px;
    text-align: center;
    color: white;
    line-height: 46px;
    letter-spacing: -2px;
    position: absolute;
    background-color: #042a59;
}
.gra_wrap .no1 {
    border-radius: 25px;
    border: 3px solid rgb(4, 42, 89);
    border-image: none;
    width: 250px;
    height: 50px;
    text-align: right;
    line-height: 44px;
    padding-right: 20px;
    float: left;
    position: relative;
    box-sizing: border-box;
}
.gra_wrap {
    height: 50px;
    margin-top: 20px;
    position: relative;
}
.gra_wrap .cir {
    top: 50%;
    width: calc(200px / 3);
    height: 1px;
    float: left;
    position: relative;
    background-color: #042a59;
}
.gra_wrap .cir > span {
    left: 50%;
    top: -10px;
    color: #042a59;
    position: absolute;
    transform: translateX(-50%);
}
.curriculum_contact {
    padding: 40px 15px 40px 86px;
    background: #f1f2f7 url(../img/kor/curriculum/contact.png) no-repeat 30px center;
    font-size: 16px;
    color: #666;
}
.topScolarship_box ul > li + li:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 60px;
    background: #dbdfe2;
}