@charset "utf-8";
/* @latest 2023.12.06 OSY */
/* @latest 2023.12.21 YHY */

/********** common **********/
/* align */
.univ-info-wrap .dir-row {flex-direction:row;}
.univ-info-wrap .dir-column {flex-direction:column;}
.univ-info-wrap .justify-center {justify-content:center;}
.univ-info-wrap .justify-between {justify-content:space-between;}

/* tab menu */
.tab-bg-active {background-color:#4e759d;}
.jinhak-tab-menu {display:flex; flex-flow:row wrap; padding-left:0 !important; margin-bottom:20px;}
.jinhak-tab-menu li {flex-grow:1; border:1px solid #a7c3df;}
.jinhak-tab-menu li button {width:100%; height:100%; padding:20px 10px; font-size:18px; color:#666;}
  /* tab menu - active */
  .jinhak-tab-menu li[class *= "tab-bg-active"] {border-color:#4e759d;}
  .jinhak-tab-menu li[class *= "tab-bg-active"] button {font-weight:600; color:#fff;}

/* search */
/* .univ-info-wrap .univ-info-list .srch_wrap {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end; border:0; box-shadow:none;} */
.univ-info-wrap .univ-info-list .total {margin:5px 0;}
.univ-info-wrap .univ-info-list .total .num {font-size:1.13em; font-weight:600; color:#1687ED;}
/* .univ-info-wrap .univ-info-list .srch_wrap select {height:50px; font-size:0.94em; box-sizing:border-box;}
.univ-info-wrap .univ-info-list .srch_wrap select + * {margin-left:5px;} */
.univ-info-wrap .srchbox {display:inline-flex; justify-content:center; align-items:center; width:100%; padding-top:0!important; margin:5px 0;}
.univ-info-wrap .srchbox .wzbtn.btn-srch {display:inline-flex; justify-content:center; align-items:center; min-width:105px;}

/* bottom-btn */
.bottom-btn-wrap {display:flex; flex-flow:row wrap; justify-content:center; align-items:center; margin-top:50px;}



/********** 대학별 정보 - 목록 **********/
.univ-info-wrap .btn-view {font-size:0.81em; border:1px solid #c6c6c6; border-radius:20px; box-sizing:border-box; -webkit-transition:all 0.2s; transition:all 0.2s;}
.univ-info-wrap .jinhak-list tbody tr {position:relative;}
.univ-info-wrap .jinhak-list tbody tr td {font-size:16px;}
  /* list - hover */
  .univ-info-wrap .jinhak-list tbody tr:hover td {border-style:solid; border-color:#a7c3df; border-width:1px 0; background-color:#f6f9fc; font-weight:600;}
  .univ-info-wrap .jinhak-list tbody tr:hover td:first-child {border-left-width:1px;}
  .univ-info-wrap .jinhak-list tbody tr:hover td:last-child {border-right-width:1px;}
  .univ-info-wrap .jinhak-list tbody tr:hover td::after {position:absolute; top:-1px; left:0; content:''; width:100%; height:1px; background-color:#a7c3df;}
  .univ-info-wrap .jinhak-list tbody tr:hover .btn-view {background-color:#1687ED; border-color:#1687ED; font-weight:600; color:#fff;}



/********** 대학별 정보 - 상세 **********/
.univ-info-view {display:flex; flex-flow:row wrap; justify-content:space-between; font-size:16px;}
.univ-info-view [class *= "area"] {display:inline-flex;}
.univ-info-view .map-area {background:url(../images/jinhak/ex_map.jpg) center no-repeat; background-size:cover; box-sizing:border-box;}
.univ-info-view .map-area * {max-width:100%;}
.univ-info-view .univ-area {flex-direction:row; flex-wrap:wrap;}
  /* 대학이름, URL, 주소 */
  .univ-info-view .info-box {display:inline-flex; flex-direction:column; align-items:flex-start; width:100%; padding:30px; background-color:#4e759d; box-sizing:border-box;}
    .univ-info-view .info-box *::before {position:absolute; top:0; left:0; display:inline-flex; justify-content:center; align-items:center; width:20px; height:20px; font-family:FontAwesome; font-weight:300; color:#14375A; background-color:#fff; border-radius:50%;}
    .univ-info-view .info-box .name {font-size:1.88em; color:#fff;}
    .univ-info-view .info-box .site {position:relative; padding-left:28px; font-size:0.81em; color:#fff;}
    .univ-info-view .info-box .site::before {content:"\f0c1";}
    .univ-info-view .info-box .address {position:relative; padding-left:28px; line-height:1.5em; font-size:0.81em; color:#fff; word-wrap:break-word; word-break:keep-all;}  
    .univ-info-view .info-box .address::before {content:"\f015";}
    .univ-info-view .info-box .fa {margin-right:4px; font-weight:300;}
  /* 대학알리미 영역 */
  .univ-info-view .univ-info-link {display:flex; justify-content:space-between; align-items:center; width:100%; padding:10px 30px; background-color:#14375A; box-sizing:border-box;}
  .univ-info-view .univ-info-link .text {font-size:0.88em; color:#fff;}
  .univ-info-view .univ-info-link .fa {margin-right:4px; font-weight:300; font-size:1.25em;}    
  .univ-info-view .univ-info-link .btn-link {padding:10px 15px; line-height:1.3em; font-size:0.81em; color:#fff; text-align:center; word-wrap:break-word; word-break:keep-all; background-color:#ffffff33; border:1px solid #ffffff4d; box-sizing:border-box; -webkit-transition:all 0.2s; transition:all 0.2s;}
  .univ-info-view .univ-info-link:hover .btn-link {background-color:#4e759d; border:1px solid #ffffff80;}
  /* 관련 링크 배너 */
  .univ-info-view .bnr-group {display:flex; flex:1 1 0; width:100%; box-sizing:border-box;}
    .univ-info-view .bnr-group .bnr-basic {position:relative; display:inline-flex; align-items:center; flex-grow:1; font-size:0.88em; letter-spacing:-0.3px; padding:15px 10px; border:1px solid #c6c6c6; box-sizing:border-box;}
    .univ-info-view .bnr-group .bnr-basic:hover, 
    .univ-info-view .bnr-group .bnr-basic:active {border-color:#4e759d; font-weight:600;}
    .univ-info-view .bnr-group.dir-column .bnr-basic {padding-left:20px;}
    .univ-info-view .bnr-group.dir-column .bnr-basic::before {position:absolute; top:-1px; left:-1px; content:''; width:3px; height:calc(100% + 2px); background-color:#4e759d;} 
    .univ-info-view .bnr-group.dir-column .bnr-basic:hover {background-color:#f6f9fc;}
    .univ-info-view .bnr-group .bnr-basic img {align-self:center; width:auto; max-width:50px;}
  /* 간격 */
  .univ-info-view .info-box * + * {margin-top:10px;}
  .univ-info-view .bnr-group.dir-row {flex:1.2 1 0;}
  .univ-info-view .bnr-group .bnr-basic img + span {margin-top:15px;}



@media (min-width:1040px){
  .univ-info-view [class *= "area"] {width:calc(50% - 15px);}
  .univ-info-view .map-area {min-height:500px;}
}
@media (max-width:1039px){
  .univ-info-view {font-size:15px;}
  .univ-info-view [class *= "area"] {width:100%;}
  .univ-info-view .map-area {min-height:300px;}
  .univ-info-view .info-box *::before {width:19px; height:19px;}
  .univ-info-view .univ-info-link {padding:20px 30px;}
}
@media (max-width:1039px) and (min-width:800px){
}
@media (max-width:799px){
  .jinhak-tab-menu li button {padding:15px 10px; font-size:1em;}
  .univ-info-wrap .srch_wrap {justify-content:start;}
  .univ-info-wrap .srchbox {width:100% !important;}
  .univ-info-wrap .srchbox .wzbtn.btn-srch {min-width:80px;}

  .univ-info-view .info-box .btn-link {margin-top:20px;}
}
@media (min-width:600px){
  .univ-info-wrap .btn-view {padding:8px 20px;}
}
@media (min-width:500px){
  .jinhak-tab-menu li:not(:last-child) {border-right:0;}
  .univ-info-view .info-box ~ .bnr-group {margin-top:30px;}
  .univ-info-view .bnr-group + .bnr-group {margin-left:15px;}
  .univ-info-view .bnr-group.dir-row .bnr-basic:not(:first-child):not(:only-child) {margin-left:15px;}
  .univ-info-view .bnr-group.dir-column .bnr-basic:not(:first-child):not(:only-child) {margin-top:15px;}
}
@media (max-width:499px){
  .jinhak-tab-menu {flex-direction:column;}
  .jinhak-tab-menu li + li {margin-top:-1px;}
  .univ-info-wrap .jinhak-list tbody tr td {font-size:13px;}
  
  .univ-info-view {font-size:14px;}
  .univ-info-view .map-area {min-height:200px;}
  .univ-info-view .univ-info-link {flex-direction:column; justify-content:flex-start; align-items: flex-start;}
  .univ-info-view .info-box,
  .univ-info-view .univ-info-link {padding:20px;}
  .univ-info-view .univ-info-link .text + .btn-link {margin-top:10px;}
  .univ-info-view .univ-info-link .btn-link {width:100%;}
  .univ-info-view .bnr-group {flex:1 1 100%;}
  .univ-info-view .info-box ~ .bnr-group {margin-top:10px;}
  .univ-info-view .bnr-group.dir-row .bnr-basic:not(:first-child):not(:only-child) {margin-left:10px;}
  .univ-info-view .bnr-group.dir-column .bnr-basic:not(:first-child):not(:only-child) {margin-top:10px;}  
}



/********** 대학별 정보 - 등록 **********/
.register-form {width:100%; border-top:2px solid #000 !important; margin-top:20px; margin-bottom:50px;}
.register-form tbody th {padding:20px 15px; font-size:16.5px; font-weight:600; line-height:1.4em; text-align:left; vertical-align:middle; word-wrap:break-word; word-break:keep-all; background-color:#f9f9f9; border-bottom:1px solid #eaeaea; box-sizing:border-box;}
.register-form tbody th span.sbscrbPointc {color:#2e6fcd;}

.register-form tbody td {font-size:16.5px; line-height:1.5em; padding:10px 15px; border-bottom:1px solid #eaeaea; box-sizing: border-box;}
.register-form input {border:1px solid #ccc; outline:none; width:100%; height:42px; font-size:16px; box-sizing:border-box;}
.register-form input:focus {border:1px solid #06378e;}
.register-form textarea {width:90%; min-height:200px; padding:20px; font-size:16px; border:1px solid #ccc;}
.register-form textarea.hgt50 {min-height:100px;}
.register-form select {height:42px; font-size:16px; border:1px solid #ccc;}
.register-form .btn-basic {display:inline-flex; flex-flow:row wrap; justify-content:center; align-items:center; min-height:42px; padding:10px; margin-top:2px; margin-bottom:2px; box-sizing:border-box;}
.register-form .map-area {position:relative; width:100%; height:350px; overflow:hidden;}


	@media (max-width:599px){
    .register-form colgroup {display:none;}
		.register-form:not(.storage) {border-bottom:1px solid #ccc;}
		.register-form tbody tr {width:100% !important; float:left; display:block;}
		.register-form tbody th {clear:both; float:left; width:25%; font-size:15px; padding:10px; padding-left:0; border:1px solid #ccc; border-width:1px 0 0 0; line-height:1.5em; background:none; box-sizing:border-box;}
		.register-form tbody td {float:left; width:75%; font-size:15px; padding:10px; word-break:break-all; box-sizing:border-box;}
		.register-form tbody td iframe {width:100% !important;}
		.register-form tbody td:not(.logo_img) {border:1px solid #ccc; border-width:1px 0 0 0;}
		.register-form tbody td:only-child {width:100%;}
		.register-form tbody td .sbscrbPwspan {line-height:120%; font-size:15px;}
		.register-form .eng_word {font-size:14px;}
		.register-form input, .register-form select {max-width:100%; height:32px; line-height:32px; font-size:16px;}
    .register-form .btn-basic {height:32px;}
		.register-form input + button {padding:6px 5px 5px !important;}
		.register-form textarea {min-height:100px; padding:10px; font-size:15px;}
	}