@charset "utf-8";
/* jinhak_sub.css  */



.bigtit {}
.listtit {font-size: 18px;position: relative;padding-left: 15px;line-height: 150%;}
.subtxt {display:block; font-size:16.5px; line-height:140%; font-weight:400; word-break:keep-all;}
.subtxt strong {font-size:1.3em;}
.fc_blue {color:#0c4ca3 !important;}

.bull_barnavy:before {content: '';position: absolute;top: 3px;left: 0;width: 5px;height: 18px;background: #14375A;}
.bull-redstar:before {content:"*"; color:#ed0808; margin-right: 3px;}
.bull-mintdot:before {content:""; width:4px; height:4px; position:absolute; top:9px; left:8px; background:#74dcd3;}
.bull-hyphen:before {content:"-"; position:absolute; top:0px; left:0px;}
.bull-none::before {display:none;}

.btn-jinhak-blue {color:#fff; background: linear-gradient(90deg, rgb(22, 135, 237), rgb(20, 55, 90));}


/* srchbox basic setting */
.srchbox {box-sizing: border-box;padding-top: 30px !important;}
.srchbox input[type="text"] {height: 50px;line-height: 50px;font-size:15px;border: 3px solid #14375A;margin-right: -4px;}
.srchbox .wzbtn.btn-srch {height: 50px;line-height: 48px !important;font-size: 19px;border-radius:0;background: #14375A;border-color: #14375A;padding: 0 !important;width: 20%;max-width: 105px;}
.srchbox .wzbtn.btn-srch:before {float:none;}
.srchbox select {background-color:#fff; height:40px; font-size:1em; border-color:#c6c6c6;}
.srchbox div .wzbtn, .srchbox div select {height:50px; line-height:50px !important; padding:0 15px; font-size:16px; border-radius:0;}

    @media (max-width:799px){
    	.srchbox .wzbtn.btn-srch {padding-left:15px; padding-right:10px;font-size: 17px;width: 30% !important;max-width: none;}
		.srchbox input[type="text"] {width: 70% !important;float: none;}
    }
	
	@media (min-width:600px) and (max-width:799px){.video_btnwrap .allvideobtn + .srchbox {width:60% !important;}}
	@media (max-width:599px){
		.srchbox {width:100% !important; clear:both; margin-top:15px;}
	}



/*link btnbox - 직업유형비디오에서 사용*/
.link_btnbox {display:block;}
.link_btnbox ul {width:100%; padding-left:0 !important;}
.link_btnbox ul li {float:left; position:relative; border: 1px solid rgba(0,0,0,0.1); border-top-width: 3px; list-style:none !important; box-sizing:border-box; text-align:center; background:#fff; height: 132px;
					border-radius: 3px;margin-bottom:15px; transition:border-color 0.5s; -webkit-transition:border-color 0.5s; background: linear-gradient(#fffdfd, #fcfcfc);}
.link_btnbox ul li a:before {content:"";width: 42px;height: 42px;margin-left: -21px;display: inline-block;background: url('/images/jinhak/module/openapi/career/jobinfo/icon_jobs.png') no-repeat;background-size: 42px;/* background-size: contain; *//* margin-bottom: 10px; */position: absolute;top: 20px;left: 50%;transition: transform 1s;}
	.link_btnbox ul li.jobVideoIcon02 a:before {background-position-y:-42px;}
	.link_btnbox ul li.jobVideoIcon03 a:before {background-position-y:-84px;}
	.link_btnbox ul li.jobVideoIcon04 a:before {background-position-y:-126px;}
	.link_btnbox ul li.jobVideoIcon05 a:before {background-position-y:-168px;}
	.link_btnbox ul li.jobVideoIcon06 a:before {background-position-y:-210px;}
	.link_btnbox ul li.jobVideoIcon07 a:before {background-position-y:-252px;}
	.link_btnbox ul li.jobVideoIcon08 a:before {background-position-y:-294px;}
	.link_btnbox ul li.jobVideoIcon09 a:before {background-position-y:-336px;}
	.link_btnbox ul li.jobVideoIcon10 a:before {background-position-y:-378px;}
	.link_btnbox ul li.jobVideoIcon11 a:before {background-position-y:-420px;}
	.link_btnbox ul li.jobVideoIcon12 a:before {background-position-y:-462px;}
	.link_btnbox ul li.jobVideoIcon13 a:before {background-position-y:-504px;}
	.link_btnbox ul li.jobVideoIcon14 a:before {background-position-y:-546px;}
	.link_btnbox ul li.jobVideoIcon15 a:before {background-position-y:-588px;}
	.link_btnbox ul li.jobVideoIcon16 a:before {background-position-y:-630px;}
	.link_btnbox ul li.jobVideoIcon17 a:before {background-position-y:-672px;}
	.link_btnbox ul li.jobVideoIcon18 a:before {background-position-y:-714px;}
	.link_btnbox ul li.jobVideoIcon19 a:before {background-position-y:-756px;}
	.link_btnbox ul li.jobVideoIcon20 a:before {background-position-y:-798px;}
	.link_btnbox ul li.jobVideoIcon21 a:before {background-position-y:-840px;}
	.link_btnbox ul li.jobVideoIcon22 a:before {background-position-y:-882px;}
	.link_btnbox ul li.jobVideoIcon23 a:before {background-position-y:-924px;}
	.link_btnbox ul li.jobVideoIcon24 a:before {background-position-y:-966px;}
	.link_btnbox ul li.jobVideoIcon25 a:before {background-position-y:-1008px;}
.link_btnbox ul li.jobVideoIcon01:before {content:"";}
.link_btnbox ul li a {font-size: 15px; letter-spacing: -0.5px; word-break:keep-all; word-wrap: break-word; vertical-align: middle; line-height: 130%;
					  height: 100%;width:100%; box-sizing: border-box; display:block; padding: 68px 15px 20px; font-family: 'Noto Sans KR';}
.link_btnbox ul li:hover {border-top-color: #2f7961;font-weight:600;}
.link_btnbox ul li:first-child a, .link_btnbox ul li:nth-child(14) a, .link_btnbox ul li:nth-child(15) a, .link_btnbox ul li:nth-child(16) a, .link_btnbox ul li:nth-child(17) a, .link_btnbox ul li:nth-child(24) a, .link_btnbox ul li:nth-child(25) a {padding-top: 78px;}
.link_btnbox ul li:hover a:before {transform: rotateY(180deg);}

	@media (max-width:799px){
		.link_btnbox ul {display: flex; flex-wrap: wrap; align-content: stretch;}
		.link_btnbox ul li.wd19 {width: 32% !important; margin-right: 2%; height:auto; line-height:normal !important; margin-bottom:10px;}
		.link_btnbox ul li.wd19:nth-child(3n) {margin-right:0;}
		.link_btnbox ul li.wd19:nth-child(5n):not(:nht-child(3n)) {margin-right:1%;}
		.link_btnbox ul li.wd19:nth-child(5n+1) {clear:none;}
		.link_btnbox ul li.wd19:nth-child(3n+1) {clear:both;}
	}

.jinhak_ul01 {position:relative; padding-left:0 !important;}
.jinhak_ul01>li {position:relative; list-style:none !important; padding-left:10px;}
.jinhak_ul01 li>strong {font-size:19px;}
.jinhak_ul01 li ul {}
.jinhak_ul01 li ul li {position:relative; list-style:none !important;}
.infobox .jinhak_ul01 {padding-left:10px !important;}


/* basic box div */
.greybox {border:1px solid rgba(214,214,214,1); padding:3%; box-sizing:border-box;}
.greybox .title {}

/* btnbox */
.btnbox {display:block;}
.btnbox .wzbtn {height:40px; line-height:40px; padding:0 20px; font-size:16px;}



/* paging */
ul.num {display:table; margin:0 auto; float:none !important;}
ul.num li {display:inline-block; width:auto !important;padding:0 !important;list-style:none;}
ul.num li:last-child {margin-right:0;}
ul.num li a {padding: 0;display:inline-block;font-size: 13px;color:#333;width: 40px;height: 40px;line-height: 40px;
			margin: 0 2px;text-align: center; vertical-align:middle;}
ul.num li a.on {background:#272d3d; color:#fff; border:1px solid #e8e8e8; font-weight:600;box-sizing:border-box;}
ul.num li a:hover,
ul.num li a:focus {font-weight:600; text-decoration:underline;}
ul.num li a > img {width:20px; height:20px;}

ul.num li.prev a,
ul.num li.next a {font-size:0;text-indent:-9999px; vertical-align:middle;text-align: center;position: relative;
				border: 1px solid #ddd;box-sizing: border-box;}
ul.num li.prev a:before {content:"\276C";}
ul.num li.prev.first a:before {content:"\276C \276C";}
ul.num li.next a:before {content:"\276D";}
ul.num li.next.last a:before {content:"\276D \276D";}
ul.num li.prev a:before,ul.num li.next a:before {font-size:15px;text-indent:0;color:#333;width: 100%;height: 100%;float: left;}

	@media (max-width:699px){
		ul.num li.first, ul.num li.last {display:none;}
		ul.num li a {width:30px; height:30px; line-height:30px;}
	}
	@media (max-width:450px){
		ul.num li a {width:25px; height:25px; line-height:25px; margin:0;}
		ul.num li.prev {margin-right:3px;}
		ul.num li.next {margin-left:3px;}
	}




/* tooltip */
.tooltip {display: inline-block;vertical-align: middle;position: relative;margin-top: -4px;}
.tooltip>p {display: inline-block;width: 16px;height: 16px;line-height: 16px;font-size: 11px;border-radius: 100%;color: #fff;font-weight: 400;cursor:pointer;text-align: center;background: #14375A;}
.tooltip>div {display:none;padding: 10px; color:#333; line-height: 130%; font-size: 14px; font-weight: 400; word-break: keep-all; text-align: left;
				position: absolute; top: 1px; left: 20px; width: 305px; background: #fff; border: 1px solid #ddd; box-sizing: border-box; z-index: 1;}
.tooltip>p:hover + div {display:inline-block;}
.tooltip>div>p {font-size: 1.3em;font-weight:600;display:block;margin-bottom:5px;}








/* 모집요강 */
.srch-area button:nth-child(8) ~ button {margin-top:10px;}

	@media (max-width:599px){
		.srch-area button {width:24.25%;}
		.srch-area button:nth-child(4) ~ button {margin-top:10px;}
		.srch-area button:nth-child(4n+1) {clear:both;}
	}




/* view - top shadowbox */
.infobox {width:100%; border:1px solid #ddd; border-top:1px solid #333; box-sizing:border-box;}
.infobox.fx-shadow {box-shadow:0 3px 5px rgba(0,0,0,0.05);}
.infobox .imgbox {width:150px; background:#fafafc; text-align:center; padding:30px; box-sizing:border-box; float:left;}
.infobox .imgbox img {width:100%; max-width:100px;}
.infobox p {width:calc(100% - 150px); box-sizing:border-box; font-size: 18px; padding:30px; line-height:130%; float:left;}



/* 이전,다음글 */
.prev_next {border-bottom:1px solid #ddd;}
.prev_next dt {width:15%;padding:20px 10px;text-align:center;box-sizing:border-box;float:left;position: relative;}
.prev_next dd {width:85%; padding:20px 10px 20px 50px; text-align:left; box-sizing:border-box; float:left;}
.prev_next dd>a {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.prev_next dt:first-of-type:after,
.prev_next dt:last-of-type:after {content:"";width:7px;height:7px;transform:rotate(-45deg);border:2px solid #333;position: absolute;right: 10px;}
.prev_next dt:first-of-type:after {border-width:2px 2px 0 0;top: 25px;}
.prev_next dt:last-of-type:after {border-width:0 0 2px 2px;}
.prev_next dt:first-child,
.prev_next dd:first-of-type {border-bottom:1px solid #ddd;}

	@media (max-width:599px){
		.prev_next dt {width:20%;}
		.prev_next dd {width:80%;}
	}



/* sub 텍스트 영역 */
.txt_group {margin: 50px 20px;}
.txt_group strong {display:inline-block;color: #0c4ca3; font-weight:600; line-height:20px;}
.txt_group p {margin-top:15px; margin-left:10px; font-size:18px; color:#333;line-height: 140% !important;word-break: keep-all;word-wrap: break-word;}
.txt_group a {color:#0c4ca3; border-bottom:1px solid #0c4ca3; font-weight:600;}
.txt_group em.indicator {display:block; text-align:right; font-size:14px; color:#666;}
.txt_group em.division::before {content:"|"; margin:0 15px;}

.txt_group ul.depth_01 {margin-left:10px;}
.txt_group ul.depth_01 li {margin-left:-22px; font-size:16px; color:#333; text-align:left; line-height:150%; list-style:none !important; margin-top:15px; position:relative;}
.txt_group ul.depth_01 li:first-child {margin-top:0;}
.txt_group ul.depth_01 li.bullte_none::before {display:none;}
.txt_group ul.depth_01 li p {font-size:16px; margin-top:5px;}

.txt_group ul.depth_02 {margin-left:0px;}
.txt_group ul.depth_02 li {list-style:none !important; font-size:15px; line-height:150%; color:#333; margin-top:5px; margin-left:-22px; position:relative;}
.txt_group ul.depth_02 li::before {content:"-"; width:0; height:0; position:absolute; top:0px; left:-10px; background:#74dcd3;}

.txt_group ul.depth_03 {}
.txt_group ul.depth_03 li {font-size:14px; margin-top:3px;}
.txt_group ul.depth_03 li:first-child {margin-top:0;}
.txt_group ul.depth_03 li::before {display:none;}

.txt_group dl.depth_01 {}
.txt_group dl.depth_01 dt {list-style:none !important; font-size:18px; font-weight:600; line-height:150%; vertical-align:top; display:inline-block; position:relative;}
.txt_group dl.depth_01 dd {font-size:17px; font-color:#333; line-height:150%; vertical-align:top; display:inline-block;}

.txt_group dl.depth_02 {margin-left:15px;}
.txt_group dl.depth_02 dt {list-style:none !important; font-size:15px; line-height:150%; color:#333; font-weight:600; margin-top:5px; position:relative;}
.txt_group dl.depth_02 dd {margin-left:15px; font-size:15px; line-height:150%;}
.txt_group dl.depth_02 dd::after {content:""; width:100%; display:block;}



/* table_01 : ver.wide 세로선없음 */
.jinhak_tablebasic01 {border-top: 2px solid #364373;}
.jinhak_tablebasic01 tr.top_tit th {font-size:18px; font-weight:600; text-align:center; line-height:150%; padding:20px 10px; background:#f8f8f8; box-sizing:border-box;}
.jinhak_tablebasic01 tr:not(.top_tit) th {font-size:18px; font-weight:600; text-align:center; line-height:150%; padding:20px 10px; border-bottom:1px solid #d6d6d6; background:#f8f8f8; box-sizing:border-box;}
.jinhak_tablebasic01 tr td {font-size:18px; text-align:center; line-height:150%; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; padding:10px;}
.jinhak_tablebasic01 tr td:first-child {border-left:0;}


/* table_02 : ver.blue */
.jinhak_tablebasic02 {border-top: 1px solid #364373;border-bottom: 1px solid #364373;}
.jinhak_tablebasic02 tr.top_tit th {font-size:18px; font-weight:600; text-align:center; line-height:150%; padding:20px 10px; border-bottom:1px solid #d6d6d6; background:#f4f9fd; box-sizing:border-box;}
.jinhak_tablebasic02 tr:not(.top_tit) th {font-size: 16.5px;font-weight:600;text-align:center;line-height:150%;padding:20px 10px;border-bottom:1px solid #d6d6d6;background: #edf6ff;box-sizing:border-box;}
.jinhak_tablebasic02 tr td {font-size: 16.5px; text-align:center; line-height:150%; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6 !important; padding:10px;word-break: keep-all;word-wrap: break-word;}
.jinhak_tablebasic02 tr td:last-child {border-right:0;}
.jinhak_tablebasic02 tbody tr:last-child > th {border-bottom:0 !important;}
.jinhak_tablebasic02 tbody tr:last-child > td {border-bottom:0 !important;}


/* table_03 : ver.deep_blue */
.jinhak_tablebasic03 {border-top: 1px solid #364373;border-bottom: 1px solid #364373;}
.jinhak_tablebasic03 tr.top_tit th {font-size:18px; font-weight:600; text-align:center; line-height:150%; padding:20px 10px; background:#a3cede; box-sizing:border-box;}
.jinhak_tablebasic03 tr:not(.top_tit) th {font-size: 16.5px; font-weight:600; text-align:center; line-height:150%; padding:20px 10px; border-bottom:1px solid #fff;background: #edf6ff; box-sizing:border-box;}
.jinhak_tablebasic03 tr td {font-size:16px; text-align:center; line-height:150%; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; padding:10px;}
.jinhak_tablebasic03 tr td:last-child {border-right:none;}
.jinhak_tablebasic03 tbody tr:last-child > th {border-bottom:none;}
.jinhak_tablebasic03 tbody tr:last-child > td {border-bottom:none;}


@media (max-width:599px){
		.txt_group {margin:20px 5px;}
		.jinhak_tablebasic01 tr.top_tit th,
		.jinhak_tablebasic01 tr:not(.top_tit) th,
		.jinhak_tablebasic02 tr.top_tit th,
		.jinhak_tablebasic02 tr:not(.top_tit) th,
		.jinhak_tablebasic03 tr.top_tit th,
		.jinhak_tablebasic03 tr:not(.top_tit) th {font-size:17px;}
		.jinhak_tablebasic01 tr td,
		.jinhak_tablebasic02 tr td,
		.jinhak_tablebasic03 tr td {font-size:15px;}
	}


/* 센터소개_발간도서 (상세페이지)  */
.book_view {width:100%; display:inline-block;}
.table_prevnext_list td:hover a {color:#0c4ca3 !important;}
p span.notice {line-height:1.5em;}
      
@media (max-width:799px){
        .book_view {width:100%;}
        .txt_group p {font-size:16px;}

		.book_img {width:10%;}
		.book_tit {width:20%; padding:10px 5px !important;}
		.book_info {width:70%; padding:10px 5px !important;}
    }





/* tab */
#TabMenu ul.tab_basic{padding-left:0!important;}
#TabMenu{width: calc(100% - 20px);margin: 0 10px;}
#TabMenu ul.tab_basic {width:100%;}
#TabMenu ul.tab_basic:after{content:'';display:block;clear:both;}
#TabMenu ul.tab_basic li:first-child {border-left:1px solid rgba(214,214,214,1);}
#TabMenu ul.tab_basic li {list-style:none; float:left;/* overflow:hidden; */border: 1px solid #a7c3df; border-left:0px; line-height:1.5em;box-sizing: border-box;}
#TabMenu ul.tab_basic li a.select {background: #4e759d;color:#fff;cursor:default;pointer-events:none;position: relative;}
#TabMenu ul.tab_basic li a.select:after {content:"";width: 0;height: 0;display: inline-block;border-top: 7px solid #4e759d;border-left: 7px solid transparent;border-right: 7px solid transparent;position: absolute;bottom: -7px;left: 50%;margin-left: -7px;}
#TabMenu ul.tab_basic li.active a{background:#0c4ca3; color:#fff; cursor:default;} /* 마이페이지 - 약관 탭메뉴 통일로 추가 됨 */
#TabMenu ul.tab_basic li a {text-align:center; font-size:18px; font-weight:600; width:100%; padding:20px 0; display:inline-block;background: #fdfdfd; color:#666;}

#TabMenu ul.tab_basic li:only-child {width:100%}
#TabMenu ul.tab_basic li:nth-last-child(2), #TabMenu ul.tab_basic li:nth-last-child(2)+li {width:50%;}
#TabMenu ul.tab_basic li:nth-last-child(3), #TabMenu ul.tab_basic li:nth-last-child(3)~li {width:33.33333333333333%}
#TabMenu ul.tab_basic li:nth-last-child(4), #TabMenu ul.tab_basic li:nth-last-child(4)~li {width:25%}
#TabMenu ul.tab_basic li:nth-last-child(5), #TabMenu ul.tab_basic li:nth-last-child(5)~li {width:20%}

	@media (max-width:990px){
		#TabMenu ul.tab_basic {border-top:1px solid rgba(214,214,214,1);}
		#TabMenu ul.tab_basic li {border-top:0;}
		#TabMenu ul.tab_basic li:nth-child(odd) {border-left:1px solid rgba(214,214,214,1);}
		#TabMenu ul.tab_basic li:nth-child(odd):nth-last-child(1) {width:100%;}
		#TabMenu ul.tab_basic li:nth-last-child(2), #TabMenu ul.tab_basic li:nth-last-child(2)+li {width:50%;}
		#TabMenu ul.tab_basic li:nth-last-child(3), #TabMenu ul.tab_basic li:nth-last-child(3)~li {width:50%;}
		#TabMenu ul.tab_basic li:nth-last-child(4), #TabMenu ul.tab_basic li:nth-last-child(4)~li {width:50%}
		#TabMenu ul.tab_basic li:nth-last-child(5), #TabMenu ul.tab_basic li:nth-last-child(5)~li {width:50%}
	}
	@media (max-width:599px){
		#TabMenu ul.tab_basic {display:flex; flex-wrap: wrap; align-content: stretch;}
		#TabMenu ul.tab_basic li {}
		#TabMenu ul.tab_basic li a {height:100%; word-break: keep-all; padding: 20px 10px; box-sizing: border-box; line-height: 130%;}
	}