/*!
 * wvUser ver 1.0
 */
 
 *:focus {/*outline: 2px dashed blue !important;*/}
 input:focus,  select:focus,  textarea:focus,  button:focus {outline: 1px dashed #999 !important;}
 .cursorN {display:block; cursor:default;}

/*스킵 메뉴*/
.skipMenu {position:fixed; width: 100%;top: 0;z-index:999; background-color:#000;}
.skipMenu a {position:absolute; top:-30px; left:0px; width:100%; height:30px; line-height:30px; text-align:center; background-color:#000; color:#fff; }
.skipMenu a:active, .skipMenu a:focus {top:0px;}

/*헤더*/
.topLayout {position:fixed;top:0; width:100%; z-index:99;transition: 0.3s all ease;}
.topLayout.fixed {position:fixed;top: 0; width:100%;background-color: #fff;box-shadow: 7px 5px 7px 1px rgba(0,0,0,0.05);}

	/*탑배너*/
	.topBanner {visibility:hidden; opacity:0;position: relative;height:30px;z-index: 111;overflow: hidden;background-color: rgb(209, 220, 221);/*transition:0.3s all;*/}
	.sizeT .topBanner {height:110px;}	
		.topBannerIn {max-width: 1200px;margin: 0 auto;text-align: center;}
		.topBannerSd li {}
		.topBannerIn li a {display:block;}
		.topBannerIn li a img {width:100%; height:150px;}
		.topBnrCtr {position: absolute;right: 0;bottom: 0px;display:block; width:100px; height:30px;line-height: 30px;text-align:center; font-size:13px;z-index: 6;  color:#fff;background-color:rgba(0,0,0,0.5);}
		.topBnrCtr .icon-arrowT {position: absolute;top: 10px;left: 12px;font-size: 15px; font-weight: 600;transform: rotate(180deg);transition:0.3s all ease;}
		.topBnrCtr.on .icon-arrowT {transform: rotate(0deg);}
		.topBnrCtr img {position: absolute;top: 10px;left: 12px;font-size: 15px; font-weight: 600;transform: rotate(180deg);transition:0.3s all ease;}
		.topBnrCtr.on img {transform: rotate(0deg);}
		.topBnrCtr a {display:block; position: relative; padding-left: 15px;color:#fff; z-index:1;}
		.topBnrOpenBtn {display:none;}
		
		.sizeT .topBanner .bx-viewport {height:120px;}
		.topBanner .bx-viewport {height:30px;}
		.topBanner .bx-wrapper img {display:inline-block; height:110px;}
		.topBanner #topBxPager {position: relative;bottom: 30px;max-width:1200px; margin:0px auto;z-index: 7;}	
		.topBanner #topBxPager ul {}
		.topBanner #topBxPager ul li {float:left;}
		.topBanner #topBxPager ul li a {display: block; width: 12px;height: 12px;margin-right: 8px; border-radius: 50px;font-size: 0px;background-color: #545454; opacity:0.2;}
		.topBanner #topBxPager a:hover, .topBanner #topBxPager a.active {opacity:1;}
		.topBnrControl {position: relative; max-width:1200px; margin:0 auto; bottom:39px;text-align: right;z-index: 6;}
		.topBnrControl button {background:none;border:none;width: 15px;padding: 0;}
		.topBnrControl .topBnrControlIn {position: absolute; right: 0;top: -53px;width: 20px;text-align: center;}
		.topBnrControl .bnrPrevBtn {}
		.topBnrControl .bnrPrevBtn img {width:15px;}
		.topBnrControl .bnrNextBtn {}
		.topBnrControl .bnrNextBtn img {width:16px;}
		.topBnrControl .bnrStopBtn {margin: 5px 0;}
		.topBnrControl .bnrStopBtn img {width:10px;}
		.topBnrControl .bnrPlayBtn {display:none;margin: 5px 0;/* padding-left: 8px; *//* width: 17px; */}
		.topBnrControl .bnrPlayBtn img {width:12px;position: relative;/* left: -3px; */}
		
			.topslideCounter {position: absolute;top: -28px;right: 60px; font-size: 16px;color: #525252;}
			.topslideCounter span {font-size: 20px;color:#004300;}
		
		.topBanner .bx-wrapper .bx-prev {width:15px; height:15px; left: -60px;background:url(/user/images/ic_prev.png) no-repeat;background-size: 9px;}
		.topBanner .bx-wrapper .bx-next {width:15px; height:15px; background:url(/user/images/ic_next.png) no-repeat;background-size: 9px;}
		.topBanner .bx-wrapper .bx-controls-direction {position: absolute;top: 30px; right: 50px;}
		.topBanner .bx-wrapper .bx-controls-direction a.disabled {display:block; opacity:0.3;}

        .directLink {position: relative;height: 35px; text-align: right; border-bottom: 1px solid #E3E4E3; background-color: #fff;z-index: 999;}
        .directLink .directLinkBox {position: relative; display: inline-block;height:35px;line-height: 35px;padding-left:8px; font-size: 14px;}
        .directLink .directLinkBox:before { content: ''; display: block; position: absolute; right: 0; transition: 0.3s all ease-in-out; width:0px; height:35px; background-color: #FF9732; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; }
        .directLink .directLinkBox:hover:before {width:100%;}
        .directLink .directLinkBox:hover {color:#fff;}
        .directLink .symbolBox { position: relative; display: inline-block; vertical-align: middle; width: 26px; height:35px; margin-right:5px; background:url(../images/dolbom_symbol.svg) no-repeat; background-size: 50px; background-position: 2px 6px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
        .directLink .directLinkBox:hover .symbolBox {background-position: -25px 6px;}
        .directLink .directLinkBox strong {position: relative;}
        .directLink .directArrowBox {position: relative; display: inline-block;width: 40px;height: 35px;margin-left:8px; background-color: #FF9732; text-align: center;}
		.directLink .directArrowBox img {position: relative; top:-1px;}
		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.topBnrControl .bnrStopBtn {/*width:31px;*/}
		}

	/*PC용 헤더*/
	.header {clear: both;position: relative; height:70px;padding:0 60px; background-color:#fff;}
	.header .logo {position: absolute; top:10px; margin:0px;}
	.header .logo img {width:352px;}
		.headNav {max-width:1200px; width:65%; margin:0 auto 0 25%; text-align:center;}
		.headNav .headNavIn > ul > li {position: relative;float:left;width:16%;} 
		.headNav .headNavIn > ul > li > a {position:relative; font-size:18px; font-weight:400; color:#000;}
		.headNav .headNavIn > ul > li > a:after {position: absolute;left: 50%;bottom: -10px;content: '';width: 0%;height: 2px;background-color: #ff9732;transition: .35s;transform: translateX(-50%);}
		/* .headNav .headNavIn > ul > li > a:hover {color:#00479D;} */
		.headNav .headNavIn > ul > li > a:hover:after {width: 100%;}
		.headNav .headNavIn > ul > li.on > a {color:#ff9732;}
		.headNav .headNavIn > ul > li.on > a:after {width: 100%;}
		.headNav .headNavIn > ul > li.on .depthNav {background-color:#fff2df;}
			.menuBg {display:none; position: absolute; top:70px; left:0px;height:457px; right: 0;background-color:#F6F6F6;box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.15);z-index: 9999;}
			.headDepthNav {position:relative;height:90px; padding: 22px 0;}
			.headDepthNav #headSkip:focus{outline:1px dashed #777;}
			.popupClose:focus{outline:1px dashed #ccc;}
				.headDepthNavIn {display:none; position: absolute;top:47px;left:0px; width:100%;height: 457px;padding-left: 0px; text-align: left;z-index: 9999;}
				.headDepthNavIn > ul {height: 457px;padding-top: 20px;transition:0.3s all ease;}
				.headDepthNavIn > ul:hover {background-color:#E9EFFF;}
				.headDepthNavIn:after {content:''; position: absolute; top:0px; right:-2px;width:2px; height:100%; border-left:2px solid #fff;}
				.headNav > ul > li:first-child .headDepthNavIn:before {content:''; position: absolute; top:0px; left:0px;width:2px; height:358px; border-left:2px solid #fff;}
				.headDepthNavIn > li {}
				.headDepthNavIn ul li a {font-size: 15px;color: #666;}
				.headDepthNavIn ul li a:hover {color:#ff9732;}
				.headDepthNavIn ul li a .icLink {position:relative; top:-1px; width:13px; margin-left:4px; opacity:0.7;}
				.headDepthNavIn ul li a:hover .icLink {opacity: 1;}
				.headDepthNavIn ul.on li a strong {color:#00479D;}
				.headDepthNavIn ul li .navInT a {font-size:17px; font-weight:500; color:#000;}
				/* .headDepthNavIn ul li .navInT a:hover {color:#00479D;} */
				.headDepthNavIn ul li .navInT.on a {color:#00479D;}
						.depthNavWrap {margin-bottom:20px; padding:0 15px 0 10px;}
						/* .depthNavWrap.on .navInT a {color:#00479D;} */
							 .navInT {display: inline-block;margin-bottom: 8px;}
						.depthNavWrap ul li {margin-top:3px; font-size:16px;}
						.depthNavWrap ul li:first-child {margin-top:0px;}
						.depthNavWrap ul li strong {display:inline-block; margin-bottom:8px; }
						.depthNavWrap ul li a {display: inline-block;line-height: 18px;color:#666;}
					
						.linkImg {position: relative;top: -2px;left: 7px;width:12px;}
		.headSubNav {position: absolute; top:25px; right:60px;}
		.headSubNav ul {overflow:hidden;}
		.headSubNav ul li {position: relative;float: left; margin-left: 25px;}
		.headSubNav ul li:before {content:''; position: absolute; top:5px; left:-13px; width:1px; height:11px; border-left:2px dotted #d7d7d7; }
		.headSubNav ul li:first-child {margin-left: 0px;}
		.headSubNav ul li:first-child:before {display:none;}
		.headSubNav ul li a {font-size:15px; color:#666;}
		.headSubNav ul li a:hover {color:#000;}
		.headSubNavMb {display:none;}
		
		/*모바일용 헤더*/
		.mbMenuBg {display:none;position: fixed;width: 100%; height: 100%;background-color: rgba(0,0,0,0.6);top: 0;left: 0;margin: 0;z-index: 102;}
		.mbMenuBg.on {display:block;}
		.mbHeader {display:none;}
			.mbHeadNav {position: fixed;top: 95px;left:-300px;width: 290px; height: 100%;z-index: 102;}
			.sub .mbHeadNav {top: 60px;}
			.sizeT .mbHeadNav {top: 180px;}
				.mbHeadNavWrap {position:relative;height:100%;background-color: #fff;}
					.mbHeadNavBox {clear:both; height: calc(100% - 147px);overflow-y: scroll;}
					.sub .mbHeadNavBox {height: calc(100% - 120px);}
						.mbHeadSubNav {background-color:#F77E0B;}
						.mbHeadSubNav ul {overflow:hidden;}
						.mbHeadSubNav ul li {position: relative;float:left; width:50%; text-align:center;}
						.mbHeadSubNav ul li:before {content:''; position:absolute; top:15px; left:0px; width:1px; height:22px; border-left:2px dotted rgba(255,255,255,0.2);}
						.mbHeadSubNav ul li:first-child:before {display:none;}
						.mbHeadSubNav ul li a {display:block; height: 54px;line-height: 54px;font-size:15px;color:#fff;}
						.mbHeadSubNav ul li a span {position: relative;margin-right:6px;}
						.mbHeadSubNav ul li a .icon-off {top:7px; margin-left:-7px; font-size:30px;}
						.mbHeadSubNav ul li a .icon-join2 {top:7px; font-size:30px;}
						
						.mbLoginUser {padding:15px; color:#fff;}
							.mbLoginUserImg {position:relative;top:-3px; width:24px; margin-right:8px;}
						.mbLoginUser strong {font-size:17px; font-weight:500;}	
						.mbLoginUser span {font-size:15px;}
							.mbLogoutBtn {display:inline-block; height:28px; line-height:28px; padding:0 8px; margin-left:8px; font-size:14px;background-color:#62B500; border-radius:2px; color:#fff;}
						
						.mbHeadDepthNav {}
						.mbHeadDepthNav > li {position: relative;border-top: 1px solid #E2E2E2;}
						.mbHeadDepthNav > li:first-child {border-top:none;} 
						.mbHeadDepthNav > li > a {display:block; padding:12px 0 12px 15px; font-size:17px; font-weight:500; color:#666;}
						.mbHeadDepthNav > li.on > a {color:#000;}
						.mbHeadDepthNav > li .icon-arrowT {position:absolute; top:18px; right:15px; font-size:23px;transform: rotate(180deg); transition:0.3s all ease;}
						.mbHeadDepthNav > li.on .icon-arrowT {transform: rotate(0deg);}	
							.mbHeadDepthNavIn {display: none;background-color: #F4F5F8;}
								.mbDepthNav {}
								.mbDepthNav > li {position: relative;border-top: 1px solid #E8E8E8;}
									.mbDepthNavWrap {}
									.mbDepthNavWrap .navInT {display:block; margin: 0;}
									.mbDepthNavWrap .navInT a {display: block;padding: 12px 15px;font-size: 16px;font-weight: 400;}
									.mbDepthNavWrap .navInT.on a {font-weight:500;color:#f77e0b;}
									.mbDepthNavWrap .navInT .bar {display:inline-block;position:absolute; top:21px; right:18px; width:15px; height:2px; background-color:#adadad; transition:0.3s all ease;}
									.mbDepthNavWrap .navInT .bar:before {content:'';display:inline-block;position:absolute; top:0; right:0; width:15px; height:2px; background-color:#adadad;transform: rotate(90deg);transition: 0.3s all ease;}
									.mbDepthNavWrap .navInT.on .bar:before {transform: rotate(180deg);}
									.mbDepthNavWrap > ul {display: none;padding: 8px 0;background-color:#E4E6EC;}
									.mbDepthNavWrap > ul > li {}
									.mbDepthNavWrap > ul > li > a {display: block;padding: 5px 15px 5px 15px;font-size: 15px;color: #666;}
									.mbDepthNavWrap > ul > li > a .icLink {margin-left: 4px;position: relative; top: -1px;width:13px;}
									
	.subVisual {display: flex;justify-content: center;flex-direction: column;align-items: center;height:240px;margin-top: 105px; color:#fff; background-color: #ddd;transition: 0.3s all;}
	.subVisual.bg01 {background:url('../images/subVs01.jpg') no-repeat;background-size: cover;}
	.subVisual.bg02 {background:url('../images/subVs02.jpg') no-repeat;background-size: cover;}
	.subVisual.bg03 {background:url('../images/subVs03.jpg') no-repeat;background-size: cover;}
	.subVisual.bg04 {background:url('../images/subVs04.jpg') no-repeat;background-size: cover;}
	.subVisual.bg05 {background:url('../images/subVs05.jpg') no-repeat;background-size: cover;}
	.subVisual.bg06 {background:url('../images/subVs06.jpg') no-repeat;background-size: cover;}
	.subVisual h3 {margin:0 0 4px 0;font-size:36px;font-weight:500;}
	.subVisual p {font-size:16px;color:rgba(255,255,255,0.8);}
	
	.pageNav {height:56px; border-bottom:1px solid #ddd;z-index: 10;transition: 0.3s all ease;}
	.pageNav h2 {position: absolute; top: 11px;left: 20px;margin: 0;opacity:0;transition: 0.3s all ease;}
	.pageNav.fixed h2 {opacity:1;}
	.pageNav h2 img {width:210px;}
		.pageNavIn {position: relative;max-width: 1200px;margin: 0 auto;}
			.homeLink {position: absolute;display: block;width: 59px;height: 55px; line-height: 52px;border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1;}
			.homeLink img {width:18px;}
			.homeLink .icon-home {position: relative; top:10px; font-size:30px; color:#999;}
			
			.pageDepth {margin-left: 59px;}
				.pageDepthIn {} 
				.pageDepthIn > li {position: relative;float: left;width: 300px;}
				.pageDepthIn > li .icon {position: absolute; display: block;top: 17px;right: 12px;width: 22px; height: 22px; border-radius: 50px;text-align: center; line-height: 22px;font-size: 16px;background-color: #F3F3F3;transform: rotate(180deg);transition: 0.3s all ease;}
				.pageDepthIn > li > a { display: block; height: 56px;line-height: 56px;padding-left: 17px;text-align: left;font-size: 16px;color: #666; border-right: 1px solid #E1E1E1;transition: none;transition: .3s all ease;}
				.pageDepthIn > li:hover > a {color: #FF9732;}
				.pageDepthIn > li > a img {width: 10px;position: relative;top: -2px;}
				.pageDepthIn > li > a img.on {display:none;}
				.pageDepthIn > li.on > a img.on {display:inline-block;top:-3px;}
				.pageDepthIn > li.on > a img.off {display:none;}
				.pageDepthIn > li.on > a {background-color: #EFF6FF;border: 1px solid #E1E1E1;border-top: none;border-left: none;font-weight: 500;color: #FF9732;}
				.pageDepthIn > li:first-child.on > a {border-left:1px solid #E1E1E1;}
				.pageDepthIn.noDepth > li:first-child.on > a {border-left: none;border-bottom: none;font-weight: 400; background-color:#fff;color:#666;}
				.pageDepthIn > li.on .icon {color: #fff;background-color: #FF9732;}
				.pageDepthIn > li .pageDepthSub {display: none;position: absolute; left:-1px; width: 100%;background-color: #fff; border: 1px solid #e1e1e1;border-top: none;z-index: 1;}
				.pageDepthIn > li:first-child .pageDepthSub {left:0px;}
				.pageDepthIn > li .pageDepthSub li {border-top: 1px solid #E1E1E1;}
				.pageDepthIn > li .pageDepthSub li:first-child {border-top: none;}
				.pageDepthIn > li .pageDepthSub li a {display: block; height: 56px;line-height: 56px; padding-left: 16px;text-align: left;font-size: 16px;color: #666;transition: 0.3s all ease;}
				.pageDepthIn > li .pageDepthSub li:hover a {color:#000;}
				
			.classBtn {display:none;position: absolute;top: 11px; right: 81px;}
			.classBtn img {position:relative; top:-1px; width:12px; margin-right:8px;}
			.classBtn:after {content:""; position:absolute; top: 6px;right: -15px;width:1px; height:21px; background-color:rgba(0,0,0,0.2)}
	
			.triggerBtn {display:none;position: absolute;top: 7px;left: 0px; transition: 0.3s all ease;}	
			.triggerBtn a {display: block;width: 50px; height:50px;}
			.triggerBtn a:hover .bar2 {width: 15px;}
			.triggerBtn a span {display: block;position: absolute;left:15px; width: 22px;height: 2px;background-color: #373737; transition: all 0.3s ease;}
			.triggerBtn .bar1 {top:14px;}
			.mbHeader.on .triggerBtn .bar1 { -webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
			.triggerBtn .bar2 {top:22px;}
			.mbHeader.on .triggerBtn .bar2 {opacity: 0;}
			.triggerBtn .bar3 {top:29px;}
			.mbHeader.on .triggerBtn .bar3 {-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-o-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
									

.scrTop {position: relative;}
.scrTop.fixed {position:fixed; top:0px; width:100%; background-color:#fff; z-index:10;box-shadow: 7px 5px 7px 1px rgba(0,0,0,0.05);}

/*페이지 로케이션*/
.locationBox {display:none; height:40px; line-height: 40px;margin-bottom: 16px;padding: 0 0 0 14px;border-bottom:1px solid #E1E1E1;}
	.location {}
	.location li {position: relative;float:left;padding: 0 10px;font-size: 13px;color: #666;}
	.location li:first-child {padding-left: 0;padding-right: 7px;}
	.location li:before {content:''; position:absolute; top: 15px;left: -2px; width: 7px; height: 11px; background:url('/user/images/locationBg.png') no-repeat;}
	.location li:first-child:before {display:none;}
	.location li .icon-home {position: relative;top: 3px;left: -2px;font-size: 21px;color: #999999;}
	.location li.last {font-weight: 500;color:#000;}

/*푸터*/
.footer {clear:both; background-color: #303233;}
	.footerIn {position: relative;max-width:1200px; margin:0 auto;padding: 32px 0 36px;}
		.footerTop {padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,0.15);}
			.iconBg {position: absolute;top: 0; left: 0; width:52px; height:52px;text-align: center;border-radius: 50%; background-color: rgba(0,0,0,0.36);}
			.iconBg .consultingImg {position:relative; top:12px;}
			.iconBg .icon-consulting {position: relative; top: 22px; font-size:40px; color:#fff;}
			.callCanter {position:relative; display:inline-block; margin-right:50px;}
				.callCanterIn {margin-left:70px;}
				.callCanterIn p {margin-bottom: 2px;font-size: 15px;color: rgba(255,255,255,0.7);}
				.callCanterIn strong {font-size: 18px;color: rgba(255,255,255,0.9);}
				
			.operatingTime {position:relative;display:inline-block;margin-right:43px;}	
				.operatingTimeIn {}
				.operatingTimeIn p {margin-bottom: 2px;font-size: 15px;color: rgba(255,255,255,0.7);}
				.operatingTimeIn strong {font-size: 18px;color: rgba(255,255,255,0.9);}
				.operatingTimeIn span {display: inline-block;margin-left: 6px;font-size: 16px;color: rgba(255,255,255,0.7);vertical-align: top;}
				
			.footLink {display:inline-block;float: right;margin-right: 8px;}	
				.footLinkIn {overflow:hidden;}
				.footLinkIn li {float:left; margin-right:4px;}
				.footLinkIn li a {display:block; height:40px; line-height:40px; padding:0 9px; font-size:14px; color:rgba(255,255,255,0.75); border-radius:4px; border:1px solid #4b4b4b;}
				.footLinkIn li a:hover {color:#fff;border: 1px solid #7c7c7c;}
				.footLinkIn li a .icon-info {position: relative; top: 7px; left: -3px; font-size: 28px;}
				.footLinkIn li a .icon-chat2 {position: relative; top: 6px; left: -3px; font-size: 28px;}
				.footLinkIn li a .icon-arrowR {position: relative; top: 3px; font-size: 20px; font-weight: 600;}
				.footLinkIn li a .contactImg {position: relative; top:-3px; margin-right:7px;}
				.footLinkIn li a .bubbleImg {position: relative; top:-3px; margin-right:7px;}
				.footLinkIn li a .rightArImg {position: relative; top: -2px; width: 7px; margin-left: 6px;}
				
			.footSiteLink {float: right;}
			.footSiteLink select {width:auto; height:40px; margin:0px; padding-right:35px; font-size:14px; color:rgba(255,255,255,0.8); border-radius: 5px 0 0 5px;background-color:#272727;background-size:10px; border:none;}
			
		.footerBottom {position:relative;margin-top: 36px;}
			.footlogoImg {position: absolute; top:0px; left:0px; width:230px;}
				.footerBottomIn {display:inline-block; margin-left:250px;}
				
					.footerBottomNav {overflow:hidden;}
					.footerBottomNav li {position:relative; float:left; margin-left:25px;}
					.footerBottomNav li:before {content:''; position:absolute; top:5px; left:-12px; width:1px; height:12px; border-left:1px solid rgba(255,255,255,0.2);}
					.footerBottomNav li:first-child {margin:0px;}
					.footerBottomNav li:first-child:before {display:none;}
					.footerBottomNav li a {font-size:15px; color:rgba(255,255,255,0.6);}
					.footerBottomNav li a:hover {color:#fff;}
					.footerBottomNav li a.point {color:#F77E0B;}
					
					.footAddress {margin-top:20px;}
					.footAddress p {margin-bottom:3px; font-size:15px; color:rgba(255,255,255,0.8);}
					.footAddress p span {margin-right:5px;}
					.footAddress span.copy {font-size:13px; color:rgba(255,255,255,0.5);}
			
			.footMark {position:absolute; top:0px; right:0px;border-radius: 3px;overflow: hidden;}
				.opensourceLink img {width:auto;}
				.waLink {}
				.waLink img {width:65px;}

/*콘텐츠*/
.contLayout {position: relative;padding-top: 60px;padding-bottom:220px;}
.contLayout.noPad {padding-top:0px;}
.contLayout.padBottom0 {padding-bottom:0px;}
.sub .contLayout {padding-top:120px;}
	.contLayoutIn {max-width: 1200px;margin: 0 auto;}


/*****메인 PC*****/
.mainLayout {padding-top:105px;transition:0.3s all;}
	.mainLayoutIn {margin: 0 50px;}
	
		/*메인 배너 비쥬얼*/
		/*bxslider custom*/
		.bx-wrapper {margin:0; border:none;box-shadow:none;z-index: 5;}
		
		.mainVisual {overflow: hidden;visibility:hidden; opacity:0;}
			.mainVisualIn {z-index:99999;}
			.mainVisualIn li {background-color:#fff;}
				.visualSdIn {max-width:1820px; margin:0 auto;}
				.visualSdIn a {display:block;}
				.bx-wrapper .visualSdIn img { transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); }
		.mainVisual .bx-wrapper {overflow: hidden;}
		.mainVisual .bx-viewport {height:440px; overflow: hidden;}
		.mainVisual #bxPager {position: relative;top: -80px;max-width:1200px; margin:-20px auto;z-index: 7;}	
		.mainVisual #bxPager ul li {float:left;}
		.mainVisual #bxPager ul li a {display: block; width: 12px;height: 12px;margin-right: 8px; border-radius: 50px;font-size: 0px;background-color: #545454; opacity:0.2;}
		.mainVisual #bxPager a:hover, .mainVisual #bxPager a.active {opacity:1;}
		.mainVisual .bannerControl {position: relative;top:-100px;max-width: 1200px;margin: 0 auto;z-index: 6;}
		.mainVisual .bannerControl button {background:none; border:none;}
			.bannerControlIn {position: relative;width: 145px;}
			.mainslideCounter {position: absolute;top: 5px;left: 42px;width: 36px; font-size: 16px;color: #999;}
			.mainslideCounter span {color:#fff;}
		.mainVisual .bannerControl .bnrStopBtn {position: absolute; right: 16px; top: 6px;}
		.mainVisual .bannerControl .bnrStopBtn img {width:8px;}
		.mainVisual .bannerControl .bnrPlayBtn {display:none;position: absolute;right: 12px;top: 6px;}
		.mainVisual .bannerControl .bnrPlayBtn img {width:12px;}
		.mainVisual .bx-wrapper .bx-controls {position: relative;max-width: 1200px; margin: 0 auto;}
		.mainVisual .bx-wrapper .bx-prev {width:15px; height:15px; top:26px; left: 17px;background:url(../images/ic_prevW.png) no-repeat;background-size: 10px;}
		.mainVisual .bx-wrapper .bx-next {width:15px; height:15px; top:26px; left: 86px; background:url(../images/ic_nextW.png) no-repeat;background-size: 10px;}
		.mainVisual .bx-wrapper .bx-controls-direction {position: absolute;top: -100px; left: 0px; width: 145px; height: 36px;background-color: rgba(0,0,0,0.8);border-radius: 20px; z-index:99999;}
		.mainVisual .bx-wrapper .bx-controls-direction a.disabled {display:block; opacity:0.5;}
		
		/*로그인 및 검색영역*/
		.loginSearchBox {clear: both;overflow:hidden;}
			.loginSearchWrap {position:relative; max-width:1200px; margin:0 auto;}
			.loginTabBox {position:relative;float: left;width: 51%; height: 85px;/*padding: 22px 24px 22px 0px;*/background-color: #344446;}
				.loginTabWrap {padding: 22px 24px 22px 0px;}
			.loginTabBox:before {content:''; position:absolute; top:0px; left:-105%; width:105%; background-color:#344446; height:85px;}	
				.loginTab {position: absolute;width: 125px;padding: 0px;font-size: 15px;list-style: none;  background: #C5E458;box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);border-radius: 50px;}
		        .loginTab ul {  margin: 0; padding: 0;overflow: hidden;}
		        .loginTab ul li {text-align:center;}
		        .loginTab ul li > a {position: relative; display: block;height: 40px;line-height: 40px; font-size:14px; color: #000;z-index: 1; transition-duration: 0.6s; }
		        .loginTab ul li > a.active {font-weight:500;}
				.loginTab .selector {display: inline-block; position: absolute; left: 0px; top: 0px; height: 100%; z-index: 1; border-radius: 50px; transition-duration: 0.6s;background: #C5E458;}
		            
		        .loginForm {position: absolute;top:-3px;left:135px; display:block; width: 700px;}
		        	.loginCont {position: relative;}
		        	.loginCont h4 { display: inline-block;position: absolute; margin: 8px 0 0 0;font-size: 20px;font-weight: 400;color: #fff;}
					.loginCont input::placeholder {font-size:15px;color:rgba(255,255,255,0.8); }
					.loginCont input:-ms-input-placeholder {font-size:15px;color: rgba(255,255,255,0.8);}
					.loginCont input::-webkit-input-placeholder {font-size:15px;color: rgba(255,255,255,0.8);}
					.loginCont input:-moz-placeholder {font-size:15px;color: rgba(255,255,255,0.8);}
					.loginCont .loginFormIn button {position: relative; top: -1px;width:70px; height:40px;font-size:15px;}
					.loginCont .loginFormIn .joinBtn {position: relative;top: -1px;height: 40px;line-height: 28px;font-size: 15px;}

					.basicLogin h4 {left: 250px;}
					.basicLogin .loginFormIn {position: absolute; top:2px;/* right:-60px;*/}
		        	.basicLogin .multiInput > div input[type='text'], .basicLogin .multiInput > div input[type='password'] {width: 140px;height: 39px;vertical-align: baseline;border-radius: 2px;background-color: rgba(255,255,255,0.2);border: none;color:#fff;}
		        	.digitalLogin h4 {left: 135px;}
		        	.digitalLogin .dgonepassImg {margin-right: 10px;position: relative; top: -1px;width:19px;}
		        	.digitalLogin div input[type='text'] {width:268px;height: 39px;vertical-align: baseline;border-radius: 2px;background-color: rgba(255,255,255,0.2);border: none;}
					.digitalLogin .loginFormIn {position: absolute;top: 2px;/*right: 50px;*/}
					.digitalLogin .loginFormIn button {margin-left: 3px;}
			.searchFormBox {position: relative;float:right; width:49%; height:85px;/*padding: 22px 24px 22px 24px;*/background-color: #BEDD55;}
			.searchFormBox:after {content:'';position:absolute; top:0px; right:-105%; width:105%; background-color:#BEDD55; height:85px;}
			.searchFormBox h4 {margin:7px 0 0 0;font-size: 20px;font-weight: 500;color: #000;}
				.searchFormWrap {padding: 22px 24px 22px 24px;}
				.searchFormIn {display: flex;align-items: center;position: absolute; top:24px; left:130px;}
				.searchFormIn fieldset {position: relative;}
				.searchFormIn input[type="radio"].wv-radio + label {color:rgba(255,255,255,0.8);}
				.searchFormIn input[type="radio"].wv-radio + label span {display:inline-block; padding-left:4px; font-weight:400; color:#000;}
				.searchFormIn input[type="radio"].wv-radio:checked + label {font-weight: 400;color:#fff;}
				.searchFormIn input[type="text"] {position: relative; top:0px; width:100%; height:40px;background: none;border: none;color:#000;}
				.searchFormIn input::placeholder {font-size:15px;color:#fff;}
				.searchFormIn input:-ms-input-placeholder {font-size:15px;color: #fff;}
				.searchFormIn input::-webkit-input-placeholder {font-size:15px;color: #fff;}
				.searchFormIn input:-moz-placeholder {font-size:15px;color: #fff;}
				.searchFormIn .searchBtn {position:absolute; top: 0px;right: 10px;width: 40px;text-align: center;background: none;border: none;font-size: 23px;color: #fff;}
				.searchFormIn .searchBtn .searchImg {position:relative;width: 15px;top: -3px;}
				.searchFormIn input[type="radio"].wv-radio + label:before {width:19px;height:19px;top:2px; background: url(../images/ic_check_off.svg) no-repeat; background-size:19px;border-radius:2px;}
				.searchFormIn input[type="radio"].wv-radio:checked + label:before {width:19px; height:19px;background: url(../images/ic_check_on.svg) no-repeat; background-size:19px;border-radius:2px;}
				.searchFormIn .radioBox {top:8px;}
				.searchFormIn .radioBox input[type="radio"]:checked+label:after	{display:none;}
				.searchFormIn .radioBox .cyber {width:50px;}
				.searchFormIn .radioBox .set {width:65px;}
					.searchFormInput {position: relative; top:-2px;display: inline-block; float:right; padding: 0px 40px 0px 0px; width: 290px;height:40px; margin-right:10px;  border-radius: 2px;border: 1px solid rgba(255,255,255,0.6); background-color: #fff;}
				
				.loginUser {padding: 25px 24px 22px 0px;color: #fff;}
				.loginUser strong {font-size:21px;font-weight:500;}
				.loginUser span {font-size:18px;}
					.loginUserImg {position: relative;top: -5px;width:24px;margin-right: 8px;}
					.logoutBtn {position:relative;top: -3px; display:inline-block;margin-left: 8px; font-size:15px; color:rgba(225,225,225,0.6);/*border-bottom: 1px solid rgba(225,225,225,0.6);*/}
					.logoutBtn:after {content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px;border-bottom: 1px solid rgba(225,225,225,0.6);}
					.loginUserBtn {position: relative;top: -2px;float:right;}
					.loginUserBtn a {display: inline-block;height: 40px;line-height: 37px;padding: 0 15px;text-align: center;font-size: 15px;}
					.loginUserBtn a:first-child {margin-right:4px;}	
					.loginUserBtn a.blueBtn:hover {border:1px solid #fff; color:#fff;}
					.loginUserBtn a.deepblueBtn:hover {border:1px solid #fff; color:#fff;}
					

		/*서브페이지 대표 메뉴 */
		.pageLink {height:190px; background-color:#F6FDEF;}
			.pageLinkIn {max-width:1200px; margin:0 auto;overflow:hidden;}
			.pageLinkIn li {position:relative; float:left; width:calc(100% / 7); padding:43px 0; text-align:center;}
			.pageLinkIn li:first-child {}
			.pageLinkIn li:before {content:''; width:1px; height:100px; position:absolute; top:45px; left:0px; border-left:1px dotted #93A9BC; }
			.pageLinkIn li:first-child:before {display:none;}
			.pageLinkIn li a {display:block;}
			.pageLinkIn li a:before {content:''; position:absolute; top:60px; left:0px; right:0; width:10px; height:10px; margin:auto; background-color:#FF8E1D; border-radius:50px; opacity:0;transition: 0.2s all ease;transform-origin: center;}
			.pageLinkIn li a:hover:before { transform: scale(10, 10); opacity:0.10; -webkit-transform: scale(10, 10); -moz-transform: scale(10, 10); -ms-transform: scale(10, 10); -o-transform: scale(10, 10); } 
			.pageLinkIn li a span {display:block; margin-top:27px; font-size:18px;font-weight:400; color:#333;z-index: 1;transition: none;}
			.pageLinkIn li:hover a span {font-weight:500; color:#2A7B00;}
			.pageLinkIn li.subpageLink0 a span {margin-top: 21px;}
			.pageLinkIn li.subpageLink2 a span {margin-top:25px;}
			.pageLinkIn li.subpageLink3 a span {margin-top: 26px;}
			.pageLinkIn li.subpageLink4 a span {margin-top:25px;}
			.pageLinkIn li.subpageLink5 a span {margin-top:18px;}
			.pageLinkIn li.subpageLink6 a span {margin-top:22px;}
			.pageLinkIn li img {position:relative;}	
				.subpageLink0Img {width:54px;}
				.subpageLink1Img {width:56px;}
				.subpageLink2Img {width:52px; top:-5px; left:5px;}
				.subpageLink3Img {width:53px; top:-3px;}
				.subpageLink4Img {width:60px; top:-2px;}
				.subpageLink5Img {width:53px;left:0px; top:-5px; margin-bottom:5px;}
				.subpageLink6Img {width:51px;top:-3px; margin-bottom:5px;}
				.pageLinkBg {background-color:#00479D; border-radius:50px; opacity:0.05;transition: 0.3s all ease;transform-origin: center;}
				
		/*교육과정*/
		.trainingCourse {padding-bottom:100px;overflow: hidden;}
		.trainingCourse.bg--orange {background-color: #FDF7EF;}
		.trainingCourse .tabconBox3,
		.trainingCourse .tabconBox4 {/*overflow: hidden;*/position: relative; margin-top:17px; padding-bottom:15px;}
		.trainingCourse .tabconBox3:before,
		.trainingCourse .tabconBox4:before {content: '';background-color: #fff;position: absolute;height: 410px;width: 200%;top: 0;left: -200%;z-index: 2;}
		.trainingCourse .tabconBox3:after,
		.trainingCourse .tabconBox4:after {content: '';background-color: #fff;position: absolute;height: 410px;width: 200%;top: 0;right: -200%;z-index: 2;}
		
		.trainingCourse.bg--orange .tabconBox3:before, 
		.trainingCourse.bg--orange .tabconBox4:before {background-color: #FDF7EF;}
		.trainingCourse.bg--orange .tabconBox3:after, 
		.trainingCourse.bg--orange .tabconBox4:after {background-color: #FDF7EF;}
		.trainingCourse .swiper {margin:15px 15px 0;}  
		.trainingCourse .swiper.hideCtrl .swiper-button-prev, 
		.trainingCourse .swiper.hideCtrl .swiper-button-next {display: none;}
		.trainingCourse .no-data {clear: both;display:flex; flex-direction: column;justify-content: center;align-items: center;height:375px;margin: 15px 15px 0;text-align: center; background-color: #F9F9F9;}
		.trainingCourse .no-data p {margin: 8px 0 0 0;font-size: 16px;color: #666666;}
			.trainingCourseIn {position: relative;max-width: 1200px;min-width: 1024px;margin: 0 auto;}
			.trainingCourseIn:after {content: ''; display: block; clear:both;}
			.trainingCourseIn .tabBox {margin:0 15px;}
				.thumbnailCardlist > li {float: left;width: 280px; height:400px;}
				.thumbnailCardlist > li:first-child {margin-left:0;}
					.thumbnailCard {background-color: #fff;border: 1px solid #ddd; box-sizing: border-box; transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -ms-transition: 0.3s all ease; -o-transition: 0.3s all ease; }
					.thumbnailCard:hover {box-shadow: 1px 3px 13px 3px rgb(0 0 0 / 10%);}
						.thumbnailTop {position: relative;}
						.thumbnailTop.new:after {content: 'N'; position: absolute; top:0; left:0; width:40px; height:40px;background-color: #FF6200;color: #fff;text-align: center;line-height: 40px;font-size: 20px;font-weight: 600;}
						.thumbnailTop img {width:100%;height: 175px;object-fit: cover;}
						.thumbnailBottom {padding: 16px 12px 0 12px;}
						.thumbnailBottom .cardSubTitle {margin-bottom:2px; font-size: 14px;color: #555555;}
						.thumbnailBottom .cardTitle {height: 52px;font-size: 18px;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #000;}
						.thumbnailBottom .cardInfo {margin: 12px 0 22px 0;}
						.thumbnailBottom .cardInfo li {margin-top:4px;font-size:15px; color:#666666;}
						.thumbnailBottom .cardInfo li:first-child {margin:0;}
						.thumbnailBottom .cardInfo .date {margin-left: 16px;}
						.thumbnailLink {display: flex;justify-content: center; overflow: hidden;border-top: 1px solid #ddd;}
						.thumbnailLink:after {content: ''; display: block; clear:both;}
						.thumbnailLink a {display: flex; justify-content: center; width: 100%; height: 51px; line-height: 50px; text-align: center; font-size:16px;color: #000;
						font-weight: 500; border-left:1px solid #ddd; transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -ms-transition: 0.3s all ease; -o-transition: 0.3s all ease; }
						.thumbnailLink a:hover {background-color: #F77D31; color:#fff;}
						.thumbnailLink a:first-child {border:none;}

			.trainingCourse .more {position: absolute;top: 15px;right: 15px;font-size: 16px;z-index: 1;}
			.trainingCourse .more img {margin-left: 8px;vertical-align: middle;width: 16px;position: relative;top: -1px;}

            .iconTagWrap {position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;}
            .iconTagWrap .tags {padding: 0 6px;height: 24px;display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 500;z-index: 1;}
            .newEdu {background-color: #FF6200;}
            .bestEdu {background-color: #7EC000;}

			/*교육과정 슬라이드 커스텀*/
			.trainingCourse .swiper-wrapper {box-sizing: border-box;}
			.trainingCourse .swiper-button-prev, .trainingCourse .swiper-button-next {top:45%;}
			.trainingCourse .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: -55px;width: 50px;height: 50px;background-color: #fff;border-radius: 50%; background:url('../images/ic_prevA.svg') no-repeat; transform: rotate(-90deg); background-size: 15px; background-position: center; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transition: .3s all ease-in-out;}
			.trainingCourse .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: -55px;width: 50px;height: 50px;background-color: #fff;border-radius: 50%; background:url('../images/ic_nextA.svg') no-repeat; transform: rotate(-90deg); background-size: 15px; background-position: center; -webkit-transform: rotate( -90deg); -moz-transform: rotate( -90deg); -ms-transform: rotate( -90deg); -o-transform: rotate( -90deg); transition: .3s all ease-in-out;}
			.trainingCourse .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover,
			.trainingCourse .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {box-shadow: -3px 0px 8px 1px rgba(0,0,0,0.1);}

		/*공개학습*/
		.opanTrainingCourse {padding-bottom: 90px;overflow: hidden;background-color: #F1F4F9;}
		.opanTrainingCourse .more {position: absolute; top:-75px; right:18px;font-size: 16px;}
		.opanTrainingCourse .more img {margin-left: 8px;vertical-align: middle;width: 16px;position: relative;top: -1px;}
			.opanTrainingCourseIn {position: relative;max-width: 1200px;margin: 0 auto;padding: 15px 20px 0;}
			.opanTrainingCourseIn .gallery_normal > ul {display: flex; margin:0 -12px;}
			.opanTrainingCourseIn .gallery_normal > ul > li {margin: 0 12px;}
			.opanTrainingCourseIn .gallery_normal .galleryBox {margin:0;background-color: #fff;}
			.opanTrainingCourseIn .gallery_normal .galleryBox:hover {box-shadow: 1px 3px 13px 3px rgb(0 0 0 / 10%);}
			.gallery_normal .openStudy .card .gallery_info {height:70px;}

			/*공개학습 상세*/
			.gallery_normal .openStudy .gallery_info p {color: black; font-weight: 500; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
			.openStudy iframe {width:100%; max-width:640px; margin:0 auto;}

		/*공지/알림*/
		.contTitle {margin:0; padding:110px 0 50px 0; text-align:center; font-size:34px; font-weight:400;}		
		.contTitle strong {font-weight:500;}
		.noticeBox {padding-bottom: 110px;overflow: hidden;}
			.noticeBoxIn {position: relative; min-height:346px; padding:0 20px;max-width: 1200px; margin: 0 auto;overflow: hidden;}
			.noticeBoxIn .conT4 {margin:0 0 16px 0;color:#000;}
				.noticeWrap {position: relative;width: auto;float: none;margin-right: 438px;border-bottom: 1px solid #D1D1D1;}
					.noticeList ul {border-top:1px solid #000;}
					.noticeList ul li {position: relative; padding: 15px 0;border-top: 2px dotted #D1D1D1;}
					.noticeList ul li:first-child {border-top:none;}
					.noticeList ul li a {display: inline-block;max-width: 80%;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size:18px; color:#222;}
					.noticeList ul li a:hover {color:#f77e0b;}
					.noticeList ul li .newIcon {position:relative;top:-2px; width:22px; height:22px; margin-right:8px;}
					.noticeList ul li .date {position:absolute; top:18px; right:0px; font-size:15px; color:#666;}
					
					.listMore {position:absolute; top:10px; right:0px; font-size:16px; color:#666;transition:0.3s all ease;}
					.listMore:hover {color:#000;}
					.listMore img {position:relative;top:-1px; width:18px; margin-left:8px;}
					
		/*알림판 슬라이드*/
		.noticeVisual {position: absolute;top: 0;right: 0px; width:385px;}		
			.slideCounter {position:absolute; top:1px; right:47px; width:36px; font-size: 17px;color: #666;}	
			.slideCounter span {color:#000;}
			
			.noticeControl {position: absolute;top: 0;right: 0; width:20px; height:24px;}	
			.noticeControl button {display:inline-block; padding:0px; background:none; border:none;}
			.noticeControl .bnrStopBtn {position: absolute;top: 0px;right: 0;width:20px; height:24px;}
			.noticeControl .bnrStopBtn img {position: relative;top: 1px;width: 8px;}
			.noticeControl .bnrPlayBtn {position: absolute;top: 0px;right: 0;display:none; width:20px;height:24px;}
			.noticeControl .bnrPlayBtn img {position: relative;top: 2px;width: 13px;}
		.noticeVisual .bx-wrapper ul li a {display:block;}	
		.noticeVisual .bx-wrapper img {max-width: fit-content;}
		.noticeVisual .bx-wrapper .bx-prev {width:15px; height:15px; left: -60px;background:url(../images/ic_prevA.svg) no-repeat;background-size: 15px;transform: rotate( 
			-90deg);}
		.noticeVisual .bx-wrapper .bx-next {width:15px; height:15px; right:-30px; background:url(../images/ic_nextA.svg) no-repeat;background-size: 15px;transform: rotate( 
			-90deg);}
		.noticeVisual .bx-wrapper .bx-controls-direction {position: absolute;top: -27px; right: 50px;}
		.noticeVisual .bx-wrapper .bx-controls-direction a.disabled {display:block; opacity:0.3;}
		
		/*장애인고용 추천자료*/	
		.materialBox {position:relative;padding-bottom:110px;}	
		.materialBox:before {content:''; position:absolute; bottom:-200px; left:0px; width:537px; height:648px; background:url(../images/simbolBg2.png) no-repeat; background-size: cover;opacity:0.05;z-index:-1;}
			.materialVisual {max-width: 780px;  margin: 0 auto;}
			.materialVisual .bx-wrapper {height:390px !important; background: transparent;}
			.materialVisual .bx-wrapper .bx-viewport {height:390px !important;}
			.materialVisual #materialSd img {position: absolute;width:275px;height:360px;box-shadow: 12px 12px 0px 1px #E4E4E4;border: 1px solid #e4e4e4;}
				.materialVisualIn {position:relative; height:360px; margin-left: 360px;}	
					.materialSubT {display:inline-block; margin-bottom:4px; font-size:18px; color:#666;}
					.materialT {margin-bottom:24px; line-height:38px; font-size:28px; font-weight:500; color:#00479D;}
					.materialInfo {margin-bottom: 65px;}
					.materialInfo li {position: relative;margin-top:8px;}
					.materialInfo li:first-child {margin-top:0px;}
					.materialInfo li strong {position: absolute; top:0; left:0;font-size:16px; color:#000;}
					.materialInfo li span {margin-left:90px; font-size:16px; color:#555;}
					.materialBtn {position: absolute; bottom: -12px; display: block;width: 300px;height: 55px;text-align: center;border-radius: 5px;line-height: 55px; font-size:18px;}
					.materialBtn span {margin-left:5px;}
					.materialBtn .icon-arrowR {position: relative;top: 5px;margin-left:0px;font-size: 28px;}
					
			.materialVisual .bx-wrapper .bx-prev {display: block;width: 36px;height:36px;left: -165px; background:url(/user/images/ic_prev.png) no-repeat;background-size: contain;}
			.materialVisual .bx-wrapper .bx-next {display: block;width: 36px;height:36px;right:-195px; background:url(/user/images/ic_next.png) no-repeat;background-size: contain;}
			.materialVisual .bx-wrapper .bx-controls-direction {position: absolute;top: 0;right: 0; height: 50px;margin: auto;left: 0; bottom: 0;}
			.materialVisual .bx-wrapper .bx-controls-direction a.disabled {display:block; opacity:0.3;}		

		/*자주하는 질문*/
		.faqBox {padding-bottom: 110px;background-color: #F7F9F7;}
			.faqBoxIn {}
			.faqBoxIn ul {max-width: 1200px;margin: 0 auto; margin-bottom:48px; height:275px;}
			.faqBoxIn ul li {position:relative; float: left; width: 23.5%; margin-left: 2%;height: 275px;/*padding: 37px 40px;*/text-align:center; background-color: #fff;border-radius: 10px; border: 1px solid #e9e9e9;transition:0.3s all ease;}
			.faqBoxIn ul li:first-child {margin-left:0px;}
			.faqBoxIn ul li .faqBoxItem {}
			.faqBoxIn ul li a {display:block; height:275px; padding: 37px 40px;} 
			.faqBoxIn ul li:hover {background-color: #F58C23; border:1px solid #F58C23; box-shadow: 9px 9px 17px 3px rgba(0,0,0,0.2);}
			.faqBoxIn ul li .faqSubT {display:inline-block;margin-bottom: 32px;padding: 5px 0px; width:110px;font-size:16px; color:#F58C23;border: 1.5px solid #F58C23;border-radius: 18px;transition:0.3s all ease;}
			.faqBoxIn ul li:hover .faqSubT {margin-top:-10px; margin-bottom:16px; color:rgba(255,255,255,0.7);}
			.faqBoxIn ul li .faqT {line-height:32px; font-size:20px; word-break: keep-all; color:#555;transition:0.3s all ease;}
			.faqBoxIn ul li:hover .faqT {color:#fff;}
			.faqBoxIn ul li .faqT strong {color:#000;}
			
		.faqBox .arrowBox {position: absolute;left: 0; bottom: 0px; right: 0; width: 30px;margin: auto;height: 30px; border-radius: 50px; border: 2px solid #fff;opacity: 0;transition: 0.3s all ease;opacity:0;}
			.arrowBox .arrow {display: block; position: absolute; width:0px; height:3px; left:5px; bottom:12px; margin:0; padding:0; background:#fff; border:0;transition: 0.3s all ease; }
			.arrowBox .arrow:before {content: '';  position: absolute; top:0px; right:0; width:10px;height:3px; border-top:3px solid #fff;transition: 0.3s all ease;transition-delay: 0.3s; transform-origin: right; }      
			.arrowBox .arrow:after {content: ''; transform-origin: right;position: absolute; top:0px; right:-2px; width:10px;height:3px; border-top:3px solid #fff;transition: 0.3s all ease; transition-delay: 0.3s;}    
			.faqBoxIn ul li:hover .arrowBox {bottom: 36px;opacity:1;}
			.faqBoxIn ul li:hover .arrow {width:14px;}
			.faqBoxIn ul li .arrow:before {transform: rotate(45deg);right:1px;}
			.faqBoxIn ul li .arrow:after { transform: rotate(-45deg); top:-1px; right:-2px; -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; }
				.faqMoreBtn {display: block;width: 300px;height: 55px;margin: 0 auto;text-align: center;border-radius: 5px;line-height: 55px;font-size: 18px;}
				.faqMoreBtn span {margin-left:5px;}
				.faqMoreBtn .icon-addlight { position: relative;top: 8px;margin-left:0px;font-size: 35px;font-weight: 600;}
				.faqMoreBtn img {position:relative; top:-2px; margin-left: 7px;transition:0.3s all ease;}
				.faqMoreBtn img.off {}
				.faqMoreBtn img.on {display:none;}
				.faqMoreBtn:hover img.on {display:inline-block;}
				.faqMoreBtn:hover img.off {display:none;}
				
/*****메인 모바일*****/
.borderBg {position: relative;border-bottom: 1px solid #DFDFDF;}
.borderBg:after {content:''; position:absolute; bottom:-9px; left:0px; width:100%; display:block; height:8px; background-color:#ebebeb;}
.mbMainLayout {margin-top: 95px;padding-top:0px;}
.mbMainLayout .contTitle {padding: 32px 0 15px;font-size: 21px;}
	.mbLoginBox {height:320px; padding-top:25px; background-color: #344446;}
		.mbLoginWrap {position:relative; max-width:1200px; margin:0px auto 16px;}
		.mbLoginTab {position:relative; margin:0 20px;}
			.mbLoginTabWrap {}
		.mbLoginTab:before {display:none; content:''; position:absolute; top:0px; left:-100%; width:100%; background-color:#5F75D1; height:85px;}	
		.mbLoginTab .loginTab {position: relative; width:auto; padding: 0px;font-size: 15px;list-style: none;  background: #F0F0F0;box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);border-radius: 50px;}
	    .mbLoginTab .loginTab ul {margin: 0; padding: 0;overflow: hidden;}
	    .mbLoginTab .loginTab .selector {background: #C5E458;}
	            
	        .mbLoginForm {position: absolute;top: 58px;left: 245px;display: block;margin: auto;left: 0px; right: 0px;}
	        	.mLoginCont {position: relative;}
	        	.mLoginCont h4 { display: inline-block;position: absolute; margin: 8px 0 0 0;font-size: 20px;font-weight: 400;color: #fff;}
				.mLoginCont input::placeholder {font-size:15px;color:#c0c0c0; }
				.mLoginCont input:-ms-input-placeholder {font-size:15px;color: #c0c0c0;}
				.mLoginCont input::-webkit-input-placeholder {font-size:15px;color: #c0c0c0;}
				.mLoginCont input:-moz-placeholder {font-size:15px;color: #c0c0c0;}
				.mLoginCont .logBtn {width: 100%;height: 48px;margin: 12px 0 0 0;}
				
				.mbasicLogin h4 {left: 250px;}
				.mLoginCont .multiInput > div {display:block; margin:8px 0 0 0;}
				.mLoginCont .multiInput > div:first-child {margin-top:0px;}
	        	.mLoginCont .multiInput > div input[type='text'], .mLoginCont .multiInput > div input[type='password'] {width: 100%;height: 42px;vertical-align: baseline;border-radius: 2px;background-color: rgba(255,255,255,0.2);border: none;color:#fff; font-size:15px;}
				.mLoginCont input[type="checkbox"].wv-check:checked + label {color: #ababab;}
				.mLoginCont input[type="checkbox"].wv-check:checked + label:before {background: url(../../user/images/ic_check_on.svg) no-repeat;background-size: 15px;}
	        	.mdigitalLogin h4 {left: 135px;}
	        	.mdigitalLogin .dgonepassImg {margin-right: 10px;position: relative; top: -1px;width:19px;}
	        	.mdigitalLogin div input[type='text'] {width:100%;height: 42px;vertical-align: baseline;border-radius: 2px;background-color: rgba(255,255,255,0.2);border: none;}

					.mdigitalChkBox {margin:8px 0 52px 0; text-align:left;}
					.mdigitalChkBox input[type="checkbox"].wv-check + label {font-size:14px; color:#555;}
					.mdigitalChkBox input[type="checkbox"].wv-check + label:before {background-size: 15px;}
					.mdigitalChkBox .chkBox input[type="checkbox"]+label:before {width:15px; height:16px;}
					.mdigitalChkBox a {height:auto;line-height:20px; color: #ababab;}
					.loginTab .joinLinkTxt {color: #fff;}
						.loginTab a.joinLink {display:inline-block; height: auto;line-height: initial;margin: 8px 0 20px 0;font-size:15px; font-weight:500; color:#91b416;}
						.loginTab a.joinLink .icon-arrowR {position:relative; top:1px; display:inline-block; width:16px; height:16px; line-height:16px; margin-left:4px;background-color: #bedd55; color:#000; border-radius: 50px;}
						


	/*바로가기 서비스*/
	.directCont {margin-bottom:20px;}
		.directContBox {margin: 0 20px;background-color: #e7efdf;border-radius:5px;}
			.directContBoxIn {overflow:hidden;display: flex;}
			.directContBoxIn:first-child {border-bottom: 1px dotted rgba(147,169,188,0.5);}
			.directContBoxIn li {position:relative; width:calc(100% / 3); padding: 20px 0 12px; text-align:center;}
			.directContBoxIn li:before {content:''; position:absolute; top:0; left:0; width:1px; height:100%; border-left:1px dotted rgba(147,169,188,0.5);}
			.directContBoxIn li:first-child:before {border-left:none;}
			.directContBoxIn:first-child li {width: calc(100% / 4); }
			.directContBoxIn li a { display: flex;flex-direction: column;align-items: center;justify-content: space-between;height: 100%;gap: 10px; }
			.directContBoxIn li a img {position:relative;}
			.directContBoxIn li a span {display:block; font-size:15px; color:#333;}
			.mpageLink2 span,
			.mpageLink0 span {margin-bottom: 10px;}
			.mpageLink2Img {top: -2px;left:5px;}
			.mpageLink3Img {}
			.mpageLink4Img {}
			.mpageLink5Img {}
			.mpageLink6Img {left:0px;}
			.mpageLink1Img {}
				
	/*콜센터 전화 및 검색*/		
	.callSearchCont {padding-bottom:20px;}
		.callSearchContIn {overflow:hidden;margin:0 20px;}
			.callCenter {display:block; float:right; width:49.5%; height:48px; line-height:48px; font-size:15px; text-align:center }
			.callCenter .icon-consulting {position:relative; top:5px; margin-right:8px; margin-left:-9px; font-size:25px; font-weight:500;}
				.callCenterIn {position:relative; display:block;background-color:#F77E0B; color:#fff; border-radius:4px;}
			.searchTab {display:block;float:left;width:49.5%;height: 53px;/* border-bottom-left-radius: 0; *//* border-bottom-right-radius: 0; */line-height:48px;font-size:15px;text-align:center;background-color:#BEDD55;color:#000;border-radius: 4px 4px 0px 0px;/* transition: 0.3s 0.3s all ease; *//* transition-delay: 3s; */}
	.callSearchCont.off .searchTab {height: 48px;border-bottom-left-radius:4px;border-bottom-right-radius: 4px;transition: 0.3s 0.3s all;margin-bottom: 5px;}
			.searchTab .icon-search {position:relative; top:5px; margin-right:8px; margin-left:-13px; font-size:25px; font-weight:500;}
				.searchTabIn {display:block; color:#000;}
				.searchTabBox {/*display:none;*/position:relative;margin: 0px 20px 0 20px;background-color:#BEDD55;border-radius: 0px 4px 4px 4px;/* height: 130px; */}
	.callSearchCont.off .searchTabBox {margin: 0px 20px 0 20px;}
					.searchTabBoxIn {padding:25px 20px;}
					.searchTabBoxIn .radioBox input[type="radio"]+label {font-size: 15px; color:#000;}
					.searchTabBoxIn .radioBox input[type="radio"]+label:before {background: url(../images/ic_check_off.svg) no-repeat;width: 16px;height: 16px;background-size: 16px;border-radius: 3px;}
					.searchTabBoxIn .radioBox input[type="radio"]:checked+label:after {background: url(../images/ic_check_on.svg) no-repeat;width: 16px;height: 16px;background-size: 16px;border-radius: 3px;}
					.searchTabBoxIn .radioBox input[type="radio"]+label span {margin-left:5px;}
					.searchTabBoxIn .closeBtn {position:absolute; top:21px; right:20px; display:inline-block; width:55px; height:28px; line-height:28px; padding-left:4px; text-align:center; font-size:14px; color:#344446; border:1px solid #344446; border-radius:2px; background-color: rgba(225,225,225,0.25);}
					.searchTabBoxIn .closeBtn .icon-closebtn {position:relative; top:3px; font-size:20px;}
					.searchTabInputBox {position:relative; background-color:#f77e0b;border-radius: 2px;}
						.searchTabInput {margin-right:50px;}
						.searchTabInput input::placeholder {font-size:15px;color:#000;}
						.searchTabInput input:-ms-input-placeholder {font-size:15px;color: #000;}
						.searchTabInput input::-webkit-input-placeholder {font-size:15px;color: #000;}
						.searchTabInput input:-moz-placeholder {font-size:15px;color: #000;}
						.searchTabInput input[type="text"] { width:100%; height:42px; color:#000; background-color: #efefef; border:none; border-radius:2px 0 0 2px;}
							.searchTabBtn {position:absolute; top:0px; right:0px; color:#fff; background:none; border:none; font-size: 27px;line-height: 40px; text-align:center; z-index:10;}
							.searchTabBtn .icon-search {display: inline-block;position: absolute;right: 12px;top: 16px;}
	 
	/*교육과정 영역*/
	.trainingCourse.mobile .moreIcon {position: relative;top: -1px;width:10px; margin-right:4px;}
	.trainingCourse.mobile .trainingCourseIn {min-width: auto;}
	.trainingCourse.mobile .trainingCourseIn .tabBox {margin:0; padding: 0 20px;}
	.trainingCourse.mobile .tabconBox3,
	.trainingCourse.mobile .tabconBox4 {margin-top:20px;}
	.trainingCourse.mobile .swiper {margin: 15px 20px 0;}
	.trainingCourse.mobile .thumbnailBottom .cardInfo li {font-size: 13px;}
	.trainingCourse.mobile .swiper-container-horizontal > .swiper-pagination-progressbar, 
	.trainingCourse.mobile .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {top: auto;bottom: -33px;left: 115px;right: 20px;width: auto;height: 2px;}
	.trainingCourse.mobile .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {top: 0px;height: 2px;background-color: #000;}
	.trainingCourse.mobile .swiper-button-prev, .trainingCourse.mobile .swiper-container-rtl .swiper-button-next {left: 20px;bottom: -50px;top: auto;border: 1px solid #DDDDDD;width: 39px;height: 39px;outline:none;}
	.trainingCourse.mobile .swiper-button-next, .trainingCourse.mobile .swiper-container-rtl .swiper-button-prev {left: 65px;bottom: -50px;top: auto;border: 1px solid #DDDDDD;width: 39px;height: 39px;outline:none;}
	.trainingCourse.mobile .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover, .trainingCourse.mobile .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {outline:none;}		
	.trainingCourse.mobile .more {top:0;}
	.trainingCourse.mobile h4 {float: left;margin: 0 0 20px 20px;font-size: 16px;font-weight: 500;}
	.trainingCourse.mobile .no-data {height: 175px;}

	/*공개학습*/
	.opanTrainingCourse .opanTrainingCourseIn:before {content: '';background-color: #F1F4F9;position: absolute;height: 420px;width: 200%;top: 0;left: -200%;z-index: 2;}
	.opanTrainingCourse .opanTrainingCourseIn:after {content: '';background-color: #F1F4F9;position: absolute;height: 420px;width: 200%;top: 0;right: -200%;z-index:2;}
	.opanTrainingCourse .swiper-container-horizontal > .swiper-pagination-progressbar, 
	.opanTrainingCourse .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {top: auto;bottom: -35px;left: 115px;right: 20px;width: auto;height: 2px;}
	.opanTrainingCourse .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {top: 0px;height: 2px;background-color: #000;}
	.opanTrainingCourse .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: -55px;width: 50px;height: 50px;background-color: #fff;border-radius: 50%; background:url('../images/ic_prevA.svg') no-repeat; transform: rotate(-90deg); background-size: 15px; background-position: center; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transition: .3s all ease-in-out;}
	.opanTrainingCourse .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: -55px;width: 50px;height: 50px;background-color: #fff;border-radius: 50%; background:url('../images/ic_nextA.svg') no-repeat; transform: rotate(-90deg); background-size: 15px; background-position: center; -webkit-transform: rotate( -90deg); -moz-transform: rotate( -90deg); -ms-transform: rotate( -90deg); -o-transform: rotate( -90deg); transition: .3s all ease-in-out;}
	.opanTrainingCourse .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover,
	.opanTrainingCourse .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {box-shadow: -3px 0px 8px 1px rgba(0,0,0,0.1);}
	.opanTrainingCourse .swiper-button-prev, .opanTrainingCourse .swiper-container-rtl .swiper-button-next {left: 20px;bottom: -55px;top: auto;border: 1px solid #DDDDDD;width: 39px;height: 39px;outline:none;}
	.opanTrainingCourse .swiper-button-next, .opanTrainingCourse .swiper-container-rtl .swiper-button-prev {left: 65px;bottom: -55px;top: auto;border: 1px solid #DDDDDD;width: 39px;height: 39px;outline:none;}
	.opanTrainingCourse .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover, .opanTrainingCourse .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {outline:none;}	

	/*공지사항 영역*/
	.frontNoticeCont {padding-bottom:20px;}	
	.frontNoticeCont .contTitle { margin: 0 20px;border-bottom: 1px solid #000;}	
		.frontNoticeContIn {margin: 0 20px;}
		.frontNoticeContIn li {position:relative; border-top:2px dotted #d7d7d7;}
		.frontNoticeContIn li:first-child {border-top:none;}
		.frontNoticeContIn li a {display:block;max-width: 90%; padding: 14px 0; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:15px; color:#555;} 			
		.frontNoticeContIn li .newIcons {position:relative; top:-1px; width: 20px;margin-right: 4px;}	
		.frontNoticeContIn li .noticeTxt {}
			.frontNoticeMore {display:block; margin: 0 20px;height:38px; line-height:38px;text-align:center; border:1px solid #d7d7d7; background-color:#F8F8F8; border-radius:4px; font-size:14px; color:#555555;}
			.frontNoticeMore .icon-addlight {position: relative;top: 5px;font-size: 25px; font-weight: 600; color:#888888;}
			
	/*장애인고용 추천자료*/
	.materialCont {padding-bottom: 20px;}
		.materialSdWrap {width:300px; margin:0 auto;}
			.materialSdIn {width:115px; margin: 0 auto;}
				.materialSd > li {}
				.materialSd > li img {width: 100%;max-width: 115px;box-shadow: 5px 6px 0px 1px #E4E4E4;border: 1px solid #E4E4E4;}
				.materialSd .bx-viewport {height: 365px !important;}
		.materialSdWrap .bx-wrapper .bx-prev {width:42px; height:42px; left: 0px;background:url(../images/ic_prevDf.png) no-repeat;background-size: 42px;text-align: center;background-position: center;}
		.materialSdWrap .bx-wrapper .bx-next {width:42px; height:42px; right: 0px; background:url(../images/ic_nextDf.png) no-repeat;background-size: 42px;text-align: center;background-position: center;}
		.materialSdWrap .bx-wrapper .bx-controls-direction {position: absolute;top: 20%; width: 280px;left: 0;right: 0;margin: auto;}
		.materialSdWrap .bx-wrapper .bx-controls-direction a.disabled {display:block;}
		.materialSdWrap .bx-wrapper .bx-controls-direction a.bx-prev.disabled {background:url(../images/ic_prevDs.png) no-repeat;background-size: 42px;}
		.materialSdWrap .bx-wrapper .bx-controls-direction a.bx-next.disabled {background:url(../images/ic_nextDs.png) no-repeat;background-size: 42px;}
			.mbMaterialVisualIn {margin: 24px 20px 0 20px;text-align: center;}	
				.mbMaterialT {margin-bottom: 8px;font-size: 18px;color: #00479D; line-height: 26px;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
				.mbMaterialInfo {width: 213px;margin: 0 auto 16px;}
				.mbMaterialInfo li {position:relative;height: 16px; margin-top:5px;}
				.mbMaterialInfo li:first-child {margin-top:0px;}
				.mbMaterialInfo li.writer {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
				.mbMaterialInfo li strong {position: absolute;top: 0;left: 0;font-size: 14px;color: #000;}
				.mbMaterialInfo li span {display: inline-block;width: 125px;margin-left:70px;text-align:left; font-size:14px; color:#555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
					.mbMaterialBtn {display: block;width: 195px;height: 38px;line-height: 36px; margin: 0 auto;text-align: center;border-radius: 5px;font-size:14px;}
					.mbMaterialBtn > span {margin-left:7px;}
					.mbMaterialBtn .icon-arrowR {position: relative;top: 3px; margin:0; font-size: 20px;}
					
	/*알림판*/	
	.mbNoticeVisual {}		
		.mbNoticeVisualIn {position:relative; margin: 0 20px;padding-bottom: 150px;}	
		.mbNoticeVisualIn ul {margin:0 auto; text-align:center;}
		.mbNoticeVisualIn ul li img {width:100%;}
		.mbNoticeVisualIn ul a {display:block;}
		
	.mbNoticeVisual .bx-wrapper .bx-prev {width:42px; height:42px; left: 0px;background:url(../images/ic_prevDf.png) no-repeat;background-size: 42px;text-align: center;background-position: center;}
	.mbNoticeVisual .bx-wrapper .bx-next {width:42px; height:42px; right: 0px; background:url(../images/ic_nextDf.png) no-repeat;background-size: 42px;text-align: center;background-position: center;}
	.mbNoticeVisual .bx-wrapper .bx-controls-direction {position: absolute;bottom: -35px; width: 100px;left: 0;right: 0;margin: auto;}
	.mbNoticeVisual .bx-wrapper .bx-controls-direction a.disabled {display:block;}
	.mbNoticeVisual .bx-wrapper .bx-controls-direction a.bx-prev.disabled {background:url(../images/ic_prevDs.png) no-repeat;background-size: 42px;}
	.mbNoticeVisual .bx-wrapper .bx-controls-direction a.bx-next.disabled {background:url(../images/ic_nextDs.png) no-repeat;background-size: 42px;}
		
		.noticeBnrControl {position: relative; margin:0 auto; z-index: 6;}
		.noticeBnrControl button {display: flex;justify-content: center;align-items: center;background:none; border:none;}
		.noticeBnrControl .noticeBnrControlIn {position: absolute; right: 0;bottom: 0px;width: 32px;height: 32px; background-color: rgba(255,255,255,0.5);text-align: center;}
		.mbNoticeVisual .swiper-pagination-fraction {bottom: auto;margin: 20px 0 0 0;font-size: 15px;}
		.noticeBnrControl .noticebnrPrevBtn img {width:15px;}
		.noticeBnrControl .noticebnrNextBtn {}
		.noticeBnrControl .noticebnrNextBtn img {width:15px;}
		.noticeBnrControl .noticebnrStopBtn {margin: 7px auto;padding-left: 9px;}
		.noticeBnrControl .noticebnrStopBtn img {position: relative;/*top:2px;left: 2px;*/width:10px;}
		.noticeBnrControl .noticebnrPlayBtn {display:none;margin: 5px 0;padding-left: 11px;}
		.noticeBnrControl .noticebnrPlayBtn img {width:12px; position: relative;top:2px;}
	
	/*푸터*/
	.mbFooter {display:none; clear:both; padding: 16px 15px 15px;background-color: #303233;}
		.mbFootSiteLink select {width:100%; height:45px; margin:0px; font-size:14px; color:rgba(255,255,255,0.8); border-radius: 5px;background-color: #272727; background-size:10px; border:none;    background-position: 98% 50%;}
		.mbCallCanter {position: relative;margin:16px 0; padding-bottom:16px;border-bottom: 1px solid rgba(255,255,255,0.2);}
		.mbCallCanter .mbFootIconBg {position: absolute;top: 0;left: 0;width: 45px;height: 45px;text-align: center;border-radius: 50%;background-color: rgba(0,0,0,0.36);}
		.mbCallCanter .mbFootIconBg .icon-consulting {position: relative; top: 18px;font-size: 33px; color:#fff;}
			.mbCallCanterIn {margin-left: 54px;overflow: hidden;}
			.mbCallCanterIn p {display: inline-block;float: left;margin-top: 10px;margin-right: 16px;font-size: 17px;color: rgba(255,255,255,0.7);}
				.operatingTimeInfo {display: inline-block;float: left;}
				.operatingTimeInfo strong {display: block;font-size: 20px;color: #fff;}
				.operatingTimeInfo span {font-size: 13px;color: rgba(255,255,255,0.6);}
					.mbFooterBottomNav {margin-bottom:16px; overflow: hidden;}
					.mbFooterBottomNav li {position:relative; float: left;margin: 3px 17px 3px 0;}
					.mbFooterBottomNav li:before {content:''; position:absolute; top:5px; right:-9px; width:1px; height:10px; border-right:1px solid rgba(255,255,255,0.2);}
					.mbFooterBottomNav li a {font-size: 14px;color: rgba(255,255,255,0.6);}
					.mbFooterBottomNav li a.point {color: #F77E0B;}
					.mbFootAddress {}
					.mbFootAddress p {margin-bottom:28px; font-size: 13px;color: #fff;}
					.mbFootAddress .copy {font-size: 12px;color: rgba(255,255,255,0.3);}

/*****서브*****/
/*검색영역*/
.searchBox {height:100px; margin-bottom:50px; padding:0 16px; background-color:#F5F5F5;}
.searchBox .formGroup {position: relative;margin:0 auto;padding: 24px 0 24px 0;overflow:hidden;}
.searchBox .formGroup.onlyInput {max-width:612px;}
.searchBox .formGroup.selectInput {max-width:800px;}
.searchBox .formGroup.selectDoubleInput {max-width:890px;}
.searchBox .formGroup.checkInput {max-width:800px;}
.searchBox .formGroup.radioInput {max-width:950px;}
.searchBox .formGroup.onlySelect {max-width:800px;}
	 .radioWrap {position: absolute;top:35px;}
	 .radioWrap legend {float:left; margin-right:20px; font-size:16px; font-weight:500;}
	 .radioWrap .legendCont {display:inline;}
	 .radioWrap .radioBox {margin-right:8px;}
	 .radioWrap .radioBox input[type="radio"]+label {min-width:auto;line-height: 20px; font-size:15px;font-weight: 400;color:#555;}
	 .radioWrap .radioBox input[type="radio"]+label:before {background: url(/assets/images/ic_radio_off.png) #fff no-repeat;background-size: 15px;border: 1px solid #d7d7d7;
    width: 14px;height: 14px;background: none; background-color: #fff;border-radius: 50px;}
	 .radioWrap .radioBox input[type="radio"]:checked+label {font-weight:500; color:#00479D;}
.searchBox .formGroup.radioInput .searchInput {width: 615px;margin-left: 285px;}
.searchBox .formGroup label {height:28px; line-height:28px; padding:0px; min-width:80px; margin:2px 0px; vertical-align:middle; /*background-color:#e0e0e0;*/ border-radius:3px; text-align:center; font-size:12px; color:#333; font-weight:500;}
.searchBox .formGroup label.skip {position: absolute;font-size: 0; width: 0; min-width:0px; height: 0; text-indent: 1000px; line-height: 0; overflow: hidden;} 
.searchBox .searchSelect {position: absolute; top:24px; left:0; width:250px; height:52px; margin-right:8px; padding-left:16px; border:1px solid #D7D7D7;font-size:15px;font-weight: 500; color:#000;background: url(../images/ic_selectBSArrow.png) #fff no-repeat 95% 50%;background-size: 10px;cursor:pointer;transition: 0.3s all ease;}
.searchBox .classSelect {position:relative; top:0; left:0;width:467px; height:52px; margin-right:55px; padding-left:16px; border:1px solid #D7D7D7;font-size:15px;font-weight: 500; color:#000;background: url(../images/ic_selectBSArrow.png) #fff no-repeat 98% 50%;background-size: 10px;cursor:pointer;transition: 0.3s all ease;}
.searchBox .searchInput {/*width:490px;*/ margin-left: 260px; margin-right:52px;}
.searchBox .formGroup.onlyInput .searchInput {width: 560px;margin-left:0px;}
.searchBox .formGroup.onlySelect .searchSelect {position:relative; top:0; left:0;}
.searchBox .formGroup.selectDoubleInput .searchSelect {position: relative;float: left;top: 0;}
.searchBox .formGroup.selectDoubleInput .searchInput {float: left; width:460px; margin-left:0px;}
/* .searchBox .formGroup.onlySelect .classSelect {position:relative; top:0; left:0;margin-right: 55px;} */
.searchBox .searchInput input[type='text'] {width:100%; height:52px;padding-right: 16px;border:1px solid #D7D7D7; font-size:15px;text-indent: 16px;font-weight: 500;color:#666;border-radius:0px;}	
.searchBox .searchInput input::placeholder {font-size:16px; font-weight:500;}
.searchBox .searchInput input:-ms-input-placeholder {font-size:16px; font-weight:500;}
.searchBox .searchInput input::-webkit-input-placeholder {font-size:16px; font-weight:500;}
.searchBox .searchInput input:-moz-placeholder {font-size:16px; font-weight:500;}
.searchBox .searchBtn {position: absolute;top: 24px; right: 0px;width: 52px;height: 52px; background-color: #FF9732; border: 1px solid #FF9732;cursor:pointer; color:#fff;}	
.searchBox .searchBtn .searchIcon { position: relative;top: 1px;font-size: 21px;color: #fff;}
.searchBox .searchBtn .icon-search {display: inline-block;line-height:28px; margin:0 auto; font-size:30px;}

.contSelect {position: relative;float:left; width:134px; height:36px; line-height:36px; margin-right:8px; margin-bottom:12px; padding-left:12px; background-color: #EBEEF1;border: 1px solid #A5ABB2;font-size:14px;font-weight: 500; color:#000;}
.contSelect .icon {position: absolute; top: 12px; right: 12px;font-size: 11px;color:#555;transition:0.3s all ease;}
.contSelect.on .icon {transform: rotate(180deg);}

/*상세 검색 영역*/
.searchBoxDetial {margin-bottom: 15px;}
.searchBoxDetial .basicSelect {width:105px; height:36px; margin:0; font-size:16px; font-weight:500; color:#000;background-position: 92% 50%;}

	.searchTitle {position: relative; height: 52px; line-height: 52px;background-color: #D0D7E1;}
	.searchTitle a {display: block;padding: 0 24px;font-size: 18px; font-weight: 500;color: #000;}
	.searchTitle .txt {}
	.searchTitle a .icon {position: absolute; right: 24px;top: 50%;margin-top: -8px;transition: all .3s ease; font-size: 14px; font-weight: 600;}
	.searchTitle a.on .icon {transform: rotate(180deg);}
	
	.searchInfo {display: block;background-color: rgb(247, 248, 249);}	
	.searchInfo .formGroup {padding: 24px 0;overflow: hidden;}
	.searchInfo .formItem {float: left; border-left: 2px dotted #B7C4D1;}
	.searchInfo .formItem:first-child {border-left:none;}
	.searchInfo .formItemIn {padding: 0 24px;}
		.formItem3 .formItem {width: 33.3%;}
		.formGroup .formT { margin: 0 0 16px 0;font-size: 18px; font-weight: 500;color: #000;}
	.searchInfo .searchBtn {width: 100%; background-color: #EBEEF1;border: none;font-size: 15px; color: #555;transition: 0.3s all ease;}	
		/* .searchBtn:hover {color:#00479D;} */
.searchBoxDetial .searchBtn img {position: relative; top: -1px; width: 15px;margin-right: 8px;}
		
		.selectable {}
		.selectable ul {margin-top: -8px;}
		.selectable ul li {display: inline-block;position: relative;}
		.selectable ul li a {display: block;padding: 0 12px 0 25px; font-size: 15px;color: #666; transition: 0.3s all ease;} 
		.selectable ul li a:hover {color:#00479D;}
		.selectable ul li.on a {color:#00479D;}
		.selectable ul li a:before {content:''; position:absolute; top:3px; left:0; width:16px; height:16px;background:url('../images/ic_chksOff.png') no-repeat; background-size: contain;transition: 0.3s all ease; }
		.selectable ul li.on a:before {content:''; position:absolute; top:3px; left:0; width:16px; height:16px;background:url('../images/ic_chksOn.png') no-repeat; background-size: contain; }
		
		.selectInputDT {padding-top:24px;}
		.selectInputDT ul {}
		.selectInputDT ul li {position: relative;margin-top:8px;}
		.selectInputDT ul li:first-child {margin-top:0px;}
		.selectInputDT ul li label {display: inline-block; position: absolute;top: 6px;min-width: 53px;margin-right: 19px;font-size: 15px;}
			.dtIn {margin-left: 66px;}
		.selectInputDT ul li select {width:100%;height: 34px;padding-left: 10px;border: 1px solid #D7D7D7;font-size: 15px;border-radius: 4px;background: url(../images/ic_selectArrow.png) #fff no-repeat 95% 50%; background-size: 10px;cursor: pointer;}	
		.selectInputDT ul li input[type='text'] {width:100%;height: 34px;font-size: 15px;color: #666;text-indent: 4px;border: 1px solid #D7D7D7;border-radius: 4px;}
		
/*calander*/	
.calander .year {display: inline-block;margin: 0 8px;font-size: 18px; color: #000;}
.calander a { position: relative; top: -1px;color:rgba(0,0,0,0.4);}
.calander a.on {color:#000;}
	
/*input*/
.formGroup {position: relative;}
.basicSelect {width:200px; height:34px; margin-right:8px; padding-left:12px; border:1px solid #D7D7D7;font-size:15px;font-weight: 400; color:#555;background: url(../images/ic_selectBSArrow.png) #fff no-repeat 95% 50%;background-size: 8px;cursor:pointer;}
.smallSel {float:left; width:72px;background: url(../images/ic_selectBSArrow.png) #fff no-repeat 90% 50%;background-size: 8px;}
input[type="text"].smallInp, input[type="email"].smallInp, input[type="tel"].smallInp, input[type="password"].smallInp {width:72px; margin-right:6px;}
input[type="text"].bigInp, input[type="email"].bigInp, input[type="tel"].bigInp, input[type="password"].bigInp {width:327px; margin-right:6px;}		
input[type="text"].smallInp.last, input[type="email"].smallInp.last, input[type="tel"].smallInp.last, input[type="password"].smallInp.last {margin-right:2px;}
input[type="text"].fullW, input[type="password"].fullW {width:100%; margin:0;}
input[type="email"].fullW {width:100%; margin:0;}
input[type='text'].inputL, input[type='password'].inputL {height:48px; border: 1px solid #D7D7D7;}

.belong input[type='text'].bigInp {width: 49%;margin: 2px 0;}
.belong button {margin: 0;}

.labelT {font-size:15px; color:#555;}
.formGroup .labelT {position: absolute; top: 7px;}
	.inputBar {margin-right:6px;}
	.selectTxt {float:left;margin-right: 8px;line-height: 33px;}
	.inpSubTxt {display:block; margin-top:4px; font-size:15px;}
	.inpSubTxt.inline {display:inline-block; margin-left:0px;}
li.formGroup {margin-top:8px;}
li:first-child.formGroup {margin-top:0;}
.withLabel {margin-left:70px;}
.inputBtn .buttonML {vertical-align: bottom;}
.inputBox {margin:0 70px;padding-bottom: 28px; border-bottom: 2px dotted #D7D7D7;}
.inputBox:first-child {margin-top: 0px;}
	.inputBoxIn {margin-top: 8px;}
	.centerInBox {height: 48px;margin-bottom:20px;}
	.centerChkBox {height: 48px;margin-bottom:20px;text-align: left;}
	.chkTextBox {margin-bottom: 20px;text-align: left;}

/*readOnly*/
input[type="text"].readOnly, input[type="email"].readOnly, input[type="tel"].readOnly, input[type="password"].readOnly {border-color: #d7d7d7;background-color: #eee;color:#aaa;}
input.readOnly::placeholder {color:#aaa;}
input.readOnly:-ms-input-placeholder {color: #aaa;}
input.readOnly::-webkit-input-placeholder {color: #aaa;}
input.readOnly:-moz-placeholder {color: #aaa;}

.rating {}
.rating li {float:left; width:50%; padding:5px; text-align:left; border:1px solid #d7d7d7; border-top:none; border-left:none;}
.rating li.borderRNone {border-right:none;}
.rating li.borderBNone {border-bottom:none;}
.rating li .ratingIn {float:left;}
.rating li .ratingIn .ratingTxt {font-size:13px; color:#000;}

.btn-wrap {display: flex;justify-content: center;margin-top: 30px;}
.btn-wrap button {flex: 1;min-width: auto;max-width: 200px;height: auto;}
.btn-wrap + .grayTxtBox {margin-top:50px;}

/*로그인 레이아웃*/
.columnCont {width:100%; overflow: hidden;}
	.leftCont {float: left;}
	.rightCont {float: right;}
	.centerCont {float:left;}
	
	/*로그인*/
	.loginBox {max-width:1140px;padding-bottom:80px;}
	.loginBox .columnIn {width: 550px;height: 470px;margin:0 auto; background-color: #fff;}
	.loginBox .centerChkBox {height: 76px;}
	    .columnT {margin:0; padding:64px 0 28px 0; font-size: 24px;color: #000;font-weight: 300;}
	    .columnT strong {font-weight: 500;}
	 .loginBox button.fullW {position: relative;}
	 	a.onepassBtn {color:#fff; background-color: #00296A; border: 1px solid #00296A;}
	    a.onepassBtn:hover {background-color: transparent;border: 1px solid #00296A; color: #00296A;}
	    .onepassImg {position: absolute;top: 12px;left: 20px;width: 34px;transition:0.3s all ease;}
	    .onepassImg.off {opacity:1;}
	    .onepassImg.on {opacity:0;}
	.loginBox button:hover .onepassImg.off {opacity:0;}
	.loginBox button:hover .onepassImg.on {opacity:1;}
	.loginBox .chkBox input[type="checkbox"]+label:before {top: 0px;width: 18px;height: 18px;margin-right: 8px;background-size: 17px;}
	.loginBox input[type="checkbox"].wv-check:checked + label:before {top:0; background-size: 17px;}
	
	.inputBoxBt {margin: 24px 70px 0;}
	.inputBoxBt .telInfo {position: relative;top: 3px;font-size:15px;}
	.inputBoxBt .joinImg {width:18px; margin-right:6px; transition: 0.3s all ease;}
		.joinImg.off {opacity:1;}
		.joinImg.on {display:none;}
		.joinBtn:hover .joinImg.off {display:none;}
		.joinBtn:hover .joinImg.on {display:inline-block;}
		.telImg {width:18px;margin-right:3px;}
		
/*아이디/비번찾기*/		
.findLoginBox {max-width:1140px;padding-bottom:80px;}
.findLoginBox .columnIn {width:48%; margin:0 1%; height:366px; background-color:#fff;}
.findLoginBox .columnIn.leftCont {margin-left:0px;} 
.findLoginBox .columnIn.rightCont {margin-right:0px;} 
.findLoginBox .inputBox {margin:0;padding-bottom: 0; border:none;}
.findLoginBox .txtBox p {margin-bottom:40px;width: 96%;margin-left: auto; margin-right: auto;word-break: keep-all;font-size:15px;}
.findLoginBox .rightCont .txtBox p {margin-bottom:68px;}
.findLoginBox .inputBoxIn {margin :0 24px;}
.findLoginBox .digitalPassBtnBox{margin: 0 70px 0 70px;}

/*회원가입 스탭 박스*/
.tabBox.stepBox {margin-bottom:36px;border-right: 1px solid #DBDBDB;}		
.tabBox.stepBox ul {margin-bottom:0px;overflow: hidden;}
.tabBox.stepBox ul:before {display:none;}
.tabBox.stepBox ul li {position: relative;float: left; flex-grow: 1;height: 80px;line-height: 80px;font-size: 18px;text-align: center;color: #666;background-color: #F9F9F9;}
.tabBox.stepBox ul li.on {}
.tabBox.stepBox ul li:after {content:''; position:absolute;top:0px;right:-25px;width: 26px;height: 80px;background:url('../images/ic_stepBg_off.png') no-repeat;background-size: cover;z-index: 1;}
.tabBox.stepBox ul li.on:after {background:url('../images/ic_stepBg_on.png') no-repeat;background-size: contain;}
.tabBox.stepBox ul li.last:after {display:none;}
.tabBox.stepBox ul li.last.on:after {display:none;}
.tabBox.stepBox ul li a {display:flex;justify-content: center;align-items: center; height:80px;padding: 28px 0;font-size: 18px;border-bottom: 1px solid #DBDBDB;border-left: none; border-right: none; transition:none;}
.tabBox.stepBox ul li.on a {background-color:#FF9732; transition:none;}
.tabBox.stepBox ul li a br {display:none;}
.tabBox.stepBox > ul > li > a:hover {background:none;}
.tabBox.stepBox > ul > li.on > a:hover {background-color:#FF9732;}
.tabBox.stepBox ul li a span {font-size:18px; color:#666;}
.tabBox.stepBox ul li.on a span {color:#fff;}
.tabBox.stepBox ul li em {display:block;font-style:normal; line-height:20px;height:80px;padding: 28px 0;font-size: 18px;border-bottom: 1px solid #DBDBDB;border-left: none; border-right: none; transition:none;}
.tabBox.stepBox ul li.on em {background-color:#FF9732; transition:none;color:#fff;}
.tabBox.stepBox ul li em br {display:none;}
.tabBox.stepBox > ul > li > em:hover {background:none;}
.tabBox.stepBox > ul > li.on > em:hover {background-color:#FF9732;}
.tabBox.stepBox ul li em span {font-size:18px; color:#666;}
.tabBox.stepBox ul li.on em span {color:#fff;}

.tabBox.stepBox ul li a:has(.step) {flex-direction: column;align-items: flex-start;padding-left: 38px;}
.tabBox.stepBox ul li a span.step {min-width: auto; height: auto;color: #FF9732;}
.tabBox.stepBox ul li.on a span.step {color: rgba(255,255,255,0.8);}
.step-subtext {margin-top:8px;font-size: 18px;font-weight: 500;color: #000;}
.tabBox.stepBox ul li.on .step-subtext {color:#fff;}

/***** TABLE ver.2 *****/
.table {
    box-sizing: border-box;
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #121212;
    text-align: left;
}

.table + .table {
    margin-top: 20px;
}

.table.border--none {
    border: none;
}

.table.center,
.table.pc-center {
    text-align: center;
}

.table th {
    padding: 15px 10px;
    color: #000;
    overflow-wrap: break-word;
    font-weight: 500;
    background: #f8f9fa;
}

.table th:last-child {
    border-right: 0;
}

.table thead th {
    vertical-align: middle;
    border-bottom: 1px solid #dedede;
    font-size: 15px;
}

.table td {
    padding: 15px 10px;
    overflow-wrap: break-word;
    color: #424242;
}

.table tbody td {
    vertical-align: middle;
    border-bottom: 1px solid #dedede;
    font-size: 15px;
}

.table tbody td:has(.td-colspan) {
    flex-direction: column;
}
.td-colspan {
    display: none;
    margin-top: 5px;
}
.td-colspan > p::before {
    content: attr(data-title);
    min-width: 10rem;
    font-weight: 500;
    margin-right: 16px;
    color: #898989;
}

.table tbody th {
    vertical-align: middle;
    border-bottom: 1px solid #dedede;
    font-size: 15px;
}

.table .td-text + .bullet-list {
    margin-top: 10px;
}

.table-comment {
    margin: 30px 0 5px;
    line-height: 1.3;
}

.mb-only-title {
    flex-shrink: 0;
    display: none;
    font-weight: 500;
    color: #00467e;
}

.pc-mb-title {
    flex-shrink: 0;
}

.mb-title-block {
    margin-bottom: 10px;
}

/* 타이틀 고정 테이블 */
.sticky-table {
    /* max-height: 70vh; */
    overflow: auto;
    /* scroll-snap-type: both mandatory; */
}

.sticky-table thead {
    position: relative;
}

.sticky-table thead th {
    position: sticky;
    top: 0;
    z-index: 10;
    white-space: nowrap;
}

.sticky-table tbody {
    position: relative;
}

.sticky-table tbody th,
.sticky-table thead .pin {
    position: sticky;
    left: 0;
    z-index: 10;
    background: #f8f9fa;
    white-space: nowrap;
}

.sticky-table thead .pin {
    z-index: 11;
}

.sticky-table .table {
    min-width: 800px;
}

tr.total {background-color: #ECF4FD;}
.terms-table {width: 100%;}
.terms-table th {font-weight: 500;background-color: #ebebeb;}
.terms-table th,
.terms-table td {padding: 7px 5px;text-align: center;border-bottom: 1px solid #dedede;}
.terms-table td {background-color: #fff;}

	/*소속정보 선택 팝업*/
	.table_normal.territories tbody tr td:first-child {border-left:none !important;}
	.table_normal.territories #searchCmpnyNm {}

/*휴먼계정 해제*/
.dormantAccount .columnCont {width: 550px; margin:0 auto;}
.dormantAccount .columnIn {width: 550px;height: 366px;background-color: #fff;}
.dormantAccount .inputBox {padding-bottom: 0;border: none;}
.dormantAccount .txtBox p {width: 96%;margin-left: auto;margin-right: auto;margin-bottom: 40px;word-break: keep-all;font-size: 15px;}

/*기존회원 본인인증*/
.existingMember .columnCont {width: 550px; margin:0 auto;}
.existingMember .columnIn {width: 550px;height: 366px;background-color: #fff;}
.existingMember .inputBox {padding-bottom: 0;border: none;}
.existingMember .txtBox p {width: 96%;margin-left: auto;margin-right: auto;margin-bottom: 40px;word-break: keep-all;font-size: 15px;}

/*이용약관 동의(회원가입)*/
.termsUse {margin-top:13px;}
.termsUse > ul > li {position: relative;border:1px solid #d7d7d7; border-top:none;}
.termsUse > ul > li:first-child {border-top:1px solid #d7d7d7;}
.termsUse > ul > li > a {position: relative;display:block; height:56px; line-height:56px; padding:0 16px; background-color: #F7F8F9;}
	.totalChk {height: 60px; padding:0 0 0 17px; line-height: 54px;background-color: #E3E5E8; border: 1px solid #D7D7D7; }
	.totalChk input[type="checkbox"].wv-check + label > span {position: relative;top: 2px;margin-left: 23px;font-size:16px;}
	.agreeCont {display:none; height: 200px;overflow-y: auto; background-color:#fff;}
	.agreeCont a {padding:24px;}
	.agreeContIn {margin-bottom:20px; line-height: 25px;letter-spacing: -0.5px;font-size:15px; color:#555;}
		.boldT {font-size: 17px;}
		.termsUse > ul > li .chkBox input {margin-top:21px;}
.termsUse .chkBox {position: absolute; top: 0px; left:17px;z-index:1;}
.termsUse .chkBox input[type="checkbox"]+label:before {top:18px; width:16px; height:16px;margin-right:8px; background-size: 16px;}
.termsUse input[type="checkbox"].wv-check:checked + label:before {background-size: 16px;}
.termsUse .chkBox input[type="checkbox"]+label {display: table; height: 57px;font-size:16px;font-weight: 500;}
.termsUse .chkBox input[type="checkbox"]+label .labelIn {display: table-cell; margin: 0px;vertical-align: middle;line-height: 20px;padding-left: 0px;}
.termsUse .icon {position: absolute; top: 21px;right: 16px;font-weight:600;font-size:23px; color:#000; transition: 0.3s all ease;transform: rotate(180deg);}
.termsUse .icon em {position:absolute;left:-9999px;}
	.selectTag {position: relative;top: -1px;margin-right: 4px; font-size:14px;}
.termsUse > ul > li > a.on .icon {transform: rotate(0deg);}
.termsUse ol {padding: 0 15px;}
.termsUse ol > li {list-style-type: decimal;}
	.barList {}
	.barList li {position:relative;padding-left:12px;}
	.barList li:before {content:"-"; position:absolute; top:-2px; left:0px; width:8px; height:1px;font-size: 22px;}

/*이용동의 확인*/
.agreementUse {margin-bottom: 50px; text-align:center;}

/*회원가입 완료*/
.lineBox.joinFin {position: relative;margin-bottom: 100px;padding:40px 80px; overflow:hidden; background-color: #F7F8F9;border:none;}
.lineBox.joinFin:before {content: '';position: absolute;width: 280px;height: 245px;background: url(../images/simbolBg.png) no-repeat;right: 0px;bottom: 0px;background-size: cover;}
.lineBox.joinFin .lineBoxIn {margin-bottom:0;background: none;}
.lineBox.joinFin .lineBoxIn:before {display:none;}
.lineBox.joinFin .conT4 {margin-bottom:20px; font-size:28px;}
	.alertTxt {display: inline-block; margin:2px 0 6px 0;padding: 9px 22px;background-color: #fff;border-radius: 20px;}

	/*전체선택*/
	.totalChk .chkBox {position: relative;top:0;left:0;}
	.totalChk input[type="checkbox"].wv-check + label {font-size:16px;font-weight: 500; color:#000;}
	.termsUse .totalChk .chkBox input[type="checkbox"]+label:before { position: absolute;top: 24px;margin-right:10px;background: url(../images/ic_totalChk.png) no-repeat;background-size: contain;}
	.termsUse .totalChk input[type="checkbox"].wv-check:checked + label:before{margin-right:10px;background: url(../images/ic_check_on.png) no-repeat;background-size: contain;}
	
	/*본인인증*/
	.identityCont {margin-top:80px;}
	.identityCont h4 {margin-bottom:24px;}
	.identityCont .columnIn {width:100%; height:290px; margin: 0 1%; background-color:#F7F7F7;}
	.identityCont .columnIn button {width:50%; margin-left:0;}
	.identityCont .columnIn .columnInCont {position: relative;padding:36px 32px 24px 32px;}
	.identityCont .columnIn.leftCont {margin-left:0;}
	.identityCont .columnIn.rightCont {margin-right:0;}
	.identityCont .columnIn.rightCont .columnInTxt {margin-bottom:20px;}
		.columnIn .columnInTxt {margin:20px 0px 28px 0px;line-height: 22px;letter-spacing: -0.6px;word-break: keep-all;font-size: 14px;color:#666;}
		.columnSubTxt {margin-top:24px;}
		.columnSubTxt li {letter-spacing: -0.5px;line-height: 25px;font-size:15px;color:#555;}
			.passlink {display:block;margin-top: 8px;font-size: 15px;}
		.identityImg {width:55px;top: 3px;left: 42px;}
		.passImg {width:62px;}
		.identImg {width:39px;}
		.ipinImg {width:62px;}

		.lineBox.joinFin .logoImg {width:300px;margin-bottom:28px;}
		.lineBox.joinFin .checkImg {width:56px;margin-bottom:8px;}
		.lineBox.joinFin .conT4 {margin-bottom:24px;}
		.lineBox.joinFin .txtSub {line-height:28px; font-size:18px;}
			.lineBoxIn {position: relative;height: auto;padding: 48px 0 48px 0; margin-bottom:12px; overflow: hidden;background-color: #F7F7F7;}
			.lineBoxIn:before {content:''; position:absolute; width:211px; height:255px;background: url( "../images/simbolBg.png" ) no-repeat;right: -23px; bottom: -75px; background-size: cover;}	
				
		.textIn {margin: 0 70px;padding-bottom: 28px;}
		
/*법령정보*/		
.statutePage .table_normal tbody tr td.subject {padding: 12px 10px;}
			
/*icon img*/
.noticIcon {width:13px;vertical-align: sub;}
.fileIcon {width: 13px;margin-top: -3px;margin-right:5px;}
.secretIcon {position: relative; top: -3px;width:20px; margin-right:8px;}
.lockIcon {position: relative; top: -5px;width:20px; margin-right:8px;}
.previewIcon {position: relative;top:2px;display:block; font-weight:600; font-size:17px;color:#999;transition:all .3s ease;}
.previewIcon:hover {color:#00479D;}

.previewBtn .previewImg {width:19px;transition:all .3s ease;}
.previewBtn .previewImg.on {display:none;}
.previewBtn:hover .previewImg.off {display:none;}
.previewBtn:hover .previewImg.on {display:inline-block;}
.buttonM .previewIcon {position: relative; top:2px; float:left; width:14px; margin-right:4px;}
.circleIcon {position: relative;top: -2px;width:19px;margin-right:8px;}

			
/*리스트 영역*/
.tbAccessories {position:relative;overflow:hidden;margin-bottom:5px;}
	.listTotalBox {float:left;overflow:hidden;}
		.listTotal {float:left; margin-bottom:16px; font-size:15px; color:#555;}
		.listTotal strong {font-weight:600; color:#FF3400;}

		.bulletStyle li {position: relative; padding-left: 8px; font-size:16px; line-height: 1.7;}
		.bulletStyle li > strong {margin-right:8px; color:#555;}
		.bulletStyle > li:before {content:''; position:absolute;left: 0;top: 10px; width:3px; height:3px; background-color:#000; border-radius:50px;}

		.remarkTxt > p {margin-left:18px;line-height:20px;}
		.remarkTxt > p:before {content:'※'; position:absolute; left:0;}
		.remarkTxt > p.remarkTxtSubT {margin-left:0;margin-bottom: 12px;font-size: 16px; font-weight: 500;}


	/*리스트 정렬*/
	.sortBox {float:right;}
		.listCondition {position: relative; top: 1px; float:left;}
		.grid .listCondition {left:5px;}
			.lineWebzineTitle .listCondition{position: absolute; right:10px; top:0; cursor: pointer; color:#9C9C9C; font-weight:400;}
				.listCondition .icon {position: relative;top: 2px;font-size:17px;padding-left:0px;}
				.listcodnitiontitle {display:inline; font-size:15px; font-weight: 500; color:#666; transition:none ; cursor: pointer;}
				.listcodnitiontitle .icon{color:#9C9C9C;}
				.listcodnitiontitle.on {color:#000;font-weight:500;}
				.listcodnitiontitle.on .icon{color:#666;}
					.line {position:relative; top:-2px; padding:0 8px; color:#D7D7D7;}
					
		.gridViewBox {float: right;margin-left:20px;}			
			.gridView {}
			.gridView li {position:relative; float: left;}
			.gridView li:first-child a {border-left: 1px solid #D7D7D7;}
			.gridView li a {display: block; width:28px; height:28px;text-align: center;line-height: 14px; border: 1px solid #D7D7D7; border-left:none;}
			.gridView li a .icon-listBtn2 {position: absolute; top:2px; left:2px;line-height: 24px; font-size:25px;color:#999;}
			.gridView li a .icon-grid2 {position: absolute; top:3px; left:3px;line-height: 23px; font-size:22px;color:#999;}
			.gridView li.on a .icon {color:#00479D;}
	
	
/*table*/	
.tableTitle {position:relative;}
.tableTitle p {margin-bottom:12px;}
.tableTitle .conT6 {float:left;margin-bottom: 20px;}
.tableTitle .remark {position: absolute;right: 0;top: 8px;margin:0px;}
.tableTitle button {position: absolute;right: 0;top: 0;margin:0px;}
.tableTitle button .icon-pencil2 {position: relative;top: 5px;font-size: 23px;}
.table_normal:before {content:'';position: absolute;top: 0;left: 0; width:100%; border-top:1px solid #000;}
.table_normal.board-read:before {display:none;}
.table_normal.board-write:before {display:none;}
.table_normal tbody tr td.answerNo {color:#555;}
	.answerNo img {width:16px; margin-right:8px;}
.table_normal tbody tr td.answerOk {color:#00479D;}
	.answerOk img {width:16px; margin-right:8px;}
.table_normal .icon-file-empty {margin-right: 5px;font-size: 14px;}
.table_normal .fileLineImg {position:relative; top:-2px; width:11px; margin-right:4px;}
.table_normal tbody tr td.subject a.ellipsis {display:block;text-overflow: ellipsis; height:23px; overflow:hidden; white-space: nowrap; word-break: keep-all;}



.toggleTb {float: left;width: 100%;}
.tableSubTxt {float:right;}
.tableSubTxt p {display: inline-block;margin:0; font-size:15px;letter-spacing: -0.5px; color:#000;}
	.subTitle {display: inline-block;margin-bottom:3px;color:#555;}
	.subTitle.pcHide {display:none;}
	.tagGauge {float: left; height: 50px; margin-right: 12px;}
		.tag {display: inline-block; width: 68px;letter-spacing: -0.7px; text-align: center;padding: 0 8px;height: 23px;line-height: 23px;font-size: 13px; background-color: #ddd;}
		.tag.pcHide {display:none;}
		.tag.blue {background-color: #006DAC;color: #fff;}
		.tag.green {background-color: #008829;color: #fff;}
		.tag.pink {background-color: #DB2E69;color: #fff;}
		.tag.orange {background-color: #F77E0B;color: #fff;}
	.gaugeBox {position: relative;display: block;width:68px;margin-top: 2px; padding: 0 8px;height: 23px;line-height: 23px;text-align:center;font-size: 13px; background-color: #6f757b;}
		.gauge {position: absolute;left: 0;display: inline-block; height: 23px; background-color: #000;}
		.unitBox {position: relative;color: #fff;}
			.unit {font-size:11px;}
	.subTh {margin-top:8px; line-height:21px; font-size:13px; color:#555;}	
	.subTh strong {color:#000; font-weight:500;}	
			
/*tbBlue*/
.tbBlue {width:100%;border-top: 0;border:1px solid #d7d7d7;border-collapse: collapse;}
.tbBlue:before {display:none;}
.tbBlue > thead > tr > th, .tbBlue > tbody > tr > th, .tbBlue > tfoot > tr > th {font-weight: 500;font-size: 15px;background-color: #EDF0F6;border: 1px solid #d7d7d7;color:#000;}	
.tbBlue > thead > tr > td, .tbBlue > tbody > tr > td, .tbBlue > tfoot > tr > td {padding: 14px 16px;font-size: 16px;background-color: #fff; border-right:1px solid #d7d7d7;}
.tbBlue > thead > tr > th.grayBg, .tbBlue > thead > tr > td.grayBg, .tbBlue > tfoot > tr > th.grayBg, .tbBlue > tfoot > tr > td.grayBg,
.tbBlue tbody tr th.grayBg, .tbBlue tbody tr td.grayBg {background-color: #F1F1F1;}
.tbBlue thead tr th.lightgrayBg, .tbBlue thead tr td.lightgrayBg, .tbBlue tfoot tr th.lightgrayBg, .tbBlue tfoot tr td.lightgrayBg,
.tbBlue tbody tr th.lightgrayBg, .tbBlue tbody tr td.lightgrayBg {background-color: #F7F8F9;}
.tbBlue thead tr th.deepgrayBg, .tbBlue thead tr td.deepgrayBg, .tbBlue tfoot tr th.grayBg, .tbBlue tfoot tr td.deepgrayBg,
.tbBlue tbody tr th.deepgrayBg, .tbBlue tbody tr td.deepgrayBg {background-color: #F4F4F4;}
.tbBlue thead tr th.lightblueBg, .tbBlue thead tr td.lightblueBg, .tbBlue tfoot tr th.lightblueBg, .tbBlue tfoot tr td.lightblueBg,
.tbBlue tbody tr th.lightblueBg, .tbBlue tbody tr td.lightblueBg {background-color: #ECF4FD;}
.tbBlue thead tr th.blueBg, .tbBlue thead tr td.blueBg, .tbBlue tfoot tr th.blueBg, .tbBlue tfoot tr td.blueBg,
.tbBlue tbody tr th.blueBg, .tbBlue tbody tr td.blueBg {background-color: #EBEEF1;}
.tbBlue thead tr th.whiteBg, .tbBlue thead tr td.whiteBg, .tbBlue tfoot tr th.whiteBg, .tbBlue tfoot tr td.whiteBg,
.tbBlue tbody tr th.whiteBg, .tbBlue tbody tr td.whiteBg {background-color: #fff;}

.tbBlue > tbody > tr > td.bc {font-weight: 500;font-size: 15px;background-color: #EDF0F6;border: 1px solid #d7d7d7;color:#000;}	
.table_normal > tbody > tr > td.bc {background-color: #f3f3f3;border-top: 1px solid #000; border-bottom: 1px solid #D7D7D7; color: #000;padding: 15px;font-size: 15px;font-weight: 500;}	
.table_normal > tHead > tr > td.gc {padding: 15px 0; text-align: center;font-size: 15px;font-weight: 500;background-color: #f3f3f3;border-top: 1px solid #dadada;border-bottom: 1px solid #d7d7d7;color:#000;}	

/*table hover css*/
.tbBlue tr.bgColor th {background-color: #EBEEF1;border: 1px solid #DCE1E6;}
.tbBlue tr.bgColor td {background-color: #F7F8F9;}	

.tbBlue.tbBorder {border-top:1px solid #000;}
.tbBlue.tbBorder > thead > tr > th, .tbBlue.tbBorder > tbody > tr > th, .tbBlue.tbBorder > tfoot > tr > th {font-size:15px; border-top:1px solid #000;}	
.tbBlue.tbBorder > thead > tr > td, .tbBlue.tbBorder > tbody > tr > td, .tbBlue.tbBorder > tfoot > tr > td {font-size:15px;}

/*tbGray*/
.table_normal.tbGray {border-top:1px solid #d7d7d7;}
.tbGray > thead > tr > th, .tbGray > tbody > tr > th, .tbGray > tfoot > tr > th {font-size: 15px;background-color: #F3F3F3;border: 1px solid #d7d7d7;}
.tbGray > thead > tr > td, .tbGray > tbody > tr > td, .tbGray > tfoot > tr > td {font-size: 15px;border: 1px solid #d7d7d7;}
			
/*empty*/
.table_normal tbody tr td.empty {border-top: 1px solid #d7d7d7;}		
	.emptyIn {padding: 40px 0 40px 0;}
	.emptyImg {position: relative;right: -5px;}
	.emptyIn p {margin:16px 0 8px 0; font-size:16px; font-weight:500; color:#000;}	
	.emptyIn .emptySubTxt {display:block;margin-bottom:28px; font-size:15px; color:#555;}
	.empty.itemList > li .itemIn {padding:28px;}
	
/*data-empty*/	
.dataEmptyIn {padding: 20px;background-color: #F8F8F8;}
.dataEmptyIn img {margin-left:6px;}
.dataEmptyIn p {display: block;margin-top: 8px;font-size: 15px;color: #555;}

/*gallery*/
.titleSub {display:inline-block; margin-bottom:2px;font-size:16px;color:#555;}
.gallery_normal .titleSub {font-size:16px;}
.gallery_normal .galleryBox:hover {}
.gallery_normal .gallery_midIn {position: relative;padding:20px;}
.gallery_normal .gallery_info {height:85px;}
.gallery_normal .gallery_info p {}
.gallery_normal .gallery_name {margin: 0;max-width: 330px; line-height:25px; font-size: 18px;transition: 0.3s all ease;}
.gallery_normal .galleryBox:hover .gallery_name, .gallery_normal .galleryBox:hover .gallery_name .txt_gray {color:#ff9732;}
.gallery_normal .gallery_bot {height:auto; margin-top: 0; padding-top: 0;border-top:none;}
.gallery_normal .gallery_bot button {position: absolute;right: 16px; bottom: 16px;}
.gallery_normal .gallery_button {display: flex;gap: 5px;}
.gallery_normal .gallery_button button {min-width: auto;height: auto;}

.gallery_day {float:left; display: inline-block; margin-top: 8px;font-size:15px;}

	.playWrap {position: absolute; top:38%; width:100%; text-align:center;z-index:1;}
		.playBtn {position: relative; width:75px; height:75px; line-height:75px; margin:0 auto; border-radius:50px; background-color:rgba(0,0,0,0.7); transition:0.3s all ease;}
		.playBtn:hover {background-color:#029F8A;}
		.playBtn:before {content:"";position:absolute; top:0; left:0; width:0px; height:0px;border-radius:50px;background-color:#029F8A;transition:0.3s all ease;}
		.playBtn:hover:before {width:75px; height:75px;}
		.playBtn img {position:relative; top:-2px; left:5px; width:28px;}
		
		.player .titleTag {display:inline-block; margin-bottom:2px; font-size:15px; color:#00479D;}
		.player .gallery_bot {height:18px;}
		.player .gallery_bot .gallery_tag {font-size:14px; color:#666;}

/*gallery card*/
.gallery_normal .card .gallery_midIn {height:auto; padding:16px 20px 16px 20px;}
/*.gallery_normal .card .gallery_info {height:90px;}*/
.gallery_normal .card .gallery_bot ul {float:none; margin-bottom:16px;}
.gallery_normal .card .gallery_bot ul li {float:none; margin-top:4px; padding:0;font-size:14px;}
.gallery_normal .card .gallery_bot ul li:first-child {margin-top:0px;}
.gallery_normal .card .gallery_day {float:none; margin-top:0;}
.gallery_normal .card .gallery_day strong {margin-right:8px; font-weight:500; color:#000;}
.gallery_normal .card .gallery_bot button {position:relative; bottom:0; right:0; margin-left:0; font-size:15px;}
.gallery_normal .card .gallery_bot button .icon-pencil2 {position:relative; top:6px; line-height:1px; font-size:26px;}

/*tabBox*/
.tabBox {margin-bottom:0px;}
.tabBox.marB {margin-bottom:50px;}
.tabBox > ul > li:first-child > a {border-left: 1px solid #D7D7D7;}
.tabBox > ul > li > a span {min-width:100px;height:55px;font-size:16px; color:#777;}
.tabBox > ul > li > a span.bracket {display:inline;}
.tabBox > ul > li.on > a span {font-weight: 500;color:#000;}
.tabBox > ul > li.on > a span.bracket {color:#fff;}
.tabBox > ul > li > a span.bracket.left {position:relative; top:-5px;}
.tabconBox2 {display:none;}

.tabBox > ul.tabItem5-1 > li > a span {min-width:200px;}
.tabBox > ul.tabItem7 > li > a span {min-width:170px;}

/*squareTab*/
.squareTab {margin-bottom:48px;}
.squareTab ul {overflow:hidden;}
.squareTab ul li {flex-grow: 1;}
.squareTab ul li a {display:block; height:60px; line-height: 60px;letter-spacing: -0.6px;font-size: 18px;border:none;border-left: 4px solid #fff;background-color:#F1F2F3;color:#666; transition: 0.3s all ease;}
.squareTab ul li:first-child a {border-left:1px solid #fff;}
.squareTab ul li:hover a {background: #f1f2f3;}
.squareTab ul li:hover a {color:#ff9732;} 
.squareTab ul li.on a {background-color:#ff9732;color:#fff;}
.squareTab ul li a span {font-size:18px;}
.squareTab ul li.on a span {color:#fff;}
.tabBox.squareTab > ul:before {display:none;}

/*quick menu*/
.quickMenu {position:fixed; top:105px; right:0px; box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.15);background-color: #fff;z-index: 10;}
.quickMenu ul li {position:relative; right:0px; width:50px; height:50px; padding:0 10px; text-align:center;transition: 0.3s all ease;}
.quickMenu ul li:before { content:''; position:absolute; top:0px; right:-150px; width:0px; height:50px; background-color:#ff873c; z-index:1; transition: 0.4s all ease-out; -webkit-transition: 0.4s all ease-out; -moz-transition: 0.4s all ease-out; -ms-transition: 0.4s all ease-out; -o-transition: 0.4s all ease-out; }
.quickMenu ul li.on:before {right:0px; width:150px;}
.quickMenu ul li.qItem1 {transition-delay: 0.1s;}
.quickMenu ul li.qItem2 {transition-delay: 0.2s;}
.quickMenu ul li.qItem3 {transition-delay: 0.3s;}
.quickMenu ul li.qItem4 {transition-delay: 0.4s;}
.quickMenu ul li.qItem5 {transition-delay: 0.5s;}
.quickMenu ul.on li {right:-50px;height:0px;}
.quickMenu ul li a {position: relative;display:block; height:50px; line-height:50px;transition:none;}
.quickMenu ul li a:before {content:''; position:absolute; top:-0.3px; left:0px; width:30px; height:2px; border-top:1.5px dotted #E2E2E2;}
/* .quickMenu ul li:first-child a:before {display:none;} */
.quickMenu ul li a .quickMenuT {}
.quickMenu ul li a .quickMenuT .qItemTxt {opacity:0; position:absolute; top:0px;right: -67px; min-width:100px; color:#fff; z-index:2; transition: 0.3s all ease;}
.quickMenu ul li a .icon {position:absolute;opacity:0.5; z-index:2;transition: 0.3s all ease;}
.quickMenu ul li.on a .icon {color:#fff; opacity:1;}
.quickMenu ul li.on a .quickMenuT {display:block;}
.quickMenu ul li.on a .quickMenuT .qItemTxt {right:37px; width:auto; font-size:14px; opacity:1;}
.quickMenu ul li a .icon-user2 {top: 21px; left:0px; font-size: 30px;}
.quickMenu ul li a .icon-medal {top: 20px;left:-2px; font-size: 36px;}
.quickMenu ul li a .icon-pencil3 {top: 20px;left:-1px; font-size: 36px;}
.quickMenu ul li a .icon-book {top: 20px;left:0px; font-size: 31px;}
.quickMenu ul li a .icon-map_point2 {top: 20px;left:-3px; font-size: 36px;}
.quickMenu ul li a img {transition:0.3s all ease;}
.quickMenu ul li a img.on {display:none;position:relative;z-index:1;}
.quickMenu .closeBtn {position: relative;display:block; width:50px; height:50px; line-height:50px; text-align:center; background-color: #fff;}
.quickMenu .closeBtn:before {display:none;}
.quickMenu .closeBtn:hover {background-color: #ff873c;} 
.quickMenu .closeBtn.on .arrowIcon { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.quickMenu .iconBox {display: inline-block; width: 30px; height:50px;overflow: hidden;text-align: center;transition: 0.3s all ease;}
.quickMenu .arrowIcon {background: url('../images/ic_arrow.svg') no-repeat;background-position: 10px center; background-size: 40px;}
.quickMenu .closeBtn:hover .arrowIcon {background-position: -17px center;}
.quickMenu .userIcon {background: url('../images/ic_user.svg') no-repeat;background-position: 7px center; background-size: 40px;}
.quickMenu ul li.on .userIcon {position: relative;z-index: 1;background-position: -17px center;}
.quickMenu .trophyIcon {background: url('../images/ic_trophy.svg') no-repeat;background-position: 7px center; background-size: 40px;}
.quickMenu ul li.on .trophyIcon {position: relative;z-index: 1;background-position: -17px center;}
.quickMenu .penIcon {background: url('../images/ic_pen.svg') no-repeat;background-position: 7px center; background-size: 40px;}
.quickMenu ul li.on .penIcon {position: relative;z-index: 1;background-position: -16px center;}
.quickMenu .bookIcon {background: url('../images/ic_book.svg') no-repeat;background-position: 6px center; background-size: 40px;}
.quickMenu ul li.on .bookIcon {position: relative;z-index: 1;background-position: -18px center;}
.quickMenu .mapMarkIcon {background: url('../images/ic_mapMark.svg') no-repeat;background-position: 7px center; background-size: 40px;}
.quickMenu ul li.on .mapMarkIcon {position: relative;z-index: 1;background-position: -18px center;}

.quickMenu .topBtn {position: relative;display:block; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; background-color: #555555;z-index: 3;}
.quickMenu .topBtn.on {margin-top:0px;}
.quickMenu .topBtn:before {display:none;}
.quickMenu .topBtn a {color: #fff; border-top:none;}

/*effect*/
.box, .box:after { -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.box {position: relative;display: inline-block;float:left;margin-left:10px;width:206px;height: 45px;line-height:45px;font-size: 16px; text-align: center; background: none;border: 3px solid #9f7f5e;color: #9f7f5e;}
.boxEffect1 {overflow: hidden;z-index: 1;}
.boxEffect1:before {background: #9f7f5e;content: '';position: absolute;z-index: -1;}
.boxEffect1:after { background: #9f7f5e; content: ''; position: absolute; z-index: -1;}
.boxEffect1:hover {color: #fff;}
.boxEffect1:after {width: 0; height: 100%; left: -35%; top: 0;transform: skew(50deg); transition-duration: 0.6s; transform-origin: top left; }
.boxEffect1:hover:after {height: 100%; width: 135%;}

/*슬라이드*/
.btnEffect1 {}
.btnEffect1 a {position: relative;display: inline-block;padding: 0 10px;}
.btnEffect1 a span {}
.btnEffect1 a:before, .btnEffect1 > a:after {content: ''; display:block; position: absolute; width: 0;height: 0; border: 0 solid transparent; transition: 0.3s all ease;}
.btnEffect1 a:before {border-top-width: 1px; border-left-width: 1px; bottom:-1px;left:-1px; z-index:1;}
.btnEffect1 a:after {z-index:2; top:0px; right:0px; border-right-width: 1px;border-bottom-width: 1px;}
.btnEffect1:hover a {z-index:2; border-bottom-color:#fff; background-color:#fff; color:#000;}
.btnEffect1:hover a:before {border-color: #333; transition: border-color 0s, width .3s, height .3s; width: 100%; height: 100%; border-radius: 4px;padding-top:1px;}
.btnEffect1:hover a:after { transition: border-color 0s, width 0.3s, height .4s; width: 100%; height: 100%;border-color: #000;border-radius: 4px;transition-delay: .4s, .4s, .0s;padding-top:2px; margin-right:-1px;}
.btnEffect1:hover a:before {transition-delay: 0s, .2s, 0s;}

.btnAny {border: none;cursor: pointer;display: inline-block;position: relative;overflow:hidden;}
.btnAny:before, .btnAny:after {content: "";position: absolute; width: 0px;height: 0px;border-color: transparent;-webkit-transition: all 0.25s; transition: all 0.25s;border-style: solid; border-width: 0;transition-delay: 0.1s;}
.btnAny:before { border-right-width: 1px;border-top-width: 1px;right: 0px; top: 0px;}
.btnAny:after {border-bottom-width: 1px;border-left-width: 1px;bottom: 0px;left: 0px;transition-delay: 0.2s;}
.btnAny:hover, .btnAny.hover {border: none;}
.btnAny:hover:before, .btnAny.hover:before, .btnAny:hover:after, .btnAny.hover:after {height: 100%;width: 100%;}

.darkblueBtn.btnAny:before, .darkblueBtn.btnAny:after {border-color:#6E7782;}
.blueBtn.btnAny:before, .blueBtn.btnAny:after {border-color:#00479D;}


/*인사말*/
.intro {overflow:hidden;}
.intro .txtBox p {word-break: keep-all;}
	.introBox {margin-bottom:30px;}
.intro .leftBox {float:left;width:500px;}
.intro .rightBox {float:right;width:650px;}
	.introImg {width:100%;}
	.introTitleImg {}
	.logoBgImg {float:right; width:100px;}
.intro .writer {font-size:18px;}

/*기관소개*/
.agencyIntro .conT4 {margin: 0px 0px 8px 0px;}
.agencyIntroBox {}
	.agencyIntroBoxIn {}
		.agencyInT {position:relative; padding: 28px 0 37px;text-align: center;background-color: #FFF6ED;border-radius: 3px;}
		.agencyInT:after {content:'Vision'; display:block; position:absolute; right: 39px;color: #fff;font-size: 135px;bottom: -65px;font-weight: 500;opacity: 0.6;}
			.visionTitle {position: relative; margin-bottom: 28px; font-size: 20px; color: #FC700A;}
			.visionTitle:after {content:'';width: 20px;height: 2px;background-color: #000;display: block;margin: 17px auto 0;}
			.visionInTxt {position: relative; margin: 0 auto;z-index: 1;}
			.visionInTxt p {font-size:28px;}
			.visionInTxt p strong {color:#000;}

			.mission {display: flex;align-items: center;justify-content: space-around;margin: 215px 0 0 0;}
			.missionTitle { width: 166px; height: 166px; border-radius: 50%; background-color: #fff; font-size: 24px; color: #FC700A; font-weight: 500; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
			.missionRound { position: relative; width: 392px; height: 392px; border-radius: 50%; background-color: #F5F5F5; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
				.missionIcon {width: 130px;height: 130px;background-color: #F5F5F5;border-radius: 50%;display: flex;justify-content: center;align-items: center;transition: 0.3s all ease;}
				.missionIcon.icon1 {position: relative;top: -60px;margin: 0 auto;}
			    .missionIcon.icon2 {position: absolute;top:30px; right:-30px;}
			    .missionIcon.icon3 {position: absolute;right:-40px; bottom:40px;}
			    .missionIcon.icon4 {position: absolute;bottom: -60px;margin: auto; left: 0;right: 0;}
			    .missionIcon.icon5 {position: absolute;bottom: 40px;left: -40px;}
			    .missionIcon.icon6 {position: absolute;top: 30px;left: -30px;}
				.missionIcon.icon6 img {position: relative;right: -5px;}
				.mission.on1 .icon1 {box-shadow: 0px 1px 33px -6px rgba(255, 108, 0, 0.5);background-color: #FAFAFA;}    
				.mission.on2 .icon2 {box-shadow: 0px 1px 33px -6px rgba(255, 108, 0, 0.5);background-color: #FAFAFA;}    
				.mission.on3 .icon3 {box-shadow: 0px 1px 33px -6px rgba(255, 108, 0, 0.5);background-color: #FAFAFA;}    
				.mission.on4 .icon4 {box-shadow: 0px 1px 33px -6px rgba(255, 108, 0, 0.5);background-color: #FAFAFA;}    
				.mission.on5 .icon5 {box-shadow: 0px 1px 33px -6px rgba(255, 108, 0, 0.5);background-color: #FAFAFA;}    
				.mission.on6 .icon6 {box-shadow: 0px 1px 33px -6px rgba(255, 108, 0, 0.5);background-color: #FAFAFA;} 
				.mission .missionList .on strong {color:#FC700A;}

			.missionList {}
			.missionList li {margin: 20px 0;font-size: 20px;text-align: center;color: #666;}
			.missionList li strong {color:#000;cursor: default;transition: 0.3s all ease;}
			.missionList li.on strong {color:#FC700A;}

		.businessIntro {margin: 150px 50px 0;padding: 96px 0 170px 0;background-color: #F8F8F8;}
			.businessIntroIn {display: flex;flex-wrap: wrap;max-width: 1200px;margin: 0 auto;}
				.businessItem {position: relative;flex: 1 1 40%;margin: 0 12px;padding: 46px 32px 37px;text-align: center;background-color: #fff;border-radius: 10px;}
				.businessItem:after {content: ''; display:block; position:absolute; top:0; left:30px;}
				.businessItem h4 {margin:0; padding-bottom: 24px;border-bottom: 2px dotted #cdcdcd; font-size: 24px;color: #FC700A;font-weight: 500;}
				.businessItem p {margin: 38px 0 0;font-size: 18px;line-height: 29px;}
				.businessItem.item1 {margin-bottom: 130px;}
				.businessItem.item1:after {top:-50px; width: 76px;height: 92px;background: url('../images/businessItem1.svg') no-repeat;}
				.businessItem.item2 {margin-bottom: 130px;}
				.businessItem.item2:after {top: -38px;width:83px; height:85px; background: url('../images/businessItem2.svg') no-repeat;}
				.businessItem.item3 {}
				.businessItem.item3:after {top: -38px;width:90px; height: 74px; background: url('../images/businessItem3.svg') no-repeat;}
				.businessItem.item4 {}
				.businessItem.item4:after {top: -38px;width:79px; height:81px; background: url('../images/businessItem4.svg') no-repeat;}
			 

.lineBox {margin-bottom:40px;overflow: hidden; border:1px solid #d7d7d7;}
.lineBox img {/*width:307px;*/}
	.lineBoxL {float: left;width: 50%;text-align: center;}
	.lineBoxL .lineBoxLIn {padding:22px;}
	.lineBoxR {float: right;width: 50%;}
	.lineBoxR .lineBoxContIn {margin: 32px 32px 32px 0;padding: 28px 32px;background-color: #F5F5F5;}
	.lineBoxR .lineBoxContIn li {margin-top: 20px;}
	.lineBoxR .lineBoxContIn li:first-child {margin-top:0px;}
	.lineBoxR .lineBoxContIn li p {margin-bottom: 8px;font-size: 18px;color: #000;}
	.lineBoxR .lineBoxContIn li span {font-size: 16px;color: #666;}
	
.introduceCont {}	
	.introduceIn {margin-bottom: 40px;}
		.introT {margin-bottom: 8px;font-size: 18px;font-weight: 500; color: #000;}
		.introTxt {display: inline-block;margin-bottom: 12px; font-size: 16px; color: #555;}
		.introduceList {}
		.introduceList li {margin: 3px 0;color:#000;}
		.introduceList li:before {width:2px; height:2px;}
		.introduceList ul {margin: 4px 0 8px 0;}
		.introduceList ul li {padding-left: 0;font-size: 15px;color: #555;}
		.introduceList ul li:before {display:none;}

/*교육소개*/
.educenterInT {display: flex;justify-content: center; align-items: center;height:210px;margin-bottom: 48px; background: url('../images/eduBg.jpg') no-repeat;background-position: center;}
.educenterInT .educenterInTxt {} 
.educenterInT .educenterInTxt p {font-size: 28px; color:#000;}
.eduDirection {display: flex;flex-wrap: wrap; margin: 0 -10px 40px;}
.eduDirection li {font-size: 20px;flex: 1 1 40%;display: flex;align-items: center; justify-content: center; padding: 38px 0;line-height: 34px;border: 2px dotted rgba(235,166,115,0.8);border-radius: 15px; flex-direction: column;margin: 8px 10px;}
.eduDirection li.inline {flex-direction: row;}
.eduDirection li.inline strong {margin: 0 6px;} 
.eduDirection li span {font-size:18px;color:#555;}
.orangeTb.table_normal tbody tr th,
.orangeTb.table_normal thead tr th {background-color: #FDF0E0;font-size: 20px;font-weight: 500;}
.orangeTb.table_normal thead tr th {border-bottom: 1px solid #D7D7D7;}
.orangeTb.table_normal tbody tr th.borderBN {border-bottom: 2px solid transparent;}
.orangeTb.table_normal tbody tr td.borderBN {border-bottom: 2px solid transparent;}
.orangeTb.table_normal th[rowspan] {border-right: 1px solid #D7D7D7;}
.orangeTb.table_normal th[rowspan]:last-child {border-right: 0;}
.orangeTb.table_normal td + th,
.orangeTb.table_normal th + th {border-left: 1px solid #D7D7D7;}
.orangeTb.table_normal .tbBox {position: relative;margin-right: 32px; background-color: #fef9f2;border-radius: 10px; display: flex; height: 50px;align-items: center; justify-content: center; font-size: 18px;}
.orangeTb.table_normal .tbBox:after {content:''; width: 10px;height: 13px;position: absolute;right: -30px;background: url('../images/ic_arrow.svg') no-repeat; background-size: 27px; opacity: 0.6;}
.orangeTb.table_normal tbody tr td {background-color: #FEF9F2;font-size: 17px;}
.educenterIntroBox .bulletStyle li {font-size:18px;}
.enclosure {margin-left: 8px; font-size: 16px; color: #666;}

.eduDetail {display: flex; flex-wrap: wrap;max-width: 1200px;margin: 0 auto;background-color: #FEF9F2;}
.eduDetailList {flex: 1 1 40%;padding: 14px 15px 20px;}
.eduDetailList .eduDetailT {position: relative;margin: 0 0 8px 0;font-size: 16px;font-weight: 500;color: #FF740E;}
.eduDetailList .eduDetailT:before {content:'';display: inline-block; width: 7px;height: 12px;margin-right: 4px; background: url('../images/listTitleBg.svg') no-repeat;background-size: cover;}
.eduDetailList .eduDetailT span {margin-left: 8px;font-size: 14px;color: #333;}
.eduDetailList > p {margin-bottom: 4px;font-size: 16px;font-weight: 500;color: #333;}
.eduDetailList > ul {margin-bottom: 8px;}
.eduDetailList > ul li {margin: 2px 0;font-size: 15px;color: #666;}
.eduDetailList .bulletStyle li:before {top: 9px;background-color: #666;}

/*센터소개-모바일*/ 
.educenterT {margin: 30px 0 20px;text-align: center;}
.missionCont {margin: 40px 0 0 0;} 
.missionCont h4 {margin:0 0 8px 0; text-align: center; font-weight: 500; font-size: 18px; color:#FF6C00;} 
.missionContTxt {max-width: 500px; margin: 0 auto;text-align: center;}
.missionItemList {display: flex;flex-wrap: wrap;margin: 24px 0 0 0;}
.missionItemList li {flex: 1 1 40%;display: flex;margin: 0 0 38px 0;flex-direction: column;justify-content: center;align-items: center;font-size: 16px;color: #666;}
.missionItemList li .iconWrap {display: flex;align-items: center;justify-content: center;width: 100px;height: 100px;margin: 0 0 10px 0; border-radius: 50px;background-color: #FFF6ED;}
.missionItemList li .iconWrap.icon6 img {position: relative; right: -5px;}
.missionItemList li strong {color:#000;}

/*센터현황*/
.centerMap {padding: 46px 0;text-align: center;border:1px solid #C3C3C3;} 
.centerMap img {width:100%;max-width: 846px;} 
.centerInfo {position: relative; margin-top: 32px;} 
.centerInfo:after {content: ''; position: absolute; top:0; left:0; bottom:0; width:100%; height:1px; margin:auto; border-top: 1px solid #EDEDED;}
.centerInfoList {display: flex;flex-wrap: wrap;margin: 0 -12px;}
.centerInfoList li {display: flex;align-items: center;flex: 1 1 20%;margin: 16px 12px;padding: 20px 35px;background-color: #F7F7F7;border-radius: 10px;}  
.centerInfoList li .num {width: 30px;height: 30px; margin-right: 38px; border-radius: 50%; background-color: #F58322; color: #fff; text-align: center; line-height: 30px;font-size: 18px;} 
.centerInfoList li p {margin-bottom: 16px;font-size: 18px;}
.centerInfoList li span {font-size: 20px;font-weight: 500;} 

/*센터현황-모바일*/
.centerInfoInT {padding: 3px 0; text-align: center; background-color: #EFEFEF; border-radius:5px;}
.centerInfoInT p {font-size:13px; color:#333;}
.mapImg {width:100%; padding-top:32px; border-top: 1px solid #D5D5D5;}
.centerInfoDetail {display: flex;flex-wrap: wrap;margin: 37px -8px 0;}
.centerInfoDetail > li {flex: 1 1 40%;margin: 0 8px 16px;border: 1px solid #D9D9D9; border-radius: 5px;background-color: #FFF3E6;}
.centerInfoDetail > li .centerDetailTop {padding: 8px; text-align: center;border-bottom: 1px solid #D9D9D9;border-radius: 5px 5px 0 0;background-color: #fff;}
.centerInfoDetail > li .centerDetailTop p {font-size: 16px;font-weight: 500;color: #000;}
.centerInfoDetail > li .centerDetailBottom {padding: 16px 12px;background-color: #FFF3E6;border-radius: 0 0 5px 5px;}
	.detailBottom p {margin-bottom:4px; font-size: 16px;font-weight: 500;color: #F77100;}
	.detailBottom span {display: block;margin-left: 15px;font-size: 15px;color: #000;}
	.detailBottom a {font-size: 16px;margin-left: 15px;font-weight: 500;color: #000;}
	.detailBottom .mapIcon {position: relative;top: -3px;margin-right: 4px;}
	.detailBottom .telIcon {position: relative;top: -2px;margin-right: 4px;}
	.detailBottom {padding-bottom: 12px;border-bottom: 2px dotted #B5B5B5;}
	.detailAddress {}
	.detailAddress ul {margin: 14px 0 0;}
	.detailAddress ul li {display: flex;align-items: center;margin-top:8px;}
	.detailAddress ul li:first-child {margin:0;}
	.detailAddress ul li p {min-width: 65px;margin-right: 8px;font-size: 15px;color: #333;}
	.detailAddress ul li a {font-size:15px; color:#555;}	
		.addressTag {display: inline-block;width: 68px;height: 24px;line-height: 22px;margin-right: 8px;background-color: #fff;border: 1px solid #000;border-radius: 3px;font-size: 14px;text-align: center;}

/*찾아오시는길*/  
.mapContIn {padding: 24px; border: 1px solid #D8D8D8;border-top: none;border-bottom:none;overflow: hidden;}
.traffic {width:650px; position: absolute;overflow: hidden;}
.traffic .root_daum_roughmap .wrap_map {height:500px;}
.traffic .root_daum_roughmap .wrap_btn_zoom {z-index: 10;}
	.mapInfo {float: right;margin: 0 50px 0 700px;} 
	.mapInfo h4 {margin: 38px 0 95px 0; font-size: 24px;font-weight: 500;}
	.mapInfo h4.margB25 {margin:46px 0 48px 0;}
	.transport {display: inline-block;border-radius: 5px;padding: 4px 7px;background-color: #FFC684;font-size: 16px;}
	.transport img {width:15px; margin-right:4px;}
	.transportLine {position:relative;margin: 0 0 24px 0;}
	.transportLine:before {content:'';width: 3px;border-left: 3px dotted #FFC684;display: inline-block;position: absolute;top: 10px;bottom: 10px;left: 3px;}
	.transportLine p {position:relative; margin:20px 0; padding-left: 15px; font-size:18px; color:#000;}
	.transportLine p:before {content:''; width: 8px;height: 8px;display: block;background-color: #FFC684;border-radius: 50px;position: absolute;top: 0;bottom: 0;margin: auto;left: 0;}
	.transportMap {padding: 20px 20px 15px;border: 1px solid #D2D2D2;}
	.transportMap img {width:100%;}
	.address {padding: 20px;background-color: #F2F2F2; border: 1px solid #D8D8D8;}
	.address ul {display: flex;}
	.address ul li {display: flex;align-items: center;flex: 1 1 40%;font-size: 18px;word-break: keep-all;}
	.address ul li .transportIcon {display: inline-block;width: 42px;height: 42px;border-radius: 50px;background-color: #fff;text-align: center;line-height: 39px;margin-right: 9px;}
	.address ul li p {position:relative; margin-left:32px;font-size: 18px;font-weight: 500;color: #000;}
	.address ul li p:before {content:'';position: absolute;left: -15px;top: 0;bottom: 0;margin: auto;border-left: 2px dotted #C4C4C4;width: 2px;height: 18px;}

/*시설안내*/
.circleBg {float:left;}
	.circleBgIn {width:95px; height:95px; line-height:90px; margin-right:32px;text-align: center; border-radius:50px; background-color:#F2F9FE;}
	.buildingIcon {width:48px;}
	.gymIcon {width:61px;}
	.writeIcon {width:42px; margin-left:10px;}
	
	.facilitySub {margin-bottom: 48px;background-color:#fff;border:1px solid #d7d7d7;}
	.facilitySub > ul {overflow: hidden;}
	.facilitySub > ul > li {position:relative; float: left;width: 50%;padding:24px 32px; font-size: 16px; color: #555;}
	.facilitySub > ul > li:first-child:after {content:''; position:absolute; top:0; right:0; width:1px; height:100%; border-right:1px dotted #d7d7d7;}
	.facilitySub > ul.item1 > li:after {display:none;}
	.facilitySub > ul.item1 > li {width:100%;}
	.facilitySub > ul > li ul li {margin-top:4px;overflow:hidden;}
	.facilitySub > ul > li ul li:first-child {margin-top:0px;}
	.facilitySub .txtBox {margin:0px;}
		.facilitySubIn {float:left;}

	.facilityBox {padding:28px 32px 36px; overflow:hidden; background-color:#F8F8F8;}
		.sliderWrap {position: relative;float: left;width: 50%;}
		.sliderWrap li {}
		.sliderWrap li img {float: left;display: block;width: 568px;height: auto;}
		
		.ctrBox {position: absolute;bottom: 0; width: 100%;height: 64px;text-align:center;}
		.ctrBox button {position: absolute; width: 40px; height: 40px; background:none; background-color: #A5ABB2;border:none; border-radius: 50px; transition:0.3s all ease;z-index: 9;}
		.ctrBox button:hover {background-color:#00479D;}
		.ctrBox button img {width:12px;}
		.ctrBox .prevBtn img {position: relative;top: -1px;left: -1px;}
		.ctrBox .nextBtn img {position: relative;top: -1px;right: -1px;}
			.prevBtn {top: 12px;left: 16px;}
			.nextBtn {top: 12px;right: 16px;}
			
			.caption {line-height: 64px;font-size:20px;font-weight: 500; text-align:center; color:#000;}
	
	.slideInfo {float: right;width: 50%; transition:0.3s all ease;}
		.slideInfoIn {margin-left:50px;}
			.slideInfoBox {padding: 20px 0 20px 0;}
			.slideInfoBox:first-child {padding-top: 0;}
			.slideInfoBox.last {padding-bottom: 0px;}
			.slideInfoBox .txtBox {margin:0;}
	
/*교육안내*/
.toggleS2 {display:none;}
.moreRead {position:relative;display:inline-block; height:25px; line-height:23px;}
.moreRead .icon {position:absolute; top:9px; right:5px; font-size:12px; font-weight:600; color:#fff; transition:0.3s all ease;transform:rotate(-180deg);}
.moreRead.on {font-weight:500;color:#000;}
.moreRead strong {display:inline-block; width:51px; height:28px; line-height:26px; margin-left:8px; padding:0 8px;background-color:#6E7782; border:1px solid #6E7782; border-radius:2px;font-size:13px; color:#fff;}
.moreRead strong.mbTxts {width: 100px;margin-left: 0;}
.moreRead.on strong {background-color: #fff; border-color: #00479D;color:#00479D;}
.moreRead span.mbTxts {display:inline-block; width:51px; height:28px; line-height:26px; margin-left:8px; padding:0 8px;background-color:#6E7782; border:1px solid #6E7782; border-radius:2px;font-size:13px; color:#fff;width: 100px;margin-left: 0;}
.moreRead.on span.mbTxts {background-color: #fff; border-color: #00479D;color:#00479D;}
.moreRead.on .icon {transform:rotate(0deg); top:9px;color:#00479D;}

.eduMoreRead {margin-top:8px; padding:16px; background-color:#F7F8F9;}
.eduMoreRead li {position:relative;margin-top:17px; font-size:15px; color:#000;}
.eduMoreRead li:first-child {margin-top:0;}
	.eduNum {position:absolute;display:inline-block;width: 50px;height: 23px;line-height: 21px;text-align: center; margin-right:8px; font-size:13px; background-color:#fff; border:1px solid #E2E2E2; color:#555;}
	.eduTxt {display:inline-block; margin-left:58px;}
	
.edulist li {position:relative;margin-top:12px;}
.edulist li:first-child {margin-top:0px;}
.edulist .edulistT {position: absolute;margin-right:8px; font-size:14px;}	
.edulist .edulistTxt {display: inline-block;margin-left: 57px;font-size:14px; color:#555;}
.edulist .edulistTxt2 {display: inline-block;margin-left: 70px; font-size:14px;}
.edulist .edulistTxtBlo {display:block; margin-left: 57px;font-size:14px; color:#555;}
	.edulistTxtBlo .eduTagT {position: absolute;display: inline-block; width:70px; padding-left:7px;font-weight: 500; font-size:14px;}
	.edulistTxtBlo .eduTxt {margin-left:70px; font-size:14px;}
	.eduMoreStep {position: relative;}
	.eduMoreStep li {position: relative;margin-top:5px;}
	.eduMoreStep li:before {content:''; position:absolute; top:9px; left:2px; width:2px; height:2px; background-color:#555; border-radius:50px;}
.edulist .edulistTxt .eduStep p { margin: 4px 0 0 0;line-height: 21px;font-size:14px;}
.edulist li.edulistCont .edulistT {position:relative;}
.edulist li.edulistCont .edulistTxt {display: inline;margin-left:0;}
.edulist li.edulistStepCont {}
	.eduStep {margin:0;}
	.eduStep .eduStepIn {}
		.eduStepIn .eduStepInBox {margin-top: 8px;}
		.eduStepIn .eduStepInBox:first-child {margin-top:0px;}
		.eduStepIn .eduStepTitle {}
	.eduStep button {margin:4px 0 4px;}
	.eduStep button.cycberBtn {margin:2px 0 0 0;padding: 4px 5px 5px 12px;}
	.eduStep button.cycberBtn .icon-arrowR {position: relative;top: 3px;font-size: 18px;}
	.eduStep button.totalBtn {margin:2px 0 0 0;padding: 4px 5px 5px 12px;}
	.eduStep button.totalBtn .icon-arrowR {position: relative;top: 3px;font-size: 18px;}
		.eduStepInSub {display: inline-block;margin: 8px 0 0 0;}
		.eduStepSubTxt {margin: 12px 0 0 0; padding-top: 12px;border-top: 2px dotted #eee;}
		
	.eduCalendarTd.table_normal thead tr th {padding:15px 0;}
	
	.mapBtn {padding: 5px 6px 5px 12px;}
	.mapBtn .icon-arrowR {position: relative;top: 3px;font-size: 18px;}
	.facilityBtn {padding: 5px 6px 5px 12px;}
	.facilityBtn .icon-arrowR {position: relative;top: 3px;font-size: 18px;}

/*교육안내 모바일*/
.mbTabconBox.tabconBox {margin-top:0px;}
.mbTabconBox .tableTitle .conT5 {margin-bottom:0px; padding-bottom: 12px;background-color: #fff; text-align: center; }
.mbTabconBox .grayBgIn {padding:16px 15px 15px 15px;}
.mbTabconBox.tabconBox .mbTabconItem {margin:20px 0 24px 0;background-color: #F3F3F3;}
.mbTabconBox.tabconBox .eduMoreRead {background-color:rgba(255,255,255,0.7);}
.mbTabconBox.tabconBox .mbTabconItem .buttonSL {width:100%; margin:0;}
.mbTabconBox.tabconBox .mbTabconItem .buttonSL .icon-pencil2 {position: relative;top: 5px;font-size: 25px;}
.mbTabconBox.tabconBox .mbTabconItem .buttonM .icon-pencil2 {position: relative;top: 5px;font-size: 25px;}
.mbTabconBox.tabconBox .mbTabconItem .applicateBtn {width:auto;}
.mbTabconBox .eduCalendarTd.table_normal > tbody > tr > th, .mbTabconBox .eduCalendarTd.table_normal > tbody > tr > td, .mbTabconBox .eduCalendarTd.table_normal > tfoot > tr > td {padding: 10px 5px;font-size:13px;}

/*교육신청*/
.applyPage .facilitySubIn {position:relative;top:7px;}
.applyPage .facilitySub > ul > li {padding:28px 32px;}

	/*맛보기 강의팝업*/
	.learnP .popupBoxIn.previewPop {width:900px; height:660px;}
	
/*교육신청 팝업 내 개인정보동의*/
.eduAgreeCont {clear: both;margin-bottom:20px; padding: 15px;height: 100px;overflow: hidden;overflow-y: scroll;border-color: #d7d7d7;background-color: #eee;color: #666;}
	.eduAgreeContIn {padding-top:10px;}
	.eduAgreeContIn:first-child {padding-top:0px;}
	.eduAgreeContIn ol {padding:0px;}	

/*온라인설문*/
.onlineSurvey .textCont.noScr > .textContIn {padding:40px 0;}
.onlineSurvey .tableListIn li:first-child {margin-top:0px;}
.onlineSurvey .byteInputBox {position: relative;display: inline-block;max-width: 800px;width: 100%;}
.onlineSurvey .byteInputBox .inputT {position: absolute;top: 8px;}
.onlineSurvey .byteInputBox .byteInput {display: block;width: 100%;padding-left: 20px;}
.onlineSurvey .byteInputBox .byteInput input[type='text'] {width: 100%;margin: 2px 0;}
.onlineSurvey .byteBox {display:inline;}
.onlineSurvey .byteBox .byteNumInput {width: 50px; text-indent: 0;}
.onlineSurvey .byteBox span {font-size:13px;}

/*열린공부방*/
.bookIntro {margin-bottom:47px;}
	.bookIntroIn {}
	.bookIntroIn > ul {overflow:hidden; border: 1px solid #d7d7d7;}
	.bookIntroIn > ul > li {position:relative;float:left; width:50%;/*height:190px;*/}
	.bookIntroIn > ul > li > a {width:150px;height:190px;float:left;}
	.bookIntroIn > ul > li:after {content:''; position:absolute; top:0px; left:0px; width:1px; height:100%; border-right:2px dotted #d7d7d7;}
	.bookIntroIn > ul > li:first-child:after {display:none;}	
		.bookImg {width:100px;position:absolute; top:24px; left:32px; box-shadow: 5px 5px 0px 1px #E4E4E4; border: 1px solid #E4E4E4;}
		.bookIntroTxt {margin-left: 160px;padding: 24px 0;}
		.bookIntroTxt a {display:inline-block;overflow:hidden;}
		.bookIntroTxt ul {}
		.bookIntroTxt ul li {margin-top: 4px;font-size: 16px;}
		.bookIntroTxt ul li strong {position: absolute;padding-left: 8px;}
		.bookIntroTxt ul li strong:before {content:''; position:absolute; top:11px; left:0px; width:2px; height:2px; border-radius:50px;background-color:#000;}
		.bookIntroTxt ul li span {display: inline-block;margin-left: 90px;color: #555;}
			.bookTitle {margin-bottom: 8px;font-size: 18px;font-weight: 500;color: #00479D;}
			
/*열린공부방 -상세*/
.bookDetail {}
.bookDetail .bookDetailBox {position: relative;margin-bottom: 40px;background-color: #F3F3F3;border-top: 1px solid #000;border-bottom: 1px solid #d7d7d7;}
.bookDetail .bookDetailBox .bookImg {top: 28px;}
.bookDetail .bookDetailBox .bookIntroTxt {padding: 28px 0;}
.bookDetail .bookDetailBox .attachBtn {margin-top: 16px;margin-left:0px;}
.bookDetail .bookDetailBox .attachBtn button {margin-left:0px;}
.bookDetail .bookDetailBox .attachBtn button:first-child {margin-right:4px;}
.bookDetail h4 {margin-bottom:8px; font-size: 18px;}
.bookDetail .index { margin-bottom: 40px;border-bottom: 2px dotted #d7d7d7;}
.bookDetail .listIcon {position: relative;top: -2px;width: 16px;margin-right: 5px;}
.bookDetail .contents {}
.bookDetail .textIcon {position: relative;top: -2px;width: 16px;margin-right: 5px;}
.bookDetail .txtBox p {margin-bottom:40px;word-break: break-all;}
	
/*강의실-나의교육정보*/
.lectureCont {}
	.lectureContIn {padding-bottom: 40px;overflow:hidden;border-bottom: 2px dotted #d7d7d7;}
		.learnTerm {position:relative; float: left;width: 790px;height: 220px;padding: 24px; background:url(/edu/user/images/ic_calender.png) #D1E4F5 no-repeat; border-radius:5px;background-size: 200px; background-position-y: 110px;background-position-x: 25px; }
			.learnTermT {width:175px; float:left; margin-right:25px;}
			.learnTermT .termTitle {margin-bottom:10px; font-weight: 500;line-height: 27px;font-size:22px; color:#000;}
			.learnTermT .term {line-height: 28px;font-size:17px; font-weight:500; color:#00479D;}
			.learnTermT .term span {display:block; margin-left:27px;}
				.learnBtn {display: flex;align-items: center;justify-content: space-around;position:absolute; bottom:27px; left:24px; width:180px; margin:0; border-radius:8px; font-size:16px;}
				.learnBtn.on {box-shadow: 6px 9px 7px -3px rgba(226,31,9,0.25);}
				.learnBtn:hover {background-color: #E21F09; color:#FFFF00;box-shadow: 6px 9px 7px -3px rgba(226,31,9,0.25);}
				.learnBtn:after {content:''; position:absolute; top:8px; left:42px; content:''; width:1px; height:26px; border-right:1px solid rgba(255,255,255,0.2);}	
				.learnBtn .playImg {margin-right:15px; margin-left:-1px;}
			  
		.lectureInfo {}
		.lectureInfo > li {position:relative;float:left; width:168px; height:170px; margin-left:19px; padding:16px; text-align:center; background-color:#F8F8F8;border-radius:10px;}
		.lectureInfo > li:first-child {margin-left:0px;} 
		.lectureInfo > li p {font-size:18px;color:#000;}
		.lectureInfo > li .score {display: flex;align-items: flex-end;justify-content: center;position:relative;font-size:45px;font-weight:600;color:#224B7D;z-index:1;}
			.scoreNum {display:inline-block; margin-top:10px;}
		
			
			.lectureLec {position:relative;}
			.lectureLec:first-child {}
			.lectureLec .cyberLecT, .lectureLec .setLecT {position: absolute;top:33%;width: 47px; padding: 2px 0px;font-size: 13px;color: #555; background-color: #F1F1F1;border: 1px solid #d7d7d7;border-radius: 10px;}
			.lectureLec .score { top: -8px;margin-left: 60px;}
			.lectureLec .score .scoreNum {font-size:30px;}
			.lectureLec .scoreBg {left: auto; height: 50px;right: 5px;width: 70px; margin:0;}
			.lectureLec .scoreBg li {width:8px;}
			.lectureLec .scoreBg li span {display:block;background-color:#F1F1F1;}
			.lectureLec .scoreBg li.on span {background-color:#C9DFFF;}
			.lectureLec .score1 span {height:10px;margin-top: 40px;}
			.lectureLec .score2 span {height:20px;margin-top: 30px;}
			.lectureLec .score3 span {height:30px;margin-top: 20px;}
			.lectureLec .score4 span {height:40px;margin-top: 10px;}
			.lectureLec .score5 span {height: 50px;margin-top: 0px;}
			
			.scoreBg {position: absolute;width: 84px;height: 70px; margin: 0 auto;top: 0;left: 0; right: 0; bottom: 0; margin: auto;}
			.scoreBg li {position:relative;width:12px; float:left; margin-left:6px; }
			.scoreBg li:first-child {margin-left:0;}
			.scoreBg li span {display:block;background-color:#F1F1F1;}
			.scoreBg li.on span {background-color:#C9DFFF;}
				.score1 span {height:30px;margin-top: 40px;}
				.score2 span {height:40px;margin-top: 30px;}
				.score3 span {height:50px;margin-top: 20px;}
				.score4 span {height:60px;margin-top: 10px;}
				.score5 span {height:70px;margin-top: 0px;}
					.standard {display:inline-block; margin-top:20px; font-size:14px; color:#666;}
					.standardTxt {line-height: 20px;letter-spacing: -1.5px;font-size:14px; color:#666;}
			.lectureInfo1 {}
			.lectureInfo2 {}
			.lectureInfo3 {}
			.lectureInfo > li.lectureInfo3 .score {margin: 15px 0 12px 0;font-size:32px; font-weight:500;}
			.lectureInfo > li.lectureInfo3 button {margin:0;}
			.lectureInfo.notCompleted > li .score {color:#999999;}
			.lectureInfo.notCompleted > li .scoreNum {font-weight:500; color:#224B7D;}
			.lectureInfo > li .unit {position: relative;top: -8px;font-weight:500; font-size:20px; color:#666;}
			.lectureInfo.notCompleted > li button {display:none;}
			.lectureInfo.completed > li .scoreNum {font-weight:500; color:#000;}
			.lectureInfo.completed > li .score {color:#00479D;}
			.lectureInfo.completed > li .standardTxt {display:none;}

			.noticeTab {float: left;width: 384px;height: 220px;margin-left: 24px;padding: 14px;background-color: #F3F3F3;border-radius: 5px;}
			.noticeTab > ul {margin-bottom:5px; overflow:hidden;border-radius:5px;}
			.noticeTab > ul > li {position:relative;float:left; width:50%; text-align:center;border:1px solid #d7d7d7;color:#666;background:#fff;margin-right:-2px;padding:5px 0;}
			.noticeTab > ul > li.on {color:#fff;background:#000;}
			.noticeTab > ul > li:first-child:after {content:''; position:absolute; top:7px; right:0px; width:1px; height:14px; background-color:rgba(112,112,112,0.3);}
			.noticeTab > ul > li > a {display: flex;justify-content: center;align-items: center;font-weight:500; font-size:16px;color:rgba(0,0,0,0.5);}
			.noticeTab > ul > li.on a {color:#fff;}
			.noticeTab > ul > li > a span {display: inline-block;width: 20px;height: 22px;overflow: hidden;}
			.noticeTab > ul > li > a span.speakerLineImg {background: url('../images/ic_speakerLine.svg') no-repeat;background-size: 30px;background-position: 4px 3px;opacity: 0.5;}
			.noticeTab > ul > li > a span.fileLineImg {background: url('../images/ic_fileLine.svg') no-repeat;background-size: 31px;background-position: 1px 3px;opacity: 0.5;} 
			.noticeTab > ul > li.on > a span.speakerLineImg {background: url('../images/ic_speakerLine.svg') no-repeat;background-size: 30px;background-position: -17px 3px;opacity: 1;}
			.noticeTab > ul > li.on > a span.fileLineImg {background: url('../images/ic_fileLine.svg') no-repeat;background-size: 31px;background-position: -18px 3px;opacity: 1;}
			.noticeTab .dataEmptyIn {padding: 50px 0 50px 0;text-align: center;}
			.noticeTab .dataEmptyIn .emptyImg {width:40px; margin-top:10px;}
			.noticeTab .dataEmptyIn p {margin: 16px 0;font-size: 15px;color: #666;}
			
				.speakerLineImg {width:12px;}
				.fileLineImg {width:13px;}
				
				.tabcon {background-color:rgba(255,255,255,0.6); border-radius:5px;}
					.tabconIn {padding: 0 15px;}
					.tabconIn li {padding:15px 0; border-top:2px dotted #d7d7d7;}
					.tabconIn li:first-child {border-top:none;}
					.tabconIn li a {font-size:14px;color:#333;transition:0.3s all ease;}
					.tabconIn li a:hover {color:#00479D;}
					.tabconIn li .noticeDate {float:right; font-size:13px;color:#666;}
					
			
			.statusCont {margin-top:24px;}		
			.statusCont .conT5{margin-bottom:20px;}
				.listTImg {position:relative; top:-1px;width:17px; margin-right:8px;}
			
			/*모바일용 강의실*/	
			.mbLectureRoom .learnTerm {width:100%;}
			.mbLectureRoom .statusCont {padding-bottom: 40px;border-bottom: 2px dotted #d7d7d7;}	
			.mbLectureRoom .noticeTab { width: 100%;margin-bottom: 40px;margin: 40px 0 40px 0;}
			.mbLectureRoom .table_normal.board-read > tbody > tr > td {padding:5px; font-size:14px;}
				
			/*강의 목차*/
			.okIcon {position:relative;width:26px;}
			.moreList {position:relative;}
				.moreListT {display: block;height: 55px;padding: 15px 16px;}
				.moreListBtn {position: absolute; right:16px; width:77px; padding:2px 18px 2px 8px;}
				.moreListBtn .icon {position: absolute; top:6px; right:5px; margin-left:5px; font-size:12px;transform:rotate(180deg); transition:0.3s all ease;}
				a.on .moreListBtn .icon {transform:rotate(0deg);}
				.moreListView {padding:0 15px; background-color:#f7f8f9;}
				.moreListView .table_normal {border-top:none;border-bottom:none;}
				.moreListView .table_normal tbody tr td {background-color:#f7f8f9;border-bottom: none; border-top: 1px dotted #d7d7d7;}
				.moreListView .table_normal tbody tr td.borderN {border:none;}
				.moreListView .table_normal tbody tr td.pad0 {padding:10px 0;}
				.moreListView .txtT {}
				.moreListView .iconBox {display: inline-block;}
				.moreListView .iconBox .stateIcon {width: 22px;margin-right: 20px;}
				.moreListView .iconBox .subjectIcon {position: relative;top: -1px; width: 16px; margin-right: 4px;}
				.moreListView .iconBox strong {margin-right: 7px; font-weight:500; font-size: 12px; color: #666;}
				.moreList .eduTxt {margin-top:1px;}
				
				.lectureList {overflow: visible;}
				.lectureList.faq_normal a .faq_q {left:0px; background:none;}
				.lectureList .oImg {width:22px;}
				.lectureList .xImg {width:22px;}
				.lectureList .eduNum {position:relative;margin-left: 6px;}
				.lectureList.faq_normal a {padding:16px 0;}
				.lectureList.faq_normal a .icon {right:7px;}
				.lectureList.faq_normal a .txt {margin-left:40px;font-size:15px; color:#555;}
				.lectureList.faq_normal > ul > li a.on .faqText {color:#00479D;}
				.lectureList.faq_normal a .txt .faqTag {position:absolute; top:18px; margin-right:14px; font-weight:500; color:#666;}
				.lectureList.faq_normal a .txt .faqTag:after {content:''; position:absolute; top:7px; right:-9px; width:1px; height:11px;background-color:#D7D7D7;}
				.lectureList.faq_normal .faqText {display: inline-block;margin-left: 59px;font-size:18px;}
				
				.lectureList .faq_contents {position: relative;padding:16px 15px;overflow: hidden; background-color: #F2F5F8;border-bottom: none;font-size: 14px;}
				
					.lectureListIn {}
						.lectureItem {}
						.lectureItem > li {margin-top:12px; padding:15px 16px;background-color: #fff; border: 1px solid #EAEDF1; border-radius:5px;}
						.lectureItem > li:first-child {margin-top:0px;}
						.lectureItem .lectureItemTitle {margin-bottom:12px; padding-bottom:12px; border-bottom:2px dotted #D7D7D7;}
						.lectureItem .lectureItemTitle span {margin-left: 0px;font-size:13px; color:#666;}
						.lectureListItem .lectureTag {position: relative;top: 0px;display: inline-block; margin-left: 4px;margin-right: 6px;color: #E21F09;font-weight: 500; font-size: 13px;}
							.cyberImg {position:relative; top:-1px; width:16px; margin-right:4px;}
							.setImg {position:relative; top:-1px; width:16px; margin-right:4px;}
							.boardImg {position:relative; top:-1px; width:16px; margin-right:4px;}
							.subjectIcon {position:relative; top:-1px; width:16px; margin-right:4px;}
							.stateIcon {width:30px;}
						.lectureItem .lectureItemTitle p {margin-top:12px; font-size:16px; color:#000;}
							
							.lectureItemInfo {position: relative;}
							.lectureItemInfo .itemInfo {position:relative; margin-right:67px;}
							.lectureItemInfo .itemInfo li {}
							.lectureItemInfo .itemInfo li:first-child {width:150px;}
							.lectureItemInfo .itemInfo li .itemInfoT {position: relative; float:left; font-weight:400;}
							.lectureItemInfo button {position: absolute;top: -3px;right: 0;}
								.itemInfoT.itemY {position: relative;top: 0px; float:right; width:80px; height:23px; line-height:21px; display:inline-block;padding: 0 6px;text-align: center;font-size: 13px;border:1px solid #006DAC;color: #006DAC;}
								.itemInfoT.itemN {position: relative;top: 0px; float:right; height:23px; line-height:21px; display:inline-block;padding: 0 6px;text-align: center;font-size: 13px;background-color: #EBEEF1;border: 1px solid #E2E2E2;color: #555;}
							.lectureItemInfo .itemInfo li .itemInfoTxt {display: inline-block; float:left; margin-left:0px;font-weight: 500; font-size:15px; color:#000;}
							.lectureItemInfo .squareBtn {position: absolute; top:6px; right:0px; width:60px; height:60px; font-size:14px;}					
			
/*채점위원 로그인*/
.scoring .columnIn {float: none; width:600px; height:485px; margin: 0 auto;}	

/*bannerTitle*/		
.bannerTitle {position: relative; margin-bottom:48px; padding:24px; border:1px solid #D7D7D7;}	
	.bannerTitle p {line-height:28px;}
	.bannerTxt {display: inline-block;margin-left: 32px;}
	.alertImg {position: absolute;top: 26px;width:24px;margin-right:8px;}	
	.bannerSubT {display:inline-block; margin-top:16px; margin-bottom:2px; font-size:16px; color:#888;}
		
/*popup*/
.popupOpen {overflow: hidden; position: fixed; width: 100%; height: 100%;}
.popupBox {position: absolute;z-index:10000;top: 0;left: 0;bottom: 0;right: 0;width: 100%;display: none;}
	.popupBoxIn {display: flex;flex-direction: column;position:fixed; padding: 24px 28px;z-index:1001; left:0; top:120px; right:0; bottom:100px; background-color:#fff; width:1000px; margin: auto; box-shadow: 0px 6px 30px 2px rgba(0,0,0,0.15);-webkit-overflow-scrolling: touch; /* height:780px; overflow:hidden; */}
		.popupClose { position: absolute; top: -60px; right: 0;display: inline-block; width: 48px; height: 48px; line-height: 48px; text-align: center; color: #000; font-size: 18px; border-radius: 50px; background-color: #fff; z-index:1;box-shadow: 10px 6px 15px -2px rgba(0,0,0,0.3);-webkit-overflow-scrolling: touch;}
		.popupClose .icon-closebtn {position:relative; top:10px; left:-1px; font-size:40px;}
		.popupHead {position:relative; margin-bottom:16px;}
		.popupHead.popupSubT span {font-size:18px;color:#888;}
		.popupHead .conT4 {margin:0;}
		.popupHead .logoImg {width: 350px;}
		.popupHead button {position: absolute; right:0; bottom:0;}
		/* .popupBody {height: calc(100% - 65px); overflow: auto;} */
		.popupBody {flex: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;}
		.popupBody.foot {height: calc(100% - 135px);}
		.popupBody.popsubT {height: calc(100% - 85px);}
		.popupBody.popsubTfoot {height: calc(100% - 160px);}
		.popupScroll {overflow:auto;}
		.popupFoot {margin-top:28px;}
	.popup_bg {position:fixed; top:0; left:0; bottom:0; right:0; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.7);}
	.popup_bg.front {display:none;}
	
	.small .popupBoxIn {max-width: 500px;left: 20px;right: 20px;top: 50%;bottom: auto;transform: translateY(-50%);}

	/*alert*/ 
	.alert .popupHead {margin-bottom:16px;}
	.alert .popupBoxIn {width: 720px;padding:28px;bottom:0;}
	.alert .popupBody {position:relative; height:auto; padding: 48px 0 48px 0; overflow: hidden;background-color: #F7F7F7;}
	.alert .popupBody:before {content:''; position:absolute; width:211px; height:255px;background: url( "../images/simbolBg.png" ) no-repeat;right: -23px; bottom: -75px; background-size: cover;}	
	.alert .popupBody .titleSub {margin-bottom:0;font-size: 18px;color: #888;}
	.alert .popupBody .txtT {margin: 16px 0 0 0;font-size: 24px;font-weight: 500;color: #00479D;}
	.alert .popupBody .txt {display:inline-block; margin-top:4px; font-size:18px; color:#555;}

	.alert .txtSub {margin:16px 0 0 0; font-size:20px; color:#000;}
	.alert .txtSub.marT0 {margin-top:0;} 
	.alert .txtSubfoot {margin-top:12px; font-size:16px; color:#555;}
	.alert .popupBody .txtSubfoot {margin-top:32px;}
		.popBottomBtn {margin-top:28px; overflow:hidden;z-index:1;position:relative;}
		.popBottomBtn.middle {margin-bottom:60px;}
		.passChkInpIn {margin-top:15px;}
		
		/*프론트 팝업(메인 팝업)*/
        .popupPanel {display: none;justify-content: center; align-items: center; width:100vw; height: 100vh; position: fixed; overflow: hidden; z-index: 999;background-color: rgba(0,0,0,0.7);}
		.popupPanelIn {display: flex;justify-content: center;align-items: center;height: 100vh;}
		.popupPanel .popupBox {position: relative; display: block; width: 30%; margin: 0 0.5%;}
        .popupPanel .popupBox .popupBody.foot {height: calc(100% - 33px); border: 1px solid #E9E9E9;}
		.popupPanel .popupBox .popupBoxIn {position: relative; top:auto; bottom:auto; width: auto; height: 575px; margin:0; padding: 20px;}
        .popupPanel .popupBox .popupBoxIn pre {white-space: normal; margin: 0;}
        .popupPanel .popupBox .popupFoot {margin-top:12px;}	
        .popupPanel .popupBox .popupFoot .chkBox {margin:0;}
        .popupPanel .column2 li {margin-top: 28px;}
        .popupPanel .column2 li:first-child {margin:0;}
			.columnList img {display:block; width:100% !important; height:500px; margin:0 auto;}
			.subTitles .columnList img {margin: 15px auto 15px;}

		/*메인 팝업 스크롤 커스텀*/
		.popupBox .popupBody.foot::-webkit-scrollbar {
			width: 10px;
		}
		.popupBox .popupBody.foot::-webkit-scrollbar-thumb {
			background-color: #555;
			border-radius: 10px;
			background-clip: padding-box;
			border: 2px solid transparent;
		}
		.popupBox .popupBody.foot::-webkit-scrollbar-track {
			background-color: #f2f2f2;
			border-radius: 10px;
			box-shadow: inset 0px 0px 5px white;
		}

/*비밀번호 찾기/등록 팝업*/
#popupfindPass.alert .popupBoxIn {height: 465px;}
#popupfindPass.alert .popupBody {padding:30px 0;}
#popupfindPass.alert .popupBody ul {width:500px; margin:0 auto;}
#popupfindPass .txtSub {margin-top:0; margin-bottom:12px;}
#popupfindPass .formGroup .labelT {left:30px;}
#popupfindPass .withLabel {margin-left: 130px;margin-right: 30px;text-align:left;}
#popupfindPass .withLabel br {display:none;}
#popupfindPass input[type="password"] {width:330px; margin:0;}
#popupfindPass .inpSubTxt {text-align:left;}

#popupfindId.alert .popupBoxIn {height:486px;}
#popupfindIdnoData.alert .popupBoxIn {height:480px;}

/*회원정보 수정*/
.meritTb.table_normal tbody tr th {position:relative; border-top:1px solid #D7D7D7;}
.meritTb.table_normal tbody tr th div:before {content: "";height: 23px;position: absolute;left: 0px;border-left: 1px dotted #B7C4D1;}
.meritTb.table_normal tbody tr th:first-child div:before {display:none;}
.board-write #mberEmailAdres2 {margin-left:6px;}
#cnvncSportRequstCn {position:absolute; top:-6px;}

/*회원탈퇴*/
.secessionPage .bannerTitle {background-color: #F9F9F9;border: 1px solid #E1E1E1;}
.secessionPage .bannerTitle p {line-height: 23px;}

.reAgree .bannerTitle {background-color: #F9F9F9;border: 1px solid #E1E1E1;}
.reAgree .bannerTitle p {line-height: 23px;}
.reAgree .bannerTitle .bannerTxt {margin-left:0px;}	

/*개인정보보호 팝업*/
#popupPassword {height:275px;}
	.shieldImg {width:46px; margin-bottom:8px;}
#popupPassword.alert .popupBoxIn {height: 452px;}
#popupPassword.alert .popupBody {height:260px;}
#popupPassword.alert .popupBody .txtT {font-size:24px; color:#000;}
#popupPassword.alert .txtSub {margin-top:4px; margin-bottom:24px; font-size:15px;}

/*개인정보 보유 재동의 팝업*/
#popupReAgree {}
#popupReAgree {height:275px;}
#popupReAgree .checkImg {width:36px;}
#popupReAgree.alert .popupBoxIn {height: 432px;}
#popupReAgree.alert .popupBody {height:205px;}
#popupReAgree.alert .popupBody .txtT {font-size:24px; color:#000;}
#popupReAgree.alert .txtSub {margin-top:4px; margin-bottom:24px; font-size:15px;}
#popupReAgree.alert .popupFoot {margin-top: 0px;}

/*수강신청 알림 팝업*/
#enrolmentPop.alert .popupBoxIn {height: 410px;}
#enrolmentPop2.alert .popupBoxIn {height: 445px;}
#enrolmentPop2.alert .popupFoot {margin-top:0px;}
#enrolmentPop3.alert .popupBoxIn {height: 470px;}
#enrolmentPop3.alert .txtSub {margin-top:8px;}

	/*시험*/
	.test .popupBoxIn {width:1200px; padding:0;}
	.test .popup_bg {background-color: rgba(0,0,0,0.5);}
	.test .popupHead {height:97px; margin-bottom:0; padding:20px 28px; background-color:#1E4675;}
	.test .popupBody {height: calc(100% - 95px);}
	.test .conT5 p {display:inline-block;position:relative; font-size:20px; color:#fff;}
	.lineBg {display:inline-block; width:2px; height:16px;margin:0 8px; background-color:rgba(255,255,255,0.7);}
	.testTag {margin-bottom:4px; font-size:16px;color:#fff;}
	.testTag span {margin-right:4px; color:rgba(255,255,255,0.7);}
				
		.testTimeBox {position:absolute;top:5px; right:20px; bottom:5px; width:300px;}		
		.testTimeBox button {top: 22px; right: 8px; margin:0;}
		.testTimeBox button.submission:hover {background-color: #888;border: 1px solid #888;color: #fff;}
		.testTimeBox button.submission.on {background-color: #E21F09;border: 1px solid #E21F09;}
			.testTime {display: inline-block;padding: 16px 20px; height:100%; border-left: 2px dotted rgba(255,255,255,0.15);border-right: 2px dotted rgba(255,255,255,0.15);}
				.testTimeTxt {height: 52px;margin-bottom:7px; font-size:18px;text-align: center;color:#fff;}
				.testTimeTxt span {display: block;margin-bottom:4px; font-size: 15px;color: rgba(255,255,255,0.7);}
				.clockImg {width:20px;margin-right:7px;}
		
	.test .logoImg {width:167px;}
	.test .contBody {position:relative; height:auto; padding: 45px 0 50px 0; overflow: hidden;background-color: #F7F7F7;}
	.test .contBody:before {content:''; position:absolute; width:211px; height:255px;background: url( "../images/simbolBg.png" ) no-repeat;right: -23px; bottom: -75px; background-size: cover;}	
	.test .contBody .titleSub {font-size: 18px;color: #888;}
	.test .contBody .txtT {margin: 4px 0 0 0;font-size: 24px;font-weight: 500;color: #00479D;}
	.test .contBody .txt {display:inline-block; margin-top:4px; font-size:18px; color:#555;}

	.test .txtSub {margin:24px 0 0 0; font-size:20px; color:#000;}
	.test .txtSubfoot {font-size:16px; color:#555;}
	.test .txtSubfoot strong {}
		.contFootBtn {margin-top:36px;}
	.test .intro .contHead {padding:80px 0 28px 0;}
	.test .intro .contBody {margin:0 168px;}
	.test .intro .contFoot {margin-top:28px;}
	
	#popupTest2.test .contBody {padding:20px;background-color:#fff;}
	#popupTest2.test .contBody:before {display:none;}
	
/*학습창*/
.learnP .popupBoxIn {width:1300px;top:80px; bottom:130px; padding:0; box-shadow:10px 10px 22px 2px rgba(0,0,0,0.5);background-color: #f8f8f8;}	
.learnP .popupHead {position:relative;height:60px; margin:0; padding:16px; background-color:#1E4675;}
.learnP .popupHead .conT5 {color:#fff;}
.learnP .popupHead .subjectTag {margin-right:8px; font-size:16px; color:rgba(255,255,255,0.6);}
.learnP iframe {position: relative;height: calc(100% - 61px);}

	.learnT {position:absolute; top:20px; right:16px;}
	.learnT .penIcon {width:15px; margin-right:5px; opacity:0.6;}
	.learnT span {font-size:14px; color:rgba(255,255,255,0.8);}
	.learnT .icon-pencil2 {position: relative;top: 6px;font-size: 25px;}
	
.learning.popupBody {/*position:relative; height:calc(100% - 61px);*/ padding:0;}
	.learnPlay {position:relative;float:left;width:55px; height:24px; line-height:33px; text-align:center; background-color:#A5A7A8; overflow:hidden;}
	.learnPlay .playIcon {position:relative;width:12px;margin-left:3px;}
	.learnPlay .gaugeNum {position:relative; top:-5px; color:#fff;}	
		.learnPlayBg {position:absolute; left:0; width:0px; height:24px; background-color: #00479D;}
	
	.learnTitle {}
		.subjectIconWrap {position:relative; top:2px; float:right;color:#666;}
	.learnTitle .num {display:inline-block; padding:2px 10px; font-size:13px; color:#000; border:1px solid #E2E2E2;}
	.learnTitle .title {font-size:16px; font-weight:500; color:#000;}

.learning .leftNav { position:fixed; width:300px; height:calc(100% - 0px); border-right:1px solid #d7d7d7;background-color: #fff;}
.learning .leftNavIn { height:calc(100% - 0px); overflow:auto;}
.learning .leftNavIn > li { border-bottom:1px solid #d7d7d7;}
.learning .leftNavIn > li.on {background-color:#EAECEE;}
.learning .leftNavIn > li.on .learnTitle .num {background-color:#fff; border:1px solid #fff;color: #00479D;font-weight: 500;}
.learning .leftNavIn > li:first-child {border-top:none;}
.learning .leftNavIn > li > a {position:relative; display:block; padding:16px;}
.learning .leftNavIn > li > a .icon {position: absolute; right: 16px; top: 23px; transition: all .3s ease;font-size:20px; font-weight:600;color: #999999;transform: rotate(180deg);}
.learning .leftNavIn > li > a.on .icon {transform: rotate(0deg);}
.learning .leftNavIn > li > a .title {clear:both; padding-top:8px; font-size:16px; font-weight:500; color:#000;}
.learning .leftNavIn > li .stateIcon {width:22px; margin-right:5px;}
.learning .leftNavIn > li .subjectIcon {position: relative; top: -1px;width:16px; margin-right:4px;}

	.subNavList {display:none; background-color:#F7F8F9;}
	.subNavList li {position:relative; padding:0 16px; transition:0.3s all ease;}
	.subNavList li a {display:block; padding:12px 0px; border-top:2px dotted #EAECEE;}
	.subNavList li a.borderNone {border-top:none;}
	.subNavList li a .subNavIconBox {position:absolute; display:inline-block;}
	.subNavList li a span {margin-right:7px; font-size:12px; color:#666;}
	.subNavList li a strong {display:inline-block; margin-left:100px; font-size:15px; color:#555;}
	.subNavList li.on {background-color:#EAECEE;}
	.subNavList li.on strong{font-weight:500; color:#000;}
	
	/*한줄 공지*/
	.oneNotice {position:relative; height:48px; padding:9px; background-color:#fff; border-bottom:1px solid #d7d7d7;}
		.oneNoticeIn {height:28px;padding: 4px 10px;background-color:#F7F8F9;border-radius:7px;}
			.oneNoticeSr {}
			.oneNoticeSr li {width: 100% !important; height:28px;}
			.oneNoticeSr li a {display: block; font-size:14px; font-weight:500; color:#000; }
	
	.oneNotice img.noticIcon {display:inline-block; margin-right:7px;}
		
		.learnCont {height: 100%;margin: 0px 0 0 300px;background-color:#f8f8f8;/*overflow-y: auto;*/}
		.learnCont > iframe {position: fixed;width: calc(100% - 300px);height: calc(100% - 0px);}
		/*.learnCont > iframe.mov {width: calc(100% - 300px);}*/
			.learnContIn .learnBox {padding:20px 20px 28px 20px;}
			.learnContIn .learnBox.video {padding:0;}
			.learnContIn .learnBox .table_normal.board-read > tbody > tr > td {background-color: #fff;}
			
			/*학습창 내 공지팝업*/
			#learnNotice .popupBoxIn {width:600px; height:500px;background-color:#fff;}
			#learnNotice .popup_bg {background-color: rgba(0,0,0,0.2);}
			#learnNotice .popupHead {background-color:#fff;}
			
			/*원장님보고용으로 잠시 추가된 클래스 (추후 삭제예정)*/
			.guideSmaple .learnContIn {position: relative;height: calc(100% - 50px);}
			.guideSmaple .learnContIn .learnBox {display:none;}
			.guideSmaple .learnContIn .learnBox:first-child {display:block;}
			.guideSmaple .learning .leftNav {position: absolute;height: calc(100% - 60px);}
			.guideSmaple .learnCont {height: 100%;margin: 0px 0 0 300px;background-color: #f8f8f8;overflow-y: auto;top: auto;width: calc(100% - 300px);height: calc(100% - 0px);}
			.guideSmaple .learnContIn .learnBox iframe {position: absolute;width: 100%;height: 100%;}
		
	/*tableList*/
	.tableList {}	
		.tableListIn {}
		.tableListIn li {margin-top: 32px;border: 1px solid #d7d7d7; border-radius: 5px;}
		.tableListIn li:first-child {margin-top: 28px;}
		.tableListIn li.listItemT {border: none;font-weight: 500;} 
		.tableListIn li.listItemT p {margin: 36px 0 0 0;color:#000;} 
			.tableListT {position: relative;padding: 14px 15px;background-color: #F3F3F3;font-size: 15px;color: #000;font-weight: 500;border-top-left-radius: 5px;border-top-right-radius: 5px;}
			.tableListT p {font-size:15px;}
				.byte {position: absolute;top:15px; right: 15px;font-size:14px; color:#666;}
					.byteNum {font-weight:500; color:#000;}
			.tableListCont {padding: 16px;background-color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
			.tableListCont .radioBox {display: block;margin-top: 8px;}
			.tableListCont .radioBox.last {margin-bottom:0px;}
			.tableListCont.inlineRadio .radioBox {display: inline-block; margin-top: 0;}
			.tableListCont.blockCheck .chkBox {display: block; margin-top: 8px;}
			.tableListCont.blockCheck .chkBox:first-child {margin-top: 0px;}
				.inputTBox {margin-top:8px;}
				.inputTBox:first-child {margin-top:0px;}
			.tableListCont input.readOnly {color:#888;}
			.tableListCont input.readOnly::placeholder {color:#888;}
			.tableListCont input.readOnly:-ms-input-placeholder {color: #888;}
			.tableListCont input.readOnly::-webkit-input-placeholder {color: #888;}
			.tableListCont input.readOnly:-moz-placeholder {color: #aaa;}
			.tableListCont textarea.readOnly {color:#888;}
			.tableListCont textarea.readOnly::placeholder {color:#888;}
			.tableListCont textarea.readOnly:-ms-input-placeholder {color: #888;}
			.tableListCont textarea.readOnly::-webkit-input-placeholder {color: #888;}
			.tableListCont textarea.readOnly:-moz-placeholder {color: #888;}
			
/*시험보기 (윈도우팝업)*/
.testPop.contLayout {padding:0px;}
.testPop .contLayoutIn {max-width:100%;}	
	.testHead {position: relative;height: 90px;margin-bottom: 0;padding: 20px 28px;background-color:#1E4675;} 
	.testHead .testTimeBox button {position:absolute; top:17px;}		
	.testHead .testTag {margin-bottom: 4px;font-size: 16px;color: #fff;}
	.testHead .testTag span {margin-right: 4px;color: rgba(255,255,255,0.7);}
	.testHead .conT5 p {display: inline-block;position: relative;font-size: 20px;color: #fff;}
	
	.testBody {max-width: 1200px; margin: 20px auto;}
		
/*모바일용 테이블 유형(공통)*/
.gallery_normal > ul.itemList > li {width:100%;}
.itemList {}
.itemList > li {}
.itemList > li:first-chlid .galleryBox {margin-top:20px;}
.itemList > li .galleryBox {background-color:#F8F8F8;border-radius:5px;}
.itemList > li .itemIn {position:relative;margin: 0; padding: 14px 15px 15px;}
	.itemTop.noGauge .gaugeItemIn {position: relative;top: 5px;}
	.itemTop button {position:absolute;top:12px; right:12px;}
		.gaugeItem {display:inline-block; height:25px; margin-bottom:5px;}
			.gaugeItemIn {margin-bottom:2px; padding-right:1px; overflow:hidden;}
			.gaugeItemIn .gaugeTitle {float:left; font-size:13px; font-weight:500;}
			.gaugeItemIn .gaugeNum {float:right;margin-left:4px;}
		.gaugeItem .gaugeBg {position:relative; display:block; height:4px; background-color:#D1D3D5;}
		.gaugeItem .gaugeBg span {position: absolute; left:0;display:inline-block; height:4px;background-color:#676B70;}
	.itemTitle {margin-bottom:8px;}	
	.empty .itemTitle {margin-bottom:0px;}
	.itemTitle span {display:inline-block; margin-bottom:2px;line-height: 28px; font-size:14px; color:#555;}
	.itemTitle .subject {line-height:26px; font-size:18px; font-weight:500;color:#000; }
	.itemTitle .subject a {color:#000;}
	.itemInfo {overflow:hidden;}
	.itemInfo li {position:relative; float:left; width:50%; margin-top: 4px;}
	.itemInfo.item2 li {float:none; width:100%;}
	.itemInfo li .itemInfoT {display:inline-block; position:absolute; margin-right:8px; font-size:14px; color:#555;}
	.itemInfo li .itemInfoTxt {margin-left: 66px;font-size:14px; color:#666;}		
	.itembutton {margin-top:16px;}
	.itembutton.button1 button {width:100%;min-width:auto;}
	.itembutton.button2 {display:flex;align-items: center;}
	.itembutton.button2 button {flex-grow: 1;min-width:auto;}
	.itembutton.button2 button:first-child {margin-left:0;}

/*나의교육정보(종료)*/
.eduInfoFin .gaugeItem {position: relative;top: 3px;}
	
/*개인정보처리방침*/
.privacy {}	
.privacy .table_normal {margin-bottom: 28px;}
	.subPrivacy {margin:4px 0; }
	.subPrivacy p {margin-bottom:8px; font-size:16px;}
	.subPrivacy strong {display:inline-block;margin-bottom:8px; font-size:15px;}
	.subPrivacy span {display:inline-block; margin-bottom:8px; line-height:22px; font-size:15px; color:#555;}
	.subPrivacy div {margin-bottom:8px; line-height:22px; font-size:15px;color:#555;}
	.subPrivacy a {color:#000; font-weight:500;}
	.subPrivacy a.txt_blue {color: #00479D;}
		.subPrivacySub {margin-left: 10px; margin-bottom: 10px;}
		.subPrivacySub li {margin-left:15px;}
		.subPrivacySub li:first-chlid {margin:0px;}
		
/*저작권보호정책*/
.markImgList {}	
	.markImgListIn {overflow:hidden;}
	.markImgListIn li {float: left;width: 25%;text-align:center;}
		.markImgListT {position:relative; margin-top:8px; padding:15px 0; font-size: 15px;color: #000;background-color: #f3f3f3;border-top: 1px solid #000;}
		.markImgListT:before {content:''; position:absolute; top:13px; left:0px; width:1px; height: 23px; border-left: 1px dotted #B7C4D1;}
	.markImgListIn li:first-child .markImgListT:before {display:none;}	
		.markImgListCont {padding: 15px 16px;border-bottom: 1px solid #d7d7d7;border-left: 1px solid #d7d7d7;}
	.markImgListIn li:first-child .markImgListCont {border-left:none;}
	
/*이메일무단수집거부*/
.emailWtrms .grayTxtBox {padding:15px;}	


/*진도 현황*/
.table_normal_summery {width: 100%}
.table_normal_summery tbody tr td {color: #555;border-left: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;padding: 7px 8px;font-size:15px;font-weight: 400;}
.table_normal_summery tbody tr th {background-color: #f3f3f3; border-top: 1px solid #000; border-bottom: 1px solid #D7D7D7;color: #000; padding: 8px; /*text-align: center;*/ font-size:15px; font-weight:500;}

	
/*404 에러*/
.errorPage {padding:170px 0 90px 0;}
	.errorT {margin:15px 0 8px 0; font-size:24px;}
	.errorTxtBox p {line-height:25px; font-size:15px; color:#555;}
			
			
/*결제하기*/
.total-price {border: 1px solid #D7D7D7;border-top: 2px solid #000;margin-top: 60px;}
.price-cont {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 30px;border-bottom: 1px solid #D7D7D7;}
.price-cont h4 {margin:0;}
.price-info {display: flex;flex-direction: column;row-gap: 12px;padding: 30px 30px 0;}
.price-info__group, 
.price-info__group fieldset {display: flex;align-items: center;gap: 12px;flex-wrap: wrap;}
.price-info__group .multiInput {display: flex;align-items: center;gap: 5px;} 
.price-info__group .multiInput-btn {display: flex;align-items: center;gap: 5px;flex-wrap: wrap;}
.price-info__group button,
.price-info__group .multiInput > div {margin:0;}
.price-info__group-title {min-width: 160px;}

/*결제 완료*/
.order-finish {border: 1px solid #D7D7D7;}
.order-finish__head {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;padding: 30px 0; border-top: 2px solid #000;}
.order-finish__head img {}
.order-finish__head > p {font-size: 25px;font-weight: 500; color: #000;}
.order-finish__body {padding: 0 30px 30px;}

.list--line {padding: 20px 30px;}
.list--line.bg--gray {background-color: #f5f5f5;}
.list--line li {display:flex; padding: 15px 0;} 
.list--line li + li {border-top: 2px dotted #D7D7D7;}
.list--line li span {display: inline-block;min-width: 120px;text-align: center;font-size: 16px;color: #666;}
.list--line li strong {color: #000;font-size: 16px;}
.list--line.line--blue {background-color: #ECF4FD;margin-top: 20px;}
.list--line.line--blue li {display:flex;}

/*결제 내역*/
.btn-group {display: flex;gap: 5px;flex-wrap: wrap;}
.btn-group button {margin:0;}


/*******************************
       가이드 영역 (추후 필요없을 시 삭제)
*******************************/
.subTxt {margin: 15px 0; font-size: 15px;}
.subTxtList {clear:both; margin: 15px 0;}
.subTxtList li {font-size: 14px;}


.linkList {margin-bottom:36px; overflow: hidden;}
.linkList li {float:left;width:11.1%;}
.linkList li a {display:block; height:35px; line-height:35px;text-align:center;border:1px solid #d7d7d7;}
.linkList li.on a {}

/* 가이드 본문 영역 */
.introduceCont .siBarLine {border-bottom:1px solid #d7d7d7;width:100%;margin:10px 0;}
.introduceCont .siDashLine {margin:0; border:none; border-bottom:1px dashed #d7d7d7;width:100%;}
.introduceCont .introWrapBox {border:1px solid #d7d7d7;}
.introduceCont .introT {margin-bottom:12px;}
.introduceCont .introTsub {color:#000;font-weight:500; margin-bottom:12px; padding-top:5px;}
.introduceCont .guideMent {padding:40px 0;text-align:center;color:#000;font-weight:500;line-height:24px;font-size:16px;}
.introduceCont .guideMent em {font-style:normal;color:#00479d;}
.introduceCont .forWeb {display:block;width:100%;}
.introduceCont .guideArrow {text-align:center;margin:-15px 0;}
.introduceCont .forMobile {display:none;}
.forWebh4 {display:block;}
.forMobileh4 {display:none;}

/*****출력물 인쇄 페이지*****/

/*연수확인 신청서*/
.application {}
	.applicationTitle {font-size: 28px; font-weight: 500;}
		.applicationIn .table_normal tbody tr th {font-size:19px;}
		.applicationIn .table_normal tbody tr td {font-size:20px;}
		.applicationTop .table_normal tbody tr th {height:60px;border-left: 1px solid #d7d7d7;}
		.applicationTop .table_normal tbody tr th span {font-size:18px;}
		.applicationTop .table_normal tbody tr th span.textTd {display: inline-block;margin: 10px 0 0 0;}
		.applicationTop .table_normal tbody tr th:first-child {border-left:none;}
		.applicationTop .table_normal tbody tr th > div {position:relative;}
		.applicationTop .table_normal tbody tr th .titleTd {position: absolute; top: -8px; left:0; font-size:16px;}
		
		.table_normal.applicationWrt tbody tr td {height:80px;}
		.applicationIn .table_normal tbody tr td > div, .applicationIn .table_normal tbody tr th > div {position:relative;}
		.applicationIn .table_normal tbody tr td .titleTd {position: absolute; top: 3px; font-size:18px;}
		.applicationIn .table_normal tbody tr td p {display: inline-block; margin-left: 80px; color:#000;}
		
	.applicationDate {margin:50px 0 80px;color: #000;}
	.applicationDate p {font-size:18px;}
		.applicationDateWrt {margin:40px 0 0 0;}
		.applicationDateWrt p {}
		.applicationDateWrt p span {display: inline-block;width: 100px;font-size: 20px;}
		
	.applicationBottomT {position:relative; width: 500px; margin: 0 auto 30px;font-size: 28px; color:#000;}	
	.applicationBottom .table_normal tbody tr td {padding: 0;}
	.applicationBottom .stampImg {position: absolute; right: -16px;bottom: -24px; z-index: -1;}
	 
/*수료증*/	
.printDownBtn {position:absolute; top:0; right:0;}
.certificates {margin:0 0px;background-size: cover;font-family: 'ChosunGs';}
	.certificatesIn {font-family: 'ChosunGs';position:relative; border: 2px solid transparent;}
		.certificatesTitle {margin:140px 0 100px 0;letter-spacing: 30px;font-size:60px;position: relative;z-index: 1;top: 80px;}
		.certificatesTitle.type1 {letter-spacing: 14px;}
		.certificatesTitle.type1 p {font-size:45px; color:#000;}
		.certificatesTop {position: absolute;top: 158px;left: 100px;z-index: 1;}
		.certificatesTop p {font-size: 20px;}
		.certificatesIn .sideImg {position: absolute; top: 160px;left: 0;right: 0;bottom: 0; width: 888px;height:1250px; margin: auto;}
		.certificatesIn .emblemImg {position: absolute;top: 200px;left: 0;right: 0;bottom: 0;width: 430px;margin: auto;} 
		.certificatesIn .stampImg {position: absolute;top: 1000px;right: 145px;bottom: 85px;margin: auto;width: 109px;}
		.certificatesCenter {position: relative;top: 50px;}
			.certificatesInfo {width: 800px; margin: 0 auto 120px; padding-left: 50px; text-align: left;}
			.certificatesInfo li {position: relative;margin-top: 17px;font-size:21px;}
			.certificatesInfo li:first-child {margin-top:0px;}
			.certificatesInfo li strong {position: absolute;top: 0;left: 0;margin-right:28px; font-weight:400; color:#666;}
			.certificatesInfo li span {display: inline-block;margin-left: 105px;}
			
		.certificatesBottom {position: relative;}	
		.certificatesBottom .textIn {margin: 0 100px 70px;font-size: 26px;line-height: 39px; color: #000;}
		.certificatesBottom .dates {font-size: 26px;color: #000;}
		.certificatesBottom .dates span {margin-left:15px;}
		.certificatesBottom .dates span:first-child {margin-left:0;}
		.certificatesBottom .ledger {position: relative; margin: 100px auto 60px;font-size: 36px;font-weight: 700;color: #000;}

	/*수료증 진위확인*/
	.chkComptPaperBtn .icon-search {position: relative;top: 3px;left: -3px;font-size: 20px;}
		
/*자격증*/	
.qualificationT {margin: 0 0 8px 0; font-size:15px;}
.qualification {position: relative;border: 1px solid #000;}
	.qualificationIn {position:relative;}
		.qualificationTitle {margin:150px 0 130px 0; letter-spacing: 15px;font-size:60px;}
			.qualificationSubT {display:block; margin:0 0 10px 0; letter-spacing: 2px; font-size:30px;}
		.qualificationTop {position: absolute;top: 30px;left: 30px;}
		.qualificationCenter {}
			.qualificationInfo {width: 800px; margin: 0 auto 120px; padding-left: 50px; text-align: left; overflow:hidden;}
			.qualificationInfo li {position: relative;float: left;width: 50%;margin: 0 0 20px 0;font-size:21px;}
			.qualificationInfo li strong {position: absolute;top: 0;left: 0;margin-right:28px; font-weight:400; color:#666;}
			.qualificationInfo li span {display: inline-block;margin-left: 105px;}
			
		.qualificationBottom {clear:both;}	
		.qualificationBottom .textIn {margin:0 0 56px 0;font-size: 22px; color: #000;}
		.qualificationBottom .dates {font-size: 28px;color: #000;}
		.qualificationBottom .ledger {position: relative; width: 500px;margin: 120px auto 60px;font-size: 32px;font-weight: 500;color: #000;}
		.qualificationBottom .stampImg {position: absolute; right: 10px;bottom: -24px; z-index: -1;}		
		
.printDown {padding: 17px 17px;text-align: right;}

/* 영수증 */
.receipt {max-width: 556px; padding: 25px; margin: 0 auto; border: 4px solid #FF873C; }
.line-table {width: 100%; border-top: 1px solid #000000; font-size: 16px; font-weight: 500;}
.line-table th, .line-table td {border-bottom: 1px dashed #dedede;}
.line-table th {background: transparent; color: #666666; font-weight: 500;}
.line-table td {padding: 18px;}
.total-num {font-size: 20px; color: #FF873C; }

@media print {
	.receipt .bottomBtn {
		display: none;
	}
}

/*******************************
           Media Query
*******************************/



@media screen and (max-width: 1660px) {
	/*****서브*****/
	.pageNav h2 {display:none;}
}
@media screen and (max-width: 1500px) {
	/*헤더*/
	.header {padding: 0 30px;}
	.header .logo img {width: 300px;}
	.headNav .headNavIn > ul > li > a {font-size:17px; word-break: keep-all;}
	.headSubNav {right: 30px;}
}
@media screen and (max-width: 1300px) {
	/*탑배너*/
	.topBanner #topBxPager {padding-left:20px;}
	.topBnrControl .topBnrControlIn {left:13px;}
	
	/*헤더*/
	.header {display:none; padding:0px;}
	.header h2.logo {position: relative; text-align: center;}
		.menuBg {display:none !important;}
		.headSubNav {display:none;}
		.headNav {position: fixed;top: 240px;width: 290px;height: 100%;z-index: 9999;}
		.headNav .headNavIn {position: relative;width: 290px;left: -300px;height: 100%;z-index: 9999;background-color: #fff;transition: 0.3s all ease;}
		.header.on .headNav {}
		.header.on .headNavIn {left:0px;}
		.headNav .headNavIn > ul > li {float:none; width:100%;text-align: left;}
		.headNav .headNavIn > ul > li > a {padding-left:15px;}
		.headNav .headNavIn > ul > li > a:after {display:none;}
		.headNav .headNavIn > ul > li > a:hover {color:#000;}
		.headNav .headNavIn > ul > li > a:hover:after {width: 0%;}
		.headNav .headNavIn > ul > li.on > a {color:#00479D;}
		.headNav .headNavIn > ul > li.on > a:after {width: 0%;}
			.headDepthNavIn {position:relative;top:0; height:auto;}
			.headDepthNavIn > ul {height:auto; padding:0px;}
			.headDepthNavIn > ul:hover {background:none;}
			.headDepthNavIn ul li a {font-size:15px;}
			.headDepthNavIn ul li .navInT a {font-size:16px;}
			
				.depthNavWrap {padding-left:10px;}
		
		.headSubNav ul li {margin-left:20px;}
		.headSubNav ul li:before {left:-11px;}
			
	/*모바일 메뉴*/
	.mbHeader {position:relative;display:block; height:60px; background-color:#fff;z-index: 111;box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.05);border-bottom: 1px solid #E8E8E8;}
	
	/*모바일용 헤더*/
	.mbHeader {width:100%; z-index:999;}
	.mbHeader.fixed {position:fixed; top:0px;}
	.mbHeader.fixedT {position:fixed; top:30px;}
	.sub .topLayout {/*position:fixed;*/ top:0px; width:100%;z-index: 11;}
	.mbHeader .logo {position:relative;top:10px;margin: 0;text-align:center;}
	.mbHeader .logo img {width:250px;}
	.sub .pageNav .triggerBtn {display:none;}
	.triggerBtn {display: block;z-index: 9999;}
	
	/*****메인 PC*****/
	.mainLayout {padding-top:90px;min-width: 1000px;}
	.mainLayoutIn {margin:0 20px;}
	.subVisual {height:200px;margin-top: 95px;}
	.subVisual h3 {font-size: 30px;}
	
	/*비쥬얼배너*/
	.mainVisual .bx-wrapper .bx-controls-direction {left:20px;}
	.mainVisual .bannerControl {left:20px;}
	
	/*공지사항,알림판*/
	.noticeVisual {right:20px;}
	
	/*자주하는 질문*/	
	.faqBoxIn {padding:0 20px;}
	.faqBoxIn ul li {width:23.5%;margin-left: 2%;}
	.faqBoxIn ul li .faqSubT {margin-bottom:22px;} 
	.faqBoxIn ul li .faqT {font-size:18px;}
	.faqBoxIn ul li:hover .arrowBox {bottom:26px;}
	

	/*로그인 및 검색영역*/
	.loginTabBox {height: 140px;/*padding: 22px 0px 22px 20px;*/}
	.loginTabBox:before {height:140px;}
	.searchFormBox:after {height:140px;} 
		.loginTabWrap {width: 520px;height: 100px;margin: 0 auto;padding: 22px 20px 22px 20px;}
			.loginForm {position: absolute;top: 49px;left: 250px;display: block;width: 538px;}
			.loginCont h4 {font-size: 18px;}
				.basicLogin.loginCont {left: -248px;}
				.basicLogin h4 {left: 250px;}
				.basicLogin .loginFormIn {position: absolute; top: 2px;}
				.basicLogin .multiInput > div input[type='text'], .basicLogin .multiInput > div input[type='password'] {width:150px;}
				.basicLogin .loginFormIn.multiInput > div {display: inline-block;width: auto;}
				.digitalLogin.loginCont {left: -382px;}
				.digitalLogin .loginFormIn {right:80px;}
				.digitalLogin div input[type='text'] {width:342px;}
					
	.searchFormBox {height:140px;}		
	.searchFormBox h4 {margin: 7px 0 20px 0;}
		.searchFormWrap {width: 460px;height: 100px;margin: 0 auto;padding: 22px 20px;}
			.searchFormIn {position: relative;top: 0; left:0;}	
			.searchFormInput {width: 100%;}
			.searchFormIn fieldset {flex-grow: 1;}
			.searchFormIn .searchBtn {right:6px;}
			
	.loginUser {width: 425px; height: 100px; margin: 0 auto;padding: 25px 0 22px 0;}		
		.loginUserBtn {display: flex;float:none;}		
		.loginUserBtn a {width: auto;}
				
	/*장애인자료추천과정*/	
	.mainVisual {height:auto;}
	.materialVisual .bx-viewport {height: 390px !important;} 	
	.materialVisual .bx-wrapper .bx-prev {left:-40px;}
	.materialVisual .bx-wrapper .bx-next {right:-60px;}
	
	/*센터소개*/
	.businessIntro {margin: 150px 0px 0;}

	/*센터현황*/
	.centerInfoList li {flex: 1 1 30%;}
	.centerInfo:after {display:none;}
	
	/*푸터*/
	.footer {display:none; padding:0 50px;}
	.mbFooter {display:block;}
		.footSiteLink {top: 0px;left: 0;right: 0;}
		.footSiteLink select {width:100%; background-position: 98% 50%;}
	
	/*퀵메뉴*/
	.quickMenu {display:none;top:180px;}
	
	/*****서브*****/
	/*layout*/
	.contLayoutIn {padding:0 15px;}
	.sub .contLayout {padding-top: 60px;}
	
	/*tabBox*/
	.tabBox > ul.tabItem5-1 > li > a span {min-width:200px;}
	.tabBox > ul.tabItem7 > li > a span {min-width:auto;}
	
	/*로그인*/
	.loginBox .columnIn {width:49%;}
	
	/*채점위원 로그인*/
	.loginBox .scoring .columnIn {width:auto;}
	
	/*회원가입*/
	.columnIn .columnInTxt br {display:none;}
	.identityCont .columnIn {height:auto;}
	
	/*인사말*/
	.introBox {position:relative; overflow:hidden;}
	.intro .leftBox {float:none; width:100%;}
		.introImg {max-width:300px; margin-bottom:16px;}
	.intro .rightBox {float:none; width:100%;}
		.introTitleImg {float:left; width:350px;}
		.logoBgImg {display:none; float:left; width:50px;}
		
	/*기관소개*/	
	.goalInContInT {font-size:15px;}
	.goalInContInCIn {padding:0px;}
	.goalInContInCIn > li {font-size:14px;}
	
	.goldDetailInCL {position:relative; width:500px;left:0;height: auto;margin-top: 20px;}
	.goldDetailInCR {position: relative;width: 500px;right: 0;height: auto; margin-top: 39px;}
		
	/*묻고답하기*/
	.askPage .ellipsis {display: inline-block;max-width: 400px;}
	.askPage .table_normal tbody tr td.subject p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}	
	
	/*학습창*/
	.learnP .popupBoxIn, .learnP .popupBoxIn.previewPop {max-width:1000px; width:auto;}
	
	
	/*시험*/
	.test .popupBoxIn {width:1000px;}
	
	/*강의실-나의교육정보*/
	.learnTerm {width:100%;}
		.lectureInfo {width:545px; margin:0 auto; overflow:hidden;}
	.noticeTab {width:100%; height:auto; margin-top:40px; margin-left:0;}
	
	/*모바일용 강의실*/
	.mbLectureRoom .noticeTab {margin-bottom:80px;}
	
	/*404 에러*/
	.errorPage {padding: 70px 0 0 0;}
	
}
@media screen and (max-width: 1024px) {
	/*button*/
	a.onepassBtn:hover {color: #fff;background-color: #00296A;border: 1px solid #00296A;}
	
	/*text*/
	.circleIcon {margin-right:5px;}
	
	/*****메인 PC*****/
	/* .topBanner {display:none;} */
	.topBanner .bx-wrapper img {width:100%; /*height:auto;*/ min-height:80px;margin:0 auto;}
	.topBanner {height:auto;min-height:80px;}
	.topBanner #topBxPager {position: absolute;left: 0;bottom: 8px;}
	.topBnrControl {/*left:10px; bottom:33px;*/}
	
	.quickMenu {display:none;}
	.noticeVisual .bx-wrapper .bx-controls-direction a {margin-top: -9px;}
	.subVisual, .sizeT .subVisual {display:none; margin-top:0px;}
	.subVisual.bg01 {background-position-x: 30%;}
	.subVisual.bg02 {background-position-x: 72%;}
	.subVisual.bg03 {background-position-x: 30%;}
	.subVisual.bg04 {background-position-x: 30%;}
	.subVisual.bg05 {background-position-x: 30%;}
	.subVisual.bg06 {background-position-x: 30%;}

    /* 교육과정 */
    .thumbnailTop img {height: auto;}

	/*공개학습*/
	.opanTrainingCourse {padding-bottom: 100px;}
	.mbMainLayout .contTitle {padding-bottom: 30px;}
	.opanTrainingCourse .more {top:-25px;}
	.opanTrainingCourseIn .gallery_normal > ul > li {margin-bottom: 20px;}
	
	/*페이지 로케이션*/
	.locationBox {display:block;}
	
	/*헤더*/
	.triggerBtn {top:6px;}
	.header h2.logo {top:12px;}
	.header h2.logo img {width:150px;}
		.headNav {top:60px;}
	
	.scr .mbHeadNav {top:60px;}
	.sub .mbHeadNav {top:60px;}	
	.topLayout.fixed .topBanner {height:30px; min-height:30px;}
	
	/****메인 모바일*****/
	.columnList img {height: auto;}
	.trainingCourse.mobile .more {top: 0px;right: 20px;font-size: 15px;}
		
	/*****서브*****/
	/*subVisual*/
	.subVisual h3 {font-size:30px;}
	.contLayout {padding-top:20px; padding-bottom:70px;}
	.sub .contLayout {padding-top: 95px;}
	.sub .contLayoutIn {padding: 30px 15px 0 15px;}
	
	/*pagenav*/
	.pageNav {display:none;}
	
	/*search*/
	.searchBox {height:auto;}
	.searchBox .formGroup.onlySelect {max-width: 590px;}
	.searchBox .formGroup.onlySelect .searchSelect {}
	.searchBox .formGroup .classSelect {width:255px;}
	.searchBox .formGroup.selectDoubleInput .searchSelect {float:left; width:49%;margin-left: 0;}
	.searchBox .formGroup.selectDoubleInput .searchSelect:first-child {float:right; margin:0;}
	.searchBox .formGroup.selectDoubleInput .searchInput {width:100%; margin-top:8px;}
	.searchBox .formGroup.selectDoubleInput .searchBtn {top: auto;bottom: 23px;right: 0;}
	
	/*tab*/
	.squareTab {margin-bottom:24px;}
	.squareTab ul li a {height:44px; line-height:44px; font-size:15px;border-left: 1px solid #fff;}
	.squareTab ul li a span {height:auto; font-size:15px;line-height: 16px;}
	.tabBox.full {margin-bottom:29px;}
	.tabBox.full > ul {background-color: #F2F5F8;border: 1px solid #d7d7d7; border-top:none; overflow: hidden;}
	.tabBox.full > ul:after {content:''; clear:both; display:block;}
	.tabBox.full > ul > li {/*display:block;*/float:left; width:50%; height:auto; border-right:none; transition: 0.3s all ease;}
	.tabItem3, .tabItem4, .tabItem5, .tabItem6 {flex-wrap:wrap;}
	.tabItem5 li, .tabItem6 li {flex: 1 1 40%;}
	.squareTab.full ul {border: none;border-radius: 0px;}
	.squareTab.full ul li {}
	.tabBox.tabBoxLine > ul > li > a {/* display: block; width:auto; margin: 0;*/padding: 0; height:45px;line-height: 14px;font-size: 14px;color: #555;border: none; background: none;transition: none;}
	.tabBox.tabBoxLine > ul > li a:after {display:none;}
	.tabBox.tabBoxLine > ul > li > a:before {display:none;}
	.tabBox.tabBoxLine > ul:before {display:none;}
	.tabBox.tabBoxLine > ul > li.on {background-color: #fff;}
	.tabBox.tabBoxLine > ul > li.on > a {position: relative; font-weight:500; line-height:14px; color:#00479D;border: 2px solid #00479D;border-radius: 5px;}
	.tabBox.tabBoxLine > ul > li > a span {/*display:inline-block;*/min-width:auto; height: 45px; line-height:15px; font-size:14px;color: #555;}
	.tabBox.tabBoxLine > ul > li.on > a span {font-weight:500; color:#00479D;}
	.tabBox.tabBoxLine > ul > li.fullWlist {width:100%;}
	.tabBox.tabBoxLine > ul > li.halfWlist {width:50%;}
	.tabBox.tabBoxLine > ul li:nth-child(even) {border-right:none;border-bottom: none;}
	.tabBox.tabBoxLine > ul li:nth-child(odd) {border-left:none;border-bottom: none;}
	.tabBox.tabBoxLine > ul.nowrap li {border-left:1px solid #d7d7d7;}
	.tabBox.tabBoxLine > ul.nowrap li:first-child {border-left:none;}
	.tabBoxLine > ul {border-radius: 5px;}
	.lineBorder {background-color: #F3F3F3;border-top: 1px solid #E9E9E9}
	
	/*table*/
	.tableTitle .conT5, .tableTitle .conT6 {float:none;margin-bottom:12px;}
	.tableTitle .remark {position: relative; top:0; display:block; margin-bottom:8px;font-size:14px;}
	
	/*form*/
	.smallSel {width:58px;margin-right:5px; font-size:14px;}
	.inputBar {margin-right:3px;}
	select[name="yearSel"] {padding-left:5px;}
	
	/*popup*/
	.popupHead {padding:20px 15px 16px; margin-bottom:0;}
	.alert .popupHead {padding:0;}
	.popupHead .conT4 {margin-top:3px; margin-right: 35px; margin-bottom:0px; line-height:26px; font-size:20px;}
	.popupHead.popupSubT span {margin-right: 35px;font-size:16px;}
	.popupHead button {position: relative;top: 0;margin: 0;margin-top: 4px; height:36px;}
	.popupClose {top: 20px; right: 16px; background: #F3F3F3;width: 32px;height: 32px;font-weight: 600; line-height: 31px;box-shadow: none;}
	.popupClose .icon-closebtn {top:6px; font-size:30px;}
	.popupBody {padding:0 15px 30px;}
	.popupBody.foot.fixed {height: calc(100% - 135px);}
	.popupBody.foot {height: calc(100% - 190px);}
	.popupBody.popsubT {height: calc(100% - 110px); padding:0 15px;}
	.popupBody.popsubTfoot {height:calc(100% - 210px);}
	.popupBoxIn {top: 15px;left: 15px; right: 15px;bottom: 15px;width: auto;height: auto;padding:0px;border-radius:5px;}
	.basic .popBottomBtn {margin-top:0; padding:0 10px;}
	
	.popupFoot {padding:16px 16px 0; margin-top:0;border-top:1px solid #d7d7d7;}
	.alert .popupFoot {padding:0; border-top:none;}
	
	#popupfindId.alert .popupFoot {padding:16px 0 0;}
	#popupfindPass.alert .popupFoot {padding:16px 0 0;}

    #frontPopMb {display: block;}
    #frontPopMb .popupBoxIn {height: 580px;}
    #frontPopMb pre {word-break: keep-all; white-space: normal;margin: 0;}
    #frontPopMb .popupBody.foot {height: calc(100% - 122px);padding: 0 15px 0px;}
    #frontPopMb .popupBody .column2 li {margin-top:15px; border-top:1px solid #d7d7d7;}
    #frontPopMb .popupBody .column2 li:first-child {margin-top: 0; border-top:none;}
    
    .small .popupBoxIn {}
	
	/*시설안내*/
	.facilitySub > ul > li {padding:20px 15px;}
	.facilitySub > ul > li:first-child {border-bottom:1px dotted #d7d7d7;}
	.facilitySub > ul.item1 > li:first-child {border-bottom:none;}
	
	.facilityBox {padding:28px 15px;}
	.facilitySub > ul > li ul li {margin-bottom:0px; font-size:15px;}
		.circleBgIn {width:75px; height:75px;line-height: 71px;}
			.buildingIcon {width:36px;}
			.gymIcon {width:50px;}

		.sliderWrap {float: none;width: 100%; margin: 0 auto;}
		.sliderWrap li img {width:100%;}
		.slideInfo {float: none;width: 100%; margin-top:40px;}
			.slideInfoIn {margin:0;}
			
	/*기관소개*/		
	.lineBoxR .lineBoxContIn li p {font-size:16px;}
	.lineBoxR .lineBoxContIn li span {font-size:14px;}

	/*센터소개*/
	.visionTitle {margin-bottom: 13px;font-size: 18px;}
	.visionTitle:after {margin: 9px auto 0;}
	.visionInTxt p {font-size:19px;}
	.agencyInT {padding: 17px 0 25px;} 
	.agencyInT:after {bottom: -35px;right: -10px;font-size: 77px;}

	.businessIntro {padding: 96px 0 85px 0;margin: 75px 0px 0;}
	.businessItem { padding: 26px 15px 26px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
	.businessItem h4 {padding-bottom: 12px;font-size: 18px;}
	.businessItem p {margin: 20px 0 0;font-size: 16px; line-height: 21px;}
	.businessItem p br {display:none;} 
	.businessItem:after {background-size: contain;}
	.businessItem.item1, .businessItem.item2, .businessItem.item3, .businessItem.item4 {margin:0 15px 60px;}
	.businessItem.item1:after {top: -25px;left: 15px;width: 50px;height: 70px;background-size: contain;}
	.businessItem.item2:after {top: -20px;left: 15px;width: 55px;height: 55px;background-size: contain;}
	.businessItem.item3:after {top: -20px;left: 15px;width: 60px;height: 60px;background-size: contain;}
	.businessItem.item4:after {top: -30px;left: 15px;width: 60px;height: 60px;background-size: contain;}

	/*교육소개*/
	.educenterT {margin:30px 0 12px; text-align: left;padding: 0 15px;}
	.educenterInT {height: 120px;margin-bottom:10px; }
	.educenterInT .educenterInTxt p {text-align: center;font-size:18px;}
	.txtBox.contentSize p {font-size:16px;}
	.eduDirection li {padding: 20px 15px;text-align: center;font-size:16px;line-height: 26px;}
	.eduDirection li.inline {flex-direction: column;}
	.eduDirection li span {display:block;font-size: 14px;line-height: 18px;}

	/*센터현황*/
	.centerInfoList li {flex: 1 1 40%;}
	.centerInfoList li p {margin-bottom: 8px;font-size:16px;}
	.centerInfoList li span {font-size:18px;}

	/*찾아오시는길*/ 
	.mapCont .tabBox.tabBoxLine > ul li:nth-child(3) {border-left:1px solid #D7D7D7;}
	.mapCont .tabBox > ul > li > a span br {display: none;}
	.mapContIn {padding:15px;border-top: 1px solid #D8D8D8;}
	.traffic {width:100%; position:relative;} 
	.mapInfo {float: none; margin:0;}
	.mapInfo h4 {margin: 38px 0 35px 0; font-size:20px;}
	.mapInfo h4.margB25 {margin: 46px 0 35px 0;}
	.transportMap {max-width:500px;}
	.transportLine p {font-size:15px;}
	.address ul {flex-direction: column;}
	.address ul li {margin: 5px 0; font-size:16px;}
	.address ul li p {font-size:14px;}
	.address ul li .addressT {display: flex;align-items: center;}
	.address ul li .transportIcon {display: flex;align-items: center;justify-content: center;width:32px; height:32px;}
	.address ul li .transportIcon .transport1 {width:15px;}
	.address ul li .transportIcon .transport2 {width:18px;}
	.traffic .root_daum_roughmap {width: 100% !important;}
	.traffic .root_daum_roughmap .wrap_map {height:300px;}
	
	/*교육신청*/
	.applyPage .facilitySubIn {top:0;}	
	
	/*열린공부방*/
	.bookIntroIn > ul > li {float:none; width:100%;height: auto;border-top:2px dotted #d7d7d7;}	
	.bookIntroIn > ul > li:after {display:none;}
	.bookIntroIn > ul > li:first-child {border-top:none;}
	
	/*묻고답하기*/
	.askPage .ellipsis {max-width: 300px;}
	.searchBox .formGroup.radioInput .searchInput {width:auto;}
	.askPage .mbHide {display:none;}
	.askPage .mbWidth {width:80px;}
	.askPage .table_normal thead tr th > div:before {display:none;}
	.askPage .table_normal tbody tr td.subject {border-left: none;}
	.askPage .table_normal tbody tr td.subject p {max-width:500px;}
	
		.radioWrap {position:relative;top:0;}
		.searchBox .formGroup.radioInput .searchInput {position: relative;margin:0; width:100%;}
		.searchBox .formGroup.radioInput .searchBtn {top:0;}
		.radioWrap legend {position:absolute;top: 2px;font-size: 14px;}
		.radioWrap .legendCont {display:block; margin-left:67px; text-align:left;}
		.radioWrap .legendCont .radioBox {margin-right:8px;}
		.radioWrap .legendCont .radioBox input[type="radio"]+label {font-size:14px;}

	/*로그인*/
	.inputBox {margin:0 30px;}
		.inputBoxBt {margin:24px 30px 0;}
		.inputBoxBt .telInfo {font-size:14px;}
		.inputBoxBt .telInfo .time {display:none;}
			.onepassImg {width:26px;}
			.telImg {display:none;}
		
	/*회원가입완료*/	
	.lineBox.joinFin .popBottomBtn a.btn {float: none;}
		
	/*아이디비번 찾기*/
	.findLoginBox .columnIn {float: none;width:100%;margin:0 0 20px 0;}
	.findLoginBox .inputBoxIn {margin:0 30px 0 30px;}
	
	/*학습창*/
	.learnP .popupHead {height:auto; padding:10px;}
	.learnP .popupHead .conT5 {margin-right: 30px;margin-bottom: 0;font-size:18px;}
	.learnP .popupHead .subjectTag {display:block;}
	.learnP .popupClose {top: 7px;right:6px; background:none; color:#fff;}
	.learnP .popupBoxIn {top:20px; bottom:20px;}
	
		.learning .popupBody {padding:0px;}
		.learning .popupBoxIn {width:auto;background-color: #f8f8f8;}
		.learnT {display:none; right: 70px;}
			.learnContIn .learnBox {padding:15px;}
		.learning .leftNav {display:none;}	
		.learnCont {margin:0;}
		.learnCont > iframe {width:100%; height: calc(100% - 20px);}
		
		/*학습창 타이들 서브 타이틀 삭제 시엔 해당 css사용*/
		.learnCont > iframe {width:100%; height: calc(100% - 0px);}
		
		/*학습창 내 공지팝업*/
		#learnNotice .popupBoxIn {width:auto;}
		#learnNotice .popupClose {background-color: #f3f3f3;color: #000;}
		
		/*원장님보고용  css (추후 삭제)*/
		.guideSmaple .learnCont {margin:0;width:100%;}

	/*시험*/
	.test .popupBoxIn {width:auto;}
	.test .popupHead {height:auto;padding:16px;}
	.test .popupHead .conT5 {margin-right: 225px;margin-bottom:0px;}
	.test .popupClose {color:#fff;}
	.test .conT5 p {font-size:18px;}
	.test .popupHead .conT5 span {font-size:14px;}
		.testTime {padding:16px 10px;}
		.testTimeBox {width:190px;}	
			.testTimeTxt {font-size:15px;}
				.clockImg {position: relative;top: -1px;width:16px;}
	.test .popupHead button {right: -5px;min-width: auto; padding: 5px 12px;height: 32px;line-height: 18px; font-size: 14px;}
	#popupTest2.test .contBody {padding:15px;}

	.tableListIn li:first-child {margin-top:15px;}
	.tableListIn li {margin-top:15px;}
	.tableListIn li .byte {position: relative;display: block;right: 0;margin: 4px 0 0 0;text-align: right;font-size: 12px;}
	
	/*강의실-나의교육정보*/
	.lectureCont .noticeTab .tabconIn li a.ellipsis {max-width: 70%; font-size:15px;}
		.learnTerm {height:auto;padding: 0 15px;background: #D1E4F5;}
			.learnTermT {float:none; width:100%;margin-top: 14px;text-align:center;}
			.learnTermT .termTitle {display:inline-block; margin-right:7px; margin-bottom:0px; font-size:18px;}
			.learnTermT .term span {display:inline-block; margin:0;}
			.lectureInfo {margin: 30px auto 16px;}
			.lectureInfo > li {width: 32%;margin-left: 2%;}
				.learnBtn {position:relative; display:block; top:0px; left:0px; right:0px; bottom:0px; margin:12px auto 0;}
				.noticeTab > ul > li > a span {position: relative;top: 1px;}
				.learnBtn .playImg {margin-right: 35px;margin-left: -1px;}
				.noticeTab > ul > li > a span.speakerLineImg {background-position: 4px 2px;}
				.noticeTab > ul > li.on > a span.speakerLineImg {background-position: -17px 2px;}
				.noticeTab > ul > li > a span.fileLineImg {background-position: 2px 2px;}
				.noticeTab > ul > li.on > a span.fileLineImg {background-position: -18px 2px;}
			
	/*교육신청*/		
	.applyPage .facilitySub > ul > li {padding:20px 15px;}
	
	/*온라인설문*/
	.onlineSurvey .byteInputBox {max-width:100%;}
	.onlineSurvey .byteBox {display: block;margin: 4px 0;text-align: right;}
	.onlineSurvey .tableListIn li .byte {top:0px;}
	
	/*푸터*/
	.footer {padding:0 20px;}
		.footerIn {padding:20px 0;}	
			.footerTop {padding-top:50px;}
			.footLink {display:none;}
			.footerBottomIn {display:none;}
			.footSiteLink {top:16px; left:0; right:0;}
				.footSiteLink select {width:100%;background-position: 98% 50%;}
					.footlogo {top:-30px;width:100px;}
					.footlogoImg {width: 130px; top: -30px;}
					.footMark {top: 0px;position: relative;padding-bottom: 10px;}
					
						.operatingTimeIn {margin:8px 0 0 0;}
						.operatingTimeIn p {display:inline-block; font-size:12px;}
						.operatingTimeIn strong {padding-left:8px; font-size:15px;}
						.opensourceLink img {width:80px;}
						.waLink img {width:53px;}
						
	/*저작권보호정책*/
	.privacy .conT5 {font-size:18px;}
	.privacy .conT5 .buttonM {margin: 8px 0 0 0;}
	.privacy .table_normal thead tr th {font-size: 14px;}		
	.privacy .table_normal tbody tr td {font-size: 14px;}
	.subPrivacy {}
	.markImgListCont img {height:36px;}	
	#infoSubjectPopup .conT5 {font-size:18px;}
	
	/* 가이드 본문 영역 */	
	.introduceCont .siBarLine {border-bottom:1px solid #d7d7d7;width:100%;margin:10px 0;}
	.introduceCont .siDashLine {border-bottom:1px dashed #d7d7d7;width:100%;}
	.introduceCont .introTsub {color:#000;font-weight:500;padding-top:5px;}
	.introduceCont .guideMent {padding:20px 30px;text-align:center;color:#000;font-weight:500;line-height:25px;font-size:15px;}
	.introduceCont .guideMent em {font-style:normal;color:#00479d;}
	.introduceCont .forWeb {width:100%;margin-bottom:40px;}
	.introduceCont .guideArrow {text-align:center;margin:-5px 0;}

	.introduceCont .introT {font-size:16px;margin-top:20px;}
	.introduceCont .forWeb {display:none;}	
	.introduceCont .forMobile {display:block;}	
	.introduceCont img.forMobile {width:600px;margin:0 auto;}
	.forWebh4 {display:none;}	
	.forMobileh4 {display:block;margin:20px 0 0 0;}	
	
	/*회원정보수정*/
	#cnvncSportRequstCn {position:relative; top:0;}
}

@media screen and (max-width: 768px) {
	/*****서브*****/
	.subTitle.pcHide {display:inline;} 
	
	/*popup(alert)*/
	.alert .popupBoxIn {left: 15px; right: 15px;width: auto;padding:15px;}
	.alert .popupWrap {height: 100%;}
	.alert .popupHead {margin-bottom:18px;padding:0px;}
	.popupHead .logoImg {width: 200px;position: relative;left: -10px;}
	.alert .popupBody {/*height:225px;*/padding: 45px 15px 50px 15px;}
	.alert .popupBody .titleSub {font-size: 15px;}
	.alert .popupBody .txtT {font-size:22px;}
	.alert .txtSub {font-size:16px;}
	.alert .txtSubfoot {margin:0 0 12px 0; font-size:15px;}
	.alert .popBottomBtn {display: flex;justify-content: center;padding:0 13px; margin-top:0;}
	.alert .popBottomBtn a.btn {height:40px; padding:10px;white-space: nowrap;}
		.passChkInpIn {position:relative; margin:15px 15px 0 15px;}
	.alert .popupFoot {padding:15px 0; border-top:none;}
	.alert .popupBody .txtSubfoot {font-size:15px;}
		.popupBodyCon {position: absolute;top: 0;bottom: 0;right: 0;left: 0;height: 80%; width: 100%; margin: auto;padding: 15px;}
	
	#popupfindPass .txtSub {margin-bottom:24px;}
	#popupfindPass.alert .popupBoxIn {height: 425px;}
	#popupfindPass.alert .popupBody {height: 253px;}
	#popupfindPass.alert .popupBody ul {width:100%;}
	#popupfindPass input[type="password"] {width:100%;}
	#popupfindId.alert .popupBoxIn {height:395px;}
	#popupfindId.alert .popupBody {height: 225px;}
	#popupPassword.alert .popupBoxIn {height: 430px;}
	#popupPassword.alert .popupBody {height: 285px;}

	#enrolmentPop.alert .popupBoxIn {height: 363px;}
	#enrolmentPop.alert .popupBody {height: 225px;padding:60px 15px 50px 15px;}
	#enrolmentPop2.alert .popupBoxIn {height: 405px;}
	#enrolmentPop2.alert .popupBody {height: 235px;padding:60px 15px 50px 15px;}
	#enrolmentPop3.alert .popupBoxIn {height:410px;}
	#enrolmentPop3.alert .popupBody {height:270px; padding:25px 15px 50px 15px;}
		.alert .popupBody.crseDpType {height: calc(100% - 143px); overflow-y:hiddne;}
		
	#popupReAgree.alert .popupBoxIn {height:376px;}	 
	#popupfindIdnoData.alert .popupBoxIn {height: 385px;}
	
	/*리스트 정렬*/
	.grid .listCondition {top: 2px;left: 10px;}
	.sortBox {position:absolute;right:0;}
	.sortBox.grid {bottom:11px;}
	
	.tableSubTxt {float:none;}
	.tableSubTxt .line {display:none;}
	.tableSubTxt p {margin-bottom: 8px;}
		
	/*table*/
	.listTotal {margin-bottom:4px;}
	.fileIcon {width:11px; margin-right:4px;}
	.table_normal tbody tr td.subject p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.tbBlue > thead > tr > th, .tbBlue > tbody > tr > th, .tbBlue > tfoot > tr > th {font-size:14px;}
	.tbBlue > thead > tr > td, .tbBlue > tbody > tr > td, .tbBlue > tfoot > tr > td {padding:10px; font-size:14px;}

		.starBg.passwordChk:after {right:-35px;}
	
	/*squareTab*/
	/* .squareTab ul li a {border-bottom:1px solid #fff;} */
	.squareTab.tabItem3 ul li, .squareTab.tabItem4 ul li, .squareTab.tabItem5 ul li {width:50%;}
	
	/*empty*/
	.emptyImg {width:41px;}
	.emptyIn p {font-size:15px;}	
	.emptyIn .emptySubTxt {font-size:14px;}
	
	/*bannerTitle*/		
	.bannerTitle {margin-bottom:40px; padding:15px;}
	.bannerTitle p {font-size:14px;}
		.alertImg {top:16px;}
		
	/*faq*/
	.lectureList.faq_normal a .faq_q {top:31px;}
	.lectureList.faq_normal a .txt {margin-left: 42px;}
	
	/*교육안내*/
	.eduMoreRead {padding:12px 15px;}
	.eduMoreRead li {margin-top:12px;}
		.eduNum {width:45px;margin-right: 4px;font-size: 12px;}
		.eduTxt {margin-left: 53px;font-size:13px;}
		
	.bulletStyle li {margin-bottom:16px; font-size:15px;}
	.bulletStyle li > strong {display:block;margin-bottom:4px;font-size: 15px;}	
	.bulletStyle button, .bulletStyle a {margin:8px 0 8px 0; padding: 4px 12px;height: 28px;font-size: 13px;}
	.eduStep p {line-height: 20px;font-size:14px;}
	
	.educenterIntroBox .bulletStyle li {font-size: 15px;margin-bottom: 0;}

	/*기관소개*/
	.lineBoxL {float:none; width:100%;}
		.lineBox img {width:240px;}
	.lineBoxR {float:none; width:100%;}
	.lineBoxR .lineBoxContIn {margin:0 20px 20px 20px;padding: 20px;}
	.introduceList li {margin: 3px 0;}
	.introduceList ul li {margin-bottom:0px;}

	/*교육소개*/
	.educenterInT .educenterInTxt {padding: 0 15px;}
	.eduDirection li {display: block;flex: 1 1 51%;}
	.eduDirection li:first-child br {display:none;}
	.eduDirection li.inline strong {margin:0 3px;}
	
	/*찾아오시는 길*/
	.bulletStyle a.mapBtn, .bulletStyle a.facilityBtn {display: block;padding: 4px 5px 5px 12px;}
	.bulletStyle a.mapBtn {width:157px;}
	.bulletStyle a.facilityBtn {width:132px;}
	
	/*열린공부방*/
	.author {font-size:13px; color:#555;}
	
	/*묻고답하기*/
	.askPage .subTitle.pcHide {font-size: 14px;color: #666;}
	.askPage .table_normal tbody tr td.subject {word-break: keep-all;}
	.askPage .table_normal tbody tr td.subject a {height:auto; overflow:visible;}
	.askPage .table_normal tbody tr td.subject p {/*white-space: normal;overflow: visible;text-overflow: inherit;*/ max-width:200px;vertical-align: middle;}
	.askPage .table_normal tbody tr td.writer span {white-space: nowrap;}
    .askPage .table_normal tbody tr td.answerOk, .askPage .table_normal tbody tr td.answerNo {padding:0;}
	.askPage .table_normal tbody tr td.answerOk .answer, .askPage .table_normal tbody tr td.answerNo .answer {white-space: nowrap;}
	.answerOk img, .answerNo img {position:relative; width:15px; top:-1px; margin-right:0px;}
	
	/*온라인설문*/
	.participation {font-size:13px; color:#555;}
	.tag.pcHide {display:block;}
	.monthDateMb {display:none;}
	.monthDatePc {}
			
	/*아이디비번 찾기*/
	.findLoginBox .columnT {padding:32px 0 16px 0; font-size:20px;}
	.findLoginBox .columnIn {width:100%;height: auto;margin-bottom:20px; padding-bottom:24px;}	
	.findLoginBox .inputBoxIn {margin:0 15px 0 15px;}		
	
	/*회원가입*/
	.lineBox.joinFin .logoImg {width:100%; max-width:240px;}
	.tabBox.stepBox ul li {height:60px; line-height: 60px;}
	.tabBox.stepBox ul li:after {height:60px;background-size: contain;}
	.tabBox.stepBox ul li a {height: 60px; padding:0 0 0 10px; font-size:15px; line-height:20px;}
	.tabBox.stepBox ul li a:hover {color:#666;}
	.tabBox.stepBox ul li.on a:hover {color:#fff;}
	.tabBox.stepBox ul li a br {display:block;}
	
	/*장바구니*/
	.tabBox.stepBox ul li a span.step {font-size: 14px;}
	.tabBox.stepBox ul li a:has(.step) {align-items: center;padding:0;}
	.step-subtext {margin-top: 2px; font-size: 14px;}
	.tabBox.stepBox ul li.on .step-subtext {}
	
	
	/*휴먼계정 해제*/
	.dormantAccount .columnCont {width:auto;}
	.dormantAccount .columnIn {width: 100%;height: auto;margin-bottom: 20px;padding-bottom: 24px;}
	.dormantAccount .columnT {padding: 32px 0 16px 0;font-size: 20px;}
	.dormantAccount .inputBox {margin:0px;}
	.dormantAccount .inputBoxIn {margin: 0 15px 0 15px;}
	
	/*기존회원 본인인증*/
	.existingMember .columnCont {width:auto;}
	.existingMember .columnIn {width: 100%;height: auto;margin-bottom: 20px;padding-bottom: 24px;}
	.existingMember .columnT {padding: 32px 0 16px 0;font-size: 20px;}
	.existingMember .inputBox {margin:0px;}
	.existingMember .inputBoxIn {margin: 0 15px 0 15px;}
	
	/*본인인증*/
	.identityCont {margin-top:60px;}
	.identityCont .columnIn {float:none; width:100%; margin-left:0; margin-bottom:20px;}
	
	/*회원가입 완료*/
	.lineBox.joinFin {padding:32px 15px 24px;}
	.lineBox.joinFin .conT4 {font-size:24px;}
	.lineBox.joinFin .txtSub {font-size:15px;}
	.lineBox.joinFin .lineBoxIn {padding:0px 0px 20px;}
		.alertTxt p {font-size:14px;}
	
	/*로그인*/
	input[type='text'].inputL,input[type='password'].inputL {height:44px;}
	
	.inputBox {margin:0 15px;}
	.loginBox .columnIn {width: 100%;height:auto; margin-bottom:40px;padding-bottom: 1px;}
	.loginBox .columnT {padding:32px 0 16px 0; font-size:20px;}
	.loginBox .centerInBox {margin-bottom:8px;}
	.loginBox .inputBox {padding-bottom:20px;}
	.loginBox .inputBoxBt {margin:20px 15px 24px; overflow:hidden;}
	.loginBox .centerChkBox {margin-bottom:0px;}
		
	/*채점위원 로그인*/
	.remarkTxt p {font-size:14px;}
	
	/***** TABLE *****/
	.orangeTb.table_normal tbody tr th, 
	.orangeTb.table_normal thead tr th,
	.orangeTb.table_normal tbody tr td {font-size: 14px;}
	.ox-image {width:15px; }
    .table thead th,
    .table tbody th,
    .sticky-table thead .pin {
        background: #f8f9fa;
    }

    .table tbody th {
        border-bottom: 0;
    }
    .pc-only {
        display: none !important;
    }

    .mb-show{
        display: block !important;
    }

    .mb-only {
        display: block !important;
    }
    .table th {
        padding: 16px 14px;
    }

    .table tbody td {
        padding: 4px 14px 4px;
        border-bottom: 0;
    }

    .table.pc-center,
    .table.pc-center td[data-title] {
        text-align: left;
    }
    .scroll-table {
        overflow: hidden;
        overflow-x: auto;
    }
    .scroll-table > table {
        width: 800px;
    }

    .mb-only-title {
        display: inline-block;
        min-width: 50px;
    }

    .pc-mb-title {
        font-weight: 500;
        color: #00467e;
    }

    .td-colspan {
        display: block;
    }

    /* 수직정렬 테이블 */
    .mb-row-table thead {
        display: none;
    }

    .mb-row-table th,
    .mb-row-table td {
        display: block;
    }

    .mb-row-table td[data-title]::before {
        content: attr(data-title);
        display: block;
        margin-bottom: 10px;
        font-weight: 600;
    }

    /* 수평정렬 테이블 */
    .mb-column-table thead {
        display: none;
    }

    .mb-column-table tr {
        display: block;
    }

    .mb-column-table td,
    .mb-column-table th {
        display: flex;
    }

    .mb-row-table tbody th {
        background: transparent;
        padding: 8px 0 0;
        font-weight: 600;
    }

    .mb-row-table tbody td {
        padding: 8px 0 8px;
    }

    .mb-column-table tbody th {
        display: none;
    }

    .mb-column-table td[data-title]::before {
        content: attr(data-title);
        min-width: 80px;
        font-weight: 500;
        margin-right: 10px;
    }
    
    .mb-column-table .total {}
    .mb-column-table .total td[data-title='합계'] {font-weight: 600;color: #ff9732;}
    .mb-column-table .total td[data-title='기능'] {display:none;}
    .mb-column-table .total td[data-title='합계']::before {display:none;}

    .mb-column-table .tb-text-center {
        justify-content: center;
    }

    .mb-column-table .tb-text-right {
        justify-content: flex-end;
    }

    .mb-column-table colgroup,
    .mb-row-table colgroup {
        display: none;
    }

    .mb-column-table col {
        width: auto !important;
    }

    .mb-column-table .tb-full,
    .mb-row-table th,
    .mb-row-table td {
        flex: 0 1 100%;
        border-right: 0;
    }

    .mb-column-table .tb-none {
        display: none;
    }

    .mb-column-table .tb-column,
    .column-td td {
        flex-direction: column;
    }

    .mb-column-table .tb-column .mb-only-title,
    .column-td .mb-only-title {
        margin: 0 0 10px;
    }

    .scroll-table::before {
        display: flex;
    }

    .list-style-table tr {
        padding: 8px 0;
        border-bottom: 1px solid #C1C1C1;
    }

    .hide-th th {
        display: none;
    }
	
}

@media screen and (max-width: 640px) {
	/*****메인(모바일)*****/

		/*탑배너*/
		.topBnrCtr {width:58px;}
		.topBnrControl {bottom: 39px;}
		.topBnrControl .topBnrControlIn {top:-43px;left: 6px;}
		.topBnrControl .bnrStopBtn {margin:0;}
		.topBnrControl .bnrPrevBtn img {width:13px;}
		.topBnrControl .bnrStopBtn img {position: relative;left: 1px;width:8px;}
		.topBnrControl .bnrPlayBtn {margin:0; padding-left:6px;}
		.topBnrControl .bnrPlayBtn img {width:10px;}
		.topBnrControl .bnrNextBtn img {width:13px;}
		
		.topslideCounter {top: 15px;left: 6px;font-size: 12px;}
		.topslideCounter span {font-size: 14px;}
		.topBanner .bx-wrapper img {height:auto;margin-left: 10px;}
	
		/*프론트 팝업2(메인 팝업)*/
		.popupPanel .popupBox .popupBoxIn {left:15px; right:15px;}
		.popupPanel .popupBox .popupBody .popbodySubT br {display:none;}
	
	/*바로가기 서비스*/
	.mpageLink0Img {width:33px;}
	.mpageLink1Img {width:33px;}
	.mpageLink2Img {left:3px;width:32px;}
	.mpageLink3Img {width:30px;}
	.mpageLink4Img {top: -2px; width:35px;}
	.mpageLink5Img {top: -3px; left:3px; width:30px;}
	.mpageLink6Img {top:-2px; left:0; width:29px;}
	.directContBoxIn li a span {font-size:14px;}
	
	/*****서브*****/
	.txtBox p, .txtBoxS p {font-size:15px;line-height: 24px;}
	
	.subVisual {height:190px; padding-top:60px;}
	.subVisual h3 {padding-top:35px; font-size:24px;}
	.subVisual p {font-size:14px;}
	
	/*search*/
	.searchBox {height:auto; margin-bottom:24px; padding:16px;}
	.searchBox .formGroup {padding:0px;}
	.searchBox .searchSelect {position:relative; top:0; width:100%;height:44px;background-position: 97% 50%;}
	.searchBox .searchInput {position:relative;width:100%;margin-top:8px; margin-left:0px;}
	.searchBox .formGroup.onlyInput .searchInput {width:auto; margin-top:0; margin-right:0;}
	.searchBox .searchBtn {top:0; right:0px;}
	.searchBox .searchBtn .icon-search {position:absolute;top: 6px; right: 6px;}
	.searchBox .searchInput input[type='text'] {height:44px;padding-right: 60px;}
	.searchBox .searchInput input::placeholder {font-size:15px;}
	.searchBox .searchInput input:-ms-input-placeholder {font-size:15px;}
	.searchBox .searchInput input::-webkit-input-placeholder {font-size:15px;}
	.searchBox .searchInput input:-moz-placeholder {font-size:15px;}
	.searchBox .searchBtn {width:44px; height:44px;}
	.searchBox .formGroup.onlySelect {max-width: 590px;}
	.searchBox .formGroup .classSelect {width:100%; height:44px; margin: 8px 0 0 0;background-position: 97% 50%;}	
	.searchBox .formGroup.onlySelect .searchBtn {position:relative; width:100%; margin: 8px 0 0 0; font-size:15px;}
	.searchBox .formGroup.selectDoubleInput .searchSelect {float:none; width:100%;margin-left: 0;}
	.searchBox .formGroup.selectDoubleInput .searchSelect:first-child {float:none;margin-bottom: 8px;}
	.searchBox .formGroup.selectDoubleInput .searchInput {width:100%; margin-top:8px;}
	.searchBox .formGroup.selectDoubleInput .searchBtn {bottom: 0px;}
	
	/*리스트 정렬*/
	.listcodnitiontitle {font-size:14px;}

	.sortBox {position:absolute;right:0;}
	.sortBox.grid {bottom:11px;}
	.tableTitle .conT5 {font-size:18px;}
	
	/*table*/
	.tableTitle p {font-size:14px;}
	
	/*tab*/
	.tabBox.tabBoxLine > ul > li.halfWlist {width:100%;}
		
	/*form*/
	.secretIcon {width:16px;}
	.inpSubTxt {font-size:14px;}
	.inpSubTxt.inline {display:block; margin:4px 0 0 0;}
	.formGroup .labelT {position:relative;top:0; display:inline-block; margin-bottom:4px;font-size: 14px;}
	.withLabel {margin-left:0;}
	.addrNBtn {margin: 4px 0 0 0;}
	.pressureBtn {margin:0}
	.radioBox {margin-right: 12px;}
	select[name="monthSel"], select[name="daySel"] {width:37px; padding-left:5px;}
	.selectTxt {margin-right:5px;}
	.certificatBtn {margin: 4px 0 0 0;}
	.basicSelect {width:180px;}
	.smallSel {width: 45px;padding-left: 5px;}
	.searchBoxDetial {margin-bottom:20px;}
	.searchBoxDetial .basicSelect {width:100%;background-position: 97% 50%;}
	.board-write input[type="text"], .board-write input[type="email"], .board-write input[type="password"] {width:185px;}
	.board-write input[type="text"].medInp, .board-write input[type="email"].medInp, .board-write input[type="password"].medInp {width: 49%;}
	.board-write input[type="text"].addrIbput {width: 90%;}
	.board-write input[type="email"].fullW {width: 95%;}
	.board-write input[type="text"].fullW, .board-write input[type="password"].fullW {width: 95%;}
	.board-write input[type="text"].smallInp, .board-write input[type="email"].smallInp, .board-write input[type="tel"].smallInp, .board-write input[type="password"].smallInp {width:40px;margin-right: 3px;text-indent: 3px;}
	.board-write input[type="text"].bigInp, .board-write input[type="email"].bigInp, .board-write input[type="tel"].bigInp, .board-write input[type="password"].bigInp {width:100%; margin-right:0px;}
	.board-write #mberEmailAdres1, .board-write #mberEmailAdres2 {width: 41%;}
	.board-write #mberEmailAdres2 {margin-left:6px;}
	.chkBoxlist .chkBox {margin:0;}
	
	/*전체선택*/
	.termsUse .totalChk .chkBox input[type="checkbox"]+label:before {top:23px;}
	
	/*인사말*/
	.introTitleImg {max-width:290px; width:100%;}
	.logoBgImg {position:absolute;top:3px;right:11px; width:40px;}
	.intro .writer {font-size:14px;}
	
	/*담당자 안내*/
	.manger .table_normal tbody tr td {word-break: keep-all;}
	
	/*센터소개*/
	.missionItemList li {flex: 1 1 51%;}
	.businessIntro {margin:0; padding: 32px 0 50px 0;}
	.businessItem {flex: 1 1 51%;padding: 0;border-radius: 0px;background: none;}
	.businessItem h4 {margin-left: 32px;padding-bottom:0; text-align: left;background-color: #F8F8F8;border-bottom: none;} 
	.businessItem p {display: flex;align-items: center;justify-content: center;margin:10px 0 0 0; padding:20px 10px;border-radius: 10px;background-color: #fff;}
	.businessItem.item1, .businessItem.item2, .businessItem.item3, .businessItem.item4 {margin-bottom:24px;}
	.businessItem.item1:after {top: -2px; left:0; width:25px; height:28px;background: url('../images/businessItem1_mb.svg') no-repeat;background-size: contain;}
	.businessItem.item2:after {top: 0; left:0; width:26px; height:25px;background: url('../images/businessItem2_mb.svg') no-repeat;background-size: contain;}
	.businessItem.item3:after {top: 5px; left:0; width:26px; height:23px;background: url('../images/businessItem3_mb.svg') no-repeat;background-size: contain;} 
	.businessItem.item4:after {top: 0; left:0; width:23px; height:23px;background: url('../images/businessItem4_mb.svg') no-repeat;background-size: contain;} 

	/*교육소개*/
	.eduDirection {margin: 0 -10px 28px;}
	.eduDetail {padding-bottom:20px;}
	.eduDetailList {flex: 1 1 51%;border-top: 2px dotted #BFBFBF;margin: 0 15px;padding: 14px 0 0px;}
	.eduDetailList:first-child {border-top: none;}

	/*센터현황*/
	.centerInfoList li {flex: 1 1 51%;margin: 8px 12px;padding: 16px 35px;}
	.centerInfoDetail > li {flex: 1 1 51%;margin-bottom: 32px;}

	/*시설안내*/
	.facilityPage .facilitySub > ul > li ul li:first-child	{margin-top:4px;}
	
		.facilitySub {margin-bottom:40px;}
		.facilitySub > ul > li {width: 100%;height: auto;overflow: hidden;overflow:hidden;}
		.facilitySub > ul > li:first-child:after {display:none;}
		.circleBgIn {width: 70px;height: 70px;line-height: 66px;margin-right: 13px;}
		.facilitySub > ul > li ul li {font-size:14px;}
			.caption {font-size:16px; line-height:52px;}
			.ctrBox button {top: 23px;width:30px; height:30px;padding:0px;}

	/*교육안내*/
	.eduStep button {margin:4px 0 0 0; font-size:13px;}
	.tableTitle button {position:relative;top:0;right:0;margin:0 0 8px 0;}
	
	/*교육신청*/
	.circleBg {float:left; width:30%;}
	.facilitySubIn {width: 70%;}

	.applyPage .radioBox input[type="radio"]+label:before {top:2px;}
	.applyPage .radioBox input[type="radio"]:checked+label:after {top:2px;}
	
		/*장애유형 팝업*/
		.obstacle .table_normal tbody tr td {padding: 12px 0px;font-size: 14px;}
	
	/*열린공부방*/
	.bookImg {position: relative;top: 0;left: 0;display: block;margin: 24px auto 0;border: 1px solid #ddd; box-shadow: 5px 6px 0px 1px #E4E4E4;}
	.bookIntro {margin-bottom:20px;}
	.bookIntroTxt {margin:0 15px;}
	.bookIntroTxt ul li {font-size:15px;}
		.bookTitle {font-size:16px;}
		
	/*열린공부방-상세*/	
	.bookDetail .bookImg {margin: 0 auto 24px;}
	
	/*묻고답하기*/
	.askPage .ellipsis {max-width: 100%;}
	.askDetailPage .chkBox.single {position:absolute;}
	.askDetailPage .inpSubTxt.inline {margin-left: 20px;font-size:14px;}
	
	/*온라인설문*/
	.participation {font-size:13px; color:#555;}
	.tag.pcHide {display:block;margin-bottom: 4px;}
	.monthDateMb {display:block;font-size:13px; color:#555;}
	.monthDatePc {display:none;}
	
	/*회원정보 수정*/
	.memberInfoPage .radioInput {display: block;}
	.memberInfoPage .radioBox input[type="radio"]+label:before {top:2px;}
	.memberInfoPage .radioBox input[type="radio"]:checked+label:after {top:2px;}
	
	/*이용약관 동의(회원가입)*/
	.totalChk {padding: 0px;}
	.termsUse .chkBox {left:12px;margin-right: 40px;}
	.totalChk .chkBox {margin-right: 0px;}
	.termsUse .icon {right:8px;}
	.termsUse .chkBox input[type="checkbox"]+label .labelIn {font-size:15px;}
	.agreeContIn {font-size:14px;}
	.identityCont .columnIn button {width:100%; max-width:150px;}
	
	/*이용동의 확인*/
	.agreementUse {text-align:left;}
	.agreementUse .chkBox.txt input[type="checkbox"].wv-check + label:before {top:6px;}

	/*아이디/비번찾기*/	
	.findLoginBox .txtBox p {margin-bottom: 20px;}
	.findLoginBox .buttonGroup button {width:100%;max-width: 150px;}
		
	/*모바일용 테이블 유형(공통)*/
	.itemInfo li {float:none; width:100%;} 
	
	/*팝업*/
	.alert .popupBody .titleSub {font-size: 14px;}
	.alert .popupBody .txtT {font-size:19px;}
	.alert .txtSub {font-size:15px;}
	.alert .popupBody .txtSubfoot {font-size:14px;}
	.popBottomBtn a.btn, .popBottomBtn button {float:right; width: 48.5%;min-width: auto; height:40px; padding:10px 10px;font-size:14px;}
	.popBottomBtn a.btn:first-child, .popBottomBtn button:first-child {float:left;}
	.popBottomBtn.oneBtn a.btn:first-child, .popBottomBtn.oneBtn button:first-child {float:none;}
	
	#popupfindPass .formGroup .labelT {position:absolute; left:15px;}
	#popupfindPass .withLabel {margin-left: 75px;margin-right: 15px;}
	#popupfindPass .withLabel br {display:block;}
	#popupfindPass .inpSubTxt {font-size:12px;}
	#enrolmentPop2.alert .popupBoxIn {height: 425px;}
	
	.popupBody .conT5 {font-size: 18px;}
	
	/*개인정보보호 팝업*/
	#popupPassword input[type="text"].bigInp, input[type="password"].bigInp {width:100%;}
	
	/*학습창*/
	.learnP .popupBoxIn {top:20px; bottom: 20px;}
		.learning .popupHead .subjectTag {font-size:15px;}
		.learning .popupBody {height: calc(100% - 120px);}
		.learning .popupHead .conT5 {margin:0;margin-right: 35px;font-size: 18px;}
			.learnT {position: relative; top: 0;right: auto;}
		.learnCont > iframe {height: calc(100% - 20px);}	
		
		/*학습창 타이들 서브 타이틀 삭제 시엔 해당 css사용*/
		/*.learnCont > iframe {height: calc(100% - 0px);}*/
		
		.oneNotice {height: 36px;padding: 5px;}
			.oneNoticeIn {padding: 0;height: 25px;}
		.oneNotice img.noticIcon {width:10px; margin-left: 7px;}
		.oneNoticeSr li a {font-size:13px;line-height: 21px;}

	/*강의실-나의교육정보*/	
	.learnTermT {text-align:center;}
	.learnBtn {position: relative;top: 0;right: 0; left: 0;float: none; width:100%;}
	.learnBtn:after {display:none;}
	.lectureInfo {clear:both; width:auto;padding-top:0px; margin: 15px auto 0px;}
	.lectureInfo > li {width:100%;height: auto; min-height:49px; margin-left: 0;margin-bottom:15px; padding: 10px 16px;}
	.lectureInfo > li p {position: absolute;top: 12px;font-size: 16px;}
	.lectureLec .cyberLecT, .lectureLec .setLecT {top:-5px; right: 70px;}
	.lectureInfo > li .score {justify-content: flex-end;font-size: 21px;}
	.lectureInfo > li.lectureInfo1.secondItem {padding:16px 16px 0px 16px;}
	.lectureInfo > li.lectureInfo3 .score {margin: 0;font-size:18px;}
	.lectureInfo > li.lectureInfo3 button {float:right;}
	.lectureInfo > li .unit {top:-3px; margin-left:4px; font-weight:500; font-size:16px; color:#666;}
		.scoreNum {margin-top:0px;}
		.lectureLec .score .scoreNum {font-size: 21px;}
		.scoreBg {display:none;}
		.lectureLec .score {margin:0;}
		.lectureLec .scoreBg {left: 0;right: 0;margin:auto;}
			.standard {float: right;margin:0;}
			.standardTxt {float:right;}
			.standardTxt br {display:none;}
	.noticeTab > ul > li > a {font-size:16px;}
	.lectureList.faq_normal .faqText {margin-left: 53px;font-size:16px;}
	.lectureItemInfo .itemInfo li {float:left; width:50%;}
	.learnBtn .playImg {margin-right: 10px;}

	/*저작권보호정책*/
	.privacy .txtBox p, .txtBoxS p {font-size:14px;}
	.markImgListIn li {width:50%;}
    .markImgListIn li.borderNone {}
	.markImgListIn li.bgNone .markImgListT:before {display:none;}
	.markImgListIn li.bgNone .markImgListCont {border-left:none;}
	.privacy_img {width:100%;}
	
	/*404 에러*/
	.errorT {font-size:20px;}
	
	/* 가이드 본문 영역 */	
	.introduceCont img.forMobile {width:100%;}
	
	/*결제하기*/
	.price-cont {padding: 20px;}
	.price-info {padding: 20px 20px 0;}
	
	/*결제 완료*/
	.order-finish__head > p {font-size: 20px;}
	.order-finish__head img {width:30px;}
	.order-finish__body {padding: 0 15px 15px;}
	.list--line {padding: 15px;}
	.list--line li span {min-width: 80px; text-align: left;}
	
}
@media screen and (max-width: 400px) {
	/*****메인(모바일)*****/
	/*콜센터 전화 및 검색*/	
	.callCenter .icon-consulting {margin-right:2px;}
	.searchTab .icon-search {margin-left: -5px;margin-right:2px;}
	.searchTabBoxIn .radioBox {margin-right: 8px;}
	.searchTabBoxIn .radioBox input[type="radio"]+label span {margin-left:0px;}
	
	/*****서브*****/
	/*popup*/
	#popupfindPass.alert .popupBody {height:232px;}
	
	/*기관소개*/
	.goalSd .bx-controls-direction {width: 90%;}

	/*묻고 답하기*/
	.askPage .table_normal tbody tr td.subject p {max-width:100px;}
}

@media screen and (max-width: 360px) {
	#enrolmentPop2.alert .popupBoxIn {height: 425px;}
}
@media screen and (max-width: 320px) {
	/*****서브*****/
	/*popup*/
	#enrolmentPop2.alert .popupBoxIn {height: 447px;}
	
	/*기관소개*/
	.goalSd .bx-controls-direction {width: 100%;}
}