@charset "utf-8";

/* 20240315 1280 dev */
@media  (max-width:1680px){
	.leftWrap {
	    width: fit-content;
		position: relative;
		top: 0px;
		left: 0px;
	}
	#contents {
		float: left;
		position: relative;
		width: 820px;
	}
	.eduIntroCont .semesterTypeArea > span{
		left: 25%;
	}
	.boxCnt03 {
		gap: 3px;
	}
	.boxCnt03.eduOrgInfoArea02 .boxInner
	{
		max-width: 200px;
	}
	#frm:has(#contents){
		width: unset;
	}
	.leftWrap .lnbArea:has( > ul > li>a:focus) {
		height: fit-content;
	}
}
@media (max-width:1200px){
	.quickArea2 {
		display: none !important;
	}

}
/* end */
/* mobile size - layout */
@media screen and (min-width: 0px) and (max-width:1024px){
	/* Common */
	.rs-mt0 {margin-top:0 !important;}
	.rs-mt3 {margin-top:3px !important;}
	.rs-mt5 {margin-top:5px !important;}
	.rs-block {display:block;}
	.rs-w150 {width:150px !important;}
	.rs-w100 {width:100% !important;}
	.rs-w90 {width:90% !important;}
	.rs-w80 {width:80% !important;}
	.rs-w75 {width:75% !important;}
	.rs-w25 {width:25% !important;}
	.rs-w30 {width:30% !important;}
	.rs-w40 {width:40% !important;}
	.rs-w45 {width:45% !important;}
	.rs-w50 {width:calc(50% - 5px)!important;}
	.rs-w60 {width:60% !important;}
	.rs-img {max-width:100%;}

	.border-bottom1 {border-bottom:1px solid #99a0aa !important;}
	/* Layout */
	/* bsh */
	.wrap {
		min-width: 320px;
		overflow: unset;
	}
	.wrap .container{
		flex-direction: column;
		gap: 0;
	}
	.gnb-scope .login{
		min-height: 60px;
		box-sizing: border-box;
	}
	.gnb-scope .gnb{
		height: calc(100% - 140px)!important;
	}
	.bachelor{
		display: inline-flex;
		flex-direction: column;
		gap: 10px;
	}
	.wrap .quickArea, .wrap .leftWrap {
		float:unset;
		width: 100%;
		position: relative;
		left: unset;
		top: unset;
		padding: 10px;
		box-sizing: border-box;
	}
	/* end */
	.wrap .container {width:100%;padding-bottom:30px;padding-top:0;}
	.wrap .location {display:none;}
	.wrap .innerContView {padding:0 15px;}
	.wrap .innerContView:has(table) {padding:0px 10px;}
	.wrap .btnTop{display:block;margin-left:0;left:auto;right:15px;width:35px;height:35px;background-size:35px}

	#header {width:100%;height:54px}
	#header .btnAllmenu{display:block;z-index:100;font-size:0;position:absolute;top:15px;left:15px;width:20px;height:18px;background:url('/nrsc/images/common/btn_allmenu.png') no-repeat left top;background-size:100%;}
	#header .btnAllmenu span{display:block;width:22px;height:3px;margin-bottom:4px;background:#142e4e;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
	#header .btnAllmenu span:first-child{margin-top:2px}
/* bsh */
	#header {
		position: sticky;
		top: 0;
		z-index: 999;
	}
	#header .hgroup {
		display: flex !important;
		width: 100%;
		justify-content: space-between;
		box-shadow: 0 3px 8px #00000017;
	}
	#header .hgroup .logo {
		position: relative;
		left: 10px;
		top: 5px;
		width: 98px;
		height: 50px;
		margin: 0;
		background: url("/nrsc/images/common/logo_m.png") no-repeat center center;
		background-size: 98px auto;
	}
	.header .header-utilities{
		display: flex;
	}
	.sr-only {
		position: absolute;
		overflow: hidden;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		white-space: nowrap;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}
	.leftWrap h2.ltit{
		font-size: 1rem;
		/* position: relative; */
		width: fit-content;
	}
	.leftWrap h2.ltit::after{
		content: '';
		position: absolute;
		width: 25px;
		height: 25px;
		right: 10px;
		background: url("/nrsc/images/common/ico_tblscroll_hand3.png") no-repeat center center;
		background-size: contain;
		cursor: pointer;
	}
	.leftWrap .lnbArea > ul > li > a{
		font-size: .8rem;
	}
	.tabWrap .tab > li .stab li{
		white-space: nowrap;
	}
/* end */
	#header .hgroup .logo a {}
	#header .hgroup .headerF {display:none}
	/* bsh */
	#header .gnbArea {overflow-x:scroll;width:100%;background:#142e4e; display: none;}
	/* end */
	#header .gnbInner {overflow-x:scroll;width:800px;}
	#header .gnbInner #gnb .gnbDep1 > li > a {padding:12px 0 12px 30px}
	#header .gnbInner #gnb .gnbDep1 {margin:0;width:100%;;}
	#header .gnbInner.active {height:50px !important;border-bottom:none;background:#fff;}
	#header .gnbInner.active #gnb .gnbDep1 > li > ul {display:none;}
	#header .searchBox {display:none}
	#header .mobileUtil {position:absolute;right:0;top:0;display:block;}
	#header .mobileUtil a {display:inline-block;width:130px;font-size:0;margin-right:15px;}
	#header .mobileUtil .searchBtn {width:24px;height:24px;background:url('/nrsc/images/common/btn_search_mb.png') no-repeat center center;background-size:100%}
	#header .mobileUtil .mypageBtn {width:24px;height:24px;background:url('/nrsc/images/common/btn_mypage_mb.png') no-repeat center center;background-size:100%}

	#contents {width:auto;min-width:100%;max-width:100%;width:100%;min-height:250px}
	.lnbNone #contents {width:auto;min-width:100%;max-width:100%;width:100%;min-height:250px}
	#contents .pgTit {position:relative;height:60px;line-height:60px;margin-bottom:20px;background:#355da8;color:#fff;font-weight:500;font-size:18px;text-align:center;z-index:95;}
	#contents .pgTit .prev {position:absolute;display:inline-block;width:25px;height:25px;color: #fff;left:18px;top:18px;background:url('/nrsc/images/common/btn_arrow_mb01.png') center no-repeat;background-size:auto 23px;font-size:0;}
	#contents .pgTit .prev:hover {outline:1px solid #aaa}
	#contents .subTit {margin-top:30px;}
	#contents .innerContView > .subTit:first-child {padding-top:10px !important;}

	#footer {width:auto;padding:30px 15px;}
	#footer .footerArea{width:100%;text-align:left;padding-bottom:20px;}
	#footer .footerArea .logo{display:none}
	#footer .footerArea .copyright{margin-top:5px;padding:0;}
	#footer .footerArea .copyright span{display:block;font-size:11px;line-height: 16px;}
	#footer .footerArea .copyright em{font-size:11px;display:block;line-height: 16px;}
	#footer .footerArea .copyright .center {display:none;}
	#footer .footerArea .footerUtil .privacy {padding-left:0;background:none;}
	#footer .footerArea .footerUtil br {display:block;}
	/* bsh */
	#footer .footerArea .siteLinkArea {position:relative;top:0;right:0;margin-top:10px;
		display: flex;
		flex-direction: column;
		gap: 5px;
	}
	/* end */
	#footer .footerArea .siteLinkArea .selectboxWrap {margin-left:0;margin-bottom:5px;width:100%;}
	#footer .footerArea .webMark  {position:relative;top:0;right:0;padding-top:10px;}
	#footer .footerArea .callCenter {margin-top:5px;font-size:14px;color:#172c46;}
	#footer .footerArea .callCenter strong {font-size:16px;color:#00588a;}
	#header .mobileHeader{display:block;}

	.layerPop {top:-50px !important;}
	.layerPopWrap {height:40% !important;}
	.layerPopWrap .layerPopInner {width:80% !important;height:85% !important;top:30px !important;}
	#myInfoPop .layerPopInner {height:320px !important;}
	#privacyAgreePop .layerPopInner {width:80% !important;height:40% !important;top:100px !important;} /* 메인약관동의 */



