/**
 * 이 파일은 서울대 연동모듈의 일부입니다. (https://www.imodule.kr)
 *
 * 서울대 포털 스타일시트
 *
 * @file /templets/snu/styles/style.css
 * @author Arzz (arzz@arzz.com)
 * @license MIT License
 * @version 3.0.0.160910
 */

.clear				 {float:none; clear:both;}

a                 {text-decoration:none; color:#666; outline:none;}
a:visited         {color:#666;}
a:active          {color:#666;}
a:hover           {color:#666; text-decoration:none;}

@media (min-width:1000px) {
	.container {width:900px;}
}

@media (min-width:1300px) {
	.container {width:1200px;}
}

@media (min-width: 1420px) {
    .container {
        width: 1400px;
    }
}
/* div.context {padding:600px 0;} */
main.subpage > div.flex {display:flex; gap: 40px;}
main.subpage > div.container:after {all:unset;}
main.subpage > div.container:before {all:unset;}
main.subpage > div.intro {position:relative; display:flex; align-items:center; justify-content:center; height:300px; text-align:center; background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url(../images/bg_support.png); padding-block: 66px; margin-bottom: 60px;}
main.subpage > div.intro:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1;}
main.subpage > div.intro > div.container {height:inherit;}
main.subpage > div.intro div.text_box {position: relative; display:flex; flex-direction: column; gap: 10px;  align-items: center;  justify-content:center; z-index: 2; width: 100%; height: 100%;}
main.subpage > div.intro div.text_box p {width:fit-content; font-size: 2.286rem; font-weight:700; color:#fff; text-align:left; letter-spacing: 0.5px;}
main.subpage > div.intro div.text_box p.description {color:#E8E8E8; font-size: 16px; letter-spacing: 0.5px; font-weight: 500;} 
main.subpage > div.intro.page_intro {background-image:url(../images/sub_visual_intro.png);}

main.subpage aside.sidebar {flex-shrink: 0; display:inline-flex; flex-direction: column; width:300px;}
main.subpage aside.sidebar > div.menu_title {display:flex; align-items:center; height:164px; justify-content:center; padding-inline: 60px; padding-block:20px; border-radius: 32px 0 0 0; background: url(../images/bg_aside_nav_00.svg); background-size: cover;}
main.subpage aside.sidebar > div.menu_title p {font-size: 28px; font-weight: 600; color: #fff;}
main.subpage aside.sidebar > ul.menu_list {display:inline-flex; flex-direction: column;}
main.subpage aside.sidebar > ul.menu_list > li{padding-inline: 60px; padding-block:20px; font-weight: 500; font-size: 1.286rem;}
main.subpage aside.sidebar > ul.menu_list > li.selected a{color:#E50E84;}
main.subpage aside.sidebar > ul.menu_list > li:not(:last-child){border-bottom: 1px solid #E1E1E1;}


main.subpage > div.container > div.context {display:flex; flex-direction: column; gap:10px; width:100%; position:relative; z-index:0; table-layout:fixed; margin: unset;}
main.subpage > div.container > div.context > div.context_header {display:flex; justify-content: end; align-items: end;}
main.subpage > div.container > div.context > div.context_header h2.title{display:none;}
main.subpage > div.container > div.context > div.context_header > ul.breadcrumb{display:flex; gap:20px; align-items: center;}
main.subpage > div.container > div.context > div.context_header > ul.breadcrumb li {display:flex;justify-content: center; align-items: center;}
main.subpage > div.container > div.context > div.context_header > ul.breadcrumb li a {display:flex;justify-content: center; align-items: center;}
main.subpage > div.container > div.context > div.context_header > ul.breadcrumb li p {color:#222;}

main.subpage > div.container > div.context > nav {display:table-cell; width:218px; vertical-align:top; padding-bottom:20px;}
main.subpage > div.container > div.context > nav > h2 {width:100%; color:#111; background:#fff; line-height:100px; font-size: 1.71rem; text-align:center; border-top:0px solid #046b40; height:100px; background:#014099; color:#fff;}

main.subpage > div.container > div.context > nav > ul {list-style:none;}
main.subpage > div.container > div.context > nav > ul > li {position:relative; border-bottom:1px solid #ebebeb; background-color:#fff; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
main.subpage > div.container > div.context > nav > ul > li > a {display:block; width:100%; line-height:24px; padding:18px 15px; box-sizing:border-box; text-decoration:none; color:#666; font-size: 1.00rem; word-break:keep-all; font-weight:500;}
main.subpage > div.container > div.context > nav > ul > li:hover {background:#ebebeb;}
main.subpage > div.container > div.context > nav > ul > li:hover > a {color:#19989b;}

main.subpage > div.container > div.context > nav > ul > li.selected {background-color:#19989b; border-bottom:1px solid #19989b; border-left:1px solid #19989b; border-right:1px solid #19989b;}
main.subpage > div.container > div.context > nav > ul > li.selected > a {position:relative; color:#fff;}
main.subpage > div.container > div.context > nav > ul > li.selected > a:after {position:absolute; display:block; top:25px; right:15px; content:''; width:7px; height:7px; border:3px solid #fff; border-radius:100%;}

main.subpage > div.container > div.context > nav > ul > li.group > button {display:block; position:relative; width:100%; line-height:24px; padding:18px 30px 18px 15px; color:#666; font-size: 1.00rem; text-align:left; border:0 none; background:none; cursor:pointer;}
main.subpage > div.container > div.context > nav > ul > li.group:hover{background:#fff}
main.subpage > div.container > div.context > nav > ul > li.group:hover > button{color:#19989b; background:#ebebeb;}
main.subpage > div.container > div.context > nav > ul > li.group:hover > button:after{color:#19989b}
main.subpage > div.container > div.context > nav > ul > li.group > button:after {content:'\e603'; font-family:'xeicon'; position:absolute; right:10px; top:0; height:60px; line-height:60px; color:inherit;}
main.subpage > div.container > div.context > nav > ul > li.group > ul {display:none; list-style:none; }
main.subpage > div.container > div.context > nav > ul > li.group > ul > li > a {display:block; position:relative; font-size: 0.93rem; line-height:30px; padding-left:10px; text-decoration:none; color:#666;}
main.subpage > div.container > div.context > nav > ul > li.group > ul > li > a:after {content:''; display:block; position:absolute; left:10px; top:26px; width:2px; height:2px; border-radius:50%; background:#bbb;}

main.subpage > div.container > div.context > nav > ul > li.group.selected > button:hover{color:#19989b; background:#ebebeb; }
main.subpage > div.container > div.context > nav > ul > li.group.selected{background:#fff; border-color:#ebebeb; }
main.subpage > div.container > div.context > nav > ul > li.group.selected > button{color:#19989b}

main.subpage > div.container > div.context > nav > ul > li.group.opened > button {background:#fff; color:#19989b; cursor:pointer; }
 /* main.subpage > div.container > div.context > nav > ul > li.group.opened:hover > button{color:#19989b; background:#ebebeb;} */
main.subpage > div.container > div.context > nav > ul > li.group.opened > button:after {content:'\e613';}
main.subpage > div.container > div.context > nav > ul > li.group.opened > ul {display:block;}
 /*main.subpage > div.container > div.context > nav > ul > li.group.opened > ul > li{border-top:1px solid #ebebeb} */
main.subpage > div.container > div.context > nav > ul > li.group.opened > ul > li{}
main.subpage > div.container > div.context > nav > ul > li.group.opened > ul > li > a{padding:10px 20px}
main.subpage > div.container > div.context > nav > ul > li.group.opened > ul > li:hover > a{color:#19989b; background:#ebebeb;}
main.subpage > div.container > div.context > nav > ul > li.group.opened > ul > li:hover > a:after{background-color:#19989b }
main.subpage > div.container > div.context > nav > ul > li.group.opened > ul > li.selected > a {background-color:#19989b; border-bottom:1px solid #19989b; border-left:1px solid #19989b; border-right:1px solid #19989b; color:#fff}
main.subpage > div.container > div.context > nav > ul > li.group.opened > ul > li.selected > a:after{background-color:#fff}

main.subpage > div.container > div.context > section {display:table-cell; padding: unset;}
main.subpage > div.container > div.context > section > h3 {position:relative; z-index:1; height:98px; padding-left:0px; line-height:98px; font-size: 2.14rem; border-top:0px solid transparent; border-bottom:1px solid #e6e6e6; margin-bottom:40px;}
main.subpage > div.container > div.context > section > h3 > div {position:absolute; top:0; right:0px; font-size: 0.00rem; vertical-align:middle;}
main.subpage > div.container > div.context > section > h3 > div > a {display:inline-block; font-size: 1.14rem; width:40px; height:40px; line-height:40px; vertical-align:middle; text-align:center;}
main.subpage > div.container > div.context > section > h3 > div > i {width:1px; height:18px; background:#e9e7ea; display:inline-block; margin:0px 5px; vertical-align:middle;}

main.subpage div.nbreadcrumb_fix {position:sticky; top:0; left:0; right:0; z-index:1; padding:10px 0;  font-size: 0.00rem; text-align:left; border-bottom:1px solid #F4F4F4; background:#fff;display:flex;height:61px;}
main.subpage div.nbreadcrumb_fix  > div.container {display:flex; align-items:center; justify-content:space-between;}
main.subpage div.nbreadcrumb_fix  > div.container::after,
main.subpage div.nbreadcrumb_fix  > div.container::before {content:none;}
main.subpage div.nbreadcrumb_fix  > div.container h3 {color:#333;font-size: 1.93rem; font-weight:bolder; line-height:normal;}
main.subpage div.nbreadcrumb_fix div.wrap {display:flex; align-items:center;}
main.subpage div.nbreadcrumb_fix div.container a {display:inline-block; width:240px;}
main.subpage div.nbreadcrumb_fix div.container a.home {width:20px; border-left:1px solid #EFEFEF;}
main.subpage div.nbreadcrumb_fix div.container a > span {display:block; height:60px; padding:0 20px; line-height:60px; border-right:1px solid #EFEFEF; font-size: 1.07rem; color:rgba(0,0,0,0.6); text-align:center; }
main.subpage div.nbreadcrumb_fix div[data-role=input] {display:inline-block; width:180px; height:60px; margin:0; position:relative; vertical-align:top;}
main.subpage div.nbreadcrumb_fix div[data-role=input]:nth-of-type(1):after {content:""; position:absolute; right:-10px; top:50%; transform:translateY(-50%); display:inline-block; width:14px; height:14px; background-image:url(../images/sub_arrow_down.png); background-repeat:no-repeat; background-size:100% 100%;}

main.subpage div.nbreadcrumb_fix div[data-role=input] > span {display:block; height:60px; padding:0 20px; line-height:60px; border-right:1px solid #EFEFEF; font-size: 1.07rem; color:#fff;}
main.subpage div.nbreadcrumb_fix div[data-role=input] > button {height:60px; border:0 none; background:none; font-size: 1.07rem; color:rgba(0,0,0,0.6);}
main.subpage div.nbreadcrumb_fix div[data-role=input] > button > span {width:calc(100% - 40px); padding-left:20px; font-size: 1.00rem; font-weight:600;}
main.subpage div.nbreadcrumb_fix div[data-role=input] > button > i {width:40px; font-size: 0.86rem; color:rgba(0,0,0,0.6);}
main.subpage div.nbreadcrumb_fix div[data-role=input] > button > i::before {content:'\f107'; font-family:'FontAwesome';}
main.subpage div.nbreadcrumb_fix div[data-role=input][data-type=select] > ul {top:59px; font-size: 1.07rem; border-color:#EFEFEF; z-index:4; background-color:#F8F8F8;}
main.subpage div.nbreadcrumb_fix div[data-role=input][data-type=select] > ul > li {border-color:#EFEFEF; color:rgba(0,0,0,0.6);}
main.subpage div.nbreadcrumb_fix div[data-role=input][data-type=select] > ul > li:focus {color:#fff;}
div[data-module=working] div.openrecruit ul.list li.jasoseol {margin-bottom:60px;}

 /* 서브페이지 공통 */ 
div.sub_cnts > h4.tit {position:relative; margin:40px 0px 10px 30px; font-size: 1.79rem; color:#000}
div.sub_cnts > h4.tit::before {content: ""; width: 18px; height: 18px; position: absolute; left: -25px; top:50%; transform:translateY(-50%); background-image:url(../images/ico_main_tit.svg);}
div.sub_cnts > h5.tit {position: relative; margin:40px 0px 10px 21px; font-size: 1.57rem; color:#333;}
div.sub_cnts > h5.tit::before {content: "";width: 10px;height: 10px;position: absolute;left: -20px;top: 8px; background-image:url(../images/ico_sub_tit.svg);}

div.sub_cnts div.tb {overflow:hidden; overflow-x:auto;}
div.sub_cnts div.tb > table {width:100%; border-collapse:collapse; box-sizing:border-box; min-width:800px; font-size: 1.00rem; overflow:hidden;}
div.sub_cnts div.tb > table thead th {padding:10px; height:28px; border:1px solid #e5e5e5; background:#f4f6fA; text-align:center; vertical-align:middle; color:#09469C; line-height:28px; word-break:keep-all;}
div.sub_cnts div.tb > table thead tr:first-child > th {border-top:2px solid #09469C;}
div.sub_cnts div.tb > table thead th:first-child {border-left:0 none;}
div.sub_cnts div.tb > table thead th:last-child {border-right:0 none;}

div.sub_cnts div.tb > table tbody th {padding:10px; height:28px; border:1px solid #e5e5e5; background:#fBfBfB; text-align:center; vertical-align:middle; color:#666; line-height:28px;}
div.sub_cnts div.tb > table tbody th:first-child {border-left:0 none;}

div.sub_cnts div.tb > table tbody td {height:28px; padding:10px; border:1px solid #e5e5e5; text-align:center; vertical-align:middle; color:#666; line-height:28px; word-break:keep-all;}
div.sub_cnts div.tb > table tbody td:first-child {border-left:0 none;}
div.sub_cnts div.tb > table tbody td:last-child {border-right:0 none;}
div.sub_cnts div.tb > table tbody td.a_l {text-align:left; padding:10px 15px;}
div.sub_cnts div.tb > table tbody td.gohome {padding:0;}
div.sub_cnts div.tb > table tbody td > b {font-weight:500; color:#1a1a1a;}


/* ozpack 스타일 임시로 */
div.box_tb__normal {overflow:hidden; overflow-x:auto;}
div.box_tb__normal > table {width:100%; border-collapse:collapse; box-sizing:border-box; min-width:800px; font-size: 1.00rem; overflow:hidden;}
div.box_tb__normal > table thead th {padding:10px; height:28px; border:1px solid #e5e5e5; background:#f7f7f7; text-align:center; vertical-align:middle; color:#111; line-height:28px; word-break:keep-all;}
div.box_tb__normal > table thead tr:first-child > th {border-top:1px solid #5c5f66;}
div.box_tb__normal > table thead th:first-child {border-left:0 none;}
div.box_tb__normal > table thead th:last-child {border-right:0 none;}

div.box_tb__normal > table tbody th {padding:10px; height:28px; border:1px solid #e5e5e5; background:#f7f7f7; text-align:center; vertical-align:middle; color:#111; line-height:28px;}
div.box_tb__normal > table tbody th:first-child {border-left:0 none;}

div.box_tb__normal > table tbody td {height:28px; padding:10px; border:1px solid #e5e5e5; text-align:center; vertical-align:middle; color:#666; line-height:28px; word-break:keep-all;}
div.box_tb__normal > table tbody td:first-child {border-left:0 none;}
div.box_tb__normal > table tbody td:last-child {border-right:0 none;}
div.box_tb__normal > table tbody td.a_l {text-align:left; padding:10px 15px;}

main.subpage .mb30 {margin-bottom:30px;}
div.sub_cnts h4.tit {margin-bottom:10px; font-size: 2.00rem; word-break:keep-all; line-height:54px; color:#1a1a1a;}
div.sub_cnts p.mb30 {font-size: 1.00rem; line-height:25px; color:#666; word-break:keep-all;}
div.sub_cnts div.box_tb__normal > table tbody td button {padding:10px; border:1px solid #d0d0d0; background:#0d4ea4; box-sizing:border-box;}
div.sub_cnts div.box_tb__normal > table tbody td button a {color:#fff;}



@media (max-width:1600px) {
	main.subpage > div.intro {width:100%; border-radius:0;}
}

@media (max-width:1199px) {
	main.subpage aside.sidebar {display:none;}
	main.subpage > div.intro div.text_box p {margin-left:0; width:100%; text-align:center;}
}
@media (max-width:1000px) {
	main.subpage div.nbreadcrumb_fix {padding:8px 0;}
	main.subpage div.nbreadcrumb_fix > div.container h3 {font-size: 1.43rem;}
	main.subpage div.nbreadcrumb_fix div[data-role=input] {height:40px;}
	main.subpage div.nbreadcrumb_fix div[data-role=input] > button  {height:40px;}

}

@media (max-width:620px) {
	main.subpage div.nbreadcrumb_fix > div.container h3 {font-size: 1.07rem;}
	main.subpage div.nbreadcrumb_fix div.wrap {width: 80%;}
}

/* default2 스타일 서브페이지 네비게이션 */
main.subpage > div.intro {margin-bottom:0;}
main.subpage > nav {background: linear-gradient(90deg, #222 34%, #222 80%, #E50E84 100%); padding-block: 0.86rem; position: relative; z-index: 2; margin-top: -4.71rem;}
main.subpage > nav > div.container {overflow-x:auto;}
main.subpage > nav > div.container::before,
main.subpage > nav > div.container::after {content:none;}
main.subpage > nav ul {all:unset; display:flex; gap: 1.43rem; align-items:center; min-width:max-content;}
main.subpage > nav ul li {all:unset; display:flex; align-items:center; justify-content:center; gap: 0.57rem;}
main.subpage > nav ul li.home {cursor:pointer;}
main.subpage > nav ul li.home > a {all:unset; width: 2.29rem; height: 2.29rem; background-color:#E50E84; display:flex; flex-shrink:0; align-items:center; justify-content:center; padding: 0.36rem; border-radius:9999px; color:#fff;}
main.subpage > nav ul li.home > a > svg {width:1.43rem; height:1.43rem;}
main.subpage > nav ul > div[data-role=input] {margin:0; flex-shrink:0;}
main.subpage > nav ul > div[data-role=input][data-type=select] > button {background-color:transparent; color:#fff; border:0 none;}
main.subpage > nav ul > div[data-role=input][data-type=select] > button > span {font-size: 1.14rem; font-weight: 500;}
main.subpage > nav ul > div[data-role=input][data-type=select] > button > i {color:#fff;}
main.subpage > nav ul > div[data-role=input][data-type=select].extend > ul {top:4.29rem; padding:0.57rem; border-radius:0.57rem; background:#fff; box-shadow:0 0 0.71rem 0 rgba(0,0,0,0.05); border:0 none; max-height:none;}
main.subpage > nav ul > div[data-role=input][data-type=select] > ul > li {display:flex; padding:0.79rem 1.14rem; justify-content:center; align-items:center; align-self:stretch; color:#333; font-size: 1rem; font-weight: 500; line-height:1.71rem; letter-spacing:-0.04rem; box-sizing:border-box; height:3.29rem; border-bottom:0 none;}
main.subpage > nav ul > div[data-role=input][data-type=select] > ul > li:focus {color:#333; background:#F5F5F5 !important;}
main.subpage > nav .arrow {display:flex; align-items:center; justify-content:center; flex-shrink:0;}
main.subpage > nav .arrow > svg {display:block;}
main.subpage > div.container > div.context > div.context_header {display:none;}

@media (max-width:991px) {
	main.subpage > nav {margin-top:0;}
	main.subpage > div.intro {margin-bottom:2.14rem;}
}