@charset "utf-8";
/****************************************/
/* Name: i-URP 동명대학교 대학혁신연구단지조성 사업단
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2021-10-01
/* Author:  
/****************************************/

/*
=========================================================================
메인 콘텐츠 css
=========================================================================
*/

/* 퀵메뉴 */
.quickMenu{z-index:888;position:fixed;width:100px;right:10px;top:180px;overflow:hidden;border-radius:5px;box-shadow:0px 0px 20px 2px rgba(0,0,0,0.2);}
.quickMenu .tit_q{width:100%;display:block;padding:5px;background:#134e53;color:#fff;font-size:0.9rem;text-align:center}
.quickMenu .li_quick li{width:100%;background:#fff;transition:all 0.2s;border-bottom:1px solid #ddd;box-sizing:border-box}
.quickMenu .li_quick li:last-child{border-bottom:0}
.quickMenu .li_quick li a{padding:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;min-height:95px}
.quickMenu .li_quick li:hover{background:#34bb6a;}
.li_quick li a span{width:100%;text-align:center}
.li_quick li a .ic_q{margin-bottom:5px; width:35px;height:35px;transition:all 0.2s}
.li_quick li a .ic_q01{background:url('/resources/img/ic_q01.png') left top/cover no-repeat;}
.li_quick li:hover .ic_q01{background:url('/resources/img/ic_q01_on.png') left top/cover no-repeat;}
.li_quick li a .ic_q02{background:url('/resources/img/ic_q02.png') left top/cover no-repeat;}
.li_quick li:hover .ic_q02{background:url('/resources/img/ic_q02_on.png') left top/cover no-repeat;}
.li_quick li a .ic_q03{background:url('/resources/img/ic_q03.png') left top/cover no-repeat;}
.li_quick li:hover .ic_q03{background:url('/resources/img/ic_q03_on.png') left top/cover no-repeat;}
.li_quick li a .ic_q04{background:url('/resources/img/ic_q04.png') left top/cover no-repeat;}
.li_quick li:hover .ic_q04{background:url('/resources/img/ic_q04_on.png') left top/cover no-repeat;}
.li_quick li a .ic_q05{background:url('/resources/img/ic_q05.png') left top/cover no-repeat;}
.li_quick li:hover .ic_q05{background:url('/resources/img/ic_q05_on.png') left top/cover no-repeat;}
.li_quick li a .ic_q06{background:url('/resources/img/ic_q06.png') left top/cover no-repeat;}
.li_quick li:hover .ic_q06{background:url('/resources/img/ic_q06_on.png') left top/cover no-repeat;}
.li_quick li a .txt_q{font-size:0.9rem;line-height:1.15;color:#444;word-break:keep-all}
.li_quick li:hover a .txt_q{color:#fff;transition:all 0.2s}
.li_quick li:hover a{text-decoration:none;}

/* 슬라이드 기본설정 */
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
	flex-direction: column;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
	flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
	flex-wrap: wrap;
	
}
.swiper-container-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-container-pointer-events {
	touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
	touch-action: pan-x;
}
.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}
.swiper-slide-invisible-blank {
	visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}



.mTopCon{position:relative;display:flex;margin-bottom:75px;overflow:hidden}
.visualSlide{position:relative;width: 65%;}
.visualSlide ul li{height:848px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.visualSlide ul li.bg1{background-image:url('/resources/img/m_visual01.png');}
.visualSlide ul li.bg2{background-image:url('/resources/img/m_visual02.png');}
.visualSlide ul li.bg3{background-image:url('/resources/img/m_visual01.jpg');}
.visualSlide ul li .txt{position:relative;float:right;padding:165px 80px 0;width:100%;max-width:1165px;}
.visualSlide ul li .txt p{margin-bottom:120px;font-family: 'NEXONFootballGothicBA1';font-size:60px;color:#fff;line-height:1.3;text-align: left;}
.visualSlide ul li .txt p span{display:block;color:#98f370}
.visualSlide ul li .txt p span i{font-size:20px;font-style: normal;vertical-align: top;}
.visualSlide ul li .txt .img_mb{display: none}
.visualSlide .control{position:absolute;right:0;bottom:65px;padding:0 80px;width:100%;max-width:1165px;text-align:center;z-index:30}
.visualSlide .control .mPage1 button{margin:0 10px;width: 50px;height:3px;text-indent: -999px;overflow:hidden;background:rgba(255,255,255,0.5)}
.visualSlide .control .mPage1 .swiper-pagination-bullet-active{height:5px;background:rgba(255,255,255,1)}
.visualSlide .control > button{margin:0 7px;width:25px;height:16px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.visualSlide .control .prevSlide1{background-image:url('/resources/img/ic_v_prev.png')}
.visualSlide .control .nextSlide1{background-image:url('/resources/img/ic_v_next.png')}

/*TAB메뉴*/
.mTopNotice ul.tabMenu02{width:100%; display:flex; justify-content:left; align-items:center; flex-wrap:wrap;}
.mTopNotice ul.tabMenu02 li{cursor:pointer; margin-right:30px;}
.mTopNotice ul.tabMenu02 li.on h2{color:#98f370;}

.mTopNotice{position:relative;padding:75px 0 40px;width:35%;background:#0c685e;z-index:20}
.mTopNotice .box{position:relative;padding:0 40px 0 50px;width:100%;max-width:570px;}
.mTopNotice h2{margin-bottom:25px;/*font-size:30px;*/font-size:26px;color:#fff;line-height:1}
.mTopNotice .btnMore{position:absolute;top: 0;right: 40px;}
.mTopNotice .btnMore a{display: block;color:#fff;}
.mTopNotice ul.tab-content{display:none; position:relative;}
.mTopNotice ul.tab-content.on{display:inherit;}
.mTopNotice ul.tab-content li{position:relative;border-top:1px solid rgba(255,255,255,0.3)}
.mTopNotice ul.tab-content li::before{position:absolute;top:-1px;right:-220%;width:0;height:calc(100% + 2px);content:'';background: #34bb6a;z-index:1;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;box-shadow:10px 20px 30px rgba(0,0,0,0.1)}
.mTopNotice ul.tab-content li a{position:relative;display: block;padding:35px 20px 35px 115px;text-decoration: none;z-index:2;}
.mTopNotice ul.tab-content li .state{position:absolute;top:40px;left:20px;width:60px;font-size:18px;color:#0c685e;line-height:30px;text-align:center;background:#298278;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.mTopNotice ul.tab-content li .state.ing{background:#34bb6a}
.mTopNotice ul.tab-content li .tit{display: block;margin-bottom:10px;max-height:60px;font-size: 20px;color: #fff;line-height:1.4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.mTopNotice ul.tab-content li .date_view{display: block;/*padding-left:25px;*/color:#fff;opacity:0.3;font-weight:300;letter-spacing: 0;background: url('/resources/img/ic_date.png') no-repeat left center;}
.mTopNotice ul.tab-content li a:hover .state{color:#fff;background:#134e53}
.mTopNotice ul.tab-content li a:hover .date_view{opacity:1}
.mTopNotice ul.tab-content li:hover::before{width:340%}
.mTopNotice ul.tab-content li.li-more{border-top:none; position:absolute; top:-50px; right:-35px;}
.mTopNotice ul.tab-content li.li-more .btnMore{width:60px;}
.mTopNotice ul.tab-content li.li-more a{padding:0;}
.mTopNotice ul.tab-content li.li-more::before{display:none;}

.mCon1{position:relative;padding:0 20px 70px;overflow:hidden;background:#fff url('/resources/img/sub/m_con1_bg.png') no-repeat;}
.mCon1::before{position:absolute;left:0;top:140px;width: 100%;height: 100%;content:'';background:#daefe7;}
.mCon1 .mConBox{margin:0 auto;padding-top:30px;max-width: 1680px;}
.mCon1 .mConBox .lt{position:relative;padding-top:170px;width: 28%;z-index:2}
.mCon1 .mConBox .lt p{margin-bottom:70px;font-size: 23px;line-height: 1.4;}
.mtit{margin-bottom:36px;font-size:45px;line-height: 1;}
.mtit span{position:relative;display: inline-block;padding:5px 30px 0 0}
.mtit span::after{position:absolute;top:0;right:0;width:12px;height: 12px;content: '';background: #34bb6a;}

.mBtnGo{display: inline-block;margin-right:50px}
.mBtnGo a{display: block;padding-right:50px;font-size: 23px;line-height: 46px;text-decoration:none;background:url('/resources/images/home/ic-arrow.png') no-repeat right center;border-bottom:1px solid #333}
.mBtnGo a:hover{color:#34bb6a;font-weight:500;border-color: #34bb6a;background:url('/resources/images/home/ic-arrow-over.png') no-repeat right center;}

.mCon1 .mConBox .rt{position:absolute;top:30px;left:50%;width: calc(50% + 300px);overflow:hidden;transform: translateX(-300px);-wekbit-transform: translateX(-300px);}
.mConSlide1{overflow:initial;}
.mConSlide1 ul li{position:relative;padding:0 5px 15px 0;width: 410px;}
.mConSlide1 ul li::after{position:absolute;top:0;left:0;width: 98%;height: 96%;content: '';border:2px solid #34bb6a;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.mConSlide1 ul li .con{position:relative;z-index:2}
.mConSlide1 ul li .con img{width: 100%; height: 470px;}
.mConSlide1 ul li .con dl{position:absolute;left: 0;bottom:0;display:flex;flex-wrap:wrap;padding:20px 40px;width: 100%;font-size:18px;background:#fff}
.mConSlide1 ul li .con dl dt{margin:3px 0;width:107px;color:#23bc60}
.mConSlide1 ul li .con dl dd{margin:3px 0;width: calc(100% - 110px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mConSlide1 ul li .con .over{opacity:0;position:absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.7);z-index:5;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.mConSlide1 ul li .con .over .btn{position: absolute;top:50%;left:0;width:100%;text-align: center;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.mConSlide1 ul li .con .over .btn a{display: inline-block;margin:0 5px;width: 130px;height: 130px;font-size:20px;color:#34bb6a;line-height:130px;background:#fff;border-radius: 50%;}
.mConSlide1 ul li .con .over .btn a.res{color:#fff;background:#34bb6a}
.mConSlide1 ul li:hover .con .over{opacity: 1;}
.mConSlide1 ul li:hover::after{top:10px;left:10px;width: 100%;height: calc(100% - 10px);}

.mCon1 .mPage2{margin-top:50px}
.mCon1 .mPage2 button{margin-right:12px;width:14px;height:14px;text-indent:-999px;overflow:hidden;background:#fff;border:1px solid #34bb6a;border-radius:50%}
.mCon1 .mPage2 .swiper-pagination-bullet-active{background:#34bb6a;}

.mCon2{padding:90px 20px;background:#eaf3ef}
.mCon2 .mConBox{position: relative;margin:0 auto;max-width: 1680px;overflow:hidden}
.mCon2 .mConBox ul{margin:0 -25px}
.mCon2 .mConBox ul::after{display: block;clear: both;content: '';}
.mCon2 .mConBox ul li{float: left;margin-bottom:40px;padding:0 25px;width: 33.33%;}
.mCon2 .mConBox ul li a{position:relative;display: block;padding:45px;text-decoration:none;background:#fff;border:1px solid #cdcdcd;transition: 0.2s ease}
.mCon2 .mConBox ul li a::after{position:absolute;top:0;left: 0;width:0;height: 100%;content:'';border:0 solid #34bb6a;transition: 0.3s ease;}
.mCon2 .mConBox ul li a::before{position:absolute;top:0;left: 0;width:100%;height: 0;content:'';border:0 solid #34bb6a;transition: 0.3s ease;}
.mCon2 .mConBox ul li a:hover{border-color:#34bb6a}
.mCon2 .mConBox ul li a:hover::after{width:100%;border-width:3px 0}
.mCon2 .mConBox ul li a:hover::before{height:100%;border-width:0 3px}
.mCon2 .mConBox ul li .org_num{display: inline-block;margin-bottom:25px;padding:0 23px;font-size:20px;line-height: 48px;background:#f0f0f0}
.mCon2 .mConBox ul li .tit{display: block;margin-bottom:20px;font-size:23px;line-height: 1;white-space: nowrap;	overflow: hidden;	text-overflow: ellipsis;}
.mCon2 .mConBox ul li .txt{display: block;font-size: 18px;}
.mCon2 .mConBox ul li .txt span{display: inline-block;margin-right:10px;color:#34bb6a}
.mCon2 .mConBox .btnMore{position:absolute;top:0;right:0}
.mCon2 .mConBox .btnMore a{display: block;padding:0 30px;font-size:20px;color:#fff;font-weight:500;line-height: 47px;background:#34bb6a;border-radius:24px}

.mCon3{position:relative;padding:0 20px;overflow:hidden;background:#0d5e68;}
.mCon3 .mConBox{margin:0 auto;max-width: 1680px;}
.mCon3 .mConBox .con1::after{position:absolute;bottom:0;left:-500%;width: 1000%;height: 0;content: '';border-bottom:1px solid #fff;opacity:0.3}
.mCon3 .mConBox .con1{position:relative;padding:30px 220px;}
.mCon3 .mConBox .con1 h2{position:absolute;top:30px;left:20px;padding-left:45px;font-size: 23px;color: #fff;background: url('/resources/img/sub/ic_calendar.png') no-repeat left center;}
.mCon3 .mConBox .con1 .btnMore{position:absolute;top: 30px;right: 30px;}
.mCon3 .mConBox .con1 .btnMore a{display: block;padding:0 20px;font-size:18px;color: #fff;line-height: 40px;border:1px solid #fff;border-radius:20px}
.mCon3 .mConBox .con1 ol{display: flex;flex-wrap: wrap;}
.mCon3 .mConBox .con1 ol li{width: 40px;text-align: center;}
.mCon3 .mConBox .con1 ol li a{display: block;width:40px;height:40px;font-family: 'Wemakeprice-Regular';font-size:18px;color:#fff;line-height:40px;border-radius: 50%;}
.mCon3 .mConBox .con1 ol li.today a{background:#86afb4}
.mCon3 .mConBox .con1 ol li.sun a{color:#ff6590}
.mCon3 .mConBox .con1 ol li.on a{color:#fff !important;background:#86afb4}

.mCon3 .mConBox .con2{position:relative;padding:50px 0 50px 230px; min-height:170px;}
.mCon3 .mConBox .con2 dt{position:absolute;top: 40px;left: 0;width: 230px;text-align: center;}
.mCon3 .mConBox .con2 dt .year{display: inline-block;padding:0 20px;font-size:18px;color:#fff;line-height:29px;font-weight:500;vertical-align: top;background:#34bb6a;border-radius: 15px;}
.mCon3 .mConBox .con2 dt .month{display: block;font-size: 55px;color: #fff;font-weight: 700;line-height: 1;}
.mCon3 .mConBox .con2 dd ol{display: flex;flex-wrap: wrap;}
.mCon3 .mConBox .con2 dd ol li{position:relative;margin-bottom:20px;padding:0 20px 25px 95px;flex: 1;font-size:18px;color:#fff;line-height:1;border-left:1px solid #c9c9c9}
.mCon3 .mConBox .con2 dd ol li .time{position:absolute;top:0;left:0;padding-left: 20px;font-family: 'Wemakeprice-Regular';}
.mCon3 .mConBox .con2 dd ol li .tit{display: block;margin-bottom:10px}
.mCon3 .mConBox .con2 dd ol li .date_view{display: block;font-size:16px;opacity:0.4;font-weight:300;letter-spacing: 0;}
.mCon3 .mConBox .con2 dd ol li:first-child:nth-last-child(5),
.mCon3 .mConBox .con2 dd ol li:first-child:nth-last-child(5) ~ li,
.mCon3 .mConBox .con2 dd ol li:first-child:nth-last-child(6),
.mCon3 .mConBox .con2 dd ol li:first-child:nth-last-child(6) ~ li,
.mCon3 .mConBox .con2 dd ol li:first-child:nth-last-child(7),
.mCon3 .mConBox .con2 dd ol li:first-child:nth-last-child(7) ~ li,
.mCon3 .mConBox .con2 dd ol li:first-child:nth-last-child(8),
.mCon3 .mConBox .con2 dd ol li:first-child:nth-last-child(8) ~ li,
.mCon3 .mConBox .con2 dd ol li:first-child:nth-last-child(9),
.mCon3 .mConBox .con2 dd ol li:first-child:nth-last-child(9) ~ li,
.mCon3 .mConBox .con2 dd ol li:first-child:nth-last-child(10),
.mCon3 .mConBox .con2 dd ol li:first-child:nth-last-child(10) ~ li {flex:none;width: 480px;}

.mCon4{position:relative;padding:60px 20px}
.mCon4 .mConBox{margin:0 auto;max-width: 1680px;}
.mCon4 .mConBox .lt{position:relative;width: 29%;z-index:2}
.mCon4 .mConBox .lt h2{margin-bottom:70px}
.mCon4 .mConBox .lt .control{display:inline-block}
.mCon4 .mConBox .lt .control button{position:relative;margin:0 5px;width:35px;height:35px;text-indent:-999px;overflow:hidden;background:#fff;border:1px solid #c2c2c2;border-radius:50%}
.mCon4 .mConBox .lt .control button::after{position:absolute;top:50%;left:50%;width:12px;height: 12px;content:'';border:1px solid #c2c2c2;border-width:2px 0 0 2px;transform:translate(-35%, -50%) rotate(-45deg) }
.mCon4 .mConBox .lt .control button:hover{border-color:#34bb6a}
.mCon4 .mConBox .lt .control button:hover::after{border-color:#34bb6a}
.mCon4 .mConBox .lt .control .nextSlide2::after{transform:translate(-65%, -50%) rotate(135deg) }
.mCon4 .mConBox .rt{position:absolute;top:60px;left:50%;width: calc(50% + 355px);overflow:hidden;transform: translateX(-355px);-webkit-transform: translateX(-355px);}
.mConSlide2{overflow:initial;}
.mConSlide2 ul li{position:relative;/*width: 390px;*/ width:355px; margin-top:0 !important;}
.mConSlide2 ul li a{position:relative;display:block;/*padding:60px 60px 60px 120px;*/padding:50px 50px 50px 120px; text-decoration: none;border:1px solid #cdcdcd;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;}
.mConSlide2 ul li a::before{position:absolute;top:50%;left:40px;width: 60px;height: 60px;content: '';background: #34bb6a url('/resources/img/sub/ic_faci.png') no-repeat center top / 100%;border-radius: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;}
.mConSlide2 ul li .tit{display: block;font-size:21px;color:#444}
.mConSlide2 ul li .txt{display: block;color:#34bb6a}
.mConSlide2 ul li a:hover{background:#daefe7;border-color:#daefe7}
.mConSlide2 ul li a:hover::before{background-color:#fff;background-position: center bottom;}


.mCon5{position:relative;padding:95px 20px;background:#146b49 url('/resources/img/m_bot_bg.jpg') no-repeat right top}
.mCon5 .mConBox{display:flex;justify-content: space-between;margin:0 auto;max-width: 1680px;}
.mCon5 .mConBox .con1{position:relative;width: calc(50% - 30px);}
.mCon5 .mConBox .con1 h2{color:#fff}
.mCon5 .mConBox .con1 .btnMore{position:absolute;top:20px;right:0}
.mCon5 .mConBox .con1 .btnMore a{display: block;padding:0 20px;font-size:18px;color:#fff;font-weight:500;line-height: 37px;background:#1d885e;border-radius:19px}
.mCon5 .mConBox .con1 ul{padding:25px 45px;background:#0f5d3e}
.mCon5 .mConBox .con1 ul li{position:relative;font-size:18px}
.mCon5 .mConBox .con1 ul li a{display: block;padding:17px 180px 17px 120px;color:#fff}
.mCon5 .mConBox .con1 ul li:first-child ~ li{border-top:1px solid #fff}
/*.mCon5 .mConBox .con1 ul li .num{position:absolute;top:20px;left:20px;}*/
.mCon5 .mConBox .con1 ul li .ho{position:absolute;top:20px;left:20px;}
.mCon5 .mConBox .con1 ul li .tit{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mCon5 .mConBox .con1 ul li .date_view{position:absolute;top:20px;right:20px;}

.mCon5 .mConBox .con2{padding-top:90px;width: calc(50% - 30px);}
.mCon5 .mConBox .con2 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.mCon5 .mConBox .con2 ul li{width: calc(33.33% - 15px);}
.mCon5 .mConBox .con2 ul li a{display: block;text-decoration: none;}
.mCon5 .mConBox .con2 ul li dl{position:relative;padding:210px 10px 45px;color:#fff;text-align:center;background-repeat:no-repeat;background-position: center 35px;border:1px solid #fff}
.mCon5 .mConBox .con2 ul li dl::before{position:absolute;top:0;left:0;width: 0;height: 100%;content: '';border:1px solid #fff;border-width:3px 0;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.mCon5 .mConBox .con2 ul li dl::after{position:absolute;top:0;left:0;width: 100%;height: 0;content: '';border:1px solid #fff;border-width:0 3px ;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.mCon5 .mConBox .con2 ul li dl dt{margin-bottom:20px;font-size: 25px;line-height: 1;}
.mCon5 .mConBox .con2 ul li dl dd{font-size:18px}
.mCon5 .mConBox .con2 ul li.ic1 dl{background-image: url('/resources/img/sub/m_ic_link1.png');}
.mCon5 .mConBox .con2 ul li.ic2 dl{background-image: url('/resources/img/sub/m_ic_link2.png');}
.mCon5 .mConBox .con2 ul li.ic3 dl{background-image: url('/resources/img/sub/m_ic_link3.png');}
.mCon5 .mConBox .con2 ul li a:hover dl::before{width: 100%;}
.mCon5 .mConBox .con2 ul li a:hover dl::after{height: 100%;}

.mCon6{position:relative;padding:95px 20px;background:linear-gradient(to right, #ecf3f8, #ecf8ef);}
.mCon6 .mConBox{position: relative;margin:0 auto;max-width: 1680px; min-height:420px;}
.mCon6 .mConBox .lt{position:relative; width:29%;}
.mCon6 .mConBox .lt > p{margin-bottom:50px;font-size: 23px;line-height: 1.4;}
.mCon6 .mConBox .rt{position:absolute;top:0;left:29%;width:71%; overflow:hidden;}
.mCon6 .snsList ul{width:100%; height:471px; display:flex; flex-wrap: wrap; flex-flow:row; justify-content:space-between; align-items:start;}
.mCon6 .snsList ul li{width: 30%; background:#fff;}
.mCon6 .snsList ul li a{position: relative;display:block;padding:35px 25px; border-radius:5px; text-decoration: none;border:1px solid #cdcdcd;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;}
.mCon6 .snsList ul li .tit{display: block;font-size:21px;color:#444}
.mCon6 .snsList ul li .txt{display: block;color:#34bb6a}
.mCon6 .snsList ul li .box{border-radius: 5px;}
.mCon6 .snsList ul li .box span{display:block;}
.mCon6 .snsList ul li .box .sns{margin-bottom: 10px;}
.mCon6 .snsList ul li .box .tit{width:90%; display: block; margin-bottom: 5px; font-size: 18px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mCon6 .snsList ul li .box .txt{margin-bottom: 20px;height: 41px; font-size: 14px; color: #434343;  opacity: 0.7; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mCon6 .snsList ul li .box .photo02{position: relative; display: block; padding-top: 63%; overflow: hidden;}
.mCon6 .snsList ul li .box .photo02 img{position: absolute; top: 0; left: 0; width: 100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.mCon6 .mBtnGo{display:inline-block; margin-right:0;}
.mCon6 .sns01 a{margin-right:20px; border-bottom:0; width:50px; height:50px;  display: block;background:url('/resources/images/home/m_sns01.png') no-repeat right center;}
.mCon6 .sns02 a{border-bottom:0; width:50px; height:50px; display: block;background:url('/resources/images/home/m_sns02.png') no-repeat right center;}
.layPop .box .con .sns{width:80%; height:80%;}

/*
================================================================================
반응형 메인 콘텐츠
================================================================================
*/

 /* TABLET Device */
@media all and (max-width:1520px){

	.mVisual .mtopLink{left:auto;right:40px;margin-left:0}
	.mVisual .mtopLink_bg{left:auto;right:-230px;margin-left:0}
	.mCon2 .control .prevSlide3{left:-10px}
	.mCon2 .control .nextSlide3{right:-10px}
	
}

 /* TABLET Device */
@media all and (max-width:1200px){

	.mTopCon{display: block;}
	.visualSlide{width: 100%;}
	.mTopNotice{width: 100%;}
	.mTopNotice .box{max-width: none;}
	.visualSlide ul li .txt{float:none;padding: 165px 50px 0;}

	.mCon1 .mConBox .lt{margin-bottom:40px;width: 100%;}
	.mCon1 .mConBox .lt p br{display: none;}
	.mCon1 .mConBox .rt{position: relative;top: 0;left: 0;width: 100%;transform: translateX(0);-wekbit-transform: translateX(0);}
	.mConSlide1 ul li .con img{width: 100%;}
	.mConSlide1 ul li .con .over{opacity:1;display: none}
	.mConSlide1 ul li:hover .con .over,
	.mConSlide1 ul li:focus .con .over{display: block;}

	.mCon2 .mConBox ul li{width: 50%;}
	.mCon2 .mConBox ul li:nth-child(5),
	.mCon2 .mConBox ul li:nth-child(6){display: none;}

	.mCon3 .mConBox .con1{padding: 30px 170px;}
	.mCon3 .mConBox .con2{padding: 50px 0 50px 170px;}
	.mCon3 .mConBox .con2 dt{width: 120px;}
	.mCon3 .mConBox .con2 dd ol li{flex: none;width: 50% !important;max-width: none !important;}

	.mCon4 .mConBox .lt{margin-bottom:50px;width: 100%;}
	.mCon4 .mConBox .rt{position: relative;top: 0;left: 0;width: 100%;transform: translateX(0);-wekbit-transform: translateX(0);}

	.mCon5{background-position:right bottom;}
	.mCon5 .mConBox{display: block;}
	.mCon5 .mConBox .con1{width: 100%;}
	.mCon5 .mConBox .con2{width: 100%;}
	
	.mCon6{padding:60px 20px;}
	.mCon6 .mConBox .lt > p {margin-bottom:30px;}
	.mCon6 .mConBox .lt > p > br{display:none;}
	.mCon6 .mConBox .lt{width:100%;}
	.mCon6 .mConBox .rt{position:relative; width:100%; left:0; margin-top:30px;}

}



 /* TABLET Device */
@media all and (max-width:800px){
	
	.mCon6{background: linear-gradient(to bottom, #ecf3f8, #ecf8ef);}
	.mCon6 .mConBox .lt{margin-bottom:30px}
	.mCon6 .mConBox .lt p{margin-bottom: 20px;font-size: 15px;}
	.mCon6 .mBtnGo{width:50px;}
	.mCon6 .snsList ul{display:block; height:auto;}
	.mCon6 .snsList ul li{width:100%; margin-bottom:3%;}
	.mCon6 .snsList ul li:last-child{margin-bottom:0;}
	.mCon6 .snsList ul li .box .txt{margin-bottom:0; height:auto;}
	.mCon6 .snsList ul li .box .photo02{display:none;}
	.layPop .box .con .sns{height:50%;}
}

 /* Mobile Device */
@media all and (max-width:640px){
	
	/* 퀵메뉴 */
	.quickMenu{display:none}
	/*.quickMenu{top:auto;bottom:80px}*/
	/*.quickMenu .li_quick li a{padding:10px;min-height:auto}*/
	/*.li_quick li a .ic_q{width:30px;height:30px;margin-bottom:5px}*/

	.mTopCon{margin-bottom: 0;}
	

	.visualSlide ul li{height: 385px;}
	.visualSlide ul li.bg1{background-image:url('/resources/img/m_visual01_mb.png');}
	.visualSlide ul li.bg2{background-image:url('/resources/img/m_visual02_mb.png');}
	.visualSlide ul li .txt{padding: 65px 0 0;}
	.visualSlide ul li .txt p{margin-bottom: 40px;padding:0 20px;font-size: 22px;}
	.visualSlide ul li .txt .img_mb{display: block}
	.visualSlide ul li .txt .img_pc{display: none}
	.visualSlide .control{bottom:20px;padding:0}

	.visualSlide .control .mPage1 button{margin: 0 5px;width: 30px;}

	.mTopNotice ul.tabMenu02{padding-left:4%;}
	.mTopNotice ul.tab-content li.li-more{right:-15px;}

	.mTopNotice{padding: 45px 0 20px;}
	.mTopNotice .box{padding: 0 20px;}
	.mTopNotice h2{font-size: 25px;}
	.mTopNotice ul{margin:0 -20px}
	.mTopNotice ul li a{padding: 20px 20px 20px 85px;}
	.mTopNotice ul li .tit{max-height: 50px;font-size: 16px;}
	.mTopNotice ul li .state{top: 25px;left: 20px;width: 50px;font-size: 14px;line-height: 25px;}
	.mTopNotice .btnMore{top:10px;right:20px}

	.mCon1{padding:30px 20px;background: #daefe7;}
	.mCon1::before{display: none}
	.mCon1 .mConBox{padding: 0;}
	.mCon1 .mConBox .lt{padding-top:0}

	.mtit{margin-bottom: 20px;font-size: 25px;}
	.mtit span{padding: 5px 15px 0 0;}
	.mtit span::after{width: 8px;height: 8px;}
	.mCon1 .mConBox .lt{margin-bottom:30px}
	.mCon1 .mConBox .lt p{margin-bottom: 20px;font-size: 15px;}

	.mBtnGo{margin-right:0;width: 44%;}
	.mBtnGo a{font-size: 20px;}
	.mBtnGo:first-of-type{margin-right:6%;background-size: 20px;}

	.mCon1 .mPage2{margin-top: 30px;}
	.mCon1 .mPage2 button{margin-right: 8px;width: 10px;height: 10px;}

	.mConSlide1 ul li{padding:0;}
	.mConSlide1 ul li::after{display: none;}

	.mConSlide1 ul li .con dl{padding: 15px 20px;font-size: 14px;}
	.mConSlide1 ul li .con dl dt{width: 80px;}
	.mConSlide1 ul li .con dl dd{width: calc(100% - 80px);}

	.mCon2{padding: 50px 20px;}
	.mCon2 .mConBox ul{}
	.mCon2 .mConBox ul li{float:none;margin-bottom:10px;width: 100%;}
	.mCon2 .mConBox ul li a{padding:20px}
	.mCon2 .mConBox .btnMore{top:5px}
	.mCon2 .mConBox .btnMore a{padding: 0 15px;font-size: 14px;line-height: 30px;}
/*	.mCon2 .mConBox ul li .num{margin-bottom: 25px;padding: 0 15px;font-size: 16px;line-height: 35px;}*/
	.mCon2 .mConBox ul li .org_num{margin-bottom: 25px;padding: 0 15px;font-size: 16px;line-height: 35px;}
	.mCon2 .mConBox ul li .tit{margin-bottom: 15px;font-size: 19px;}
	.mCon2 .mConBox ul li .txt{font-size: 15px;}

	.mCon3{padding:40px 20px 20px}
	.mCon3 .mConBox .con1{margin-bottom:20px;padding:0 0 25px}
	.mCon3 .mConBox .con1 h2{position: relative;top: 0;left: 0;padding-left:33px;background-size: 22px;}
	.mCon3 .mConBox .con1 ol{display: none}
	.mCon3 .mConBox .con1 .btnMore{top: 5px;right:0;}
	.mCon3 .mConBox .con1 .btnMore a{padding: 0 15px;font-size: 14px;line-height: 30px;}

	.mCon3 .mConBox .con2{padding:0}
	.mCon3 .mConBox .con2 dt{position: relative;top: 0;margin-bottom:25px;width: auto;text-align: left;}
	.mCon3 .mConBox .con2 dt .year{padding:0;font-size: 45px;line-height: 1;background:none;}
	.mCon3 .mConBox .con2 dt .year::after{content:'. '}
	.mCon3 .mConBox .con2 dt .month{display: inline-block;font-size: 45px;font-weight: 500;}
	
	.mCon3 .mConBox .con2 dd ol li{padding: 0 20px 0 70px;width: 100% !important;font-size:15px}
	.mCon3 .mConBox .con2 dd ol li .time{top:3px;padding-left: 15px;}
	.mCon3 .mConBox .con2 dd ol li .tit{}
	.mCon3 .mConBox .con2 dd ol li .date{font-size: 13px;}

	.mCon4{padding: 40px 20px;}
	.mCon4 .mConBox .lt{margin-bottom: 20px;}
	.mCon4 .mConBox .lt h2{margin-bottom: 30px;}
	.mCon4 .mConBox .lt .control{margin-top: 20px;}
	.mCon4 .mConBox .lt .control button{margin:0 5px 0 0;width: 30px;height: 30px;}
	.mCon4 .mConBox .lt .control button::after{width: 8px;height: 8px;}

	.mConSlide2 ul li{margin-bottom:15px}
	.mConSlide2 ul li a{padding: 20px 20px 20px 75px;}
	.mConSlide2 ul li a::before{left: 20px;width: 40px;height: 40px;}
	.mConSlide2 ul li .tit{font-size: 18px;}
	
	.mCon5{padding: 40px 20px;}
	.mCon5 .mConBox .con1 .btnMore{top:5px}
	.mCon5 .mConBox .con1 .btnMore a{padding: 0 15px;font-size: 14px;line-height: 30px;}

	.mCon5 .mConBox .con1 ul{padding:10px 20px}
	.mCon5 .mConBox .con1 ul li{font-size:14px}
	.mCon5 .mConBox .con1 ul li .date{display: none;}
	.mCon5 .mConBox .con1 ul li a{padding: 10px 0 10px 60px;}
	/*.mCon5 .mConBox .con1 ul li .num{top: 10px;left: 5px;}*/
	.mCon5 .mConBox .con1 ul li .ho{top: 10px;left: 5px;}

	.mCon5 .mConBox .con2{padding-top: 40px;}
	.mCon5 .mConBox .con2 ul{display: block}
	.mCon5 .mConBox .con2 ul li{margin-bottom:10px;width: 100%;}
	.mCon5 .mConBox .con2 ul li dl{padding:15px 5px 15px 60px;text-align: left;background-size: 40px;background-position: 10px center;}
	.mCon5 .mConBox .con2 ul li dl dt{margin-bottom: 5px;font-size: 16px;}
	.mCon5 .mConBox .con2 ul li dl dd{font-size: 12px;}
	.mCon5 .mConBox .con2 ul li dl dd br{display: none}
	.layPop .box .con .sns{height:35%;}
	
}

/*
=========================================================================
서브 콘텐츠 css
=========================================================================
*/

/* 준비중 이미지 */
.subConBox .subComing{width:100%; margin:0 auto; text-align:center; padding:150px 0;}
.subConBox .subComing > span{display:block; margin-top:15px; font-size:24px; color:#888;}

h1.title{position:relative;margin-bottom:85px;font-size:40px;color:#444;line-height:1;font-weight:700;text-align:center;z-index:2}
h2.title{margin:55px 0 35px;padding-left:40px;font-size:35px;font-weight: 700;background: url('/resources/img/sub/h2_dot.png') no-repeat left 15px}

.select{width:200px; min-width:120px; margin:1px 0;color:#000;cursor:pointer;outline:none;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:#fff url('/resources/img/sub/ic_select_arrow.png') no-repeat right 10px center;border:0;border:1px solid #ddd}
.select::-ms-expand{display: none;}
input::-ms-clear{display:none}
input:-ms-input-placeholder {color: #bec0c7;}
input::-webkit-input-placeholder {color: #bec0c7;}
input::-moz-placeholder {color: #bec0c7;}
input::-moz-placeholder {color: #bec0c7;}
textarea:-ms-input-placeholder {color: #bec0c7;}
textarea::-webkit-input-placeholder {color: #bec0c7;}
textarea::-moz-placeholder {color: #bec0c7;}
textarea::-moz-placeholder {color: #bec0c7;}
textarea{padding:10px;width: 100%;background:#fff;border:1px solid #ddd}
.inpW{margin:1px 0;padding:0 10px;height:40px;background:#fff;border:1px solid #ddd}

select,input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{margin:1px 0;padding:5px 10px;height:48px;font-size:16px;background:#fff;border:1px solid #e1e1e1;border-radius:5px}
textarea{margin:1px 0;padding:5px 3px 4px 3px;width:100%;border:1px solid #cdcdcd;border-radius:0}
input[type="file"]{margin:1px 0;height:40px;font-size:14px;background:none;}
input[type="submit"]{cursor:pointer;}
input:disabled,
select:disabled{background-color:#f3f3f3}
input::placeholder, input[type="text"]::placeholder {color: red;font-family: 'Noto Sans KR', sans-serif;font-size: 15px;color: #b8b8b8;}

.txt_right{text-align:right;}

.tabMenu{margin-bottom:50px;overflow:hidden}
.tabMenu ul{display:flex;flex-wrap: wrap;}
.tabMenu ul li{width:100%;text-align:center;}
.tabMenu ul li:first-child:nth-last-child(1) {width: 100%;}
/* two items */
.tabMenu ul li:first-child:nth-last-child(2),
.tabMenu ul li:first-child:nth-last-child(2) ~ li {width: 50%;}
/* three items */
.tabMenu ul li:first-child:nth-last-child(3),
.tabMenu ul li:first-child:nth-last-child(3) ~ li {width: 33.3333%;}
/* four items */
.tabMenu ul li:first-child:nth-last-child(4),
.tabMenu ul li:first-child:nth-last-child(4) ~ li {width: 25%;}
/* five items */
.tabMenu ul li:first-child:nth-last-child(5),
.tabMenu ul li:first-child:nth-last-child(5) ~ li {width: 20%;}
.tabMenu ul li a{position:relative;display:block;padding:0 20px;font-size:20px;line-height: 80px;font-weight:700;background:#f5f5f5;border-right:1px solid #ddd}
.tabMenu ul li span{display: inline-block;padding-bottom:5px;line-height: 1.2;vertical-align: middle;}
.tabMenu ul li.on a{color:#fff;background:#34bb6a;border-right: 0; }
.tabMenu ul li ~ li.on a{border-right: 0;}
.tabMenu ul li:last-child a{border-right: 0;}

.tabMenu2{margin-bottom:50px;overflow:hidden}
.tabMenu2 ul{display:flex;flex-wrap: wrap;}
.tabMenu2 ul li{width:100%;text-align:center;}
.tabMenu2 ul li:first-child:nth-last-child(1) {width: 100%;}
/* two items */
.tabMenu2 ul li:first-child:nth-last-child(2),
.tabMenu2 ul li:first-child:nth-last-child(2) ~ li {width: 50%;}
/* three items */
.tabMenu2 ul li:first-child:nth-last-child(3),
.tabMenu2 ul li:first-child:nth-last-child(3) ~ li {width: 33.3333%;}
/* four items */
.tabMenu2 ul li:first-child:nth-last-child(4),
.tabMenu2 ul li:first-child:nth-last-child(4) ~ li {width: 25%;}
/* five items */
.tabMenu2 ul li:first-child:nth-last-child(5),
.tabMenu2 ul li:first-child:nth-last-child(5) ~ li {width: 20%;}
.tabMenu2 ul li a{position:relative;display:block;padding:0 20px;font-size:20px;color:#bbb;line-height: 60px;font-weight:700;border:1px solid #ddd;border-width: 0 2px 2px 2px;z-index:1}
.tabMenu2 ul li span{display: inline-block;padding-bottom:5px;line-height: 1.2;vertical-align: middle;}
.tabMenu2 ul li.on a{color:#2aba64;border-color:#2aba64;border-width: 2px 2px 0 2px;z-index:2}

.tabMenu3-wrap{margin-bottom:50px;overflow:hidden}
.tabMenu3-wrap ul{display:flex;flex-wrap: wrap;}
.tabMenu3-wrap ul li{cursor:pointer; width:100%;text-align:center; display:block;padding:0 20px;font-size:20px;line-height: 80px;font-weight:700;background:#f5f5f5;border-right:1px solid #ddd}
.tabMenu3-wrap ul li.on{border-right: 0;}
.tabMenu3-wrap ul li:last-child{border-right: 0;}
div.tab-cont{display:none; position:relative;}
div.tab-cont.on{display:inherit;}

.tabMenu3-wrap ul li:first-child:nth-last-child(1) {width: 100%;}
/* two items */
.tabMenu3-wrap ul li:first-child:nth-last-child(2),
.tabMenu3-wrap ul li:first-child:nth-last-child(2) ~ li {width: 50%;}
/* three items */
.tabMenu3-wrap ul li:first-child:nth-last-child(3),
.tabMenu3-wrap ul li:first-child:nth-last-child(3) ~ li {width: 33.3333%;}
/* four items */
.tabMenu3-wrap ul li:first-child:nth-last-child(4),
.tabMenu3-wrap ul li:first-child:nth-last-child(4) ~ li {width: 25%;}
/* five items */
.tabMenu3-wrap ul li:first-child:nth-last-child(5),
.tabMenu3-wrap ul li:first-child:nth-last-child(5) ~ li {width: 20%;}
.tabMenu3-wrap ul li.on{color:#fff;background:#34bb6a;border-right: 0; }




.radio_box{position:absolute;left:-999px;opacity:0}
.radio_box + label{position:relative;display:inline-block;margin-right:10px;padding-left:30px;line-height:24px;min-height:24px;}
.radio_box + label::before{position:absolute;top:3px;left:0;width:20px;height:20px;content:'';border:1px solid #cdcdcd;border-radius: 50px;}
.radio_box:checked + label:after{position:absolute;top:8px;left:5px;width:10px;height:10px;content:'';background:#34bb6a;border-radius: 50%;}

.check_box{position:absolute;left:-999px;opacity:0}
.check_box + label{position:relative;display:inline-block;margin-right:10px;padding-left:30px;line-height:24px;min-height:24px;}
.check_box + label::before{position:absolute;top:13px;left:0;width:20px;height:20px;content:'';transform:translateY(-50%);-webkit-transform:translateY(-50%);background:#fff;border:2px solid #d6d6d6}
.check_box:disabled + label::before{background:#eee;}
.check_box:checked + label::after{z-index:6; position:absolute;top:6px;left:6px;width:10px;height:10px;content:'';border:1px solid #0fa13c;border-width:0 0 3px 3px;-webkit-transform: skewx(-15deg) rotate(-55deg) ;
  -moz-transform: skewx(-15deg) rotate(-55deg);
  -ms-transform: skewx(-15deg) rotate(-55deg) ;
  -o-transform: skewx(-15deg) rotate(-55deg);
  transform: skewx(-15deg) rotate(-55deg);}

.btn_list{margin-top:60px;text-align:right}
.btn_list2{margin-top:60px;text-align:center}

.btnBc{display:inline-block;margin:1px;}
.btnBc a,
.btnBc button,
.btnBc input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 15px;min-width:80px;width:100%;color:#fff;line-height:40px;text-align:center;text-decoration:none;background-color:#2aba64;background-repeat: no-repeat;cursor:pointer;transition: all 0.2s;-webkit-transition: all 0.2s;border-radius:0;border:0}

.btnBc.gray a,
.btnBc.gray button,
.btnBc.gray input{color:#fff;background-color:#585858;}

.btnBc.list a,
.btnBc.list button,
.btnBc.list input{padding-left:35px;text-align: left;background-image: url('/resources/img/sub/ic_list.png');background-position:15px center}

.btnBc.w a,
.btnBc.w button,
.btnBc.w input{min-width: 120px;}

.btnBc2{display:inline-block;margin:1px;}
.btnBc2 a,
.btnBc2 button,
.btnBc2 input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 15px;min-width:150px;width:100%;color:#fff;line-height:60px;text-align:center;text-decoration:none;background-color:#2aba64;background-repeat: no-repeat;cursor:pointer;transition: all 0.2s;-webkit-transition: all 0.2s;border-radius:0;border:0}
.btnBc2 a.disable, .btnBc2 button.disabled, .btnBc2 input:disabled{color:#888; background-color:#ddd;}

.btnBc2.gray a,
.btnBc2.gray button,
.btnBc2.gray input{color:#444;background-color:#ddd;}

.th_left tbody th{text-align:left}
.td_left tbody td{text-align:left}
.td_right tbody td,.td_right tfoot td{text-align:right}
.t_typel th,.t_typel td{border:0}
.t_typel {width:100%;border-top:1px solid #05997b;border-bottom:1px solid #ddd;}
.t_typel tr { text-align: center; }
.t_typel thead th{padding:15px 0;font-size:18px;color: #444;font-weight:700;background:#e7f4f0;border-left:1px solid #bde6d9;border-bottom:1px solid #bde6d9;}
.t_typel thead th:first-child{border-left:0}
.t_typel tbody th{padding:15px 30px;font-size:18px;color: #444;font-weight:700;background:#f8f8f8;border-left:1px solid #ddd;border-bottom:1px solid #ddd}
.t_typel tbody th:first-child{border-left:0}
.t_typel tbody th[rowspan]{border-right:1px solid #d5d5d5}
.t_typel tbody td{/*padding:35px 30px;*/ padding:15px 20px;background:#fff;border-left:1px solid #ddd;border-bottom:1px solid #ddd}
.t_typel tbody td:first-child{border-left:0}
.t_typel tbody td[rowspan]{border-right:1px solid #dee2e6}
.t_typel tbody td[rowspan]:last-child{border-right:0}
.t_typel tbody td+th{border-left:1px solid #dee2e6}
.t_typel tfoot th{padding:35px 30px;background:#f8f8f8;border-right:1px solid #ddd}
.t_typel tfoot td{padding:35px 30px;border-left:1px solid #ddd}
.t_typel tfoot td[colspan]{border-left:0}
.t_typel tfoot .bg td{background:#f8f8f8}

.t_typel.pp thead th{padding:15px 0}
.t_typel.pp tbody th,
.t_typel.pp tbody td{padding:15px 10px}
.t_typel.pp tbody td.subject{padding:15px 20px;text-align: left;}
.t_typel.pp tfoot th,
.t_typel.pp tfoot td{padding:15px 10px}


/* 게시글 상단 */
.bbs_top{margin-bottom:20px}
.bbs_top::after{display:block;clear:both;content:''}
.bbs_top .pageNumA{float:left;padding-top:15px;font-weight: 500;}
.bbs_top .pageNumA span{color: #099246;}
.bbs_top .boadSearchA{float:right}

.bbs_top .pageNum{float:left; padding-top:15px;}
.bbs_top .pageNum .total{position:relative; display:inline-block; margin-right:10px; padding-right:15px;}
.bbs_top .pageNum .total b, .bbs_top .pageNum .now b{color:#43a047;}
.bbs_top .pageNum .total::after{position:absolute; top:50%; right:0; margin-top:-7px; width:0; height:14px; content:''; border-left:1px solid #ced4da;}
.boadSearchA .input-text{margin:0 5px 0 0; padding:0 20px; width:260px; background:#eff1f2; border:0; height:42px; border-radius:5px;}

.boadSearchA{position:relative;}
.boadSearchA select{margin:0 5px 0 0;width:130px}
.boadSearchA .inpW{width:260px;}
.boadSearchA .btn{width: 80px;height: 46px;color:#fff;font-weight:500;text-align:left;text-indent:30px;cursor: pointer;background:#666 url('/resources/img/sub/ic_detail.png') no-repeat 15px center;border: 0;}
.boadSearchA .btnDown{display: inline-block;vertical-align: middle;}
.boadSearchA .btnDown a{display: block;padding:0 15px 0 45px;height: 40px;color:#fff;font-weight:500;text-align:left;line-height: 40px;background-color:#099246 ;background-repeat: no-repeat;background-position: 15px center;border: 0;}
.boadSearchA .btnDown.excel a{background-image:url('/resources/img/sub/ic_exc.png')}

.boadSearchB{position:relative;margin-bottom:60px;padding:30px 150px 30px 40px;background: #f5f5f5;}
.boadSearchB dl{display:flex; flex-wrap:wrap; align-items: center;}
.boadSearchB dl dt{margin-right:10px;/*width: 110px;*/}
.boadSearchB dl dd .inpW{width: 220px;}
/*.boadSearchB .btn{position:absolute;top:30px;right: 40px;width: 80px;height: 40px;color:#fff;font-weight:500;text-align:left;text-indent:30px;cursor: pointer;background:#2aba64 url('/resources/img/sub/ic_detail.png') no-repeat 14px center;border: 0;}*/
.boadSearchB .btn{margin-left:5px; width: 80px; height:45px; color:#fff; font-weight:500; text-align:left; text-indent:30px; cursor:pointer; background:#2aba64 url('/resources/img/sub/ic_detail.png') no-repeat 14px center; border:0;}

.boadSearchC{position:relative;display: flex;padding:30px 20px;flex-wrap:wrap;justify-content: space-between;background:#f5f5f5}
.boadSearchC dl{display: flex;flex-wrap: wrap;width: 80%;align-items: center;}
.boadSearchC dl dt{margin-bottom:5px;padding:0 10px;width:90px;text-align: right;}
.boadSearchC dl dd{display: flex;margin-bottom:5px;width: calc(50% - 90px);align-items: center;justify-content: space-between;}
.boadSearchC dl dd .select{width: calc(100% - 3px);}
.boadSearchC dl dd .calendar{position:relative;display: flex;width: 50%;}
.boadSearchC dl dd .calendar .txt{padding:0 5px}
.boadSearchC dl dd .calendar button{position:absolute;top:0;right: 0;width: 40px;height: 40px;text-indent: -999px;overflow: hidden;background: url('/resources/img/sub/ic_calendar2.png') no-repeat center center / 14px;}
.boadSearchC dl dd .inpW{width: 100%;}
.boadSearchC dl dd .btn{margin-left:4px;;width: 90px;height: 40px;color:#fff;background:#666;border:0}
.boadSearchC dl dd.w100{width: calc(100% - 90px);}
.boadSearchC .ser_btn_con{position:absolute;right:20px;bottom: 35px;}
.boadSearchC .ser_btn_con button{padding-right:17px;height: 40px;text-indent: 37px;background-repeat: no-repeat;background-position: 15px center;border:1px solid transparent}
.boadSearchC .ser_btn_con .btn1{background-color:#fff;background-image:url('/resources/img/sub/ic_initia.png');border-color: #ddd;}
.boadSearchC .ser_btn_con .btn2{color:#fff;background-color:#2aba64;background-image:url('/resources/img/sub/ic_detail.png');border-color: #2aba64;}

.boadSearchD{position:relative;display: flex;padding:30px 20px;flex-wrap:wrap;justify-content:left; align-items:flex-start; background:#f5f5f5}
.boadSearchD dl{display: flex;flex-wrap: wrap;width:80%;align-items: center;}
.boadSearchD dl dt{margin-bottom:5px;padding:0 10px;width:90px;text-align: right;}
.boadSearchD dl dd{display: flex;margin-bottom:5px;width: calc(50% - 90px);align-items: center;justify-content: space-between;}
.boadSearchD dl dd .inpW{width: 100%;}
.boadSearchD dl dd .btn{margin-left:4px;;width: 90px;height: 40px;color:#fff;background:#666;border:0}
.boadSearchD dl dd.w100{width: calc(100% - 90px);}
.boadSearchD .ser_btn_con{position:absolute;right:20px;bottom: 35px;}
.boadSearchD button{padding-right:17px;height: 46px; margin-top:1px; text-indent: 37px;background-repeat: no-repeat;background-position: 15px center;border:1px solid transparent}
.boadSearchD .ser_btn_con .btn1{background-color:#fff;background-image:url('/resources/img/sub/ic_initia.png');border-color: #ddd;}
.boadSearchD .btn2{margin-left:5px; color:#fff;background-color:#2aba64;background-image:url('/resources/img/sub/ic_detail.png');border-color: #2aba64;}

.pageNumB{margin:-60px 0 20px;text-align: right;}
.pageNumB span{color:#099246}

/* 목록A */
.listTypeA{position:relative;table-layout:fixed;border-top: 2px solid #05997b;border-bottom:1px solid #888}
.listTypeA tr{text-align:center;}
.listTypeA thead th{padding:18px 5px;font-size: 18px;color:#444;font-weight:500;background:#fff;border-bottom:1px solid #888}
.listTypeA thead th:first-child{border-left:0}
.listTypeA tbody th,.listTypeA tbody td{border:1px solid #ddd;border-width:0 0 1px}
.listTypeA tbody tr.notice td{background:#f6f7f8}
.listTypeA tbody tr.notice td.num{color:#689f38;font-weight:500}
.listTypeA tbody th{padding:15px 10px;background:#f8f8f8;}
.listTypeA tbody td{padding:15px 10px;color:#50585c;word-break:break-all}
.listTypeA tbody td.subject{text-align:left;}
.listTypeA tbody td.subject a{position:relative;display:inline-block;padding-right:25px;color:#50585c;max-width:100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.listTypeA tbody td.txt{text-align: left;}
.listTypeA tbody tr:hover td{background:#f8f8f8}
.listTypeA tbody td .mb-on{display:none;}

.listTypeB{overflow:hidden}
.listTypeB > ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.listTypeB > ul > li{display:flex;margin-bottom:60px;width:calc(50% - 30px);overflow: hidden;background:#fff;border:1px solid #ddd;border-radius: 5px;position:relative}
.listTypeB > ul > li .rented{padding:10px 20px;position:absolute;top:0;left:0;border-radius:0 0 5px 0;color:#fff;background:#ff8244;font-weight:600;z-index:99}
.listTypeB > ul > li .photo{position:relative;width: 44%;min-height: 344px;overflow: hidden;}
.listTypeB > ul > li .photo img{position: absolute;top: 0;left: 50%;max-width:none;height: 100%;transform: translateX(-50%); width:100%;}
.listTypeB > ul > li .con{padding:40px 30px 10px;width: 56%;}
.listTypeB > ul > li .con h3{margin-bottom:30px;font-size: 20px;color: #444;line-height: 1.2;}
.listTypeB > ul > li .con h3 span{display: block;margin-top:5px;font-size: 16px;color: #bbb;}
.listTypeB > ul > li .con ul{margin-bottom: 35px;}
.listTypeB > ul > li .con ul li{position: relative;margin-bottom:10px;padding-left: 110px;font-size: 14px;}
.listTypeB > ul > li .con ul li .name{position: absolute;top: 0;left: 0;font-weight: 700;}

.listTypeC > ul > li{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom:40px}
.listTypeC > ul > li .photo{max-width: 421px;width: 100%;overflow: hidden;border-radius:5px}
.listTypeC > ul > li .photo img{width:100%; height:100%;}
.listTypeC > ul > li dl{display: flex;flex-wrap: wrap;width: 72%;border-top:1px solid #05997b}
.listTypeC > ul > li dl dt{padding:12px 10px;width: 160px;font-size: 18px;font-weight: 500;text-align: center;background:#f8f8f8;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.listTypeC > ul > li dl dd{padding:12px 40px;width: calc(100% - 160px);border-bottom:1px solid #ddd}
.listTypeC > ul > li .t_typel{width: 72%;}

.listTypeD > ul > li{display: flex;margin-bottom:30px;overflow:hidden;border-radius:5px; border:1px solid #ddd;}
.listTypeD > ul > li .img{width: 390px;}
.listTypeD > ul > li .con{padding:30px 40px;width: calc(100% - 630px);}
.listTypeD > ul > li .con .tag{display: inline-block;margin-bottom: 20px;padding:0 32px;color:#fff;line-height: 50px;background:#34bb6a;border-radius:25px}
.listTypeD > ul > li .con .state{display: inline-block;padding:0 22px;color:#fff;line-height: 50px;background:#ff8244;border-radius:25px}
.listTypeD > ul > li .con .btn_view{box-sizing:border-box; display: inline-block;padding:0 20px; line-height: 50px;background:#fff; border:2px solid #ddd; border-radius:25px;}
.listTypeD > ul > li .con .btn_view:hover{border:2px solid #34bb6a;  -webkit-transition:all 2s;transition:all 0.2s;}
.listTypeD > ul > li .con .btn_view:hover a{color:#34bb6a;  -webkit-transition:all 2s;transition:all 0.2s;}
.listTypeD > ul > li .con .btn_view a{position:relative; display:block; width:100%; height:100%; color:#444; padding-right:25px;}
.listTypeD > ul > li .con .btn_view a:hover{text-decoration:none;}
.listTypeD > ul > li .con .btn_view a::after{width:16px; height:16px; content:''; position:absolute; right:0px; top:17px; background:url('/resources/img/sub/ico_plus.png') right center no-repeat;}
.listTypeD > ul > li .con .btn_view:hover a::after{background:url('/resources/img/sub/ico_plus_on.png') right center no-repeat;}
.listTypeD > ul > li .con .tit{display: block;margin-bottom: 10px;font-size: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 700;}
.listTypeD > ul > li .con .txt{display: block;margin-bottom: 25px;height: 42px;color:#888;overflow: hidden;	text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical;line-height: 1.4;}
.listTypeD > ul > li .con .date{display: block;}
.listTypeD > ul > li .btn{width: 240px;}
.listTypeD > ul > li .btn a{position:relative;display: block;height: 100%;font-size:20px;color:#34bb6a;font-weight: 500;text-align: center;background:#daefe7;transition: all 0.3s ease;}
.listTypeD > ul > li .btn a span{position:absolute;top: 50%;left:0;padding-top:50px;width: 100%;line-height: 1;transform: translateY(-50%);z-index:2}
.listTypeD > ul > li .btn a span::after{position:absolute;top:0;left:50%;width: 30px;height: 30px;content:'';border:3px solid #34bb6a;border-radius: 50%;transform: translateX(-50%);}
.listTypeD > ul > li .btn a span::before{position:absolute;top:13px;left:50%;width: 12px;height: 3px;content:'';background:#34bb6a;transform: translateX(-50%);}
.listTypeD > ul > li .btn a span i{font-style: normal;}
.listTypeD > ul > li .btn a span i::before{position:absolute;top:9px;left:50%;width: 3px;height: 12px;content:'';background:#34bb6a;transform: translateX(-50%);}
.listTypeD > ul > li .btn a:hover{background:#34bb6a}
.listTypeD > ul > li .btn a:hover span{color:#fff}
.listTypeD > ul > li .btn a:hover span::after{border-color:#fff}
.listTypeD > ul > li .btn a:hover span::before{background:#fff}
.listTypeD > ul > li .btn a:hover span i::before{background:#fff}
.listTypeD > ul > li.end .con .state{color:#bbb;background:#eee}
.listTypeD > ul > li.end .con .btn_view{background:#eee;border:none;}
.listTypeD > ul > li.end .con .btn_view:hover{border:none;}
.listTypeD > ul > li.end .con .btn_view:hover a{color:#bbb; cursor:auto;}
.listTypeD > ul > li.end .con .btn_view a{color:#bbb;}
.listTypeD > ul > li.end .con .btn_view a::after{background:url('/resources/img/sub/ico_plus_d.png') right center no-repeat;}
.listTypeD > ul > li.end .con .btn_view:hover a::after{background:url('/resources/img/sub/ico_plus_d.png') right center no-repeat;}
.listTypeD > ul > li.end .btn a{background:#eee; cursor:auto;}
.listTypeD > ul > li.end .btn a span{color:#bbb}
.listTypeD > ul > li.end .btn a span::after{border-color:#bbb}
.listTypeD > ul > li.end .btn a span::before{background:#bbb}
.listTypeD > ul > li.end .btn a span i::before{background:#bbb}

.listTypeE > ul > li{display: flex;margin-bottom:30px;overflow:hidden;border-radius:5px; border:1px solid #ddd;}
.listTypeE > ul > li .con{padding:50px;width: calc(100% - 240px);}
.listTypeE > ul > li .con .state{display: inline-block; vertical-align:top; margin-right:10px; padding:0 20px;color:#fff;line-height: 40px;background:#ff8244;border-radius:25px;margin-bottom: 20px;}
.listTypeE > ul > li .con .tit{width:90%; display: inline-block; vertical-align:top; line-height:40px; font-size: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 700;}
.listTypeE > ul > li .con .txt{display: block;margin-bottom: 25px;height: 42px;color:#888;overflow: hidden;	text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical;line-height: 1.4;}
.listTypeE > ul > li .con .date{display: block;}
.listTypeE > ul > li .btn{width: 240px;}
.listTypeE > ul > li .btn a{position:relative;display: block;height: 100%;font-size:20px;color:#34bb6a;font-weight: 500;text-align: center;background:#daefe7;transition: all 0.3s ease;}
.listTypeE > ul > li .btn a span{position:absolute;top: 50%;left:0;padding-top:50px;width: 100%;line-height: 1;transform: translateY(-50%);z-index:2}
.listTypeE > ul > li .btn a span::after{position:absolute;top:0;left:50%;width: 30px;height: 30px;content:'';border:3px solid #34bb6a;border-radius: 50%;transform: translateX(-50%);}
.listTypeE > ul > li .btn a span::before{position:absolute;top:13px;left:50%;width: 12px;height: 3px;content:'';background:#34bb6a;transform: translateX(-50%);}
.listTypeE > ul > li .btn a span i{font-style: normal;}
.listTypeE > ul > li .btn a span i::before{position:absolute;top:9px;left:50%;width: 3px;height: 12px;content:'';background:#34bb6a;transform: translateX(-50%);}
.listTypeE > ul > li .btn a:hover{background:#34bb6a}
.listTypeE > ul > li .btn a:hover span{color:#fff}
.listTypeE > ul > li .btn a:hover span::after{border-color:#fff}
.listTypeE > ul > li .btn a:hover span::before{background:#fff}
.listTypeE > ul > li .btn a:hover span i::before{background:#fff}
.listTypeE > ul > li.end .con .state{color:#bbb;background:#eee}
.listTypeE > ul > li.end .btn a{background:#eee}
.listTypeE > ul > li.end .btn a span{color:#bbb}
.listTypeE > ul > li.end .btn a span::after{border-color:#bbb}
.listTypeE > ul > li.end .btn a span::before{background:#bbb}
.listTypeE > ul > li.end .btn a span i::before{background:#bbb}

.listTypeF{position:relative;table-layout:fixed;border-top: 2px solid #05997b;border-bottom:1px solid #888}
.listTypeF tr{text-align:center;}
.listTypeF thead th{padding:18px 5px;font-size: 18px;color:#444;font-weight:500;background:#fff;border-bottom:1px solid #888}
.listTypeF thead th:first-child{border-left:0}
.listTypeF thead th.th01{width:10%; font-size:0; }
.listTypeF thead th.th02{}
.listTypeF thead th.th03{width:15%;}
.listTypeF thead th.th04{width:15%;}
.listTypeF thead th.th05{width:13%;}
.listTypeF tbody th,.listTypeA tbody td{border:1px solid #ddd;border-width:0 0 1px}
.listTypeF tbody tr.notice td{background:#f6f7f8}
.listTypeF tbody tr.notice td.num{color:#689f38;font-weight:500}
.listTypeF tbody th{padding:15px 10px;background:#f8f8f8;}
.listTypeF tbody td{padding:15px 10px;color:#50585c;word-break:break-all}
.listTypeF tbody td.subject{text-align:left;}
.listTypeF tbody td.subject a{position:relative;display:inline-block;padding-right:25px;color:#50585c;max-width:100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.listTypeF tbody td.txt{text-align: left;}
.listTypeF tbody td.choose .btn_box{font-size:0; text-align:left; width:100%;}
.listTypeF tbody td .btn_modify{width:48%; display:inline-block; vertical-align:top; font-size:14px; text-align:center; line-height:35px; border:1px solid #ddd; color:#444;}
.listTypeF tbody td .btn_modify:hover{text-decoration:none; background:#f8f8f8;}
.listTypeF tbody td .btn_del{width:48%;  display:inline-block; vertical-align:top; font-size:14px; padding:8px 0; background:#666; color:#fff; margin-left:4%;}
.listTypeF tbody td .btn_del:hover{background:#444;}
/*웹진 게시판*/
.listTypeG{border-top: 3px solid #545454; border-bottom: 1px solid #545454;}
.listTypeG > ul > li{padding:70px; border-top:1px solid #c0c0c0;}
.listTypeG > ul > li:first-child{border-top: 0;}
.listTypeG ul li .box{position: relative; padding: 55px 0 0 320px; min-height: 345px;}
.listTypeG ul li .box .img{position: absolute; top: 0; left: 0; width: 246px; height: 335px; background:#f5f5f5;}
.listTypeG ul li .box .con .tit{display:block; margin-bottom:35px; font-size:32px; font-weight:700; line-height:1.4;}
.listTypeG ul li .box .con ul{margin-bottom:80px;}
.listTypeG ul li .box .con ul li{position: relative; margin-bottom: 15px; padding-left: 85px;}
.listTypeG ul li .box .con ul li .name{position: absolute; top: 0; left: 0; padding-right: 18px; font-weight: 500;}
.listTypeG ul li .box .con ul li .name::before{position: absolute; top: 8px; right: 0; width: 0; height: 15px; content: ''; border-left: 1px solid #c0c0c0;}
.listTypeG ul li .box .con .btn{display: inline-block; text-align: center;}
.listTypeG ul li .box .con .btn a{display: block; width: 210px; color: #009a5a; font-weight: 500; line-height: 50px; border: 1px solid #009a5a;}
.listTypeG ul li .box .con .btnG{display: inline-block; text-align: center;}
.listTypeG ul li .box .con .btnG a{display: block; width: 210px; color: #009a5a; font-weight: 500; line-height: 50px; border: 1px solid #009a5a;}
/*이미지 게시판*/
.listTypeH{position:relative; overflow:hidden;}
.listTypeH ul{margin:0 -13px;}
.listTypeH ul li{float:left; margin-bottom:30px; padding:0 13px; width:25%;}
.listTypeH ul li a{display: block; text-decoration: none;}
.listTypeH ul li .box .photo{position: relative; display: block; padding-top: 58%; overflow: hidden; background: #f5f5f5;}
.listTypeH ul li .box .photo img{position: absolute; top: 50%; left: 50%; height: 100%; max-width: none; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.listTypeH ul li .box .con{position: relative; padding: 30px 30px 20px; background: #fff; border: 1px solid #dee2e4; border-width: 0 1px 1px;}
.listTypeH ul li .box .con .tit{width:100%; font-size: 18px; display: block; margin-bottom: 20px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1;}
.listTypeH ul li .box .con .tit a{width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.listTypeH ul li .box .con .txt{display: block; margin-bottom: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.listTypeH ul li .box .con .infor{position: relative; text-align: right;}
.listTypeH ul li .box .con .infor span{position:relative; display:inline-block; padding:0 15px 0 10px; font-size:15px; color:#8b8b8b;}
.listTypeH ul li .box .con .infor .dtpick{position:absolute; top:0; left:0; padding:0;}
.listTypeH ul li .box .con .infor .name::before{position: absolute; top: 7px; right: 0; width: 0; height: 12px; content: ''; border-left: 1px solid #818181;}
/*sns*/
.listTypeH .cf{margin: 0 -14px; display: block; content: ""; clear: both;}
.listTypeH .cf li{float: left; width: 25%;}
.listTypeH.sns-sub ul li{padding: 0 14px 3%;}
.listTypeH.sns-sub ul li a{border: 1px solid #e0e0e0; display: block;}
.listTypeH ul li .box{padding:35px 25px; background: #fff; border-radius: 5px;}
.listTypeH ul li .box span{display:block;}
.listTypeH ul li .box .sns{margin-bottom: 10px;}
.listTypeH ul li .box .tit{display: block; margin-bottom: 5px; font-size: 18px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.listTypeH ul li .box .txt{margin-bottom: 20px;height: 40px; font-size: 14px; color: #434343;  opacity: 0.7; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.listTypeH ul li .box .photo02{position: relative; display: block; padding-top: 63%; overflow: hidden;}
.listTypeH ul li .box .photo02 img{position: absolute; top: 0; left: 0; width: 100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
/*sns_팝업*/
.layPop{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index:999;}
.layPop .box{position: absolute; top: 0; left: 0; display: table; width: 100%; height: 100%;}
.layPop .box .btnClose{position: absolute;top: 30px;right: 30px;width: 60px;height: 60px;text-indent: -999px;overflow: hidden;z-index: 20;}
.layPop .box .btnClose span{position: relative;display: block;margin: 0 auto;width: 50px;height: 2px;background: transparent;}
.layPop .box .btnClose span::before{position: absolute; top: 0; left: 0; width: 100%; height: 2px; content: ''; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #fff;}
.layPop .box .btnClose span::after{position: absolute; top: 0; left: 0; width: 100%; height: 2px; content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #fff;}
.layPop .box .con{display: table-cell; text-align: center; vertical-align: middle;}

.btnCon .btn{display: inline-block;margin:0 1px 5px}
.btnCon .btn a{display: block;padding:0 15px 0 35px;color:#fff;font-weight:500;line-height: 40px;background-color:#ff8244;background-repeat: no-repeat;background-position: 12px center;}
.btnCon .btn a.btn_dis{background-color:#bbb;pointer-events:none;cursor:default;}
.btnCon .btn.ic1 a{background-color:#2aba64;background-image: url('/resources/img/sub/ic_detail.png');}
.btnCon .btn.ic2 a{background-image: url('/resources/img/sub/ic_reser.png');}
.btnCon .btn.ic3 a{background-image: url('/resources/img/sub/ic_cart.png');}
.btnCon .btn.ic1 span{background-color:#2aba64;background-image: url('/resources/img/sub/ic_detail.png');}
.btnCon .btn.ic2 span{background-image: url('/resources/img/sub/ic_reser.png');}
.btnCon .btn.ic3 span{background-image: url('/resources/img/sub/ic_cart.png');}
.btnCon .spn_status{display:inline-block;padding:0 15px;color:#fff;font-weight:500;line-height: 40px;background-color:#ff8244}
.btnCon .spn_status em{padding-left:10px;border-left:2px solid #fff;margin-left:10px}


/*교육 view페이지 컨텐츠 */
.eduTitleBox{width:100%; padding:35px 40px; background:#f5f5f5; border-left:5px solid #34bb6a; box-sizing:border-box; font-size:0; text-align:left;}
.eduTitleBox .eduIcon{width:87px; margin-right:40px; display:inline-block; vertical-align:top; margin-top:20px;}
.eduTitleBox .eduTextBox{width:calc(100% - 127px); display:inline-block; vertical-align:top;}
.eduTitleBox h3.eduTitle{font-size:36px; color:#444; font-weight:bold; line-height:46px;}
.eduTitleBox .eduBrief{margin-top:15px; padding-top:10px; border-top:1px solid #ddd;}
.eduTitleBox .eduBrief > p{font-size:18px; line-height:30px; color:#888;}
.eduTitleBox .eduBrief > ul > li{display:inline-block; position:relative; margin-right:15px; color:#8b8b8b; font-size:18px;}
.eduTitleBox .eduBrief > ul > li.name{padding:0 20px;}
.eduTitleBox .eduBrief > ul > li.name:before{content:''; width:2px; height:20px; background:#bbb; position:absolute; top:4px; left:0;}
.eduTitleBox .eduBrief > ul > li.name:after{content:''; width:2px; height:20px; background:#bbb; position:absolute; top:4px; right:0;}

/*pdf view페이지*/
.viewTypeA{position:relative; border-bottom:1px solid #98a1a6; padding-top:3px;}
.viewTypeA::before{position:absolute;top:0;left:0;width:100%;height:3px;content:'';background:linear-gradient(to right, #7cb342 , #009688);}
.downBox{position:relative; padding:30px; background:#f6f7f8;}
.downBox h2.ic2{display:inline-block; padding-left:33px; font-size:21px; line-height:48px; background:url('/resources/images/home/ic_pdf_doc.png') no-repeat left center;}
.downBox .btnRt{float:right;}
.downBox .btnRt .btn{display:inline-block; margin:3px 5px 0 0;}
.downBox .btnRt .btn.down a{color:#fff; background:#004d40 url('/resources/images/home/ic_pdf_down.png') no-repeat right 18px center; border:1px solid #004d40; display:block; padding:0 60px 0 20px; line-height:48px; font-weight:500; border-radius:4px;}
.downBox .btnRt .btn.pdf a{background:url('/resources/images/home/ic_pdf.png') no-repeat right 18px center;display:block;padding:0 60px 0 20px;line-height:48px;font-weight:500;border:1px solid #c4c8ca;border-radius:4px;}
.fileView a iframe{width:100%; height:770px;}
.subConBox .after-none::before{display:none;}

/*게시판 상세페이지*/
.boardTitleBox{display:flex; align-items:center; width:100%; padding:35px 40px; background:#f5f5f5; border-left:5px solid #34bb6a; box-sizing:border-box; font-size:0; text-align:left;}
.boardTitleBox .boardIcon{width:87px; margin-right:40px;}
.boardTitleBox .boardTextBox{width:calc(100% - 127px);}
.boardTitleBox h3.boardTitle{/*font-size:36px;*/font-size:30px;color:#444; font-weight:bold; line-height:40px;}


.file{position: relative; padding: 15px 40px 20px 140px; font-size: 18px; color: #80898e; border-bottom: 1px solid #dee2e4;}
.file .name{position: absolute; top: 15px; left: 40px;}
.file a{display: inline-block;/*margin-right:20px;*/padding-left: 22px; font-size: 15px; background: url('/resources/img/sub/ic_file.png') no-repeat left center;}

.eduDetail{width:calc(100% - 80px); margin:40px;}
.eduDetail h4.eduDtTitle{font-size:24px; color:#34bb6a; font-weight:bold; line-height:1; position:relative;}
.eduDetail h4.eduDtTitle::before{width:15px; height:24px; content:''; position:absolute; background:url('/resources/img/sub/ic_edu_title.png') left center no-repeat;}
.eduDetail h4.eduDtTitle span{padding-left:25px; display:inline-block; vertical-align:top;}
.eduDetail .eduDtCont{font-size:18px; word-break:keep-all; color:#444;}
.eduDetail .eduDtCont h5.eduOrdTitle{margin-top:30px; margin-bottom:10px; font-weight:bold;}
.eduDetail .eduDtCont p{font-size:16px; font-weight:normal; line-height:24px; margin-bottom:10px;}
.eduDetail .eduDtList{width:100%; margin-bottom:10px;}
.eduDetail .eduDtList li{font-size:16px; line-height:24px; position:relative;}
.eduDetail .eduDtList li::before{width:9px; height:100%; content:''; position:absolute; background:url('/resources/img/sub/ic_edu_list.png') left 12px no-repeat;}
.eduDetail .eduDtList li > span{padding-left:20px; display:inline-block; vertical-align:top;}
.eduDetail .eduDtList li .dtListTitle{font-weight:bold;}
.eduDetail .eduDtList li .dtListText{color:#666; margin-left:20px; margin-top:10px; background:#f5f5f5; padding:20px;}
.eduDetail .eduDtList li .dtListDot{margin-left:20px; margin-bottom:20px;}
.eduDetail .eduDtList li .dtListDot > li{position:relative;}
.eduDetail .eduDtList li .dtListDot > li::before{width:3px; height:100%; content:''; position:absolute; background:url('/resources/img/sub/ic_dot.png') left 12px no-repeat;}
.eduDetail .eduDtList li .dtListDot > li > span{padding-left:10px; display:inline-block; vertical-align:top; color:#666;}

.eduDetail .dtInBox{background:#f1f8f5; padding:40px; margin-bottom:20px;}
.eduDetail .dtInBox .inBoxTitle{font-weight:bold; color:#34bb6a; position:relative; margin-bottom:10px;}
.eduDetail .dtInBox .inBoxTitle::before{width:3px; height:18px; content:''; position:absolute; top:7px; left:0; background:#34bb6a;}
.eduDetail .dtInBox .inBoxTitle > span{padding-left:15px; display:inline-block; vertical-align:top;}
.eduDetail .dtInBox .eduDtList .dtListText{background:#e7f2ee;}
.eduDetail .dtInBox .dtOrdList{font-size:0; text-align:left; margin-bottom:20px;}
.eduDetail .dtInBox .dtOrdList > li{margin-bottom:5px;}
.eduDetail .dtInBox .dtOrdList .ordNum{width:26px; height:26px; display:inline-block; vertical-align:top; background:url('/resources/img/sub/ol_bg.png') left top no-repeat; font-size:14px; color:#fff; font-weight:bold; text-align:center; line-height:26px;}
.eduDetail .dtInBox .dtOrdList .ordText{width:calc(100% - 26px); display:inline-block; vertical-align:top; padding-left:10px; font-size:16px; line-height:26px;}
.eduDetail .dtInBox .inBoxLine{border:1px dashed #c7ebd6; margin-bottom:20px;}
.eduDetail .dtInBox .dtProcess{font-size:0; text-align:left; margin-bottom:20px;}
.eduDetail .dtInBox .dtProcess > li{position:relative; font-size:16px; display:inline-block; vertical-align:top; margin-right:15px;}
.eduDetail .dtInBox .dtProcess > li::before{width:13px; height:11px; content:''; position:absolute; top:7px; left:0;  background:url('/resources/img/sub/ic_edu_arrow.png') left top no-repeat;}
.eduDetail .dtInBox .dtProcess > li > span{padding-left:25px; display:inline-block;}

.eduDetail .dtCaution{color:#ff3c98; font-size:16px; display:block;}

.viewlist{margin-top:70px; border:1px solid #98a1a6; border-width:1px 0;}
.viewlist li:first-child{border-bottom:1px solid #dee2e4;}
.viewlist li{position:relative; padding:0 20px 0 180px; line-height:70px;}
.viewlist li span{position: absolute; top: 0; left: 0; padding-left: 80px; height: 100%; color: #50585c; font-weight: 500;}
.viewlist li a{display: block;color: #788287;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.viewlist li::before{position:absolute; top: 45%; left: 40px; width: 10px; height: 10px; content: ''; border: 1px solid #999; border-width: 2px 2px 0 0; transform: rotate(-45deg);}
.viewlist li.next::before{-webkit-transform:rotate(135deg);}

/* 링크 바로가기 페이지 */
.goLinkBox{width:100%; height:400px; display:flex; flex-wrap:wrap; justify-content:center;}
.goLinkBox li{margin-right:4%; padding:80px; width:48%; border:2px solid #ddd; border-radius:15px; position:relative; overflow:hidden;}
.goLinkBox li:last-child{margin-right:0;}
.goLinkBox li::after{position:absolute; top:50%; margin-top:-152px; right:-12px; width:306px; height:303px; content:''; background:url('/resources/images/home/bg_linked.png') left top/contain no-repeat; z-index:-1;}
.goLinkBox .linkTitle{font-size:35px; font-weight:bold;}
.goLinkBox .linkText{font-size:20px; color:#888; margin:20px 0 30px;}
.goLinkBox .linkBtn{transition:all 0.2s; display:inline-block; padding:25px 30px; background:#34bb6a; color:#fff; font-size:18px;}
.goLinkBox .linkBtn:hover{background:#1a9f4f; text-decoration:none;}
.goLinkBox .linkBtn span{position:relative; padding-right:40px;}
.goLinkBox .linkBtn span::after{position:absolute; top:50%; margin-top:-9px; right:0; content:''; width:28px; height:18px; background:url('/resources/images/home/ic-arrow-wt.png') left top no-repeat;}


/* 페이지표시 */
.page{margin-top:60px;text-align:center;}
.page::after{display:block;clear:both;content:''}
.page a{position:relative;display:inline-block;margin:2px 1px 2px 1px;width:30px;height:30px;font-size:16px;color:#888;text-align:center;vertical-align:middle;line-height:28px;text-decoration:none;letter-spacing:-1px;}
.page a.on{color: #099246;}
.page a img{padding-bottom:4px;height: 16px;vertical-align:middle;}
.page .contr{display:inline-block;margin:0 5px;vertical-align:middle;}
.page .contr a{border-radius: 3px;background:#fff;border:1px solid #ccc}

.viewTypeB{position:relative;margin-bottom:90px;padding:0 30px 50px;overflow:hidden}
.viewTypeB::after{position:absolute;top:130px;left:0;width: 100%;height: 100%;content: '';background:#f8f8f8;z-index:1}
.viewTypeB .viewBox{position:relative;display: flex;margin:0 auto;max-width: 1600px;z-index:2}
.viewTypeB .photoInfor{position:relative;display:flex;width: 58%;z-index:2; height:400px; overflow:hidden;}
.viewTypeB .photoInfor .photo{width: 64%;}
.viewTypeB .photoInfor .photo img{height: 100%; width:100%;}
.viewTypeB .photoInfor .con{padding:30px 60px;width: 36%;color:#fff;background:#1d885e}
.viewTypeB .photoInfor .con ul li{padding:19px 0}
.viewTypeB .photoInfor .con ul li:first-child ~ li{border-top:1px solid #05997b}
.viewTypeB .photoInfor .con ul li .name{display: block;font-weight: 700;}
.viewTypeB .conInfor{position:relative;padding-left:60px;width: 42%;z-index:2}
.viewTypeB .conInfor h3{height: 160px;font-size: 23px;line-height: 1.2;font-weight: 700;}
.viewTypeB .conInfor h3 span{display: block;margin-top: 5px;color:#bbb; font-weight: normal; font-size: 18px;}
.viewTypeB .conInfor ul{/*margin-bottom:35px;*/margin-bottom:32px;}
.viewTypeB .conInfor ul li{position: relative;/*margin-bottom:14px;*/margin-bottom:10px;}
.viewTypeB .conInfor ul li .name{font-weight: 700; display: inline-block; padding-right: 20px;}

.writeTypeA{padding:80px 90px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.writeTypeA .inpW{width: 100%;height: 50px;border-radius:2px}
.writeTypeA .inpW:disabled{background:#f8f8f8}
.writeTypeA h2.title:first-of-type{margin-top: 0;}
.writeTypeA h3{margin: 35px 0 20px;font-size: 20px;color: #34bb6a;font-weight: 500;line-height: 1;}
.writeTypeA .check_list{display: flex;flex-wrap: wrap;align-items: center;margin-bottom:10px}
.writeTypeA .check_list > li{margin:0 100px 5px 0}
.writeTypeA .check_list > li:last-child{margin-right: 0;}
.writeTypeA .check_list2{display: flex;flex-wrap: wrap;align-items: center;margin-bottom:10px}
.writeTypeA .check_list2 > li{margin: 10px 0;width: 20%;}
.writeTypeA .check_list > li.etc,
.writeTypeA .check_list2 > li.etc{display: flex;align-items: center;}
.writeTypeA .check_list > li.etc input,
.writeTypeA .check_list2 > li.etc input{width: 60%;height: 40px;}
.writeTypeA .check_list3{display: flex;flex-wrap: wrap;}
.writeTypeA .check_list3 > li{margin:0  15px 5px 0;}
.writeTypeA .winp_list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.writeTypeA .winp_list > li{margin-bottom:15px;width:calc(50% - 20px)}
.writeTypeA .winp_list.li3 > li{width:calc(33.33% - 20px)}
.writeTypeA .winp_list > li .tit{display:block;margin-bottom: 10px;font-size: 18px;color: #444;font-weight: 500;line-height: 1;}
.writeTypeA .winp_list > li .gd_txt{font-size: 16px;color: #bbb;font-weight: normal;}
.writeTypeA .winp_list > li .numberList{display: flex;align-items: center;}
.writeTypeA .winp_list > li .numberList .kan{padding:0 10px}
.writeTypeA .winp_list > li .calendar{position: relative;}
.writeTypeA .winp_list > li .calendar .btn{position: absolute;top: 0;right:0;width: 50px;height: 50px;text-indent: -999px;overflow: hidden;background: url('/resources/img/sub/ic_calendar2.png') no-repeat center center;}
.writeTypeA .winp_list > li .kan1{display: flex;justify-content: space-between;align-items: center;}
.writeTypeA .winp_list > li .kan1 .txt{width: 140px;}
.writeTypeA .winp_list > li .kan1 input:nth-of-type(1){margin-right:5px;flex-shrink: 1;}
.writeTypeA .winp_list > li .kan1 input:nth-of-type(2){flex-shrink: 2;}
.writeTypeA .winp_list > li .kan2{display: flex;justify-content: space-between;align-items: center;}
.writeTypeA .winp_list > li .kan2 .txt{padding:0 5px}
.writeTypeA .winp_list > li .kan2 input:nth-of-type(1){flex-shrink: 1;}
.writeTypeA .winp_list > li .kan2 input:nth-of-type(2){flex-shrink: 1;}
.writeTypeA .winp_list > li .kan2 input:nth-of-type(3){flex-shrink: 1;margin-left: 3px;}
.writeTypeA .winp_list > li .select{width: 100%;}
.writeTypeA .winp_list > li.w100{width: 100%;}
.writeTypeA .winp_list > li .check_list{margin-bottom:0}
.writeTypeA .winp_list > li .check_list li{min-height:50px;display:flex;flex-wrap:wrap;align-items:center}
.writeTypeA .winp_list .addrCon{display: flex;flex-wrap:wrap;justify-content: space-between;}
.writeTypeA .winp_list .addrCon .post{flex:1;margin-right: 5px;}
.writeTypeA .winp_list .addrCon .btnSw{margin:1px 4px 1px 0;width:120px;height: 50px;font-size: 18px;color:#fff;background:#666;border:0;border-radius: 2px;}
.writeTypeA .winp_list .addrCon .ad1{flex: 3;}
.writeTypeA .winp_list .unit{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.writeTypeA .winp_list .unit input{width:calc(100% - 25px)}
.writeTypeA .winp_list .unit .un_txt{width:15px;margin-left:10px;}
.writeTypeA .winp_list .unit.three-words input{width:calc(100% - 65px)}
.writeTypeA .winp_list .unit.three-words .un_txt{width:55px;}
.writeTypeA .winp_list .agree{display: flex;align-items: center;}
.writeTypeA .winp_list .agree label{margin-left:10px;width: 120px;}
.writeTypeA .divis_con{margin-top:20px;padding-top: 30px;border-top: 2px dashed #ededed;}
.writeTypeA .divis_con h3:first-child{margin-top: 0;}
.writeTypeA .divis_con .fon_big{margin-bottom: 20px;font-size: 24px;color: #444;font-weight: 500;line-height: 1.4;}
.writeTypeA .topTitle{font-size: 20px;color:#444;line-height: 60px;text-align: center;background:#eaf3ef}
.writeTypeA .topTitle + h3{margin-top: 20px;}

.ht-text{margin-left:30px;color:#888}
.ht-text.addfile-con{margin-left:0;color:#888;margin-top:25px}
.addfile-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.addfile-wrap .addfile-con{width:49%;}
.addfile-wrap .addfile-con .tit{display:block;margin-bottom:10px;font-size:18px;color:#444;font-weight:500;line-height:1;}
.addfile-wrap .addfile-con .fileBox{margin-bottom:0}
.addfile-wrap .addfile-con .fileBox input[type="button"]{height:49px;}

/*필수값*/
.ally-hidden{position:absolute;width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0);}
input.compulsory{background:#fff url('/resources/img/sub/ic-compulsory.png') left top no-repeat;}
select.compulsory{background:#fff url('/resources/img/sub/ic-compulsory.png') left top no-repeat;}


.proc_step{margin-bottom: 20px;}
.proc_step ol{display: flex;}
.proc_step ol li{margin-bottom:40px;padding:0 10px;width: 25%;font-size: 18px;text-align: center;}
.proc_step ol li span{display: block;margin-top:20px;font-size: 20px;font-weight: 500;}
.notice_down{display: flex;justify-content: space-between;align-items: center;margin-bottom: 80px;padding:35px 35px 35px 150px;background: #f5f5f5 url('/resources/img/sub/ic_notice.png') no-repeat 38px center;}
.notice_down h3{margin-bottom:5px;font-size: 20px;color: #444;}
.notice_down .lt{padding-right: 20px;}
.notice_down .btn .btnDown{margin:3px 0}
.notice_down .lt em{display:inline-block; font-size: 20px;color: #444; font-weight:600; margin-right:10px; position:relative; padding-right:15px;}
.notice_down .lt em::after{position:absolute; right:0; top:6px; width:2px; height:22px; background:#ddd; content:'';}
.notice_down .lt span{display:inline-block;}

.btnDown{display: inline-block;text-align: left;}
.btnDown a{display: block;padding:0 20px 0 42px;line-height: 60px;background: #fff url('/resources/img/sub/ic_down.png') no-repeat 20px center;;border:1px solid #ddd}
.btnDown a span{display: inline-block;line-height: 1.2;vertical-align: middle;}

.fileCon{margin-bottom:20px;padding:60px;background: #f8f8f8;}
.fileCon h4{margin:20px 0 10px;font-size: 18px;color:#444;}
.fileCon h4:first-of-type{margin-top: 0;}
.fileCon ol li{text-indent: -20px;margin-left: 20px;}

/* 첨부파일 디자인 */
.fileBox{position:relative;display: flex;justify-content: space-between; margin-bottom:60px;}
.file_input_div{/*position:relative;*/margin:1px 0 1px 5px;width:120px;height:50px;vertical-align:middle;/*overflow: hidden;*/}
.file_input_button{position:absolute;top:0px;width:100%;height:100%;font-size: 18px;color:#fff;background:#666;border:0;border-radius: 2px;}
.file_input_hidden{position:absolute;left:0px;top:0px;width:100% !important;height:100% !important;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)"; -khtml-opacity:0;-moz-opacity:0;cursor:pointer;z-index:2}
a.delete_A001{display:none;}
span.delete_A001{position:absolute; bottom:-35px; left:0; color:#888; padding-left:25px;}
span.delete_A001::before{content:''; position:absolute; top:4px; left:0; width:16px; height:16px; background: url('/resources/img/sub/ic_file.png') left top no-repeat;}

.notice_top{margin-bottom: 80px;}
.notice_top .box{margin-bottom:35px;padding:10px 35px 35px;background:#f5f5f5}
.notice_top .box .arim{margin-bottom: 20px;padding:30px 0 30px 90px;background: url('/resources/img/sub/ic_notice2.png') no-repeat left center;border-bottom:1px solid #ddd}
.notice_top .box .arim span{font-size: 20px;font-weight: 500;}
.notice_top .box ul li{position: relative;margin-bottom:5px;padding-left:28px}
.notice_top .box ul li::before{position: absolute;top: 1px;left: 0;width: 21px;height: 21px;content: '';background:#34bb6a url('/resources/img/sub/ic_excmark.png') no-repeat center center;border-radius: 50%;}
.notice_top .dot{margin-bottom:10px;padding-left:30px;background: url('/resources/img/sub/ic_arrow_dot.png') no-repeat left 5px}

.scheduleCon{position: relative;}
.scheduleCon h3{font-size: 35px;color:#444;font-weight: 700;text-align: center;}
.scheduleCon .control{margin:-40px 0 30px;text-align:right}
.scheduleCon .control .btnToday{display: inline-block;vertical-align: middle;}
.scheduleCon .control .btnToday a{display:block;padding:0 10px 0 40px;line-height: 45px;color: #fff;font-weight: 700;background: #34bb6a url('/resources/img/sub/ic_calendar3.png') no-repeat 12px center;}
.scheduleCon .control button{position: relative;margin-left:5px;;width: 45px;height: 45px;text-indent: -999px;overflow: hidden;border:1px solid #ddd}
.scheduleCon .control button::after{position:absolute;top:50%;left:50%;width:12px;height: 12px;content:'';border:1px solid #c2c2c2;border-width:2px 0 0 2px;transform:translate(-35%, -50%) rotate(-45deg) }
.scheduleCon .control .btn_s_Next::after{transform:translate(-65%, -50%) rotate(135deg) }

.scheduleCon .calendar{table-layout: fixed;}
.scheduleCon .calendar thead th{padding:15px 0;font-size: 20px;font-weight: 500;text-align:center;background:#e7f4f0;border:1px solid #bde6d9;border-width: 1px 0 1px 1px;}
.scheduleCon .calendar thead th:first-child{color:#ff8244;border-left:0}
.scheduleCon .calendar thead th:last-child{color:#099246;}
.scheduleCon .calendar tbody td{position:relative;padding:10px 20px;width: 14.28%;height:190px;text-align: right;vertical-align: top;border:1px solid #ddd;border-width: 1px 0 1px 1px;}
.scheduleCon .calendar tbody td:first-child{border-left: 0;}
.scheduleCon .calendar tbody td .num{font-size: 20px;}
.scheduleCon .calendar tbody td.last .num{color:#bbb}
.scheduleCon .calendar tbody td:first-child{background:#f8f8f8}
.scheduleCon .calendar tbody td:first-child,
.scheduleCon .calendar tbody td:last-child{background:#f8f8f8}
.scheduleCon .calendar tbody td:last-child .num{color: #099246;}
.scheduleCon .calendar tbody td:first-child .num{color:#ff8244}
.scheduleCon .calendar tbody td.last:first-child .num{color:#ffb089}
.scheduleCon .calendar tbody td.last:last-child .num{color:#6bc191}
.scheduleCon .calendar tbody td .con{position:relative;margin:0 -20px;text-align: left;}
.scheduleCon .calendar tbody td .con ol{position:relative;margin-bottom:5px;z-index: 2;}
.scheduleCon .calendar tbody td .con ol li{position:relative;padding:2px 0px 2px 27px}
.scheduleCon .calendar tbody td .con ol li::before{position:absolute;top:8px;left:10px;width: 10px;height: 10px;content: '';background:#34bb6a;border-radius: 50%;}
.scheduleCon .calendar tbody td .con ol li.on::before{background:#ff8244}
.scheduleCon .calendar tbody td .con ol li span{font-weight:700}
.scheduleCon .calendar tbody td .con ol li:hover{background:#f5f5f5}
.scheduleCon .calendar tbody td .con ul{position:relative;margin-bottom:5px;z-index: 2;}
.scheduleCon .calendar tbody td .con ul li{position:relative;padding:2px 5px 2px 27px;white-space: nowrap;overflow: hidden;	text-overflow: ellipsis;}
.scheduleCon .calendar tbody td .con ul li::before{position:absolute;top:8px;left:10px;width: 10px;height: 10px;content: '';background:#34bb6a;border-radius: 50%;}
.scheduleCon .calendar tbody td .con ul li:hover{background:#f5f5f5}
.scheduleCon .calendar tbody td .con .etcNum{position:relative;display: inline-block;margin-left:10px;padding:0 8px;font-size: 14px;line-height: 20px;background:#ddd;border-radius: 4px;z-index: 2;}
.scheduleCon .calendar tbody td.today{background:#fff6f0}
.scheduleCon .calendar tbody td.today .con ol li:hover{background:#ffe2cf}
.scheduleCon .calendar tbody td.today .con ul li:hover{background:#ffe2cf}
.scheduleCon .calendar tbody td .clickBox{position:absolute;top:0;left:0;width: 100%;height: 100%;}
.scheduleCon .calendar tbody td .mbMore{display: none;}
.scheduleCon .sch_view{position:absolute;top:50%;left: 50%;padding:40px;width: 580px;background:#fff;transform: translate(-50%,-50%);box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index: 20;}
.scheduleCon .sch_view h3{margin-bottom:40px;line-height: 1;}
.scheduleCon .sch_view > table{border-bottom:1px solid #ddd;}
.scheduleCon .sch_view > table > thead > tr > th{padding:8px 0;font-size: 18px;font-weight: 500;text-align:center;background:#e7f4f0;border:1px solid #bde6d9;border-width: 1px 0 1px 1px;}
.scheduleCon .sch_view > table > thead > tr > th:first-child{border-left: 0;}
.scheduleCon .sch_view > table > tbody > tr > td{padding:0;border:0}
.scheduleCon .sch_view > table > tbody > tr > td table td{padding:8px 20px;width:60%;text-align: center;border:1px solid #ddd;border-width: 0 0 1px 1px;}
.scheduleCon .sch_view > table > tbody > tr > td table td:first-child{width: calc(40% + 2px);border-left: 0;}
.scheduleCon .mb_sch_view{display: none;}
.scheduleCon .sch_view > table > tbody > tr > td .bodyScroll{max-height: 240px;overflow: hidden;overflow-y: auto;}
.scheduleCon .sch_view > table > tbody > tr > td .bodyScroll table{width: calc(100% + 22px);}

.schTitle{margin-bottom: 35px;font-size: 35px;text-align: center;font-weight: 700;}
.schToInfor{padding:55px 55px 45px;background: #f8f8f8;}

.myStep{margin-bottom: 85px;}
.myStep ol{position:relative;display: flex;justify-content: space-between;}
.myStep ol::before{position:absolute;top:125px;left:10%;width: 80%;height: 0;content:'';border-top:2px dashed #ddd}
.myStep ol li{position:relative;flex: 1;text-align:center;z-index:2}
.myStep ol li::after{position:absolute;top:105px;right:-20px;width: 40px;height: 40px;content:'';background:url('/resources/img/my_arrow.png') no-repeat center / 100%;z-index:2}
.myStep ol li:last-child::after{display: none;}
.myStep ol li span{display: block;margin:0 auto 25px;padding-top:170px;width:250px;height: 250px;font-size:18px;background-repeat: no-repeat;background-position: center top;background-size: 100%;background-color: #fff;border:2px solid #ddd;border-radius: 50%;}
.myStep ol li b{font-size: 20px;font-weight: 500;}
.myStep ol li.ing span{color:#bbb}
.myStep ol li.end b{color:#2aba64}
.myStep ol li.ic1.ing span{background-image: url('/resources/img/sub/my_ic1_off.png');}
.myStep ol li.ic2.ing span{background-image: url('/resources/img/sub/my_ic2_off.png');}
.myStep ol li.ic3.ing span{background-image: url('/resources/img/sub/my_ic3_off.png');}
.myStep ol li.ic4.ing span{background-image: url('/resources/img/sub/my_ic4_off.png');}
.myStep ol li.ic1.end span{background-image: url('/resources/img/sub/my_ic1_on.png');}
.myStep ol li.ic2.end span{background-image: url('/resources/img/sub/my_ic2_on.png');}
.myStep ol li.ic3.end span{background-image: url('/resources/img/sub/my_ic3_on.png');}
.myStep ol li.ic4.end span{background-image: url('/resources/img/sub/my_ic4_on.png');}

.pc_print{margin-top:90px;}
.comlete_print{overflow-x: auto;}
.completeCon{position: relative;padding:60px;max-width:1600px;background:#ededed;border-radius: 5px;}
.completeCon::after{position: absolute;top:40px;right: 125px;width: 157px;height: 160px;content: '';background:#2aba64 url('/resources/img/sub/ic_complete.png') no-repeat center center;border-radius:5px}
.completeCon .completeBox{position: relative;padding:90px 90px 400px;text-align: center;background:#fff url('/resources/img/sub/complete_bg.png') no-repeat center 600px;border-radius: 5px;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.completeCon .completeBox .number{margin-bottom:280px;font-size: 30px;line-height: 1;text-align: left;}
.completeCon .completeBox h2{margin-bottom: 140px;font-size:120px;color: #2aba64;font-weight: 700;line-height: 1;}
.completeCon .completeBox h3{display: inline-block;margin-bottom: 200px;padding-bottom:30px;font-size:45px;color:#444;font-weight: 700;line-height: 1;border-bottom:5px solid #2aba64}
.completeCon .completeBox dl{display: flex;flex-wrap: wrap;margin:0 auto 180px;width: 700px;font-size: 40px;}
.completeCon .completeBox dl dt{position:relative;padding-right:30px;width: 200px;font-weight: 700;text-align: right;}
.completeCon .completeBox dl dt::after{position:absolute;top:0;right: 0;content: ':';}
.completeCon .completeBox dl dd{padding-left:20px;width: 500px;text-align: left;}
.completeCon .completeBox .txt1{margin-bottom: 130px;font-size: 30px;font-weight: 700;}
.completeCon .completeBox .txt2{margin-bottom: 60px;font-size: 40px;font-weight: 700;}
.completeCon .completeBox .txt3{padding-left:80px;font-size: 40px;font-weight: 700;}

.print_view .completeCon{padding: 30px;width: 100%;height: 100%;}
.print_view .completeCon::after{top: 10px;right: 55px;width: 117px;height: 120px;background-size: 50px;}
.print_view .completeCon .completeBox{padding: 40px 40px 85px;background-position:center 260px;background-size: 700px;}
.print_view .completeCon .completeBox .number{margin-bottom: 100px;font-size: 20px;}
.print_view .completeCon .completeBox h2{margin-bottom: 120px;font-size: 70px;}
.print_view .completeCon .completeBox h3{margin-bottom: 70px;padding-bottom:15px; font-size: 35px;}
.print_view .completeCon .completeBox dl{margin-bottom:80px;width: 460px;font-size: 25px;}
.print_view .completeCon .completeBox dl dt{padding-right: 20px;width: 130px;}
.print_view .completeCon .completeBox dl dd{padding-left: 10px;width: 330px;}
.print_view .completeCon .completeBox .txt1{margin-bottom: 100px;font-size: 20px;}
.print_view .completeCon .completeBox .txt2{margin-bottom: 30px;font-size: 25px;}
.print_view .completeCon .completeBox .txt3{padding-left: 50px;font-size: 25px;}
.print_view .completeCon .completeBox .txt3 img{width: 80px;}

.mb_print{display: none;}

/* 로그인 및 회원가입 */
.login_top{padding-top:120px;}
.mt_login{margin-top:100px;}
.login-wrap {table-layout: fixed; display: table;position: relative;width: 100%;height: 100%;margin: 0;padding: 0;}
.join-wrap02 {margin: 225px 0 90px;}
.login-wrap h1 {font-size: 38px; color: #000; text-align: center;}
.login-wrap p {width: 100%;margin: 0 0 30px;font-size: 17px;color: #777;text-align: center;}
.login-wrap .login-cont {display: block;width: 100%;max-width: 420px;margin: 0 auto 80px;}
.login-area {}
.login-area .form-group {position: relative;margin-bottom: 10px;}
.login-area .form-group input[type=text], .login-area .form-group input[type=password] {font-family: 'Noto Sans KR', sans-serif;
	border: 1px solid #d8d8d8;height: 45px;font-size: 14px;box-sizing: border-box;
	-webkit-appearance: none;border-radius: 0;    width: 100%;padding: 15px;height: 50px;padding-left: 50px;}
.login-area .form-group .log-ic {position: absolute;left: 20px;top: 14px;opacity: .5;}
.login-btn {}
.login-btn button,
.login-btn a{display:block;text-align:center;width: 100%;height: 50px;color: #fff;font-size: 18px;font-weight: 600;margin-bottom: 10px; line-height:50px}
.login-btn .b1 {background:#34bb6a}
.login-btn .b1:hover {background:#22a958; transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;}
.login-btn .b2 {background:#444;}
.login-btn .b2:hover {background:#222; transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;}
.login-btn .b3 {background: #444; float: left; width: 50%; height: 120px; }
.login-btn .b2 .join-info{font-weight: 400; font-size: 15px; padding: 10px 0 0 0; display: inline-block;font-family: 'Noto Sans KR', sans-serif;}
.login-idpw{overflow:hidden}
.login-idpw a{display:flex;align-items:center;float:left;width:calc(50% - 5px);height:50px;text-align:center;background-color:#444;color:#fff;line-height:1.2em;justify-content:center}
.login-idpw a:hover{background-color:#222; text-decoration:none; transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;}
.login-idpw a:nth-of-type(1){margin-right:10px}
.find-id #login_email{margin-bottom:10px;width:100%}

.sub-mT {margin-top:60px;}
.joinArea {display:block;width:100%;max-width: 1000px;margin: 0 auto;padding:15px;box-sizing:border-box;}
.juminchForm {display:block;width:100%;margin:35px 0;padding:35px;background:#fff;border:1px solid #eee;overflow:hidden;box-sizing:border-box;}
.juminchForm > h1 {margin:0 0 35px;padding:10px;font-size:16px;font-weight:500;color:#333;text-align:left;border-bottom:1px solid #eee;box-sizing:border-box;}
.juminchForm > dl {display:table;width:100%;margin:25px 0;overflow:hidden;}
.juminchForm > dl > dt {display:table-cell;width:100px;font-size:14px;text-align:left;vertical-align:middle;}
.juminchForm > dl > dd {display:table-cell;width:auto;text-align:left;}
.juminchForm > dl > dd > ul {display:table;width:100%;margin:0;}
.juminchForm > dl > dd > ul > li {display:table-cell;width:48%;text-align:center;}
.juminchForm > dl > dd > ul > li > span {line-height:35px;}
.juminchForm > dl > dd > ul > li + li {width:auto;}
.juminchForm > dl > dd > ul > li + li + li {width:48%;}

.joinForm {display:inline-block;width:100%;margin: 0 0 35px;padding:50px 35px;background:#fff;border:1px solid #222;overflow:hidden;box-sizing:border-box;}
.joinForm-inner {display:inline-block;width:100%;margin:25px 0 15px;padding:0;} 
.joinForm-inner:first-child {margin:  0 0;}
.joinForm-inner > h2 { padding:10px;font-size:18px;font-weight:600;color:#333;text-align:left; box-sizing:border-box;}
.joinForm-inner > h2 > span {margin:0 5px;color:#000; vertical-align:baseline;}

.joinForm-inner-conts {width:100%;margin:0;padding:10px;box-sizing:border-box;}
.joinForm-inner-conts > textarea {width:100%;margin:0;padding:25px;overflow:auto;box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif;color: #5c5c5c;font-size: 15px;}
.joinForm-inner-conts > textarea > * {line-height:1.65;font-size:16px;color:#333;}

.joinForm-inner-btn {width:100%;margin:0;padding:0 10px;box-sizing:border-box;text-align:left;}
.joinForm-inner-btn > label {display:inline-block;cursor:pointer; font-family: 'Noto Sans KR', sans-serif;}
.joinForm-inner-btn > label > input[type=checkbox] {display:inline-block;margin:0 5px;}
.joinForm-inner-btn > label > span {display:inline-block;line-height:1.6;margin:0;padding:0;font-size:14px;color:#333;}
.btn-wrap {text-align: center;}
.btn-wrap button {font-size: 17px;text-align: center;padding: 15px 0;width: 145px;margin: 0 3px;}
.btn-wrap .b1 {background: #34bb6a;color: #fff;}
.btn-wrap .b2 {background: #d8d8d8;}

.join-list {width: 550px;margin: 0 auto;}
.join-list ul li {float: left;margin:55px 4% 30px;text-align: center;}
.join-list ul li a {display: block; width: 230px;height: 250px;background: #4ebdc5;text-align: center;color: #fff;border-radius: 0 0 0 35px;transition: all 0.5s ease;  -webkit-transition: all 0.5s ease}
.join-list ul li a:hover {text-decoration: none;    background: #22858d;}
.join-list ul li:nth-child(2) a {background: #444;}
.join-list ul li:nth-child(2):hover a {background: #0070d9;}
.join-list ul li a span {font-size: 22px;padding-top: 75px;display: block; line-height: 1.4em;}
.join-list ul li a span i {display: block;font-size: 45px;color: #fff;margin-left: -13px;}
.join-list ul li a span b{display: block; font-size: 17px; font-weight: normal; line-height: 1.3em;}

.jconfirm-box-container {}
.jconfirm-box {width: 300px !important;margin: 0 auto;position: absolute !important;left: 50%;transform: translate(-50%, 0);}
.cardLine {border: 1px solid #333;padding: 50px;font-family: 'Noto Sans KR', sans-serif;max-width: 800px;width: 100%;border-radius: 10px;}
.cardLine1 {max-width:100%;border: 0;box-shadow: -1px 1px 12px 0px #d8d8d8}
.card .card-header {font-size: 20px;}
.card .card-header span {font-size:14px;}
.cardLine p label {margin-bottom: 18px;display: block;border-top: 1px dashed #b7b7b7;padding-top: 20px;}
.cardLine .break-all {color: #797979;font-size: 14px;letter-spacing: 0.05em;}
.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;/*margin: 15px 0;*/}
.row .sTit {font-size: 17px;font-weight: 500;color: #e36565;}
.col-md-6 {-ms-flex: 0 0 48%;flex: 0 0 48%;max-width: 48%;margin-right: 2%;}
.col-md-6:nth-child(2) {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;margin-right: 0;}
.col-md-3 {-ms-flex: 0 0 31%;flex: 0 0 31%;max-width: 31%;margin-right: 2%;}
.col-md-3:nth-child(3) {-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 33%;margin-right: 0;}
.col-md-4 {-ms-flex: 0 0 24%;flex: 0 0 24%;max-width: 24%;margin-right: 1%;}
.col-md-4:nth-child(4), .col-md-4:nth-child(8) {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;margin-right: 0;}
.col-md-4-2 input {width: 48% !important;}
.txt-warning {font-size: 14px;color: #a7a7a7;}
.col-md-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.form-tar{display: inline-block; color:#162796; padding: 10px 0 0 0; }
/*.col-md-12none input[type="text"] {display:none !important;}*/
.form-tar-red{display: block; color:#0266d9; }
.input-group {position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: stretch;align-items: stretch;width: 100%;}
.card .card-body .form-group {}
.card .card-body .form-group .form_in{font-size:0; text-align:left}
.card .card-body .form-group .form_in label{font-size:16px;}
.card .card-body .form-group label {margin-bottom: 7px;display: block;}
.card .card-body .form-group input {width: 100%;padding: 5px;border: 1px solid #d8d8d8;height: 45px;font-size: 15px;box-sizing: border-box;-webkit-appearance: none;border-radius: 0;    font-family: 'Noto Sans KR', sans-serif;}
.card .card-body .form-group select {width: 100%;padding: 5px;border: 1px solid #d8d8d8;height: 45px;font-size: 15px;box-sizing: border-box;border-radius: 0;font-family: 'Noto Sans KR', sans-serif;color: #3c3c3c;}
.card .card-body .form-group .formT1 {width: 80%;}
.card .card-body .form-group .formT2 {width: 95%;}
.card .card-body .form-group .formT3 {width: 90%;}
.card .card-body .form-group .btnT1 {text-align: center;border: 1px solid #34bb6a;margin-left: 2%;width: 18%;font-size: 15px;font-family: 'Noto Sans KR', sans-serif;background:#34bb6a;color: #fff;}
.fileBox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.col-md-12none input[type="text"] {width: 80% !important;display: inline-block;vertical-align: text-top;border-radius: 0;height: 45px;}
.fileBox input[type="button"] {vertical-align: text-top;border: 0 !important;margin-top: 1px;padding: 5px;height: 45px;font-size: 15px;box-sizing: border-box;-webkit-appearance: none;border-radius: 0;font-family: 'Noto Sans KR', sans-serif;}
.col-md-12 .break-all {font-size:14px;color: #676767;font-family: 'Noto Sans KR', sans-serif;}
.rowLine {border-top: 1px dashed #b7b7b7;margin-top: 30px;display: block;padding-bottom: 10px;}
.rowLine1 {margin-top:40px;}
.text-right {margin-top:40px;}
.card .card-body .form-group input[type=radio] {width: 15px;height: 15px;border-radius: 50px;float: left;margin-top: 10px;}
.f-input {float: left;width: 10%;}
.input-file {width: 80% !important;display: inline-block;vertical-align: top;border-radius: 0;}
.btn-file1 {margin-top:-1px;}
.ui-btn.red {margin-top: 8px;}

.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {display: inline-block;padding: .5em .75em;color: #999;font-size: inherit;line-height: normal;vertical-align: middle;background-color: #fdfdfd;cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em;}
.filebox .upload-name {display: inline-block;padding: .5em .75em;font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;
  background-color: #f5f5f5;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.filebox.bs3-primary label {color: #fff;background-color: #337ab7;border-color: #2e6da4;}
.filebox .f-input {width: 80% !important;display: inline-block;vertical-align: top;border-radius: 0;}
.filebox .f-btn {width: 14% !important;vertical-align: top;text-align: center;border-radius: 0;margin-left: 3px;margin-top: -2px;display: inline-block !important;padding: .58em .75em;}
#btnAddr{background: #34bb6a;color: #fff;border: 1px solid #34bb6a;}

.ui-btn.white {background: #fefefe;border-color: #26348b;color: #fff;width: 100px;border-radius: 0;height: 48px;font-size: 17px;line-height: 2; background: #26348b;text-align: center;display: block;}
.ui-btn.white:hover {background: #7a7e96;border-color: #7a7e96;}
.ui-btn i {margin-right:8px;}
.card .card-body .form-group input.addFile {width:calc(20% - 5px); display: inline-block; font-size: 16px; height: 45px; padding: 5px 15px; cursor: pointer; text-decoration: none; color: #fff; background: #34bb6a; border: 1px solid #34bb6a; vertical-align: top; margin-bottom: 5px; margin-left: 5px;}




.find-pw {width: 550px;margin: 50px auto 0;border: 1px solid #bababa;padding: 50px;}
.find-pw .before a {}
.find-pw .before a i {display: inline-block;font-size: 25px;background: #34bb6a;color: #fff;padding: 11px;border-radius: 50%;}
.find-pw .login {padding: 15px 0;}
.find-pw .login h1 {font-size: 17px;margin-bottom: 15px;}
.find-pw .login h1 span {}
.find-pw .login_fieldset {}
.find-pw .login_fieldset .login_form {}
.find-pw .login_fieldset .login_form dt {}
.find-pw .login_fieldset .login_form dt input {width: 47%;}
.find-pw .login_fieldset .login_form dt label i {font-weight: 900;color:#34bb6a;}
.find-pw .login_fieldset .find-pw-btn button {font-size: 17px;text-align: center;display: block;width: 100%;padding: 15px;margin-top: 15px;background:#34bb6a;color: #fff;border-radius: 5px;}
.find-pw .login_fieldset .find-pw-btn button:hover {background: #22a958;transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;}
.h3-title{color:#036d36;font-size:1.875rem;font-weight:bold;text-align:center;margin-bottom:30px;}
.item-joinselect{overflow:hidden;}
.item-joinselect > li{margin:0 auto; width:480px;padding:70px;text-align:center;border:2px solid #d9d9d9;border-radius:10px;font-size:1.25rem}
.item-joinselect .img{height:105px;}
.item-joinselect .img img{max-height:100%}
.item-joinselect .caption{font-size:1.875rem;font-weight:bold;margin-top:20px}
.item-joinselect .con{color:#9f9f9f;margin:20px 0 50px 0}
.item-joinselect .btn-go{color:#fff;width:180px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#34bb6a;margin:0 auto}
.item-joinselect .btn-go:hover{background-color:#22a958; text-decoration:none; transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;}


/*사업단소개*/
.subConBox .conBoxIn{width:100%; max-width:1400px; margin:0 auto;}
#tab-1 .conBox01{width:100%; margin-bottom:40px;}
#tab-1 .conBox01 ul{position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; }
#tab-1 .conBox01 ul li{display:flex; flex-wrap:wrap; align-items:center; width:46%; min-height:160px; text-align:center; font-size:18px; border-radius:10px; border:3px dashed #34bb6a; box-sizing:border-box; padding:0 30px;}
#tab-1 .conBox01 ul li span{width:100%; word-break:keep-all;}
#tab-1 .conBox01 ul li span em.xs-txt{position:relative; padding-right:7px;}
#tab-1 .conBox01 ul li span em.xs-txt::after{position:absolute; top:0; right:0; content:'3'; font-size:10px;}
#tab-1 .conBox01 ul li::before{content:''; position:absolute; top:50%; left:50%; margin-top:-18px; margin-left:-4px; width:8px; height:36px; background:#34bb6a;}
#tab-1 .conBox01 ul li::after{content:''; position:absolute; top:50%; left:50%; margin-top:-4px; margin-left:-18px; width:36px; height:8px; background:#34bb6a;}
#tab-1 .conBox02{width:100%; margin-bottom:40px;}
#tab-1 .conBox02 .conVsn{overflow:hidden; width:100%; border-radius:10px; border:1px solid #ddd; display:flex; flex-wrap:wrap; flex-flow:row; justify-content:space-between; align-items:center;}
#tab-1 .conBox02 .conVsn dt{width:20%; font-size:20px; color:#34bb6a; font-weight:600; background:#f5f5f5; padding:50px 20px; text-align:center;}
#tab-1 .conBox02 .conVsn dd{width:80%; text-align:center; font-size:18px; font-weight:600; padding:0 30px; word-break:keep-all;}
#tab-1 .conBox-in{width:100%;}
#tab-1 .conBox-in > dl{display:flex; flex-wrap:wrap; flex-flow:row; justify-content:space-between; align-items:center;}
#tab-1 .conBox-in > dl > dt{width:20%; font-size:20px; font-weight:600; text-align:center;}
#tab-1 .conBox-in > dl > dd{width:80%;}
#tab-1 .conBox-in > ul > li span em.xs-txt{position:relative; padding-right:7px;}
#tab-1 .conBox-in > ul > li span em.xs-txt::after{position:absolute; top:0; right:0; content:'3'; font-size:10px;}
#tab-1 .conBox03 dl dd ul{display:flex; flex-wrap:wrap; flex-flow:row; justify-content:space-between; align-items:center;}
#tab-1 .conBox03 dl dd ul li{width:240px; height:240px; border-radius:200px; background:#eaf3ef; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
#tab-1 .conBox03 dl dd ul li span{text-align:center; font-size:20px;}
#tab-1 .conBox04{margin-top:-40px; margin-bottom:60px;}
#tab-1 .conBox04 dl dt{color:#34bb6a;}
#tab-1 .conBox04 dl dd ul{display:flex; flex-flow:row; justify-content:space-between; align-items:center;}
#tab-1 .conBox04 dl dd ul li{position:relative; width:240px; height:240px; border-radius:200px; background:#34bb6a; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
#tab-1 .conBox04 dl dd ul li::before{content:''; position:absolute; top:20px; left:50%; width:62px; height:66px; margin-left:-31px; background:url('/resources/images/home/flow-arrow.png') center top no-repeat;}
#tab-1 .conBox04 dl dd ul li span{text-align:center; font-size:20px; color:#fff;}
#tab-1 .conBox04 dl dd ul li span em.xs-txt{position:relative;padding-right:7px}
#tab-1 .conBox04 dl dd ul li span em.xs-txt::after{position:absolute; top:0; right:0; content:'3'; font-size:10px;}
#tab-1 .conBox05{margin-bottom:40px;}
#tab-1 .conBox05 dl{align-items:flex-start;}
#tab-1 .conBox05 dd{}
#tab-1 .conBox06 dl{align-items:flex-start;}
#tab-1 .listBoxA{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; border:2px solid #ddd; border-radius:10px; padding:20px; margin-bottom:10px;}
#tab-1 .listBoxA dl{width:20%; padding:0 1%;  word-break:keep-all;}
#tab-1 .listBoxA dl dt{font-weight:600; position:relative; padding-left:10px;}
#tab-1 .listBoxA dl dt::before{position:absolute; top:10px; left:0; width:4px; height:4px; background:#34bb6a; content:'';}
#tab-1 .listBoxB{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
#tab-1 .listBoxB dl{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; border:2px solid #ddd; border-radius:10px; padding:20px 30px; height:270px; width:48%;}
#tab-1 .listBoxB dl dt{width:100%;  font-weight:600; padding:10px 0; text-align:center; background:#f5f5f5; margin-bottom:20px;}
#tab-1 .listBoxB dl dd{width:48%; position:relative; padding-left:10px;}
#tab-1 .listBoxB dl dd::before{position:absolute; top:10px; left:0; width:4px; height:4px; background:#34bb6a; content:'';}
#tab-1 .listBoxC{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; border:2px solid #ddd; border-radius:10px; padding:20px;}
#tab-1 .listBoxC dl{width:20%; padding:0 1%;}                                                                                    
#tab-1 .listBoxC dl dt{font-weight:600; position:relative; padding-left:10px; word-break:keep-all;}                                                                    
#tab-1 .listBoxC dl dt::before{position:absolute; top:10px; left:0; width:4px; height:4px; background:#34bb6a; content:'';}#tab-2 .vsn-box{margin-bottom:40px;padding:30px; text-align:center; font-size:24px; font-weight:600; word-break:keep-all; background:#f5f5f5; border-radius:10px;}

#tab-2 .conBox07{width:100%; margin-bottom:60px;}
#tab-2 .conBox07 ul{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
#tab-2 .conBox07 ul li{position:relative; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:240px; height:240px; border-radius:200px; background:#eaf3ef;}
#tab-2 .conBox07 ul li::after{content:''; position:absolute; top:50%; right:-38%; width:62px; height:66px; margin-top:-31px;  transform: rotate(90deg); z-index:99; background:url('/resources/images/home/flow-arrow02.png') center center no-repeat;}
#tab-2 .conBox07 ul li:last-child::after{display:none;}
#tab-2 .conBox07 ul li span{font-size:16px; text-align:center;}
#tab-2 .conBox07 ul li span em{display:block; font-weight:600; font-size:24px; margin-bottom:10px; color:#34bb6a;}
#tab-2 .conBox-in{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
#tab-2 .conBox-in dl{width:48%; flex-shrink:0;}
#tab-2 .conBox-in dl dt{border-radius:10px 10px 0 0; background:#444; color:#fff; font-weight:600; text-align:center; padding:20px 0;}
#tab-2 .conBox-in dl dd{border:2px solid #ddd; border-radius:0 0 10px 10px; border-top:none; padding:20px;}
#tab-2 .conBox-in dl dd span{display:block; position:relative; padding-left:10px;}
#tab-2 .conBox-in dl dd span::before{position:absolute; top:10px; left:0; width:4px; height:4px; background:#34bb6a; content:'';}
#tab-2 .conBox08,#tab-2 .conBox09{margin-bottom:60px;}
#tab-2 .conBox09 dl{width:30%; flex-shrink:0;}
#tab-2 .conBox09 dl dd{height:200px;}
#tab-2 .conBox09 dl.dl-mid{position:relative;}
#tab-2 .conBox09 dl.dl-mid::before{content:''; position:absolute; top:50%; left:-45px; width:50px; height:54px; margin-top:-25px;  transform: rotate(-90deg); background:url('/resources/images/home/flow-arrow02.png') left top/contain no-repeat;}
#tab-2 .conBox09 dl.dl-mid::after{content:''; position:absolute; top:50%; right:-45px; width:50px; height:54px; margin-top:-25px;  transform: rotate(90deg); background:url('/resources/images/home/flow-arrow02.png') left top/contain no-repeat;}
#tab-2 .conBox10{border:2px dashed #ddd; border-radius:10px; padding:20px; position:relative; margin-top:83px;}
#tab-2 .conBox10::before{content:''; position:absolute; top:-75px;; left:50%; margin-left:-90px; width:181px; height:83px; background:url('/resources/images/home/flow-arrow03.png') left top no-repeat;}
#tab-2 .conBox10 dl{width:22%; flex-shrink:0;}
#tab-2 .conBox10 dl dt{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:130px; border-radius:200; padding:15px; text-align:center; background:#34bb6a; color:#fff; font-weight:600; font-size:22px;}
#tab-2 .conBox10 dl dt span{width:100%; flex-shrink:0;}
#tab-2 .conBox10 dl dd{display:flex; flex-wrap:wrap; justify-content:left; align-items:center; height:110px; background:#f8f8f8; text-align:center; word-break:keep-all;}
#tab-2 .conBox10 dl dd span{width:100%; flex-shrink:0;}
#tab-2 .conBox10 dl dd span::before{display:none;}

#tab-3 .conBox11{}
#tab-3 .conBox11 .timeline{margin-top:80px;}
#tab-3 .conBox11 .timeline .timeline-ul{width:100%; height:100%;position:relative; overflow:hidden;}
#tab-3 .conBox11 .timeline .timeline-ul::after{z-index:-1; content:''; position:absolute; top:0; left:50%; margin-left:-5px; width:10px; height:100%; background:linear-gradient(to bottom, #ecf3f8, #ecf8ef);}
#tab-3 .timeline-ul .timeline-li{width:100%; position:relative; margin-bottom:50px;}
#tab-3 .timeline-li .timeline-flow{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:240px; height:240px; border:2px solid #34bb6a; background:#fff; border-radius:200px; margin:0 auto;}
#tab-3 .timeline-li .timeline-flow .flow-in{display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
#tab-3 .timeline-li .timeline-flow .timeline-num01{position:relative;}
#tab-3 .timeline-li .timeline-flow .timeline-num01::after{font-size:130px; color:#f6f6f6; font-weight:600; content:'01'; position:absolute; top:50%; left:50%; margin-left:-76px; margin-top:-104px; z-index:1;}
#tab-3 .timeline-li .timeline-flow .timeline-num02{position:relative;}
#tab-3 .timeline-li .timeline-flow .timeline-num02::after{font-size:130px; color:#f6f6f6; font-weight:600; content:'02'; position:absolute; top:50%; left:50%; margin-left:-76px; margin-top:-104px; z-index:1;}
#tab-3 .timeline-li .timeline-flow .timeline-num03{position:relative;}
#tab-3 .timeline-li .timeline-flow .timeline-num03::after{font-size:130px; color:#f6f6f6; font-weight:600; content:'03'; position:absolute; top:50%; left:50%; margin-left:-76px; margin-top:-104px; z-index:1;}
#tab-3 .timeline-li .timeline-flow .timeline-num04{position:relative;}
#tab-3 .timeline-li .timeline-flow .timeline-num04::after{font-size:130px; color:#f6f6f6; font-weight:600; content:'04'; position:absolute; top:50%; left:50%; margin-left:-76px; margin-top:-104px; z-index:1;}
#tab-3 .timeline-li .timeline-flow .timeline-year{position:relative; z-index:2; width:100%; font-size:24px; color:#34bb6a; font-weight:600; text-align:center; display:block;}
#tab-3 .timeline-li .timeline-flow .timeline-keyword{position:relative; z-index:2; width:100%;  font-size:18px; text-align:center; word-break:keep-all;}
#tab-3 .timeline-left .timeline-list{width:35%; position:absolute; top:20px; left:0; text-align:right;}
#tab-3 .timeline-right .timeline-list{width:35%; position:absolute; top:20px; right:0;}
#tab-3 .timeline-list dl{}
#tab-3 .timeline-li .timeline-list dl dt{font-size:24px; font-weight:600; color:#34bb6a; margin-bottom:10px;}
#tab-3 .timeline-li .timeline-list dl dd{border-bottom:1px dashed #ddd; padding-bottom:5px; margin-bottom:5px; word-break:keep-all;}
#tab-3 .timeline-left .timeline-list dl dd{position:relative; padding-right:15px;}
#tab-3 .timeline-left .timeline-list dl dd::after{content:''; width:4px; height:4px; position:absolute; top:10px; right:0; background:#34bb6a;}
#tab-3 .timeline-right .timeline-list dl dd{position:relative; padding-left:15px;}
#tab-3 .timeline-right .timeline-list dl dd::before{content:''; width:4px; height:4px; position:absolute; top:10px; left:0; background:#34bb6a;}
#tab-3 .timeline-ul .timeline-li:last-child{margin-bottom:0;}

#tab-4 .conBox12{}
#tab-4 .conBox12 .slogan{margin-bottom:40px;padding:30px; text-align:center; font-size:24px; font-weight:600; word-break:keep-all; background:#f5f5f5; border-radius:10px;}
#tab-4 .conBox12 .imglist{}
#tab-4 .imglist .imglist-ul{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
#tab-4 .imglist .imglist-ul > li{width:30%; border-radius:10px; border:2px solid #ddd; overflow:hidden;}
#tab-4 .imglist-thumb{height:180px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
#tab-4 .thumb01{background:url('/resources/images/home/li-img01.png') center top/cover no-repeat;}
#tab-4 .thumb02{background:url('/resources/images/home/li-img02.png') center top/cover no-repeat;}
#tab-4 .thumb03{background:url('/resources/images/home/li-img03.png') center top/cover no-repeat;}
#tab-4 .imglist-thumb .imglist-title{width:100%; font-size:24px; font-weight:600; color:#fff; text-align:center;}
#tab-4 .imglist-box{min-height:300px; padding:20px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
#tab-4 .imglist-box dl{width:100%;}
#tab-4 .imglist-box ul{width:100%;}
#tab-4 .imglist-box dl dt{font-size:20px; font-weight:600; text-align:center; margin-bottom:10px;}
#tab-4 .imglist-box dl dt.dt-two{padding-top:15px; border-top:2px solid #ddd;}
#tab-4 .imglist-box dl dd{border-bottom:1px dashed #ddd; padding-bottom:5px; margin-bottom:5px; word-break:keep-all; position:relative; padding-left:10px;}
#tab-4 .imglist-box dl dd::before{position:absolute; top:10px; left:0; width:4px; height:4px; content:''; background:#34bb6a;}
#tab-4 .imglist-box dl dd.brd-none{border:none;}
#tab-4 .imglist-box ul li{text-align:center; font-size:20px; font-weight:600; border-bottom:1px dashed #ddd; padding-bottom:5px; margin-bottom:5px; word-break:keep-all; position:relative; padding-left:10px;}



/*
================================================================================
반응형 서브 콘텐츠
================================================================================
*/


@media all and (max-width:1400px){
	
	.goLinkBox{height:auto;}
	.goLinkBox .linkTitle{font-size:30px;}
	.goLinkBox .linkText{font-size:16px;}
	.goLinkBox .linkBtn{font-size:16px;}
	#tab-1 .listBoxB dl{height: 300px;}
}

 /* TABLET Device */
@media all and (max-width:1200px){

	.tabMenu{margin:0 -30px 50px}

/*	.bbs_top .boadSearchA{float: none;text-align: center;}*/
	.boadSearchA .inpW{width:200px}

	.boadSearchB{padding-right: 40px;text-align: center;}
	.boadSearchB dl{/*margin-bottom:20px;*/text-align: left; align-items:flex-start;}
/*	.boadSearchB dl dt{width: 110px;}*/
	.boadSearchB dl dd{width: calc(100% - 110px); display:flex; flex-wrap:wrap; justify-content:space-between;}
	.boadSearchB dl dd .inpW{width: 100%;}
	.boadSearchB dl dd .select{min-width:100px !important;width: 100%;}
	.boadSearchB dl dd .select.sw50{min-width:49.5% !important;width:49.5%;}
	.boadSearchB .btn{position:absolute; top:32px; right:28px;}

	.listTypeB > ul{display: block;}
	.listTypeB > ul > li{width: 100%;}

	.viewTypeB{padding:0}
	.viewTypeB::after{display: none}
	.viewTypeB .viewBox{display: block}
	.viewTypeB .photoInfor{width: 100%;}
	.viewTypeB .photoInfor .photo img{width: 100%;}
	.viewTypeB .photoInfor .con{padding:30px}


	.viewTypeB .conInfor{padding:60px;width: 100%;background: #f8f8f8;}
	.viewTypeB .conInfor h3{margin-bottom:50px;height: auto;}

	.writeTypeA{padding: 40px 30px;}
	.writeTypeA .winp_list > li{width: calc(50% - 10px);}
	.writeTypeA .winp_list.li3 > li{width: calc(33.33% - 10px);}

	.writeTypeA .check_list2 > li{width: 25%;}

	.listTypeD > ul > li{flex-wrap: wrap;}
	.listTypeD > ul > li .img img{height: 100%;}
	.listTypeD > ul > li .con{width: calc(100% - 390px);}
	.listTypeD > ul > li .btn{width: 100%;height: 130px;}
	
	.listTypeE > ul > li{flex-wrap: wrap;}
	.listTypeE > ul > li .con{width: 100%;}
	.listTypeE > ul > li .con .txt{height:42px;}
	.listTypeE > ul > li .btn{width: 100%;height: 130px;}

	.listTypeG > ul > li{padding:40px 20px;}
	.listTypeG ul li .box{padding: 0 0 0 300px;}

	.listTypeH ul li{width:33.3%;}
	.listTypeH .cf li{width:33.3%;}

	.boadSearchC dl{width: 100%;}
	.boadSearchC .ser_btn_con{position: relative;right: 0;bottom: 0;margin-top:20px;width:100%;text-align: center;}

	.boadSearchD dl{}
	.boadSearchD dl dd.w100{width:calc(100% - 90px);}
	.boadSearchD .ser_btn_con{position: relative;right: 0;bottom: 0;margin-top:20px;width:100%;text-align: center;}

	.myStep ol li span{margin: 0 auto 20px;	padding-top: 120px;	width: 180px;height: 180px;}
	.myStep ol li::after{top: 65px;}
	.myStep ol::before{top:85px;}

	
	/*.completeCon{margin-top: 60px;padding: 40px;}
	.completeCon::after{top: 20px;right: 75px;width: 127px;height: 130px;background-size: 50px;}
	.completeCon .completeBox{padding: 40px 40px 130px;background-size: 80%;}
	.completeCon .completeBox .number{margin-bottom: 200px;}
	.completeCon .completeBox h2{margin-bottom:80px;font-size: 80px;}
	.completeCon .completeBox h3{margin-bottom: 130px;padding-bottom: 20px;font-size: 35px;}
	.completeCon .completeBox dl{font-size: 30px;margin-bottom:100px;width: 580px;}
	.completeCon .completeBox dl dt{width: 170px;}
	.completeCon .completeBox dl dd{width: 400px;}
	.completeCon .completeBox .txt1{margin-bottom: 100px;font-size: 22px;}
	.completeCon .completeBox .txt2{margin-bottom: 40px;font-size: 28px;}
	.completeCon .completeBox .txt3{padding-left: 60px;font-size: 22px;}
	.completeCon .completeBox .txt3 img{width: 70px;}*/
	
	.goLinkBox li{padding:60px;}

	/*기관소개*/
	#tab-1 .conBox03 dl dd ul li,#tab-1 .conBox04 dl dd ul li{width:200px; height:200px;}
	#tab-1 .conBox04 dl dd ul li::before{z-index:1;}
	#tab-1 .conBox04 dl dd ul li span{position:relative; z-index:2;}
	#tab-1 .listBoxB dl{height: 350px;}
	#tab-2 .conBox07 ul li{width:210px; height:210px;}
	#tab-2 .conBox07 ul li::after{background-size:contain; height:40px; right:-35%;}
	#tab-2 .conBox10 dl dt{font-size:18px; line-height:24px;}
}

@media all and (max-width:1024px){
	#tab-1 .conBox03 dl dd ul li,#tab-1 .conBox04 dl dd ul li{width:150px; height:150px;}
	#tab-1 .conBox03 dl dd ul li span,#tab-1 .conBox04 dl dd ul li span{font-size:16px;}
	#tab-1 .conBox04 dl dd ul li::before{background-size:contain; height:30px;}
	#tab-1 .listBoxA dl{width:25%; margin-bottom:20px;}
	#tab-1 .listBoxC dl{width:25%; margin-bottom:10px;}
	#tab-1 .listBoxB dl{width:100%; height:auto; margin-bottom:10px;}
	#tab-2 .conBox07 ul li::after{background-size:contain; height:40px; right:-50px;}
	#tab-3 .timeline-ul .timeline-li{display:flex; justify-content:left; align-items:center; width:100%; position:relative; margin-bottom:50px;}
	#tab-3 .timeline-li .timeline-flow{margin:0;}
	#tab-3 .timeline-left .timeline-list{width:calc(100% - 280px); text-align:left; position:relative; top:auto; margin-left:40px;}
	#tab-3 .timeline-left .timeline-list dl dd{padding-left:15px; padding-right:0;}
	#tab-3 .timeline-left .timeline-list dl dd::before{content:''; width:4px; height:4px; position:absolute; top:10px; left:0; right:auto; background:#34bb6a;}
	#tab-3 .timeline-left .timeline-list dl dd::after{display:none;}
	#tab-3 .conBox11 .timeline .timeline-ul::after{top:20%; left:120px;}
	#tab-3 .timeline-right .timeline-list{width:calc(100% - 280px); text-align:left; position:relative; top:auto; margin-left:40px;}
	#tab-4 .conBox12 .slogan{font-size:18px;}
	#tab-4 .imglist .imglist-ul > li{width:100%; margin-bottom:20px;}
	#tab-4 .imglist .imglist-ul > li:last-child{margin-bottom:0;}
	#tab-4 .imglist-thumb{height:auto; padding:30px 0;}
	#tab-4 .imglist-thumb .imglist-title{font-size:20px;}
	#tab-4 .imglist-box{min-height:auto;}
	#tab-4 .imglist-box dl dt{font-size:18px; text-align:left;}
	#tab-4 .imglist-box ul li{font-size:16px;}
	#tab-4 .imglist-box dl dt{font-size:16px; margin-bottom:5px;}

}

 @media all and (max-width:970px){
	.listTypeD > ul > li .con .btn_view{margin-bottom:20px;}
    .eduTitleBox .eduIcon{display:none;}
    .eduTitleBox .eduTextBox{width:100%;}
	.boardTitleBox .boardIcon{display:none;}
	.boardTitleBox .boardTextBox{width:100%;}
	.boardTitleBox h3.boardTitle{font-size:24px;line-height:34px}
	
	.listTypeF thead th.th05{width:15%;}
	.listTypeF tbody td .btn_modify{width:100%;}
	.listTypeF tbody td .btn_del{width:100%; margin-left:0; margin-top:7%;}

	.goLinkBox li{padding:40px; margin-right:0; width:100%; margin-bottom:5%;}
	.goLinkBox li:last-child{margin-bottom:0;}
	.goLinkBox li::after{top:auto; margin-top:0; bottom:-7px; right:-12px; width:200px; height:200px;}
	.goLinkBox .linkTitle{font-size:24px;}
	.goLinkBox .linkBtn{padding:20px;}

	/* four items */
	.tabMenu3-wrap ul li:nth-child(1){border-bottom:1px solid #ddd;}
	.tabMenu3-wrap ul li:nth-child(2){border-right:0; border-bottom:1px solid #ddd;}
	.tabMenu3-wrap ul li:first-child:nth-last-child(4),
	.tabMenu3-wrap ul li:first-child:nth-last-child(4) ~ li {width: 50%;}
	
	#tab-1 .conBox01 ul{flex-flow:wrap;}
	#tab-1 .conBox01 ul li{width:100%; font-size:16px; height:200px; padding:30px;}
	#tab-1 .conBox01 ul li:first-child{margin-bottom:60px;}
	#tab-1 .conBox02 .conVsn dd{font-size:16px; word-break:keep-all;}

	#tab-2 .conBox07 ul li{width:45%; height:auto; padding:20px; margin-bottom:50px;}
	#tab-2 .conBox07 ul li::after{right:-20%;}
	#tab-2 .conBox07 ul li:nth-child(2)::after{transform:rotate(-120deg); right:auto; left:-20%; top:170px;}
	#tab-2 .conBox09 dl dd{height:300px; word-break:keep-all;}
	#tab-2 .conBox10 dl{width:48%; margin-bottom:20px;}
	#tab-2 .conBox10 dl:nth-child(n+3){ margin-bottom:0;}
	#tab-2 .conBox10 dl dt{height:110px;}

	.writeTypeA .winp_list > li .check_list li{min-height:auto}

 }


 /* TABLET Device */
 @media all and (max-width:800px){

	
	.writeTypeA .winp_list > li{width:100%;}
	.writeTypeA .winp_list.li3 > li{width:100%;}
	.writeTypeA .topTitle{margin-top: 0;}
	.writeTypeA .check_list > li{margin-right:50px}
	.writeTypeA .check_list2 > li{width: 33.33%;}

	.proc_step ol{flex-wrap: wrap;}
	.proc_step ol li{width: 33.33%;}

	.notice_down{display: block;margin-bottom: 40px;background-position:38px 45px;}
	.notice_down .lt{margin-bottom: 20px;}

	.listTypeC > ul > li{display: block;}
	.listTypeC > ul > li .photo{margin-bottom: 20px;max-width: none;}
	.listTypeC > ul > li .photo img{width: 100%;}
	.listTypeC > ul > li dl{width: 100%;}

	.listTypeH ul li{width:50%;}
	.listTypeH .cf li{width:50%;}

	.scheduleCon h3{text-align: left;}

	.scheduleCon .calendar thead th{border-left:0}
	.scheduleCon .calendar tbody td .con{position:relative;margin:0;text-align: center;}
	.scheduleCon .calendar tbody td .con ol,
	.scheduleCon .calendar tbody td .con ul{display: none;}
	.scheduleCon .calendar tbody td .con .etcNum{display: none;}
	.scheduleCon .calendar tbody td .mbMore{position:relative;display:block;margin:0 auto;width: 30px;height: 30px;text-indent: -999px;overflow: hidden;z-index:2}
	.scheduleCon .calendar tbody td .mbMore::after{position:absolute;top:50%;left:50%;width: 8px;height: 8px;content: '';background:#ddd;border-radius: 50%;transform: translate(-50%,-50%);}

	.scheduleCon .calendar tbody td{padding:15px 5px;height: 80px;text-align: center;border-left:0}
	.scheduleCon .calendar tbody td .num{display: block;margin:0 auto;width:40px;height: 40px;line-height: 40px;border-radius: 50%;}
	.scheduleCon .calendar tbody td.on{background:none}
	.scheduleCon .calendar tbody td.on .num{color:#fff;background:#ff8244;}
	.scheduleCon .calendar tbody td:first-child, .scheduleCon .calendar tbody td:last-child{background:none}

	.scheduleCon .sch_view > table > tbody > tr > td .bodyScroll table{width: 100%;}

	.scheduleCon .control{margin: -50px 0 30px;}

	.scheduleCon .mb_sch_view{display: block;margin-top: 20px;}
	.scheduleCon .mb_sch_view ol{margin-bottom:5px}
	.scheduleCon .mb_sch_view ol li{position:relative;padding:2px 0 2px 17px}
	.scheduleCon .mb_sch_view ol li::before{position:absolute;top:10px;left:0;width: 10px;height: 10px;content: '';background:#34bb6a;border-radius: 50%;}
	.scheduleCon .mb_sch_view ol li.on::before{background:#ff8244}
	.scheduleCon .mb_sch_view ol li span{font-weight:700}
	.scheduleCon .mb_sch_view ul{margin-bottom:5px}
	.scheduleCon .mb_sch_view ul li{position:relative;padding:2px 0 2px 17px}
	.scheduleCon .mb_sch_view ul li::before{position:absolute;top:10px;left:0;width: 10px;height: 10px;content: '';background:#34bb6a;border-radius: 50%;}

	.listTypeD > ul > li .img{width: 40%;}
	.listTypeD > ul > li .con{width: 60%;}

	.myStep{margin-bottom: 50px;}
	.myStep ol li span{margin: 0 auto 10px;padding-top: 100px;width: 150px;height: 150px;}
	.myStep ol li::after{right: -14px;width: 25px;height: 25px;}
	.myStep ol::before{top:75px;}

	.pc_print{display: none;}
	.mb_print{display: block}
	.completeCon2{margin-bottom:20px;padding:25px;background:#fff;border:1px solid #ddd;border-radius: 5px;}
	.completeCon2 h2{margin-bottom:10px;padding:5px 0 5px 25px;font-size: 20px;color: #2aba64;line-height: 1;font-weight: 700;background: url('/resources/img/ic_complete2.png') no-repeat left center / 18px;}
	.completeCon2 h3{font-size: 18px;}
	.completeCon2 p{margin-bottom:15px;font-size: 14px;color:#888;;}
	.completeCon2 .btn{display: block}
	.completeCon2 .btn a{display: block;font-size: 14px;color:#fff;line-height: 40px;font-weight: 500;text-align:center;background:#2aba64}
	
	#tab-1 .conBox-in > dl{display:block;}
	#tab-1 .conBox-in > dl > dt{margin-bottom:20px; text-align:left; display:block;}
	#tab-1 .conBox-in > dl > dd{width:100%;}
	#tab-1 .conBox03{margin-bottom:40px;}
	#tab-1 .conBox03 dl dd ul,#tab-1 .conBox04 dl dd ul{flex-flow:wrap;}
	#tab-1 .conBox03 dl dd ul li, #tab-1 .conBox04 dl dd ul li{width:48%; flex-shrink:0; height:80px; margin-bottom:20px;}
	#tab-1 .conBox03 dl dd ul li span > br, #tab-1 .conBox04 dl dd ul li span > br{display:none; word-break:keep-all;}
	#tab-1 .conBox04 dl dd ul li::before{top:-21px;}

	.addfile-wrap .addfile-con{width:100%}
	.ht-text{display:block;margin-left:-30px;margin-top:10px}
	.ht-text.addfile-con{margin-top:10px}
 }

@media all and (max-width:720px){

	 /* login */
	.login-wrap h1{font-size:1.25rem}
	.login-wrap p{font-size:.9rem}
	.login-btn button,
	.login-btn a{height:40px;font-size:.9rem;font-weight:500;line-height:40px}
	.login-idpw a{height:40px}

	.find-pw {width: 100%;padding:20px}
	.find-pw .login h1{font-size:1rem}
	.find-pw .before a i{font-size:1.125rem;padding:8px}
	.find-pw .login_fieldset .login_form dt input {width: 100%;margin:1px 0}
	.find-pw .login_fieldset .login_form dt label i {display: none;}
	.find-pw .login_fieldset .find-pw-btn button{font-size:.9rem;padding:10px}

	.h3-title{font-size:1.25rem}
	.item-joinselect > li{padding:20px;float:none;width:100%;margin-right:0;margin-bottom:20px;display:flex;align-items:center}
	.item-joinselect .img{min-width:60px;max-width:60px;}
	.item-joinselect .img img{padding-top:30%;}
	.item-joinselect .txt-box{text-align:left;margin-left:20px;width:calc(100% - 100px)}
	.item-joinselect .caption{margin-top:0;font-size:1.125rem}
	.item-joinselect .con{text-align:left;margin-bottom:20px}
	.item-joinselect .btn-go{width:100%;height:40px;font-size:.9rem}
	
	#tab-1 .conBox01 ul li{padding:20px;}
	#tab-1 .conBox02 .conVsn{flex-flow:wrap;}
	#tab-1 .conBox02 .conVsn dt{width:100%; padding:20px; font-size:18px;}
	#tab-1 .conBox02 .conVsn dd{width:100%; padding:20px;}
	#tab-2 .conBox09 dl dd{height:340px;}
	#tab-3 .conBox11 .timeline{margin-top:5%;}
	#tab-3 .timeline-ul .timeline-li{align-items:flex-start;}
	#tab-3 .timeline-li .timeline-flow{width:200px; height:auto; padding:10px 0; background:#eaf3ef; border:none;}
	#tab-3 .timeline-li .timeline-flow .timeline-num01::after{display:none;}
	#tab-3 .timeline-li .timeline-flow .timeline-num02::after{display:none;}
	#tab-3 .timeline-li .timeline-flow .timeline-num03::after{display:none;}
	#tab-3 .timeline-li .timeline-flow .timeline-num04::after{display:none;}
	#tab-3 .timeline-li .timeline-flow .timeline-year{font-size:20px;}
	#tab-3 .timeline-li .timeline-flow .timeline-keyword{font-size:16px;}
	#tab-3 .timeline-li .timeline-list dl dt{font-size:20px;}
	#tab-3 .conBox11 .timeline .timeline-ul::after{display:none;}

}


 /* Mobile Device */
@media all and (max-width:640px){
	
	.login_top{padding-top:50px;}
	.mt_login{margin-top:30px !important;}
	
	h1.title{margin: 0 0 30px;font-size: 22px;}
	h2.title{margin:30px 0 15px;padding-left: 20px;font-size:20px;background-position: left 7px;;background-size: 15px;}
	
	.tabMenu{margin:0 -20px 30px}
	.tabMenu ul li a{padding:0 10px;font-size:15px;line-height:45px}

	/* four items */
	.tabMenu ul li:first-child:nth-last-child(4),
	.tabMenu ul li:first-child:nth-last-child(4) ~ li {width: 50%;}
	/* five items */
	.tabMenu ul li:first-child:nth-last-child(5),
	.tabMenu ul li:first-child:nth-last-child(5) ~ li {width: 50%;}

	.tabMenu2{margin-bottom:30px}
	.tabMenu2 ul li a{padding: 0 10px;font-size: 14px;line-height: 40px;border-width:0 1px 1px 1px}
	.tabMenu2 ul li.on a{border-width:1px 1px 0}

	.tabMenu3-wrap{margin:0 -20px 30px}
	.tabMenu3-wrap ul li{padding:0 10px;font-size:15px;line-height:45px}

	.inpW{padding:0 10px;height:35px}
	.select{/*height:35px*/}


	.btn_list{margin-top: 40px;}
	.btn_list2{margin-top: 40px;display: flex;justify-content: center;}
	.btn_list2 .btnBc2{width: calc(50% - 3px);}

	.btnBc a,
	.btnBc button,
	.btnBc input{padding:0 10px;line-height:35px;}

	.btnBc2 a, .btnBc2 button, .btnBc2 input{min-width: 100px;line-height: 40px;}
	
	

	.t_typel tbody th{padding: 15px 10px;font-size:14px;line-height: 1.2;}
	.t_typel tbody td{padding:15px;line-height: 1.4;}
	.t_typel thead th{padding:15px 10px;font-size: 15px;line-height: 1.2;}

	.mb_tbl colgroup{display: none}
	.mb_tbl tr{display: block;}
	.mb_tbl tbody th{display: block;border-left:0}
	.mb_tbl tbody td{display: block;border-left:0}
	.mb_tbl tbody th[rowspan]{border-right:0}
	.mb_tbl tbody td[rowspan]{border-right: 0;}

	/* 모바일 테이블 가로스크롤 */
	.mb_scroll{position:relative;width:100%;overflow:hidden;overflow-x:scroll}
	.mb_scroll table{width:700px}
	.mb_scroll .img{max-width:none;}
	.mb_scroll::after{display:block;position:absolute;top:0;right:0;width:27px;height:100%;content:'';background:url('/resources/img/sub/scroll_alpha.png') repeat-y fixed right top;z-index:2;}
	.mbtb_quide{position:absolute;top:20px;left:50%;width:70px;height:70px;background:url('/resources/img/sub/bg_touch.png') no-repeat;background-size:100%;border-radius:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
	
	.bbs_top .pageNum{float:none;margin-bottom:10px;}
	.bbs_top .pageNumA{float:none;margin-bottom:10px;}
	.bbs_top .boadSearchA{float:none; text-align:center;}
	.bbs_top .boadSearchE{text-align:left !important;}
	.boadSearchA select{margin: 0 0 5px 0;width: 100%;}
	.boadSearchA .inpW{padding: 0 10px;width:calc(100% - 70px)}
	.boadSearchA .input-text{padding: 0 10px; width: calc(100% - 70px);}
	.boadSearchA .btn{position:relative;right:0;bottom:auto;width:65px;height:48px;text-indent: 20px;background-position:10px center;background-size:12px}
	.boadSearchA .btnDown{display:block;}
	.boadSearchA .btnDown a{padding:0;height:35px;line-height: 35px;text-align: center;background-position:33% center;background-size: 15px;}
	.bbs_top .boadSearchE  .btnG{position:absolute;right:0;bottom:0;width:65px;height:42px;text-indent: 20px;background-position:10px center;background-size:12px}
	
	.boadSearchB{margin:0 -20px 40px;padding:20px}
	.boadSearchB dl{display: block;margin-bottom: 10px;}
	.boadSearchB dl dt{margin: 0 0 10px;width: auto;}
	.boadSearchB dl dd{width: 100%;}
	.boadSearchB dl dd .select{/*width:49.5%;*/}
	.boadSearchB .btn{margin-left:0; margin-top:10px; position:relative; top:auto; right:auto;width: 100%;height: 35px;text-align: center;background-position: 45% center;}

	.pageNumB{margin: -40px 0 10px;}

	.bbs_top{margin-bottom: 10px;}

	.listTypeA::before{height:2px}
	.listTypeA.mb{display:block}
	.listTypeA.mb colgroup{display:none}
	.listTypeA.mb thead{display:none}
	.listTypeA.mb tbody{display:block}
	.listTypeA.mb tbody tr.notice{background: #f6f7f8;}
	.listTypeA.mb tbody td.num{display:none}
	.listTypeA.mb tbody tr.notice .num{display:block;float:left;margin-right:10px}
	.listTypeA.mb tbody tr{position:relative;display:block;padding:10px 10px;width:100%;box-sizing: border-box;border-bottom:1px solid #ececec}
	.listTypeA.mb tbody tr::after{display:block;clear:both;content:''}
	.listTypeA.mb tbody tr:hover{background-color: #f8f8f8;}
	.listTypeA.mb tbody td{display:block;padding:2px 0;border:0;font-size:13px;text-align:left;}
	.listTypeA.mb tbody td.etc{position:relative;float:left;margin-right:10px;padding-right:10px;}
	.listTypeA.mb tbody td.etc:last-child{width:80px;padding-right:0;}
	.listTypeA.mb tbody td.etc::after{position:absolute;top:6px;right:0;width:0;height:10px;content:'';border-left:1px solid #50585c}
	.listTypeA.mb tbody td.etc:last-child::after{display:none;}
	.listTypeA.mb tbody td.subject{clear:both;padding-bottom:5px;font-size:16px}
	.listTypeA.mb tbody td .mb-on{display:inline-block; margin-left:5px;}
	.listTypeA.mb tbody td.mb-none{display:none;}
	.listTypeA.mb tbody td.subject a{display:block;padding-right:15px;font-weight:500}
	.listTypeA.mb tbody td.txt{clear: both;padding-top:5px;color:#888}
	.listTypeA.mb tbody td.start_day{position:relative;}
	.listTypeA.mb tbody td.start_day::before{content:'교육시작일 : '}
	.listTypeA.mb tbody td.end_day::before{content:'교육종료일 : '}
	
	.addfile-wrap .addfile-con .fileBox input[type="button"]{height:35px;}

	.listTypeB > ul > li{display: block;margin-bottom: 20px;}
	.listTypeB > ul > li .photo{width: 100%;min-height: 100px;}
	.listTypeB > ul > li .photo img{position: relative;left: 0;width: 100%;transform: translateX(0);;}
	.listTypeB > ul > li .con{width: 100%;padding: 15px}
	.listTypeB > ul > li .con h3{margin-bottom: 20px;font-size: 16px;}
	.listTypeB > ul > li .con h3 span{font-size: 14px;}
	.listTypeB > ul > li .con ul{margin-bottom: 20px;}
	.listTypeB > ul > li .con ul li{margin-bottom: 10px;}

	.listTypeC > ul > li{margin-bottom:30px}
	.listTypeC > ul > li dl dt{padding: 10px 0;width: 100px;font-size: 14px;}
	.listTypeC > ul > li dl dd{padding: 10px 15px;width: calc(100% - 100px);}
	
	.listTypeF::before{height:2px}
	.listTypeF.mb{display:block; border-top:0px;}
	.listTypeF.mb thead .th01{text-align:left; padding-left:10px; font-size:18px; font-weight:normal;}
	.listTypeF.mb thead .th02{display:none;}
	.listTypeF.mb thead .th03{display:none;}
	.listTypeF.mb thead .th04{display:none;}
	.listTypeF.mb thead .th05{display:none;}
	.listTypeF.mb thead th{border-bottom:2px solid #05997b; padding-top:0;}
	.listTypeF.mb tbody{display:block}
	.listTypeF.mb tbody tr.notice{background: #f6f7f8;}
	.listTypeF.mb tbody td.num{display:none}
	.listTypeF.mb tbody tr.notice .num{display:block;float:left;margin-right:10px}
	.listTypeF.mb tbody tr{position:relative;display:block;padding:10px 10px;width:100%;box-sizing: border-box;border-bottom:1px solid #ececec}
	.listTypeF.mb tbody tr::after{display:block;clear:both;content:''}
	.listTypeF.mb tbody tr:hover{background-color: #f8f8f8;}
	.listTypeF.mb tbody td{padding:2px 0;border:0;font-size:13px;text-align:left;}
	.listTypeF.mb tbody td.etc{position:relative;float:left;margin-right:10px;padding-right:10px;}
	.listTypeF.mb tbody td.etc::after{position:absolute;top:6px;right:0;width:0;height:10px;content:'';border-left:1px solid #50585c}
	.listTypeF.mb tbody td.subject{position:absolute; top:12px; left:47px; display:block; width:60%; clear:both;padding-bottom:5px;font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.listTypeF.mb tbody td.subject a{padding-right:15px; font-weight:500;}
	.listTypeF.mb tbody td.txt{clear: both;padding-top:5px;color:#888}
	.listTypeF.mb tbody td.start_day{position:relative; display:block; margin-left:35px;}
	.listTypeF.mb tbody td.start_day::before{content:'교육시작일 : '}
	.listTypeF.mb tbody td.end_day{display:block; margin-left:35px;}
	.listTypeF.mb tbody td.end_day::before{content:'교육종료일 : '}
	.listTypeF.mb tbody td.owner{position:relative; display:block; margin-left:35px;}
	.listTypeF.mb tbody td.owner::before{content:'부서명 : '}
	.listTypeF.mb tbody td.reg_day{position:relative; display:block; margin-left:35px;}
	.listTypeF.mb tbody td.reg_day::before{content:'신청일 : '}
	.listTypeF tbody td.choose .btn_box{position:absolute; top:12px; right:10px; width:20%;}

	.listTypeH ul li{width:100%;}
	.listTypeH .cf li{width:100%;}

	.btnCon .btn a{padding: 0 10px 0 30px;line-height: 35px;background-position: 10px center;}
	
	.page{margin-top: 20px;}
	.page .contr{margin:0 2px}
	.page a{font-size: 13px;}
	
	.viewTypeB{margin-bottom: 40px;}
	.viewTypeB .photoInfor{display: block; height:300px;}
	.viewTypeB .photoInfor .photo{width: 100%;}
	.viewTypeB .photoInfor .con{padding:20px 20px;width: 100%;}
	.viewTypeB .photoInfor .con ul li{position: relative;padding:10px 0 10px 130px; min-height:45px;}
	.viewTypeB .photoInfor .con ul li .name{position: absolute;top:10px;left:0;}
	.viewTypeB .conInfor{padding:20px}
	.viewTypeB .conInfor h3{margin-bottom:30px;font-size: 22px;}
	.viewTypeB .conInfor h3 span{font-size: 18px;}
	.viewTypeB .conInfor ul{margin-bottom: 20px;}
	.viewTypeB .conInfor ul li{margin-bottom: 5px;}
	.btnCon{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
	.viewTypeB .conInfor .btnCon .btn{width:calc((100% - 10px) / 2);margin:0;text-align: center;}
	.viewTypeB .conInfor .btnCon .btn a{background-position:28% center;}
	.btnCon .spn_status{width:100%;margin-top:10px}

	.writeTypeA{padding: 25px 20px;}
	.writeTypeA h3{margin: 20px 0 10px;font-size: 16px;}
	.writeTypeA .inpW{height: 35px;}
	.writeTypeA .check_list li{margin-right:15px}

	.radio_box + label{padding-left:20px}
	.radio_box + label::before{top: 4px;width: 16px;	height: 16px;}
	.radio_box:checked + label:after{top: 8px;left: 4px;width: 8px;height: 8px;}

	.check_box + label{padding-left: 25px;}

	.writeTypeA .winp_list > li:last-child{margin-bottom: 0;}
	.writeTypeA .winp_list > li .tit{font-size: 15px;}
	.writeTypeA .winp_list > li .gd_txt{font-size: 13px;}

	.writeTypeA .winp_list > li .calendar .btn{width: 35px;height: 35px;background-size: 15px;}
	

	.writeTypeA .divis_con{padding-top:20px}
	.writeTypeA .divis_con .fon_big{font-size: 18px;}

	.writeTypeA .topTitle{font-size: 16px;line-height: 40px;}
	.writeTypeA .check_list2 > li{margin:5px 0;width:100%;}
	.writeTypeA .check_list2 > li.etc input{height: 35px;}
	.writeTypeA .check_list3 > li{margin-right: 10px;}
	.writeTypeA .winp_list .addrCon .btnSw{margin:1px 0 1px;width: 80px;height: 35px;font-size: 14px;}
	.writeTypeA .winp_list .addrCon .post{flex: 5;margin-right: 2px;}
	.writeTypeA .winp_list .addrCon .ad1{flex: none;}
	.writeTypeA .winp_list > li .kan2{flex-wrap: wrap;}
	.writeTypeA .winp_list > li .kan2 input:nth-of-type(1){width: 46%;}
	.writeTypeA .winp_list > li .kan2 input:nth-of-type(2){width: 46%;}
	.writeTypeA .winp_list > li .kan2 input:nth-of-type(3){margin-left: 0;}

	.proc_step ol li{margin-bottom: 20px;padding: 0 3px;font-size: 12px;}
	.proc_step ol li span{margin-top: 10px;font-size: 14px;}

	.notice_down{padding:100px 20px 20px;text-align: center;background-position:center 30px;background-size: 50px;}
	.notice_down .lt{padding-right: 0;}
	.notice_down h3{font-size: 16px;}
	.notice_down .lt em{display:block; margin-right:0; padding-right:0;}
	.notice_down .lt em::after{display:none;}
	.notice_down .lt span{display:block;}


	.btnDown a{padding:0 10px 0 35px;line-height:50px;background-position:15px center;}
	.btnDown a span{padding-bottom:3px}

	.fileCon{padding:20px}
	.fileCon h4{margin: 10px 0 5px;font-size: 16px;}
	.fileCon ol li{text-indent: -14px;margin-left: 14px;}

	.fileBox{display: block;}
	.file_input_div{position:relative; margin: 3px 0 0;width: 100%;height: 35px;}
	.file_input_button{font-size: 13px;}
	.fileBox input[type="button"]{width:100% !important; height: 35px;}
	span.delete_A001{bottom:-40px;}
	span.delete_A001::before{top:2px;}


	.notice_top{margin-bottom:30px}
	.notice_top .box{margin-bottom:20px;padding:20px}
	.notice_top .box .arim{padding:70px 0 10px;text-align: center;background-position:center top;background-size:40px;}
	.notice_top .box .arim span{font-size: 16px;}
	.notice_top .box ul li{padding-left: 20px;}
	.notice_top .box ul li::before{width: 17px;height: 17px;}
	.notice_top .dot{padding-left: 20px;background-size: 12px;}
	.scheduleCon h3{margin-bottom:10px;font-size: 24px;}
	.scheduleCon .control{margin: -40px 0 20px;}
	.scheduleCon .control .btnToday a{padding: 0 10px 0 30px;line-height: 30px;background-size: 15px;}
	.scheduleCon .control button{margin-left: 1px;width: 30px;height: 30px;}
	.scheduleCon .control button::after{width: 10px;height: 10px;}
	.scheduleCon .calendar thead th{padding: 10px 0;font-size: 14px;}

	.scheduleCon .calendar tbody td{padding: 5px;height: 45px;}
	.scheduleCon .calendar tbody td .num{width:26px;height: 26px;font-size: 13px;line-height: 26px;}
	.scheduleCon .calendar tbody td.today{background:none}
	.scheduleCon .calendar tbody td.today .num{color:#fff;background:#ff8244}
	.scheduleCon .calendar tbody td .mbMore{height: 20px;}
	.scheduleCon .calendar tbody td .mbMore::after{width: 5px;height: 5px;;}

	.scheduleCon .mb_sch_view ol li{padding: 1px 0 1px 10px;}
	.scheduleCon .mb_sch_view ol li::before{top:8px;width: 7px;height: 7px;}
	.scheduleCon .mb_sch_view ul li{padding: 1px 0 1px 10px;}
	.scheduleCon .mb_sch_view ul li::before{top:8px;width: 7px;height: 7px;}

	.scheduleCon .sch_view{top:0;left:0;padding:20px 15px;width: 100%;transform: translate(0);}
	.scheduleCon .sch_view h3{margin-bottom: 10px;font-size: 18px;}
	.scheduleCon .sch_view > table > thead > tr > th{padding: 4px 0;font-size: 13px;}
	.scheduleCon .sch_view > table > tbody > tr > td .bodyScroll{max-height:150px ;}
	.scheduleCon .sch_view > table > tbody > tr > td table td{padding:4px 10px;font-size: 13px;}
	.scheduleCon .sch_view .btnBc button{min-width: 80px;}
	
	
	

	.schTitle{margin-bottom: 20px;font-size: 20px;}
	.schToInfor{padding: 20px 20px 15px;}

	.listTypeD > ul > li{flex-direction:column;margin-bottom:20px}
	.listTypeD > ul > li .img{width: 100%;}
	.listTypeD > ul > li .img img{width: 100%;}
	.listTypeD > ul > li .con{padding:20px;width: 100%;}
	.listTypeD > ul > li .con .tag{margin-bottom: 10px;padding: 0 20px;line-height: 35px;}
	.listTypeD > ul > li .con .btn_view{margin-bottom: 10px;padding: 0 15px;line-height: 35px;}
	.listTypeD > ul > li .con .btn_view a{padding-right:25px;}
	.listTypeD > ul > li .con .btn_view a::after{top:10px;}
	.listTypeD > ul > li .con .state{margin-bottom: 10px;padding: 0 10px;line-height: 35px;}
	.listTypeD > ul > li .con .tit{margin-bottom: 5px;font-size: 18px;}
	.listTypeD > ul > li .con .txt{margin-bottom: 15px;height: 37px;}
	.listTypeD > ul > li .btn{height: 60px;}
	.listTypeD > ul > li .btn a span{left:50%;padding:4px 0 2px 30px;width: auto;font-size:14px;transform: translate(-50%, -50%);}
	.listTypeD > ul > li .btn a span::after{left:0;width: 24px;height:24px;transform: translateX(0);border-width:2px}
	.listTypeD > ul > li .btn a span::before{top:11px;left:7px;width: 10px;height: 2px;transform: translate(0);}
	.listTypeD > ul > li .btn a span i::before{top:7px;left:11px;height:10px;width:2px;transform: translate(0);}


	.listTypeE > ul > li{flex-direction:column;margin-bottom:20px}
	.listTypeE > ul > li .con{padding:20px;width: 100%;}
	.listTypeE > ul > li .con .state{margin-bottom: 10px;padding: 0 10px;line-height: 35px;}
	.listTypeE > ul > li .con .tit{margin-bottom: 5px;font-size: 18px;}
	.listTypeE > ul > li .con .txt{margin-bottom: 15px;height: 37px;}
	.listTypeE > ul > li .btn{height: 60px;}
	.listTypeE > ul > li .btn a span{left:50%;padding:4px 0 2px 30px;width: auto;font-size:14px;transform: translate(-50%, -50%);}
	.listTypeE > ul > li .btn a span::after{left:0;width: 24px;height:24px;transform: translateX(0);border-width:2px}
	.listTypeE > ul > li .btn a span::before{top:11px;left:7px;width: 10px;height: 2px;transform: translate(0);}
	.listTypeE > ul > li .btn a span i::before{top:7px;left:11px;height:10px;width:2px;transform: translate(0);}

	

	.boadSearchC{margin:-30px -20px 30px;padding:15px 20px 20px;border-top:1px solid #ddd}
	.boadSearchC dl{display:block}
	.boadSearchC dl dt{padding:0;width:auto;text-align: left;}
	.boadSearchC dl dd{width: 100%;}
	.boadSearchC dl dd.w100{width: 100%;}
	.boadSearchC dl dd .btn{width: 80px;height: 45px; border-radius:0;}
	.boadSearchC .ser_btn_con{display: flex;justify-content: space-between;}
	.boadSearchC .ser_btn_con button{width:calc(50% - 3px);height: 35px;background-position:33% center;}
	
	.boadSearchD{align-items:flex-end; margin:0 -20px 30px;padding:15px 20px 20px;border-top:1px solid #ddd}
	.boadSearchD dl dd.mb-none{margin-bottom:0;}
	.boadSearchD .btn-btm{margin-bottom:2px;}
	.boadSearchD dl{display:block; width:100%;}
	.boadSearchD dl dt{padding:0;width:auto;text-align: left;}
	.boadSearchD dl dd{width: 100%;}
	.boadSearchD dl dd.w100{width: 100%;}
	.boadSearchD dl dd .btn{width: 80px;height: 35px;}
	.boadSearchD .ser_btn_con{display: flex;justify-content: space-between;}
	.boadSearchD .ser_btn_con button{width:calc(50% - 3px);height: 35px;background-position:33% center;}
	.boadSearchD .btn-btm{width:100%;}
	.boadSearchD .btn-btm button{width:100%;height: 35px;background-position:43% center;}
	.boadSearchD .btn2{margin-left:0; margin-top:5px;}

	/*웹진*/
	.listTypeG > ul > li{padding:30px 0;}
	.listTypeG ul li .box{padding-left:140px; min-height:170px;} 
	.listTypeG ul li .box .img{width:120px; height:auto;}
	.listTypeG ul li .box .con .tit{margin-bottom:15px; font-size:18px;}
	.listTypeG ul li .box .con ul{margin-bottom: 20px;}
	.listTypeG ul li .box .con ul li{margin-bottom: 5px; padding-left: 55px;}
	.listTypeG ul li .box .con ul li .name{padding-right: 10px;}
	.listTypeG ul li .box .con ul li .name::before{top: 5px; height: 10px;}
	.listTypeG ul li .box .con .btn a{padding-right: 10px; width: 120px; line-height: 35px; background-position: right 15px center; background-size: 12px;}
	


	.myStep{margin-bottom: 30px;}
	.myStep ol li span{margin: 0 auto 0;padding-top: 60px;width: 85px;height: auto;font-size: 13px;border:0}
	.myStep ol li b{font-size: 14px;}
	.myStep ol li::after{right: -10px;top: 30px;width: 15px;height: 15px;}
	.myStep ol::before{border-top:none;}
    
    /*교육 view페이지*/
    .eduTitleBox{padding:25px;}
	.eduTitleBox h3.eduTitle{font-size: 18px; line-height: 28px;}
    .eduTitleBox .eduBrief{margin-top: 10px; padding-top: 10px;}
    .eduTitleBox .eduBrief > p{font-size:14px; line-height: 20px;}
	.eduTitleBox .eduBrief > ul > li{font-size:14px;}
	.eduTitleBox .eduBrief > ul > li.name:before{height:15px;}
	.eduTitleBox .eduBrief > ul > li.name:after{height:15px;}
    .eduDetail{width: calc(100% - 10px); margin-left:10px;}
    .eduDetail h4.eduDtTitle::before{height:20px;}
    .eduDetail h4.eduDtTitle{font-size:18px;}
    .eduDetail .eduDtCont h5.eduOrdTitle{margin-top:4%; margin-bottom:3%;}
    .eduDetail .eduDtCont p{font-size:14px; line-height:20px; margin-top:4%; margin-bottom:3%;}
    .eduDetail .eduDtList{margin-bottom:3%;}
    .eduDetail .eduDtList li{font-size:14px;}
    .eduDetail .eduDtList li::before{background:url('/resources/img/sub/ic_edu_list.png') left 10px no-repeat;}
    .eduDetail .eduDtList li > span{padding-left:15px;}
    .eduDetail .eduDtList li .dtListText{margin-left:0; margin-top:3%;}
    .eduDetail .eduDtList li .dtListDot{margin-left:0; margin-bottom:3%;}
    .eduDetail .dtInBox{padding:20px; margin-bottom:3%;}
    .eduDetail .dtInBox .inBoxTitle::before{top:5px;}
    .eduDetail .eduDtCont{font-size:16px;}
    .eduDetail .dtInBox .dtOrdList .ordNum{font-size:12px;}
    .eduDetail .dtInBox .dtOrdList .ordText{font-size:14px; line-height:24px;}
    .eduDetail .dtInBox .dtProcess > li::before{top:5px;}
    .eduDetail .dtInBox .dtProcess > li{font-size:14px;}
    .eduDetail .dtInBox .dtProcess > li > span{padding-left:20px;}
    .eduDetail .dtCaution{font-size:14px;}
	
	.boardTitleBox{padding:20px}
	.boardTitleBox h3.boardTitle{font-size:18px; line-height:28px;}

	.file {padding: 10px 15px;font-size: 14px;}
	.file .name{display: none; top: 10px; left: 15px;}
	.file a{margin-right: 10px; padding-left: 16px; font-size:16px; background-size: 12px;}

	#tab-1 .listBoxA dl{width:48%; margin-bottom:20px;}
	#tab-1 .listBoxC dl{width:48%; margin-bottom:10px;}
	
	#tab-2 .vsn-box{font-size:18px;}
	#tab-2 .conBox07 ul li{width:100%;}
	#tab-2 .conBox07 ul li::after{right:auto; left:50%; transform:rotate(180deg);margin-left:-35px; top:auto; bottom:-45px;}
	#tab-2 .conBox07 ul li:nth-child(2)::after{left:50%; transform:rotate(180deg);margin-left:-35px; top:auto; bottom:-45px;}
	#tab-2 .conBox07 ul li span em{font-size:22px; margin-bottom:5px;}
	#tab-2 .conBox07 ul li:last-child{margin-bottom:0;}
	#tab-2 .conBox-in dl{width:100%; margin-bottom:20px;}
	#tab-2 .conBox-in dl:last-child{margin-bottom:0;}
	#tab-2 .conBox08{margin-bottom:20px;}
	#tab-2 .conBox09{margin-bottom:40px;}
	#tab-2 .conBox09 dl{height:auto;}
	#tab-2 .conBox09 dl dd{height:auto;}
	#tab-2 .conBox09 dl.dl-mid::before{top:0; left:50%; right:auto; margin-left:-27px; margin-top:0; transform: rotate(-0deg);}
	#tab-2 .conBox09 dl.dl-mid::after{top:auto; left:50%; right:auto; margin-left:-27px; margin-top:0; transform: rotate(180deg);}
	#tab-2 .conBox09 dl.dl-mid{padding:50px 0;}
	#tab-2 .conBox10 dl dt{height:auto;}
	#tab-2 .conBox10 dl dt span br{display:none;}
	#tab-2 .conBox10 dl dd{height:auto;}
	#tab-2 .conBox10 dl:nth-child(3){ margin-bottom:20px;}
	#tab-3 .timeline-ul .timeline-li{display:block;}
	#tab-3 .timeline-li .timeline-flow{margin-bottom:20px; width:100%;}
	#tab-3 .timeline-left .timeline-list{margin-left:20px; width:calc(100% - 20px);}
	#tab-3 .timeline-right .timeline-list{margin-left:20px; width:calc(100% - 20px);}

}

@media all and (max-width:400px){
	.listTypeF.mb tbody td.subject{width:80%;}
	.listTypeF.mb tbody td.choose{width:100%; display:block;}
	.listTypeF.mb tbody td.choose .btn_box{position:relative; top:0; left:0; width:100%; margin:0 auto;}
	.listTypeF.mb tbody td .btn_modify{width:48%; margin-top:5%; }
	.listTypeF.mb tbody td .btn_del{width:48%; margin-top:5%; margin-left:4%;}
	
	.goLinkBox li{padding:25px;}
	.goLinkBox li::after{width:140px; height:140px;}
	.goLinkBox .linkTitle{font-size:20px;}
	.goLinkBox .linkText{font-size:14px; margin-top:15px;  margin-bottom:15px;}
	.goLinkBox .linkText br{display:none;}
	.goLinkBox .linkBtn{width:100%; padding:15px; font-size:14px;}
	.goLinkBox .linkBtn span{display:block; text-align:center; padding-right:0; word-break:keep-all;}
	.goLinkBox .linkBtn span::after{display:none;}


	#tab-1 .listBoxB dl dd{width:100%;}
}

@media print{
   .comlete_print{width:21cm; min-height:29.7cm; padding-left:3cm; padding-top:2cm; margin:0 auto; background:#eee;}

   .completeCon{position:relative; padding:24px; max-width:1600px; background:#ededed; border-radius:5px;}
   .completeCon::after{position:absolute; top:10px; right:55px; width:117px; height:120px; content:''; background:#2aba64 url('/resources/img/sub/ic_complete.png') no-repeat center center; background-size:50px; border-radius:5px}

   .completeCon .completeBox{position:relative; padding:32px 32px 68px; text-align:center; background:#fff url('/resources/img/sub/complete_bg.png') no-repeat center 600px; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.1); background-position:center 260px; background-size:700px;}
   
   .completeCon .completeBox .number{margin-bottom:80px; font-size:16px; line-height:1; text-align:left;}
   
   .completeCon .completeBox h2{margin-bottom:96px; font-size:56px; color:#2aba64; font-weight:700; line-height:1;}
   .completeCon .completeBox h3{display:inline-block; margin-bottom:56px; padding-bottom:12px; font-size:28px; color:#444; font-weight:700; line-height:1; border-bottom:5px solid #2aba64}
   
   .completeCon .completeBox dl{display:block; vertical-align:top; text-align:center; margin:0 auto 180px; margin-bottom:64px; width:440px; font-size:0;}
   .completeCon .completeBox dl dt{position:relative; padding-right:16px; width:104px; font-weight:700; font-size:20px; display:inline-block; vertical-align:top; text-align:right;}
   .completeCon .completeBox dl dt::after{position:absolute; top:0; right:0; content:':';}
   .completeCon .completeBox dl dd{padding-left:8px; width:264px; margin:0; font-size:20px; display:inline-block; vertical-align:top; text-align:left;}
   
   .completeCon .completeBox .txt1{margin-bottom:80px; font-size:16px; font-weight:700;}
   .completeCon .completeBox .txt2{margin-bottom:24px; font-size:20px; font-weight:700;}
   .completeCon .completeBox .txt3{padding-left:40px; font-size:20px; font-weight:700;}
   .completeCon .completeBox .txt3 img{width:64px; display:inline-block; vertical-align:middle;}

   .completeCon::after{background:#2aba64 url('/resources/img/sub/ic_complete.png') no-repeat center center; background-size:50px;}
   .completeCon .completeBox{background:#fff url('/resources/img/sub/complete_bg.png') no-repeat center 250px; background-size:80%;}
}