/* bsh */
.gnb-scope-login .user-login{
	box-sizing: border-box;
}
.container{
	min-height: calc(100vh - 170px) !important;
	/* padding: 10px; */
	box-sizing: border-box;
}
/* .gnb-scope{
	display: inline-flex !important;
	flex-direction: column;
} */
.leftWrap .lnbArea{
	width: 100%;
    height: 0;
    overflow: hidden;
    transition: all .35s;
	border-top: unset;
	margin: 0;
	/* transition-delay: .5s; */
	padding-left: 5px;
	max-height: 100%;
    overflow: auto;
}
.leftWrap.active .lnbArea{
	height: fit-content;
	padding-left: 10px;
    box-sizing: border-box;
}
.header ~ .gnb-scope{
	display: none;
}
.header.gnb-show ~ .gnb-scope{
	display: flex;
	flex-direction: column;
	z-index: 999;
}
.gnb .gnb-link-items{
	box-sizing: border-box;
}
.boxCnt04.eduOrgInfoArea .boxInner{
	max-width: unset;
}
.boxCnt03.eduOrgInfoArea{
	display: flex;
    flex-direction: column;
    gap: 10px;
}
/* 참고링크 간격조정 */

.cau03{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.cntTxt01 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.eduIntroCont .eduProceArea > ul > li{
	padding-left: 0;
	padding-right: 0;
}
/* 퀵메뉴 제거 */
.quickArea2{
	display: none !important;
}
.listDateHr li .btnWrap{
	display: flex;
    width: 100%;
    gap: 5px;
}
.listDateHr .btnWrap a{
	width: 100%;
}
/* end */

	/* 모바일 슬라이드 */

	.mobileSideBar {position:fixed; z-index:120; top:0; left:0; width:100%; height:100%; overflow-y:auto;transition:.3s ease-out;transform:translateX(-100%); -webkit-transition:.3s ease-out; -webkit-transform:translateX(-100%); -moz-transition:.3s ease-out; -moz-transform:translateX(-100%);}
	.mobileSideBar.active {transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);}
	.mobileSideBar .dim  {display:none;width:100%;height:100%;background-color:#000; opacity:0.7;filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; position:fixed; top:0; left:0;margin:0;padding:0;}
	.mobileSideBar.active .dim {display:block;}
	.mobileSideBar .mobileSideArea {display:block;position:absolute; z-index:300; top:0; left:0; right:0; bottom:0; width:90%;min-height:100%; overflow-x:hidden;overflow-y:auto;background:#0c1826}
	.mobileSideBar .mobileSideArea .gnbTop {background:#0c1826;padding:10px 20px 30px 20px;}
	.mobileSideBar .mobileSideArea .gnbTop {position:relative;border-bottom:1px solid #2f4157;}
	.mobileSideBar .mobileSideArea .gnbTop a {display:inline-block;font-size:0;position:absolute;top:10px;}
	.mobileSideBar .mobileSideArea .gDepth01 {}
	.mobileSideBar .mobileSideArea .gDepth01 li{padding:15px 0 15px 30px;margin-bottom:4px;background:#fff;}
	.mobileSideBar .mobileSideArea .gDepth01 li a {font-size:15px;display:block;width:100%;}
	.mobileSideBar .mobileSideArea .gDepth02 {margin-top:15px;}
	.mobileSideBar .mobileSideArea .gDepth02 li{padding:15px 0 15px 30px;background:#fff;}
	.mobileSideBar .mobileSideArea .gDepth02 li a {font-size:13px;display:block;width:100%;}
	.mobileSideBar .mobileSideArea .gnbTop .home {width:25px;height:24px;right:50px;background:url('/nrsc/images/common/btn_mb_home.png') no-repeat;background-size:100%;}
	.mobileSideBar .mobileSideArea .gnbTop .eng {width:27px;height:24px;right:15px;background:url('/nrsc/images/common/btn_mb_eng.png') no-repeat;background-size:100%;}
	.mobileSideBar .mobileSideArea .goMn {overflow:hidden;padding:10px;background:#123867;}
	.mobileSideBar .mobileSideArea .goMn a {display:table;float:left;width:49%;border:1px solid #899cb3;border-top:none;border-right:none;color:#fff;height:59px;}
	.mobileSideBar .mobileSideArea .goMn a span {display:table-cell;vertical-align:middle;text-align:center;}
	.mobileSideBar .mobileSideArea .goMn a:nth-child(even) {width:49%;border-right:1px solid #899cb3;}
	.mobileSideBar .mobileSideArea .goMn a:first-child,
	.mobileSideBar .mobileSideArea .goMn a:nth-child(2) {border-top:1px solid #899cb3;}
	.mobileSideBar .mobileSideArea .loginBox {overflow:hidden;padding:10px;}
	.mobileSideBar .mobileSideArea .loginBox .txt {float:left;margin:5px 0 0 5px;padding-left:15px;color:#c5eaff;background:url('/nrsc/images/common/ico_mb_key.png') no-repeat left center;background-size:10px 13px;;}
	.mobileSideBar .mobileSideArea .loginBox .btn {float:right;}
	.mobileSideBar .mobileSideArea .loginBox .btn a {display:inline-block;border:1px solid #6b8aae;color:#fff;background:#25303c;padding:0 15px;line-height:27px;height:27px;}
	.mobileSideBar .mobileSideArea .infoBot {overflow:hidden;padding:15px 10px;background:#e3eaf2;}
	.mobileSideBar .mobileSideArea .infoBot .callCenter {width:50%;float:left;color:#172c46;font-size:20px;}
	.mobileSideBar .mobileSideArea .infoBot .callCenter a {display:block;color:#00588a;font-size:30px;font-weight:bold;line-height:1;margin-bottom:-5px;}
	.mobileSideBar .mobileSideArea .infoBot .callCenter span {font-size:13px;color:#555;}
	.mobileSideBar .mobileSideArea .infoBot .btn {width:50%;float:right;padding-top:5px;text-align:right;}
	.mobileSideBar .mobileSideArea .infoBot .btn a {display:inline-block;width:120px;border:1px solid #142e4e;color:#142e4e;background:#e6ecf3;line-height:27px;height:27px;text-align:center;}
	.mobileSideBar .mobileSideArea .infoBot .btn a:first-child {margin-bottom:10px;}
	.mobileSideBar .mobileSideClose {position:absolute;right:5px;top:8px;z-index:200;width:24px;height:24px;background:url('/nrsc/images/common/btn_mb_close.png') no-repeat;background-size:100%;font-size:0;}
	.mobileSideBar .mobileSideArea .navArea > ul > li {border-bottom:1px solid #dddddd;background:#fff;}
	.mobileSideBar .mobileSideArea .navArea > ul > li > ul > li {border-top:1px solid #cbd5e2;background:#e3ecf8;}
	.mobileSideBar .mobileSideArea .navArea > ul > li > a {display:block;padding:15px;color:#333333;font-size:15px;background:url('/nrsc/images/common/bg_mbNav_down.png') no-repeat 95% center;background-size:auto 9px;}
	.mobileSideBar .mobileSideArea .navArea > ul > li > ul > li > a {display:block;padding:15px 30px;color:#555;font-size:14px;}
	.mobileSideBar .mobileSideArea .navArea > ul > li.active {border-bottom:1px solid #cbd5e2 ;background:#142e4e;}
	.mobileSideBar .mobileSideArea .navArea > ul > li.active > a {color:#fff;background:url('/nrsc/images/common/bg_mbNav_up.png') no-repeat 95% center;background-size:auto 9px;}
	.mobileSideBar .mobileSideArea .navArea > ul > li > ul {display:none;}

	#footer .footerArea .callCenter {display:block;font-size:14px;color:#172c46;}

	/* eng */
	/* 2021.11.09 수정 - W3C 웹표준 검사 결과 부적절 문법 사용으로 color:#555'; -> color:#555; , line-height:auto; -> line-height:normal; , float:block; -> float:none; 으로 수정 */
	/* 2021.11.09 삭제 - W3C 웹표준 검사 결과 부적절 문법 사용으로 margin-right:none; 삭제 */
	.engWrap #header {width:100%;height:auto}
	.engWrap #contents .pgTit {margin-top:20px;position:relative;height:auto;line-height:normal;margin-bottom:20px;background:none;color:#142e4e;font-weight:600;font-size:30px;text-align:left;z-index:95;}
	.engWrap #header .gnbInner {width:1100px;}
	.engWrap #header .hgroup .logo {position:relative;top:3px;width:195px;height:50px;background:url('/nrsc/images/common/logo_eng.png') no-repeat center center;background-size:195px auto;}
	.engWrap .processArea {width:100%;}
}

/* mobile size - common */
@media screen and (min-width: 0px) and (max-width:1024px){

	/* Tab */
	.tabWrap {margin-bottom:10px;}
	/* bsh */
	.tabWrap .tab {position:relative;display: flex;flex-wrap: wrap;width:100%;background:#e5ebf1;border-top:1px solid #123867;border-left:1px solid #123867;}
	/* end */
	.tabWrap .tab > li {display:table;float:left;text-align:center;width:49.7%;background:#fff;vertical-align:middle;border-right:1px solid #123867;border-top:none;}
	.tabWrap .tab > li:first-child {border-left:none;}
	.tabWrap .tab > li > a {display:table-cell;vertical-align:middle;text-align:center;padding:13px 0;}
	.tabWrap .tab.tabLine2 > li > a {height:36px;}
	.tabWrap .tab.tabLine3 > li > a {height:45px;}


	/* Table */
	.tblForm.respTbl {}
	/* 2020.12.07 수정 - 웹 호환성 padding-top 값 수정 (-1px -> 0px) */
	.tblForm {width:100%;border-top:2px solid #123867;border-bottom:1px solid #99a0aa;margin-bottom:10px;padding-top:0px;}
	.tblForm table {}
	.tblForm table tbody {position:relative;top:1px;z-index:100}
	.tblForm.inputForm th, .tblForm.inputForm td {width:15%;border-bottom:none;display:table-cell;background:none;}
	/* bsh */
	.tblForm.inputForm th, .tblForm.inputForm td {padding:10px 2% !important;}

	/* end */
	.tblForm.inputForm th > label {color:#333; font-size: .7rem;}
	.tblForm.inputForm tr {background:#f6f6f6;}
	/* bsh */
	.tblForm.inputForm td {padding-bottom:10px;width:30%;background:#fff;}
	/* end */
	.tblForm.inputForm tr th:nth-child(n)  {border-top:1px solid #99a0aa !important; min-width: 30px;}
	.tblForm.inputForm tr td:nth-child(n)  {border-top:1px solid #99a0aa !important;}
	.tblForm.inputForm tr:first-child th  {border-top:none !important;}
	.tblForm.inputForm tr:first-child td  {border-top:none !important;}
	/* .tblForm.inputForm tr:first-child th:nth-child(3n)  {border-top:1px solid #99a0aa !important;}
	.tblForm.inputForm tr:first-child td:nth-child(4n)  {border-top:1px solid #99a0aa !important;} */
	.tblForm.inputForm th {background:#f6f6f6;}
	.tblForm.inputForm td.line2 {padding-top:21px !important;padding-bottom:20px !important;}
	.tblForm.inputForm td.hp input {width:29% !important}
	.tblForm.inputForm td.hp .selectboxWrap {width:29% !important;}
	.tblForm.inputForm td.email input {margin-bottom:5px;}
	.tblForm.inputForm td.email .selectboxWrap {width:100% !important;}
	.tblForm.inputForm td.email .select {width:100% !important;}
	.tblForm.inputForm input.w100 {width:100% !important;}
	.tblForm.inputForm.lineForm3 th {width:28% !important;}
	.tblForm.inputForm.lineForm3 td {width:64% !important;}
	.tblForm.inputForm td {min-height:25px;}

	.tblData.respTbl {position:relative;width:100%;overflow:hidden;-webkit-transform:translateZ(0)}
	.tblData.respTbl table {position:relative;width:820px}

	.tblData.respTbl .respBox {position:absolute;width:100%;height:100%;z-index:1;vertical-align:middle;text-align:center}
	.tblData.respTbl .respBox .dim {position:absolute;width:100%;height:100%;background-color:#fff; opacity:0.8; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
	.tblData.respTbl .respBox p.txt {width:100%;position:relative;z-index:2;display:table-cell;padding:0 5%;font-size:18px;vertical-align:middle;background:url('/nrsc/images/common/ico_tblscroll_hand2.png') center 30% no-repeat;background-size:90% auto;color:#007dc3;font-weight:bold;}
	.tblData.respTbl .respBox p.txt.tbl2 {vertical-align:bottom;background:url('/nrsc/images/common/ico_tblscroll_hand2.png') center 10% no-repeat;background-size:90% auto;}
	.tblData.respTbl .respBox.lineLg p.txt {padding-top:100px}

	/*
	.pagingArea .paging .num:nth-child(6), .pagingArea .paging .num:nth-child(7),
	.pagingArea .paging .num:nth-child(8), .pagingArea .paging .num:nth-child(9),
	.pagingArea .paging .num:nth-child(10), .pagingArea .paging .num:nth-child(11),
	.pagingArea .paging .num:nth-child(12) {display:none;}*/


	/* List Date */
	.listDateHr li {
		position: relative;
		overflow: hidden;
		/* padding: 10px 10px 7px 10px; */
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 20px 10px;
		box-sizing: border-box;
	}
	.listDateHr li br {display:none;}
	.listDateHr li .badgeWrap {display:block;}
	/* bsh */
	.listDateHr li .badgeWrap .badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 15px 10px !important;
		height: unset;
		white-space: nowrap;
		width: fit-content;
	}
	/* end */
	.listDateHr li .badgeWrap .badge.badgeB02 {width:auto;height:auto;}
	.listDateHr .badgeWrap,
	.listDateHr .nameBlock,
	.listDateHr .btnWrap {float:none !important;}
	.listDateHr .btnWrap {width:99%;padding-left:1%;display:table;margin:0 auto;}
	.listDateHr .btnWrap a {display:table-cell;}
	.listDateHr .btnWrap .tbtns {
		width: 100%;
		display: inline-flex;
		height: 35px;
		line-height: 23px;
		align-items: center;
		justify-content: center;
	}
	.listDateHr .nameBlock {margin:3px 0 5px 0;}
	.listDateHr .nameBlock dt {margin-left:3px;}
	.listDateHr .nameBlock dd {margin-left:3px;}
	.listDateHr li .nameBlock.inTbl {width:100%;}
	.listDateR01 .nameBlock .line {display:inline-block;}
	.listDateHr.listDateHrLine2 .nameBlock {width:100%;}
	.dateTxtBtn .nameBlock {margin-top:0;}
	.listDateHr li .answer {margin:10px -10px -15px -10px;top:0;padding:15px 20px 20px 45px;}
	.dateTxtBtn .listDateHr li{
		padding: 20px 0;
		box-sizing: border-box;
	}
	.dateTxtBtn .listDateHr li .tbtns {line-height:18px;}
	.listDateWrap01.dateLine3 .nameBlock {width:100%;}
	.listDateRow .btnWrap {position:relative;right:0;top:0;width:99%;padding-left:1%;display:table;margin:5px auto;}
	.listDateRow .btnWrap a {display:table-cell;}
	.listDateRow .btnWrap .tbtns {width:98.5%;display:inline-block;height:35px;line-height:23px;}


	/* List */
	.cntList01 > li {line-height:1.5;}

	/* Box */
	.boxWarning01 > ul,
	.boxWarning02 > ul {margin:0;}
	.boxWarning01 .tit,
	.boxWarning02 .tit {border:none;background-image:none;}
	/*btn */
	.btnArea .btns {margin-bottom:5px;}

	/* img */
	.imgArea {margin:20px 0;}

	/* title + sort */
	.titBtnArea {width:100%;overflow:hidden;}
	.titBtnArea .subTit {display:block;float:none;margin-top:0;margin-bottom:10px}
	.titBtnArea .sortBox {display:block;float:none;}

	/* Qna*/
	.qnaWrap > ul > li .quest {padding:15px 20px 15px 47px;}
	.qnaWrap > ul > li > .answer {padding:15px 20px 15px 47px;}

	/* step */
	.stepArea03 li .num{display:block;}
	.stepArea03 li.active {padding-left:10px;}

	.infoBoxBd01 .majorTime {position:relative;right:auto;top:10px;}
	.majorTime span {margin-bottom:5px}

	/* 검색 영역 */
	.boxForm03 .searchCon {text-align:left;}
	/* bsh */
	.tblForm td .selectboxWrap{
		min-width: fit-content;
		width: 100% !important;
	}
	/* end */
	.boxForm03 .searchCon .selectboxWrap {margin-bottom:5px;width:100% !important; min-width: fit-content;}
	.boxForm03 .searchCon .inTxt {width:80% !important;}

	/* file */
	.fileWrap .inTxt {width:50%;}
	.fileWrap .file_in input {width:80%;opacity:0;height:30px;}
	.fileWrap .fBtn {margin-top:0;}

	/* button */
	.tbtns {padding:5px 8px;height:auto;line-height:20px; justify-content: center;}

	.sBtns {height:auto;line-height:20px;
		width: 100%;
		margin: 0 !important;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.sbtnSt01{
		width: 100% !important;
		min-height: 32px !important;
	}
	.status {padding:3px 8px;line-height:15px;}


	.question {width:19px;height:19px;background:url('/nrsc/images/common/ico_question01_m.png') no-repeat left 2px;background-size:16px 16px;}
	/* info */
	.boxCnt01 {display:block;margin:10px 0 0 0;}
	.boxCnt01 .boxInner {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		box-sizing: border-box;
	}
	.boxCnt01 .boxInner dl {min-height:auto !important;}
	.boxCnt01 .boxInner dt {display:inline-block;width:100%;height:40px;margin-bottom:10px;border-radius:20px;line-height:40px;font-size:17px;font-family: 'NotoKrM';color:#fff;text-align:center;}
	.boxCnt01 .boxInner:nth-child(1) dt {background:#007dc3;}
	.boxCnt01 .boxInner:nth-child(2) dt {background:#06aab0;}
	.boxCnt01 .boxInner dd {
		position: relative;
		padding-left: 14px;
		color: #555;
		font-size: 14px;
		line-height: 1.7;
		display: flex;
		flex-direction: column;
		gap: 7px;
		box-sizing: border-box;
		padding: 5px 12px;
	}
	.boxCnt01 .boxInner dd:before {display:block;position:absolute;top:9px;left:0;content:'';width:4px;height:4px;background:url('/nrsc/images/common/blt_dot_list01.png') no-repeat;}

	.boxCnt02 .boxInner {float:none;width:100%;height:auto;margin-bottom:10px;}
	.boxCnt02 .boxInner:hover, .boxCnt02 .boxInner:focus {width:99%;height:auto;}
	.boxCnt02 > .boxInner:hover dl {position:relative}
	.boxCnt02 .boxInner{margin:0 0 10px 0;}
	.boxCnt02 .boxInner:nth-child(2) {margin:0 0 10px 0;}
	.boxCnt02 .boxInner:nth-child(4) {margin:0 0 10px 0;}
	.boxCnt02 .boxInner:nth-child(5) {margin:0 0 10px 0;}

	.viewArea .viewArea .fileArea {padding:10px 20px;}
	.viewArea .viewCon > table {width:100% !important;}


	/* 2022.06.20 추가 */
	.viewArea .viewCon2 {padding:0px 0px;text-align:center;width:100%;}
	.viewArea .viewCon2 img {width:100% !important;}
	.viewArea .viewCon img {
		width: 100%;
		max-width: 100%;
	}
}

@media screen and (min-width: 0px) and (max-width:1024px){
	/* bsh */
	.mainWrap {padding-top:0px;}
	.mainWrap .mainCon {width:92%;margin:0 auto;}
	.mainWrap .mainMidCon {margin:15px 0;padding:0;    flex-direction: column;}
	/* end */

	.mainWrap .mainVisArea .mainVisDesc {padding:0 20px;}
	.mainWrap .mainVisArea .mainVisInner {width:100%;}
	.mainWrap .mainVisArea .mainSliderInner > li {height:420px;}
	.mainWrap .mainVisArea .mainVisInner .mainVisDesc {padding:0 15px}
	.mainWrap .mainVisArea .mainStepArea {margin-left:0;width:100%;}
	.mainWrap .mainVisArea .mainStepArea li {padding-right:0;}
	.mainWrap .mainVisArea .mainStepArea li .off:after {display:none;}
	.mainWrap .mainVisArea .mainStepArea li a:after {display:none;}
	.bx-controls-direction{display:none;}
	.mainWrap .mainVisArea .bx-wrapper {height:420px !important;padding-bottom:0;}
	.mainWrap .mainVisArea .mainStepArea li {display:table-cell;width:20%}
	.mainWrap .mainVisArea .mainStepArea li .off,
	.mainWrap .mainVisArea .mainStepArea li a {width:100%;height:180px;background:#e8eef2;vertical-align:middle;border-radius:0;border:1px solid #dce6ec;text-align:center;font-size:15px;font-family: 'NotoKrM';line-height:1.2}
	.mainWrap .mainVisArea .mainStepArea li .mainStepBox {width:100%;padding-top:113px;}
	.mainWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto  {z-index:50;text-align:left;right:auto;left:65%;}
	.mainWrap .bx-wrapper .bx-pager, .mainWrap .bx-wrapper .bx-controls-auto {width:auto;bottom:20px;}
	.mainWrap .bx-controls {position: relative;width:100%;margin: 0 auto;top: 0;}
	.mainWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {left:40%;}
	.mainWrap .bx-wrapper .bx-pager.bx-default-pager {margin-left:0;}
	.mainWrap .bx-wrapper .bx-controls-auto .bx-start {position:absolute;left:60%;top:11px;}
	.mainWrap .bx-wrapper .bx-controls-auto .bx-stop {position:absolute;left:60%;top:11px;}
	.mainWrap .mainVisArea .mainBnrArea {width:100%;height:100%;margin:0;background-image:url('/nrsc/images/contents/img_mainVis02_Mbg.png');background-size:100% 405px;background-position:center top;}
	.mainWrap .mainVisArea .mainMnArea {width:100%;height:100%;margin:0;background-image:url('/nrsc/images/contents/img_mainVis03_Mbg.png');background-size:100% 405px;background-position:center top;}
	.mainWrap .mainVisArea .mainVisInfo {width:100%;height:100%;margin:0;}

	.mainWrap .mainVisArea .mainVisInfo {position:relative;width:100%;margin:0 auto;height:405px;background-image:url('/nrsc/images/contents/img_mainVis04_bg.png');}
	.mainWrap .mainVisArea .mainVisInfo .mainVisInfoTxt {position:relative;top:0;left:0;margin:0 auto 0 auto;padding-top:25px;}
	.mainWrap .mainVisArea .mainVisInfo .mainVisInfoTxt h4 {font-size:18px;}
	.mainWrap .mainVisArea .mainVisInfo .mainVisInfoTxt p {padding:0 10px;font-size:22px;font-family: 'NotoKrL';color:#000}
	.mainWrap .mainVisArea .mainVisInfo ul {margin-top:10px;padding:10px;}
	.mainWrap .mainVisArea .mainVisInfo li {float:left;width:23.5%;height:192px;margin-right:2%;background:#fff;vertical-align:middle;border-radius:8px;text-align:center;font-size:15px;font-family: 'NotoKrM';line-height:1.2}
	.mainWrap .mainVisArea .mainVisInfo li:nth-child(1) {color:#06aab0;}
	.mainWrap .mainVisArea .mainVisInfo li:nth-child(2) {margin-right:2%;}
	.mainWrap .mainVisArea .mainVisInfo li .quarter:after {left:40%;}

	/* Main Notice */
	.mainWrap .mainNotice {float:none;float:none;width:99%;}
	.mainWrap .mainNotice ul > li > ul > li {margin:10px 10px 2px 10px;}
	.mainWrap .mainNotice ul > li .tab {width:30%}
	.mainWrap .mainNotice ul > li:nth-child(1) > a.tab {left:-1px;}
	.mainWrap .mainNotice ul > li:nth-child(2) > a.tab {left:30%;}
	.mainWrap .mainNotice ul > li:nth-child(3) > a.tab {width:32%;left:60.2%;}
	.mainWrap .mainNotice ul > li > ul > li span {right:10px;}
	.mainWrap .mainNotice .list a {width:260px;}

	/* Main favorite */
	.mainWrap .favoriteMn {float:none;width:100%;height:auto;margin:15px 0 0 0;}
	.mainWrap .favoriteMn .favoriteMnBox {
		/* margin: 15px; */
		margin: 0;
	}
	.mainWrap .favoriteMn .favoriteMnBox a {float:none;width:100%;height:58px;margin:0 5px 5px 0;;border:1px solid #899cb3;color:#fff;}
	.mainWrap .favoriteMn .favoriteMnBox a span {display:table-cell;vertical-align:middle;text-align:center;}
	.mainWrap .favoriteMn .favoriteMnBox a.post {background:none;}

	/* Main Login */
	.mainWrap .LoginBox {display:none;}

	/* Main CallCenter */
	.mainWrap .mainCallCenter {position:relative;overflow:hidden;width:100%;height:auto;padding-bottom:20px;margin-top:20px;margin-bottom:15px;background:#e3eaf2;background-image:none;}
	.mainWrap .mainCallCenter .callCenter {float:none;width:170px;margin:20px 0 0 15px;padding:0;}
	.mainWrap .mainCallCenter .callCenter .tel {display:inline-block;margin:0 10px 0 0;}
	.mainWrap .mainCallCenter .callCenter .tel a {font-size:30px;color:#00588a;font-family: 'NotoKrB'}
	.mainWrap .mainCallCenter .callCenter .time {display:block;position:initial;}
	.mainWrap .mainCallCenter .callCenter .time em {display:block;color:#333;font-family: 'NotoKrM';}
	.mainWrap .mainCallCenter .mainGoBtn {position:absolute;top:30px;right:30px;width:110px;margin-top:0;margin-right:0;padding-left:0;border-left:none;}
	.mainWrap .mainCallCenter .mainGoBtn a {display:inline-block;margin-right:0;margin-bottom:5px;width:120px;height:30px;line-height:30px;border:1px solid #142e4e;text-align:center;}
	.mainWrap .mainCallCenter .mainGoBtn a span {padding:0 !important;background-image:none !important}

	/* Main .Gomenu */
	.mainWrap .mainGoMn {margin-bottom:15px;}
	.mainWrap .mainGoMn .mainGoMnBox {float:left;display:block;width:100%;margin-right:0;margin-bottom:5px;}
	.mainWrap .mainGoMn .mainGoMnBox:last-child {margin-bottom:0;}

	/* Main Warning  */
	.mainWrap .mainWarning {height:228px;background:url('/nrsc/images/contents/bg_mainMb_warning.png') no-repeat right top;background-size:100% auto;}
	.mainWrap .mainWarning .mainWarningBox {position:relative;height:208px;padding:10px 8px;}
	.mainWrap .mainWarning .mainWarningBox dl dt {position:initial;text-align:center;width:190px;padding-top:8px;margin:0 auto 5px auto}
	.mainWrap .mainWarning .mainWarningBox dl dt > span {width:112px;height:22px;margin-left:0;display:block;margin-bottom:-5px;background:url('/nrsc/images/contents/txt_main_warning.png') no-repeat left top;font-size:0;}
	.mainWrap .mainWarning .mainWarningBox dl dd {width:300px;margin:0 auto 5px auto;padding-left:25px;font-size:15px;}
	.mainWrap .mainWarning .mainWarningBox .btn {position:absolute;left:30%;top:176px;height:30px;line-height:30px;}

	/* main BtnAll */
	.mainBtnAll {width:100%;margin-top:15px;display:table;border:1px solid #cccccc;border-bottom:none;}
	.mainWrap .mainBtnAll .btn {display:block;width:100%;border-right:none;border-bottom:1px solid #cccccc;line-height:50px;}
}
/* mobile size - content */
@media screen and (min-width: 0px) and (max-width:1024px){

	/* 회원정보 */
	.memberCont .joinArea .childBox br {display:none;}
	.memberCont .joinArea .adultBox,
	.memberCont .joinArea .childBox {width:99%;float:none;}
	.memberCont .joinArea .adultBox {margin-bottom:5px;}
	.memberCont .joinArea .joinBox {width:100%;height:200px;}
	.memberCont .joinArea .joinBox .joinInner {margin-top:15px;height:110px;}
	.memberCont .childBoxInfo {margin-top:10px;padding:20px 0 0 0;}
	.memberCont .childBoxInfo .joinInner {width:85%;margin:0 auto;}

	/* 회원서비스 > 회원가입 */
	.memberCont .loginArea {padding:15px 10px 25px 10px;}
	.memberCont .loginArea .txt {line-height:1.5;}
	.memberCont .loginArea .txt br {display:none;}
	.memberCont .loginArea .loginCon {width:100%;padding-bottom:15px;margin:20px auto;}
	.memberCont .loginArea .loginCon .loginForm label {display:none;}
	.memberCont .loginArea .loginCon .loginForm .inTxt {width:100%;}
	.memberCont .loginArea .loginCon .logBtn {right:0; top:67px !important;}
	.memberCont .loginArea .loginCon .checkboxWrap {margin-left:0;}
	.memberCont .loginArea .loginCon .checkboxWrap label, .checkboxWrap .chk {vertical-align:middle;margin-right:5px;}
	.memberCont .loginArea .loginLink {width:100%;}

	.memberCont .loginArea.numSearchForm .loginCon {width:100%;}
	.memberCont .loginArea.numSearchForm .loginCon .loginForm li:last-child .inTxt {width:47.5% !important;}
	.memberCont .loginArea.numSearchForm .formTxt {margin-left:0;}

	/* 마이페이지 */
	.mypageCont .myStatusStep em.tit {display:block;}
	.mypageCont .myStautsList .nameBlock {width:100%;}
	.mypageCont .awardJoin .cntList01 {width:100%;margin:0 auto;}

	/* 마이페이지 학위수령 방법 */
	.mypageCont .receiveSystem .listDateHr li {padding:0;}
	.mypageCont .receiveSystem .listDateHr .badgeWrap {border-spacing:0;}
	.mypageCont .receiveSystem .listDateHr li.step1 li {padding:10px;}
	.mypageCont .receiveSystem .listDateHr li.step1 li .badgeWrap{float:left !important;}
	.mypageCont .receiveSystem .listDateHr li.step1 .badgeWrap .badge {display:block;width:98.5%;height:20px;margin:5px;line-height:20px;}
	.mypageCont .receiveSystem .listDateHr li.step1 li:first-child {padding-top:5px;}
	.mypageCont .receiveSystem .listDateHr li.step1 li:last-child {border-bottom:none;padding-bottom:10px;}
	.mypageCont .receiveSystem .listDateHr li.step1 li .badgeWrap .badge {display:table-cell;width:80px;height:55px;}
	.mypageCont .receiveSystem .listDateHr li.step1 li .nameBlock {float:left !important;width:70%;margin:0;}
	.mypageCont .receiveSystem .date {margin-top:0;}
	.mypageCont .receiveSystem .listDateHr li.step2 {position:relative;padding:10px;}
	.mypageCont .receiveSystem .listDateHr li.step2 .badgeWrap .badge:nth-child(1) {display:block;width:100%;height:20px;margin-bottom:5px;line-height:20px;}
	.mypageCont .receiveSystem .listDateHr li.step2 .badgeWrap .badge:nth-child(2) {display:table-cell;width:80px;height:55px;}
	.mypageCont .receiveSystem .listDateHr li.step2 .badgeWrap {border-spacing:5px;}
	.mypageCont .receiveSystem .listDateHr li.step2 .nameBlock {position:absolute;top:60px;left:110px;width:70%;margin:0;}
	.mypageCont .receiveSystem li li br {display:block !important;}

	.mypageMain .myInfoCon .boxMyInfo .myinfoInner .name {display:block;margin-bottom:10px;}
	.mypageMain .myInfoCon .boxMyInfo .sortBox {width:100%;overflow:hidden;text-align:left;margin-top:10px;}
	.mypageMain .myInfoCon .boxMyInfo .sortBox .fTit{display:inline-block;color:#000;font-family: 'NotoKrM'}
	.mypageMain .myInfoCon .boxMyInfo .sortBox .selectboxWrap {margin-left:5px;width:69% !important}
	.mypageMain .myInfoCon .boxMyGrade ul li .num br {display:block;}

	.mypageMain .myInfoCon .boxMyGrade ul li {display:inline-block;width:48%;min-height:100px;background:none;vertical-align:top;}
	.mypageMain .myInfoCon .boxMyGrade ul li .num  {margin-bottom:10px;}
	.mypageMain .myInfoCon .boxMyGrade ul li .num em {display:inline-block;margin-bottom:5px;}

	.mypageMain .myInfoCon .boxMyInfo .selectboxWrap .select.selectBg {margin-left:-5px;}
	/* bsh */
	.selectboxWrap .select{
		padding-right: 20px;
	}
	/* end */
	.mypageMain .myStatusCon .myStatusTxt {text-align:left;}
		.mypageMain .myStatusCon .myStatusTxt br {display:none;}

	/* 나의 접수 현황*/
	.myNowStatus .respBox {position:absolute;width:100%;height:100%;z-index:1;vertical-align:middle;text-align:center}
	.myNowStatus .respBox .dim {position:absolute;width:100%;height:100%;background-color:#fff; opacity:0.8; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
	.myNowStatus .respBox p.txt {width:100%;position:relative;z-index:2;top:-40px;display:table-cell;padding:0 5% 150px 5%;font-size:18px;vertical-align:middle;color:#007dc3;font-weight:bold;background:url('/nrsc/images/common/ico_tblscroll_hand2.png') center no-repeat;background-size:90% auto;}

	/* btnAll */
	.btnAll {margin-top:15px;display:table;width:100%;border:none;}
	.btnAll .btn {display:table;float:left;width:48.5%;height:50px;margin-right:7px;margin-bottom:10px;vertical-align:middle;border:1px solid #aaaaaa;background:#eee;text-align:center;color:#000;font-family: 'NotoKrM';}
	.btnAll .btn > span {position:relative;display:table-cell;font-family: 'NotoKrM';;vertical-align:middle;}
	.btnAll .btn > span:after {display:inline-block;content:'';width:10px;height:10px;background:url('/nrsc/images/common/btn_arrow1.png') no-repeat right top;}
	.btnAll .btn:nth-child(5) {border-right:1px solid #aaaaaa;}
	.btnAll .btn:last-child {display:table;margin-right:0;}
	.btnAll .btn:nth-child(even) {margin-right:0;}

	/* 표준교육과정 조회 */
	.stdProtResult .cntList04 li {width:45%;}
	.subTabWrap .subTabCon .listDateBox01 > ul > li {float:left;width:33%;}


	/*지도*/
	.mapArea {width:100% !important;}

	/* 이용안내 :개인정보 처리방침 */
	.privacyList li > .tblData {margin-left:0;width:100%}
	.privacyArea .privacyList li > .tblData {width:100%;}

	/* 이용안내 :사이트맵 */
	.useInfoCont .sitemapArea {overflow:hidden;}
	.useInfoCont .sitemapArea .sitemapBox {width:100%; float:none;margin-right:0;}
	.useInfoCont .sitemapArea .cntList01 {margin:10px 0 20px 5px;}

	/* 간행물 */
	.impartionCont .publishList .publishImg {width:25%;margin-right:15px;}
	.impartionCont .publishList.bbsListArea  .bbsList > li {padding:10px 0;}
	.impartionCont .pbContent {position:relative;margin-top:10px;padding-left:40px;}
	.impartionCont .pbContent .tit {position:absolute;left:0;top:0;font-family: 'NotoKrM';}
	.impartionCont .publishList dl {width:68%;}

	/* 달력 */
	.calendarArea .info {position:relative;text-align:right;display:block;}
	.calendarArea .calendarBox td {height:45px;}
	.calendarArea .selectboxWrap .select.selectBg {background:#fff url(none);padding:0 0 0 3px;}

	/* 전화상담 */
	.callCenterArea > ul > li {height:175px;border-right:none;width:49.5%;}
	.callCenterArea > ul > li .cont {display:table-cell;width:30%;}
	.mCallCenter {width:270px;height:525px;margin:0 auto;background:url('/nrsc/images/contents/bg_mobile_phone.png') no-repeat right top;background-size:100% auto;}
	.callCenterTel {padding-top:67px;text-align:center;color:#00588a;font-size:14px;}
	.callCenterTel a {font-weight:bold;color:#172c46;font-size:34px;}
	.callCenterNum {margin:18px 0 0 17px;}
	.callCenterNum .num {display:inline-block;width:70px;height:70px;margin-left:5px;margin-bottom:8px;background:#e1e1e1;color:#fff;font-size:20px;text-align:center;border-radius:35px;vertical-align:top;}
	.callCenterNum .num .desc {display:block;color:#fff;font-size:13px;line-height:13px;}
		.callCenterNum .num .desc em {display:block;font-size:11px;}
	.callCenterNum .num.off {background:#e1e1e1;color:#999999;font-size:30px;line-height:70px;}
		.callCenterNum .num:nth-child(1) {background:#123867;}
		.callCenterNum .num:nth-child(2) {background:#007dc3;}
		.callCenterNum .num:nth-child(3) {background:#06aab0;}
		.callCenterNum .num:nth-child(4) {background:#06b085;}
		.callCenterNum .num:nth-child(10) {font-size:0;background:#666666 url('/nrsc/images/contents/bg_mobile_phoneStar.png') no-repeat center 10px;background-size:auto 15px;}
		.callCenterNum .num:nth-child(10) .desc {margin-top:32px;}

		.cellcenterInfo {width:180px;margin:20px auto;}
		.cellcenterInfo > li{position:relative;width:160px;margin-bottom:15px;padding:10px;text-align:center;}
		.cellcenterInfo > li:after {display:inline-block;position:absolute;left:88px;bottom:-16px;content:'';width:5px;height:15px;background:url('/nrsc/images/common/bg_step_arrow.png') no-repeat center top;background-size:100% 100%;}
		.cellcenterInfo > li:last-child:after {background:none;}
		.cellcenterInfo.Info2 > li:nth-child(1) {background:#007dc3;color:#fff;border:1px solid #007dc3}
		.cellcenterInfo.Info2 > li:nth-child(2) {font-weight:bold;padding:15px 10px;background:#fff;color:#142e4e;border:1px solid #142e4e}


		.cellcenterInfo.Info3 > li:nth-child(1) {background:#06aab0;color:#fff;border:1px solid #06aab0;text-align:left;}
		.cellcenterInfo.Info3 > li:nth-child(2) {color:#555;border:1px solid #cccccc;}
		.cellcenterInfo.Info3 > li:nth-child(3) {font-weight:bold;background:#fff;color:#142e4e;border:1px solid #142e4e}

	/* 연혁 */
	.historyArea > ul > li > .year {width:25%;font-size:25px}
	.historyArea > ul > li > ul {width:73%;}

	/* 자주하는 질문 */
	.tabWrap.inStab {height:auto;padding-bottom:60px;}
	.tabWrap .tab > li .stab {width:100%;overflow:auto;bottom:-60px;top:inherit;padding: 10px 0;}
/* bsh */
	.tabWrap .tab > li .stab > ul {
		max-width: 800px;
		display: inline-flex;
		flex-wrap: nowrap;
	}
/* end */
	.qnaAccordion > ul > li .answer pre {white-space:normal;width:100%;}

	/*학점은행소개 > 제도활용안내 */
	.eduIntroCont .finalEduTbl {position:relative;width:100%;overflow:hidden;}
	.eduIntroCont .finalEduTbll table {position:relative;width:820px}
	.eduIntroCont .finalEduTbl .respBox {position:absolute;width:100%;height:100%;z-index:1;vertical-align:middle;text-align:center}
	.eduIntroCont .finalEduTbl .respBox .dim {position:absolute;width:100%;height:100%;background-color:#fff; opacity:0.8; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
	.eduIntroCont .finalEduTbl .respBox p.txt {width:100%;position:relative;z-index:2;display:table-cell;padding:0 5%;font-size:18px;vertical-align:middle;background:url('/nrsc/images/common/ico_tblscroll_hand2.png') center 30% no-repeat;background-size:90% auto;color:#007dc3;font-weight:bold;}
	.eduIntroCont .finalEduTbl .respBox p.txt.tbl2 {vertical-align:bottom;background:url('/nrsc/images/common/ico_tblscroll_hand2.png') center 10% no-repeat;background-size:90% auto;}


	/* 학점은행제소개 > 학점인정대상 */
	.eduIntroCont .degreeStandArea {margin-top:20px;text-align:center;width:100%;}
	.eduIntroCont .degreeStandArea ul {width:100%;}
	.eduIntroCont .degreeStandArea ul li {float:none;width:100%;padding:0 0 60px 0;background:url('/nrsc/images/common/bg_arrow_down.png') no-repeat center bottom;text-align:center;}
	.eduIntroCont .degreeStandArea ul li:nth-child(1) {text-align:center;width:100px;height:100px;margin:0 auto;}
	.eduIntroCont .degreeStandArea ul li:nth-child(2) {text-align:center;width:100%;height:auto;margin:0 auto;}
	.eduIntroCont .degreeStandArea ul li:nth-child(2) span {display:block;width:100%;height:auto;padding-top:20px;}
	.eduIntroCont .degreeStandArea ul li:nth-child(3) {margin-left:0;margin-top:20px}
	.eduIntroCont .degreeStandArea ul li:nth-child(3) dl {width:100%;}
	.eduIntroCont .degreeStandArea ul li:nth-child(3) dt {width:100%;}

	/* 학점은행소개 > 학기의 구분*/
	.eduIntroCont .semesterTypeArea {position:relative;margin:20px 0 30px 0;padding-bottom:43px;width:100%;}
	.eduIntroCont .semesterTypeArea:after {display:block;content:'';clear:both;}
	.eduIntroCont .semesterTypeArea > span {display:block;position:absolute;left:25%;bottom:0;width:50%;height:42px;border:1px solid #bebebe;border-top:none;}
	.eduIntroCont .semesterTypeArea > span > em {position:absolute;left:25%;bottom:-16px;font-family: 'NotoKrM';font-size:22px;color:#000;width:60px;background:#fff;text-align:center;}
	.eduIntroCont .semesterTypeArea dl {width:48%;}
	.eduIntroCont .semesterTypeArea dl dd {float:none;display:table-cell;padding:0;width:1%;height:45px;vertical-align:middle;}

	/* 학점은행소개 > 독학학위제 */
	.majorTypeArea {padding:20px 0;}
	.majorTypeArea li {width:33%;height:25px;margin-bottom:0;}

	/* 학점은행소개 > 학점인정 주의사항 */
	/* bsh 모바일 카드 찌그러짐 현상 제거  */
	.boxCnt03.eduOrgInfoArea .boxInner {
		width: 100%;
		height: 253px;
		box-sizing: border-box;
		margin: 0 !important;
		padding: 10px 5px;
		height: unset;
	}
	/* emd */
	.boxCnt03.eduOrgInfoArea .boxInner dl {padding:10px 10px}
	.boxCnt03.eduOrgInfoArea .boxInner dd span {display:block;float:none;padding-bottom:10px;margin-bottom:10px;width:100%;height:auto;}
	.boxCnt03.eduOrgInfoArea .boxInner dd span:last-child {margin-left:0;}
	.boxCnt03.eduOrgInfoArea .boxInner:nth-child(even) {margin:0 0 10px 10px;}
	.boxCnt03.eduOrgInfoArea .boxInner:nth-child(3) {height:170px;}
	.boxCnt03.eduOrgInfoArea .boxInner:nth-child(3) dd span  {float:none;width:92%;}
	/* bsh */
	.boxCnt03.eduOrgInfoArea .boxInner:hover {width:100%;height:unset;}
	/* end */
	.boxCnt03.eduOrgInfoArea .boxInner:nth-child(3):hover {height:168px;}
	.boxCnt03.eduOrgInfoArea .boxInner:hover dl {position:relative;padding:9px 14px}

	/* 학점은행소개 > 학점취득 주의사항 */
	.boxCnt03.eduOrgInfoArea02 .boxInner {
		display: flex;
		width: 47.9%;
		height: 95px;
		margin-right: 8px;
		margin-bottom: 8px;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
	.boxCnt03.eduOrgInfoArea02 .boxInner span {
		display: table-cell;
		width: 47.9%;
		height: 95px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	/* bsh */
	.boxCnt03.eduOrgInfoArea02 .boxInner:hover {width:100%;}
	.boxCnt03.eduOrgInfoArea02 .boxInner:hover span {display:table-cell;}
	/* end */
	.boxCnt03.eduOrgInfoArea02 .boxInner:nth-child(4) {margin-right:0;}
	.boxCnt03.eduOrgInfoArea02 .boxInner:nth-child(even) {margin:0 0 10px 0;}
	.eduOrgStepTbl .step .status {width:45px;}

	/* 에러페이지 */
	.errorArea .errorInner {display:table-cell;padding:4%;vertical-align:middle;;}
	.errorArea .btnArea {margin-top:30px;}

	/* 통합검색 */
	.searchCont .searchForm .boxFormInner {width:98%;text-align:left;}
	.searchCont .searchForm .popularWord {margin:10px 0 0 0;width:100%;}
	.searchCont .searchForm .selectboxWrap {margin-bottom:5px;width:100% !important;}
	.searchCont .searchForm .inTxt {width:76% !important;}
	.searchCont .searchForm .checkboxWrap {display:block;width:100%;}
	.searchCont .searchForm .checkboxWrap {margin-left:0 !important;}

	/* Gate */
	.gateArea .gateTop {padding:40px 5%}
	.gateArea .gateTop .list {width:100%;}
	.gateArea .gateTop .list li {margin-left:0;}
	.gateArea .gateGo {width:100%;padding:30px 0 50px 0;}
	.gateArea .gateGo .gateGoBox {float:none;width:75%;height:350px;margin:0 auto 10px auto;text-align:center;}
	.gateArea .gateGo .gateGoBox:last-child {margin:0 auto 10px auto;}
	.gateArea .gateGo .gateGoBox a h3{display:block;width:100%;height:auto;}
	.gateArea .gateGo .gateGoBox a .go {left:20%;width:60%}
	.gateArea .gateGo .gateGoBox a:hover,
	.gateArea .gateGo .gateGoBox a:focus {border:5px solid #007dc3;width:98%;height:350px;}
	.gateArea .gateGo .gateGoBox a:hover h3,
	.gateArea .gateGo .gateGoBox a:focus h3 {width:342px;padding:26px;}
}

/* mobile size - content */
@media screen and (min-width: 0px) and (max-width:400px){
	.mainWrap .mainVisArea .mainStepArea li .off,
	.mainWrap .mainVisArea .mainStepArea li a {height:180px;}
	.mainWrap .mainVisArea .bx-wrapper {height:420px !important;}
	.mainWrap .mainVisArea .mainSliderInner > li {height:420px;}

	/* Main Warning  */
	.mainWrap .mainWarning {height:228px;background:url('/nrsc/images/contents/bg_mainMb_warning.png') no-repeat right top;background-size:100% 300px;}
	.mainWrap .mainWarning .mainWarningBox dl dd {width:95%}
	.mainWrap .mainNotice ul > li > ul > li {margin:5px 10px 2px 10px;}
	.mainWrap .mainNotice ul > li > ul > li a {padding-right:50px;}
	.mainWrap .mainNotice .list a {width:220px;}

	.mainWrap .mainNotice ul > li .tab {width:28%}
	.mainWrap .mainNotice ul > li:nth-child(1) > a.tab {left:-1px;}
	.mainWrap .mainNotice ul > li:nth-child(2) > a.tab {left:28%;}
	.mainWrap .mainNotice ul > li:nth-child(3) > a.tab {width:33.5%;left:56.4%;}

	.mypageMain .myInfoCon .boxMyInfo .sortBox .selectboxWrap {width:62% !important}

/* bsh */
	.tblForm.inputForm th, .tblForm.inputForm td {width:10%;}
	.tblForm.inputForm th{
		width:3%;
	}
	/* end */
	/* .tblForm.inputForm td {width:61% !important;} */
	.btnAll .btn {width:48.9%;margin-right:3px;}
	.btnAll .btn:nth-child(even) {margin-right:0;}
	.memberCont .loginArea.numSearchForm .loginCon .loginForm li:last-child .inTxt {width:46.5% !important;}

}
/* mobile size - content */
@media screen and (min-width: 0px) and (max-width:450px){
	.mainWrap .mainVisArea .mainBnrArea {width:100%;height:100%;margin:0;background-image:url('/nrsc/images/contents/img_mainVis02_Mbg02.png'); background-size:382px 410px;}
	.mainWrap .mainVisArea .mainMnArea {width:100%;height:100%;margin:0;background-image:url('/nrsc/images/contents/img_mainVis03_Mbg02.png'); background-size:382px 410px;}
	.boxCnt03.eduOrgInfoArea02 .boxInner
	{
		max-width: unset;
	}
	/* bsh */
	.boxForm02 .searchCon{
		gap: 5px;
		display: flex;
		position: relative;
		flex-direction: column;
	}
	.boxForm02 .boxFormInner .fTit,
	.boxForm02 .boxFormInner a{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.boxForm02 .boxFormInner a+b{
		width: 100%;
		position: absolute;
		top: -50px;
		left: -100px;
	}
	.boxForm02 .selectboxWrap{
		width: 100% !important;
	}
	/* end */
}


/* mobile size - content */
@media screen and (min-width: 0px) and (max-width:350px){
	/* Main  */
	.mainWrap .mainNotice ul > li .tab {width:80px;}
	.mainWrap .mainNotice ul > li:nth-child(1) > a.tab {left:-1px;}
	.mainWrap .mainNotice ul > li:nth-child(2) > a.tab {left:80px;width:75px;}
	.mainWrap .mainNotice ul > li:nth-child(3) > a.tab {width:103px;left:156px;}
	.mainWrap .mainNotice ul > li > ul > li span {right:10px;}
	.mainWrap .mainNotice .list a {width:190px;}

	.mainWrap .mainWarning .mainWarningBox {height:228px;padding:0 8px;}
	.mainWrap .mainWarning .mainWarningBox .btn {left:25%;top:186px;}
	.mainWrap .mainWarning .mainWarningBox dl dd {padding-left:20px;}
	.mainWrap .mainWarning .mainWarningBox .btn {top:190px;}
	.mainWrap .mainGoMn .mainGoMnBox {height:150px;}
	.mainWrap .mainGoMn .mainGoMnBox dl {margin-top:15px;}
	.mainWrap .mainGoMn .mainGoMnBox dl dd {margin-top:5px;margin-bottom:20px;}
	.mainWrap .mainCallCenter .callCenter .tel a {font-size:26px;}
	.mainWrap .mainCallCenter .mainGoBtn {right:20px;}
	.mainWrap .mainVisArea .bx-wrapper {height:450px !important;padding-bottom:0;}
	.mainWrap .mainVisArea .mainSliderInner > li {height:450px;}
	.mainWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {left:68%;}
	.memberCont .loginArea .loginCon .logBtn {top:100px}

}

@media screen and (min-width: 0px) and (max-width:1024px){
	/* common */
	.webOnly{display:none !important}
	.onlyMobile{display:block !important}
	.webBlock{display:inline-block !important}
	/* bsh */
	.cau05:not(p.cau05) {
		padding: 10px 22px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		gap: 5px;
	}
	/* end */
}

/*마이페이지 > 개인정보 열람/정정/삭제 2018.12.18*/
.personalData {position:relative;width:100%;overflow:hidden;}
.personalData table {position:relative;width:820px}
.personalData .respBox {position:absolute;width:100%;height:100%;z-index:1;vertical-align:middle;text-align:center}
.personalData .respBox .dim {position:absolute;width:100%;height:100%;background-color:#fff; opacity:0.8; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.personalData .respBox p.txt {width:100%;position:relative;z-index:2;display:table-cell;padding:0 5%;font-size:18px;vertical-align:middle;background:url('/nrsc/images/common/ico_tblscroll_hand2.png') center 30% no-repeat;background-size:90% auto;color:#007dc3;font-weight:bold;}
.personalData .respBox p.txt.tbl2 {vertical-align:bottom;background:url('/nrsc/images/common/ico_tblscroll_hand2.png') center 10% no-repeat;background-size:90% auto;}

/* mobile size - content : 유상욱 추가 210603 */
/* bsh */
@media screen and (min-width: 0px) and (max-width:706px){
   .memberCont .loginArea .loginCon .logBtn {top:93px !important;}
   .wrap .quickArea, .wrap .leftWrap{
		position: sticky;
		top: 50px;
		background:white;
		z-index: 997;
		display: flex;
		flex-direction: column;
		gap: 10px;
	    max-height: calc(100vh - 160px);

   }
   html:has(.leftWrap.active){
		overflow: hidden;
   }
   .leftWrap.active{
		box-shadow: 0 10px 8px #00000017;
		border-radius: 0 0 18px 18px;
		padding-bottom: 0px;
   }
   .gnb-scope{
	z-index: 999;
   }
   .boxInfo03{
		display: inline-flex;
		flex-direction: column;
		gap: 10px;
   }
   .boxInfo03.mt10{
		/* flex-direction: row; */
		width: 100%;
		display: inline-grid;

	}
	.boxInfo03.mt10 .cntTxt01{
		grid-column: 1 / span 2;
	}
	.boxInfo03.mt10 > span{
		grid-row: 2 / span 2;
	}
	/* bsh 마이페이지 */
	.boxCnt05:has(>.boxInner){
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.boxCnt05 .boxInner{
		width: 100%;
	}
	.calendarWrap{
		display:flex;
		align-items: center;
		position: relative;
		width: 100%;
	}
	.infoBoxBd01 .majorTime span{
		height: unset;
	}
	.infoBoxBd01.agencyInq {
		display: flex;
		flex-direction: column-reverse;
	}
	.artclBox{
		display: inline-flex;
		flex-direction: column;
	}

}
@media screen and (min-width: 0px) and (max-width:385px){
      .memberCont .loginArea .loginCon .logBtn {top:119px !important;}
      .memberCont .loginArea .loginLink a {font-size:14px !important;}
}
@media (max-width:400px){
	.tblForm table,
	.tblForm table tbody,
	.tblForm.inputForm tr{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.tblForm.inputForm th,
	.tblForm.inputForm td{
		display: inline-flex;
		gap: 5px;
		align-items: center;
		width: 100%;
		box-sizing: border-box;
	}
	.tblForm.inputForm.lineForm3 th,
	.tblForm.inputForm.lineForm3 td{
		width: 100% !important;
		gap: 5px;
		align-items: center;
		box-sizing: border-box;
	}

	.calendarWrap > input{
		width: 100% !important;
	}
	.calendarWrap .exline {
		padding-left: 50px;
		display: flex;
		flex-direction: column;
		position: absolute;
		bottom: 60px;
		right: 0;
	}
	.tblForm.inputForm th *,
	.tblForm.inputForm td *{
		margin: unset !important;
	}
	.rs-w80{
		width: calc(100% - 130px) !important;
	}
	.memberCont .loginArea .loginCon .logBtn02{
		top: 0 !important;
	}
	.memberCont .loginArea.numSearchForm .formTxt{
		white-space: nowrap;
		box-sizing: border-box;
		position: absolute;
		border: 0;
	}
	.dash,
	.tblForm.inputForm td.email input{
		margin: 0;
	}
	.essR{
		display: inline-flex;
		align-items: center;
	}
	.essR:before{
		display: flex;
		content: ' \002A';
		position: relative;
		top: 0;
		left: 3px;
		color: #e6000c;
		font-size: 20px;
		height: fit-content;
		align-items: flex-start;
		justify-content: flex-start;
	}
	td[colspan="3"]:not([class^="hp"]):not([class^="email"]){
		flex-direction: column;
		align-items: flex-start;
	}

	#m_szMajName,
	#m_szYomokName{
		width: 100% !important;
	}
	.tbtns{
		white-space: nowrap;
	}
	.selectboxWrap .select,
	.inTxt{
		height: 42px !important;
	}
	.tbtns {
		display: inline-flex !important;
		align-items: center;
		height: 42px !important;
	}
}
/* end */
/* 유상욱 추가 210603 */