@charset "utf-8";

/*** common ***/
	#wrap {min-width:1200px;overflow:hidden;}
	#wrap #container {padding-top: 110px;position:relative;}
	.after_div {*zoom:1;}
	.after_div:after {clear:both;content:"";display:block;}
	.clear {*zoom:1;}
	.clear:after {clear:both;content:"";display:block;}
	.fl {float:left;}
	.fr {float:right;}
	.relative {position:relative;}
	.absolute {position:absolute;}
	.block {display:block;}
	.blind, .dn {display:none !important;}
/*** 정렬 ***/
	.ta_left {text-align:left !important;}
	.ta_center {text-align:center !important;}
	.ta_right {text-align:right !important;}


table{table-layout:fixed;}



/*───────────────────────────────────────────────────────────

	layout

───────────────────────────────────────────────────────────*/
	.skip_nav {position:relative;z-index:9999;}
	.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
	.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}
	.w_layout, .wid_100 {width:100%;text-align:center;margin:0;padding:0;}/*text-align은 익스7이하에서 맞추기 위해서 명명*/
	.w_set, .w_custom, .wid_cus {width:1100px;;text-align:left;margin:0 auto;padding:0;}
	/* header 레이아웃 */
		.warpper {width:100%;} /* header 와 footer 제외하고 전체를 감싸는 영역 */
		.warpper .contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;/* z-index:1; */vertical-align:top;font-size:0;min-height:640px;} /* warpper 안에 측면과 컨텐츠를 감싸는 영역 */
		.warpper .contents_wrap #aside {width:20%;float:left;vertical-align:top;} /* 측면을 감싸는 영역 */
		.warpper .contents_wrap #contents_box {width:100%;padding:30px 0 50px 0;vertical-align:top;} /* 컨텐츠를 감싸는 영역 */
		.warpper .contents_wrap #aside + #contents_box {font-size:12px;width:80%;padding:30px 0 50px 40px;box-sizing:border-box;float:left;} /* 측면과 컨텐츠가 함께 나올때 영역 사이즈 재설정 */
		
		.warpper .contents_wrap #contents_box #content {width:100%;margin:0;padding:0;text-align:left;} /* 컨텐츠 */
		.warpper .contents_wrap #contents_box #content:after {clear:both;content:"";display:block;}
	
	
	

/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	#header {position:fixed; width:100%; min-width:1200px; height: 0; margin:0 auto; z-index:10; overflow: visible;background:#fff;}
	#header .header_cont {position: relative; width: 100%;  box-sizing: border-box; padding: 0 40px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); height:110px;}

	#wrap.main_index #header {position: fixed; height:0; }
	#wrap.main_index #header.move {height:110px;transition: all 1.2s ease, height .7s ease;}
	#wrap.main_index #header.move.on {overflow: visible;}
	#wrap.main_index #header .header_cont {box-shadow: none; opacity:0; transition:opacity 1.5s ease; transition-delay:1s;position:relative;} 
	#wrap.main_index #header.move .header_cont {opacity:1;}
	#wrap.main_index #header.move.on .header_cont {box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); overflow: visible;}

	#header	.header_cont h1 {position:absolute;top:0;left:40px;z-index:21;width: 300px; padding: 30px 0; transition: all 0.3s;}
	#header	.header_cont h1 a img {transition: all 0.3s;}

	#header .header_cont .hd_right {position:absolute;top:0;right:40px;z-index:21;padding-top: 56px;}
	#header .header_cont .hd_right li {display: inline-block; transition: all 0.3s;line-height:27px;}
	#header .header_cont .hd_right li + li {margin-left: 32px;}
	#header .header_cont .hd_right li a {font-size: 15px; color: #666;}

	#header .header_cont .hd_lnb {position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 100%;z-index:20;width:100%;background:#fff;text-align:center;}
	#header .header_cont .hd_lnb > li {position:relative; display:inline-block; width:auto; height: 100%; transition: all 0.3s;padding-right:80px;}
	#header .header_cont .hd_lnb > li:last-child{margin-right:0;}
	#header .header_cont .hd_lnb > li > a {display: inline-block; height: 100%; box-sizing: border-box; padding-top: 55px; font-size:18px; color:#333;}
	#header .header_cont .hd_lnb > li > a:hover {font-weight: 500;}
	#header .header_cont .hd_lnb > li .depth2 {position:absolute;top:120px;left:0;z-index:40;width:100%;display:none;padding-right:10px;box-sizing:border-box;text-align:left;}
	#header .header_cont .hd_lnb > li .depth2 a{color:#666;font-size:15px;padding:5px 0 ;display:block;word-break:keep-all;}
	#header .header_cont .hd_lnb > li .depth2 a:hover{color:#288f7e;font-weight:500;}
	#header .header_cont .hd_lnb_bg {height:380px;position:absolute;top:109px;left:0;background:#f5f5f5;width:100%;z-index:10;display:none;}

	@media screen and (max-width:1540px) {
		#header .header_cont h1 {width: 250px; padding: 35px 0;}
		#header .header_cont .hd_lnb > li {padding-right:50px;}
		#header .header_cont .hd_right li + li {margin-left: 22px;}
		#header .header_cont .hd_lnb > li .depth2 a{font-size:15px;}
	}
	@media screen and (max-width:1380px) {
		#header .header_cont h1 {width: 260px; padding: 34px 0;}
		/* #header .header_cont .hd_lnb > li {padding-right: 38px;} */
		#header .header_cont .hd_right li + li {margin-left: 18px;}
	}
	@media screen and (max-width:1280px) {
		#header .header_cont h1 {width: 230px;left:20px;padding:36px 0;}
		#header .header_cont .hd_right{right:20px}
		#header .header_cont .hd_lnb > li > a{font-size:17px;}
		
	}
