@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/kopubbatang.css);


/* 공통 */

/* BUTTON */
.btn_bg {background-color: #888; color: #fff; transition: all .25s ease; padding: 5px 10px;}
.btn_line {background-color: #fafafa; color: #737373; border: 1px solid #ddd; transition: all .25s ease; padding: 5px 10px;}

.btn_bg.md {min-width: 110px; height: 40px; font-size: 16px;}
.btn_bg.md2 {min-width: 150px; height: 55px; font-size: 17px; padding:0 20px;}
.btn_bg.lg {min-width: 210px; height: 70px; font-size: 20px;}
.btn_line.md {min-width: 110px; height: 40px; font-size: 16px;}

.btn_bg.blue {background-color: #004dad;}
.btn_bg.blue:hover,
.btn_bg.blue:focus {background-color: #113792;}
.btn_bg.blue2 {background-color: #1988e8;}
.btn_bg.blue2:hover,
.btn_bg.blue2:focus {background-color: #006fba;}
.btn_bg.green {background-color: #015252;}
.btn_bg.green:hover,
.btn_bg.green:focus {background-color: #013131;}
.btn_bg.gray {background-color: #c1c1c1;}
.btn_bg.gray:hover,
.btn_bg.gray:focus {background-color: #555;}

.btn_line:hover,
.btn_line:focus {background-color: #868686 ; border-color: #868686 ; color: #fff;}


.lg_btn_target {font-size: 16px; color:#fff; background: linear-gradient( 135deg, #0179e7 10%, #130CB7 100%); min-height: 55px; padding: 10px 20px; border-radius: 5px; transition: all .25s ease; position: relative; min-width: 120px;}
.lg_btn_target:hover,
.lg_btn_target:focus {text-decoration: underline;}

.btn_inline {padding: 5px 15px; background-color: #0097b2; color: #fff; border-color: #008aa3; border-radius: 10px; font-size: 14px; font-weight: 400; transition: all .25s ease;}
.btn_inline:hover {background-color: #005a70;}


/* INPUT */
.textarea_con {width: 100%; height: 300px; padding: 20px; border: 1px solid #ddd;}
.txt_nor {height: 42px; border: 1px solid #ddd; vertical-align: middle; font-size: 15px;}
.txt_join {height: 46px; border: 1px solid #ddd; vertical-align: middle; font-size: 15px;}
.out_reason_txt {border: 1px solid #eee;}
.btn_jo_sear {height: 42px; background:#888; color:#fff; width: 42px; font-size: 17px; margin-left: -4px; transition: all .25s ease;}
.btn_jo_sear:hover {background-color: #222;}


.txt_nor.w10 {width: 10%;}
.txt_nor.w20 {width: 20%;}
.txt_nor.w30 {width: 30%;}
.txt_nor.w40 {width: 40%;}
.txt_nor.w50 {width: 50%;}
.txt_nor.w70 {width: 70%;}
.txt_nor.w80 {width: 80%;}
.txt_nor.w100 {width: 100%;}
.txt_nor.search {}

.w10 {width: 10% !important; min-width: 50px;}
.w20 {width: 20% !important;}
.w30 {width: 30% !important;}
.w40 {width: 40% !important;}
.w50 {width: 50% !important;}
.w70 {width: 70% !important;}
.w80 {width: 80% !important;}
.w100 {width: 100% !important;}

/* CHECK BOX */
.join_check {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; border: none !important; vertical-align: middle;}
.join_check::-ms-check { display: none; }
.join_check + label {font-size: 18px; color: #222; position: relative; vertical-align: middle;}
.join_check + label span {display:inline-block; width: 26px; height: 26px; border-radius: 50%; background-color: #fff; border: 1px solid #ddd; vertical-align: middle; position: absolute; left: -32px; top: 10%; background-image: url('/resources/user/rep/img/icon/icon_checkJoin_gray.png'); background-repeat: no-repeat; background-position: center center;  vertical-align: middle;}
.join_check:checked + label {}
.join_check:checked + label span {border: 2px solid #1988e8; background-image: url('/resources/user/rep/img/icon/icon_checkJoin_blue.png');}

/* radio */
.radio_circle {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; border: none !important; vertical-align: middle;}
.radio_circle::-ms-check { display: none; }
.radio_circle + label {font-size: 16px; color: #222; vertical-align: middle;}
.radio_circle + label span {display: inline-block; width: 21px; height: 21px; border-radius: 50%; border: 1px solid #dbdbdb; vertical-align: middle; margin-left: -26px; margin-right: 10px; margin-top: -3px;}
.radio_circle:checked + label span {border: 5px solid #006fba;}



@media all and (max-width:1000px){
    /* BUTTON */
    .btn_bg.md {min-width: 90px; height: 35px; font-size: 13px;}
    .btn_bg.md2 {min-width: 90px; height: 45px; font-size: 14px; padding:0 10px;}
    .btn_bg.lg {min-width: 110px; height: 40px; font-size: 14px;}
    .btn_line.md {min-width: 90px; height: 35px; font-size: 13px;}
    .out_reason_txt {font-size: 13px;}
    .lg_btn_target {font-size: 14px; min-height: 45px; padding: 10px 15px; min-width: 90px;}
  
      .btn_inline {padding: 3px 10px; font-size: 13px;}

    /* INPUT */
    .textarea_con {height: 200px; padding: 15px; font-size: 13px;}
    .txt_nor {height: 35px; font-size: 13px;}
    .txt_join {height: 35px; font-size: 13px;}
    
    .btn_jo_sear {height: 35px; width: 35px; font-size: 14px;}

    .txt_nor.w20 {width: 40%;}
    .txt_nor.w30 {width: 30%;}
    .txt_nor.w40 {width: 100%;}
    .txt_nor.w50 {width: 100%;}
    .txt_nor.w70 {width: 100%;}
    .txt_nor.w80 {width: 100%;}
    
    .w10 {width: 20% !important;}
    .w20 {width: 40% !important;}
    .w30 {width: 30% !important;}
    .w40 {width: 100% !important;}
    .w50 {width: 100% !important;}
    .w70 {width: 100% !important;}
    .w80 {width: 100% !important;}
    .w100 {width: 100% !important;}

    .txt_nor.search {width: calc(100% - 35px) !important;}

    /* CHECK BOX */
    .join_check {width: 15px; height: 15px;}
    .join_check + label {font-size: 15px;}
    .join_check + label span {width: 20px; height: 20px; left: -25px; background-size: 11px;}
    .join_check:checked + label {}
    .join_check:checked + label span {}
    
    /* radio */
    .radio_circle {width: 15px; height: 15px; border: none !important; vertical-align: middle;}
    .radio_circle + label {font-size: 14px;}
    .radio_circle + label span {width: 15px; height: 15px; margin-left: -20px;}
}


/* 제목 내용 */
.h2_type_1 {font-size: 22px; font-weight: 500; color: #111; margin-bottom: 20px;}
.h2_type_2 {font-size: 17px; font-weight: 500; color: #111; margin-bottom: 10px;}

.h3_type_1 {padding-left: 15px; position: relative; font-size: 17px; font-weight: 500; color:#005e6f; margin-bottom: 10px;}
.h3_type_1::before {content: ""; display: block; width: 4px; height:18px; background-color: #005d6e; position: absolute; left: 0px; top: 3px;}

.line_bullet {padding-left: 25px; position: relative; font-size: 16px; font-weight: 400; color:#222; margin-bottom: 7px;}
.line_bullet::before {content: ""; display: block; width: 4px; height:14px; border-radius: 3px; background-color: #009292; position: absolute; left: 10px; top: 6px;}

.dot_bullet2 {padding-left: 25px; position: relative; font-size: 15px; font-weight: 300; color:#222; margin-bottom: 10px;}
.dot_bullet2::before {content: ""; display: block; width: 5px; height:5px; border-radius: 50%; background-color: #009292; position: absolute; left: 6px; top: 10px;}
.dot_bullet {padding-left: 25px; position: relative; font-size: 16px; font-weight: 400; color:#222; margin-bottom: 10px;}
.dot_bullet::before {content: ""; display: block; width: 5px; height:5px; border-radius: 50%; background-color: #009292; position: absolute; left: 6px; top: 10px;}

.txt01 {font-size: 16px;}

.sm_txt {font-size: 0.9em;}

.indent_txt {padding-left: 17px; text-indent: -17px; margin-top: 5px; font-size: 15px;}
.indent_txt:first-of-type {margin-top: 0px;}

.txt_indent > li {padding-left: 17px; text-indent: -17px; margin-top: 5px; line-height: 1.6;}
.txt_indent > li:first-of-type {margin-top: 0px;}

.sbj01 {margin-bottom: 10px; font-weight: 400;}

.receipt_title_01 {margin-bottom: 25px;}
.receipt_title_01 h2 {background-color: #edf7f7; padding: 15px 20px; font-size: 20px; color: #222; font-weight: 500;}
.receipt_title_01 h2::before {content: "\e90b"; font-family: 'xeicon'; margin-right: 15px; display: inline-block; vertical-align: middle; padding:1px 0 0px; background-color: #168c8c; color: #fff; border-radius: 50%; width: 25px; height: 25px; text-align: center; font-size: 14px; box-sizing: border-box;}

@media all and (max-width:1000px){
    .h2_type_1 {font-size: 18px; margin-bottom: 15px;}
    .h3_type_1 {padding-left: 18px; background-size: 20px; font-size: 17px; min-height: 20px; margin-bottom: 15px;}
    .h4_type_1 {padding-left: 18px; background-size: 12px; font-size: 15px; min-height: 20px; margin-bottom: 13px;}
    
    .txt01 {font-size: 14px;}
    
    .line_bullet {padding-left: 10px; font-size: 14px; margin-bottom: 5px;}
    .line_bullet::before {width: 3px; height:13px; left: 0px; top: 4px;}

    .dot_bullet {padding-left: 10px; font-size: 14px; margin-bottom: 6px;}
    .dot_bullet::before {width: 3px; height:3px; left: 0px; top: 10px;}
    
    .indent_txt {padding-left: 15px; text-indent: -15px; font-size: 13px;}
  
      .txt_indent > li {padding-left: 15px; text-indent: -15px; font-size: 13px;}

    .sbj01 {font-size: 14px;}

    .receipt_title_01 {margin-bottom: 20px;}
    .receipt_title_01 h2 {padding: 10px 15px; font-size: 16px;}
    .receipt_title_01 h2::before {margin-right: 7px; width: 20px; height: 20px; padding-top: 0px; font-size: 12px;}

    .txt_sm {font-size: 14px;}

}


/* 테이블 */
.table_box_in {width:100%;}
.tbl_subIn {width:100%; position:relative;}
.tbl_subIn::before {content:""; position:absolute; left:0; top:0; z-index: 10; width: 100%; height: 2px; background-color:#005e6f;}
.tbl_subIn::after {content:""; position:absolute; right:-1px; top:0; z-index: 10; width: 2px; height: 100%; background-color:#fff;}
/*.tbl_subIn th {background-color:#fafafa; font-weight: 500; color:#222; font-size: 15px; border: 1px solid #ddd; border-left: none; padding:15px 10px; text-align: center;}
.tbl_subIn td {color:#444; font-size: 15px; font-weight: 400; border: 1px solid #ddd; border-left: none; text-align: center; padding: 15px 10px;}*/

/* 23-03-20 테이블 테두리 수정 */
.tbl_subIn th {font-weight: 500; color:#222; font-size: 14px; border: 1px solid #333; border-top: 0px; border-left: none; padding:15px 10px; background-color: #fafafa;}
.tbl_subIn td {color:#444; font-size: 14px; font-weight: 400; border: 1px solid #333; border-left: none; text-align: center; padding: 15px 10px;}
/* 23-03-20 테이블 테두리 수정 끝*/

.tbl_subIn .violenceTd{font-weight:300; padding: 20px 10px; line-height: 32px;}
.tbl_subIn td.txtL {text-align:left; padding-left: 30px;}
.tbl_subIn td.bgGray {background-color: #fafafa;}
.tbl_subIn td .tbl_txt1 {line-height: 2.3;}

.tbl_subIn tbody tr:first-of-type td {border-top: none;}
.tbl_subIn tbody tr:first-of-type th {border-top: none;}

/* 학생 성희롱 성폭력 게시판 */
.violence_detail_top {display:flex; border-top: 2px solid #005e6f; background-color: #f9f9f9;border-bottom: 1px solid #dee0e3;padding:15px 18px;}
.violence_detail_top .info{float:left;}
.violence_detail_top .info font{font-size:15px; font-weight:400; color: #222;}
.violence_detail_top .info p{display: inline-block; padding: 0px 10px; font-weight: 300;color: #222; position: relative; font-size:15px; margin-left:5px;}
.violence_detail_top .info p::before{content: "";width: 2px;height: 15px;background-color: #757575;position: absolute;left: 1px;top: 4px;}



@media all and (max-width:560px){
    .table_box_in {width:100%; overflow: auto;}
    .table_box_in .tbl_subIn {width:600px;}
    .tbl_subIn th {font-size: 13px; padding:10px 5px;}
    .tbl_subIn td {font-size: 13px; padding: 10px 5px;}
    .tbl_subIn td.txtL {padding-left: 15px;}
}


/* 탭부분 */
.tab_normal_wrap {width: 100%; margin-bottom: 40px;}
.tab_noraml {width: 100%; display: flex; flex-wrap: wrap;}
.tab_noraml > li {flex-grow: 1; text-align: center; border: 1px solid #d0d0d0; margin: -1px 0 0 -1px;}
.tab_noraml > li > a {display: block; height: 100%; display: flex; justify-content: center; align-items: center; padding: 15px 5px; background-color:#fafafa; font-size: 18px; font-weight: 400; color: #666;}
.tab_noraml > li.active {border-top: 2px solid #009292; border-bottom-color:#fff;}
.tab_noraml > li.active a {background-color: #fff; color: #009292;}

.tab_squre_w {margin-bottom: 50px;}
.tab_squre_01 {width: 100%; display: flex; flex-wrap: wrap;}
.tab_squre_01 > li {margin: -1px 0 0 -1px; flex-grow: 1; flex-basis: 20%;}
.tab_squre_01 > li > a { display: block; border: 1px solid #e0e0e0; text-align: center; font-size: 15px; color: #222; padding: 18px 10px; font-weight: 400;}
.tab_squre_01 > li.active > a {border-color: #0097b2; background-color: #0097b2; color: #fff; font-weight: 400;}

@media all and (max-width:1000px){
    /* 탭부분 */
    .tab_normal_wrap {margin-bottom: 20px;}
    .tab_noraml > li {width: 50%;}
    .tab_noraml > li > a {padding: 10px 5px; font-size: 14px;}
  
      .tab_squre_w {margin-bottom: 30px;}
    .tab_squre_01 {}
    .tab_squre_01 > li {flex-basis: 50%; flex-grow: 0;}
    .tab_squre_01 > li > a {font-size: 14px; padding: 10px 5px;}
}

/******* 도지사 인사말 *******/
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.kopubbatang * {
 font-family: 'KoPub Batang', serif;
}
.dogi_greeting_top_box {width: 100%; display: flex;  align-items: flex-end; border-bottom: 2px solid #397fc7; background: url('/resources/user/rep/img/sub/img_greeting_top_bg.png') no-repeat right bottom; margin-top: 60px;}
.dogi_greeting_top_box .txt_box {margin-right: auto; padding-right: 10px;}
.dogi_greeting_top_box .txt_box h2 {margin-right: auto; padding-right: 10px; font-family: 'KoPub Batang', serif; font-size: 35px; color: #005a70; letter-spacing: -0.05em; line-height: 1.3; margin-bottom: 25px;}
.dogi_greeting_top_box .txt_box h5 {font-size: 17px; color: #666; font-weight: 400; margin-bottom: 50px;}
.dogi_greeting_top_box .txt_box .name_para {font-size: 20px; color: #1e212b; font-weight: 400; margin-bottom: 48px;}
.dogi_greeting_top_box .txt_box .name_para .name {font-family: 'InkLipquid'; font-size: 40px;}
.dogi_greeting_top_box .img_box {flex-shrink: 0;}

.dogi_greeting_bottom_box {padding: 65px 35px 60px; }
.dogi_greeting_bottom_box .con {font-size: 17px; font-weight: 400; color: #666; word-break: keep-all; text-align: justify; line-height: 1.6;}
.dogi_greeting_top_box .txt_box .name_para img {margin-left : 20px;}/*230807 */

@media all and (max-width:1000px){
    .dogi_greeting_top_box {margin-top: 30px;}
    .dogi_greeting_top_box .txt_box {padding-right: 0px;}
    .dogi_greeting_top_box .txt_box h2 {font-size: 20px; margin-bottom: 20px;}
    .dogi_greeting_top_box .txt_box h5 {font-size: 14px; margin-bottom: 30px;}
    .dogi_greeting_top_box .txt_box h5 br {display: none;}
    .dogi_greeting_top_box .txt_box .name_para {font-size: 15px; margin-bottom: 30px;}
    .dogi_greeting_top_box .txt_box .name_para .name {font-size: 30px;}
    .dogi_greeting_top_box .img_box {flex-shrink: 1;}
    
   .dogi_greeting_top_box .txt_box .name_para img {width: 25%; margin-left: 20px;} /*230807 */


    .dogi_greeting_bottom_box {padding: 35px 15px 30px; }
    .dogi_greeting_bottom_box .con {font-size: 14px; word-break: break-all;}

}

/******* 총장 인사말  *******/
.dogi_greeting_top_box .txt_box h2.kopubbatang.ko02 {color:#1e212b;}
.dogi_greeting_top_box .txt_box h2.kopubbatang.ko02 .blue_color {color:#0e69c7;}

.name_para {display:flex; align-items:center;}
.name_para span:last-child {margin-top:6px; margin-left:20px;}

.kopubbatang.dg01 {font-size:40px !important;}

.img_box.dg01 {width:280px;}
.img_box.dg01 img {width:100%;}

@media all and (max-width:1200px) {
  .kopubbatang.dg01 {font-size:35px !important;}
}

@media all and (max-width:1000px) {
  .kopubbatang.dg01 {font-size:20px !important;}
  .img_box.dg01 {width:200px;}
}

@media all and (max-width:390px) {
  .img_box.dg01 {margin-left:20%}
}


/******* 교육이념  *******/
.sub_con_w {width:94%; margin:60px auto 0;}
.educational_con .sm_tit {margin:20px 0 25px 0;}
.educational_con .sm_tit h3 {font-size:17px; font-weight:500; margin-bottom:7px;}
.educational_con .sm_tit p {font-size:15px; color:#666; font-weight:400; text-align: justify;}
.educational_con .ideology_box {border:1px solid #e4e3e1; padding:45px; margin-bottom:60px; background-image: url("/resources/user/rep/img/bg/bg_Ideology.png"); }
.educational_con .ideology_box p {font-size:19px; color:#01582a; font-weight:400; text-align:center; word-break:keep-all;}
.educational_con .long_line {width:100%; height:3px; background-color:#e1e1e1; position:relative;  } 
.educational_con .long_line .po_green {width:15%; height:3px; background-color:#005a70; position: absolute;}
.educational_con .implement_box {width:100%; margin:60px auto;}
.educational_con .implement_box .implement_list {width:60%; display:flex; flex-wrap:wrap; justify-content: space-between; margin:auto;}
/* .educational_con .implement_box .implement_list::after {content:""; display:block; clear: both;} */
.educational_con .implement_box .implement_list li {color:#fff; text-align: center; font-size:25px; font-weight:400; padding:33px; background-position: center center;}
.educational_con .implement_box .implement_list li:last-child {margin-right:0;}
.educational_con .implement_box .implement_list li span.chinese {font-size:20px;}
.educational_con .implement_box .implement_list li.im01 {background-image: url("/resources/user/rep/img/sub/img_implement_01.png"); width:164px; height:167px; background-repeat: no-repeat; }
.educational_con .implement_box .implement_list li.im02 {background-image: url("/resources/user/rep/img/sub/img_implement_02.png"); width:164px; height:167px; background-repeat: no-repeat;}
.educational_con .implement_box .implement_list li.im03 {background-image: url("/resources/user/rep/img/sub/img_implement_03.png"); width:164px; height:167px; background-repeat: no-repeat;}


@media all and (max-width:1100px){
    /******* 교육이념  *******/
    .sub_con_w {width:100%; margin:30px auto 0;}
    .educational_con .sm_tit {margin:25px 0 15px 0;}
    .educational_con .sm_tit p {font-size:14px;}
    .educational_con .sm_tit h3 {font-size:15px; margin-bottom:5px;}
    .educational_con .ideology_box {padding:20px;}
    .educational_con .ideology_box p {font-size:14px;}
    .educational_con .ideology_box p br {display:none;}
    .educational_con .implement_box {width:100%; margin:50px auto 60px;}
    .educational_con .implement_box .implement_list {width: 50%;background-position:center center;margin:auto;text-align:center;}
    .educational_con .implement_box .implement_list li {margin-right:0; text-align:center; padding:25px; font-size:15px;}
    .educational_con .implement_box .implement_list li span.chinese {font-size:16px;}
    .educational_con .implement_box .implement_list li.im01 {background-size:100px; width:100px; height:100px;}
    .educational_con .implement_box .implement_list li.im02 {background-size:100px; width:100px; height:100px; }
    .educational_con .implement_box .implement_list li.im03 {background-size:100px; width:100px; height:100px; }
}

@media all and (max-width:715px){
    .educational_con .implement_box .implement_list {width: 95%;}
}


@media all and (max-width:320px){
    /******* 교육이념  *******/
    .educational_con .implement_box {margin:40px auto 50px;}
    .educational_con .ideology_box {padding:17px; margin-bottom:40px;}
    .educational_con .implement_box .implement_list {width: 95%;}
    .educational_con .implement_box .implement_list li {padding:15px;}
    .educational_con .implement_box .implement_list li.im01 {background-size:80px; width:80px; height:80px;}
    .educational_con .implement_box .implement_list li.im02 {background-size:80px; width:80px; height:80px;}
    .educational_con .implement_box .implement_list li.im03 {background-size:80px; width:80px; height:80px;}
    .educational_con .ideology_box p {word-break: break-all;}
}


/******* 교육목표 *******/
.education_target .edu_title_box {width:100%; padding:50px 40px; border:1px solid #e4e3e1; border-radius:30px; background-image:url("/resources/user/rep/img/bg/bg_Ideology.png"); background-repeat: no-repeat;}
.education_target .edu_title_box p {color:#111; font-size:22px;  text-align:center; position:relative;}
.education_target .edu_title_box p b.basic_t {font-weight:400;}
.education_target .edu_title_box p b.basic_t::before {content:""; display:inline-block; width:26px; height:22px; background-image: url("/resources/user/rep/img/sub/img_quotes_01.png"); background-repeat: no-repeat; padding:5px 13px 0 0;}
.education_target .edu_title_box p b.green_t {color:#016331; font-weight:500;}
.education_target .edu_title_box p b.green_t::after {content:""; display:inline-block; width:26px; height:22px; background-image: url("/resources/user/rep/img/sub/img_quotes_02.png"); background-repeat: no-repeat; margin:5px 0 0 13px;}
.education_target .target_list {width:85%; margin:70px auto;}
.education_target .target_list ul {display:flex; flex-wrap:wrap; justify-content: space-between;}
.education_target .target_list ul li .list_bg {width:270px; height:283px; background-repeat: no-repeat; font-size:25px; font-weight:400; text-align:center; padding:85px;}
.education_target .target_list ul li .list_bg b {font-weight:500;}
.education_target .target_list ul li .list_bg.list_01 {color:#27919b; background-image: url("/resources/user/rep/img/sub/img_target_01.png");}
.education_target .target_list ul li .list_bg.list_02 {color:#389988; background-image: url("/resources/user/rep/img/sub/img_target_02.png");}
.education_target .target_list ul li .list_bg.list_03 {color:#8257b8; background-image: url("/resources/user/rep/img/sub/img_target_03.png");}
.education_target .target_list ul li p.t_con {color:#000; font-size:17px; text-align:center; padding-top:10px; font-weight:400;}


@media all and (max-width:1000px){
    /******* 교육목표 *******/
    .education_target .edu_title_box {padding:25px 20px; border-radius:15px;}
    .education_target .edu_title_box p {font-size:15px;}
    .education_target .edu_title_box p br {display:none;}
    .education_target .edu_title_box p b.basic_t::before {width:10px; height:17px; background-size:10px; padding:3px 5px 0 0;}
    .education_target .edu_title_box p b.green_t::after {width:10px; height:17px; background-size:10px; margin:2px 0 0 7px;}
    .education_target .target_list {width:100%; margin:25px 0;}
    .education_target .target_list ul li {width:100%; margin-bottom:10px;}
    .education_target .target_list ul li:last-child {margin-bottom:0;}
    .education_target .target_list ul li .list_bg {width:240px; height:240px; background-size:85%; background-position:center center; margin:auto; font-size:17px;}
    .education_target .target_list ul li p.t_con {font-size:15px; padding-top:0; }
    .education_target .target_list ul {display:flex; flex-wrap:unset; justify-content: center;}
}

 @media all and (max-width:710px){
   .education_target .target_list ul {display:flex; flex-wrap:wrap; justify-content: space-between;}

 }


/*******  *******/

/******* 대학비전 *******/
.university_vision .vision_one {display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:40px;}
.university_vision .vision_one.vision_one02 {margin-bottom:50px;}
.university_vision .vision_one.vision_one02 .left_t.left_t02 {line-height:150px;}
.university_vision .vision_one .left_t {width:70px; font-size:16px; color:#111; font-weight:400; line-height:75px; text-align:center;}
.university_vision .vision_one .right_con {width:calc(100% - 140px); margin-left:70px; border-radius:30px; justify-content: flex-end; padding:25px; font-size:19px; text-align:center;}
.university_vision .vision_one .right_con.rBox01 {background-color:#397fc7; color:#fff; font-weight:400;}
.university_vision .vision_one .right_con.rBox02 {background-color:#fff; border:3px solid #999; color:#666; font-weight:400;}
.university_vision .vision_one .right_con.rBox03 {padding:0;}
.university_vision .vision_one .right_con.rBox03 ul {display:flex; flex-wrap:wrap; justify-content: space-between;}
.university_vision .vision_one .right_con.rBox03 ul li {width:24%; height:160px; font-size:17px; background-color:#fff; border:7px solid #ddd; border-radius:30px; padding:20px 15px; font-weight:400; display:flex; align-items: center; justify-content: center; box-shadow:3px 3px 3px 2px #ddd;}
.university_vision .vision_one .right_con.rBox03 ul li.coBox01 {border-color:#27919b; color:#27919b;}
.university_vision .vision_one .right_con.rBox03 ul li.coBox02 {border-color:#3a9988; color:#3a9988;}
.university_vision .vision_one .right_con.rBox03 ul li.coBox03 {border-color:#9164c1; color:#9164c1;}
.university_vision .vision_one .right_con.rBox03 ul li.coBox04 {border-color:#d64c6a; color:#d64c6a;}
.university_vision .vision_one .right_con.rBox04 {padding:0; margin-top:10px;}
.university_vision .vision_one .right_con.rBox04 ul {width:100%; display:flex; flex-wrap:wrap; justify-content: space-between;}
.university_vision .vision_one .right_con.rBox04 ul li {width:49%; height:193px; float:left; border:1px solid #e1e1e1; margin-bottom:17px;}
.university_vision .vision_one .right_con.rBox04 ul li:nth-child(n+7):nth-child(-n+8) {margin-bottom:0;}
.university_vision .vision_one .right_con.rBox04 ul li h2 {background-color:#f9f9f9; font-size:15px; font-weight:400; color:#111; height:55px; line-height:55px; border-bottom:1px solid #e4e3e1; }
.university_vision .vision_one .right_con.rBox04 ul li .box_con {padding:18px 20px;}
.university_vision .vision_one .right_con.rBox04 ul li .box_con p {font-size:15px; color:#666; text-align:left; position:relative; padding-left:14px; line-height:1.7; font-weight:400;}
.university_vision .vision_one .right_con.rBox04 ul li .box_con p::before {content:"ㆍ"; display:inline-block; position:absolute; left:0;  }
.university_vision .vision_one .left_t {position:relative;}
.university_vision .vision_one .left_t::after {content:""; display:inline-block; width:100%; height:2px; background-color:#e1e1e1; position:absolute; top:45%; right:-130%; z-index:-1;}
.university_vision .vision_one .left_t.left_line::after {top:4.5%;}


@media all and (max-width:800px){
    /******* 대학비전 *******/
    .university_vision .vision_one {margin-bottom:0;}
    .university_vision .vision_one.vision_one02 {margin-bottom:0;}
    .university_vision .vision_one .left_t {width:100%; line-height:40px; font-size:15px;}
    .university_vision .vision_one .right_con {width:100%; margin-left:0; padding:17px; font-size:14px; border-radius:18px;}
    .university_vision .vision_one.vision_one02 .left_t.left_t02 {line-height:60px;}
    .university_vision .vision_one .right_con.rBox02 {border:2px solid; padding:14px;}
    .university_vision .vision_one .right_con.rBox03 ul li {width:100%; height:auto; font-size:14px; padding:15px; margin-bottom:10px; border-radius:18px; border:2px solid;}
    .university_vision .vision_one .right_con.rBox03 ul li br {display:none;}
    .university_vision .vision_one .right_con.rBox04 ul li {width:100%; height:auto; margin-bottom:12px;}
    .university_vision .vision_one .right_con.rBox04 ul li h2 {font-size:14px; height:43px; line-height:43px;}
    .university_vision .vision_one .right_con.rBox04 ul li .box_con {padding:15px;}
    .university_vision .vision_one .right_con.rBox04 ul li .box_con p {font-size:13px; line-height:1.5;}
    .university_vision .vision_one .right_con.rBox04 ul li:nth-child(8) {margin-top:12px;}
    .university_vision .vision_one .left_t {line-height:60px;}
    .university_vision .vision_one .left_t::after {top:46px; height:70%; width:1px; left:50%;} 
    .university_vision .vision_one .left_t.left_line::after {top:46px;}
}

/******* 연혁  *******/
.uni_history .h_title {width:100%; display:flex; flex-wrap:wrap; margin-bottom:60px;}
.uni_history .h_title .bigTitle {color:#3d8b79; font-size:37px; font-weight:700; margin-right:32px; font-family: 'GmarketSansBold';} 
.uni_history .h_title .right_h_con p {color:#999; font-size:17px; font-weight:400; padding-top:8px;}
.uni_history .h_title .right_h_con p .green_txt {color:#3d8b79;}
.uni_history .year_history_list {display: flex; flex-wrap:wrap; }
.uni_history .year_history_list .year_left {color:#379685; font-size:17px; font-weight:500; width:100px; position:relative;}
.uni_history .year_history_list .year_left::after {content:""; display:block; width:1px; height:100%; position: absolute; left:50%; background-color:#e0e0e0; left:135%; top:0; z-index:-1;}
.uni_history .year_history_list .year_left b {font-weight:600; font-size:23px;}
.uni_history .year_history_list .icon_circle {width:20px; height:20px; background-image: url("/resources/user/rep/img/icon/icon_history_circle.png"); background-repeat: no-repeat; margin:10px 25px; position:relative;}
/* 230512 수정 */
.uni_history .year_history_list .right_year_con { display: flex; flex-flow: column nowrap;}
.uni_history .year_history_list .right_year_con .h_list_one {display:flex; align-items: flex-start; flex-wrap:wrap;  padding:10px; border-bottom:1px solid #efefef;}
.uni_history .year_history_list .right_year_con .h_list_one .h_list {width: 500px;}
.uni_history .year_history_list .right_year_con .h_list_one .h_list li {display: flex; flex-wrap: nowrap;}
.uni_history .year_history_list .right_year_con .h_list_one .h_list li > h3.blue_txt {color:#005a70;}
.uni_history .year_history_list .right_year_con .h_list_one .h_list li > h3.blue_txt::before {background-color:#005a70;}
.uni_history .year_history_list .right_year_con .h_list_one.h_top_line {border-top:1px solid #efefef;}
.uni_history .year_history_list .right_year_con .h_list_one h2 {color:#111; font-size:17px; font-weight:400; width:60px; margin-right:30px;}
.uni_history .year_history_list .right_year_con .h_list_one h3 {color:#389988; font-size:15px; font-weight:500; width:45px; position:relative; padding-left:10px;}
.uni_history .year_history_list .right_year_con .h_list_one h3::before {content:""; display:inline-block; width:5px; height:5px; background-color:#389988; border-radius:50%; position:absolute; left:0; top:8px;}
.uni_history .year_history_list .right_year_con .h_list_one p {color:#666; font-size:15px; font-weight:400; width:100%; padding-left:15px; word-break: keep-all;}
.uni_history .year_history_list .right_year_con .campus_year {width:100%; text-align:center; margin:40px 0 20px;}
.uni_history .year_history_list .right_year_con .campus_year ul {display:flex; flex-wrap:wrap; justify-content: flex-end; margin-right:40px;}
.uni_history .year_history_list .right_year_con .campus_year ul li {width:43%; padding:16px 15px; border-radius:20px; margin-right:5px; display:inline-block; font-size:17px; font-weight:400; color:#fff; }
.uni_history .year_history_list .right_year_con .campus_year ul li.damyang_btn {background-color:#389988; margin-right:10px;}
.uni_history .year_history_list .right_year_con .campus_year ul li.jang_btn {background-color:#005a70;}
.uni_history .year_history_list .right_year_con .h_list_one.h_list_02 {display:flex; flex-wrap:wrap}



@media all and (max-width:1200px){
    /******* 연혁  *******/
    .uni_history .year_history_list .right_year_con .h_list_one.h_list_02 h2 {width:100%;}
}

@media all and (max-width:1000px){
    /******* 연혁  *******/
    .uni_history .h_title {margin-bottom:20px;}
    .uni_history .h_title .bigTitle {font-size:22px;}
    .uni_history .h_title .right_h_con p {font-size:15px; padding-top:0;}
    .uni_history .year_history_list .year_left {width:100%; font-size:15px; margin-bottom:0px;}
    .uni_history .year_history_list .year_left b {font-size:17px;}
    .uni_history .year_history_list .year_left::after {display:none;}
    .uni_history .year_history_list .year_left.mo_year_top {margin-top:13px; margin-left: 13px;}
    .uni_history .year_history_list .icon_circle {width:11px; height:11px; background-size:11px; margin:12px 7px 0 0;}
    .uni_history .year_history_list .icon_circle::after {content:""; display:block; width:1px; height:300px; background-color:#e0e0e0; position:absolute; left:5px; z-index: -1; }
    .uni_history .year_history_list .icon_circle.icon_c01::after {height:445px;}
    .uni_history .year_history_list .icon_circle.icon_c02::after {height:1227px;}
    .uni_history .year_history_list .icon_circle.icon_c03::after {height:683px;}
    .uni_history .year_history_list .right_year_con {width:calc(100% - 18px);}
    .uni_history .year_history_list .right_year_con .h_list_one {padding:7px 0;}
    .uni_history .year_history_list .right_year_con .h_list_one h3 {padding-left:7px; width:40px;}
    .uni_history .year_history_list .right_year_con .h_list_one h3::before {width:3px; height:3px;}
    .uni_history .year_history_list .right_year_con .h_list_one h2 {width:100%; font-size:14px; padding-bottom:2px; margin-right:0;}
    .uni_history .year_history_list .right_year_con .h_list_one h3 {font-size:13px;}
    .uni_history .year_history_list .right_year_con .h_list_one p {width:calc(100% - 43px); font-size:13px; padding-left:0;}
    .uni_history .year_history_list .right_year_con .campus_year {margin:20px 0;}
    .uni_history .year_history_list .right_year_con .campus_year ul li {font-size:14px; padding:10px; border-radius:12px;}
    .uni_history .year_history_list .right_year_con .h_list_one.h_top_line {border-top:none;}
}
@media all and (max-width: 480px) {
    .uni_history .year_history_list .right_year_con .h_list_one p {width: 250px;}
    .uni_history .year_history_list .right_year_con .campus_year ul {justify-content: flex-start;}
    .uni_history .year_history_list .right_year_con .campus_year ul li {width: 30%;}
}



/******* UI *******/
.symbol_ui_wrap .type_title {margin-bottom:20px;}
.symbol_ui_wrap .type_title p {color:#666; font-size:14px;}
.symbol_ui_wrap .type_title p b {color:#000; font-size:23px; padding-right:10px;}
.symbol_ui_wrap .symbolMark {display:flex; flex-wrap:wrap; justify-content: space-between;}
.symbol_ui_wrap .symbolMark::after {content:""; display:block; clear:both;}
.symbol_ui_wrap .symbolMark .symbol_download {width:calc(100% - 784px); padding:185px 0 0 30px; }
.symbol_ui_wrap .symbolMark .symbol_download button {width:100%; height:55px; display:block; color:#fff; background-color:#005a70; padding:5px; font-size:13px; font-weight:400; font-size:14px; transition:all 0.25s ease; text-align:left; padding:0 35px;}
.symbol_ui_wrap .symbolMark .symbol_download button:hover {background-color:#004d60;}
.symbol_ui_wrap .symbolMark .symbol_download button.ai_down_btn {margin-bottom:5px;}
.symbol_ui_wrap .symbolMark .symbol_download i {font-size:16px; padding-right:15px;}
.symbol_ui_wrap .s_mark_con {width:100%;}
.symbol_ui_wrap .s_mark_con .mark_one {margin:30px 0;}
.symbol_ui_wrap .s_mark_con .mark_one h3 {margin-bottom:10px; font-weight:500;}
.symbol_ui_wrap .s_mark_con .mark_one p {color:#666; font-size:15px; text-align:justify; line-height:1.8; font-weight:400;}
.symbol_ui_wrap .m_line {width:100%; height:1px; background-color:#e0e0e0; margin:60px 0;}
.symbol_ui_wrap .logo_type {width:100%; display:flex; flex-wrap: wrap; justify-content: space-between;}
.symbol_ui_wrap .logo_type .left_logo {width:calc(100% - 380px);}
.symbol_ui_wrap .logo_type .right_logo {width:380px;}
.symbol_ui_wrap .logo_type .type_logo {position:relative;}
.symbol_ui_wrap .logo_type .type_logo p {width:111px; position:absolute; top:0;left:0; border:1px solid #e0e0e0; background-color:#999; color:#fff; text-align:center; font-size:13px; padding:10px 12px;}
.symbol_ui_wrap .logo_type .left_logo .basic_logo {margin-bottom:11px;}
.symbol_ui_wrap .logo_type::after {content:""; display:block; clear:both;}
.symbol_ui_wrap .color_system_box ul {display:flex; flex-wrap:wrap; justify-content: space-between;}
.symbol_ui_wrap .color_system_box ul li {width:32%;}
.symbol_ui_wrap .color_system_box ul li .color_box {height:126px; position:relative;}
.symbol_ui_wrap .color_system_box ul li .color_box.colorB01 {background-color:#0069B4;}
.symbol_ui_wrap .color_system_box ul li .color_box.colorB02 {background-color:#76B82A;}
.symbol_ui_wrap .color_system_box ul li .color_box.colorB03 {background-color:#F7A600;}
.symbol_ui_wrap .color_system_box ul li .color_box p {color:#fff; font-size:13px; position:absolute; bottom:15px; left:22px;}
.symbol_ui_wrap .color_system_box ul li .color_con {border:1px solid #e0e0e0; padding:20px;}
.symbol_ui_wrap .color_system_box ul li .color_con p {color:#666; font-size:12px; font-weight:400;}
.symbol_ui_wrap .color_system_box ul.colorLogo  {margin-top:40px;}
.symbol_ui_wrap .color_system_box ul.colorLogo li {width:18%;}


/* 231228 신규추가 */
.logotype_font {font-size:12px; margin-bottom:10px; margin-top:30px;}

.c_versions {flex-wrap:nowrap !important; border:1px solid #ddd; padding:30px;}
.c_versions li {width:15% !important;}
.c_versions li img {}

.c_versions.white {background:#fff;}
.c_versions.black {background:#000;}

.bg_color {display:grid; grid-template-columns: repeat(auto-fill, minmax(45%, auto)); gap:20px;}
.bg_color div {}
.bg_color div:nth-child(3) .logotype_font, .bg_color div:nth-child(4) .logotype_font {margin-top:0;}

.bg_color div ul {flex-wrap:nowrap !important; padding:30px 50px;}
.bg_color div ul li {}
.bg_color div ul li img {}

.sbg_blue ul {background:#0069B4;}
.sbg_green ul {background:#76B82A;}
.sbg_gray ul {background:#5a5657;}
.sbg_orange ul {background:#F7A600;}

.application {display:flex;}
.application div {width:100%;}
.application div ul {flex-wrap:nowrap !important; border:1px solid #ddd; padding:50px;}

.application div.ac_type_a {margin-right:15px; width:36.5%;}
.application div.ac_type_a .ata_img {border:1px solid #ddd; padding:50px; text-align:center;}

.emblem {}
.emblem ul {flex-wrap:nowrap !important; justify-content:flex-start !important;}
.emblem ul li {border:1px solid #ddd; padding:50px;}
.emblem ul li:first-child {margin-right:15px;}



@media all and (max-width:1300px){
    /******* UI *******/
    .symbol_ui_wrap .symbolMark .img_mark {width:100%;}
    .symbol_ui_wrap .symbolMark .img_mark img {width:100%;}
    .symbol_ui_wrap .symbolMark .symbol_download {width:100%; padding:20px 0; display:inline-flex; justify-content: space-between;}
    .symbol_ui_wrap .symbolMark .symbol_download button {width:48%; text-align:center;}
}

@media all and (max-width:1000px){
    /******* UI *******/
    .symbol_ui_wrap .type_title p {font-size:13px;}
    .symbol_ui_wrap .type_title p b {font-size:16px; padding-right:4px;}
    .symbol_ui_wrap .symbolMark .symbol_download {width:100%; padding:10px 0 0; }
    .symbol_ui_wrap .symbolMark .symbol_download button {height:45px; width:49%; font-size:13px; padding:0;}
    .symbol_ui_wrap .symbolMark .symbol_download i {padding-right:5px;}
    .symbol_ui_wrap .s_mark_con .mark_one {margin:17px 0;}
    .symbol_ui_wrap .s_mark_con .mark_one h3 {font-size:14px; margin-bottom:5px;}
    .symbol_ui_wrap .s_mark_con .mark_one p {font-size:13px; line-height:1.6;}
    .symbol_ui_wrap .logo_type .left_logo {width:100%; margin-bottom:12px;}
    .symbol_ui_wrap .logo_type .type_logo p {width:85px; padding:8px; font-size:12px;}
    .symbol_ui_wrap .logo_type .right_logo {width:100%;}
    .symbol_ui_wrap .logo_type img {width:100%;}
    .symbol_ui_wrap .m_line {margin:25px 0;}
    .symbol_ui_wrap .color_system_box ul li {width:100%; margin-bottom:10px;}
    .symbol_ui_wrap .color_system_box ul li:last-child {margin-bottom:0;}
    .symbol_ui_wrap .color_system_box ul li .color_con {padding:12px 20px;}
    .symbol_ui_wrap .color_system_box ul li .color_box {height:50px;}
    .symbol_ui_wrap .color_system_box ul.colorLogo {margin-top:20px;}
    .symbol_ui_wrap .color_system_box ul.colorLogo li {width:45%; margin-bottom:15px; text-align: center;}
    .symbol_ui_wrap .color_system_box ul.colorLogo li img {width:125px;}
    
    
    /* 231228 신규추가 */
    .c_versions {flex-wrap:wrap !important; padding:20px;}
    .c_versions li {width: 45% !important; margin-bottom:30px !important; text-align:center;}
    .c_versions li:nth-child(3), .c_versions li:last-child {margin-bottom:0 !important;} 
    .c_versions img, .bg_color div ul li img, .application img, .emblem ul img {width: 125px;}

    .bg_color {grid-template-columns: repeat(auto-fill, minmax(50%, auto)); gap:20px;}
    .bg_color div:nth-child(2) .logotype_font {margin-top:0;}
    .bg_color div ul {padding:20px;}
    .bg_color div ul li {text-align:center;}

    .application {flex-wrap:wrap !important;}
    .application div ul {padding:20px;}
    .application div ul li {text-align:center;}
    .application div.ac_type_a {width:100%; margin-right:0;}
    .application div.ac_type_a .ata_img {padding:20px;}
    
    .emblem ul {flex-wrap:wrap !important;}
    .emblem ul li {text-align:center; padding:20px;}
    .emblem ul li:first-child {margin-right:0;}
  
}

/******* 찾아오시는길 *******/
.way_map {text-align: center; margin-bottom:50px; border:1px solid #dfdfdf; height:400px}

@media all and (max-width:1000px){
    /******* 찾아오시는길 *******/
    .way_map {text-align: center; margin-bottom:20px;}

}

/* 일정 */
.sub-schedule-tab {border:1px solid #dfdfdf;}
.sub-schedule-tab .top-month {display:flex; width:100%; border-bottom:1px solid #dfdfdf; padding:25px; justify-content: space-between;}
.sub-schedule-tab .top-month button {font-size:15px; color:#666;}
.sub-schedule-tab .top-month button:hover {text-decoration: underline;}
.sub-schedule-tab .top-month p {font-size:20px; color:#333; font-weight: 500;}
.sub-schedule-tab .s-tab {width:100%; display: flex; justify-content: space-between; padding:22px 25px;}
.sub-schedule-tab .s-tab li {transition:all 0.25s ease;}
.sub-schedule-tab .s-tab li a {color:#666; font-size:16px; font-weight:400;}
.sub-schedule-tab .s-tab li:hover a {color:#0093b0;}
.sub-schedule-tab .s-tab li.active a {color:#0093b0; font-size:18px; }

.school-schedule-wrap .s-tab_con {margin-top:30px;}
.school-schedule-wrap .s-tab_con .one .calendar-wrap {display:flex; margin-bottom:50px;}
.school-schedule-wrap .s-tab_con .one .left-box  {width:410px;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar {border-top:2px solid #005e6f; border-bottom:1px solid #dee0e3;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar .n-date {font-size:16px; color:#333; font-weight:500; text-align:center; padding:20px 15px 10px; background-color:#fafafa;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table {width:100%; table-layout: fixed;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr {border-bottom:1px solid #eee;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr.no_border {border-bottom:none;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr th {background-color:#fafafa;font-size:16px; padding:10px; font-weight:400;border-bottom:1px solid #dee0e3;color: #000; padding:10px;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr td {padding:5px 16px; text-align:center;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr td a {font-size:16px; color:#000; display:block;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr td p {padding:3px;font-weight:400}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr th.sun {color:#ea0000;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr th.sat {color:#0066ff;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr td p.sun {color:#ea0000;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr td p.sat {color:#0066ff;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr td.sche p::before {content:""; width:4px; height:4px; background-color:#f16e21; display:block; border-radius:50px; margin:auto;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr td.sche.active p {width:33px; height:33px;font-weight:600;background:#007b9f; border-radius:50px; color:#fff;}
.school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr td.sche.active p::before {background-color:#fff;}
.school-schedule-wrap .s-tab_con .one .right-box {width:calc(100% - 410px); padding-left:30px;}
.school-schedule-wrap .s-tab_con .one .right-box .day-title {border:1px solid #dee0e3; padding:20px;}
.school-schedule-wrap .s-tab_con .one .right-box .day-title p {color:#666; font-size:16px;}
.school-schedule-wrap .s-tab_con .one .right-box .day-title p b {color:#111; font-weight:500;}
.school-schedule-wrap .s-tab_con .one .right-box .day-title h4 {color:#111; font-weight:500; display: inline; margin: 5px;}

.school-schedule-wrap .s-tab_con .one .right-box .d-list-box {height:245px; overflow-y: scroll; border:1px solid #dee0e3; padding:30px; margin-top:7px;}
.school-schedule-wrap .s-tab_con .one .right-box .d-list-box .date-con .show-t {display: flex; width:100%; justify-content: space-between; border-bottom:1px solid #eee; padding:10px 0;}
.school-schedule-wrap .s-tab_con .one .right-box .d-list-box .date-con .show-t p::before {content:""; width:4px; height:4px; background-color:#f16e21; display:inline-block; border-radius:5px; vertical-align: super; margin-right:8px;}
.school-schedule-wrap .s-tab_con .one .right-box .d-list-box .hide-c-box {display:none; border:1px solid #eee; background-color:#fafafa; padding:20px; border-top:none;}
.school-schedule-wrap .s-tab_con .one .right-box .d-list-box .hide-c-box p {font-size:14px; color:#666; word-break: keep-all;}
.school-schedule-wrap .s-tab_con .one .right-box .d-list-box .date-con p {color:#666; font-size:16px;}
.school-schedule-wrap .s-tab_con .one .right-box .d-list-box .date-con button.normal {display:block;}
.school-schedule-wrap .s-tab_con .one .right-box .d-list-box .date-con i {font-size:20px; color:#666;}

.school-schedule-wrap .s-tab_con .sch_weekly-event .w-title {margin-bottom:10px;;}
.school-schedule-wrap .s-tab_con .sch_weekly-event .w-title p {font-size:16px; color:#333; }
.school-schedule-wrap .s-tab_con .sch_weekly-event .w-title span.term {color:#2275f5; font-size:16px; padding-left:10px;}
.school-schedule-wrap .s-tab_con .sch_weekly-event .w-hide-box {display: none;}
.school-schedule-wrap .s-tab_con .sch_weekly-event .w-hide-box td {font-size:14px; color:#666; padding:20px 30px; background-color:#fafafa; cursor: pointer;}
.school-schedule-wrap .s-tab_con .sch_weekly-event .w-hide-box td.text-left {text-align:left; }

.school-schedule-wrap .sch_weekly-board table tr td {color:#444; font-size:15px; position: relative;}
.school-schedule-wrap .sch_weekly-board table tr td .slide_aBtn {width:23px; position:absolute; right:10px; top:13px;}

.school-schedule-wrap .sch_weekly-board table tr td.sun {color:#ea0000;}
.school-schedule-wrap .sch_weekly-board table tr td.sat {color:#0048ff;}
.school-schedule-wrap .sch_weekly-board table tr td i {font-size:23px; color:#777;}
.school-schedule-wrap .sch_weekly-board table tr td.t-left {text-align:left;}
.school-schedule-wrap .sch_weekly-board table tr.active {background-color:#fafafa;}
.school-schedule-wrap .sch_weekly-board table tr td:nth-child(2) div.subject {}
.school-schedule-wrap .tbl_subIn td.txtL div.subject {position:relative; padding: 15px 0;}
.school-schedule-wrap .tbl_subIn td.txtL div.contents {display:none;font-size: 14px;color: #666;padding: 20px 30px;background-color: #fafafa;}
.rotate {transform: rotate(180deg);}

@media screen and (max-width:1000px){
    /* 일정 */
    .sub-schedule-tab .top-month {padding:18px;}
    .sub-schedule-tab .top-month p {font-size:17px;}
    .sub-schedule-tab .top-month button {font-size:14px;}
    .sub-schedule-tab .s-tab {flex-wrap: wrap; padding:15px 18px 5px;}
    .sub-schedule-tab .s-tab li {width:16.66%; float:left; text-align:center; padding-bottom:8px;}
    .sub-schedule-tab .s-tab li a {font-size:15px;}
    .sub-schedule-tab .s-tab li.active a {font-size:15px;}
    .school-schedule-wrap .s-tab_con .one .calendar-wrap {flex-wrap: wrap; margin-bottom:30px;}
    .school-schedule-wrap .s-tab_con .one .left-box {width:100%; margin-bottom:20px;}
    .school-schedule-wrap .s-tab_con .one .right-box {width:100%; padding-left:0;}
    .school-schedule-wrap .s-tab_con .one .left-box .mini-calendar .n-date {font-size:15px; padding:13px 15px 5px;}
    .school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table {table-layout: fixed;}
    .school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr th {font-size:14px;}
    .school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr td {padding:5px;}
    .school-schedule-wrap .s-tab_con .one .right-box .day-title {padding:15px;}
    .school-schedule-wrap .s-tab_con .one .right-box .day-title p {font-size:15px;}
    .school-schedule-wrap .s-tab_con .one .right-box .day-title h4 {font-size:15px;}
    .school-schedule-wrap .s-tab_con .one .right-box .d-list-box {padding:15px; max-height:200px;}
    .school-schedule-wrap .s-tab_con .one .right-box .d-list-box .date-con p {font-size:13px;}
    .school-schedule-wrap .s-tab_con .one .right-box .d-list-box .date-con .show-t p::before {vertical-align: middle;}
    .school-schedule-wrap .s-tab_con .one .right-box .d-list-box .hide-c-box {padding:10px;}
    .school-schedule-wrap .s-tab_con .one .right-box .d-list-box .hide-c-box p {font-size:13px;}
    .school-schedule-wrap .s-tab_con .weekly-event .w-title p {font-size:15px;}
    .school-schedule-wrap .s-tab_con .weekly-event .w-title span.term {font-size:15px;}
    .weekly-board table {width:100%;}
    .weekly-board table tr td:nth-child(2) {padding:10px;}
    .weekly-board table tr td i {font-size:20px;}

    .school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr td.sche.active p {margin:0 auto;}
    .school-schedule-wrap .s-tab_con .one .left-box .mini-calendar table tr td p {font-size:14px;}
}

@media all and (max-width:320px){
    /******* UI *******/
    .symbol_ui_wrap .color_system_box ul li .color_box {height:40px;}
    .symbol_ui_wrap .color_system_box ul li .color_box p {bottom:10px;}
    .symbol_ui_wrap .color_system_box ul li .color_con {padding:12px 17px;}
}

/******* 대학기구표 (조직도) *******/
.organization_wrap01 {width: 100%;}
.organization_wrap01 .depth01 {width: 100%;}
.organization_wrap01 .depth01 > li .onB {margin-bottom: 30px; position: relative;}
.organization_wrap01 .depth01 > li .onB::before {content: ""; display: block; width: 1px; height: 600px; border-left: 1px solid #767676; position: absolute; left: 50%;}
.organization_wrap01 .depth01 > li .txt01 {display:block; width: 310px; margin: 0 auto; padding: 13px 10px; background-color: #F95E43; background-image: url('/resources/user/rep/img/sub/img_oranization_bg.png'); background-size: cover; background-position:center center; text-align: center; color: #fff; font-size: 20px; font-weight: 500; position: relative;}
.organization_wrap01 .depth01 > li .depth02 > li.flx_b {display: flex; width: 84%; margin-left: 8%; align-items: center; margin-bottom: 105px;}
.organization_wrap01 .depth01 > li .depth02 > li.flx_b .txt02 {display:block; width: 310px; margin: 0 auto; padding: 13px 10px; background-color: #767676; background-image: url('/resources/user/rep/img/sub/img_oranization_bg.png'); background-size: cover; background-position:center center; text-align: center; color: #fff; font-size: 17px; font-weight: 400; position: relative; position: relative;}
.organization_wrap01 .depth01 > li .depth02 > li.flx_b .lb {margin-right: auto;}
.organization_wrap01 .depth01 > li .depth02 > li.flx_b .lb .txt02 {}

.organization_wrap01 .depth01 > li .depth02 > li.flx_b .rb {position: relative;}
.organization_wrap01 .depth01 > li .depth02 > li.flx_b .rb::before {content: ""; display: block; position: absolute; left: -50px; top: 15%; width: 1px; height: 71%; border-left: 1px solid #767676;}
.organization_wrap01 .depth01 > li .depth02 > li.flx_b .rb::after {content: ''; display: inline-block; width: 300px; height: 1px; background: #767676; position: absolute; left: -350px; top: 50%; z-index: -1;}
.organization_wrap01 .depth01 > li .depth02 > li.flx_b .rb .txt02 {margin-top: 10px;}
.organization_wrap01 .depth01 > li .depth02 > li.flx_b .rb .txt02:first-of-type {margin-top: 0px;}
.organization_wrap01 .depth01 > li .depth02 > li.flx_b .rb .txt02::before {content: ""; display: block; position: absolute; right: 100%; top: 50%; width: 50px; height: 1px; border-top: 1px solid #767676;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 {width: 100%;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 {width: 100%; display: flex; flex-wrap: wrap; position: relative;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03::before {content: ""; display: block; position: absolute; top: -30px; left: 11.5%; height: 1px; width: 64%; border-top: 1px solid #767676;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03::after {content: ""; display: block; position: absolute; top: -30px; right: 11.5%; height: 1px; width: 30%; border-top: 1px dashed #767676;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li {width: 23%; margin-left: 2.66%;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li:first-child {margin-left: 0;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one {margin-bottom: 50px; position: relative;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one::before {content: ""; display: block; position: absolute; left: 50%; top: -30px; width: 1px; height: 30px; border-left: 1px solid #767676;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one.two::before {content: ""; position: absolute; left: -5.7%; top: auto; bottom: calc(100% - 25px); height: 300px;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one.two::after {content: ""; position: absolute; right: 100%; top: 25px; width: 5.7%; height: 1px; border-top: 1px solid #767676;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one.dotted::before {border-left-style: dashed;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one.two.dotted::before {height: 432px;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one.two.dotted h2::before {content: ""; position: absolute; right: calc(100% + 5.7%); bottom: 456px; width: 111%; height: 1px; border-top: 1px dashed #e0e0e0;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one.dotted::after {border-top-style: dashed;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one h2 {display:block; margin: 0 auto; padding: 13px 10px; background-color: #255fa5; background-image: url('/resources/user/rep/img/sub/img_oranization_bg.png'); background-size: cover; background-position:center center; text-align: center; color: #fff; font-size: 17px; font-weight: 400; position: relative;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 {margin-top: 15px;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li {margin-top: 2px;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li:first-of-type {margin-top: 0;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .txt04 {display: block; background-color: #efefef; padding: 10px 20px; color: #666; font-size: 14px; font-weight: 400;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .depth05 {background-color: #fff; border: 1px solid #efefef; margin-bottom: 4px; padding: 10px 20px;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .depth05 > li {margin-top: 5px;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .depth05 > li:first-child {margin-top: 0;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .depth05 > li .txt05 {display:block; font-size: 14px; padding-left: 13px; position: relative;}
.organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .depth05 > li .txt05::before {content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #255fa5; display: block; position: absolute; left: 3px; top: 9px;}

@media all and (max-width:1200px){
    .organization_wrap01 .depth01 > li .depth02 > li.flx_b .txt02 {display:block; width: 250px;}
    .organization_wrap01 .depth01 > li .depth02 > li.flx_b .rb::before {left: -30px;}
  .organization_wrap01 .depth01 > li .depth02 > li.flx_b .rb::after {left: -330px;}
    .organization_wrap01 .depth01 > li .depth02 > li.flx_b .rb .txt02::before {width: 30px;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one h2 {font-size: 15px;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 {margin-top: 15px;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .txt04 {font-size: 15px;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .depth05 {padding: 10px 10px;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .depth05 > li {margin-top: 5px;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .depth05 > li:first-child {margin-top: 0;}
}

@media all and (max-width:800px){
    /******* 대학기구표 (조직도) *******/
    .organization_wrap01 {}
    .organization_wrap01 .depth01 {}
    .organization_wrap01 .depth01 > li .onB {margin-bottom: 30px; position: relative;}
    .organization_wrap01 .depth01 > li .onB::before {height: 600px;}
    .organization_wrap01 .depth01 > li .txt01 {width: 250px; padding: 10px 10px; font-size: 15px;}
    .organization_wrap01 .depth01 > li .depth02 > li.flx_b {flex-wrap: wrap;  width: 100%; text-align: center; margin-left: 0%; margin-bottom: 40px;}
    .organization_wrap01 .depth01 > li .depth02 > li.flx_b .txt02 {display:inline-block; width: 250px; margin: 0 auto; padding: 10px 10px; font-size: 14px;}
    .organization_wrap01 .depth01 > li .depth02 > li.flx_b .lb {margin-right: auto; width: 100%; margin-bottom: 15px;}
    .organization_wrap01 .depth01 > li .depth02 > li.flx_b .lb .txt02 {}
    .organization_wrap01 .depth01 > li .depth02 > li.flx_b .lb .txt02::before {width: 94%; height: 0;}
    .organization_wrap01 .depth01 > li .depth02 > li.flx_b .rb {position: relative; width: 100%;}
    .organization_wrap01 .depth01 > li .depth02 > li.flx_b .rb::before {width: 0; height: 0;}
    .organization_wrap01 .depth01 > li .depth02 > li.flx_b .rb .txt02 {margin-top: 10px;}
    .organization_wrap01 .depth01 > li .depth02 > li.flx_b .rb .txt02::before {width: 0; height: 0;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 {width: 100%;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 {padding: 0 20px;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03::before {width:0; height: 0;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03::after {width:0; height: 0;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li {width: 100%; margin: 20px 0 0;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li:first-child {margin-top: 0;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one {margin-bottom: 10px;}

    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one.two {margin-top: 30px;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one.two::before {left: 50%; top: -30px; width: 1px; height: 30px; border-left: 1px solid #e0e0e0;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one.two::after {width: 0; height: 0;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one.two.dotted::before {left: 50%; top: -30px; width: 1px; height: 30px; border-left: 1px dashed #e0e0e0;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one.two.dotted h2::before {width: 0; height: 0;}

    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one h2 {padding: 10px 10px; font-size: 14px;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 {margin-top: 10px;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .txt04 {padding: 7px 20px; font-size: 13px;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .depth05 {padding: 7px 20px;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .depth05 > li {margin-top: 5px;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .depth05 > li .txt05 {font-size: 13px; padding-left: 13px;}
    .organization_wrap01 .depth01 > li .depth02 > li.w100 .depth03 > li .one .depth04 > li .depth05 > li .txt05::before {top: 8px;}
}

/******* 캠퍼스맵 *******/
/* 건물/공간정보 */
/* 헤더 */
#campus_wrap {width: 100%; height: 100%; overflow: hidden;}
#campus_wrap .campus_hd {width:100%; height: 100px; background-color: #513168; display: flex; align-items: center; padding: 0 30px;}
#campus_wrap .campus_hd .logo_b {margin-right: 50px;}
#campus_wrap .campus_hd .logo_b a {display: flex; align-items: center;}
#campus_wrap .campus_hd .logo_b a .img_s {}
#campus_wrap .campus_hd .logo_b a .txt {margin-left: 10px; font-size: 30px; font-weight: 500; color: #fff;}
#campus_wrap .campus_hd .campus_gnb {height: 100%; display: flex;}
#campus_wrap .campus_hd .campus_gnb > li {height: 100%;}
#campus_wrap .campus_hd .campus_gnb > li > a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 10px 40px;}
#campus_wrap .campus_hd .campus_gnb > li > a .txt {font-size: 18px; color: #fff; margin-left: 10px;}
#campus_wrap .campus_hd .campus_gnb > li.active > a {background-color: #331355;}

/* 컨텐츠 */
#campus_wrap .campus_contents {width: 100%; height: calc(100vh - 100px); position: relative;}

/* 왼쪽메뉴 */
#campus_wrap .campus_contents .left_menu {position: absolute; left: 0; width: 330px; z-index: 100; height: 100%; background-color: #fff; border-right: 1px solid #eee;}
#campus_wrap .campus_contents .left_menu .btn_hide {position: absolute; left: calc(100% + 1px); top:calc(50% - 30px); width: 25px; height: 61px; text-align: center !important; background-color: #fafafa; border-radius: 0 10px 10px 0; text-align: center; font-size: 10px; color: #331355; transition: all .25s ease;}
#campus_wrap .campus_contents .left_menu .btn_hide span {display:block; font-size: 10px; color: #331355; transition: all .25s ease;}
#campus_wrap .campus_contents .left_menu .btn_hide.active {background-color: #331355;}
#campus_wrap .campus_contents .left_menu .btn_hide.active span {color:#fff; transform: rotate(180deg);}
#campus_wrap .campus_contents .left_menu .btn_hide:hover,
#campus_wrap .campus_contents .left_menu .btn_hide:focus {background-color: #331355;}
#campus_wrap .campus_contents .left_menu .btn_hide:hover span,
#campus_wrap .campus_contents .left_menu .btn_hide:focus span {color:#fff;}
#campus_wrap .campus_contents .left_menu .inner {width: 100%; height: 100%; overflow-y: auto;}
#campus_wrap .campus_contents .left_menu .search_box {width: 100%; background-color: #eaeaea; padding: 15px 20px;}
#campus_wrap .campus_contents .left_menu .search_box .in {width: 100%; height: 36px; background-color: #fff; border: 1px solid #959595; display: flex;}
#campus_wrap .campus_contents .left_menu .search_box .txt_search {border:none !important; width: calc(100% - 50px); height: 100%; font-size: 15px;}
#campus_wrap .campus_contents .left_menu .search_box .btn_search {font-size: 22px; height: 100%; width: 50px; transition: all .25s ease;}
#campus_wrap .campus_contents .left_menu .search_box .btn_search:hover,
#campus_wrap .campus_contents .left_menu .search_box .btn_search:focus {color: #513168;}
#campus_wrap .campus_contents .left_menu .con_box {width: 100%;}
#campus_wrap .campus_contents .left_menu .campus_list_ul {width: 100%;}
#campus_wrap .campus_contents .left_menu .campus_list_ul > li {}
#campus_wrap .campus_contents .left_menu .campus_list_ul > li > a {display: flex; align-items: center; padding:15px 15px 15px 20px; border-bottom: 1px solid #eee; align-items: center;}
#campus_wrap .campus_contents .left_menu .campus_list_ul > li > a .icon {display: block; width: 25px; height: 33px; background-image: url('/resources/user/rep/img/icon/icon_map_pin_blue_small.png'); background-size: 100%; background-repeat: no-repeat;}
#campus_wrap .campus_contents .left_menu .campus_list_ul > li > a .txt {text-align: left; padding:0 10px 0 15px;}
#campus_wrap .campus_contents .left_menu .campus_list_ul > li > a .arrow {margin-left: auto;}
#campus_wrap .campus_contents .left_menu .campus_list_ul > li.active {}
#campus_wrap .campus_contents .left_menu .campus_list_ul > li.active > a {background-color: #513168;}
#campus_wrap .campus_contents .left_menu .campus_list_ul > li.active > a .icon {background-image: url('/resources/user/rep/img/icon/icon_map_pin_pink_small.png');}
#campus_wrap .campus_contents .left_menu .campus_list_ul > li.active > a .txt {color:#fff;}
#campus_wrap .campus_contents .left_menu .campus_list_ul > li.active > a .arrow {color:#fff;}

/* 지도 */
#campus_wrap .campus_contents .map_box {width: 100%; height: 100%; background-size: cover;}

/* 버튼 */
.btn_pin {position: absolute; width: 49px; height: 63px; z-index: 10; background-image: url('/resources/user/rep/img/icon/icon_map_pin_blue.png'); background-size: 100%; background-repeat: no-repeat;}
.btn_pin.active {background-image: url('/resources/user/rep/img/icon/icon_map_pin_pink.png');}
.btn_pin.n01 {right: 20%; top: 20%;}
.btn_pin.n02 {right: 55%; top: 25%;}
.btn_pin.n03 {right: 30%; top: 50%;}
.btn_pin.n04 {right: 15%; top: 60%;}



/* 팝업 */
.campus_popUp {display:none; position: fixed; z-index: 1000; left: 33%; top: 18%;}
.campus_popUp .b_box1 {text-align: right; padding: 0 20px 5px;}
.campus_popUp .btn_close {color:#fff; font-weight: 400; font-size: 16px}
.campus_popUp .btn_close i {font-size: 1.3em; vertical-align: middle; margin-right: 5px;}

.campus_popUp .inner {width: 835px; height: 530px; background-color:#fff; border-radius: 20px;}
.campus_popUp .top_box {width: 100%; border-bottom: 1px solid #dddddd; padding: 15px 25px 10px; display: flex;}
.campus_popUp .top_box .tit {margin-right: auto; font-size: 25px; color: #222; font-weight: 400;}
.campus_popUp .top_box .btn {padding-top: 3px;}
.campus_popUp .top_box .btn_arrive {height: 30px; padding: 5px 20px; border-radius: 5px; border: 1px solid #000; font-weight: 400; transition: all .25s ease;}
.campus_popUp .top_box .btn_arrive:hover,
.campus_popUp .top_box .btn_arrive:focus {background-color: #000; color:#fff;}
.campus_popUp .bottom {padding: 30px 25px; width: 100%; height: 100%;}
.campus_popUp .bottom .in_b {width: 100%; height: 85%; overflow-y: auto; padding: 0 10px 0 0;}
.campus_popUp .con_top_b {width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 10px;}
.campus_popUp .con_top_b .img_b {width: 305px; height: 195px; background-size: cover; background-position: center center;}
.campus_popUp .con_top_b .txt_b {width: calc(100% - 305px); padding: 0 10px 0 15px}
.campus_popUp .con_bott_ul {width: 100%; border-top: 2px solid #111;}
.campus_popUp .con_bott_ul > li {width: 100%; border-bottom: 1px solid #ddd;}
.campus_popUp .con_bott_ul > li > a {padding: 12px 20px; display: flex; align-items: center;}
.campus_popUp .con_bott_ul > li > a .txt {margin-right: auto; font-weight: 400;}
.campus_popUp .con_bott_ul > li > a .arrow {display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background-color: #983cd9; color:#fff; font-size: 12px;}
.campus_popUp .con_bott_ul > li > a .arrow i {transition: all .25s ease;}
.campus_popUp .con_bott_ul > li > a.active {background-color: #f9f4fd;}
.campus_popUp .con_bott_ul > li > a.active .arrow i {transform: rotate(180deg);}
.campus_popUp .con_bott_ul > li > .detail_box {padding: 15px 20px; display: none;}
/* .campus_popUp .con_bott_ul > li > a.active + .detail_box {display: block;} */
.campus_popUp .con_bott_ul > li .de_in_ul {}
.campus_popUp .con_bott_ul > li .de_in_ul > li {margin-top: 5px; font-size: 15px; padding-left: 18px; position: relative;}
.campus_popUp .con_bott_ul > li .de_in_ul > li::before {content: ""; display: block; left: 0; top: 3px; width: 8px; height: 2px; background-color: #bbb; position: absolute; left:0; top: 10px;;}
.campus_popUp .con_bott_ul > li .de_in_ul > li:first-child {margin-top: 0;}

.campus_pop_black {display:none; position:fixed; z-index: 990; left:0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}


@media all and (max-width:1300px){
    .campus_popUp {left: calc(50% - 417px);}
}

@media all and (max-width:1000px){
    /******* 캠퍼스맵 *******/
    /* 건물/공간정보 */
    /* 헤더 */
    #campus_wrap .campus_hd {height: auto; display: block; width: 100%; padding: 10px 0 0;}
    #campus_wrap .campus_hd .logo_b {margin-right: 0; margin-bottom: 10px; padding: 0 20px;}
    #campus_wrap .campus_hd .logo_b a {}
    #campus_wrap .campus_hd .logo_b a .img_s img {width: 150px;}
    #campus_wrap .campus_hd .logo_b a .txt {font-size: 20px;}
    #campus_wrap .campus_hd .campus_gnb {flex-wrap: wrap;}
    #campus_wrap .campus_hd .campus_gnb > li {width: 50%; border: 1px solid rgba(255,255,255,0.2);}
    #campus_wrap .campus_hd .campus_gnb > li > a {padding: 12px 10px;}
    #campus_wrap .campus_hd .campus_gnb > li > a .icon {}
    #campus_wrap .campus_hd .campus_gnb > li > a .icon img {width: 30px;}
    #campus_wrap .campus_hd .campus_gnb > li > a .txt {font-size: 14px; margin-left: 5px;}
    #campus_wrap .campus_hd .campus_gnb > li.active > a {background-color: #331355;}

    /* 컨텐츠 */
    #campus_wrap .campus_contents {width: 100%; height: calc(100vh - 100px); position: relative;}

    /* 왼쪽메뉴 */
    #campus_wrap .campus_contents .left_menu {left: 0; width: 300px;}
    #campus_wrap .campus_contents .left_menu .inner {}
    #campus_wrap .campus_contents .left_menu .campus_list_ul > li > a {padding:12px 15px 15px 12px;}
    #campus_wrap .campus_contents .left_menu .campus_list_ul > li > a .icon {width: 20px; height: 26px;}
    #campus_wrap .campus_contents .left_menu .campus_list_ul > li > a .txt {font-size: 14px;}
    #campus_wrap .campus_contents .left_menu .campus_list_ul > li > a .arrow {margin-left: auto;}

    /* 지도 */
    #campus_wrap .campus_contents .map_box {width: 100%; height: 100%; background-size: cover;}

    /* 버튼 */
    .btn_pin {width: 30px; height: 40px;}



    /* 팝업 */
    .campus_popUp {position:fixed; left: 6%; top: 10%;}
    .campus_popUp .b_box1 {padding: 0 50px 5px 0;}
    .campus_popUp .btn_close {font-size: 15px}

    .campus_popUp .inner {width: 90%; height: 500px;}
    .campus_popUp .top_box {width: 100%; border-bottom: 1px solid #dddddd; padding: 15px 25px 10px; display: flex;}
    .campus_popUp .top_box .tit {font-size: 18px;}
    .campus_popUp .top_box .btn {padding-top: 3px;}
    .campus_popUp .top_box .btn_arrive {height: 30px; padding: 5px 20px; border-radius: 5px; border: 1px solid #000; font-weight: 400; transition: all .25s ease;}
    .campus_popUp .top_box .btn_arrive:hover,
    .campus_popUp .top_box .btn_arrive:focus {background-color: #000; color:#fff;}
    .campus_popUp .bottom {padding: 30px 25px; width: 100%; height: 100%;}
    .campus_popUp .bottom .in_b {width: 100%; height: 85%; overflow-y: auto; padding: 0 10px 0 0;}
    .campus_popUp .con_top_b {width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 10px;}
    .campus_popUp .con_top_b .img_b {width: 100%; height: 0; padding-top: 60%;}
    .campus_popUp .con_top_b .txt_b {width: 100%; padding: 20px 0; font-size: 13px;}
    .campus_popUp .con_bott_ul {}
    .campus_popUp .con_bott_ul > li {}
    .campus_popUp .con_bott_ul > li > a {padding: 10px 15px;}
    .campus_popUp .con_bott_ul > li > a .txt {font-size: 14px;}
    .campus_popUp .con_bott_ul > li > a .arrow {width: 15px; height: 15px; font-size: 9px;}
    .campus_popUp .con_bott_ul > li .de_in_ul > li {}
    .campus_popUp .con_bott_ul > li .de_in_ul > li span {font-size: 13px;}
}

/******* 교가 *******/
.song_logo_box {width: 50%; margin: 0 auto; text-align: center; padding: 30px 0; background-color: #dbeff3;}

.song_name {margin: 20px;}
.song_name ul {display: flex; justify-content: center;}
.song_name ul li {margin: 0 20px;}
.song_name ul li b {font-weight: 500; color:#111;}

.song_img_box {text-align: center;}



@media all and (max-width:1000px){
    .song_logo_box {width: 50%; padding: 20px 10px;}

    .song_name {margin: 20px 0 10px;}
    .song_name ul li {margin: 0 10px; font-size: 14px;}

    .song_img_box {text-align: center;}
}

/******* 학칙 및 규정  *******/
.school_regulations .school_rule_one {margin-bottom:45px;}
.school_regulations .school_rule_one .r_title {font-size:22px; padding:7px 0; color:#000; font-weight:500; border-bottom:1px solid #999;}
.school_regulations .school_rule_one .r_sub_title {padding:10px 0px; font-weight:500; color:#101010; font-size:17px; border-bottom:1px solid #999}
.school_regulations .school_rule_one .sub_rule { border-bottom:1px solid #efefef; display:flex; flex-wrap:wrap; justify-content: center; align-items: center; padding-left:5px;}
.school_regulations .school_rule_one .sub_rule span.c_num {width:24px; height:24px; background-color:#006778; color:#fff; font-size:13px; font-weight:500; border-radius:50%; text-align:center; padding:3px;}
.school_regulations .school_rule_one .sub_rule p {color:#666; font-size:15px; font-weight:400; width:calc(100% - 170px); padding-left:10px; }
.school_regulations .school_rule_one .sub_rule p i {float:right; margin-right:10px;}
.school_regulations .school_rule_one .sub_rule .downBtn {border-left:1px dashed #efefef; text-align:center;}
.school_regulations .school_rule_one .sub_rule .innerBtn {display: inline-block; vertical-align: middle; padding: 3px 10px; border-radius: 15px; background-color: #015252; color: #fff; font-size: 12px; margin-left: 3px; transition: all .25s ease;}
.school_regulations .school_rule_one .sub_rule .innerBtn:hover,
.school_regulations .school_rule_one .sub_rule .innerBtn:focus {background-color: #088f8f;}
.school_regulations .school_rule_one .sub_rule .tempDiv {width:100%;}
.school_regulations .school_rule_one .sub_rule .sub_schoolMenu_depth {text-align:right; font-size:13px; color:#5d5d5d; background-color:#eee; border-top:1px solid #333; padding:20px; line-height:2;}
.school_regulations .school_rule_one .sub_rule .downBtn button {background-image: url("/resources/user/rep/img/icon/icon_down_btn.png"); background-repeat: no-repeat; display:inline-block; content:""; padding:22px 20px; height:10px; background-position:center;} 
.school_regulations .school_rule_one .sub_rule .sub_schoolMenu_depth .sub_downBtn {background-image: url("/resources/user/rep/img/icon/icon_down_btn.png"); background-repeat: no-repeat; display:inline-block; content:""; padding:0px 25px; height:25px; background-position:center; float:right;} 
.school_regulations .school_rule_one .sub_rule .sub_schoolMenu_depth .innerBtn {margin-left:15px;} 
.school_regulations .school_rule_one .sub_rule .downBtn button:hover {background-color:#f7f7f7; opacity:1;}
.school_regulations .helf_con {width:49%; float:left;}
.school_regulations .helf_con02 {width:49%; float:right;}


@media all and (max-width:1000px){
    /******* 학칙 및 규정  *******/
    .school_regulations .helf_con {width:100%; float:none;}
    .school_regulations .helf_con02 {width:100%; float:none;}
    .school_regulations .school_rule_one {margin-bottom:25px;}
    .school_regulations .school_rule_one .sub_rule p {width:calc(100% - 145px); font-size:13px; padding:4px 10px;}
    .school_regulations .school_rule_one .r_title {font-size:16px;}
      .school_regulations .school_rule_one .r_sub_title {font-size:13px;}
    .school_regulations .school_rule_one .sub_rule span.c_num {font-size:11px; padding:4px;}
    .school_regulations .school_rule_one .sub_rule .downBtn button {padding:22px 25px;}
}

/******* 스쿨버스  *******/
.tb_con {font-weight:400; color:#444;}
@media all and (max-width:1000px){
    .tb_con {font-size:13px;}
}

/******* 학과안내 *******/
.depart_intro_wrap {width: 100%; padding: 0 30px 0;}
.depart_intro_wrap .row {padding: 60px 0; border-top: 1px solid #dfdfdf; display: flex; align-items: flex-start;}
.depart_intro_wrap .row:first-of-type {padding-top: 30px; border-top: none;}
.depart_intro_wrap .row .img_box {width: 40%; border: 1px solid #dfdfdf;}
.depart_intro_wrap .row .img_box img {width: 100%;}
.depart_intro_wrap .row .txt_box {width: 60%; padding-left: 32px;}
.depart_intro_wrap .row .txt_box h2 {font-size: 23px; font-weight: 500; color: #333; margin-bottom: 20px;}
.depart_intro_wrap .row .txt_box h4 {font-size: 15px; color: #444; font-weight: 300; line-height: 1.7; margin-bottom: 25px;}
.depart_intro_wrap .row .txt_box .link_box {display: flex; justify-content: space-between;}
.depart_intro_wrap .row .txt_box .link_box .one {width: 48%;}
.depart_intro_wrap .row .txt_box .link_box .de_link_ul {width: 100%;}
.depart_intro_wrap .row .txt_box .link_box .de_link_ul > li {border-bottom: 1px solid #eee;}
.depart_intro_wrap .row .txt_box .link_box .de_link_ul > li > a {display: block; padding: 8px 15px; font-weight: 400; font-size: 14px; display: flex; transition: all .25s ease;}
.depart_intro_wrap .row .txt_box .link_box .de_link_ul > li > a .txt {margin-right: auto;}
.depart_intro_wrap .row .txt_box .link_box .de_link_ul > li > a:hover,
.depart_intro_wrap .row .txt_box .link_box .de_link_ul > li > a:focus {background-color: #f2fdff; color: #111;}

@media all and (max-width:800px){
    /******* 학과안내 *******/
    .depart_intro_wrap {padding: 0 10px 0;}
    .depart_intro_wrap .row {padding: 40px 0; flex-wrap: wrap;}
    .depart_intro_wrap .row:first-of-type {padding-top: 10px;}
    .depart_intro_wrap .row .img_box {width: 100%; margin-bottom: 20px;}
    .depart_intro_wrap .row .txt_box {width: 100%; padding-left: 0;}
    .depart_intro_wrap .row .txt_box h2 {font-size: 18px; margin-bottom: 15px;}
    .depart_intro_wrap .row .txt_box h4 {font-size: 13px; margin-bottom: 20px;}
    .depart_intro_wrap .row .txt_box .link_box {display: flex; justify-content: space-between;}
    .depart_intro_wrap .row .txt_box .link_box .one {width: 49%;}
    .depart_intro_wrap .row .txt_box .link_box .de_link_ul > li > a {padding: 7px 5px; font-size: 13px;}
    .depart_intro_wrap .row .txt_box .link_box .de_link_ul > li > a .icon {}
    .depart_intro_wrap .row .txt_box .link_box .de_link_ul > li > a .icon img {width: 12px;}
}

/******* 학적변경안내 *******/
.accordion_hak_w {width: 100%;}
.accordion_hak_w > .a1 {width: 100%; display: flex; border-bottom: 2px solid #005e6f; padding: 15px 10px 15px; align-items: center;}
.accordion_hak_w > .a1 h3 {margin-right: auto; margin-bottom: 0;}
.accordion_hak_w > .a1 .arrow {color: #005a70; transition: all .25s ease;}
.accordion_hak_w > .a1.active .arrow {transform: rotate(180deg);}

.accordion_hak_w > .contents {display:none; padding: 30px 26px;}
/* .accordion_hak_w > .a1.active + .contents {display: block;} */

@media all and (max-width:1000px){
      .accordion_hak_w {}
      .accordion_hak_w > .a1 {padding: 10px 10px 10px;}
      .accordion_hak_w > .contents {padding: 20px 10px;}
}

/******* 총학생회 *******/
.organization2_wrap {width: 100%; padding: 20px 100px;}
.organization2_wrap .depth_01 {width: 100%;}
.organization2_wrap .depth_01 > li {width: 100%;}
.organization2_wrap .depth_01 > li .row_1 {width: 100%; display: flex; margin-bottom: 20px; position: relative;}
.organization2_wrap .depth_01 > li .row_1::before {content: ""; width: 1px; height: 500px; background-color: #ddd; position: absolute; left: 50%; top: 50%; z-index: -1;}
.organization2_wrap .depth_01 > li .row_1 .lb {margin-right: auto; position: relative;}
.organization2_wrap .depth_01 > li .row_1 .lb::before {content: ""; width: 250%; height: 1px; background-color: #ddd; position: absolute; left: 100%; top: 50%; z-index: -1;}
.organization2_wrap .depth_01 > li .depth_02 {width: 100%;}
.organization2_wrap .depth_01 > li .depth_02 > li .row_2 {width: 100%; text-align: center; margin-bottom: 60px;}
.organization2_wrap .depth_01 > li .depth_02 > li .depth_03 {width: 100%; position: relative;}
.organization2_wrap .depth_01 > li .depth_02 > li .depth_03::before {content: ""; width: 75%; height: 1px; background-color: #ddd; position: absolute; left: 12.5%; top: -20px;}
.organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li {}
.organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .row_3 {width: 100%; display: flex; margin-bottom: 80px;}
.organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .row_3 .lb {margin-right: auto;}
.organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .depth_04 {width: 100%; display: flex; position: relative;}
.organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .depth_04::before {content: ""; width: 86.5%; height: 1px; background-color: #ddd; position: absolute; left: 6.7%; top: -30px;}
.organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .depth_04 > li {margin-left: 1%; width: 13.42%; position: relative;}
.organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .depth_04 > li::before {content: ""; width: 1px; height: 30px; background-color: #ddd; position: absolute; left: 50%; bottom: 100%;}
.organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .depth_04 > li:nth-of-type(4)::before {width: 0;}
.organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .depth_04 > li:first-child {margin-left: 0%;}

.organization2_wrap .txt01 {display:block; padding: 20px; background-color: #dcf1f5; border: 1px solid #afe1ea; min-width: 200px; text-align: center; font-weight: 400;}
.organization2_wrap .txt02 {display:inline-block; padding: 20px; background-color: #014c5f; min-width: 250px; text-align: center; font-weight: 500; font-size: 17px; font-weight: 400; color: #fff;}
.organization2_wrap .txt03 {display:block; padding: 20px; background-color: #dcf1f5; border: 1px solid #afe1ea; min-width: 200px; text-align: center; margin-bottom: 20px; position: relative;}
.organization2_wrap .txt03::before {content: ""; width: 1px; height: 20px; background-color: #ddd; position: absolute; left: 50%; bottom: 100%;}
.organization2_wrap .txt03:last-of-type {margin-bottom: 0;}
.organization2_wrap .txt04 {display:flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px 10px; background-color: #fafafa; border: 1px solid #ddd; text-align: center; word-break: keep-all; font-weight: 400; line-height: 1.2;}

@media all and (max-width:1300px){
    /******* 총학생회 *******/
    .organization2_wrap .txt01 {display:block; padding: 20px; background-color: #dcf1f5; border: 1px solid #afe1ea; min-width: 200px; text-align: center; font-weight: 400;}
    .organization2_wrap .depth_01 > li .row_1 .lb::before {width: 150%;}

    .organization2_wrap .depth_01 > li .depth_02 > li .depth_03::before {width: 79%; left: 10%;}

    .organization2_wrap .txt03 {min-width: auto; width: 100%;}
}

@media all and (max-width:1000px){
    /******* 총학생회 *******/
    .organization2_wrap .depth_01 > li .row_1 .lb::before {width: 170%;}
    .organization2_wrap {width: 100%; padding: 20px 50px;}
}

@media all and (max-width:700px){
    /******* 총학생회 *******/
    .organization2_wrap {padding: 10px 20px;}
    .organization2_wrap .depth_01 {}
    .organization2_wrap .depth_01 > li {}
    .organization2_wrap .depth_01 > li .row_1 {display: flex; margin-bottom: 20px;}
    .organization2_wrap .depth_01 > li .row_1::before {content: ""; width: 1px; height: 500px; left: 50%; top: 50%;}
    .organization2_wrap .depth_01 > li .row_1 .lb {margin-right: auto; position: static;}
    .organization2_wrap .depth_01 > li .row_1 .lb::before {width: 100%; left: 0;}
    .organization2_wrap .depth_01 > li .depth_02 {width: 100%;}
    .organization2_wrap .depth_01 > li .depth_02 > li .row_2 {margin-bottom: 60px;}
    .organization2_wrap .depth_01 > li .depth_02 > li .depth_03::before {width: 73%; left: 17%;}
    .organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li {}
    .organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .row_3 {flex-wrap: wrap; margin-bottom: 40px;}
    .organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .row_3 .lb {margin-right: auto;}
    .organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .depth_04 {display: flex; flex-wrap: wrap; position: relative;}
    .organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .depth_04::before {width: 0;}
    .organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .depth_04 > li {margin-left: 0%; width: 100%; margin-top:20px;}
    .organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .depth_04 > li::before {height: 20px; z-index: -1;}
    .organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .depth_04 > li:nth-of-type(1)::before {width: 0px;}
    .organization2_wrap .depth_01 > li .depth_02 > li .depth_03 > li .depth_04 > li:nth-of-type(4)::before {width: 1px;}

    .organization2_wrap .txt01 {padding: 10px; min-width: 0; width: 100%; font-size: 14px;}
    .organization2_wrap .txt02 {padding: 15px; min-width: 250px; font-size: 14px;}
    .organization2_wrap .txt03 {padding: 10px; min-width: auto; width: 100%; font-size: 14px; font-weight: 400;}
    .organization2_wrap .txt04 {padding: 12px 5px; font-size: 13px;}
}

@media all and (max-width:400px){
    .organization2_wrap .depth_01 > li .depth_02 > li .depth_03::before {width: 65%; left: 17%;}
}

/******* 총장에게 바란다 *******/
.info_private_box {width: 100%; border: 1px solid #ddd; padding: 30px 30px 25px;}
.info_private_box .txt_box {height: 180px; overflow-y: auto;}
.info_private_box .txt_box h3 {font-weight: 500; color: #005a70; margin-bottom: 10px; font-size: 16px;}
.info_private_box .txt_box h5 {font-weight: 400; color: #444; font-size: 15px; line-height: 1.5;}
.info_private_box .check_box {margin-top: 0px; border-top: 1px solid #ddd; padding-top: 15px;}
.info_private_box .check_box label {margin-right: 15px; font-weight: 400; font-size: 14px;}


@media all and (max-width:800px){
    /******* 총장에게 바란다 *******/
    .info_private_box {padding: 30px 30px 25px;}
    .info_private_box .txt_box {height: 160px; overflow-y: auto;}
    .info_private_box .txt_box h3 {margin-bottom: 5px; font-size: 15px;}
    .info_private_box .txt_box h5 {font-size: 14px;}
    .info_private_box .check_box {padding-top: 10px;}
    .info_private_box .check_box label {font-size: 13px;}
}

/******* 기숙사 *******/
.dormi_pic_4box {text-align: center;}
.dormi_pic_4box > ul {display: inline-flex; width: 80%; flex-wrap: wrap;}
.dormi_pic_4box > ul > li {text-align: center; width: 50%;}
.dormi_pic_4box > ul > li img {width: 100%;}

@media all and (max-width:1000px){
    .dormi_pic_4box > ul {width: 100%;}
}

/******* 보건실 *******/
.txt_b_box {border:1px solid #ddd; padding:25px 20px;}
.txt_b_box > li {position:relative; padding-left:25px; text-indent:0;}
.txt_b_box li span.arrow_right {content:"▶";display:inline-block; color:#168c8c; padding-right:5px; font-size:10px; vertical-align:middle; position:absolute; left:6px; top:4px;}
.dot_bullet.dot_bullet02 {color:#333; font-weight:300;}

@media all and (max-width:1000px){
    /******* 보건실 *******/
    .txt_b_box {padding:15px 10px;}
    .txt_b_box li span.arrow_right {top:1px;}
  }

/******* 장학제도 *******/
.dot_bullet.dot_bullet02.dot03 {margin-bottom:2px;}
.campus td:nth-child(2) {text-align: left;}

/******* 총장에게 바란다 *******/
.hope_top_board_box {width: 100%; padding: 40px 80px 30px; border-top: 2px solid #005a70; border-bottom: 1px solid #ddd; display: flex; align-items: flex-end;}
.hope_top_board_box .lb {width: 60%;}
.hope_top_board_box .rb {width: 40%; text-align: right;}

.hope_top_board_box .lb h2 {font-size: 30px; font-weight: 400; color: #005a70; margin-bottom: 20px;}
.hope_top_board_box .lb h5 {font-size: 17px; font-weight: 300; color: #333;}
.hope_top_board_box .lb h5 em {font-size: 15px; font-weight: 500; color: #005a70;}



@media all and (max-width:1300px){
    /******* 총장에게 바란다 *******/
    .hope_top_board_box {padding: 40px 10px 30px;}
}

@media all and (max-width:800px){
    /******* 총장에게 바란다 *******/
    .hope_top_board_box {padding: 30px 10px 0px; flex-wrap: wrap;}
    .hope_top_board_box .lb {width: 100%;}
    .hope_top_board_box .rb {width: 100%; margin-top: 10px; text-align: center;}

    .hope_top_board_box .lb h2 {font-size: 16px; margin-bottom: 15px;}
    .hope_top_board_box .lb h5 {font-size: 14px;}
    .hope_top_board_box .lb h5 em {font-size: 14px;}
}






/******* 로그인 페이지 *******/
.login_txt_info {text-align: center; margin: 50px 0 30px; line-height: 1.7; font-weight: 400; font-size: 17px;}

.login_page_box {width: 550px; margin: 0 auto; border: 1px solid #ddd; padding:50px 30px 35px; margin-bottom: 50px;}
.login_page_box .tit {width: 100%; border-bottom: 1px solid #eee; padding-bottom: 15px; text-align: center;}
.login_page_box .tit h2 {font-size: 20px; font-weight: 400;}
.login_page_box .tit label {margin-left: 15px; font-weight: 400;}
.login_page_box .tit label:first-of-type {margin-left: 0;}
.login_page_box .tit label input {vertical-align: middle; margin-top: -5px;}

.login_page_box .content {width: 100%;display: flex;margin-top: 20px;position: relative;}
.login_page_box .content .login_lb {width: 70%;margin-bottom: 40px;}
.login_page_box .content .login_lb .row {width: 100%; margin-top: 5px;}
.login_page_box .content .login_lb .row:first-of-type {margin-top: 0;}
.login_page_box .content .login_lb .txt_login {width: 100%; height: 50px; font-size: 16px; border-color: #ddd;}
.login_page_box .content .login_rb {width: 30%;}
.login_page_box .content .login_rb .btnLogin {width: 100%; height: 100%; background-color: #004b5e; color: #fff; font-size: 17px; transition: all .25s ease; height:105px;}
.login_page_box .content .login_rb .btnLogin:hover,
.login_page_box .content .login_rb .btnLogin:focus {background-color: #0784a3;}

.login_page_box .idSave {position: absolute;left: 0;bottom: 0;float: left;}

.login_page_box .warning_box {margin-top: 50px;}
.login_page_box .warning_box .login_txt {margin: 0 0 10px; font-size: 18px; font-weight:400; color: #333; padding-left: 30px; background: url('/resources/user/rep/img/icon/icon_bullet_01.png') no-repeat left top 7px;}
.login_page_box .warning_box .login_in_txt {padding-left: 30px; font-weight: 400; color: #666;}


@media all and (max-width:600px){
    /******* 로그인 페이지 *******/
    .login_txt_info {margin: 30px 0 20px; font-size: 14px;}

    .login_page_box {width: 100%; padding:30px 20px 30px; margin-bottom: 30px;}
    .login_page_box .tit {padding-bottom: 15px;}
    .login_page_box .tit h2 {font-size: 18px;}
    .login_page_box .tit label {margin-left: 10px; font-size: 13px; display: inline-block;}
    .login_page_box .tit label input {margin-top: -2px;}

    .login_page_box .content {margin-top: 20px;}
    .login_page_box .content .login_lb {}
    .login_page_box .content .login_lb .txt_login {height: 40px; font-size: 14px;}
    .login_page_box .content .login_rb .btnLogin {font-size: 15px; height:85px;}

    .login_page_box .idSave {margin-top: 15px;}
    .login_page_box .idSave label {font-size: 14px;}

    .login_page_box .warning_box {margin-top: 30px;}
    .login_page_box .warning_box .login_txt {font-size: 15px; padding-left: 25px; background: url('/resources/user/rep/img/icon/icon_bullet_01.png') no-repeat left top 3px; background-size: 15px;}
    .login_page_box .warning_box .login_in_txt {padding-left: 20px; font-size: 14px;}
}

/******* 개인정보보호정책 *******/
.privacy_title_box .p_title {color:#fff; background-color:#005a70; width:30%; padding:10px; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center; font-weight:400;}
.privacy_title_box .privacy_con {background-color:#f9f9f9; border:1px solid #efefef; padding:30px 25px;}
.privacy_title_box .privacy_con h3 {color:#111; font-weight:400;}
.privacy_title_box .privacy_con p {padding-top:20px;}
.txt_indent li span.letter01 {letter-spacing:1px;}
.txt_indent li span.letter02 {letter-spacing:12.5px;}
.txt_indent.indent02 li {text-indent: -14px; padding-left:13px;}


.privacy_title_box.dg01 {margin-bottom:50px;}
.privacy_title_box.dg01 .p_title {width:35%;}
.privacy_con.dg02 p {padding-top:0;}
.privacy_title_box.dg01 .pc_btn {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; margin-top:20px;}
.privacy_title_box.dg01 .pc_btn li {flex:1 1 10%; margin:10px 10px;}
.privacy_title_box.dg01 .pc_btn li:first-child, .privacy_title_box.dg01 .pc_btn li:nth-child(4n+1) {/* margin-left:0; */}
.privacy_title_box.dg01 .pc_btn li:nth-child(4n) {/* margin-right:0; */}
.privacy_title_box.dg01 .pc_btn li button {background:#597981; color:#fff; padding:12px 30px; border-radius:5px; width:100%; font-size:16px;}

@media (max-width: 1280px) {
     .privacy_title_box.dg01 .p_title {width:40%;}
}



@media all and (max-width:1000px){
    /******* 개인정보보호정책 *******/
    .privacy_title_box .p_title {width:100%; font-size:14px;}
    .privacy_title_box .privacy_con {padding:15px 10px;}
    .privacy_title_box .privacy_con h3 {font-size:14px;}
    .privacy_title_box .privacy_con p {font-size:14px; padding-top:10px;}
    .txt_indent.indent02 li {text-indent:-10px; padding-left:4px;}
    .txt_indent li span.letter02 {letter-spacing:10.5px;}
  
    .privacy_title_box.dg01 .p_title {width:100%;}
    .privacy_title_box.dg01 .pc_btn li button {padding:10px 0; font-size:14px;}
}


@media (max-width: 640px) {
    .privacy_title_box.dg01 .pc_btn li {flex:1 1 40%; margin:5px 5px;}
    .privacy_title_box.dg01 .pc_btn li:first-child, .privacy_title_box.dg01 .pc_btn li:nth-child(2n+1) {margin-left:0;}
    .privacy_title_box.dg01 .pc_btn li:nth-child(2n) {margin-right:0;}
    .privacy_title_box.dg01 .pc_btn li button {padding:8px 0; font-size:12px;}
}

@media (max-width: 380px) {
    .privacy_title_box.dg01 .pc_btn li {flex:1 1 55%; margin:5px 0;}
}


/******* 전화번호안내 *******/
.number_search_box {background-color:#f7f7f7; padding:20px; text-align:center; border:1px solid #ddd;}
.number_search_box .btn_sear {background-color:#005e6f; height:40px; vertical-align:middle; color:#fff; font-size:16px; transition:all 0.25s ease; padding:0 20px;}
.number_search_box .btn_sear:hover {background-color:#0497aa;}
.number_search_box label {font-weight:500;}

@media all and (max-width:1000px){
    /******* 전화번호안내 *******/
    .number_search_box {padding:20px 15px;}
    .number_search_box label {margin-right:0;}
    .number_search_box .txt_nor.w50 {width:70%;}
    .number_search_box .btn_sear {width:20%; height:35px; font-size:13px; padding:0 5px;}
    .number_search_box .mo_w_box {display:flex;}
}




/******* 구내식당 *******/
.s_menu_con .school_menu .daily_menu {height:auto; border:1px solid #ddd; margin-top:10px;}
.s_menu_con .school_menu .daily_menu ul {display:flex; flex-wrap:wrap;  height:100%; justify-content:center;}
.s_menu_con .school_menu .daily_menu ul li {width:33.33%; height:100%; text-align:center;}
.s_menu_con .school_menu .daily_menu ul li:nth-child(2) {border-left:1px dashed #eee; border-right:1px dashed #eee;}
.s_menu_con .school_menu .daily_menu ul li .m_title {font-weight:500; font-size:16px; background-color:#edf7f7; padding:10px;}
.s_menu_con .school_menu .daily_menu ul li .menu_list {padding:23px 5px; height:189px;}
.s_menu_con .school_menu .daily_menu ul li .menu_list p {font-size:15px;}
.s_menu_con .school_menu .day_t02 p {text-align:center;} 
.s_menu_con .calendar-wrap .mini-calendar {position:relative;}
.s_menu_con .calendar-wrap .mini-calendar .month_arrow_btn {width:100%; position:absolute; display:flex; justify-content: space-around; top:18px;}
.s_menu_con .calendar-wrap .mini-calendar .month_arrow_btn button.prev_b {left:5%;}
.s_menu_con .calendar-wrap .mini-calendar .month_arrow_btn button i {font-size:25px;}

@media all and (max-width:1000px){
    /******* 구내식당 *******/
    .s_menu_con .school_menu .daily_menu ul li {width:100%;}
    .s_menu_con .school_menu .daily_menu ul li .m_title {font-size:14px;}
    .s_menu_con .school_menu .daily_menu ul li .menu_list {font-size:14px; height:auto; padding:16px 5px;}
    .s_menu_con .school_menu .daily_menu ul li:nth-child(2) {border-left:none; border-right:none;}
    .s_menu_con .calendar-wrap .mini-calendar .month_arrow_btn {top:11px;}
    .s_menu_con .school_menu .daily_menu {height:auto;}
}

/******* 사이트맵 *******/
.siteMap_box {width: 100%; display: flex; flex-wrap: wrap; padding: 10px 0 0;}
.siteMap_box .one_box {width: 33.33%; padding: 0px 5% 50px;}
.siteMap_box .one_box h2 {padding: 0 20px 10px 20px; border-bottom: 4px solid #aaa; font-size: 20px; color: #222; font-weight: 500;}
.siteMap_box .one_box .siteM_depth2 {width: 100%; padding: 15px 0 0 15px;}
.siteMap_box .one_box .siteM_depth2 > li {margin-top: 12px;}
.siteMap_box .one_box .siteM_depth2 > li:first-child {margin-top: 0;}
.siteMap_box .one_box .siteM_depth2 > li a {display: block; font-size: 15px; font-weight: 400; color: #555; transition: all .25s ease; position: relative; padding-left: 15px;}
.siteMap_box .one_box .siteM_depth2 > li a::before {content: ""; position: absolute; left:0; top: 10px; width: 4px; height: 4px; border-radius: 50%; background-color: #222;}
.siteMap_box .one_box .siteM_depth2 > li a:hover,
.siteMap_box .one_box .siteM_depth2 > li a:focus {text-decoration: underline; font-weight: 500;}

.siteMap_box .one_box h2 {color:#005a70; border-color:#005a70;}
.siteMap_box .one_box .siteM_depth2 > li a::before {background-color:#005a70;}
.siteMap_box .one_box .siteM_depth2 > li a:hover,
.siteMap_box .one_box .siteM_depth2 > li a:focus {color: #005a70;}

@media all and (max-width:650px){
    /******* 사이트맵 *******/
    .siteMap_box {padding: 5px 0 0;}
    .siteMap_box .one_box {width: 100%; padding: 0px 5% 35px;}
    .siteMap_box .one_box h2 {padding: 0 10px 5px 10px; border-bottom-width: 2px; font-size: 15px;}
    .siteMap_box .one_box .siteM_depth2 {width: 100%; padding: 15px 0 0 15px;}
    .siteMap_box .one_box .siteM_depth2 > li {margin-top: 10px;}
    .siteMap_box .one_box .siteM_depth2 > li a {font-size: 13px; padding-left: 13px;}
    .siteMap_box .one_box .siteM_depth2 > li a::before {top: 7px; width: 3px; height: 3px;}
}

.smallChar {font-size:12px; color:#e22931; font-weight:500; margin:0 0 10px 0;}

/******* 식단 등록 팝업 *******/
.restaurant_popUp_black {position: fixed; left: 0; top: 0; z-index: 5000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}

.restaurant_popUp {position: fixed; z-index: 5050; width: 630px; top: 20%; left: calc(50% - 315px); background-color: #fff; border-radius: 30px; padding: 30px 30px 40px;}
.restaurant_popUp .btn_close {position: absolute; right: 30px; top: 35px; font-size: 30px; color: #bbb;}
.restaurant_popUp .top_box {border-bottom: 1px solid #ddd; padding:10px 50px 20px; text-align: center;}
.restaurant_popUp .top_box h2 {font-size: 22px;}
.restaurant_popUp .bottom_box {padding-top: 33px; display: flex; justify-content: space-around;}
.restaurant_popUp .bottom_box .one {width: 100%; text-align: center;}
.restaurant_popUp .bottom_box .one .one_item{width: 100%; display:inline-block;}
.restaurant_popUp .bottom_box .one .one_item .option_add{text-align: right; margin-right: 10px; font-size: 16px; font-weight: 500; border:1px solid; border-color:#004b5e; color:#004b5e; padding: 0 5px;}
.restaurant_popUp .bottom_box .one .one_item .typeDiv{width:80%; display:inline-block; padding-left:32px;}
.restaurant_popUp .bottom_box .one .one_item .typeDiv .option{width:50%; margin-bottom: 5px; padding:0; float:left;}
.restaurant_popUp .bottom_box .one .one_item .typeDiv .option .option_del{float:left; background-color:#eeee; height:27px; width:20px;}
.restaurant_popUp .bottom_box .one .one_item .left{float:left;}
.restaurant_popUp .bottom_box .one .one_item .one_label{font-size: 16px; color:#5f5f5f; font-weight:500; text-align:left; padding: 0 30px;}
.restaurant_popUp .bottom_box .logo_box {margin-bottom: 15px;}
.restaurant_popUp .bottom_box h3 {font-size: 17px; font-weight: 400; color: #222; margin-bottom: 20px;}
.restaurant_popUp .bottom_box .btn_box {}
.restaurant_popUp .bottom_box .btn_popIn {min-width: 227px; height: 56px; background-color: #000; color: #fff; font-size: 17px; transition: all .25s ease;}
.restaurant_popUp .bottom_box .btn_popIn.red {background-color: #a71b22;}
.restaurant_popUp .bottom_box .btn_popIn.red:hover,
.restaurant_popUp .bottom_box .btn_popIn.red:focus {background-color: #d30610;}
.restaurant_popUp .bottom_box .btn_popIn.blue {background-color: #0b2866;}
.restaurant_popUp .bottom_box .btn_popIn.blue:hover,
.restaurant_popUp .bottom_box .btn_popIn.blue:focus {background-color: #0338ac;}

.dateUpdate{color: #005a70;font-size: 14px;font-weight: 500;margin-left: 10px; cursor:pointer}
.dateDelete{color: #d64c6a;font-size: 14px;font-weight: 500;margin-left: 10px; cursor:pointer}


@media all and (max-width:700px){
    .restaurant_popUp {width: 90%; top: 20%; left: 5%; border-radius: 25px; padding: 20px 20px 30px;}
    .restaurant_popUp .btn_close {right: 25px; top: 20px; font-size: 20px;}
    .restaurant_popUp .top_box {padding:5px 40px 15px;}
    .restaurant_popUp .top_box h2 {font-size: 15px;}
    .restaurant_popUp .bottom_box {padding-top: 20px; flex-wrap: wrap;}
    .restaurant_popUp .bottom_box .one {width: 100%; margin-top: 30px;}
    .restaurant_popUp .bottom_box .one:first-of-type {margin-top: 0px;}
    .restaurant_popUp .bottom_box .one .one_item .typeDiv{width:80%; display:inline-block; padding-left:50px;}
    .restaurant_popUp .bottom_box .one .one_item .typeDiv .option input{width:80%;}
    .restaurant_popUp .bottom_box .logo_box {margin-bottom: 10px;}
    .restaurant_popUp .bottom_box .logo_box img {width: 140px;}
    .restaurant_popUp .bottom_box h3 {font-size: 15px; margin-bottom: 10px;}
    .restaurant_popUp .bottom_box .btn_popIn {min-width: 170px; height: 40px; font-size: 14px;}
    .restaurant_popUp .bottom_box .btn_popIn.red {background-color: #a71b22;}
    .restaurant_popUp .bottom_box .btn_popIn.red:hover,
    .restaurant_popUp .bottom_box .btn_popIn.red:focus {background-color: #d30610;}
    .restaurant_popUp .bottom_box .btn_popIn.blue {background-color: #0b2866;}
    .restaurant_popUp .bottom_box .btn_popIn.blue:hover,
    .restaurant_popUp .bottom_box .btn_popIn.blue:focus {background-color: #0338ac;}
}

/* 대학통합 */
.area_unite img{width:100%}
.area_unite .group_btn{display: flex;flex-wrap: wrap;justify-content: center;gap:10px 15px;padding-top:20px;text-align: center}
.area_unite .group_btn a{display: inline-flex;gap:5px;align-items: center;justify-content: center;min-width: 210px;padding:15px 10px;font-size: 16px;line-height: 1.5;color:#fff;background: #005a70}