/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer {position:relative;min-height:140px; margin-top: 28px;}
	#footer .ft_top {width: 100%; height: 60px; box-sizing: border-box; border-top: 1px solid #ddd;}
	#footer .footer_cont {position:relative;width:1200px;margin:0 auto;}
	#footer .footer_cont ul.footer_nav {padding: 21px 0;}
		#footer .footer_cont ul.footer_nav:after {clear:both;content:"";display:block;}
		#footer .footer_cont ul.footer_nav li {float:left;padding:0 18px;background:url("../images/common/footer_navline.gif") no-repeat left center;}
		#footer .footer_cont ul.footer_nav li.first {background:none;padding-left:0;}
		#footer .footer_cont ul.footer_nav li a {font-size: 13px;color:#888;letter-spacing:-0.040em; line-height: 1;}
		#footer .footer_cont ul.footer_nav li a strong {font-size:inherit;font-weight: 400; color: #333;}
		#footer .footer_cont ul.footer_nav li a:hover {color: #333;}
		#footer .footer_cont ul.footer_nav li a:hover strong {font-weight: 500;}

	#footer .footer_cont .btn_top {position: absolute; right: 0; top: 0; width: 60px; height: 60px; box-sizing: border-box; padding-top: 18px; border: 1px solid #ddd; border-top: 0; border-bottom: 0; text-align: center; transition: all 0.3s;}
	#footer .footer_cont .btn_top span {font-size: 12px; color: #666; font-family: 'Montserrat', sans-serif;}
	#footer .footer_cont .btn_top span::before {content: ""; display: block; width: 13px; height: 13px; box-sizing: border-box; border: 1px solid #666; border-right: 0; border-bottom: 0; transform: rotate(45deg); margin: 0 auto;}
	#footer .footer_cont .btn_top:hover {background: #000;}
	#footer .footer_cont .btn_top:hover span {color: #fff;}
	#footer .footer_cont .btn_top:hover span::before {border-color: #fff;}
	#footer .ft_bottom {width: 100%; margin-top: 1px; background: #000; box-sizing: border-box; padding: 45px 0;}
	#footer .ft_bottom .footer_logo {float: left; margin-right: 46px;}
	#footer .ft_bottom .footer_info {float: left;}
	#footer .ft_bottom .footer_sns {float: right;}
	#footer .footer_cont address {position:relative;color:#ddd;line-height:26px;margin-bottom:20px;letter-spacing:-0.040em;}
	#footer .footer_cont address span {font-size: 13px;}
	#footer .footer_cont address span + span {margin-left: 26px;}
	#footer .footer_cont p {margin-top: 60px; font-size: 13px; color:#ddd;letter-spacing:-0.040em;}
	#footer .footer_cont .link_m {position:absolute;right:0;top:0;font-size:12px;color:#fff;}
	#footer .footer_cont ul.footer_sns li {float:left;padding:0 5px;/* opacity:0.6; */ /* transition: all 0.3s; */}
	/* #footer .footer_cont ul.footer_sns li:hover {opacity: 1;} */

	.quick_menu{position:fixed;bottom:50px;right:50px;z-index:20;text-align:left;}
	.quick_menu li{margin-bottom:4px;}
	.quick_menu li a{transition:all 0.3s;display:block;box-sizing:border-box; background-repeat:no-repeat;background-position:right 11px center;font-size:16px;width:240px;height:60px;padding-left:20px;background-color:#eee;color:#333;border-radius:4px;line-height:60px;margin:0 0 0 auto;}
	.quick_menu li a span{font-size:16px;}
	.quick_menu li a:hover{color:#fff;background-color:#fbbf00;}
	/* .quick_menu li.on > a{background-color:#fbbf00;width:auto;padding-left:15px;}
	.quick_menu li.on > a > span{width:auto;overflow:visible;transform:translateX(0);transition:all 0.5s;} */
	.quick_menu .top_btn{width:40px;height:40px;border-radius:50%;cursor:pointer;color:#fff;margin:20px 0 0 auto;text-align:center;padding-top:16px;box-sizing:border-box;background:#288f7e url('../images/da_image/quick06.png') no-repeat;background-position:center 9px;}
	
	.quick_menu li.edu_quick a{background-image:url('../images/da_image/quick01.png');}
	.quick_menu li.hrd_quick a{background-image:url('../images/da_image/quick02.png');}
	.quick_menu li.job_quick a{background-image:url('../images/da_image/quick03.png');}
	.quick_menu li.notice_quick a{background-image:url('../images/da_image/quick04.png');}
	.quick_menu li.loca_quick a{background-image:url('../images/da_image/quick05.png');}

	.quick_menu li.edu_quick:hover a{background-image:url('../images/da_image/quick01_on.png');}
	.quick_menu li.hrd_quick:hover a{background-image:url('../images/da_image/quick02_on.png');}
	.quick_menu li.job_quick:hover a{background-image:url('../images/da_image/quick03_on.png');}
	.quick_menu li.notice_quick:hover a{background-image:url('../images/da_image/quick04_on.png');}
	.quick_menu li.loca_quick:hover a{background-image:url('../images/da_image/quick05_on.png');}

	.quick_menu.stop{position:absolute;bottom:10px;}
/*───────────────────────────────────────────────────────────

	INDEX | index.html

───────────────────────────────────────────────────────────*/
	/*** 메인 공통 ***/
		.container {width: 1200px; margin: 0 auto;}
		.main_tit {position: relative; font-size: 36px; color: #333; font-weight: 500; text-align: center;}
		.slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 51px; font-size: 0;}
		.slick-prev {left: -62px; background: url("../images/da_image/icon_arrow_prev.png") no-repeat center; background-size: 100%;}
		.slick-next {right: -62px; background: url("../images/da_image/icon_arrow_next.png") no-repeat center; background-size: 100%;}
	/*** 메인 비주얼 ***/
		.main_visual {position:relative;width:100%;height:510px;margin:0 auto;overflow:hidden;z-index:1; transition: all 0.6s;}
		.main_visual .slick-slide {position:relative; width: 100%; height: 510px; overflow:hidden;}
		.main_visual .slick-slide .thumb {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover;background-position:center;}
		.main_visual .slick-slide a {position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%;}
		.main_visual .slick-slide .txt_box {position: absolute; left: 0; top: 50%; width: 100%; text-align: center;}
		.main_visual .slick-slide .txt_box p {font-size: 24px; color: #fff; transform:translateY(100px); opacity:0;}
		.main_visual .slick-slide .txt_box h3 {margin-top: 4px; font-size: 60px; color: #fff; font-weight: bold; transform:translateY(100px); opacity:0;}
		.main_visual .slick-slide.slick-active .txt_box p {animation: txtAni 1s forwards; animation-delay: 0.5s;}
		.main_visual .slick-slide.slick-active .txt_box h3 {animation: txtAni 1s forwards; animation-delay: 1s;}

		.main_visual:before,
		.main_visual:after {content:'';width:0;height:100%;background:#fff;position:absolute;top:0;z-index:4;transition:width 1.2s ease;}
		.main_visual:before {left:0;}
		.main_visual:after {right:0;}
		.main_visual.move:before,
		.main_visual.move:after {width:40px;}
	

		.main_visual .visual_control {position:absolute; left: 50%;bottom:50px;transform: translateX(-50%); width: 270px; text-align:left;z-index:15;}
		.main_visual .slider-progress-wrap {width:200px;height:2px;z-index:1;transition:all 6s;padding:0;font-size:0;text-align:left;vertical-align:middle;display:inline-block;box-sizing:border-box;position:relative;}
		.main_visual .slider-progress-wrap .slider-progress {width:100%;background:rgba(245, 245, 245, 0.4);display: inline-block;vertical-align:middle;box-sizing:border-box;text-align:left;}
		.main_visual .slider-progress-wrap .slider-progress .progress {height:2px;background: #fcbf00;width: 0;}
		.main_visual .slider-progress-wrap .slider-progress .progress.active {width:100%;}

		.main_visual .slick-arrow {width:15px;height:15px;position:relative;top:0;transform:translateY(0);z-index:6;font-size:0;display:inline-block;vertical-align:middle;margin:0;padding:0;border:0;outline:0;font-size:0;}
		.main_visual .slick-prev {margin-left: 6px;left:0;background:none;}
		.main_visual .slick-next{right:0;background:none;}
		.main_visual .slick-arrow:before {width:8px;height:8px;border-width:1px 1px 0 0;left:50%;top:50%;position:absolute;border-style:solid;box-sizing:border-box;border-color:#fff;display:inline-block;content:"";}
		.main_visual .slick-prev:before {transform:translate(-25%, -50%) rotate(-135deg);}
		.main_visual .slick-next:before {transform:translate(-50%, -50%) rotate(45deg);}

		.main_visual .slide_btn {width:15px;height:15px;background-size:auto 10px !important;font-size:0;outline:0;border:0;margin:0;padding:0;display:inline-block;vertical-align:middle;background-repeat:no-repeat !important;background-position:50% 50% !important;position:relative;z-index:6;}
		.main_visual .slide_btn.btn_pause {background-image:url("../images/da_image/icon_slide_pause.png");}
		.main_visual .slide_btn.btn_play {background-image:url("../images/da_image/icon_slide_play.png");}

		@keyframes txtAni {
			0% {
				transform:translateY(100px);
				opacity:0;
			}
			100% {
				transform:translateY(0);
				opacity:1;
			}
		}

		.main_visual .slick-dots {position:absolute; bottom:35px; left:50%; transform: translateX(-50%); width: 1200px; transition: width 0.3s;}
		.main_visual .slick-dots li {position:relative; display:inline-block; /* width: 200px; */ width:262px; vertical-align:top; cursor:pointer; transition: width 0.3s;}
		.main_visual .slick-dots li + li {margin-left: 50px;}
		.main_visual .slick-dots li:before{display:inline-block; padding-top: 18px; font-size:14px; color:#fff; font-weight: 500;}
		/* .main_visual .slick-dots li:nth-child(1):before{content:"영상콘텐츠제작자";} */
		/* .main_visual .slick-dots li:nth-child(1):before{content:"경력이음프로그램-내일배움카드";}
		.main_visual .slick-dots li:nth-child(2):before{content:"근사한한끼";}
		.main_visual .slick-dots li:nth-child(3):before{content:"달콤한디저트";}
		.main_visual .slick-dots li:nth-child(4):before{content:"이미지메이킹";} */

		.main_visual .slick-dots .tab {position:absolute; left: 0; top: 0; width:100%; height:2px; background: rgba(245,245,245,0.4); outline:none;}
		.main_visual .slick-dots .slick-active .s-line-fill {position: absolute; top:0; left:0; display: inline-block; width: 100%; height: 2px; background: #fcbf00; animation:slick-progressbar 8s 1; animation-fill-mode: backwards;}
		/* .main_visual:hover .slick-dots .slick-active .s-line-fill {animation-play-state: paused;} */
		 
		@keyframes slick-progressbar {
			0% {
				width:0%;
			}
			100% {
				width:100%;
			}
		}

		@media screen and (max-width:1400px) {
			.main_visual .slick-dots {width: 1000px;}
			.main_visual .slick-dots li {width: 160px;}
		}
		@media screen and (max-width:1280px) {
			.main_visual.move:before, .main_visual.move:after{width:20px;}
		}


	/*** 메인 메뉴 ***/
		.main_menu {width: 100%; padding: 0 0 0;}
		.main_menu ul {width: 1200px; margin: 0 auto;}
		.main_menu ul li {float: left; width: 16.66%;  box-sizing: border-box; text-align: center;}
		.main_menu ul li a {position: relative; display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 40px 0;}
		.main_menu ul li a .icon {width: 130px; height: 130px; margin: 0 auto; margin-bottom: 20px;position:relative;}
		.main_menu ul li a .icon::before{z-index:-1;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); transition:all 0.5s;width:0;height:0;background:#f5f5f5;border-radius:50%;}
		.main_menu ul li:nth-child(1) a .icon {background:url("../images/da_image/main_menu01.png") no-repeat center; background-size: auto;}
		.main_menu ul li:nth-child(2) a .icon {background: url("../images/da_image/main_menu02.png") no-repeat center; background-size: auto;}
		.main_menu ul li:nth-child(3) a .icon {background: url("../images/da_image/main_menu05.png") no-repeat center; background-size: auto;}
		.main_menu ul li:nth-child(4) a .icon {background: url("../images/da_image/main_menu06.png") no-repeat center; background-size: auto;}
		.main_menu ul li:nth-child(5) a .icon {background: url("../images/da_image/main_menu03.png") no-repeat center; background-size: auto;}
		.main_menu ul li:nth-child(6) a .icon {background: url("../images/da_image/main_menu04.png") no-repeat center; background-size: auto;}
		.main_menu ul li a strong {display: inline-block; margin-bottom: 6px; font-size: 20px; color: #333; font-weight: 500;}
		.main_menu ul li a p {font-size: 14px; color: #666; line-height: 1.42;}



		.main_menu ul li a .icon:hover::before{width:100%;height:100%;}
		.main_menu ul li a .icon:hover{animation: iconAni 0.7s forwards;}
		/* .main_menu ul li:before, .main_menu ul li:after {position: absolute; content: ""; right: 0; top: 0; background: #fcbf00; transition: all 0.3s ease;}
		.main_menu ul li:before {height: 0%; width: 1px;}
		.main_menu ul li:after {width: 0%; height: 1px;}
		.main_menu ul li:hover:before {height: 100%; animation: borderAni1 0.3s forwards; animation-delay: 0.3s;}
		.main_menu ul li:hover:after {width: 100%; animation: borderAni2 0.3s forwards; animation-delay: 0.3s;} */

		/* .main_menu ul li a:before, .main_menu ul li a:after {position: absolute; content: ""; left: 0; bottom: 0; background: #fcbf00; transition: all 0.3s ease;}
		.main_menu ul li a:before {width: 1px; height: 0%;}
		.main_menu ul li a:after {width: 0%; height: 1px;}
		.main_menu ul li a:hover:before {height: 100%; animation: borderAni1 0.3s forwards; animation-delay: 0.3s;}
		.main_menu ul li a:hover:after {width: 100%; animation: borderAni2 0.3s forwards; animation-delay: 0.3s;} */

		@keyframes iconAni {
			0% {
				background-position:center center;
			}
			25% {
				background-position:center 20px;
			}
			50% {
				background-position:center center;
			}
			75% {
				background-position:center 20px;
			}
			100% {
				background-position:center center;
			}
		}
		

	/*** 메인 프로그램 ***/
		.main_program {width: 100%; height: 602px; background: #f5f5f5; box-sizing: border-box; padding: 62px 0 80px; overflow: hidden;}
		.main_program .container {width: calc(1200px + 26px);}
		.main_program .main_tit {margin-bottom: 40px;}
		.main_program .program_slide li {box-sizing: border-box; padding: 0 13px;}
		.main_program .program_slide li a .program_img {width: 280px; height: 260px; margin-bottom: 24px; overflow: hidden;position:relative;background:#fff;}
		.main_program .program_slide li a .program_img img {transition: all 0.4s;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);width:auto;max-width:inherit;}
		.main_program .program_slide li:hover a .program_img img {transform:translateX(-50%) scale(1.1);}
		.main_program .program_slide li a .program_tit {margin-bottom: 14px; font-size: 16px; color: #333;}
		.main_program .program_slide li a .program_tit span {font-size: inherit; color: inherit;}
		.main_program .program_slide li a dd {font-size: 14px; color: #666;}
		.main_program .program_slide li a dd + dd {margin-top: 4px;}
		.main_program .program_slide li a dd span {font-size: inherit; color: inherit;}
		.main_program .program_slide .slick-arrow {top: 40%;}
		.main_program .program_slide .slick-prev {left: -72px;}
		.main_program .program_slide .slick-next {right: -72px;}
	/*** 메인 게시판 ***/
		.main_board {width: 100%; padding: 10px 0 100px;}
		.main_board .board {width: 580px; height: 310px; box-sizing: border-box; border: 1px solid #ddd; padding: 26px 40px;position:relative;}
		.main_board .board:before{opacity:0;content:'';position:absolute;top:0;left:0;width:0;height:0;background: rgb(251,191,0);background: linear-gradient(330deg, rgba(251,191,0,1) 0%, rgba(109,159,85,1) 56%, rgba(40,143,126,1) 100%);z-index:-1;transition:all 0.5s;}
		.main_board .board.board02:before{background: rgb(251,191,0);background: linear-gradient(122deg, rgba(251,191,0,1) 0%, rgba(109,159,85,1) 77%, rgba(40,143,126,1) 100%);}
		.main_board .board.board01 {float: left; }
		.main_board .board.board01:after{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:#288f7e;transition:all 0.5s;}
		.main_board .board.board02 {float: right; }
		.main_board .board.board02:after {content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:#fbbf00;}
		.main_board .board .main_tit {font-size: 26px; text-align: left;}
		.main_board .board .main_tit .board_more {position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 20px; height: 20px; font-size: 0; transition: all 0.3s;}
		.main_board .board .main_tit .board_more::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 2px; background: #000;}
		.main_board .board .main_tit .board_more::after {content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 2px; height: 20px; background: #000;}
		.main_board .board .main_tit .board_more:hover {transform: translateY(-50%) rotate(90deg);}
		.main_board .board .main_board_wrap {margin-top: 20px; padding-top: 12px; border-top: 1px solid #ddd;}
		.main_board .board ul li {width: 100%;}
		.main_board .board ul li a .subject {display: inline-block; width: calc(100% - 70px); font-size: 16px; color: #333; line-height: 35px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle;}
		.main_board .board ul li a:hover .subject {text-decoration: underline;}
		.main_board .board ul li a .date {display: inline-block; line-height: 35px; font-size: 14px; color: #666; vertical-align: middle;width:63px;text-align:right;}

		/*hover*/
		.main_board .board:hover:before{width:100%;height:100%;opacity:1;}
		.main_board .board:hover:after{opacity:0;}
		
		.main_board .board:hover .main_tit{color:#fff;}
		.main_board .board:hover .board_more::before{background:#fff;}
		.main_board .board:hover .board_more::after{background:#fff;}
		.main_board .board:hover ul li a .subject{color:#fff;}
		.main_board .board:hover ul li a .date{color:#fff;}

	/*** 메인 배너 ***/
		.main_banner {width: 100%; height: 300px; background: url("../images/da_image/main_banner.jpg") no-repeat center; background-size: cover;position:relative;}
		.main_banner .main_banner_txt {position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align: center;}
		.main_banner .main_banner_txt .main_tit {margin-bottom: 10px; color: #fff;}
		.main_banner .main_banner_txt p {font-size: 18px; color: #fff; line-height: 1.66;}
		.main_banner .main_banner_txt a {display: block; width: 160px; height: 52px; margin: 0 auto; margin-top: 30px; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.6); font-size: 14px; color: #fff; text-align: center; line-height: 50px;}
		.main_banner .main_banner_txt a::before {content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: rgba(245,245,245,0.3); transition: all 0.3s; z-index: -1;}
		.main_banner .main_banner_txt a:hover::before {width: 100%;}
	/*** 메인 파트너스 ***/
		.main_partners {width: 100%; padding: 55px 0;}
		.main_partners .partners_slide li {height: 100px; text-align: center; line-height: 100px;padding:0 10px;box-sizing:border-box;}
		.main_partners .partners_slide li img {display: inline-block; vertical-align: middle;width:100%;}



/*───────────────────────────────────────────────────────────

	ETC

───────────────────────────────────────────────────────────*/
	/*** 에러페이지 | errors/index.html ***/
		.error_cont {position:relative;min-height:900px;background:url("../images/sub/error_bg.gif") repeat-x left top;}
		.error_cont .error_form {position:absolute;left:50%;top:123px;margin-left:-450px;width:910px;height:610px;background:url("../images/sub/error_form_bg.png") no-repeat left top;text-align:center;}
		.error_cont .error_form h2 {color:#333;font-size:20px;font-weight:500;font-family:"Noto Sans KR", 'Nanum Gothic', sans-serif !important;padding:296px 0 10px;}
		.error_cont .error_form p {color:#777;font-size:14px;font-weight:400;line-height:22px;font-family:"Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
		.error_cont .error_form h5 {width:156px;height:44px;border:2px solid #333;background:url("../images/sub/error_icon_arrow.png") no-repeat 118px center;margin:38px auto 0;}
		.error_cont .error_form h5 a {display:block;width:100%;height:44px;line-height:44px;color:#333;font-size:17px;font-weight:500;font-family:"Noto Sans KR", 'Nanum Gothic', sans-serif !important;text-align:left;text-indent:38px;}
	/* 정확한 용도파악 불가 */
		/**********팝업***********/
		.password_popup {text-align:center;}
		.password_popup p {color:#888;padding:40px 0 10px 0;}
		.password_popup h2 {}
		.password_popup h2 input {border:1px solid #d3d3d3;padding:3px 5px;width:150px;}
		.password_popup h3 {padding-top:15px;}
		/* layer-popup */
			.layer-popup {font-size:12px;background:#fff;border:1px #000 solid;position:absolute;transform:none;}
			.layer-popup.layer_pc {}
			.layer-popup.layer_t {}
			.layer-popup.layer_m {left:50%;min-height:auto;transform:translate(-50%, 0)}
			.layer-popup h4 {font-size:12px;font-weight:700 !important;line-height:18px;padding:3px 12px;box-sizing:border-box;text-align:left;}
			.pop_content {margin:0;padding:0;}
			.pop_content img, .pop_content table, .pop_content div {max-width:100%;max-height:100%;}
			.layer-popup .pop_closed {text-align:right;padding:4px 12px;box-sizing:border-box;line-height:20px;font-size:12px;vertical-align:middle;}
			.layer-popup .pop_closed input[type="checkbox"] {}
			.layer-popup .pop_closed input[type="checkbox"] + label {font-size:12px;}
			.layer-popup .pop_closed a {vertical-align:top;display:inline-block;line-height:20px;margin-left:12px;position:relative;z-index:1;width:20px;height:20px;font-size:0;}
			.layer-popup .pop_closed a:before, .layer-popup .pop_closed a:after {display:inline-block;content:"";width:24px;height:1px;background:#000;position:absolute;left:0;top:50%;}
			.layer-popup .pop_closed a:before {transform:rotate(45deg);}
			.layer-popup .pop_closed a:after {transform:rotate(-45deg);}