@charset "utf-8";

@import url( "./font.css" );

label {
	margin-bottom: 0px !important;
}
input:focus-visible,
textarea:focus-visible,
button:focus-visible,
select:focus-visible,
a:focus-visible {
	outline: 3px solid red !important;
}

.modal {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1100;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.popup {
	overflow: hidden;
	z-index: 1100;
	position: absolute;
	left: calc(50% - 190px);
	top: 50%;
	transform: translateY(-100%);
	width: 380px;
	border: 1px solid #525252;
	background: #fff;
}

.popup .popup_title {
	position: relative;
	padding: 11px 15px;
	min-height: 50px;
	background: #13BA6C;
}

.popup .popup_title h3 {
	color: #fff;
	font-size: 20px;
}

.popup .popup_title button {
	position: absolute;
	top: 16px;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url('/images/icon_close2.png') 0 0 no-repeat;
}

.popup .popup_inner {
	position: relative;
	padding: 30px 20px;
}

.popup .popup_inner .text {
	text-align: center;
	word-break: keep-all;
}

.popup .btn_bottom {
	margin: 20px 0 0;
}

.popup .boardlist_top {
	margin-bottom: 30px;
}

.popup .boardlist_top fieldset {
	width: 100%;
}

.popup .boardlist_top fieldset .inpbox {
	margin: 0;
	width: calc(60% - 50px);
	height: 40px;
}

.popup .boardlist_top fieldset .optionbox {
	margin: 0 15px;
	width: calc(40% - 50px);
	height: 40px;
}

.popup .boardlist_top fieldset button {
	width: 70px;
	line-height: 40px;
	font-weight: 400;
}

.popup .boardlist table thead th {
	height: 55px;
	font-size: 16px;
}

.popup .boardlist table tbody td {
	padding: 6px 5px;
	height: 40px;
	font-size: 16px;
}

.popup .boardlist table tbody td.title {
	overflow: hidden;
	text-align: left;
}

.popup .boardlist table tbody td.title a {
	max-width: 100%;
	font-size: 16px;
	white-space: inherit;
	text-overflow: inherit;
	-o-text-overflow: inherit;
	text-decoration: underline;
}

.popup .paging .box span a {
	width: 30px;
	height: 30px;
	line-height: 27px;
}

.popup .paging .box button {
	width: 30px;
	height: 30px;
}

.popup.main {
	transform: translateX(0);
}

.popup.main .popup_inner {
	padding: 20px;
}

.popup.main .bottom {
	width: 100%;
	height: 50px;
	border-top: 1px solid #ccc;
}

.popup.main .bottom .check_box {
	float: left;
	margin: 5px 0 0 10px;
}

.popup.main .bottom .check_box input[type=checkbox]+label {
	font-size: 14px;
	background-position: 0 1px;
}

.popup.main .bottom button {
	float: right;
	margin: 10px 15px 0 0;
	width: 70px;
	height: 30px;
	color: #fff;
	font-size: 13px;
	background: #717171;
}

/*중간보고서 제출 수정 YA 2019-07-31*/
.radioWidth {
	width: 16px !important;
	height: 16px !important;
	float: left;
	margin-right: 6px !important;
}

.radioLabel {
	float: left;
}

.radioLabel01 label {
	margin-right: 68px !important;
}

.radioLabel02 label {
	margin-right: 50px !important;
}

.radioLabel03 label {
	margin-right: 50px !important;
}

.radioLabel04 label {
	margin-right: 96px !important;
}

.radioLabel05 label {
	margin-right: 81px !important;
}
/* 팝업레이어 */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

p {
	margin: 0;
}

section h1 {
	margin-bottom: 80px;
	font-size: 45px;
	color: #000;
	text-align: center;
}

.hide {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
}
/* -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s; */
#hd_pop {
	z-index: 1000;
	position: relative;
	margin: 0 auto;
	height: 0
}

#hd_pop h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

.hd_pops {
	position: absolute;
	border: 1px solid #e9e9e9;
	background: #fff;
}

.hd_pops img {
	max-width: 100%
}

.hd_pops_con {
	
}

.hd_pops_footer {
	padding: 0;
	background: #000;
	color: #fff;
	text-align: left;
	position: relative;
}

.hd_pops_footer:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.hd_pops_footer button {
	padding: 10px;
	border: 0;
	color: #fff
}

.hd_pops_footer .hd_pops_reject {
	background: #000;
	text-align: left
}

.hd_pops_footer .hd_pops_close {
	background: #393939;
	position: absolute;
	top: 0;
	right: 0
}

/* 상단배너 */
#divpop {
	background-color: #99daff;
}

#divpop .container {
	position: relative;
}

#divpop .container p {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #fff;
	font-size: 14px;
}

#divpop .img {
	text-align: center;
}

/* 메인페이지 */
.banner01 {
	background: #000 url(../images/main_banner01.jpg) no-repeat center
		center;
}

.banner02 {
	background: #000 url(../images/main_banner02.jpg) no-repeat center
		center;
}

.banner03 {
	background: #000 url(../images/main_banner03.jpg) no-repeat center
		center;
}

.appbannerwrap {
	position: relative;
	width: 1170px;
	margin: 0 auto
}

.appbanner {
	position: absolute;
	top: 100px;
	right: -450px;
	z-index: 1000
}

.mobile-main-contact {
	display: none
}

.mainVisual {
	height: 530px;
}

.main-banner {
	display: table;
	width: 100%;
	height: 530px;
	text-align: center;
}

.sub-banner {
	display: table;
	width: 100%;
	height: 310px;
	text-align: center;
}

.banner .txt {
	display: table-cell;
	vertical-align: middle;
}

.banner h2 {
	font-size: 50px;
	margin-bottom: 20px;
	color: #fff;
}

.banner p {
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 30px;
	line-height: 30px;
	color: #fff;
}

.banner a {
	display: inline-block;
	width: 300px;
	margin: auto;
	line-height: 60px;
	font-size: 23px;
	font-weight: bold;
	background-color: #177fbb;
	border-radius: 60px;
	color: #f0ff00;
}

.banner a img {
	display: inline;
	margin-right: 10px;
	vertical-align: middle;
}

.banner a span {
	vertical-align: middle;
}

.main-service {
	margin-top: -7px;
	padding: 100px 0;
	background-color: #f5f5f5;
	text-align: center;
}

.main-service h1 {
	color: #000;
	font-size: 35px;
	margin-bottom: 20px
}

.main-service h2 {
	color: #747474;
	font-size: 16px !important;
	font-weight: normal;
	line-height: 25px;
	padding-bottom: 20px
}

.main-service .container>p {
	margin-bottom: 40px;
	font-size: 20px;
	line-height: 30px;
	color: #5c5c5c;
}

.main-service .container>p span {
	color: #ff4800;
}

.main-service .row .box {
	padding: 40px 3px 40px 3px;
	background-color: #fff;
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid transparent;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}

.main-service .row .box h3 {
	font-size: 20px;
	margin: 0px 0 35px 0;
	padding-top: 30px
}

.main-service .row .box1:hover {
	border: 1px solid #ed6e00;
}

.main-service .row .box1:hover h3 {
	color: #ed6e00;
}

.main-service .row .box2:hover {
	border: 1px solid #38b035;
}

.main-service .row .box2:hover h3 {
	color: #38b035;
}

.main-service .row .box3:hover {
	border: 1px solid #e84c94;
}

.main-service .row .box3:hover h3 {
	color: #e84c94
}

.main-service .row .box4 {
	display: none
}

.main-service .totalmore {
	padding-top: 50px;
}

.main-service .totalmore a {
	background: #4694ff;
	font-size: 18px;
	padding: 20px 80px;
	border-radius: 60px;
	border: none !important;
	color: #fff !important;
}

.main-service .totalmore a:hover {
	background: #3583dd;
	color: #fff
}

.main-service .img {
	height: 62px;
	line-height: 62px;
	text-align: center;
	margin-bottom: 20px;
}

.main-service img {
	vertical-align: middle;
}

.main-service h2 {
	margin-bottom: 10px;
	font-size: 23px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}

.main-service .row p {
	font-size: 15px;
	line-height: 20px;
	color: #000;
	margin-bottom: 0;
}

.main-service .row p span {
	display: inline-block;
	color: #888;
	margin-bottom: 30px;
}

.main-service a {
	padding: 10px 70px;
	border: solid 1px #282828;
	border-radius: 20px;
	background-color: #fff;
	color: #000;
	font-size: 16px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}

.main-contact {
	padding: 30px 0;
	background: #f5f5f5
}

.main-contact h1 {
	color: #000;
	font-size: 40px !important;
	margin-bottom: 50px;
}

.main-contact .box {
	border: solid 1px #c0c0c0
}

.main-contact .box .iconn {
	position: absolute;
	top: 0px;
	left: 0px;
}

.main-contact .box em {
	position: absolute;
	top: 0px;
	right: -24px;
}

.main-contact .box em img {
	width: 80%
}

.main-contact .box {
	position: relative;
	display: block;
	padding: 0 20px 5px 20px;
	margin-top: 10px; /*height:230px;*/
	background-color: #fff;
	margin-bottom: 10px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}

.main-contact .box3 .iconn {
	position: absolute;
	top: 0px;
	left: 0px;
}

.main-contact .box3 {
	height: 180px;
	overflow: hidden;
	position: relative;
	display: block;
	background-color: #fff;
	margin-top: 10px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}
/* YA 2019-07-22 포토뉴스 width/height 수정 */
.photoNewDiv img {
	width: 265px;
	height: 180px;
}

.main-contact .box3 h2 {
	font-size: 18px;
	text-overflow: ellipsis;
	width: 230px;
	overflow: hidden;
	display: inline-block;
	padding-top: 40px;
}

.main-contact .box3 h2:hover {
	color: #fff
}

.main-contact .box3 h2 a:hover {
	color: #fff
}

.main-contact .box3 p {
	color: #949494;
	font-size: 14px;
	padding-bottom: 5px;
}

.main-contact .box3 span {
	border-top: solid 1px #e5e5e5;
	display: block;
	color: #949494;
	padding: 5px 10px 5px 0px;
	font-size: 14px;
}

.main-contact .box3:hover {
	background-color: rgba(23, 30, 97, 0.8);
}

.main-contact .box2 {
	margin-top: 10px;
	display: block;
	width: 100%;
	height: 180px;
	padding-left: 117px;
	padding-top: 60px;
	box-sizing: border-box;
	background: #f5b325 url(../images/ico_news01.jpg) no-repeat 20px 50%;
	background-size: 75px;
}

.main-contact .box2 span {
	font-size: 12px;
	color: #fff;
}

.main-contact .box2 h2 {
	font-size: 25px;
	color: #000;
	background: url(../images/ico_more01.png) no-repeat right 30px top 40%;
}

.main-contact .box h2 {
	white-space: nowrap;
	font-size: 18px;
	margin-bottom: 3px;
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden;
	width: 223px;
	padding: 45px 0 0 0;
}

.main-contact .box h2 a:hover {
	color: #fff
}

.main-contact .box h2:hover {
	color: #fff
}

.main-contact .box h2:active {
	color: #fff
}

.main-contact .box p {
	display: inline-block;
	color: #949494;
	font-size: 14px;
	overflow: hidden;
	width: 225px;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.main-contact .box span {
	border-top: solid 1px #e5e5e5;
	display: block;
	color: #949494;
	padding: 5px 10px 5px 0px;
	font-size: 14px;
}

.main-contact .box:hover {
	background-color: rgba(23, 30, 97, 0.8);
}

.main-contact .totalmore {
	padding-top: 50px;
	text-align: center
}

.main-contact .totalmore a {
	font-size: 18px;
	padding: 20px 80px;
	border-radius: 60px;
	border: solid 1px #fff;
	color: #fff
}

.main-contact .totalmore a:hover {
	background: #e94c96;
	color: #fff;
	border: solid 1px #e94c96;
}

.main-project {
	padding: 100px 0;
	background: url(../images/bg_contact01.jpg) repeat 50% 100%;
}

.main-project h1 {
	text-align: center;
	font-size: 40px !important;
	margin-bottom: 35px;
	color: #fff
}

.main-project .box .iconn {
	position: absolute;
	top: 10px;
	left: 10px;
}

.main-project .box h2 {
	font-size: 18px;
	margin: 15px 0 0px 0;
	line-height: 24px;
	width: 238px;
	overflow: hidden;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.main-project .box h2 a:hover {
	color: #fff
}

.main-project .box {
	position: relative;
	display: block;
	padding: 40px 15px 20px 15px;
	height: 150px;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}

.main-project .box p {
	color: #7f7f7f;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 5px;
	padding-top: 10px;
}

.main-project .box span {
	display: block;
	color: #ff4800;
	font-size: 14px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.main-project a.btnview {
	border: solid 1px #c6c6c6;
	text-align: center;
	font-size: 14px;
	padding: 10px;
	margin-top: 20px;
	display: block
}

.main-project a.btnview:hover {
	background: #eee
}

.main-project .totalmore {
	padding-top: 50px;
	text-align: center
}

.main-project .totalmore a {
	font-size: 18px;
	padding: 20px 80px;
	border-radius: 60px;
	background: #6c6c6c;
	color: #fff
}

.main-project .totalmore a:hover {
	background: #555555;
	color: #fff;
}

.main-contest {
	padding: 100px 0;
}

.main-contest h1 {
	color: #000;
	font-size: 40px !important;
	margin-bottom: 20px
}

.main-contest h2 {
	color: #747474;
	font-size: 16px !important;
	font-weight: normal;
	line-height: 25px;
	padding-bottom: 20px;
	text-align: center
}

.main-contest h3 {
	color: #242424;
	font-size: 18px !important;
	line-height: 25px;
	padding-bottom: 20px;
	text-overflow: ellipsis;
	width: 200px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

.main-contest span {
	color: #f27e1c;
	font-size: 14px;
}

.main-contest .container>p {
	margin-bottom: 40px;
	font-size: 16px;
	line-height: 30px;
	color: #5c5c5c;
}

.main-contest .container>p span {
	color: #ff4800;
}

.main-contest .box p {
	color: #949494;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
}

.main-contest .img {
	width: 255px;
	height: 170px;
	margin-bottom: 20px;
}

.main-contest .row .box {
	padding: 50px 3px;
	margin-bottom: 10px;
	border: 1px solid transparent;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}

.main-contest .totalmore {
	padding-top: 50px;
	text-align: center
}

.main-contest .totalmore a {
	background: #4694ff;
	font-size: 18px;
	padding: 20px 80px;
	border-radius: 60px;
	border: none !important;
	color: #fff !important;
}

.main-contest .totalmore a:hover {
	background: #3583dd;
	color: #fff;
}

.main-sns {
	padding: 50px 0;
	border-top: solid 1px #ddd;
}
/*201906유투브수정,추가*/
.rolling-sns {
	height: 300px;
	width: 850px;
	float: right
}

.youtube {
	float: left;
	text-align: center;
	overflow: hidden;
	width: 275px;
	height: 260px;
}

.youtube2 {
	margin-top: 10px;
	overflow: hidden;
	height: 20px;
	height: 180px;
}

.youtube span {
	display: block;
	padding: 10px 0 0 0;
} /*수정 2019-07-18*/
.youtube ul li a {
	font-size: 20px;
	padding: 25px 0 0 0;
	display: block;
}

/*201906유투브수정,추가*/
.main-sns h1 {
	color: #000;
	font-size: 23px !important;
	margin-bottom: 20px
}

.main-sns h1 div {
	height: 0;
	text-align: center;
}

.main-sns h1 div a {
	position: relative;
	top: -50px;
	left: 230px;
}

.main-sns h2 {
	margin-bottom: 40px;
	color: #747474;
	font-size: 16px !important;
	font-weight: normal;
	line-height: 25px;
	padding-bottom: 20px;
	text-align: center
}

.main-sns .box {
	text-align: center;
}

.main-sns .box img {
	display: inline-block;
	margin-bottom: 17px;
}

.main-sns .box h3 {
	width: 190px;
	height: 45px;
	margin: 0 auto 10px;
	line-height: 1.3;
	font-size: 18px;
	color: #242424;
	overflow: hidden;
	word-wrap: break-word;
	display: -webkit-box;
	disyplay: -ms-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.main-sns .box p {
	font-size: 15px;
	color: #6d6d6d;
}

.main-sns h2 {
	margin-bottom: 40px;
	color: #747474;
	font-size: 16px !important;
	font-weight: normal;
	line-height: 25px;
	padding-bottom: 20px;
	text-align: center
}

.main-sns .box1 {
	text-align: center;
}

.main-sns .box1 img {
	display: inline-block;
	margin-bottom: 17px;
}

.main-sns .box1 h3 {
	width: 100%;
	font-size: 18px;
	color: #242424;
	word-wrap: break-word;
	display: -webkit-box;
	disyplay: -ms-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.main-sns .box1 p {
	font-size: 15px;
	color: #6d6d6d;
}

.main-sns .box1 {
	float: left;
}

.main-sns .slick-prev, .main-sns .slick-next {
	width: 30px;
	top: 100px;
	background: #fff;
	height: 200px
}

.main-sns .slick-prev:before {
	width: 20px;
	height: 26px;
	background: url(../images/ico_prev02.jpg) no-repeat 50% 50%;
}

.main-sns .slick-next:before {
	height: 26px;
	background: url(../images/ico_next02.jpg) no-repeat right;
}

.mamachi-gallbox {
	width: 100%;
	background: url(../image/common/bg_product_call.jpg) no-repeat center
		top;
	min-height: 594px;
	max-height: 594px;
	text-align: center;
}

.mamachi-gallbox h4 {
	color: #fff;
	font-size: 36px;
	font-weight: normal;
	letter-spacing: -0.05em;
	padding: 90px 0 35px 0;
}

.flexslider3 {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	background: #ddd
}

.flexslider3 .slides {
	clear: both;
	margin-top: 20px;
}

.flexslider3 .slides li a {
	color: #fff;
	font-size: 18px;
}

.flexslider3 .slides li img {
	width: 230px;
	height: 230px;
	border-radius: 100%;
	margin-bottom: 10px;
}

.flexslider3 .flex-prev {
	width: 80px;
	height: 34px;
	display: block;
	background: url(image/btn_left12.png) no-repeat center top;
	position: absolute;
	left: -100px;
	top: 50%;
	margin-top: -17px;
	text-indent: -9999px;
}

.flexslider3 .flex-next {
	width: 80px;
	height: 34px;
	display: block;
	background: url(image/btn_right2.png) no-repeat center top;
	position: absolute;
	right: -100px;
	top: 50%;
	margin-top: -17px;
	text-indent: -9999px;
}

.main-news {
	padding: 100px 0;
	background: #ff8d1a
}

.main-news h1 {
	font-size: 40px !important;
	margin-bottom: 50px;
	color: #fff;
}

.main-news .box {
	display: block;
	width: 100%;
	height: 100%;
}

.main-news .box .iconn {
	position: absolute;
	top: 20px;
	left: 90px;
}

.main-news .box h2 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin: 10px auto 25px;
	line-height: 1.3;
	width: 255px;
	overflow: hidden;
	word-wrap: break-word;
	display: -webkit-box;
	disyplay: -ms-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.main-news .box h2 a:hover {
	color: #fff
}

.main-news .box {
	position: relative;
	display: block;
	height: 150px;
	padding-left: 15px;
	border-left: 1px solid #cc6504;
	padding-top: 16px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
	box-sizing: border-box;
}

.main-news .border:first-child .box {
	border-left: 0;
}

.main-news .box p {
	color: #fff;
	font-size: 16px;
}

.main-news .box span {
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

.main-news .box2 {
	display: block;
	width: 100%;
	height: 190px;
	padding-left: 130px;
	padding-top: 60px;
	box-sizing: border-box;
	background: #475059 url(../images/ico_news01.jpg) no-repeat 30px 50%;
}

.main-news .box2 span {
	font-size: 12px;
	color: #8a8f93;
}

.main-news .box2 h2 {
	font-size: 26px;
	color: #fff;
	background: url(../images/ico_more01.jpg) no-repeat right 30px top 50%;
}

.main-news .border {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #cc6504;
	border-bottom: 1px solid #cc6504;
}

/* 마이페이지 */
.profile_wrap {
	border: solid 1px #d1d1d1;
	padding: 30px;
	overflow: hidden
}

.profile_wrap p.photo_box {
	float: left;
	margin-right: 30px;
}

.profile_wrap p img {
	width: 160px;
	height: 186px;
}

.profile_wrap p.name {
	font-size: 24px;
	color: #000;
	font-weight: 600;
	margin-bottom: 5px;
}

/*20201220 추가 사항*/
.fl_left_what {
	float: left;
	width: 78%;
}

.first_pp {
	float: left;
	font-size: 15px;
}

.first_img_list {
	float: left;
	padding: 6px 0 0 8px
}

.first_right_img_list {
	float: left;
}

.f_span_block {
	display: block !important;
	float: left;
	padding: 0 5px 0 10px;
}

.li_clear_1 {
	clear: both;
}

.f_span_img_all {
	float: left;
}

.f_span_img_all img {
	margin: 5px 5px 0 0;
}

.profile_wrap ul li {
	line-height: 28px;
}

.linebox {
	border: solid 1px #d1d1d1;
	padding: 25px;
	margin: 20px 0;
	width: 48.9%;
	height: 249.07px;
	float: left
}

.linebox h4 {
	font-size: 25px;
	margin-bottom: 20px;
	position: relative;
}

.linebox h4 span {
	position: absolute;
	top: 0px;
	right: 0px;
}

.linebox ul li {
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	width: 100%;
	float: left;
	overflow: hidden;
}

.mypage_btn01 a {
	background: #4694ff;
	color: #fff !important;
	border-radius: 3px;
	padding: 10px 22px;
	font-size: 15px;
	display: block;
	float: left;
	text-align: center;
	margin-top: 7px;
	min-width: 140px;
}

.mypage_btn01 a:hover {
	background: #3583dd;
	color: #fff !important;
}

.mypage_btn02 a {
	background: #4694ff;
	color: #fff !important;
	border-radius: 3px;
	padding: 10px 40px;
	font-size: 15px;
	display: block;
	float: left;
	text-align: center;
	margin-top: 7px;
	min-width: 140px;
}

.mypage_btn02 a:hover {
	background: #3583dd;
	color: #fff !important
}

.mypage_btn03 a {
	background: #464646;
	color: #fff !important;
	border-radius: 3px;
	padding: 7px 8px;
	font-size: 15px;
	display: block;
	float: left;
	text-align: center;
	margin-top: 7px;
	min-width: 123px;
}

.mypage_btn03 a:hover {
	background: #333;
	color: #fff !important
}

.mybtndiv {
	padding-top: 5px;
}

.mybtndiv span {
	margin-right: 8px;
	float: left;
}

.linebox2 {
	margin: 40px 0;
}

.linebox2 h4 {
	font-size: 25px;
	margin-bottom: 20px;
	position: relative;
}

.linebox2 h4 span {
	position: absolute;
	top: 0px;
	right: 0px;
}

.boxst1 {
	border-right: solid 1px #d1d1d1;
	border-left: solid 1px #d1d1d1;
	border-top: solid 1px #d1d1d1;
	padding: 20px;
	overflow: hidden;
}

.ing_icon01 {
	background: #ff7e00;
	color: #fff;
	border-right: none;
	border-radius: 3px;
	padding: 5px 26px;
}

.ing_icon02 {
	background: #64b036;
	color: #fff;
	border-right: none;
	border-radius: 3px;
}

.ing_icon03 {
	background: #ea4d96;
	color: #fff;
	border-right: none;
	border-radius: 3px;
}

.ing_icon04 {
	background: #666;
	color: #fff;
	border-right: none;
	border-radius: 3px;
}

.ing_icon05 {
	background: #242a7a;
	color: #fff;
	border-right: none;
	border-radius: 3px;
}

.mr_30 {
	margin-right: 20px
}

.ingdiv {
	margin-top: 10px;
	font-size: 14px;
}
.ingdiv.flexbox ul {
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.ingdiv.flexbox ul li {
	display: flex;
	height: 35px !important;
	justify-content: center;
	align-items: center;
	min-width: 50px !important;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
}
.ingdiv.flexbox ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 35px !important;
	padding: 0 15px !important;
}
.ingdiv ul li {
	padding: 5px 13px;
	float: left;
	/*border-left: solid 1px #ddd;*/
	margin: 5px 13px 0 0;
}

.tit {
	color: #000;
	font-weight: bold;
	margin-bottom: 10px
}

.bottomline {
	border-bottom: solid 1px #d1d1d1;
}

.bread-crumb {
	background: #ffbb27;
	z-index: 1;
	width: 100%;
	padding-top: 0;
	position: fixed;
	top: 118px;
}

.bread-crumb .row {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
}

.bread-crumb .float {
	display: table-cell;
	position: relative;
	width: 55px;
	background: #efab18;
	height: 45px;
	vertical-align: middle;
	padding: 0 20px;
	border-right: 1px solid #c08a17;
	cursor: pointer;
}

.bread-crumb .float p, .bread-crumb .float a {
	color: #fff !important;
	font-size: 16px;
}

.bread-crumb .float ul {
	display: none;
	position: absolute;
	top: 45px;
	left: -1px;
	width: 161px;
	background-color: #ffbb27;
	border-right: 1px solid #c08a17;
	border-left: 1px solid #c08a17;
}

.bread-crumb .float ul li {
	border-top: solid 1px #eca200;
}

.bread-crumb .b-depth2 ul {
	width: 201px;
}

.bread-crumb .b-depth2 ul li a:hover {
	background: #e59d00;
}

.bread-crumb .b-depth2 ul li a {
	display: block;
	padding: 5px 20px;
}

.bread-crumb .b-depth2 {
	width: 200px;
	background: url(../images/ico_arrow_bottom01.jpg) no-repeat right 10px
		top 50%;
	line-height: 30px
}

.bread-crumb .b-depth2 ul {
	width: 201px;
}

.bread-crumb .b-depth3 ul {
	width: 201px;
}

.bread-crumb .b-depth3 ul li a:hover {
	background: #19559A;
}

.bread-crumb .b-depth3 ul li a {
	display: block;
	padding: 5px 20px;
}

.bread-crumb .b-depth3 {
	width: 200px;
	background: url(../images/ico_arrow_bottom01.jpg) no-repeat right 10px
		top 50%;
	line-height: 30px
}

.bread-crumb .b-depth3 ul {
	width: 201px;
}

.bread-crumb .b-depth1 {
	width: 55px;
	padding: 0;
	text-align: center;
	background: #19559A;
	border-right: none;
}

.top-spot {
	padding-top: 80px;
	margin-bottom: 19px;
	background: #4b4b4b url(../images/bg_subtitle.jpg) no-repeat bottom;
}

.top-spot-new {
	height: 380px;
	background-repeat: no-repeat;
	background-position: center center;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
}

.top-spot-new.eport-bg {
	background-image: url(/2019/images/eportfolio-header-bg.jpg);
}

.top-eportfolio {
	background-image: url(/2019/images/eportfolioReport_bg.jpg);
	height: 600px;
	background-repeat: no-repeat;
	background-position: center top;
	display: flex;
	justify-content: right;
	align-items: center;
	background-size: contain;
}

.top-spot-new::after {
	content: '';
	display: block;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 460px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.top-spot-new .top-headline-box>h3 {
	display: inline;
	font-size: 40px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 20px;
	z-index: 1;
	text-align: center;
	border-top: solid #014fba 7px;
	line-height: 70px;
}

.top-spot-new .top-headline-box>h4 {
	font-size: 18px;
	color: #fff;
	z-index: 1;
	text-align: center;
}

.top-spot-new .top-headline-box.align-left>h4 {
	text-align: left;
}

.top-spot-new .top-headline-box {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 20px;
}

.top-spot-new .top-headline-box.align-left {
	align-items: flex-start;
}

.top-spot-new .top-headline-box .blueLine {
	width: 200px;
	height: 10px;
	z-index: 1;
	background-color: #014fba;
	margin: 0 auto;
}

.top-spot p {
	padding: 35px 0;
	font-size: 30px;
	text-align: center;
	color: #fff;
	font-weight: 400;
	overflow: hidden;
	position: relative;
	top: -30px;
}

.top-spot .profile {
	padding: 20px 0;
	margin-bottom: 50px;
	background: url(../images/bg_profile01.jpg) repeat 50% 50%;
	text-align: center;
}

.top-spot .profile span {
	display: inline-block;
	padding: 0 30px;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	vertical-align: middle;
}

.top-spot2 {
	padding-top: 80px;
	margin-bottom: 50px;
}

.top-spot2 p {
	padding: 35px 0;
	font-size: 30px;
	text-align: center;
	color: #000;
	font-weight: 400;
	overflow: hidden
}

.top-spot2 .profile {
	padding: 20px 0;
	margin-bottom: 50px;
	background: url(../images/bg_profile01.jpg) repeat 50% 50%;
	text-align: center;
}

.top-spot2 .profile span {
	display: inline-block;
	padding: 0 30px;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	vertical-align: middle;
}

.lnb01 {
	margin-bottom: 30px
}

.lnb01 ul {
	width: 100%;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

.lnb01 li {
	display: inline-block;
	padding: 20px 8px;
	font-size: 18px;
	color: #000;
	letter-spacing: -0.5px;
}

.lnb01 li.active a {
	color: #19559A;
	border-bottom: solid 3px #19559A;
	padding: 0 0 10px 0;
}

.lnb01 li:hover a {
	color: #19559A;
	border-bottom: solid 3px #19559A;
	padding: 0 0 10px 0
}

.lnb01 li.active:after {
	display: block;
	border-bottom: 2px #19559A;
	width: 100%;
	content: '';
}

.lnb01 li:hover:after {
	display: block;
	border-bottom: 2px #19559A;
	width: 100%;
	content: '';
}

.boardBtn12 {
	width: 93px;
	height: 34px;
	line-height: 34px;
	background-color: #19559A;
	border-radius: 3px;
	vertical-align: middle;ㄴ
	text-align: center;
} /*멘토링트랙참여현황 만족도평가버튼*/
.boardBtn12 span {
	padding-left: 17px;
	font-size: 15px;
	color: #fff !important;
	background: url(/images/board/icon_bubble.png) no-repeat left center;
}

.boardBtn13 {
	width: 50px;
	height: 4px;
	line-height: 34px;
	font-size: 15px;
	color: #fff !important;
	text-align: center;
	background-color: #99afcd;
	border-radius: 3px;
	margin-bottom: 3px;
} /*마이페이지 멘토링트랙참여현황 참여여부버튼*/
.boardBtnAdd {
	padding: 10px;
	font-size: 15px;
	color: #fff !important;
	text-align: center;
	background-color: #474747;
} /*마이페이지 A태그용 버튼(회색버튼)*/
.boardBtnAdd2 {
	padding: 10px;
	font-size: 15px;
	color: #fff !important;
	text-align: center;
	background-color: #99afcd;
} /*마이페이지 A태그용 버튼(회색버튼)*/
.lnb02 p {
	display: none;
}

.lnb02 ul {
	display: none;
}

.lnb02 .gitLab {
	display: table;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.lnb02 .gitLab li {
	display: table-cell;
	width: 20%;
	text-align: center;
	border: 1px solid #d6d6d6;
	background-color: #f8f8f8;
}

.lnb02 .gitLab li.active {
	border-top: 1px solid #424242;
	border-right: 1px solid #424242;
	border-bottom: 0;
	background-color: #fff;
	font-weight: bold;
}

.lnb02 .gitLab li:hover {
	border-top: 1px solid #424242;
	border-right: 1px solid #424242;
	border-bottom: 0;
	background-color: #fff;
	font-weight: bold;
}

.lnb02 .gitLab li.active a {
	border-left: 1px solid #424242;
	color: #000;
}

.lnb02 .gitLab li:hover a {
	border-left: 1px solid #424242;
	color: #000;
}

.lnb02 .gitLab li a {
	display: block;
	padding: 14px 0;
	font-size: 16px;
	color: #424242;
}

.gitInfoCenter {
	text-align: center;
}

.lnb02 p {
	display: none;
}

.lnb02 ul {
	display: flex;
	justify-content: center;
	align-content: stretch;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.lnb02 ul li {
	display: flex;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
	width: 15%;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #d6d6d6;
	background-color: #f8f8f8;
}

.lnb02 ul li.active {
	border: 1px solid #424242;
	border-bottom: 0;
	background-color: #fff;
	font-weight: bold;
}

.lnb02 ul li:hover {
	border: 1px solid #424242;
	border-bottom: 0;
	background-color: #fff;
	font-weight: bold;
}

.lnb02 ul li a {
	display: block;
	padding: 14px 0;
	font-size: 16px;
	color: #424242;
}

.faq {
	border: solid 1px #ccc;
}

.faq p {
	background: #f6f6f6;
	padding: 10px 25px;
	font-size: 20px;
	color: #000
}

.faq ul {
	padding: 15px 25px
}

.faq ul li {
	line-height: 26px;
}

.faq ul li.q {
	color: #ff4800
}

.con h3 {
	font-size: 24px;
	margin: 0 0 10px 0px
}

.con h4 {
	font-size: 24px;
	margin: 0 0 10px 0px;
	color: #4152ac
}

.con h5 {
	font-size: 22px;
	margin: 30px 0 10px 0px;
	color: #000;
	position: relative;
}

.con h5 span.btnright {
	position: absolute;
	right: 0;
	top: -5px;
}

.con h6 {
	font-size: 18px;
	margin: 30px 0 10px 0px;
	color: #333
}

.con table {
	width: 100%;
}

.con table thead {
	border-top: 3px solid #656565;
	border-bottom: 1px solid #656565;
}

.con table thead tr th {
	text-align: center;
	font-weight: bold;
	padding: 10px 0
}

.con table tbody td {
	text-align: center;
	border-bottom: 1px solid #d8d8d8;
	padding: 15px;
}

.con table tbody td span.icon_new {
	margin-left: 5px;
}

.con table tbody td dl dd {
	line-height: 25px;
}

.con table tbody tr.noticebg {
	background: #eef1f7
}

.con table tbody dd.textalign_left {
	text-align: left
}

.con table tr td select {
	margin: 1px 0;
	display: inline-block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.con table tr td select.small {
	display: inline-block;
	width: 100px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.con table tr td select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

.con table tr td input[type=text] {
	width: 100%;
	height: 45px;
	line-height: 45px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 10px;
	margin: 1px 0
}

.con table tr td input.inputDate {
	width: 80%; ! important;
	height: 45px;
	line-height: 45px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 10px;
}

.con2 div.title {
	text-align: center;
	border-top: 2px solid #656565;
	border-bottom: 1px solid #656565;
	font-size: 20px;
	padding: 15px 0px;
	color: #1f2476;
}

.con2 h3 {
	font-size: 24px;
	margin: 0 0 10px -5px
}

.con2 table {
	width: 100%;
}

.con2 table thead {
	border-top: 3px solid #656565;
	border-bottom: 1px solid #656565;
}

.con2 table tr th {
	text-align: left;
	font-weight: none;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	color: #000000;
	background: #f9f9f9;
	padding: 10px;
	min-width: 80px;
}

.con2 table tbody td {
	text-align: left;
	border-bottom: 1px solid #d8d8d8;
	padding: 10px;
	word-break: break-all;
}

.con2 table tbody td.textalign_center {
	text-align: center
}

.con2 table tbody td img {
	max-width: 1170px;
}
/*20200527 깃블로그 테이블 */
.con_Git table {
	width: calc(100% - 0px) !important;
}

.con_Git table thead {
	border-top: 3px solid #656565;
	border-bottom: 1px solid #656565;
}

.con_Git table thead tr th {
	text-align: center;
	font-weight: bold;
	padding: 10px 0
}

.con_Git table tbody td {
	text-align: center;
	border-bottom: 1px solid #d8d8d8;
	padding: 15px !important;
}

.con_Git table tbody td span.icon_new {
	margin-left: 5px;
}

.con_Git table tbody td dl dd {
	line-height: 25px;
}

.con_Git table tbody tr.noticebg {
	background: #eef1f7
}

.con_Git table tbody td.textalign_left {
	text-align: left
}

.con_Git table tbody dd.textalign_left {
	text-align: left
}

.con_Git table tr td select {
	margin: 1px 0;
	display: inline-block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.con_Git table tr td select.small {
	display: inline-block;
	width: 100px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.con_Git table tr td select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

.con_Git table tr td input[type=text] {
	width: 100%;
	height: 45px;
	line-height: 45px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 10px;
	margin: 1px 0
}

.con_Git table tr td input.inputDate {
	width: 80%; ! important;
	height: 45px;
	line-height: 45px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 10px;
}

p {
	font-size: 16px;
	line-height: 1.2;
	color: #747474;
	word-break: break-all !important;
}

}
.con3 h3 {
	font-size: 26px;
	margin: 0 0 10px 0px
}

.con3 h4 {
	font-size: 26px;
	margin: 0 0 10px 0px;
	color: #4152ac
}

.con2 h4 {
	font-size: 26px;
	margin: 0 0 10px 0px;
	color: #4152ac
}

.con3 h5 {
	font-size: 24px;
	margin: 30px 0 10px 0px;
	color: #000
}

.con3 h6 {
	font-size: 18px;
	margin: 30px 0 10px 0px;
	color: #333
}

.con3 table {
	width: 100%;
	border-top: 3px solid #656565;
	border-bottom: 1px solid #656565;
}

.con3 table thead {
	
}

.con3 table tr th {
	text-align: center;
	font-weight: none;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	color: #000000;
	background: #f9f9f9;
	padding: 10px;
	font-weight: bold
}

.con3 table tr th:first-child {
	border-left: 1px solid #d8d8d8;
}

.con3 table tbody td {
	text-align: left;
	border-bottom: 1px solid #d8d8d8;
	padding: 15px;
	word-break: break-word;
}

.con3 table tbody td .aubtnst ul li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px
}

.con3 .table tr td select {
	margin: 1px 0;
	display: inline-block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 15px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.con3 .table tr td select.small {
	display: inline-block;
	width: 100px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.con3 .table tr td select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

.con3 .table tr td input[type=text] {
	width: 100%;
	height: 45px;
	line-height: 45px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 10px;
	margin: 1px 0
}

.con3 .table tr td input.inputDate {
	width: 80% !important;
	height: 45px;
	line-height: 45px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 10px;
}

.con3 .table tr td .h3title {
	color: #4152ac;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold
}

.con4 h3 {
	font-size: 24px;
	margin: 0 0 10px -12px
}

.con4 table {
	width: 100%;
	border-top: 1px solid #656565;
	border-bottom: 1px solid #656565;
}

.con4 table thead {
	
}

.con4 table tr th {
	text-align: center;
	font-weight: none;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	color: #000000;
	background: #f9f9f9;
	padding: 10px;
	font-weight: bold
}

.con4 table tbody td {
	text-align: center;
	border-bottom: 1px solid #d8d8d8;
	padding: 15px;
	border-right: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	background: #fff;
}

.con4 table tbody td.leftcon {
	background: #f9f9f9;
	font-weight: bold
}
/* 210830 탭메뉴 스타일 */
section.lecture_view_table {
	margin-bottom: 70px;
	min-height: 500px;
}

section.lecture_view_table article {
	border-top: 1px solid #656565;
}

section.lecture_view_table dl {
	display: flex;
	border-bottom: 1px solid #d8d8d8;
}

section.lecture_view_table dl dt {
	padding: 10px;
	background: #f9f9f9;
	width: 28%;
	border-right: 1px solid #d8d8d8;
	display: flex;
	justify-content: center;
	align-items: center;
}

section.lecture_view_table dl dt img {
	width: 100%;
}

section.lecture_view_table dl dd {
	width: 72%;
	display: flex;
	align-items: center;
	padding: 10px;
}

section.lecture_view_table dl dd b, section.lecture_view_table dl dt b {
	font-size: 20px;
}

section.lecture_view_table ul {
	display: flex;
	border-bottom: 2px solid #656565;
	margin-bottom: 20px;
	margin-top: 20px
}

section.lecture_view_table ul li {
	background: #eee;
	padding: 10px 20px;
	cursor: pointer;
	margin-right: 10px;
}

section.lecture_view_table ul li.on {
	border-top: 2px solid #4152ac;
}

section.lecture_view_table ul li h4 {
	margin: 0;
	font-size: 20px;
}

.view_table_contents02, .view_table_contents03, .view_table_contents04 {
	display: none;
}

@media screen and (max-width:480px) {
	section.lecture_view_table dl dt {
		width: 40%;
		padding: 5px;
	}
	section.lecture_view_table dl dd {
		width: 60%;
		padding: 5px;
	}
	section.lecture_view_table dl dd a {
		font-size: 12px;
	}
	section.lecture_view_table dl dd b, section.lecture_view_table dl dt b {
		font-size: 15px;
	}
	section.lecture_view_table ul li {
		padding: 5px 10px;
	}
	section.lecture_view_table ul li h4 {
		font-size: 16px;
	}
}

/*코멘트*/
.comment {
	border: solid 1px #d8d8d8;
	padding: 20px;
	margin: 0 0 50px 0
}

.comment h3 {
	font-size: 20px;
	padding: 0 0 10px 10px
}

.comment dl {
	border-top: 1px dashed #d8d8d8;
	padding: 25px 0 0px 0;
}

.comment dl dt {
	color: #000
}

.comment dl dt span {
	color: #666;
	font-weight: normal;
	margin-left: 20px;
}

.comment dl dd {
	margin-top: 5px;
	line-height: 25px
}

.comment dl dd a {
	margin-left: 10px;
	vertical-align: top;
}

textarea {
	width: 100%;
	height: 200px;
	line-height: 20px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
}

.provision_box {
	border: 1px solid #e0e0e0;
	padding: 25px;
	overflow-y: auto;
	height: 200px;
}

.tablelist {
	width: 100%;
	border-top: 3px solid #656565;
	border-bottom: 1px solid #656565;
	margin-bottom: 50px;
}

.tablelist thead {
	
}

.tablelist tr th {
	text-align: center;
	font-weight: none;
	border-bottom: 1px solid #d8d8d8;
	color: #000000;
	background: #f9f9f9;
	padding: 10px;
	font-weight: bold;
}

.tablelist tbody td {
	text-align: left;
	border-bottom: 1px solid #d8d8d8;
	padding: 15px;
}

.tablelist tr td select {
	display: inline-block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.tablelist tr td select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

.tablelist tr td input[type=text] {
	width: 100%;
	height: 45px;
	line-height: 45px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.tablelist tr td input.inputDate {
	width: 80%; ! important;
	height: 45px;
	line-height: 45px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.pt_20 {
	padding: 20px 0
}

.pt_10 {
	padding: 10px 0
}

.pt_5 {
	padding: 5px 0
}

.pb_10 {
	padding-bottom: 10px;
}

.pb_20 {
	padding-bottom: 20px;
}

.pb_30 {
	padding-bottom: 30px;
}

.pl_10 {
	padding-left: 10px;
}

.ptt_10 {
	padding-top: 10px
}

.ptt_20 {
	padding-top: 20px
}

.ptt_30 {
	padding-top: 30px
}

.ptt_50 {
	padding-top: 50px
}

.mr_5 {
	margin-right: 5px
}

.mr_10 {
	margin-right: 10px
}

.mr_15 {
	margin-right: 15px
}

.ml_5 {
	margin-left: 5px
}

.ml_10 {
	margin-left: 10px
}

.ml_20 {
	margin-left: 20px
}

.mb_10 {
	margin-bottom: 10px
}

.mb_30 {
	margin-bottom: 30px
}

.text_box {
	border: solid 1px #a7b0de;
	padding: 20px 30px 10px 30px;
	line-height: 27px;
	overflow: hidden
}

.text_box p {
	line-height: 40px;
	float: left;
	margin-top: 20px;
}

.text_box ul {
	float: left;
	margin-left: 30px;
}

.attention_wrap2>h4 {
	color: #4152ac;
	font-size: 22px;
	font-weight: 700;
	line-height: 40px;
}

.attention_wrap2>h5 {
	color: #fb780f;
	line-height: 40px;
	font-size: 15px;
	margin-top: 20px;
}

.attention_wrap2>ol {
	padding-left: 20px;
}

.attention_wrap2>ol>li {
	list-style-type: decimal;
	line-height: 28px;
}

.attention_wrap {
	border: 1px solid #e0e0e0;
	padding: 30px 25px 35px 25px;
	background-color: #fbfbfb;
	margin-bottom: 20px;
}

.attention_wrap>h4 {
	color: #4152ac;
	font-size: 22px;
	font-weight: 700;
	line-height: 40px;
}

.attention_wrap>h5 {
	color: #fb780f;
	line-height: 40px;
	font-size: 15px;
	margin-top: 20px;
}

.attention_wrap>ol {
	padding-left: 20px;
}

.attention_wrap>ol>li {
	list-style-type: decimal;
	line-height: 28px;
}

.boxst {
	border: solid 1px #ccc;
	padding: 20px;
	overflow: hidden
}

.pop_box {
	background: #eee;
	overflow: hidden;
	padding: 20px 10px;
	margin-top: 20px;
}

.pop_box {
	text-align: center;
}

.pop_box em {
	color: #000
}

.pop_box span {
	color: #fb780f;
	margin-left: 20px;
}

.boardIcon01 {
	background: #292f7b;
	color: #fff;
	border-right: none;
	border-radius: 16px;
	float: left;
	padding: 5px 20px;
	font-size: 14px
}

.boardIcon02 {
	background: #797676;
	color: #fff;
	border-right: none;
	border-radius: 16px;
	float: left;
	padding: 5px 20px;
	font-size: 14px
}

.boardIcon03 {
	background: #ea4d96;
	color: #fff;
	border-right: none;
	border-radius: 16px;
	float: left;
	padding: 5px 20px;
	font-size: 14px
}

.boardIcon04 {
	background: #333;
	color: #fff;
	border-right: none;
	border-radius: 16px;
	float: left;
	padding: 5px 20px;
	font-size: 14px
}

.boardIcon05 {
	background: #666;
	color: #fff;
	border-right: none;
	border-radius: 16px;
	float: left;
	padding: 5px 20px;
	font-size: 14px
}

.boardIcon06 {
	background: #64b036;
	color: #fff;
	border-right: none;
	border-radius: 16px;
	float: left;
	padding: 5px 20px;
	font-size: 14px
}

.boardIcon07 {
	background: #999;
	color: #fff;
	border-right: none;
	border-radius: 16px;
	float: left;
	padding: 5px 20px;
	font-size: 14px
}

.boardIcon08 {
	background: #ffd700;
	color: #fff;
	border-right: none;
	border-radius: 16px;
	padding: 5px 20px;
	font-size: 14px
}

.boardIcon09 {
	background: #c0c0c0;
	color: #fff;
	border-right: none;
	border-radius: 16px;
	padding: 5px 20px;
	font-size: 14px
}

.boardIcon10 {
	background: #b07652;
	color: #fff;
	border-right: none;
	border-radius: 16px;
	padding: 5px 20px;
	font-size: 14px
}

.boardIcon11 {
	background: #35397c;
	color: #fff;
	border-right: none;
	border-radius: 16px;
	padding: 5px 20px;
	font-size: 14px
}

.boardIcon01_c {
	background: #292f7b;
	color: #fff;
	border-right: none;
	border-radius: 16px;
	padding: 5px 20px;
	font-size: 14px
}

.boardIcon02_c {
	background: #ff7e00;
	color: #fff;
	border-right: none;
	border-radius: 16px;
	padding: 5px 20px;
	font-size: 14px
}

.boardIcon03_c {
	background: #ea4d96;
	color: #fff;
	border-right: none;
	border-radius: 16px;
	padding: 5px 20px;
	font-size: 14px
}

.app_boxst1 {
	padding: 20px 25px;
	border: solid 1px #ddd;
	float: left;
	width: 49%;
	margin: 0px 5px 20px 5px;
	line-height: 27px;
}

.app_boxst1 h4 {
	font-size: 22px;
	margin: 0 0 10px 0px;
	color: #4152ac
}

.app_boxst1 span {
	line-height: 35px;
	color: #000;
	font-weight: bold;
}

.app_boxst2 {
	padding: 20px 25px;
	background: #f6f6f6;
	width: 100%;
	margin: 0px 5px 20px 0px;
	line-height: 27px;
}

.app_boxst2 span {
	line-height: 35px;
	color: #000;
	font-weight: bold;
}

.app_boxst3 {
	padding: 20px 25px;
	border: solid 1px #ddd;
	margin: 0px 5px 20px 5px;
	line-height: 27px;
}

.app_boxst3 h4 {
	font-size: 22px;
	margin: 0 0 10px 0px;
	color: #4152ac
}

.app_boxst3 span {
	line-height: 35px;
	color: #000;
	font-weight: bold;
}

.all_list {
	float: left;
	margin-right: 40px;
	line-height: 30px;
}

.all_list input {
	margin-right: 5px
}

.all_list span {
	color: #4152ac;
	font-weight: bold;
}

/*.con table tbody td:nth-child(3){text-align:left;}*/
.con table tbody td dl {
	margin: 0;
	padding: 0;
}

.con table tbody td dt {
	display: none;
}

.con .board-search {
	margin: 0 auto 40px;
	background: #fdfdfd;
	padding: 10px;
	text-align: center;
	border: solid 1px #dddddd;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.con .board-search fieldset {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.con .board-search select {
	margin-right: 5px;
	display: inline-block;
	width: 200px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	padding-left: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.con .board-search select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

.con .board-search input[type=text] {
	margin-right: 5px;
	width: 60%;
	height: 45px;
	line-height: 45px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.con .board-search button {
	display: inline-block;
	width: 80px;
	height: 45px;
	background-color: #555;
	text-align: center;
	border-radius: 5px;
	border: 0;
	padding: 0 !important;
}

.con .board-search2 {
	max-width: 550px;
	margin: 0 auto 40px;
}

.con .board-search2 select {
	display: inline-block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.con .board-search2 select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

.con .board-search2 input[type=text] {
	width: 320px;
	height: 45px;
	line-height: 45px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.con .board-search2 button {
	display: inline-block;
	width: 55px;
	height: 45px;
	background-color: #555;
	text-align: center;
	border-radius: 5px;
	border: 0;
}

.con .board-search3 {
	margin: 0 auto 20px;
	padding: 0 10px;
}

.con .board-search3 select {
	display: inline-block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.con .board-search3 select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

.con .board-search3 input[type=text] {
	width: 63%;
	height: 45px;
	line-height: 45px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.con .board-search3 button {
	display: inline-block;
	width: 55px;
	height: 45px;
	background-color: #555;
	text-align: center;
	border-radius: 5px;
	border: 0;
}

.con .board-search4 {
	margin: 0 auto 10px;
	padding: 0 10px;
}

.con .board-search4 select {
	display: inline-block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.con .board-search4 select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

.con .board-search4 input[type=text] {
	width: 25%;
	height: 45px;
	line-height: 45px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.con .board-search4 button {
	display: inline-block;
	width: 55px;
	height: 45px;
	background-color: #555;
	text-align: center;
	border-radius: 5px;
	border: 0;
}

.con .inputst {
	max-width: 700px;
	float: left;
	text-align: left
}

.con .inputst select {
	display: inline-block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.con .inputst select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

.con .inputst input[type=text] {
	width: 320px;
	height: 45px;
	line-height: 45x;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.con .inputst2 {
	max-width: 700px;
	float: left;
	text-align: left
}

.con .inputst2 select {
	display: inline-block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	background: #fff url(../images/ico_arrow_bottom02.jpg) no-repeat right
		20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.con .inputst2 select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

.con .inputst2 input[type=text] {
	width: 320px;
	height: 45px;
	line-height: 45x;
	background-color: #fff;
	font-size: 16px;
	color: #424242;
	text-align: center;
	border: 1px solid #d1deed;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.text_c {
	text-align: center !important;
}

.text_black {
	color: #000000
}

.text_org {
	color: #19559A
}

.text_pink {
	color: #e7227e
}

.text_green {
	color: #27a424
}

.text_blu {
	color: #4152ac
}

.text_666 {
	color: #666
}

.font_15 {
	font-size: 15px;
	line-height: 25px
}

/*버튼스타일*/
.button_CH {
	border: none;
	border-radius: 5px;
	background-color: #3a3a3a;
	color: #fff;
	padding: 8px 14px;
	display: line-block;
	cursor: pointer
}

.btn_mst1 {
	background: #ff8a00;
	color: #fff;
	border-radius: 3px;
	padding: 8px 15px;
	font-size: 15px;
	cursor: pointer
}

.btn_mst1:hover {
	background: #464646;
	color: #fff
}

.btn_mst2 {
	background: #4694ff;
	color: #000;
	border-radius: 3px;
	padding: 8px 15px;
	font-size: 15px;
	cursor: pointer;
	color: #fff !important;
}

.btn_mst2:hover {
	background: #3583dd;
	color: #fff;
}

.btn_mst3 {
	background: #464646;
	color: #fff !important;
	border-radius: 3px;
	padding: 8px 15px;
	font-size: 15px;
	cursor: pointer;
	text-align:center;
}

.btn_mst3:hover {
	background: #333;
	color:#fff;
}

.btn_mst5 {
	background: #3478C8;
	color: #fff !important;
	border-radius: 3px;
	padding: 10px 20px;
	font-size: 15px;
	cursor: pointer;
	min-width: 100px;
	text-align: center;
}

.btn_mst5:hover {
	background: #4578BC;
	color: #fff;
}

.btn_mst55 {
	background: #4152ac;
	color: #fff;
	border-radius: 3px;
	padding: 5px 26px;
	font-size: 15px;
	cursor: pointer
}

.btn_mst55:hover {
	background: #293a94;
	color: #fff;
}

.btn_mst4 {
	background: #464646;
	color: #fff !important;
	border-radius: 5px;
	padding: 10px 20px;
	font-size: 15px;
	cursor: pointer;
	min-width: 100px;
	text-align: center;
}

.btn_mst4:hover {
	background: #5e5e5e;
	color: #fff;
}

.btn_mst04 {
	background: #636363;
	color: #fff;
	border-radius: 3px;
	padding: 12px 40px;
	font-size: 15px;
	cursor: pointer
}

.btn_mst04:hover {
	background: #535353;
	color: #fff;
}

.btn_mst6 {
	background: #fff;
	color: #333;
	border-radius: 3px;
	padding: 10px 20px;
	font-size: 15px;
	border: solid 1px #ccc;
	margin-right: 3px;
	cursor: pointer
}

.btn_mst6:hover {
	background: #eee;
}

.btn_mst7 {
	background: #999;
	color: #fff;
	border-radius: 3px;
	padding: 8px 15px;
	font-size: 15px;
	cursor: pointer
}

.btn_mst7:hover {
	background: #666;
	color: #fff;
}

.btn_mst8 {
	background: #ff8a00;
	color: #fff;
	border-radius: 3px;
	padding: 8px 15px;
	font-size: 15px;
	cursor: pointer
}

.btn_mst9 {
	background: #4694ff;
	color:#fff !important;
	border-radius: 3px;
	padding: 8px 15px;
	font-size: 15px;
	cursor: pointer
}

.btn_mst10 {
	background: #999;
	color: #fff !important;
	border-radius: 3px;
	padding: 13px 15px;
	font-size: 15px;
	cursor: pointer
}

.btn_mst10:hover {
	background: #5e5e5e;
	color: #fff !important;
}

.btn_mst11 {
	background: #999;
	color: #fff;
	border-radius: 3px;
	padding: 13px 25px;
	font-size: 15px;
	cursor: pointer;
}

.btn_mst11:hover {
	background: #5e5e5e;
	color: #fff;
}

.btn_mst13 {
	background: #afde47;
	color: #000;
	border-radius: 3px;
	padding: 8px 15px;
	font-size: 15px;
	cursor: pointer
}

.btn_mst14 {
	background: #52d3b1;
	color: #000;
	border-radius: 3px;
	padding: 8px 15px;
	font-size: 15px;
	cursor: pointer
}

.btn_mst15 {
	background: #58b8db;
	color: #000;
	border-radius: 3px;
	padding: 8px 15px;
	font-size: 15px;
	cursor: pointer
}

.tablest1 thead {
	border-top: 1px solid #d8d8d8;
}

.tablest1 thead th {
	border: 1px solid #d8d8d8;
}

.tablest1 tr td {
	padding: 5px;
	border: 1px solid #d8d8d8;
	background: #fff;
	text-align: center
}

/*페이징*/
.maxSize {
	margin: 0 auto;
}

.bd_footer {
	padding-top: 30px;
	padding-bottom: 50px;
	text-align: center;
}

.bd_footer .bd_pageNum.page_c {
	width: 600px;
	text-align: center;
}

.bd_footer .bd_pageNum>.prev {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	border: 1px solid #d6d6d6;
	background: url("../images/icon_board_prev.png") center center no-repeat;
	display: inline-block;
	vertical-align: top;
}

.bd_footer .bd_pageNum>.next {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	border: 1px solid #d6d6d6;
	background: url("../images/icon_board_next.png") center center no-repeat;
	display: inline-block;
	vertical-align: top;
}

.bd_footer .bd_pageNum>.prevD {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	border: 1px solid #d6d6d6;
	border-radius: 3px 0px 0px 3px;
	background: url("../images/icon_board_prev2.png") center center
		no-repeat;
	display: inline-block;
	vertical-align: top;
}

.bd_footer .bd_pageNum>.nextD {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	border: 1px solid #d6d6d6;
	border-radius: 0px 3px 3px 0px;
	background: url("../images/icon_board_next2.png") center center
		no-repeat;
	display: inline-block;
	vertical-align: top;
}

.bd_footer .bd_pageNum>p span {
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-indent: -9999px;
	display: block;
}

.bd_footer .bd_pageNum ul {
	display: inline-block;
	vertical-align: middle;
}

.bd_footer .bd_pageNum li {
	width: 40px;
	height: 40px;
	float: left;
}

.bd_footer .bd_pageNum li a {
	width: 40px;
	height: 38px;
	line-height: 40px;
	color: #444444;
	background: #ffffff;
	display: block;
}

.bd_footer .bd_pageNum li img {
	padding-top: 13px;
}

.bd_footer .bd_pageNum li p {
	width: 40px;
	height: 38px;
	line-height: 40px;
	color: #444444;
	background: #ffffff;
	display: block;
}

.bd_footer .bd_pageNum li a:hover {
	color: #ffffff;
	background: #ddd
}

.bd_footer .bd_pageNum li p:hover {
	color: #ffffff;
	background: #ddd
}

.bd_footer .bd_pageNum li p.checked {
	color: #ffffff;
	background: #ddd
}

.paging_lcr {
	display: inline-block;
}

.page_r {
	width: 300px;
	min-height: 10px;
	text-align: right;
	position: relative;
	float: right;
}

.page_c {
	width: 600px;
	min-height: 10px;
	text-align: center;
	float: right;
}

.page_l {
	width: 300px;
	min-height: 10px;
	float: left;
}

/*팝업*/
.pop-layer2 {
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -350px;
	left: 50%;
	margin-left: -250px;
	width: 500px;
	height: auto;
	background-color: #fff;
	z-index: 9999999;
}

.pop-layer2 .pop-container {
	padding: 30px;
	position: relative;
	text-align: center
}

.pop-layer2 .pop-container>h4 {
	position: relative;
	color: #000;
	font-size: 24px;
	font-weight: 700;
	line-height: 26px;
	padding: 0px 0px 30px 0;
}

.pop-layer3 {
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -350px;
	left: 50%;
	margin-left: -180px;
	width: 300px;
	height: auto;
	background-color: #fff;
	z-index: 9999999;
}

.pop-layer3 .pop-container {
	padding: 30px;
	position: relative;
	text-align: center
}

.pop-layer3 .pop-container>h4 {
	position: relative;
	color: #000;
	font-size: 20px;
	line-height: 26px;
	padding: 0px 0px 30px 0;
	text-align: left
}

.pop-layer3 .pop-container div {
	float: left
}

.pop-layer3 .pop-container div  ul li {
	text-align: left;
	line-height: 50px;
	border-top: solid 1px #ccc;
	width: 240px;
	padding: 0 10px
}

.pop-layer3 .pop-container div  ul li img {
	margin-right: 5px;
}

.pop-layer3 .pop-container div  ul h4 {
	font-size: 16px;
	text-align: left;
	background: #f6f6f6;
	padding: 5px 10px;
	line-height: 30px;
	border-top: solid 1px #ccc;
}

.pop-layer {
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -350px;
	left: 50%;
	margin-left: -400px;
	width: 850px;
	height: auto;
	background-color: #fff;
	z-index: 9999999;
}

.pop-layer .pop-container {
	padding: 30px;
	position: relative;
}

.pop-layer .pop-container>h4 {
	position: relative;
	color: #000;
	font-size: 24px;
	font-weight: 700;
	line-height: 26px;
	padding: 0px 0px 15px 0;
}

.pop-layer .pop-container>h5 {
	position: relative;
	color: #4152ac;
	font-size: 16px;
	margin: 15px 0 10px 0;
}

.pop-layer .pop-container>p {
	line-height: 25px;
}

.pop-layer .pop-container>p.cont {
	color: #666;
	line-height: 24px;
}

.pop-layer .pop-container>ul {
	margin-top: 15px;
}

.pop-layer .pop-container>ul>li {
	padding-left: 10px;
	color: #666;
	font-size: 14px;
	line-height: 24px;
	background: url(../images/mypage/icon_line.png) no-repeat left 12px;
}

.pop-layer .pop-container>.attention {
	color: #666;
	line-height: 28px;
	padding-bottom: 20px;
}

.pop-layer .pop-container>.red {
	color: #da5b1c;
	font-size: 14px;
	line-height: 24px;
}

.pop-layer .pop-container>.pop_info {
	color: #4152ac;
	font-size: 14px;
}

.pop-layer .pop-container>.sns_wrap {
	width: 324px;
	height: 599px;
	margin: 0 auto;
	background: url(../images/popup_sns_bg.gif) no-repeat;
	padding: 125px 45px 90px 45px;
}

.pop-layer .pop-container>.sns_wrap>ul {
	width: 100%;
}

.pop-layer .pop-container>.sns_wrap>ul>li.tit {
	font-size: 16px;
	line-height: 22px;
	color: #fff;
}

.pop-layer .pop-container>.sns_wrap>ul>li>.inputTxt01 {
	line-height: 37px;
	height: 37px;
	padding: 0 5px;
	border: 1px solid #e0e0e0;
	background-color: #fbfbfb;
	color: #222;
}

.pop-layer .pop-container>.sns_wrap>ul>li>textarea {
	background-color: #fbfbfb;
	color: #222;
	overflow: auto;
}

.pop-layer .pop-container>.sns_wrap>ul>li>.group {
	height: 50px;
	border: 1px solid #e0e0e0;
	background-color: #fbfbfb;
	padding: 10px;
	width: 91%;
	overflow-y: auto;
}

.pop-layer .pop-container>.sns_wrap>ul>li>.group label {
	margin-right: 15px;
	margin-bottom: 10px;
}

.pop-layer .pop-container>.sns_wrap>.byte {
	font-size: 14px;
	color: #666;
	float: right;
	margin-top: 10px;
	overflow: hidden;
}

.pop-layer .pop-container>.sns_wrap>.btnCenter {
	display: inline-block;
	width: 100%;
}

.pop-layer .pop-container input {
	vertical-align: middle;
	width: 22px;
	height: 22px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.pop-layer .pop-container input[type=text] {
	width: 80%;
	height: 40px;
	line-height: 40px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.pop-layer .pop-container p.submit_txt {
	text-align: center;
	width: 100%;
	padding: 20px 0
}

.pop-layer .pop-container input {
	vertical-align: middle;
	width: 22px;
	height: 22px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.pop-layer .pop-container input[type=text] {
	width: 80%;
	height: 40px;
	line-height: 40px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.pop-layer .pop-container p.submit_txt {
	text-align: center;
	width: 100%;
	padding: 20px 0
}

.pop-layer .pop-container table tr td select {
	margin: 1px 0;
	display: inline-block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.pop-layer .pop-container table tr td select {
	margin: 1px 0;
	display: inline-block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.pop-layer .pop-container table tr td select.small {
	display: inline-block;
	width: 100px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.pop-layer .pop-container table tr td select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

/*팝업쓰실려면 new로 쓰세요.*/
.pop-layer-new {
	display: none;
	position: absolute;
	top: 32%;
	margin-top: -500px;
	left: 50%;
	margin-left: -400px;
	width: 850px;
	height: auto;
	background-color: none;
	z-index: 9999999;
}

.pop-layer-new .pop-container {
	padding: 30px;
	position: relative;
}

.pop-layer-new .pop-container>h4 {
	position: relative;
	color: #000;
	font-size: 24px;
	font-weight: 700;
	line-height: 26px;
	padding: 0px 0px 15px 0;
}

.pop-layer-new .pop-container>h5 {
	position: relative;
	color: #4152ac;
	font-size: 16px;
	margin: 15px 0 10px 0;
}

.pop-layer-new .pop-container>p {
	line-height: 25px;
}

.pop-layer-new .pop-container>p.cont {
	color: #666;
	line-height: 24px;
}

.pop-layer-new .pop-container>ul {
	margin-top: 15px;
}

.pop-layer-new .pop-container>ul>li {
	padding-left: 10px;
	color: #666;
	font-size: 14px;
	line-height: 24px;
	background: url(../images/mypage/icon_line.png) no-repeat left 12px;
}

.pop-layer-new .pop-container>.attention {
	color: #666;
	line-height: 28px;
	padding-bottom: 20px;
}

.pop-layer-new .pop-container>.red {
	color: #da5b1c;
	font-size: 14px;
	line-height: 24px;
}

.pop-layer-new .pop-container>.pop_info {
	color: #4152ac;
	font-size: 14px;
}

.pop-layer-new .pop-container>.sns_wrap {
	width: 324px;
	height: 599px;
	margin: 0 auto;
	background: url(../images/popup_sns_bg.gif) no-repeat;
	padding: 125px 45px 90px 45px;
}

.pop-layer-new .pop-container>.sns_wrap>ul {
	width: 100%;
}

.pop-layer-new .pop-container>.sns_wrap>ul>li.tit {
	font-size: 16px;
	line-height: 22px;
	color: #fff;
}

.pop-layer-new .pop-container>.sns_wrap>ul>li>.inputTxt01 {
	line-height: 37px;
	height: 37px;
	padding: 0 5px;
	border: 1px solid #e0e0e0;
	background-color: #fbfbfb;
	color: #222;
}

.pop-layer-new .pop-container>.sns_wrap>ul>li>textarea {
	background-color: #fbfbfb;
	color: #222;
	overflow: auto;
}

.pop-layer-new .pop-container>.sns_wrap>ul>li>.group {
	height: 50px;
	border: 1px solid #e0e0e0;
	background-color: #fbfbfb;
	padding: 10px;
	width: 91%;
	overflow-y: auto;
}

.pop-layer-new .pop-container>.sns_wrap>ul>li>.group label {
	margin-right: 15px;
	margin-bottom: 10px;
}

.pop-layer-new .pop-container>.sns_wrap>.byte {
	font-size: 14px;
	color: #666;
	float: right;
	margin-top: 10px;
	overflow: hidden;
}

.pop-layer-new .pop-container>.sns_wrap>.btnCenter {
	display: inline-block;
	width: 100%;
}

.pop-layer-new .pop-container input {
	vertical-align: middle;
	width: 22px;
	height: 22px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.pop-layer-new .pop-container input[type=text] {
	width: 80%;
	height: 40px;
	line-height: 40px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.pop-layer-new .pop-container p.submit_txt {
	text-align: center;
	width: 100%;
	padding: 20px 0
}

.pop-layer-new .pop-container input {
	vertical-align: middle;
	width: 22px;
	height: 22px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.pop-layer-new .pop-container input[type=text] {
	width: 80%;
	height: 40px;
	line-height: 40px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.pop-layer-new .pop-container p.submit_txt {
	text-align: center;
	width: 100%;
	padding: 20px 0
}

.pop-layer-new .pop-container table tr td select {
	margin: 1px 0;
	display: inline-block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.pop-layer-new .pop-container table tr td select {
	margin: 1px 0;
	display: inline-block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.pop-layer-new .pop-container table tr td select.small {
	display: inline-block;
	width: 100px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.pop-layer-new .pop-container table tr td select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

/*팝업 사진등록 필드*/
.pop-layer .pop-container .data_box {
	padding: 25px 55px;
	background-color: #dadce5;
}

.pop-layer .pop-container .data_box .file_input_textbox {
	float: left;
	height: 47px;
	line-height: 47px;
	width: 670px;
	border: 0px solid #ececec;
	margin-right: 5px;
	font-size: 14px;
	color: #222;
	background-color: #dadce5;
}

.pop-layer .pop-container .data_box .file_input_div {
	position: relative;
	width: 175px;
	height: 47px;
	overflow: hidden;
}

.pop-layer .pop-container .data_box .file_input_div .file_input_hidden {
	width: 175px;
	font-size: 45px;
	height: 47px;
	position: absolute;
	right: 0px;
	top: 0px;
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

.pop-layer .pop-container .data_box .file_input_div .file_input_button {
	width: 175px;
	height: 47px;
	text-align: center;
	line-height: 47px;
	position: absolute;
	top: 0px;
	background-color: #353b4f;
}

.pop-layer .pop-container .data_box .file_input_div .file_input_button>span
	{
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding-left: 20px;
	background: url(../images/icon_search.png) no-repeat left center;
}

.photoapp {
	border-bottom: solid 1px #ccc;
}

.photoapp .name {
	border-top: solid 1px #333;
	border-bottom: solid 1px #ccc;
	padding: 20px 10px;
	position: relative;
}

.photoapp .btnright {
	position: absolute;
	right: 10px;
	top: 12px;
}

.photoapp p {
	text-align: center;
	padding: 20px;
}

.btncenter {
	padding: 30px 0;
	overflow: hidden;
	width: 100%;
	text-align: center
}

.btncright {
	padding: 20px 0 50px 0;
	overflow: hidden;
	display:flex;
	justify-content:flex-end;
}
.btncright > a { margin-right:5px; margin-bottom:5px;}

.btncright2 {
	text-align: right;
	padding: 10px;
	overflow: hidden;
}

.boardBtn01 {
	margin: 0 auto
}

.boardBtn01 a {
	background: #4694ff;
	color:#fff !important;
	border-radius: 3px;
	padding: 10px 60px;
	font-size: 15px;
	display: block;
	float: left;
	text-align: center;
}

.boardBtn01 a:hover {
	background: #3583dd;
	color: #fff
}

.boardBtn02 {
	margin: 0 auto
}

.boardBtn02 a {
	background: #464646;
	color: #fff;
	border-radius: 3px;
	padding: 10px 60px;
	font-size: 15px;
	display: block;
	float: left;
	text-align: center;
}

.boardBtn02 a:hover {
	background: #4694ff;
	color:#fff !important;
}

.btncenter2 {
	text-align: center;
	overflow: hidden;
	margin-top: 30px;
	margin: 0 auto;
	max-width: 310px;
	padding-top: 30px;
}

.btncenter2 div {
	text-align: center;
	margin: 0 auto;
}

/*첨부파일추가*/
.pop-layer .pop-container .data_box02 {
	
}

.pop-layer .pop-container .data_box02>.file_input_textbox {
	float: left;
	line-height: 37px;
	height: 37px;
	width: 400px;
	padding: 0 5px;
	border: 1px solid #e0e0e0;
	background-color: #fbfbfb;
	color: #666;
	font-size: 14px;
}

.pop-layer .pop-container .data_box02>.file_input_div {
	position: relative;
	width: 100px;
	height: 39px;
	overflow: hidden;
}

.pop-layer .pop-container .data_box02>.file_input_div>.file_input_hidden
	{
	width: 100px;
	font-size: 45px;
	height: 39px;
	position: absolute;
	right: 0px;
	top: 0px;
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

.pop-layer .pop-container .data_box02>.file_input_div>.file_input_button
	{
	margin-left: 5px;
	width: 90px;
	height: 39px;
	line-height: 39px;
	font-size: 13px;
	color: #fff !important;
	text-align: center;
	background-color: #b4b4b4;
	border-radius: 2px;
	vertical-align: top;
}

/*팝업*/
.pop-layer .pop-container>.school_box {
	padding: 15px;
	background-color: #dadce5;
}

.pop-layer .pop-container>.school_box>fieldset>label {
	color: #222;
	font-size: 14px;
	padding-left: 10px;
	background: url(../images/mypage/icon_dot.gif) no-repeat left center;
	margin-right: 5px;
}

.pop-layer .pop-container>.school_box>fieldset>.inputsch {
	line-height: 39px;
	height: 39px;
	width: 234px;
	padding: 0 5px;
	background-color: #fff;
	color: #222;
	font-size: 14px;
	border: 0;
	margin-right: 30px;
}

.pop-layer .pop-container>.school_box>fieldset>.btn_search {
	width: 175px;
	height: 47px;
	text-align: center;
	line-height: 47px;
	background-color: #353b4f;
}

.pop-layer .pop-container>.school_box>fieldset>.btn_search>span {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding-left: 20px;
	background: url(../images/board/icon_search.png) no-repeat left center;
}

.pop-layer .pop-container>.school_box>fieldset>input {
	width: 23%
}

.pop_table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

.pop_table tbody tr th {
	padding: 25px 10px;
	color: #222;
	font-size: 18px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #e0e0e0;
	vertical-align: middle;
	text-align: center;
	background: #f8f8fa;
}

.pop_table tbody tr td {
	padding: 25px 45px;
	color: #222;
	font-size: 14px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #e0e0e0;
	line-height: 24px;
	vertical-align: middle;
	text-align: left;
	background-color: #fff;
}

.pop_table tbody tr td.sel {
	border-left: 1px solid #e0e0e0;
	padding: 0;
	vertical-align: middle;
}

.pop_table tbody tr td.space {
	height: 20px;
	padding: 0;
	border: 0;
}

.pop_table02 {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	border-spacing: 0;
	table-layout: fixed;
}

.pop_table02 tbody tr th {
	padding: 15px;
	border-top: 1px solid #dcdcdc;
	vertical-align: middle;
	text-align: left;
	background-color: #f8f8fa;
	color: #000000
}

.pop_table02 tbody tr th.first {
	border-top: 0;
}

.pop_table02 tbody tr td {
	padding: 20px;
	color: #666;
	border-top: 1px solid #dcdcdc;
	line-height: 30px;
	vertical-align: middle;
	text-align: left;
	background-color: #fff;
}

.pop_table02 tbody tr td>label {
	margin-right: 10px;
	font-weight: normal
}

.table_wrap {
	width: 100%;
	height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
}

.pop_table03 {
	width: 100%;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #222;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

.pop_table03 thead tr th {
	padding: 15px;
	border-top: 1px solid #dcdcdc;
	vertical-align: middle;
	text-align: center;
	background-color: #f8f8fa;
	color: #000000
}

.pop_table03 tbody tr td {
	padding: 20px;
	color: #666;
	vertical-align: middle;
	border-top: 1px solid #dcdcdc;
	text-align: center;
}

.pop_table03 tbody tr td.textleft {
	text-align: left;
}

.pop_table03 tbody tr td.name {
	color: #222;
	text-align: left;
}

.pop_table03 tbody tr td.hover, .pop_table03 tbody tr td.checked {
	background-color: #4152ac;
	color: #fff;
}

.pop_table03 tbody tr td.icon.hover, .pop_table03 tbody tr td.icon.checked
	{
	background: #4152ac url(../images/mypage/icon_check.png) no-repeat
		center center;
}

.pop_table04 {
	width: 100%;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #222;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

.pop_table04 thead tr th {
	padding: 25px 0 23px;
	font-weight: bold;
	color: #222;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #222;
	background: #f8f8fa;
}

.pop_table04 tbody tr td {
	padding: 26px 15px 22px;
	color: #666;
	font-size: 14px;
	vertical-align: middle;
	border-top: 1px solid #dcdcdc;
	text-align: center;
}

.pop_table04 tbody tr td.name {
	color: #222;
	text-align: center;
}

.pop_table04 tbody tr td.hover, .pop_table03 tbody tr td.checked {
	background-color: #4152ac;
	color: #fff;
}

.pop_table04 tbody tr td.icon.hover, .pop_table03 tbody tr td.icon.checked
	{
	background: #4152ac url(../images/mypage/icon_check.png) no-repeat
		center center;
}

.pop_table05 tbody tr td.noline {
	border-left: none;
}

.pop_table05 {
	width: 100%;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #222;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	margin: 10px 0
}

.pop_table05 thead tr th {
	padding: 25px 0 23px;
	font-weight: bold;
	color: #222;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #222;
	background: #f8f8fa;
}

.pop_table05 tbody tr:first-child th {
	border-top: 1px solid #222;
}

.pop_table05 tbody tr:first-child td {
	border-top: 1px solid #222;
}

.pop_table05 tbody tr th {
	padding: 20px 15px 22px;
	color: #222;
	font-size: 13px;
	line-height: 24px;
	font-weight: 700;
	vertical-align: middle;
	border-top: 1px solid #dcdcdc;
	text-align: center;
}

.pop_table05 tbody tr td {
	padding: 20px 15px 22px;
	color: #666;
	font-size: 14px;
	line-height: 24px;
	vertical-align: middle;
	border-top: 1px solid #dcdcdc;
	text-align: left;
	border-left: 1px solid #dcdcdc;
}

.pop_table05 tbody tr td label {
	vertical-align: middle;
	margin-right: 0px
}

.pop_table05 tbody tr td>ul {
	
}

.pop_table05 tbody tr td>ul>li {
	padding-left: 10px;
	color: #666;
	font-size: 14px;
	line-height: 24px;
	background: url(../images/mypage/icon_line.png) no-repeat left 12px;
}

.pop_table05 tbody tr td.textaligncenter {
	text-align: center
}

.first span img {
	width: 100%;
}

.btn-r {
	position: absolute;
	top: 25px;
	right: 25px;
}

a.cbtn {
	display: inline-block;
	height: 45px;
	height: 45px;
}

.layer_wrap.on {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999999999;
	overflow: auto;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr='#8c000000', endColorstr='#8c000000');
}

.layer_wrap4.on {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999;
	overflow: auto;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr='#8c000000', endColorstr='#8c000000');
}

/*20190604 추가*/
.layer_wrap4.on {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999;
	overflow: auto;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr='#8c000000', endColorstr='#8c000000');
}

.etc-popup {
	padding: 70px;
	position: relative;
}

.etc-popup>h4 {
	position: relative;
	color: #222;
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
	padding-top: 25px;
	background: url(../images/h4_line.gif) no-repeat;
}

.etc-popup>.txt01 {
	color: #666;
}

.etc-popup>h5 {
	color: #171c61;
	font-size: 18px;
	font-weight: 700;
}

.etc-popup>h6 {
	color: #222;
	font-size: 16px;
	font-weight: 700;
}

.etc-popup>.box {
	border-top: 1px solid #222;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 25px 25px;
	background-color: #fbfbfb;
}

.etc-popup>.box>.tit {
	font-size: 20px;
	color: #222;
}

.etc-popup>.box>.cont {
	color: #666;
}

.etc-popup>ol {
	margin-left: 17px;
}

.etc-popup>ol>li {
	list-style-type: inherit;
	color: #666;
}

.etc-popup>ol>li>ul.depth2 {
	margin-left: 10px;
}

.etc-popup>ol>li>ul.depth2>li {
	color: #666;
}

.etc-popup>ol>li>ul.depth2>li>.tit {
	font-weight: 700;
}

.etc-popup>ol>li>ul.depth2>li>ul.depth3 {
	margin-left: 20px;
}

.etc-popup>ol>li>ul.depth2>li>ul.depth3>li {
	color: #666;
}

.etcpop_table {
	width: 100%;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #222;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

.etcpop_table thead tr th {
	padding: 25px 0 23px;
	font-weight: bold;
	color: #222;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #222;
	background: #f8f8fa;
}

.etcpop_table tbody tr td {
	padding: 26px 15px 22px;
	color: #666;
	vertical-align: middle;
	border-top: 1px solid #dcdcdc;
	text-align: center;
}

.etcpop_table tbody tr td.first, .etcpop_table tbody tr th.first {
	border-top: 1px solid #222;
}

.etcpop_table tbody tr td>a {
	color: #666;
}

.etcpop_table tbody tr th {
	padding: 26px 15px 22px;
	color: #666;
	vertical-align: middle;
	border-top: 1px solid #dcdcdc;
	text-align: center;
	background: #f8f8fa;
}

/*프로젝트*/
.projectbox_1 {
	border: solid 1px #d1deed;
	padding: 10px 15px 17px 15px;
	overflow: hidden;
	background: #eff4fa;
	position: relative;
	width: 49%;
	float: left;
	height: 214px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.projectbox_1 h4 {
	margin-left: 0px;
	padding: 0px 5px 0px 5px;
	font-size: 22px;
}

.projectbox_1 div.btnmaps {
	position: absolute;
	right: 10px;
	bottom: 20px;
}

.projectbox_1 p {
	margin-right: 30px;
	float: left;
}

.projectbox_1 p img {
	width: 130px;
	height: 150px;
	border: solid 1px #d9d9d9
}

.projectbox_1 ul {
	float: left
}

.projectbox_1 ul li {
	line-height: 40px;
}

.projectbox_1 ul li.name {
	font-size: 28px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 5px;
}

.projectbox_1 span {
	position: absolute;
	right: 10px;
	top: 15px;
}

.projectbox_1 span a {
	margin-right: 2px;
}

.projectbox_2 {
	border: solid 1px #d9d9d9;
	padding: 15px;
	overflow: hidden;
	background: #fff;
	position: relative;
	width: 49%;
	float: left;
	height: 214px;
	margin-bottom: 20px;
	margin-right: 20px;
}

.projectbox_2 div.btnmaps {
	position: absolute;
	right: 10px;
	bottom: 20px;
}

.projectbox_2.nomargin {
	margin-right: 0
}

.projectbox_2 p {
	margin-right: 30px;
	float: left;
}

.projectbox_2 .check {
	background: #f3f3f3;
	position: absolute;
	left: 15px;
	bottom: 15px;
	padding: 5px 10px;
	vertical-align: middle;
	width: 130px;
	border: solid 1px #d9d9d9;
	text-align: center
}

.projectbox_2 .check input {
	width: 20px;
	height: 17px;
	vertical-align: bottom;
	vertical-align: middle;
}

.projectbox_2 p img {
	width: 130px;
	height: 150px;
	border: solid 1px #d9d9d9
}

.projectbox_2 ul {
	float: left
}

.projectbox_2 ul li {
	line-height: 40px;
}

.projectbox_2 ul li.name {
	font-size: 28px;
	color: #000000;
	font-weight: bold;
	margin-top: 15px;
}

.projectbox_2 span {
	position: absolute;
	right: 10px;
	top: 15px;
}

.projectbox_2 span a {
	margin-right: 2px;
}

.projectbox_3 {
	border: solid 1px #d1deed;
	padding: 10px 15px 17px 15px;
	overflow: hidden;
	background: #eff4fa;
	position: relative;
	width: 49%;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.projectbox_3 h4 {
	margin-left: 0px;
	padding: 0px 5px 0px 5px;
	font-size: 22px;
}

.projectbox_3 div.btnmaps {
	position: absolute;
	right: 10px;
	bottom: 20px;
}

.projectbox_3 p {
	margin-right: 30px;
	float: left;
}

.projectbox_3 p img {
	width: 130px;
	height: 150px;
	border: solid 1px #d9d9d9
}

.projectbox_3 ul {
	float: left
}

.projectbox_3 ul li {
	line-height: 40px;
}

.projectbox_3 ul li.name {
	font-size: 28px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 5px;
}

.projectbox_3 span {
	position: absolute;
	right: 10px;
	top: 15px;
}

.projectbox_3 span a {
	margin-right: 2px;
}

.projectbox_4 {
	border: solid 1px #d9d9d9;
	padding: 15px;
	overflow: hidden;
	background: #fff;
	position: relative;
	width: 49%;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}

.projectbox_4 div.btnmaps {
	position: absolute;
	right: 10px;
	bottom: 20px;
}

.projectbox_4.nomargin {
	margin-right: 0
}

.projectbox_4 p {
	margin-right: 30px;
	float: left;
}

.projectbox_4 .check {
	background: #f3f3f3;
	position: absolute;
	left: 15px;
	bottom: 15px;
	padding: 5px 10px;
	vertical-align: middle;
	width: 130px;
	border: solid 1px #d9d9d9;
	text-align: center
}

.projectbox_4 .check input {
	width: 20px;
	height: 17px;
	vertical-align: bottom;
	vertical-align: middle;
}

.projectbox_4 p img {
	width: 130px;
	height: 150px;
	border: solid 1px #d9d9d9
}

.projectbox_4 ul {
	float: left
}

.projectbox_4 ul li {
	line-height: 40px;
}

.projectbox_4 ul li.name {
	font-size: 28px;
	color: #000000;
	font-weight: bold;
	margin-top: 15px;
}

.projectbox_4 span {
	position: absolute;
	right: 10px;
	top: 15px;
}

.projectbox_4 span a {
	margin-right: 2px;
}

.attention_wrap02 {
	width: 100%;
	margin-bottom: 30px;
}

.ptable {
	display: none;
}

.boardBtn15 {
	border: solid 1px #dfdfdf;
	width: 100%;
	overflow: hidden;
	background: url(/2019/css/images/icon_arrow05.png) no-repeat right 15px;
	margin-bottom: 20px;
}

.boardBtn15:hover {
	background: url(/2019/css/images/icon_arrow06.png) no-repeat right 15px;
}

.boardBtn15  a {
	display: block;
	padding: 20px;
}

/*20200603 edit*/
.boardBtn15_0603 {
	border-top: solid 2px #4152ac;
	border-right: 1px solid #4152ac;
	border-left: 1px solid #4152ac;
	border-bottom: 1px solid #4152ac;
	width: 100%;
	overflow: hidden;
	margin-bottom: -1px;
	position: relative;
}

.boardBtn15_0603::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 12px solid #4152ac;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: -1;
    transform: translateY(-50%);
    cursor: pointer;
}
.boardBtn15_0603:hover::after {
	transform: translateY(-50%) rotate(180deg);
}

.boardBtn15_0603 a {
	display: block;
	padding: 20px;
	color: #4152ac !Important;
	font-size: 16px;
}

.btncright2_0603 {
	text-align: right;
	padding: 10px 0 0 0;
	overflow: hidden;
	line-height: 25px;
}

/**/
.nextdesignWrap {
	overflow: hidden
}

.nextdesign {
	width: 17.5%;
	border: solid 2px #c3c3c3;
	padding: 20px;
	text-align: center;
	float: left;
	border-radius: 10px;
}

.nextdesign h3 {
	font-size: 20px;
	padding: 0px 0 15px 0;
	border-bottom: 1px dashed #e0e0e0;
}

.nextdesign ul span {
	color: #19559A;
	margin-top: 10px;
}

.nextdesign ul li {
	line-height: 25px;
}

.nexticon {
	background: url(../images/icon_arrow03.png) no-repeat center;
	width: 35px;
	height: 220px;
	float: left;
}

.nextdesign2 {
	width: 22.6%;
	border: solid 2px #c3c3c3;
	padding: 20px;
	text-align: center;
	float: left;
	border-radius: 10px;
	position: relative;
}

.nextdesign2 h3 {
	font-size: 20px;
	padding: 0px 0 15px 0;
	border-bottom: 1px dashed #e0e0e0;
}

.nextdesign2 ul span {
	color: #ff5400;
	margin-top: 10px
}

.nextdesign2 ul li {
	line-height: 25px;
}

.nexticon2 {
	background: url(../images/icon_arrow03.png) no-repeat center;
	width: 35px;
	height: 220px;
	float: left;
}

.nextdesign3 {
	width: 31.2%;
	height: 150px;
	border: solid 2px #c3c3c3;
	padding: 20px;
	text-align: center;
	float: left;
	border-radius: 10px;
}

.nextdesign3 h3 {
	font-size: 20px;
	padding: 0px 0 15px 0;
	border-bottom: 1px dashed #e0e0e0;
}

.nextdesign3 ul span {
	color: #ff5400;
	line-height: 50px;
}

.nextdesign3 ul li {
	line-height: 25px;
}

.nexticon3 {
	background: url(../images/icon_arrow03.png) no-repeat center;
	width: 35px;
	height: 150px;
	float: left;
}

.nextdesign4 {
	width: 236px;
	display: flex;
	flex-direction: column;
	border: solid 2px #c3c3c3;
	padding: 20px;
	text-align: center;
	float: left;
	border-radius: 10px;
	position: relative;
	margin: 10px 0px;
}

.nextdesign4-content {
	color: #686868;
	line-height: 25px;
	text-align: left;
	margin-bottom: 70px;
}

.nextdesign4-footer {
	font-size: 20px;
	padding: 15px 0 0 0;
	border-top: 1px dashed #e0e0e0;
	position: absolute;
	bottom: 18px;
	color: #000;
	width: 82.6%;
	width: 100%;
	margin-left: -19px;
}

.nextdesign4 h3 {
	font-size: 20px;
	padding: 0px 0 15px 0;
	border-bottom: 1px dashed #e0e0e0;
	margin-left: 0px;
}

/*Award*/
.awardbox1 {
	padding: 20px;
	border: solid 1px #d1deed;
	background: #eff4fa;
	position: relative;
}

.awardbox1 h2 {
	color: #4152ac;
	font-size: 25px;
	line-height: 34px;
}

.awardbox1 ul {
	margin-left: 100px;
}

.ranking_no1 {
	background: url(../images/ranking_no1.png) no-repeat center;
	width: 100px;
	height: 107px;
	position: absolute;
	left: 10px;
	top: 0px;
}

.ranking_no2 {
	background: url(../images/ranking_no2.png) no-repeat center;
	width: 100px;
	height: 107px;
	position: absolute;
	left: 10px;
	top: 0px;
}

.ranking_no3 {
	background: url(../images/ranking_no3.png) no-repeat center;
	width: 100px;
	height: 107px;
	position: absolute;
	left: 10px;
	top: 0px;
}

.ranking_no4 {
	background: url(../images/ranking_no4.png) no-repeat center;
	width: 100px;
	height: 107px;
	position: absolute;
	left: 10px;
	top: 0px;
}

.ranking_no5 {
	background: url(../images/ranking_no5.png) no-repeat center;
	width: 100px;
	height: 107px;
	position: absolute;
	left: 10px;
	top: 0px;
}

.awardbox2 {
	padding: 30px;
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
	border-bottom: solid 1px #dfdfdf;
	overflow: hidden
}

.awardbox2 p {
	float: left;
	margin-right: 30px;
	width: 220px;
	height: 160px;
}

.awardbox2 div {
	float: left;
	margin-right: 30px;
}

.awardbox2 ol dl {
	overflow: hidden;
}

.awardbox2 ol dl dt {
	color: #4152ac;
	background: url(../images/icon_linest.png) no-repeat left;
	padding-left: 10px;
	float: left;
	width: 15%
}

.con4 table.box50 {
	float: right;
}

.awardbox3 {
	margin-top: 60px;
	overflow: hidden;
	float: left;
	width: 550px;
}

.awardbox3.tright {
	float: right
}

.awardbox3 h2 {
	font-size: 24px;
	margin-bottom: 5px;
	position: relative;
	line-height: 42px !important;
}

.awardbox3 h2 span {
	position: absolute;
	left: 570px;
	top: 0px;
	font-size: 18px;
}

.awardbox3 .boxst {
	padding: 20px;
	border: solid 1px #dfdfdf;
}

.awardbox4 {
	width: 100%;
	margin-top: 60px;
}

.awardbox4 h2 {
	font-size: 24px;
	margin-bottom: 5px;
	position: relative;
}

.projectlistbox_Wrap {
	width: 100%;
	overflow: hidden
}

/**/
.projectlistbox {
	padding: 15px 20px 15px 20px;
	border: solid 1px #dfdfdf;
	margin: 15px 0;
	overflow: hidden;
	width: 49%;
	float: left;
	position: relative;
}

.projectlistbox.nomargin {
	margin-right: 0px;
	float: right
}

.projectlistbox p {
	display: inline-block;
	vertical-align: bottom;
	padding: 8px 8px 0 0;
	float: left;
}

.projectlistbox h4 p a {
	display: inline-block;
	width: 400px;
	font-size: 20px;
	color: #000;
	padding: 0px 0 5px 0;
	margin: 0px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-break: break-all
}

.projectlistbox h4 a {
	width: 320px;
	display: inline-block;
	margin-top: 0px;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 10px 0;
	margin-right: 100px;
}

.projectlistbox ul li {
	line-height: 25px;
}

.projectlistbox_li {
	clear: both;
}

.projectlistbox span {
	position: absolute;
	right: 0px;
	top: 10px;
}

.projectlistbox2 {
	padding: 15px 20px 15px 20px;
	border: solid 1px #dfdfdf;
	margin: 15px 0;
	overflow: hidden;
	width: 49%;
	float: left;
	position: relative;
	height: 215px;
}

.projectlistbox2.nomargin {
	margin-right: 0px;
	float: right
}

.projectlistbox2 p {
	display: inline-block;
	vertical-align: bottom;
	padding: 8px 8px 0 0;
	float: left;
}

.projectlistbox2 h4 p a {
	display: inline-block;
	width: 400px;
	font-size: 20px;
	color: #000;
	padding: 0px 0 5px 0;
	margin: 0px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-break: break-all
}

.projectlistbox2 h4 a {
	width: 320px;
	display: inline-block;
	margin-top: 0px;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 10px 0;
}

.projectlistbox2 ul li {
	line-height: 25px;
}

.projectlistbox2_li {
	clear: both;
}

.projectlistbox2 span {
	position: absolute;
	right: 0px;
	top: 10px;
}

.project_search_wrap {
	border-top: solid 2px #4152ac;
	border-left: solid 1px #cacaca;
	border-bottom: solid 1px #cacaca;
	border-right: solid 1px #cacaca;
	padding: 10px 0px 0px 0px;
	margin-bottom: 30px;
}

.projectlistbox1 {
	position: relative;
	padding: 15px 20px;
	border: solid 1px #dfdfdf;
	margin: 15px 0;
	overflow: hidden;
	width: 49%;
	float: left;
	position: relative;
	min-height: 198px;
}

.projectlistbox1.nomargin {
	margin-right: 0px;
	float: right
}

.projectlistbox1 .h4_font_projectbox1 {
	display: inline-block;
	width: 400px;
	font-size: 20px;
	color: #000;
	padding: 5px 0 5px 0;
	margin: 0px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-break: break-all
}

.projectlistbox1 .logo_img_div_wrap {
	position: absolute;
	top: 0;
	right: 10px;
}

.projectlistbox1 ul li {
	line-height: 25px;
}

.projectlistbox1 span {
	position: absolute;
	right: 0px;
	top: 0px;
}

.project_search_wrap {
	border-top: solid 2px #4152ac;
	border-left: solid 1px #cacaca;
	border-bottom: solid 1px #cacaca;
	border-right: solid 1px #cacaca;
	padding: 10px 0px 0px 0px;
	margin-bottom: 30px;
}

.projectsearch ul li {
	border-bottom: solid 1px #ddd;
	min-height: 44px;
}

.projectsearch ul li.nonline {
	border-bottom: none
}

.projectsearch ul li div {
	width: 140px;
	overflow: hidden;
	float: left;
	padding-left: 20px;
	color: #000;
	padding-top: 11px;
}

.projectsearch ul li label {
	margin-right: 20px;
}

.project_search_wrap2 {
	border: solid 2px #cacaca;
	padding: 10px 0px 0px 0px;
	margin-bottom: 30px;
}

/*사업소개*/
.business_v1 {
	background: #333 url(../images/business_img1.png) no-repeat center;
	height: 813px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	margin-top: -40px;
	background-size: cover;
}

.business_v1 h3 {
	color: #fff;
	padding-top: 150px;
	padding-bottom: 30px;
	font-size: 40px;
}

.business_v2 {
	margin: 0 auto;
	width: 100%;
	max-width: 1400px;
}

.business_v3 {
	margin: 0 auto;
	max-width: 1170px;
	width: 100%
}

.business_v3 .proboFontP {
	padding: 0px 20px;
	color: #fff;
	line-height: 25px;
}

.business_v4 {
	background: #333 url(../images/business_img2.png) no-repeat center;
	height: 813px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	margin-top: -30px;
}

.business_v4 h3 {
	color: #fff;
	padding-bottom: 30px;
	font-size: 40px;
}

.business_v5 {
	background: #333 url(../images/business_img3.png) no-repeat center;
	height: 700px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	margin-top: -30px;
}

.business_v5 h3 {
	color: #fff;
	padding-bottom: 30px;
	font-size: 40px;
}

.business_v6 {
	background: #333 url(../images/business_img4.png) no-repeat center;
	height: 650px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	margin-top: -30px;
}

.business_v6 h3 {
	color: #fff;
	padding-bottom: 30px;
	font-size: 40px;
}

.business_v6 .evewaFontP {
	color: #fff;
	padding: 0 90px;
	line-height: 25px;
}

.business_box {
	color: #9a9a9a;
	text-align: center;
	margin: 0 auto;
	background: url(../images/business_bgicon.png) no-repeat center;
	background-size: contain;
	width: 100%;
	max-height: 386px;
	height: 26vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
}

/*.business_box p {
	padding-top: 70px;
}

.business_box .smart {
	padding-top: 58px;
}*/
.business_box h5 {
	font-size: 20px;
	margin: 10px 0;
}

/*.business_box div {
	margin-top: 40px;
}*/
.business_box p img {
	width: 55%;
	margin-bottom:20px;
}

.business_box .smart img {
	width: 40%;
}

.business_box div {
	position: absolute;
	bottom: 13%;
}

.business_box div a {
	background: url(../images/btn_viewicon.png) no-repeat right;
	padding: 0 25px;
}

.business_box div a:hover {
	text-decoration: underline;
}

.business_box2 {
	color: #9a9a9a;
	text-align: center;
	margin: 70px auto;
	background: url(../images/business_bgicons.png) no-repeat center;
	width: 249px;
	height: 281px;
}

.business_box2 p {
	height:100%;
}

.business_container {
	margin: 20px auto;
	max-width: 1170px;
	text-align: center;
	overflow: hidden
}

.business_container h3 {
	font-size: 36px;
	color: #000;
	font-weight: bold;
	margin: 0px 0 20px 0;
}

.business_container h4 {
	font-size: 36px;
	color: #333;
	font-weight: bold;
	margin: 50px 0 20px 0;
}

.business_container h6 {
	font-size: 22px;
	color: #000;
	margin: 50px 0 10px 0;
	text-align: left
}

.business_container .busiIctconP {
	padding: 20px 220px 20px 220px;
}

.busiOverSpan {
	padding: 0px 60px;
	display: block
}

.business_mphoto {
	margin-top: 20px;
	background: #f3f3f3;
	float: left;
	margin-right: 52px;
	overflow: hidden;
	line-height: 30px;
	padding-bottom: 20px;
}

.business_mphoto p {
	padding-bottom: 20px;
}

.business_mphoto.last {
	margin-right: 0px;
}

.business_mphoto div {
	padding: 20px 0
}

.business_mphoto span {
	font-size: 22px;
	color: #000000;
}

.business_mphoto2 {
	height: 550px;
	width: 32%;
	margin-top: 20px;
	text-align: left;
	background: #f2f2f2;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	line-height: 30px;
	padding: 30px 60px
}

.business_mphoto2 span {
	padding-left: 15px;
	font-size: 16px;
	position: relative;
}

.business_mphoto2 div {
	font-size: 28px;
	text-align: center;
	line-height: 50px;
	margin-bottom: 20px;
	margin-left: -22px;
}

.business_mphoto2 div strong {
	color: #000;
	line-height: 20px;
}

.business_mphoto2 ul li {
	font-size: 14px;
}

.business_mphoto2 p {
	padding: 20px;
	text-align: center
}

.business_mphoto2.last {
	margin-right: 0px;
}

.dot1:before {
	content: '';
	border-radius: 15px;
	width: 6px;
	height: 6px;
	background-color: #ff5400;
	position: absolute;
	display: block;
	left: 0px;
	top: 6px;
}

.business_mphoto3 {
	height: 510px;
	width: 49%;
	margin-top: 20px;
	text-align: left;
	background: #f2f2f2;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	line-height: 30px;
	padding: 30px 90px
}

.business_mphoto3 span {
	padding-left: 15px;
	font-size: 16px;
	position: relative;
}

.business_mphoto3 div {
	font-size: 28px;
	line-height: 50px;
	margin-bottom: 20px;
	margin-left: -22px;
	text-align: center
}

.business_mphoto3 div strong {
	color: #000;
}

.business_mphoto3 ul li { /*list-style-type: circle;*/
	
}

.business_mphoto3 p {
	padding: 20px;
	text-align: center
}

.business_mphoto3.last {
	margin-right: 0px;
}

.emCss {
	font-size: 13px;
	color: #09a3c5;
	display: block;
	padding: 5px 0 20px 10px;
	line-height: 18px;
}

.business_mphoto4 {
	height: 377px;
	width: 23.5%;
	text-align: left;
	background: #f2f2f2;
	float: left;
	margin-right: 20px;
	margin-bottom: 50px;
	overflow: hidden;
	line-height: 30px;
	padding: 20px;
	position: relative;
}

.business_mphoto4 h3 {
	font-size: 20px;
}

.business_mphoto4 div {
	font-size: 30px;
	line-height: 26px;
	margin-bottom: 20px;
	margin-left: -22px;
	text-align: center;
	position: absolute;
	left: 90px;
	bottom: 0px;
}

.business_mphoto4 ul li {
	background: url(../images/icon_blue.png) no-repeat 0 12px;
	line-height: 28px;
	padding-left: 10px
}

.business_mphoto4 p {
	padding: 20px;
	text-align: center
}

.business_mphoto4.last {
	margin-right: 0px;
}

.business_mphoto5 {
	height: 360px;
	width: 18.6%;
	text-align: left;
	background: #f2f2f2;
	float: left;
	margin-right: 20px;
	margin-bottom: 50px;
	overflow: hidden;
	line-height: 30px;
	padding: 20px;
	position: relative;
}

.business_mphoto5 h3 {
	font-size: 20px;
}

.business_mphoto5 ul li {
	background: url(../images/icon_blue.png) no-repeat 0 12px;
	line-height: 28px;
	padding-left: 10px
}

.business_mphoto5 p {
	padding: 20px;
	text-align: center
}

.business_mphoto5.last {
	margin-right: 0px;
}

.business_mphoto6 {
	height: 360px;
	width: 32.1%;
	text-align: left;
	background: #f2f2f2;
	float: left;
	margin-right: 20px;
	margin-bottom: 50px;
	overflow: hidden;
	line-height: 30px;
	padding: 20px;
	position: relative;
}

.business_mphoto6 h3 {
	font-size: 20px;
	margin-bottom: 10px;
}

.business_mphoto6 ul li {
	background: url(../images/icon_blue.png) no-repeat 0 12px;
	line-height: 28px;
	padding-left: 10px
}

.business_mphoto6 p {
	padding: 20px;
	text-align: center
}

.business_mphoto6.last {
	margin-right: 0px;
}

.probonobox {
	background: url(../images/business_photo4.png) no-repeat center;
	min-height: 572px;
}

.probonobox img {
	display: none;
}

.probonoboxin {
	margin: 0px auto;
	width: 1170px;
	line-height: 28px;
}

.probonoboxin h4 {
	font-size: 36px;
	color: #000;
	font-weight: bold;
	padding: 100px 0 100px 0;
	text-align: center
}

.probonoboxin span {
	color: #9a9a9a;
	font-size: 20px;
	line-height: 40px
}

.probonoboxin h5 {
	font-size: 36px;
	color: #575757;
	font-weight: bold;
	margin-bottom: 30px;
}

.bluebox {
	background: #ecf3ff;
	text-align: center;
	padding: 60px 30px;
}

.bluebox p {
	font-size: 20px;
	color: #4152ac;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 10px;
}

.bluebox span {
	line-height: 28px;
}

.business_project {
	width: 23.7%;
	height: 230px;
	border: solid 1px #cfcfcf;
	padding: 60px 20px;
	text-align: center;
	float: left;
	margin-right: 20px;
	margin-bottom: 50px;
	line-height: 25px;
}

.business_project p {
	background: url(../images/bg_circle.png) no-repeat center;
	height: 36px;
	color: #fff;
	line-height: 35px;
	margin-bottom: 20px;
}

.business_project.last {
	margin-right: 0px
}

.business_yellowbg {
	overflow: hidden;
	padding: 50px 0;
	margin-top: 100px;
}

.business_yellowin {
	margin: 20px auto;
	width: 1170px;
	text-align: center;
	color: #000;
}

.business_yellowin h4 {
	font-size: 36px;
	color: #000;
	font-weight: bold;
	margin: 50px 0 20px 0;
}

.business_micon {
	float: left;
	overflow: hidden;
	width: 33.3%;
	padding: 50px 0;
	color: #000;
}

.business_micon p {
	margin-bottom: 20px;
}

.business_contain {
	display: flex
}

.business_linebox {
	border: solid 1px #e0e0e0;
	padding: 30px 30px 20px 30px;
	overflow: hidden;
	float: left;
	width: 48.9%;
	margin-right: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.business_linebox.last {
	margin-right: 0px;
}

.business_linebox h3 {
	text-align: left;
	margin-left: -5px;
	font-size: 20px;
}

.business_linebox ul li {
	text-align: left;
	background: url(../images/icon_blue.png) no-repeat 0 12px;
	line-height: 30px;
	padding-left: 10px;
	letter-spacing: -0.7px;
}

.business_linebox2 {
	text-align: left;
	border: solid 1px #e0e0e0;
	padding: 30px 30px 20px 30px;
	overflow: hidden;
	float: left;
	line-height: 28px;
	width: 100%;
	margin-right: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.business_linebox2 h3 {
	text-align: left;
	margin-left: 0px;
	font-size: 24px;
}

.totalmore {
	padding-top: 50px;
}

.totalmore a {
	background: #4694ff;
	font-size: 18px;
	padding: 20px 80px;
	border-radius: 60px;
	border: none !important;
	color:#fff !important;
}

.totalmore a:hover {
	background: #3583dd;
	color: #fff
}

/*팀블로그*/
.teamBlogContainer {
	max-width: 1480px;
	width: 95%;
	margin: 40px auto;
	text-align: left;
}

.schedule {
	background: url(../images/calendar_check.png) no-repeat;
	width: 24px;
	height: 29px;
	margin: 0 auto;
	position: relative;
}

.schedule em {
	position: absolute;
	top: 15px;
	left: 1px;
	width: 20px;
	text-align: center;
	font-size: 9px;
	color: #fff;
	letter-spacing: -0.5px;
	overflow: hidden;
}

/*.lnbteam ul {
	width: 100%;
	border-bottom: 1px solid #ddd;
	text-align: center;
	min-height: 49px;
	font-size: 18px;
}

.lnbteam li {
	display: inline-block;
	padding: 11px 13px;
	font-size: 20px;
	color: #000000;
	height: 54px;
}

.lnbteam li.active a {
	color: #4152ac;
	border-bottom: solid 2px #4152ac;
	padding: 0 0 7px 0;
}

.lnbteam li:hover a {
	color: #4152ac;
	border-bottom: solid 2px #4152ac;
	padding: 0 0 8px 0
}*/

/*20201222 수정*/
.teamblog_notice .day a img {
	padding: 9px 0 0 0;
}

.lnbteam li.active:after {
	display: block;
	border-bottom: 2px #4152ac;
	width: 100%;
	content: '';
}

.lnbteam li:hover:after {
	display: block;
	border-bottom: 2px #4152ac;
	width: 100%;
	content: '';
}

.votebox {
	border: solid 1px #d4d4d4;
	padding: 20px;
	margin: 10px 0;
	overflow: hidden;
}

.votebox h3 {
	font-size: 16px;
	padding-bottom: 20px;
}

.vote {
	float: left;
	margin-right: 10px;
}

.votepercent {
	margin-left: 10px;
	float: left;
	color: #a1a1a1
}

.votenum {
	border: solid 1px #bec7e1;
	width: 80%;
	margin: 0px;
	float: left
}

.votenum span {
	background: #dae1f3;
	float: left
}

.votenum img {
	height: 25px;
}

.voteline {
	overflow: hidden;
	margin-bottom: 10px;
}

#teamblog_header {
	background: url(/2019/images/teamBlog_bg.jpg);
	height: 300px;
	position: relative;
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

#teamblog_header:after {
	content: '';
	display: block;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#teamblog_headerin {
	max-width: 1480px;
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 293px;
}

#teamblog_headerin p {
	float: left;
	margin-right: 30px;
	margin-top: 28px;
}

#teamblog_headerin ul {
	float: left;
}

#teamblog_headerin h1 {
	color: #fff;
	font-size: 28px;
	font-weight: normal;
	line-height: 35px;
}

#teamblog_headerin h2 {
	color: #fff;
	font-size: 15px;
	margin: 5px 0;
}

#teamblog_headerin h2 span {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

#teamblog_headerin h3 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}

.teamblog_text {
	float: left;
	position: relative;
	z-index: 2;
	text-align: left;
}

.teamblog_text .teamBlogText {
	font-size: 50px;
	font-weight: 600;
	color: #fff;
}

.box_teammember_wrap {
	border: solid 1px rgba(256, 256, 256, 0.4);
	z-index: 2;
	padding: 7px;
	min-width: 240px;
}

.box_teammember {
	overflow: hidden;
	padding: 7px;
	display: flex;
	flex-direction: column;
}

.box_teammember ul li {
	padding: 4px 0;
	color: #fff;
	width: 210px;
	position: relative;
	font-size: 14px;
	text-align: left;
	border-bottom: solid 1px rgba(256, 256, 256, 0.4);
}

.box_teammember ul li span {
	margin-left: 20px;
	position: absolute;
	top: 7px;
	right: 3px;
}

.box_teammember ul li img {
	margin-right: 3px;
	width: 22px;
}

.box_teammemberbtn {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 10px;
}

.box_teammemberbtn a.point {
	background: #fff !important;
	color: #6270bb;
}

.box_teammemberbtn a {
	background: #4694ff;
	color: #fff !important;
	padding: 3px 5px;
	text-align: center;
	margin: 1px;
	overflow: hidden;
	border-radius: 3px;
	font-size: 14px;
	width: 33.3%;
}

.box_teammemberbtn a.point {
	background: #fff !important;
	color: #6270bb
}

/*20200611 뱃지 아이콘 박스 사이즈 */
.badgeBox {
	margin: 10px 0 20px 0;
}

.teamBlogNotice {
	padding: 10px;
	background: #f6f6f6;
	display: flex;
	align-items: center;
}

.teamBlogNotice p {
	color: #555;
	font-size: 17px;
}
/*20201220*/
.notice_font_what {
	font-weight: bold;
	padding: 0 10px;
	white-space: nowrap;
}

/*20201222*/
/*20201222*/
.fl_20201222 {
	float: left;
}

.ch_20201222 {
	float: left;
	margin: 13px 5px 0 0 !important;
}

.span_20201222 {
	float: left;
	display: block;
	padding-top: 9px;
}
/*20201224*/
.hei_20201224 {
	height: auto !important;
}

.div_box_20201224 {
	float: left;
	width: 84%
}

.btn_201224_1 {
	margin-top: 10px;
}

.h3_201224 {
	text-align: center;
}

.radio_default img {
	height: auto !important;
	width: 70px !important;
	margin: 10px;
}

.li_20201224 {
	margin-top: 3px;
}

.span_20201224 {
	display: block;
	width: 44px;
	padding: 7px 0;
	font-size: 13px;
	float: left;
	color: #fff;
	text-align: center;
}

/* 20201228 */
.ok_20201228 {
	margin-top: 5px;
}

/* 20201229 */
.btn15_20201229 {
	background-position: 1100px center;
}

.add_btn_ddong {
	width: 48%;
	margin-right: 10px;
	border: none;
	background-color: #171c61 !important;
	padding: 14px 0 !important;
	color: #fff;
	float: left;
	border-radius: 5px;
	font-size: 15px;
}

.add_btn_ddong2 {
	width: 49%;
	border: none;
	background-color: #9f9f9f !important;
	padding: 14px 0 !important;
	color: #fff;
	border-radius: 5px;
	font-size: 15px;
}
/* .youtube_wrap_box{width:90%!important} */
.ui-datepicker-trigger {
	float: left;
	margin: 2px 0px 0px 5px;
	border: 1px solid lightgray;
}

* {
	font-family: 'arial', 'Noto Sans Korean', sans-serif
}

.inputWriteWrap1 ul li:hover {
	background: lightgray;
}

.skill {
	border: none;
	margin: 0 5px 0 0;
}

input {
	padding: 6px !important;
}

.workName {
	border: none;
	border-radius: 10%;
	margin: 2px 8px 1px;
	text-align: center;
}

.redStar {
	color: red;
	font-size: 16px;
	padding-top: 0px !important;
}

.h3h3Fucking {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0 50px 0;
}

.button_akakak {
	fonat-size: 15px;
	color: fff !important;
	padding: 8px 30px;
	background-color: #222;
}

.font1818what18 {
	height: 21px !important;
	padding: 2px 0;
}

.font1818what18 ul li {
	line-height: 18px !important;
	padding: 2px 0;
	font-size: 17px;
}

.checked {
	line-height: 14px;
}

.teamBlogNotice ul {
	float: left
}

.ico_message {
	position: relative;
	background: url(../images/messagebg.png) no-repeat center;
	width: 34px;
	height: 30px;
	position: relative;
	overflow: hidden;
}

.ico_message span {
	margin-top: 10px;
	font-size: 12px;
	background: url(../images/messagebg_red.png) no-repeat;
	width: 20px;
	height: 20px;
	float: left;
	padding: 5px 0;
	text-align: center;
	position: absolute;
	top: 0;
	left: 15px;
}

.ico_message {
	position: relative;
	background: url(../images/messagebg.png) no-repeat center;
	width: 34px;
	height: 30px;
	position: relative;
	overflow: hidden;
}

.ico_message span {
	margin-top: 10px;
	font-size: 12px;
	background: url(../images/messagebg_red.png) no-repeat;
	width: 20px;
	height: 20px;
	float: left;
	padding: 5px 0;
	text-align: center;
	position: absolute;
	top: 0;
	left: 15px;
}

.scrollswrap {
	width: 1700px;
	position: relative;
	margin: 0 auto
}

.scrolls {
	width: 256px;
	position: absolute;
	right: 0px;
	top: 20px;
}

.scrolls2 {
	width: 170px;
	position: absolute;
	left: 80px;
	top: 20px;
}

.app_btnwrap {
	width: 170px;
	background: #545454;
	overflow: hidden;
}

.app_btnwrap h3 {
	text-align: center;
	color: #fff;
	font-size: 20px;
	background: url(../images/bg_teamblogapp.png) no-repeat center;
	height: 69px;
	padding: 25px 0
}

.app_btnwrap ul li {
	border-bottom: solid 1px #6e6e6e;
	line-height: 40px;
}

.app_btnwrap ul li a {
	color: #fff !important;
	display: block;
	padding: 0 10px
}

.app_btnwrap ul li a:hover {
	background: #676767
}

.teamblog_notice {
	border: solid 1px #bac2e8;
	padding: 25px 25px 15px 25px;
	width: 49%;
	min-height: 194.27px;
	float: left;
	margin: 5px;
	/*margin: 16px 5px 30px 5px !important;*/
}

.teamblog_notice h2 {
	font-size: 25px;
	color: #4152ac;
	position: relative;
	margin-bottom: 20px;
}

.teamblog_notice h2 span {
	position: absolute;
	top: 0;
	right: 0px;
}

.teamblog_notice ul li {
	margin-bottom: 10px;
	display: inline-block;
}

.teamblog_btn ul li {
	float: left;
	margin-right: 20px;
	padding: 5px 0;
	font-size: 20px;
	color: #333;
	font-weight: bold
}

.teamblog_btn ul li span {
	color: #ff4200;
	font-size: 14px;
	margin-bottom: 10px;
}

.teamblog_btn ul li span:hover {
	color: #ff0600
}

.teamblog_btn ul li:hover {
	color: #666
}

.teamblog_textbox {
	margin-top: -6px;
	background: #f6f6f6;
	border-bottom: solid 1px #d4d4d4;
	border-left: solid 1px #d4d4d4;
	border-right: solid 1px #d4d4d4;
	line-height: 30px;
	margin: 10px 0;
}

.teamblog_textbox img {
	padding: 5px 0;
	border-right: solid 1px #d4d4d4;
}

.teamblog_textbox span {
	float: left;
	padding: 5px
}

.teamblog_list ul li {
	border-bottom: solid 1px #ddd;
	line-height: 50px;
}

.calendar {
	border: solid 1px #cccccc;
	width: 100%
}

.calendar thead th {
	background: #f4f4f4;
	border: solid 1px #cccccc;
	padding: 3px;
	text-align: center;
	color: #000;
	font-weight: bold
}

.calendar tbody td {
	border: solid 1px #cccccc;
	width: 14%;
	height: 70px;
	position: relative;
	text-align: center;
	font-size: 12px;
}

.calendar tbody td span {
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 12px;
}

.calendar tbody td.on {
	background: #fbf9f2;
}

.calendar tbody td.on a {
	color: #ff5400
}

.calendar tbody td:hover {
	background: #fbf9f2;
}

.day {
	text-align: center;
	font-size: 34px;
	letter-spacing: -1px;
	margin: 0px 0 10px 0;
	color: #888888
}

.blog_textbtn {
	margin-bottom: 50px;
}

.blog_textbtnst {
	
}

.viewbox {
	border: solid 1px #d4d4d4;
	padding: 20px;
	margin: 10px 0;
}

.viewbox div {
	margin-top: 20px;
}

.blogboxin {
	margin: 50px 0 30px 0;
}

.blogcomment {
	border: solid 1px #bec7e1;
	padding: 20px;
	background: #f4f7ff
}

.blogcomment div {
	margin: 8px 0
}

.blogcomment input {
	margin-top: 10px;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background-color: #fff;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 10px;
}

.teamblog_list ul li {
	border-bottom: solid 1px #ddd;
	line-height: 50px;
}
/*공지사항 알림 버튼*/
.btnNoticeAdd {
	display: block;
	float: right;
	padding: 2px 25px;
	margin: 5px 0 0 0;
	font-size: 14px;
}

.checkDivWrap1 {
	margin-top:;
	float: left;
	padding-top: 5px;
}

.calendar {
	border: solid 1px #cccccc;
	width: 100%
}

.calendar thead th {
	background: #f4f4f4;
	border: solid 1px #cccccc;
	padding: 7px;
	text-align: center;
	color: #000;
	font-weight: bold
}

.calendar tbody td {
	border: solid 1px #cccccc;
	width: 14%;
	height: 70px;
	position: relative;
	text-align: center;
}

.calendar tbody td span {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 12px;
}

.calendar tbody td.on {
	background: #fbf9f2;
}

.calendar tbody td.on a {
	color: #ff5400
}

.calendar tbody td:hover {
	background: #fbf9f2;
}

.calendar1 {
	border: solid 1px #cccccc;
	width: 96%;
	margin: 0 auto;
}

.calendar1 thead th {
	background: #f4f4f4;
	border: solid 1px #cccccc;
	padding: 7px;
	text-align: center;
	color: #000;
	font-weight: bold
}

.calendar1 tbody td {
	border: solid 1px #cccccc;
	width: 14%;
	height: 70px;
	position: relative;
	text-align: center;
}

.calendar1 tbody td span {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 12px;
}

.calendar1 tbody td.on {
	background: #fbf9f2;
}

.calendar1 tbody td.on a {
	color: #ff5400
}

.calendar1 tbody td:hover {
	background: #fbf9f2;
}

.day {
	text-align: center;
	font-size: 34px;
	letter-spacing: -1px;
	margin: 0px 0 10px 0;
	color: #888888;
	width: 98%
}

.blog_textbtn {
	margin-bottom: 50px;
}

.blog_textbtnst {
	
}

.viewbox {
	border: solid 1px #d4d4d4;
	padding: 20px;
	margin: 10px 0;
}

.viewbox div {
	margin-top: 20px;
}

.blogboxin {
	margin: 50px 0 30px 0;
}

.blogcomment {
	border: solid 1px #bec7e1;
	padding: 20px;
	background: #f4f7ff
}

.blogcomment div {
	margin:0;
	display:flex;
	align-items:center;
}

.blogcomment input {
	margin-top: 0px;
	margin-right:10px;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background-color: #fff;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 10px;
}

.school_box {
	border: 1px solid #d1d1d1;
	background-color: #f9f9f9;
	padding: 20px;
}

/*2020 06 25 팀블로그 LMS 통계 메달 순위 위치*/
.lms_blog_p {
	float: left;
	margin-right: 30px;
	margin-top: 0px !important;
	position: relative;
}

.lms_blog_p img {
	width: 145px;
}

.linking_num_div {
	color: #fff;
	font-size: 13px;
	width: 50%;
	margin: 0 0 10% 37%;
}

/* Ya 2019-07-18 동영상 높이값 */
.youtube iframe {
	height: 162px;
}

.business_box .busiTextP {
	padding: 0px 50px;
	font-size: 14px;
	margin-bottom: 40px;
}

.gitLab {
	font-size: 18px;
	width: 100%;
}

/*YA 2019-07-29 게시판 짤림 */
.projectDdBOx {
	width: 210px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}

.projectddB {
	width: 100%;
	max-width: 500px;
	display: inline-block;
}

.projectDdBOx_left {
	width: 210px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}

.projectddA {
	width: 440px;
	float: left;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.projectddC {
	width: 700px;
	float: left;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.boardA {
	width: 250px;
	float: left;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* YA 2019-08-01 취업 진로 게시판  추가 */
.tabMain {
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
}

.mainSection {
	width: 100%;
	display: none;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}
/*라디오버튼 숨김*/
.tabInput {
	display: none;
}

.tabLabel {
	float: left;
	font-size: 15px;
	padding: 10px 0 13px 0;
	width: 50%;
	display: block;
	margin: 0 0 -1px;
	text-align: center;
	color: #5e5e5e;
	border-right: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
}

.tabLabel:hover {
	font-weight: 600;
	color: #502e10;
	cursor: pointer;
}
/*input 클릭시, label 스타일*/
.tabInput:checked+.tabLabel {
	font-weight: 600;
	color: #fff;
	border-bottom: 1px solid #ffffff;
	background-color: #ed6e00;
}

#tab1:checked ~ #content1, #tab2:checked ~ #content2 {
	display: block;
}

.induTitle {
	text-align: center;
	font-size: 20px;
}

.widthUl {
	width: 57%;
}

.widthUl02 {
	position: relative;
	margin-left: 10px;
}

.widthUl02 li:before {
	content: '-';
	position: absolute;
	left: 0px;
	font-size: 20px;
	color: #555;
}

.widthUl02 li {
	font-size: 15px;
	padding-left: 13px;
}

.widthOl {
	position: relative;
}

.widthOl li:before {
	content: '·' !important;
	font-size: 25px;
	color: red;
	position: absolute
}

/*컨설턴트 소개*/
.p_guideCoun {
	border: solid 1px #c0c0c0;
	float: left;
	overflow: hidden;
	width: 560px;
	margin: 0 20px 20px 0px;
	height: auto
}

.p_guideCoun.right {
	margin-right: 0px
}

.p_guideCoun h3 {
	background: #f2f2f2;
	padding: 15px;
	font-size: 18px;
	color: #4152ac
}

.p_guideCoun h3 span {
	color: #535353
}

.p_guideCoun p {
	float: left;
	margin: 15px 20px 20px 20px
}

.p_guideCoun ul {
	float: left;
}

.p_guideCoun ul li {
	line-height: 34px;
}

/* YA 2019-08-02 공모전 css 추가 */
.contestDibWrap {
	margin-top: 10px;
}

.contestH3 {
	text-align: center;
	color: #fff;
	background-color: #181c61;
	padding: 20px 0;
	font-size: 25px;
}

.contestTable {
	border: 1px solid #989898;
	margin-top: 10px;
}

.contestTable .txtTitleTd {
	border-bottom: 1px solid #989898;
	text-align: center;
	padding: 10px 0;
	background-color: #c8ecc7;
	font-weight: 600;
	color: #222;
	font-size: 20px;
}

.contestTable th {
	font-weight: 600;
	color: #333;
	text-align: center;
	padding: 10px;
	border-bottom: 1px solid #989898;
	background-color: #f5f5f5;
}

.contestTable td {
	border-left: 1px solid #989898;
	border-bottom: 1px solid #989898;
	padding: 10px 5px;
	text-align: left;
}

.contestTable td input {
	padding: 5px;
}

.contestTable td textarea {
	padding: 5px;
	background-color: #fff;
	border: 1px solid #989898;
	border-radius: 0 !important;
}

.txtCenter {
	text-align: center !important;
}

.inputClass {
	float: left;
}

.checkInput {
	float: left;
	margin: 10px 0 0 10px !important;
}

.checkLabel {
	float: left;
	margin-left: 5px;
	margin-top: 6px;
}

.radioInput {
	float: left;
}

.radioLabel {
	float: left;
	margin-bottom: 0px !important;
	margin-left: 5px;
	margin-right: 10px;
}
/*두번째 테이블*/
.contestTable02 {
	border: 1px solid #989898;
	margin-top: 10px;
}

.contestTable02 .txtTitleTd {
	border-bottom: 1px solid #989898;
	text-align: center;
	padding: 10px 0;
	background-color: #c7caec;
	font-weight: 600;
	color: #222;
	font-size: 20px;
}

.contestTable02 th {
	font-weight: 600;
	color: #333;
	text-align: center;
	padding: 10px;
	border-bottom: 1px solid #989898;
	background-color: #f5f5f5;
}

.contestTable02 td {
	border-left: 1px solid #989898;
	border-bottom: 1px solid #989898;
	padding: 10px 5px;
	text-align: left;
}

.contestTable02 td input {
	padding: 5px;
}

.contestTable02 td textarea {
	padding: 5px;
	background-color: #fff;
	border: 1px solid #989898;
	border-radius: 0 !important;
}

.txtCenter {
	text-align: center !important;
}

.inputClass {
	float: left;
}

.checkInput {
	float: left;
	margin: 10px 0 0 10px !important;
}

.checkLabel {
	float: left;
	margin-left: 5px;
	margin-top: 6px;
}

.radioInput {
	float: left;
}

.radioLabel {
	float: left;
	margin-bottom: 0px !important;
	margin-left: 5px;
	margin-right: 10px;
}

.borRightBlock {
	border-right: 1px solid #989898
}

.contestConBox {
	width: 90%;
	margin: 20px auto;
	color: #222;
}

.contestConBox .contentP {
	text-align: center;
	text-align: center;
	color: #222;
	font-size: 18px;
	line-height: 22px;
}

.ContestUl {
	margin: 20px auto;
	width: 82%
}

.ContestUl li {
	font-size: 13px;
	margin-left: 10px;
	color: #555;
}

.dataWrap {
	width: 30%;
	margin: 55px auto 80px auto;
	font-size: 30px;
}

.con table .col10 {
	width: 10%;
}

.con table .col20 {
	width: 20%;
}

.con table .col30 {
	width: 30%;
}

.con table .col40 {
	width: 40%;
}

.con table .col50 {
	width: 50%;
}

.con table .col60 {
	width: 60%;
}

.con table .col70 {
	width: 70%;
}

.con table .con-input {
	width: 100%;
	padding: 5px;
}

.con table tbody td .ellipsisDD {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	width: 530px;
}

.con table tbody td .block_Td {
	display: block;
	float: left;
	width: 20%;
	font-size: 16px;
}

.con table tbody td .con_writeDD {
	position: relative;
	float: left;
	width: 80%;
	padding-left: 5%;
	font-size: 16px;
	box-sizing: border-box;
}

.con table tbody td .inputlinearDD {
	width: 90%
}

.con table tbody td .con_writeDD:before {
	position: absolute;
	left: 0;
	content: '|';
	color: #ccc;
}

.con table tbody td .con_textarea {
	width: 70%
}

.con table tbody .con_txt_local {
	text-align: left !important;
}

.joinSearchBtn {
	display: inline-block;
	background-color: #b4b4b4;
	border: none;
	color: #222;
	border-radius: 5px;
	padding: 10px 8px;
	margin-left: 10px;
} /*회원검색 버튼*/
/*common*/
.mb30 {
	margin-bottom: 30px !important;
}
/*NOTE*/
.title_center {
	font-size: 22px;
	color: #222;
	font-weight: 700;
	text-align: center;
	line-height: 32px;
	padding: 30px 50px 30px;
	background-color: #f8f8fa;
}

/*두번째 td*/
.con_2 {
	padding: 40px 0;
}

.con_2 table {
	width: 100%;
	border-bottom: 1px solid #656565;
}

.con_2 table .col1 {
	width: 10%;
}

.con_2 table .col2 {
	width: 20%;
}

.con_2 table .col3 {
	width: 30%;
}

.con_2 table .col4 {
	width: 40%;
}

.con_2 table .col4 {
	width: 50%;
}

.con_2 table .col6 {
	width: 60%;
}

.con_2 table .col7 {
	width: 70%;
}

.con_2 table .col8 {
	width: 80%;
}

.con_2 table thead {
	border-top: 3px solid #656565;
	border-bottom: 1px solid #656565;
}

.con_2 table thead tr th {
	text-align: center;
}

.con_2 table tbody td {
	text-align: center;
}

.con_2 table tbody td:nth-child(2) {
	text-align: left;
}

.con_2 table tbody td dl {
	margin: 0;
	padding: 0;
}

.con_2 table tbody td dt {
	display: none;
}

.con_2 .board-search {
	max-width: 700px;
	margin: 0 auto 40px;
}

.con_2 .board-search select {
	display: inline-block;
	width: 142px;
	height: 54px;
	line-height: 54px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.con_2 .board-search select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

.con_2 .board-search input[type=text] {
	width: 450px;
	height: 54px;
	line-height: 54px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.con_2 .board-search button {
	display: inline-block;
	width: 55px;
	height: 54px;
	background-color: #555;
	text-align: center;
	border-radius: 5px;
	border: 0;
}

.mentocost_wrap .checkbox-center {
	margin: 0 auto;
}

.mentocost_wrap ul li {
	line-height: 30px
}

.boardBtn19 {
	overflow: hidden;
	display: inline-block;
	text-align: left;
	font-size: 14px;
	color: #fff !important;
	text-decoration: none;
	width: 209px;
	height: 44px;
	line-height: 44px;
	background: #318ec3 url(../images /icon_btn_arrow_on.png) no-repeat 95%
		center;
	margin: 0 3px;
	text-align: center;
} /*멘토활동수당 버튼*/

/* button */
.btnRight {
	margin-top: 20px;
	text-align: right;
	position: relative;
}

.btnRight a {
	display: inline-block;
}

/* .btnCenter {margin-top:20px; text-align:center;} */
.btnLeft {
	margin-top: 20px;
	text-align: left;
}

/*목록,글쓰기등 다양하게 텍스트만 변경해서 사용 버튼*/
.btn-modify {
	text-align: center;
	font-size: 15px;
	color: #fff !important;
	text-decoration: none;
	width: 113px;
	height: 49px;
	line-height: 49px;
	background: #919191;
	margin: 0 3px;
	border-radius: 5px;
} /*수정 버튼*/
.btn-list {
	text-align: center;
	font-size: 15px;
	color:#fff !important;
	text-decoration: none;
	width: 113px;
	height: 49px;
	line-height: 49px;
	background: #4694ff;
	margin: 0 3px;
	border-radius: 5px;
} /*목록 버튼*/
.btn-ok {
	text-align: center;
	font-size: 15px;
	color: #222 !important;
	text-decoration: none;
	width: 113px;
	height: 49px;
	line-height: 49px;
	background: #ff7725;
	margin: 0 3px;
	border-radius: 5px;
} /*완료 버튼*/
.btn-del {
	text-align: center;
	font-size: 15px;
	color: #222 !important;
	text-decoration: none;
	width: 113px;
	height: 49px;
	line-height: 49px;
	background: #bbb;
	margin: 0 3px;
	border-radius: 5px;
} /*삭제 버튼*/
.btn-white {
	text-align: center;
	font-size: 15px;
	color: #fff !important;
	text-decoration: none;
	width: 113px;
	height: 49px;
	line-height: 49px;
	background: #868686;
	margin: 0 3px;
	border-radius: 5px;
} /*쪽지쓰기 버튼*/

/* 쪽지함 tab css */
.main2 {
	margin: 0 auto;
}

.main2 section {
	display: none;
	padding: 20px 0 0;
	clear: both;
}

.main2 input {
	display: none;
}

.main2 label {
	float: left;
	position: relative;
	display: inline-block;
	padding: 20px 25px;
	font-weight: 400;
	text-align: center;
	color: #6b6b6b;
	background-color: #f8f8f8;
	width: 50%;
	margin-bottom: 0px !important;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
}

.main2 label:hover {
	background-color: #a0a0a0;
	cursor: pointer;
	color: #fff;
}

.main2 input:checked+label {
	color: #222;
	background-color: #fff;
	border-left: 1px solid #424242;
	border-right: 1px solid #424242;
	border-top: 1px solid #424242;
	font-weight: bold;
}

.main2 input:checked+label::before {
	content: "";
	position: absolute;
	top: 44px;
	left: 231px;
	background-repeat: no-repeat;
	width: 10px;
	height: 9px;
}

#ttabb1:checked ~ #ccontentt1, #ttabb2:checked ~ #ccontentt2 {
	display: block;
}

.main2 input[type="radio" i] {
	margin: 0px 0px 0px 0px;
}

/*멘토수당 tab css*/
.main1 {
	margin: 0 auto;
}

.main1 section {
	display: none;
	padding: 20px 0 0;
	clear: both;
}

.main1 input {
	display: none;
}

.main1 label {
	float: left;
	position: relative;
	display: inline-block;
	padding: 20px 25px;
	font-weight: 400;
	text-align: center;
	color: #6b6b6b;
	background-color: #f8f8f8;
	width: 50%;
	margin-bottom: 0px !important;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
}

.main1 label:hover {
	background-color: #a0a0a0;
	cursor: pointer;
	color: #fff;
}

.main1 input:checked+label {
	color: #222;
	background-color: #fff;
	border-left: 1px solid #424242;
	border-right: 1px solid #424242;
	border-top: 1px solid #424242;
	font-weight: bold;
}

.main1 input:checked+label::before {
	content: "";
	position: absolute;
	top: 44px;
	left: 231px;
	background-repeat: no-repeat;
	width: 10px;
	height: 9px;
}

#ttabb1:checked ~ #ccontentt1, #ttabb2:checked ~ #ccontentt2 {
	display: block;
}

.main1 input[type="radio" i] {
	margin: 0px 0px 0px 0px;
}

.importantA {
	background-image: url(../images/icon_important.png);
	background-repeat: no-repeat;
	padding-left: 23px;
	color: #f1771d;
} /*쪽지함관리 - 중요지정 아이콘*/
.h5-title {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: #222;
	position: relative;
}

.h5-ul-box {
	margin-bottom: 10px;
	margin-left: 10px;
}

.h5-ul-box li {
	margin-top: 10px;
}

.h5-p {
	font-size: 14px;
}

.redPFont {
	color: #f54040;
} /*폰트 색상 빨강 */
.mentocost_wrap {
	margin-top: 20px;
	clear: both;
}

.mentocost_wrap input {
	display: block !Important;
}
/* search */
.bdSearch {
	margin-top: 20px;
	padding: 29px 0 30px;
	text-align: center;
	background: #f8f8fa;
	border-top: 1px solid #e0e0e0;
}

.bdSearch .select {
	width: 82px;
	height: 39px;
	border: 1px solid #222;
	padding: .8em .5em;
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url(../images /icon_select_arrow.png) no-repeat right
		10px center;
}

.bdSearch .select::-ms-expand {
	display: none;
}

.bdSearch .inputTxt {
	height: 28px;
}

#keyField {
	min-width: 100px;
	height: 39px;
	padding-left: 5px;
	line-height: 39px;
	font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', '돋움', dotum,
		sans-serif;
	margin-right: 5px;
	color: #222;
	border: 1px solid #222;
}

#key {
	width: 330px;
	height: 37px;
	padding: 0 5px;
	line-height: 37px;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	border-bottom: 1px solid #222;
	border-right: 0px;
	vertical-align: bottom;
} /*20160923수정*/
.btnSearch03 {
	width: 47px;
	height: 39px;
	background: url(../images/btn_search.png) no-repeat;
	border: none;
	text-indent: 9999px;
	cursor: pointer;
}

.board-search-Y {
	margin-top: 40px;
}

.board-search-Y .board-search {
	margin: 0 auto 40px;
	background: #fdfdfd;
	border: solid 1px #dddddd;
	padding: 10px;
	text-align: center;
	overflow: hidden
}

.board-search-Y .board-search select {
	float: left;
	margin-right: 5px;
	display: inline-block;
	width: 142px;
	height: 54px;
	line-height: 54px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.board-search-Y .board-search select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

.board-search-Y .board-search input {
	float: left;
	margin-right: 5px;
}

.board-search-Y .board-search input[type=text] {
	width: 450px;
	height: 54px;
	line-height: 54px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.board-search-Y .board-search button {
	float: left;
	display: inline-block;
	width: 55px;
	height: 54px;
	background-color: #555;
	text-align: center;
	border-radius: 5px;
	border: 0;
}

/*멘토링SOS*/
.mentoSOSWrap {
	margin-bottom: 30px;
}

.situation_info_wrap {
	width: 100%;
	overflow: hidden;
}

.situation_info_wrap>li {
	float: left;
}

.situation_info_wrap>.cont_wrap {
	position: relative;
	width: 255px;
	height: 140px;
	border-top: 8px solid #ffb408;
	border-bottom: 1px solid #e0e0e0;
	margin-top: 15px;
}

.situation_info_wrap>.cont_wrap>.tit {
	width: 255px;
	height: 68px;
	line-height: 68px;
	font-size: 18px;
	color: #222;
	font-weight: 700;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
}

.situation_info_wrap>.cont_wrap>.cont {
	width: 255px;
	height: 63px;
	background-color: #f1f1f1;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	text-align: center;
	display: table;
}

.situation_info_wrap>.cont_wrap>.cont>p {
	font-size: 14px;
	line-height: 18px;
	color: #666;
	display: table-cell;
	vertical-align: middle;
}

.situation_info_wrap>.arrow {
	width: 40px;
	height: 140px;
	background: url('../images/icon_arrow03.png') no-repeat center center;
}

.sos_info_wrap {
	overflow: hidden;
	margin-bottom: 40px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #e0e0e0;
	padding: 28px 10px;
}

.sos_info_wrap>.cont {
	float: left;
	padding-left: 10px;
	padding-top: 17px;
	font-size: 14px;
	line-height: 24px;
	color: #222;
	background: url(../images/icon_line.png) no-repeat left 30px;
}

.sos_info_wrap>.btn {
	float: right;
}

.coodinator_info {
	margin-bottom: 10px;
}

/*회원가입 pc*/
.loginWrap {
	margin: 0 auto;
	width: 480px;
}

.lineYellow {
	display: block;
	width: 27px;
	margin: 0 auto;
	margin-top: 20px;
	background-color: #4694ff;
	height: 3px;
}

.loginWrap .loginSpancenter {
	text-align: center;
	display: block;
	font-size: 20px;
	font-weight: normal;
	margin: 40px 0 10px 0;
}

.loginWrap .inputJoinBox {
	margin-top: 10px;
	width: 100%;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 15px !important;
	border-radius: 5px;
	color: #333;
}

.loginWrap .inputJoinBox81 {
	margin-top: 10px;
	width: 81%;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
	color: #333;
}

.loginWrap .inputJoinBox2 {
	margin-top: 10px;
	width: 96%;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
	color: #333;
}

.loginWrap .inputJoinBox3 {
	margin-top: 10px;
	width: 97%;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
	color: #333;
}

.loginWrap .inputJoinBox100 {
	margin-top: 10px;
	width: 100%;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 15px !important];
	border-radius: 5px;
	color: #333;
	font-size: 15px;
}

.checksInput {
	position: relative;
} /*체크박스 이미지*/
.checksInput input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.checksInput input[type="checkbox"]+label {
	color: #747474;
	font-weight: normal;
	font-size: 16px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	margin-top: 10px
}

.checksInput input[type="checkbox"]+label:before { /* 가짜 체크박스 */
	content: ' ';
	display: inline-block;
	width: 19px; /* 체크박스의 너비를 지정 */
	height: 19px; /* 체크박스의 높이를 지정 */
	line-height: 19px; /* 세로정렬을 위해 높이값과 일치 */
	margin: -2px 6px 0 0;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 2px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05);
}

.checksInput input[type="checkbox"]+label:active:before, .checksInput input[type="checkbox"]:checked+label:active:before
	{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px
		rgba(0, 0, 0, 0.1);
}

.checksInput input[type="checkbox"]:checked+label:before {
	/* 체크박스를 체크했을때 */
	content: '\2714'; /* 체크표시 유니코드 사용 */
	color: #99a1a7;
	text-shadow: 1px 1px #fff;
	background: #e9ecee;
	border-color: #adb8c0;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
/*2020.04.01 최예림 추가*/
.allCheck input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.allCheck input[type="checkbox"]+label {
	color: #747474;
	font-weight: normal;
	font-size: 16px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	margin-top: 10px
}

.allCheck input[type="checkbox"]+label:before { /* 가짜 체크박스 */
	content: ' ';
	display: inline-block;
	width: 19px; /* 체크박스의 너비를 지정 */
	height: 19px; /* 체크박스의 높이를 지정 */
	line-height: 19px; /* 세로정렬을 위해 높이값과 일치 */
	margin: -2px 6px 0 0;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 2px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05);
}

.allCheck input[type="checkbox"]+label:active:before, .checksInput input[type="checkbox"]:checked+label:active:before
	{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px
		rgba(0, 0, 0, 0.1);
}

.allCheck input[type="checkbox"]:checked+label:before {
	/* 체크박스를 체크했을때 */
	content: '\2714'; /* 체크표시 유니코드 사용 */
	color: #99a1a7;
	text-shadow: 1px 1px #fff;
	background: #e9ecee;
	border-color: #adb8c0;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

.allCheckAgree input[type="checkbox"]+label:before {
	content: '\2714'; /* 체크표시 유니코드 사용 */
	color: #99a1a7;
	text-shadow: 1px 1px #fff;
	background: #e9ecee;
	border-color: #adb8c0;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
/*end*/
.loginWrap .buttonBox {
	margin-top: 20px;
	width: 100%;
}

.loginABtn {
	display: inline-block;
    width: 100%;
    background-color: #4694ff;
    text-align: center;
    padding: 17px;
    height: 55px;
    border-radius: 5px;
    border: 1px solid #4694ff;
    font-size: 15px;
    color: #fff !important;
}

.loginABtn:hover {
	background: #3583dd;
	color: #fff;
}

.jionABtn {
	display: inline-block;
	width: 100%;
	background-color: #f0f0f0;
	text-align: center;
	padding: 16px 0 0 0;
	height: 55px;
	border-radius: 5px;
	border: 1px solid #d7d7d7
}
/* .joinForget{text-align:center;margin:70px 0;} */
.joinForget {
	text-align: center;
	margin: 70px 0;
	clear: both;
	overflow: hidden
}

.joinForget a {
	color: #747474 !important;
}

.joinForget a:hover {
	text-decoration: underline;
}

.joinWrap {
	margin: 0 auto;
	width: 722px;
}

.joinWrap .joinBackground {
	height: 427px;
	background-color: #f5f5f5;
	text-align: center;
	padding: 70px;
}

.joinWrap .joinBackground h5 {
	text-align: center;
	color: #222;
	font-size: 24px;
	font-weight: normal;
	padding: 50px 0 0 0;
	letter-spacing: -1px;
	line-height: 30px;
}
.joinWrap .join4 {
	height: 520px;
	background-color: #f5f5f5;
	text-align: center;
	padding: 70px;
}
.joinWrap .join4 h5 {
	text-align: center;
	color: #222;
	font-size: 24px;
	font-weight: normal;
	padding: 50px 0 0 0;
	letter-spacing: -1px;
	line-height: 30px;
}
.joinWrap .join6 {
	height: 770px;
	background-color: #f5f5f5;
	text-align: center;
	padding: 70px;
}
.joinWrap .join6 h5 {
	text-align: center;
	color: #222;
	font-size: 24px;
	font-weight: normal;
	padding: 50px 0 0 0;
	letter-spacing: -1px;
	line-height: 30px;
}
.joinAclick {
	display: block;
    max-width: 400px;
    width: 80%;
    margin: 40px auto 0 auto;
    background-color: #4699ff;
    text-align: center;
    padding: 0px 0 0 0;
    height: 55px;
    border-radius: 5px;
    border: 1px solid #4699ff;
    font-size: 15px;
    line-height: 55px;
    color: #fff !important;
}

.joinAclick:hover {
	background: #4699ff;
	color: #fff;
}

/*약관동의*/
.agreeWrap {
	width: 1168px;
}

.agreeWrap .agreeP2 {
	font-size: 13px;
	text-align: left;
	text-decoration: underline;
	padding: 0 0 0 0;
	font-weight: bold;
}

.agreeWrap h6 {
	font-size: 20px;
	margin: 50px 0 15px 0;
}

.provision_box {
	border: 1px solid #e0e0e0;
	background: #f6f6f6;
	padding: 25px;
	font-size: 14px;
	color: #222;
	line-height: 22px;
	height: 170px;
	overflow-y: auto;
	margin-bottom: 8px;
}

.agreement {
	font-size: 14px;
	color: #222;
	line-height: 22px;
	text-align: right;
	padding: 10px 0;
}

.agreeBoxA a {
	max-width: 300px;
    width:80%;
    background-color: #4694ff;
    color: #222;
    margin: 0 auto;
    display: block;
    height: 50px;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    color: #fff !important;
}

.agreeBoxA a:hover {
	background: #3583dd;
	color: #fff;
}

.joinAclick1 {
	margin-top: 20px;
	display: block;
	width: 400px;
	margin: 34px auto 0 auto;
	background-color: #4694ff;
	text-align: center;
	padding: 20px 0 15px 0;
	border-radius: 5px;
	border: 1px solid #4694ff;
	font-size: 15px;
	color:#fff !important;
}

.joinAclick1:hover {
	background: #3583dd;
	color: #fff;
}

.redNoP {
	font-size: 13px;
	font-weight: normal;
	color: #ff6000;
}

.dateWrapBox {
	margin-top: 20px;
}

.dateFontSpan {
	font-size: 16px;
	color: #747474;
}

.dateBoxDiv {
	overflow: hidden;
	margin-bottom: 20px;
}

.dateBoxDiv .yearBox input {
	margin-right: 20px;
	float: left;
	margin-top: 10px;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
	color: #333;
}

.dateBoxDiv .monthBox select {
	margin-right: 20px;
	float: left;
	height: 47px;
	margin-top: 10px;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
	color: #333;
}

.yearWidth {
	width: 160px;
}

.monthdateWidth {
	width: 140px;
}
/*최예림 추가. 전체동의*/

/*아이디비번찾기*/
.idpw_select {
	border: solid 1px #999;
	padding: 20px 0px;
	text-align: center;
	border-radius: 5px
}

.idpw_select label {
	padding-right: 25px;
}

.idpwh3 {
	color: #000;
	font-size: 18px;
}

.idpwh_text {
	font-size: 16px;
	color: #333;
	text-align: center;
	margin-bottom: 0;
}

.text_id_pw_21 {
	font-size: 12px;
}

.checksRadio {
	position: relative;
}

.checksRadio input[type="radio"] {
	display: none;
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.checksRadio input[type="radio"]+label {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	font-weight: normal;
	color: #8e8e8e;
	font-size: 16px;
}

.checksRadio input[type="radio"]+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	width: 21px;
	height: 21px;
	text-align: center;
	background: #fafafa;
	border: 1px solid #cacece;
	border-radius: 100%;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05);
}

.checksRadio input[type="radio"]+label:active:before, .checksRadio input[type="radio"]:checked+label:active:before
	{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px
		rgba(0, 0, 0, 0.1);
}

.checksRadio input[type="radio"]:checked+label:before {
	background: #E9ECEE;
	border-color: #adb8c0;
}

.checksRadio input[type="radio"]:checked+label:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 4px;
	width: 13px;
	height: 13px;
	background: #99a1a7;
	border-radius: 100%;
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
}

/*라디오  2020.04.01 최예림 수정*/
.checksRadio2 {
	position: relative;
}

.checksRadio2 input[type="radio"] {
	display: none;
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.checksRadio2 input[type="radio"]+label {
	display: inline-block;
	position: relative; /*padding-left: 30px;*/
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	font-weight: normal;
	color: #8e8e8e;
	font-size: 16px;
}
/* .checksRadio2 input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top:1px; width: 21px; height: 21px; */
/*   text-align: center;background: #fafafa;border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);} */
/*   text-align: center;background: #fafafa;border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);} */
/* .checksRadio2 input[type="radio"] + label:active:before, */
/* .checksRadio2 input[type="radio"]:checked + label:active:before  {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);} */
/* .checksRadio2 input[type="radio"]:checked + label:before {background: #E9ECEE; border-color: #adb8c0;} */
/* .checksRadio2 input[type="radio"]:checked + label:after {content: '';position: absolute;top: 5px;left: 4px;width: 13px; height: 13px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);} */

/*수정 끝*/
.chRadioFl {
	float: left;
}

.clear {
	clear: both;
	display: block;
}


.joinWrap .join6font1 {
	font-size: 16px;
	padding: 10px 0 0 0;
	font-weight: normal;
}

.joinWrap .join6font2 {
	font-size: 15px;
	letter-spacing: -1px;
	font-weight: normal;
	color: #5f5f5f;
	padding: 5px 0 0 0;
}

.joinAclick2 {
	display: block;
	width: 400px;
	margin: 20px auto 0 auto;
	background-color: #4694ff;
	text-align: center;
	padding: 20px 0 0 0;
	height: 55px;
	border-radius: 5px;
	border: 1px solid #4694ff;
	font-size: 15px;
	color:#fff !important;
}

.photoOkWrap {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 160px;
	height: 186px;
	background-image: url('../images/join7.png');
	background-repeat: no-repeat;
	background-position: center;
	font-size: 15px;
}

.photoOkWrap a {
	position: absolute;
	top: 186px;
	display: block;
	text-align: center;
	width: 160px;
	color: #fff !Important;
	background-color: #919191;
	padding: 14px 0 10px 0;
}

.inputCommon .comInput {
	margin-right: 15px;
	float: left;
	margin-top: 10px;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 15px !important;
	border-radius: 5px;
	color: #333;
	width: 94%;
	height:46px;
}

.inputCommon .comInput1 {
	float: left;
	margin-top: 10px;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
	color: #333;
	width: 97%
}

.inputCommon .comInput2 {
	margin-right: 10px;
	float: left;
	margin-top: 0;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
	color: #333;
	width: 94%
}

.inputCommon .comInput4 {
	margin-right: 15px;
	float: left;
	margin-top: 10px;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
	color: #333;
	width: 94%
}

.inputCommon .comInput5 {
	margin-left: 0;
	float: left;
	margin-top: 10px;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
	color: #333;
	width: 96%
}

.addressA {
	display: block;
	float: left;
	border-radius: 5px;
	background-color: #919191;
	color: #fff;
	width: 133px;
	margin-top: 10px;
	text-align: center;
	padding: 11px 0 11px 0;
}

.addressA:hover {
	color: #fff;
	background-color: #7b7b7b;
}

.calendarBut {
	float: left;
	margin-top: 10px;
	border: 1px solid #d0d0d0;
	padding: 10px;
	border-radius: 5px;
	color: #333;
	width: 56px;
	background-image: url('../images/calendarimage.gif');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #919191;
}

.addressinput1 {
	width: 66% !important;
}

.addressinput2 {
	width: 75% !important;
}

.selectBoximages {
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: url('../images/arrow_bottom.gif') no-repeat 95% 50%;
	/* 화살표 모양의 이미지 */
	margin-right: 15px;
	float: left;
	margin-top: 10px;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
	color: #333;
	width: 30%;
}

.selectBoximages::-ms-expand {
	display: none;
} /* IE 10, 11의 네이티브 화살표 숨기기 */
.selectBoximages2 {
	width: 32% !important;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: url('../images/arrow_bottom.gif') no-repeat 95% 50%;
	/* 화살표 모양의 이미지 */
	margin-right: 15px;
	float: left;
	margin-top: 10px;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
	color: #333;
}

.selectBoximages2::-ms-expand {
	display: none;
} /* IE 10, 11의 네이티브 화살표 숨기기 */
.selectBoximages3 {
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: url('../images/arrow_bottom.gif') no-repeat 95% 50%;
	/* 화살표 모양의 이미지 */
	margin-right: 15px;
	float: left;
	margin-top: 10px;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
	color: #333;
}
.selectBoximages3-2 {
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: url('../images/arrow_bottom.gif') no-repeat 95% 50%;
	/* 화살표 모양의 이미지 */
	margin-right: 15px;
	float: left;
	margin-top: 10px;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
	color: #333;
}

.selectBoximages3::-ms-expand {
	display: none;
}
selectBoximages3-2::-ms-expand {
	display: none;
} /* IE 10, 11의 네이티브 화살표 숨기기 */
.selectBoximages4 {
	width: 96%;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: url('../images/arrow_bottom.gif') no-repeat 95% 50%;
	/* 화살표 모양의 이미지 */
	margin-left: 12px;
	float: left;
	margin-top: 10px;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
	color: #333;
}

.selectBoximages4::-ms-expand {
	display: none;
} /* IE 10, 11의 네이티브 화살표 숨기기 */

/* pc 마이페이지 > 개인정보수정(비밀번호확인) 20190603 시작 */
.passCheckDiv {
	background-image: url('../images/passcheck_bg.gif');
	background-repeat: no-repeat;
	background-position: center 30px;
	background-size: 190px;
	width: 100%;
	padding: 185px 0 30px 0;
	overflow: hidden
}

.passCheckBox {
	width: 80%;
	margin: 0 auto;
}

.passH3 {
	font-size: 25px;
	color: #2c2516;
	text-align: center;
	margin-top: 60px;
}

.passP {
	font-size: 15px;
	color: #222;
	text-align: center;
	margin: 30px 0 20px;
}

.passCheckInput {
	width: 100%;
	margin: 0 auto;
}

.checkTextInput {
	float: left;
	padding: 8px;
	color: #ccc;
	font-size: 15px;
	width: 75%;
}

.checkButtonInput {
	float: left;
	border: none;
	margin-left: 10px;
	background-color: #fb780f;
	padding: 9px 0;
	color: #fff;
	width: 100px;
	font-size: 14px;
	text-align: center;
	border-radius:3px;
}
/* pc 마이페이지 > 개인정보수정(비밀번호확인) 20190603 끝 */

/*20190520 ~ 20190523 Start 개인정보처리방침, 이메일주소무단수집거부, 이용자약관,사이트맵, 개인정보침해신고  */
.privacyDivBox {
	width: 100%;
	background-image: url("../images/etc/etc_1.gif");
	background-size: 100%;
	height: 179px;
}

.privacyDivBox p {
	color: #fff;
	text-align: center;
	padding: 75px 0 5px 0;
	font-weight: 300;
	font-size: 16px;
}

.privacyDivBox h4 {
	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 35px;
	margin: 14px 0;
}

.boxLineGray {
	width: 100%;
	border: 1px solid #d6d6d6;
	padding: 20px;
	margin-top: 15px;
}

.boxLineGray p {
	padding: 0;
}

.h5Title11 {
	background-image: url("../images/etc/etc_2.gif");
	background-repeat: no-repeat;
	font-size: 20px;
	padding: 25px 0 0 0;
	margin: 50px 0 15px 0;
}

.contentAddBox {
	font-size: 14px;
	color: #444;
	width: 100%;
	border: 1px solid #d6d6d6;
	padding: 20px;
	margin-top: 10px;
}

.contentAddBox div {
	margin: 10px 0;
}

.contentAddBox ol {
	list-style: decimal;
	margin-bottom: 0px;
}
/*new table*/
.etcpop_table1 {
	width: 100%;
	border-top: 1px solid #cf5a02;
	border-bottom: 1px solid #b7b7b7;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	word-break: keep-all;
}

.etcpop_table1 thead tr th {
	padding: 25px 0 23px;
	font-weight: bold;
	color: #222;
	vertical-align: middle;
	border-bottom: 1px solid #958375;
	background: #faf4f0;
}

.etcpop_table1 tbody tr td {
	padding: 26px 15px 22px;
	color: #666;
	vertical-align: middle;
	border-top: 1px solid #dcdcdc;
	text-align: center;
	line-height: 20px;
}

.etcpop_table1 tbody tr td.first, .etcpop_table tbody tr th.first {
	border-top: 1px solid #222;
}

.etcpop_table1 tbody tr td>a {
	color: #666;
}

.etcpop_table1 tbody tr th {
	padding: 26px 15px 22px;
	color: #666;
	vertical-align: middle;
	border-top: 1px solid #dcdcdc;
	text-align: center;
	background: #f8f8fa;
}

.privacyDivBox1 {
	width: 100%;
	background-image: url("../images/etc/etc_3.gif");
	background-size: 100%;
	height: 144px;
	margin-top: 10px;
}

.privacyDivBox1 h4 {
	color: #222;
	text-align: center;
	font-weight: 500;
	font-size: 35px;
	padding-top: 55px
}

.privacyDivBox2 {
	width: 100%;
	background-image: url("../images/etc/etc_4.gif");
	background-size: 100%;
	height: 187px;
	margin-top: 10px;
}

.privacyDivBox2 h4 {
	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 30px;
	padding-top: 90px
}

.privacyDivBox3 {
	width: 100%;
	background-image: url("../images/etc/etc_5.gif");
	background-size: 100%;
	height: 187px;
	margin-top: 10px;
}

.privacyDivBox3 h4 {
	color: #222;
	text-align: center;
	font-weight: 500;
	font-size: 33px;
	padding-top: 65px
}

.privacyDivBox4 {
	width: 100%;
	background-image: url("../images/etc/etc_6.gif");
	background-size: auto;
	height: 187px;
	margin-top: 10px;
}

.privacyDivBox4 h4 {
	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 33px;
	padding-top: 80px
}

.privacyDivBox7 {
	width: 100%;
	background-image: url("../images/etc/etc_7.gif");
	background-size: auto;
	height: 187px;
	margin-top: 10px;
	background-position: center;
}

.privacyDivBox7 h4 {
	color: #1b303e;
	text-align: center;
	font-weight: 500;
	font-size: 33px;
	padding-top: 61px;
}

.etcpop_table1_th {
	border-top: 1px solid #cf5a02 !important;
	background-color: #faf4f0 !important;
	color: #222 !important;
	font-weight: bold;
}

.etcpop_table1_td {
	border-top: 1px solid #cf5a02 !important;
	border-bottom: 1px solid #b7b7b7 !important;
}

.inputTxt1 {
	padding: 8px;
	border: 1px solid #bbb;
	width: 50%
}

.boardBtnEtc1 {
	display: block;
	float: left;
	background-color: #ff5f27;
	border-radius: 5px;
	padding: 15px 40px;
	text-align: center;
	color: #222;
	height: 50px;
}

.boardBtnEtc2 {
	display: block;
	float: left;
	background-color: #aaaaaa;
	border-radius: 5px;
	padding: 15px 40px;
	text-align: center;
	color: #222;
	height: 50px;
}

.btnPersonal {
	background-color: #525252;
	font-weight: 400;
	color: #fff;
	border: none;
	padding: 5px 12px;
	height: 36px;
	text-align: center;
	font-size: 14px;
}

.fnb {
	display: block;
	max-width: 100%;
}

.fnb a {
	position: relative;
	display: block;
	padding: 7px 20px;
	width: 100%;
}

.fnb a:before {
	position: absolute;
	top: 4px;
	right: 26px;
	font-family: xeicon;
	content: "\003E";
}

.fnb>li {
	display: block;
	padding: 20px 10px 0 10px;
	width: 20%;
	float: left;
}

.fnb>li h4 a {
	line-height: 43px;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	border: 1px solid #fff;
	background-color: #1b303e;
}

.fnb>li h3 {
	line-height: 43px;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	border: 1px solid #fff;
	background-color: #1b303e;
	padding: 7px 20px;
}

.fnb>li .ftC {
	color: #333
}
/*add190528*/
.etcpop_table1 tbody tr td:nth-child(1) {
	padding: 0
}

/*포토뉴스추가*/
.photonewsdiv {
	margin: 20px;
	position: relative;
	padding-bottom: 30px;
	max-width: 350px;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.photonewsdiv p {
	margin-bottom: 20px;
}

.photonewsdiv p img {
	width: 100%;
	max-width: 350px;
}

.photonewsdiv.last {
	margin-right: 0px;
}

.photonewsdiv ul li.dayver2 {
	color: #9a9a9a
}

.photonewsdiv ul li {
	line-height: 30px;
}

.photonewsdiv ul li.title {
	font-size: 20px;
	margin-bottom: 20px;
	max-width: 350px;
	width: 100%;
}

.photonewsdiv ul li.title a {
	color: #4152ac;
}

.photonewsdiv ul li em {
	margin-right: 20px;
}

.photonewsdiv ul li span {
	color: #000
}

.photonewsdiv ul li.hit {
	background: #f6f6f6;
	padding: 5px 15px;
	position: absolute;
	bottom: 0;
	width: 100%;
	max-width: 350px;
	white-space: nowrap;
}

/*20190520 ~ 20190523 End 개인정보처리방침, 이메일주소무단수집거부, 이용자약관,사이트맵, 개인정보침해신고  */
/*20190613 신분관리 css추가 시작*/
/*신분관리*/
.identity_wrap {
	width: 100%;
	min-height: 100px;
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0;
}

.identity_wrap>.icon {
	float: left;
	width: 30%;
	height: 100px;
	border-top: 7px solid #e0e0e0;
}

.identity_wrap>.cont {
	float: left;
	width: 100%;
	min-height: 100px;
	border-top: 7px solid #4152ac;
	background-color: #fbfbfb;
}

.identity_wrap>.cont>span {
	padding: 30px 45px 0 50px;
	font-size: 16px;
	color: #222;
}

.identity_wrap>.cont>span>strong {
	font-size: 26px;
	line-height: 1em;
	font-weight: 700;
	color: #4152ac;
}

.identity_wrap02 {
	width: 100%;
	min-height: 100px;
	overflow: hidden;
	border-bottom: 1px solid #222;
	border-top: 1px solid #222;
}

.identity_wrap02>ul {
	width: 100%;
}

.identity_wrap02>ul>li.first {
	padding: 25px 5px !important;
}

.identity_wrap02>ul>li>p.cont {
	font-size: 16px !important;
	color: #222;
	line-height: 24px;
}

.identity_wrap02>ul>li>p.cont>.exam {
	font-size: 14px;
	color: #666;
}

.identity_wrap02>ul>li.second {
	padding: 25px 45px;
	background-color: #f8f8fa;
	border-top: 1px solid #e0e0e0;
}

.identity_wrap02>ul>li.second>ul {
	overflow: hidden;
}

.identity_wrap02>ul>li.second>ul>li.tit {
	float: left;
	font-size: 14px;
	color: #222;
	padding-left: 10px;
	line-height: 32px;
	background: url(../images/mypage/icon_dot.gif) no-repeat left center;
	margin-right: 20px;
}

.identity_wrap02>ul>li.second>ul>li.btn_wrap {
	float: left;
	width: 490px;
}

.btn_identity {
	display: inline-block;
	cursor: pointer;
	padding: 2px 15px;
	line-height: 32px;
	font-size: 15px;
	color: #fff;
	text-align: center;
	background-color: #318ec3;
	vertical-align: middle;
	border-radius: 16px;
	text-decoration: none;
	margin-right: 5px;
	margin-bottom: 5px;
}

.btn_identity:hover {
	color: #fff !important;
}

.typeA {
	display: inline-block;
	padding: 7px;
	border: 1px solid #e8e8e8;
	color: #222;
	font-size: 12px;
	background-color: #fff;
	margin: 10px 1px 0 1px;
}

/*담당자안내*/
.p_guide {
	border: solid 1px #c0c0c0;
	float: left;
	overflow: hidden;
	width: 560px;
	margin: 0 20px 20px 0px;
	height: 175px
}

.p_guide.right {
	margin-right: 0px
}

.p_guide h3 {
	background: #f2f2f2;
	padding: 15px;
	font-size: 18px;
	color: #4152ac
}

.p_guide h3 span {
	color: #535353
}

.p_guide p {
	float: left;
	margin: 15px 20px 20px 20px
}

.p_guide ul {
	float: left;
}

.p_guide ul li {
	line-height: 34px;
}

/*20190613 신분관리 css추가 끝*/

/*YA 19-07-17 검색 추가*/
.popUpH4:before {
	position: absolute;
	content: '';
	background-color: #e37d1c;
	top: 0px;
	width: 92px;
	height: 4px;
}

.popUpH4 {
	margin-top: 30px !important;
	font-size: 25px !important;
	position: relative;
	padding-top: 20px !important;
	float: left;
	color: #111 !important
}

.pop-containerNew {
	padding: 10px;
}

.popUpH5 {
	float: left;
	font-size: 13px !important;
	color: #d50f0f !important;
	font-weight: norma !important ;
	padding: 63px 0 0 10px !important;
	margin: 0 0 0 0 !important
}

.school_boxNew {
	clear: both;
}

.popUpInput {
	margin-right: 10px;
	width: 127px !important;
	border-radius: 0px !important;
	height: 31px !important
}

fieldset {
	margin: 0px;
	padding: 0px;
}

.fieldsetNew {
	height: 32px;
}

.btn_searchNew {
	margin-left: 10px;
	width: 103px;
	text-align: center;
	background-color: #5e5e5e;
	display: block;
	float: left;
	padding: 4px 0px 5px 0;
}
/*20200330 회원가입 css*/
.checkBtn {
	margin: 12px 0 0 10px;
	height: 40px;
	width: 65px;
	border-radius: 2px;
	background-color: #42403d;
	border: none;
	color: #fff;
}

.titleRedP {
	font-size: 13px !important;
	color: red !important;
	padding: 0 0 15px 0 !important;
}

.numberInput2 {
	width: 25% !important
}

.numberInput3 {
	width: 25% !important
}

.redStar {
	color: red;
	display: inline-block;
	margin-right: 6px;
	padding-top: 20px;
	float: left;
}

.redStar2 {
	color: red;
	display: inline-block;
	margin-right: 6px;
	padding-top: 20px;
	float: left;
	clear: both;
}

.redStar3 {
	color: red;
	display: inline-block;
	margin-right: 6px;
	padding-top: 4px;
	float: left;
	clear: both;
}

.redStar4 {
	color: red;
	display: inline-block;
	margin-right: 6px;
	padding-top: 14px;
	float: left;
	clear: both;
}

.cleanStar2 {
	font-size: 0px;
	display: inline-block;
	margin-right: 13.5px;
	padding-top: 20px;
	float: left;
	clear: both;
}

.labelMargin {
	margin-top: 10px;
}
/* 	.ui-datepicker-trigger{float:left;margin-top:0;border:1px solid #d0d0d0;padding:10px;border-radius:5px;color:#333;background-color:#919191;width:auto;cursor:pointer} */
/* 	.ui-datepicker-trigger2{float:left;margin-top:10px;border:1px solid #d0d0d0;padding:10px;border-radius:5px;color:#333;background-color:#919191;width:auto;cursor:pointer} */
/*20200401 pc*/
.nameFontP {
	padding: 0 0 0 10px !important;
	font-size: 15px !important;
	text-align: left !important;
	display: inline-block;
	width: 96%;
	color: #222 !important;
}

.nameFontP100 {
	font-size: 15px !important;
	text-align: left !important;
	display: inline-block;
	width: 100%;
	color: #222 !important;
}

.nameFontSize {
	font-size: 16px !important;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
	padding: 10px !important;
	border-radius: 5px;
}

.nameFontSize2 {
	font-size: 16px !important;
	padding: 10px !important;
}

.inputFloatLeft {
	float: left;
}

.commonFloatLeft {
	float: left;
}

.clearBoth {
	clear: both;
}

.nameFontLabel {
	background-color: white !important;
	border: none !important;
}

.detailTbl th {
	width: 29%;
	padding: 10px 10px 10px 13px !important;
	font-size: 16px !important;
}

.detailTbl tr {
	width: 29%;
	border-bottom: 1px solid #d0d0d0;
	padding: 10px 10px 10px 13px !important;
	font-size: 16px !important;
}

.detailTbl td {
	width: 95%;
	background-color: #f7f7f729;
}

.detailTbl {
	width: 96%;
	margin: auto;
}

.labelBlock {
	display: block !important;
}

.addLabelTag {
	padding-top: 5px;
	clear: both;
}

.labeldate1 {
	width: 40%;
	float: left;
}

.labeldate1 input {
	width: 70% !important;
}

.spacebarIcon {
	display: block;
	float: left;
	margin: 10px;
	padding: 8px 0 5px 0;
}
/* 2020.05.19 명예의 전당 관련 */
@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
}

a {
	text-decoration: none;
}


.gitTxt13 {
	font-size: 13px;
}

.gitTxt14 {
	font-size: 14px;
}

.gitTxt15 {
	font-size: 15px;
}

.gitTxt18 {
	font-size: 18px;
}

.gitTxt20 {
	font-size: 20px;
}

.txtColotBlue {
	color: #1094b2
}

.overHidden {
	overflow: hidden
}

table {
	border-spacing: 0
}

.contentsTopBg {
	background-image: url(/images/gitlab/contents_bg.png);
	background-repeat: no-repeat;
	height: 240px;
	margin-bottom: 10px;
	background-color: #090501;
}

.grideBox {
	width: 49%;
	float: left;
	border: 1px solid #dfdfdf;
	margin-bottom: 2%;
	padding: 1%;
	overflow: hidden
}

.marRight1 {
	margin-right: 2%
}

.titleGit {
	padding-top: 3px;
	font-size: 16px;
	font-weight: bold;
	float: left;
	width: 80%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.medal_hanBox {
	float: right
}

.medalImg {
	padding: 2px 10px 0 0;
	float: left;
	width: 25px;
}

.tagGitBox {
	clear: both;
	margin: 35px 0 0 2px;
}

.tagGitBox ul li {
	float: left;
	margin-right: 10px;
	font-size: 13px;
	color: #555;
}

.git_starFork_Box {
	margin: 58px 0 0 0;
	clear: both;
}

.gitNmaeGitBox {
	float: left;
	margin-top: 10px;
}

.gitNmaeGitBox ul li {
	float: left;
	margin: 0 4px;
	font-size: 12px;
	color: #fff;
	border-radius: 50px;
	background-color: #888888;
	padding: 3px 17px 4px 17px;
	height: 22px;
}

.starForkBox {
	float: right;
}

.starWrap {
	margin-right: 10px;
	padding: 6px 10px;
	position: relative;
	background-image: url('/images/gitlab/star_icon_off.gif');
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: 5px center;
	border-radius: 4px;
	border: 1px solid #d7d7d7;
	font-size: 13px;
	overflow: hidden;
	float: left;
}

.starWrap:hover {
	background-image: url('/images/gitlab/star_icon_on.gif');
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #d7d7d7;
	color: #1b70cc;
}

.starWrap:before {
	position: absolute;
	content: '';
	width: 1px;
	height: 10px;
	background-color: #d7d7d7;
	top: 10px;
	left: 50px;
}

.starWrap .fontGitLeft {
	color: #555;
	padding: 0 0 0 25px;
}

.starWrap .fontGitLeft:hover {
	color: #1b70cc;
}

.starWrap .fontGitRight {
	color: #111;
	font-weight: bold;
}

.starWrap .fontGitRight:hover {
	color: #1b70cc;
}

.forkWrap {
	padding: 6px 10px;
	position: relative;
	background-image: url('/images/gitlab/fork_icon_off.gif');
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: 5px center;
	border-radius: 4px;
	border: 1px solid #d7d7d7;
	font-size: 13px;
	overflow: hidden;
}

.forkWrap:hover {
	background-image: url('/images/gitlab/fork_icon_on.gif');
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #d7d7d7;
	color: #1b70cc;
}

.forkWrap:before {
	position: absolute;
	content: '';
	width: 1px;
	height: 10px;
	background-color: #d7d7d7;
	top: 10px;
	left: 50px;
}

.forkWrap .fontGitLeft {
	color: #555;
	padding: 0 12px 0 10px;
}

.forkWrap .fontGitLeft:hover {
	color: #1b70cc;
}

.forkWrap .fontGitRight {
	color: #111;
	font-weight: bold;
}

.forkWrap .fontGitRight:hover {
	color: #1b70cc;
}

.con .board-search-Git {
	margin: 0 auto 25px;
	background: #fdfdfd;
	padding: 10px;
	text-align: center;
	border: solid 1px #dddddd;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.con .board-search-Git select {
	display: inline-block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
		right 20px top 50%;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	padding-left: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.con .board-search-Git select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

.con .board-search-Git input[type=text] {
	margin-right: 5px;
	height: 45px;
	line-height: 45px;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #424242;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-indent: 20px;
}

.con .board-search-Git span {
	padding: 0 15px 0 30px;
	white-space: nowrap;
}

.con .board-search-Git button {
	display: inline-block;
	width: 55px;
	height: 45px;
	background-color: #555;
	text-align: center;
	border-radius: 5px;
	border: 0;
}

.proJectNameSpan {
	padding: 0 2% 0 0;
}

.gitNmaeGitBox ul li a {
	color: #fff;
}

.btn_mst4_git {
	background: #464646;
	color: #fff !important;
	border-radius: 3px;
	padding: 12px 40px;
	font-size: 15px;
	cursor: pointer;
	text-decoration: none;
}

/* 0-1200 */
@media all and (max-width:1200px) {
	.business_box p img {
	margin-bottom:0px;
	}
	
	.top-spot .profile {
		margin-bottom: 40px;
	}
	.lnb01 li {
		font-size: 18px;
		padding: 0 20px 10p 10px;
	}
	.main-news .box2 {
		padding-left: 75px;
		background-size: 50px 50px;
		background-position: 10px;
	}
	.main-news .box2 span {
		font-size: 12px;
		color: #8a8f93;
	}
	.main-news .box2 h2 {
		font-size: 26px;
		color: #fff;
		background: url(../images/ico_more01.jpg) no-repeat right 30px top 50%;
	}
	.main-news .border {
		padding-top: 20px;
		padding-bottom: 20px;
		border-top: 1px solid #cc6504;
		border-bottom: 1px solid #cc6504;
	}
	.main-project {
		display: none
	}
	.main-contest {
		display: none
	}
	.top-spot .profile {
		margin-bottom: 40px;
	}
	.lnb01 li {
		font-size: 18px;
		padding: 0 20px 10px;
	}
	/******* 신윤아 css 1200px **********/
	.con table tbody td .ellipsisDD {
		width: 430px;
	}
	.con table tbody td .inputlinearDD {
		width: 88%
	}
	.top-spot .profile {
		margin-bottom: 40px;
	}
	.lnb01 li {
		font-size: 18px;
		padding: 0 20px 10px;
	}
	/******* 신윤아 css 1200px **********/
	.con table tbody td .ellipsisDD {
		width: 430px;
	}
	.con table tbody td .inputlinearDD {
		width: 88%
	}
	.con .board-search_git {
		margin: 0 auto 40px;
		background: #fdfdfd;
		padding: 10px;
		text-align: center;
		border: solid 1px #dddddd;
		overflow: hidden
	}
	.gitWrap {
		width: 100%;
	}
	.contentsTopBg {
		background-image: url('/images/gitlab/contents_bg.png');
		background-repeat: no-repeat;
		background-size: 1520px;
		height: 240px;
		margin-bottom: 10px;
	}
	.gitContentBox {
		max-width: 1100px;
		margin: 0 auto;
	}
	.gitContentBox2 {
		width: 1050px;
		margin: 0 auto;
	} /*add*/
	.board-search {
		margin: 0 auto 15px;
		background: none;
		padding: 10px;
		text-align: center;
		border: none;
		overflow: hidden;
		padding-top: 240px;
	}
	.board-search select {
		display: inline-block;
		width: 142px;
		height: 45px;
		line-height: 45px;
		background: #f6f6f6 url(..//images/gitlab/ico_arrow_bottom02.jpg)
			no-repeat right 20px top 50%;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		padding-left: 20px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.board-search select::-ms-expand {
		display: none; /* 화살표 없애기 for IE10, 11*/
	}
	.board-search input[type=text] {
		margin-right: 5px;
		width: 70%;
		height: 45px;
		line-height: 45px;
		background-color: #f6f6f6;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		text-indent: 10px;
	}
	.board-search button {
		display: inline-block;
		width: 55px;
		height: 45px;
		background-color: #555;
		text-align: center;
		border-radius: 5px;
		border: 0;
	}
	.btn_mst4_git {
		background: #464646;
		color: #fff !important;
		border-radius: 3px;
		padding: 12px 40px;
		font-size: 15px;
		cursor: pointer;
		text-decoration: none;
	}
	.btn_mst4_git:hover {
		background: #5e5e5e;
		color: #fff;
	}
	/*.grideWrap{width:100%;}*/
	.grideBox {
		width: 49%;
		float: left;
		border: 1px solid #dfdfdf;
		margin-bottom: 2%;
		padding: 1%;
		overflow: hidden
	}
	.marRight1 {
		margin-right: 2%
	}
	.titleGit {
		padding-top: 3px;
		font-size: 16px;
		font-weight: bold;
		float: left;
		width: 80%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap
	}
	.medal_hanBox {
		float: right
	}
	.medalImg {
		padding: 2px 10px 0 0;
		float: left;
	}
	.tagGitBox {
		clear: both;
		margin: 35px 0 0 2px;
	}
	.tagGitBox ul li {
		float: left;
		margin-right: 10px;
		font-size: 13px;
		color: #555;
	}
	.git_starFork_Box {
		margin: 58px 0 0 0;
		clear: both;
	}
	.gitNmaeGitBox {
		float: left;
		margin-top: 10px;
	}
	.gitNmaeGitBox ul li {
		float: left;
		margin: 0 4px;
		font-size: 12px;
		color: #fff;
		border-radius: 50px;
		background-color: #888888;
		padding: 3px 17px 4px 17px;
		height: 22px;
	}
	.starForkBox {
		float: right;
	}
	.starWrap {
		margin-right: 10px;
		padding: 6px 10px;
		position: relative;
		background-image: url('/images/gitlab/star_icon_off.gif');
		background-repeat: no-repeat;
		background-color: #fff;
		background-position: 5px center;
		border-radius: 4px;
		border: 1px solid #d7d7d7;
		font-size: 13px;
		overflow: hidden;
		float: left;
	}
	.starWrap:hover {
		background-image: url('/images/gitlab/star_icon_on.gif');
		background-color: #fff;
		border-radius: 4px;
		border: 1px solid #d7d7d7;
		color: #1b70cc;
	}
	.starWrap:before {
		position: absolute;
		content: '';
		width: 1px;
		height: 10px;
		background-color: #d7d7d7;
		top: 10px;
		left: 50px;
	}
	.starWrap .fontGitLeft {
		color: #555;
		padding: 0 0 0 25px;
	}
	.starWrap .fontGitLeft:hover {
		color: #1b70cc;
	}
	.starWrap .fontGitRight {
		color: #111;
		font-weight: bold;
	}
	.starWrap .fontGitRight:hover {
		color: #1b70cc;
	}
	.forkWrap {
		padding: 6px 10px;
		position: relative;
		background-image: url('/images/gitlab/fork_icon_off.gif');
		background-repeat: no-repeat;
		background-color: #fff;
		background-position: 5px center;
		border-radius: 4px;
		border: 1px solid #d7d7d7;
		font-size: 13px;
		overflow: hidden;
	}
	.forkWrap:hover {
		background-image: url('/images/gitlab/fork_icon_on.gif');
		background-color: #fff;
		border-radius: 4px;
		border: 1px solid #d7d7d7;
		color: #1b70cc;
	}
	.forkWrap:before {
		position: absolute;
		content: '';
		width: 1px;
		height: 10px;
		background-color: #d7d7d7;
		top: 10px;
		left: 50px;
	}
	.forkWrap .fontGitLeft {
		color: #555;
		padding: 0 12px 0 10px;
	}
	.forkWrap .fontGitLeft:hover {
		color: #1b70cc;
	}
	.forkWrap .fontGitRight {
		color: #111;
		font-weight: bold;
	}
	.forkWrap .fontGitRight:hover {
		color: #1b70cc;
	}
	/*list END*/
	.gitContentWrap {
		padding-top: 0px;
	}
	.gitTItleP {
		font-size: 26px;
		text-align: center;
		font-weight: bold;
		padding-top: 50px;
	}
	.arrowGitImg {
		width: 8px;
		margin: 0 auto;
		padding-top: 50px;
	}
	.sectionBox {
		margin: 40px 0 0 0;
	}
	.sectionBox .secTitleP {
		font-size: 22px;
		font-weight: bold;
		margin-bottom: 20px
	}
	.sectionBox .sectionCon {
		background-color: #f0f5f8;
		padding: 25px;
		border: 1px solid #dbe1e5;
	}
	.sectionBox .sectionConNo {
		overflow: hidden;
		background-color: #fff;
		padding: 0;
	}
	.teamName {
		margin-bottom: 20px;
	}
	.tableGitDiv {
		width: 100%;
		float: left;
	}
	.tableMarginLeft {
		margin-left: 4%;
		margin-top: 0%
	}
	.tableGitDiv .tableGitBox {
		width: 100%;
		font-size: 15px;
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
	}
	.tableGitDiv .tableGitBox th {
		padding: 8px 0;
		background-color: #f1f1f1;
	}
	.tableGitDiv .tableGitBox .borBott1 {
		border-bottom: 1px solid #cccccc;
	}
	.clearPaddWrap {
		clear: both;
	}
	.sectionBox .sectionConNo2 {
		overflow: hidden;
		background-color: #fff;
		padding: 0;
	}
	.dataMothGit {
		background-color: #0e92d8;
		padding: 5px 0;
		font-size: 18px;
		width: 15%;
		text-align: center;
		color: #fff;
	}
	.dataDlWrap {
		margin-top: 10px;
		overflow: hidden;
		background-color: #f8fafc;
	}
	.dataDlWrap dt {
		float: left;
		padding: 20px 0;
		width: 15%;
		font-size: 23px;
		color: #0e92d8;
		text-align: center;
	}
	.dataDlWrap dd {
		float: left;
		background-color: #f0f5f8;
		padding: 20px 0;
		width: 82%;
		font-size: 15px;
		color: #000;
		text-align: left;
		padding-left: 3%
	}
	.dataDlWrap .gitLimar {
		margin-top: 7px
	}
	.sectionConVideo {
		float: right;
		width: 65%;
	}
	.iframeYoutube {
		width: 88%;
		height: 310px;
	}
	.sectionBox .secTitleP2 {
		font-size: 22px;
		font-weight: bold;
		float: left
	}
	.devel_img {
		width: 400px;
		height: 400px;
	}

	/*20200527 css 추가*/
	.con .board-search-Git {
		margin: 0 auto 25px;
		background: #fdfdfd;
		padding: 10px;
		text-align: center;
		border: solid 1px #dddddd;
		overflow: hidden
	}
	.con .board-search-Git select {
		display: inline-block;
		width: 142px;
		height: 45px;
		line-height: 45px;
		background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
			right 20px top 50%;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		padding-left: 20px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.con .board-search-Git select::-ms-expand {
		display: none; /* 화살표 없애기 for IE10, 11*/
	}
	.con .board-search-Git input[type=text] {
		margin-right: 5px;
		width: 60%;
		height: 45px;
		line-height: 45px;
		background-color: #f6f6f6;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		text-indent: 20px;
	}
	.con .board-search-Git button {
		display: inline-block;
		width: 55px;
		height: 45px;
		background-color: #555;
		text-align: center;
		border-radius: 5px;
		border: 0;
	}
	.proJectNameSpan {
		padding: 0 2% 0 0;
	}
	.gitNmaeGitBox ul li a {
		color: #fff;
	}

	/**2020.06.16 css추가 -최도윤**/
	.badgeList {
		background-image: url('/images/tms/lms_bg_pc.png');
		background-repeat: no-repeat;
		background-size: 1541px;
		height: 228px;
		margin-bottom: 10px;
		background-color: #0b0e1c;
	}
	.mentoring_h4_1 {
		padding: 10px 0 30px 0;
		clear: both
	}
}
/* 0~1028 */
@media all and (max-width:1028px) {
	.projectlistbox h4 p a {
		width: 300px;
	}
	.projectlistbox2 h4 p a {
		width: 300px;
	}
	.lnb02 ul li a {
		font-size: 15px;
		padding: 14px 6px;
	}
	.lnb02 ul li .tabGitAA {
		font-size: 15px;
		height: 51px !important;
		padding: 14px 6px;
	}
}

/* 0~1024 */
@media screen and (max-width: 1024px) {
	.top-spot-new::after {
		height: 430px;
	}
	#teamblog_header {
		
	}
	.business_box div a {
		font-size: 12px;
	}
	.business_box p img {
	width: 38%;
	margin-bottom:0px;
	}

	.business_box .smart img {
	width: 25%;
	}
	.business_box h5 {
		font-size: 14px;
	}
	.business_box .busiTextP {
		padding: 0 20px;
		font-size: 12px;
		margin-bottom: 20px;
	}
	.btncright {
		text-align: right;
		padding: 20px 50px;
		overflow: hidden;
	}
}

/*0~992px*/
@media all and (max-width:992px) {
	.mobile-main-contact {
		display: none;
	}
	.hd_pops_footer {
		
	}
	.main-contest .img {
		width: 100%;
		height: auto;
	}
	.main-contest .img img {
		width: 100%;
	}
	.main-news .border:first-child .box {
		border-left: 1px solid #cc6504;
	}
	.mybtndiv {
		width: 100%;
	}
	.mypage_btn01 {
		margin: 2px 0;
	}
	.mypage_btn01 a {
		padding: 10px 0px;
		width: 100%;
	}
	.mypage_btn02 {
		margin: 2px 0;
	}
	.mypage_btn02 a {
		padding: 10px 25px;
		width: 100%;
	}
	.mypage_btn03 {
		margin: 2px 0;
	}
	.mypage_btn03 a {
		padding: 10px 25px;
		width: 100%;
	}
	.linebox {
		border: solid 1px #d1d1d1;
		padding: 30px;
		margin: 10px 0;
		width: 100%;
		float: left
	}
	.main-news .border:first-child .box {
		border-left: 1px solid #cc6504;
	}
	.main-contest .img {
		width: 100%;
		height: auto;
	}
	.main-contest .img img {
		width: 100%;
	}
	.main-news .border:first-child .box {
		border-left: 1px solid #cc6504;
	}
	.bread-crumb .container {
		padding: 0;
	}
	.top-spot .profile span {
		font-size: 3vw;
		padding: 0 15px;
	}
	.top-spot .profile {
		margin: 0;
	}
	.lnb01 {
		display: none
	}
	.lnb01 ul {
		border-bottom: 0;
	}
	.lnb01 li {
		display: block;
		float: left;
		width: 33.32%;
		padding: 0;
		border-bottom: 1px solid #ddd;
		line-height: 46px;
		box-sizing: border-box;
	}
	.lnb01 li a {
		color: #333333;
		font-size: 2.8vw;
	}
	.lnb01 li.active a {
		display: block;
		border-bottom: solid 1px #fb780f;
		color: #fb780f;
		padding: 0;
	}
	.lnb01 li:hover a {
		display: block;
		border-bottom: solid 1px #fb780f;
		color: #fb780f;
		padding: 0;
	}
	.lnb01 li.active:after {
		content: none;
	}
	.lnb01 li:hover:after {
		content: none;
	}
	.con table {
		display: block;
	}
	.con table thead {
		display: none;
	}
	.con table tbody {
		border-top: 1px solid #656565;
		display: block
	}
	.con table tbody tr {
		display: block;
		margin-bottom: 20px;
	}
	.con table tbody tr td {
		border-bottom: 1px solid #ccc;
		text-align: left;
	}
	.con table tbody tr td:first-child {
		border-top: 1px solid #656565;
		border-bottom: 1px solid #656565;
	}
	.con table tbody td {
		display: block;
		overflow: hidden;
		text-align: left;
	}
	.con table tbody td dt {
		display: block;
		float: left;
		width: 30%;
		font-size: 16px;
	}
	.con table tbody td dd {
		position: relative;
		float: left;
		width: 70%;
		padding-left: 5%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.con table tbody td dd:before {
		position: absolute;
		left: 0;
		content: '|';
		color: #ccc;
	}
	.con .board-search select {
		display: inline-block;
		min-width: 120px;
	}
	.con .board-search input[type=text] {
		width: 100%;
		margin-right: 10px;
	}
	.tablelist thead {
		display: none;
	}
	.tablelist tbody {
		border-top: 1px solid #656565;
	}
	.tablelist tbody tr {
		display: block;
		margin-bottom: 20px;
	}
	.tablelist tbody tr td {
		border-bottom: 1px solid #ccc;
	}
	.tablelist tbody tr td:first-child {
		border-top: 1px solid #656565;
		border-bottom: 1px solid #656565;
	}
	.tablelist tbody td {
		display: block;
		overflow: hidden;
		text-align: left;
	}
	.tablelist tbody td dt {
		display: block;
		float: left;
		width: 30%;
		font-size: 16px;
	}
	.tablelist tbody td dd {
		position: relative;
		float: left;
		width: 70%;
		padding-left: 5%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.tablelist tbody td dd:before {
		position: absolute;
		left: 0;
		content: '|';
		color: #ccc;
	}
	/*
	.con2 table thead {
		display: none;
	}
	.con2 table tbody {
		border-top: 1px solid #656565;
	}
	.con2 table tbody tr {
		display: block;
		margin-bottom: 0px;
	}
	.con2 table tbody tr td {
		border-bottom: 1px solid #ccc;
	}
	.con2 table tr th {
		background: none;
		border: none;
		font-weight: bold;
		color: #000000;
	}
	.con2 table tbody tr td:first-child {
		border-top: 1px solid #656565;
		border-bottom: 1px solid #656565;
	}
	.con2 table tbody td {
		display: block;
		overflow: hidden;
		text-align: left;
	}
	.con2 table tbody td img {
		width: 100%!important;
		height:100%!important;
	}
*/
	/* YA 2019-07-25 */
	.gitLab {
		font-size: 18px;
		width: 100%;
	}
	.mypage_btn03 {
		margin: 2px 0;
		width: 48%;
	}
	.projectlistbox {
		height: 200px;
	}
	.projectlistbox2 {
		height: 200px;
	}
	.profile_wrap {
		border: solid 1px #d1d1d1;
		padding: 30px;
	}
	.profile_wrap ul {
		width: 100%;
	}
	.profile_wrap p {
		width: 100%;
		text-align: center;
	}
	.profile_wrap p.name {
		margin-top: 25px;
		font-size: 4vw;
		text-align: center;
		padding-top: 10px;
	}

	/*사업안내*/
	.business_container {
		width: 100%;
		padding: 0 20px
	}
	.business_v1 {
		height: auto;
		background: #333 url(../images/business_img1.png) repeat-y center top;
		color: #fff;
		text-align: center;
		overflow: hidden;
		padding: 0 20px;
		margin-top: -30px;
	}
	.business_v1 h3 {
		padding-top: 50px;
		font-size: 30px;
		padding-bottom: 10px
	}
	.business_v2 {
		margin: 0 auto;
		width: 100%;
	}
	.business_box {
		color: #9a9a9a;
		text-align: center;
		margin: 10px auto;
		background: url(../images/business_bgicons.png) no-repeat center;
		background-size: contain;
		width: 100%;
		height: 281px;
	}
	.business_box h5 {
		margin: 10px 0;
		padding: 0 10px
	}
	.business_box div {
		margin-top: 10px;
		bottom: 25%
	}
	.business_container h4 {
		font-size: 25px;
		color: #000;
		font-weight: bold;
		margin: 10px 0 10px 0;
	}
	.business_container h5 {
		font-size: 18px;
	}
	.business_container h3 {
		font-size: 25px;
		padding-top: 20px;
		margin-bottom: 10px;
	}
	.business_container {
		width: 100%;
		padding: 0 10px 0 10px
	}
	.business_container h5 {
		padding-top: 10px
	}
	.business_mphoto {
		width: 100%;
	}
	.business_mphoto p {
		padding-bottom: 20px;
	}
	.business_mphoto p img {
		width: 100%
	}
	.business_yellowbg {
		margin-top: 20px;
		padding: 10px 0
	}
	.business_yellowin {
		padding: 0 20px;
		width: 100%;
	}
	.business_yellowin h4 {
		margin: 10px 0 20px 0;
		font-size: 30px;
	}
	.business_box2 {
		color: #9a9a9a;
		text-align: center;
		margin: 20px auto;
		background: url(../images/business_bgicons.png) no-repeat center;
		width: 249px;
		height: 281px;
	}
	.business_container .busiIctconP {
		padding: 20px 50px 20px 50px;
	}
	.business_mphoto div {
		padding: 10px 0
	}
	.business_yellowbg {
		margin-top: 30px;
		padding: 10px 0
	}
	.business_yellowbg {
		margin-top: 20px;
		padding: 10px 0
	}
	.business_yellowin {
		padding: 0 20px;
		width: 100%;
	}
	.business_yellowin h4 {
		margin: 10px 0 20px 0;
		font-size: 30px;
	}
	.business_box2 {
		color: #9a9a9a;
		text-align: center;
		margin: 20px auto;
		background: url(../images/business_bgicons.png) no-repeat center;
		width: 249px;
		height: 281px;
	}
	.busiOverSpan {
		display: block;
		padding: 0;
		font-size: 14px;
	}
	.business_v6 .evewaFontP {
		color: #fff;
		padding: 0 0;
		font-size: 15px;
	}
	.business_v4 {
		height: auto;
		width: 100%
	}
	.business_v4 h3 {
		font-size: 30px;
		padding-bottom: 0
	}
	.business_v4 {
		background: #333 url(../images/business_img2.png) no-repeat center top;
		color: #fff;
		text-align: center;
		overflow: hidden;
		padding: 0 20px;
		margin-top: -20px;
	}
	.business_v4 h3 {
		padding-top: 0px;
	}
	.business_v5 {
		background: #333 url(../images/business_img3.png) no-repeat center top;
		color: #fff;
		text-align: center;
		overflow: hidden;
		padding: 0 20px;
		margin-top: -20px;
		height: auto
	}
	.business_v6 {
		padding: 0 20px;
		margin-top: -30px;
		height: auto;
		padding-bottom: 30px;
	}
	.business_v6 h3 {
		font-size: 30px;
	}
	.business_v5 h3 {
		font-size: 30px;
		padding-top: 0px;
	}
	.business_v3 .proboFontP {
		padding: 0px;
		color: #fff;
		font-size: 14px;
	}
	.business_v3 {
		margin: 0 auto;
		width: 100%;
		padding-bottom: 50px
	}
	.totalmore {
		padding-top: 40px;
		padding-bottom: 15x;
	}
	.totalmore a {
		padding: 15px 50px;
		border-radius: 60px;
	}
	.main-service h2 {
		padding: 0 10px;
	}
	.business_box2 {
		margin: 30px auto
	}
	.bluebox {
		padding: 20px;
	}
	.bluebox p {
		font-weight: normal;
	}
	.business_mphoto2 {
		height: auto;
		margin-top: 10px;
		text-align: left;
		background: #f2f2f2;
		float: left;
		margin-right: 10px;
		overflow: hidden;
		line-height: 30px;
		padding: 20px 40px;
	}
	.business_linebox {
		margin-right: 10px;
	}
	.business_mphoto2 div {
		margin-left: -25px;
		margin-bottom: 0
	}
	.business_mphoto2 div strong {
		font-size: 20px;
	}
	.business_mphoto3 {
		margin-bottom: 10px;
	}
	.business_mphoto3 div strong {
		font-size: 20px;
	}
	.business_mphoto3 div {
		margin-bottom: 0px;
	}
	.business_mphoto4 {
		height: auto;
		width: 100%;
		text-align: left;
		background: #f2f2f2;
		margin-right: 0px;
		margin-bottom: 10px;
		overflow: hidden;
		line-height: 30px;
		padding: 0px 20px 10px 20px;
		position: relative;
	}
	.business_mphoto4 h3 {
		font-size: 20px;
	}
	.business_mphoto4 div {
		font-size: 30px;
		line-height: 50px;
		margin-bottom: 10px;
		margin-left: 0px;
		text-align: center;
		position: static;
	}
	.business_mphoto4 ul li {
		background: url(../images/icon_blue.png) no-repeat 0 12px;
		line-height: 30px;
		padding-left: 10px
	}
	.business_mphoto4 p {
		padding: 20px;
		text-align: center
	}
	.business_mphoto5 {
		height: auto;
		width: 100%;
		text-align: left;
		background: #f2f2f2;
		margin-right: 0px;
		margin-bottom: 20px;
		overflow: hidden;
		line-height: 30px;
		padding: 20px;
		position: relative;
	}
	.business_mphoto5 h3 {
		font-size: 20px;
	}
	.business_mphoto5 ul li {
		background: url(../images/icon_blue.png) no-repeat 0 12px;
		line-height: 28px;
		padding-left: 10px
	}
	.business_mphoto5 p {
		padding: 20px;
		text-align: center
	}
	.business_mphoto6 {
		height: auto;
		width: 100%;
		text-align: left;
		background: #f2f2f2;
		float: none;
		margin-right: 0px;
		margin-bottom: 20px;
		overflow: hidden;
		line-height: 30px;
		padding: 20px;
		position: relative;
	}
	.business_mphoto6 h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.business_mphoto6 ul li {
		background: url(../images/icon_blue.png) no-repeat 0 12px;
		line-height: 28px;
		padding-left: 10px
	}
	.business_mphoto6 p {
		padding: 20px;
		text-align: center
	}
	.business_mphoto6.last {
		margin-right: 0px;
	}
	.business_project {
		width: 100%;
		height: auto;
		border: solid 1px #cfcfcf;
		padding: 30px 20px;
		text-align: center;
		margin-right: 0px;
		margin-bottom: 10px;
		line-height: 25px;
	}
	.business_project p {
		background: url(../images/bg_circle.png) no-repeat center;
		height: 36px;
		color: #fff;
		line-height: 35px;
		margin-bottom: 20px;
	}
	.business_project.last {
		margin-right: 0px
	}
	.probonobox {
		background: url(../images/business_photo4.png) no-repeat bottom right;
		background-size: 900px !important
	}
	.probono_div {
		font-size: 14px;
	}
	.were_bono {
		font-size: 15px !important;
		text-align: center;
	}
	.probonoboxin {
		margin: 0px auto;
		width: 100%;
		line-height: 20px;
		padding: 0 25px;
	}
	.probonoboxin h4 {
		font-size: 23px;
		color: #000;
		font-weight: bold;
		padding: 50px 0 0px 0;
		text-align: center
	}
	.probonoboxin span {
		color: #9a9a9a;
		font-size: 20px;
	}
	.probonoboxin h5 {
		font-size: 18px;
		color: #575757;
		font-weight: bold;
		margin-bottom: 30px;
	}

	/*201906유투브수정,추가
	.rolling-sns{height:auto;width:100%}
	.youtube{float:none;padding:10px 10px 30px 10px;text-align:center;overflow:hidden;width:100%;margin-bottom:50px;position:relative}
	.youtube iframe { width: 100%; height:100%;}
	.main-sns .container .youtube iframe{height:100%}
	.main-sns  .box img{width:80%;}*/
	/*201906유투브수정,추가*/
	.bread-crumb .container {
		padding: 0;
	}
	.top-spot .profile span {
		font-size: 16px;
		padding: 0 15px;
	}
	.top-spot .profile {
		margin: 0;
	}
	.lnb01 {
		margin-bottom: 40px;
	}
	.lnb01 ul {
		border-bottom: 0;
	}
	.lnb01 li {
		display: block;
		float: left;
		width: 33.3333%;
		padding: 0;
		border: 1px solid #d3d3d3;
		border-top: 0;
		line-height: 55px;
		background-color: #f5f5f5;
		box-sizing: border-box;
		font-weight: bold;
	}
	.lnb01 li a {
		color: #333333;
		font-size: 2.8vw;
		display: block;
	}
	.lnb01 li.active a {
		display: block;
		background-color: #fb780f;
		color: #fff;
		padding: 0;
	}
	.lnb01 li:hover a {
		display: block;
		background-color: #fb780f;
		color: #fff;
		padding: 0;
	}
	.lnb01 li.active:after {
		content: none;
	}
	.lnb01 li:hover:after {
		content: none;
	}
	.con table thead {
		display: none;
	}
	.con table tbody {
		border-top: 1px solid #656565;
	}
	.con table tbody tr {
		display: block;
		margin-bottom: 20px;
	}
	.con table tbody tr td:first-child {
		border-top: 1px solid #656565;
		border-bottom: 1px solid #656565;
	}
	.con table .col1 {
		width: 100%;
	}
	.con table .col2 {
		width: 100%;
	}
	.con table .col3 {
		width: 100%;
	}
	.con table .col4 {
		width: 100%;
	}
	.con table tbody td dt {
		display: block;
		float: left;
		width: 30%;
		font-size: 16px;
		text-align: left;
	}
	.con table tbody td .block_Td {
		display: block;
		float: left;
		width: 30%;
		font-size: 16px;
	}
	.con table tbody td dd {
		position: relative;
		float: left;
		width: 70%;
		padding-left: 5%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.con table tbody td dd:before {
		position: absolute;
		left: 0;
		content: '|';
		color: #ccc;
	}
	.con table tbody td .con_textarea {
		width: 100%
	}

	/*********** 신윤아 992px **************/
	.con table .col5 {
		width: 100%;
	}
	.con table .col6 {
		width: 100%;
	}
	.con table .col7 {
		width: 100%;
	}
	.con table .col8 {
		width: 100%;
	}
	.con table tbody td .con_writeDD {
		position: relative;
		float: left;
		width: 70%;
		padding-left: 5%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.con table tbody td .con_writeDD:before {
		position: absolute;
		left: 0;
		content: '|';
		color: #ccc;
	}
	.con table tbody td .inputlinearDD {
		width: 70%
	}
	.con_2 table thead {
		display: none;
	}
	.con_2 table tbody {
		border-top: 1px solid #656565;
	}
	.con_2 table tbody tr {
		display: block;
		margin-bottom: 20px;
	}
	.con_2 table tbody tr td {
		border-bottom: 1px solid #ccc;
	}
	.con_2 table tbody tr td:first-child {
		border-top: 1px solid #656565;
		border-bottom: 1px solid #656565;
	}
	.con_2 table tbody td {
		display: block;
		overflow: hidden;
		text-align: left;
	}
	.con_2 table .col1 {
		width: 100%;
	}
	.con_2 table .col2 {
		width: 100%;
	}
	.con_2 table .col3 {
		width: 100%;
	}
	.con_2 table .col4 {
		width: 100%;
	}
	.con_2 table .col5 {
		width: 100%;
	}
	.con_2 table .col6 {
		width: 100%;
	}
	.con_2 table .col7 {
		width: 100%;
	}
	.con_2 table .col8 {
		width: 100%;
	}
	.con_2 table tbody td dt {
		display: block;
		float: left;
		width: 30%;
		font-size: 16px;
	}
	.con_2 table tbody td dd {
		position: relative;
		float: left;
		width: 70%;
		padding-left: 5%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.con_2 table tbody td dd:before {
		position: absolute;
		left: 0;
		content: '|';
		color: #ccc;
	}
	.con_2 .board-search select {
		display: block;
	}
	.con_2 .board-search input[type=text] {
		width: 70%;
	}
	.mentocost_wrap .checkbox-center {
		margin: 0;
	}
	.con table tbody td .ellipsisDD {
		width: 200px;
	}
	.mentoSOSWrap {
		margin-bottom: 30px;
	}
	.situation_info_wrap {
		width: 100%;
		overflow: hidden;
	}
	.situation_info_wrap>li {
		float: left;
	}
	.situation_info_wrap>.cont_wrap {
		position: relative;
		width: 40%;
		height: 140px;
		border-top: 8px solid #ffb408;
		border-bottom: 1px solid #e0e0e0;
	}
	.situation_info_wrap>.cont_wrap>.tit {
		width: 100%;
		height: 68px;
		line-height: 68px;
		font-size: 18px;
		color: #222;
		font-weight: 700;
		border-right: 1px solid #e0e0e0;
		border-left: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
		text-align: center;
	}
	.situation_info_wrap>.cont_wrap>.cont {
		width: 100%;
		height: 63px;
		background-color: #f1f1f1;
		border-right: 1px solid #e0e0e0;
		border-left: 1px solid #e0e0e0;
		text-align: center;
		display: table;
	}
	.situation_info_wrap>.cont_wrap>.cont>p {
		font-size: 14px;
		line-height: 18px;
		color: #666;
		display: table-cell;
		vertical-align: middle;
	}
	.situation_info_wrap>.arrow {
		width: 10%;
		margin-bottom: 20px;
		background: url('../images/icon_arrow03.png') no-repeat center center;
	}
	/*회원가입*/
	.joinWrap {
		margin: 0 auto;
		width: 100%;
		padding: 0 20px;
	}

	.joinAclick1 {
		margin-top: 20px;
		display: block;
		width: 70%;
		margin: 34px auto 0 auto;
		background-color: #4694ff;
		text-align: center;
		padding: 16px 0 0 0;
		height: 55px;
		border-radius: 5px;
		border: 1px solid #4694ff;
		color:#fff !important;
	}
	.agreeWrap {
		width: 100%;
		padding: 0 20px;
	}
	.addressinput1 {
		width: 73% !important;
	}
	.addressinput2 {
		width: 87% !important;
	}
	.addressinput1 {
		width: 68% !important;
	}
	.addressinput2 {
		width: 84% !important;
	}
	.navergitgoogleli1>a {
		width: 100%
	}

	/* 모바일 마이페이지 > 개인정보수정(비밀번호확인) 20190603 시작 모바일*/
	.checkTextInput {
		flex-grow:1;
	}
	/*.checkButtonInput {
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}*/
	/* 모바일 마이페이지 > 개인정보수정(비밀번호확인) 20190603 끝 */
	.loginWrap {
		margin: 0 auto;
		width: 100%;
	}
	/*20200330 회원가입 모바일 수정*/
	.loginWrap .inputJoinBox2 {
		width: 95%
	}
	.loginWrap .inputJoinBox3 {
		width: 95%;
	}
	.loginWrap .inputJoinBox81 {
		width: 73%
	}
	.dateBoxDiv .monthBox select {
		width: 28%;
	}
	.numberInput2 {
		width: 22% !important
	}
	.numberInput3 {
		width: 22% !important
	}
	.selectBoximages {
		width: 24% !important
	}
	.selectBoximages2 {
		width: 24% !important
	}
	.selectBoximages3 {
		width: 91% !important
	}
	
	.selectBoximages4 {
		width: 99% !important
	}
	.cleanStar {
		visibility: hidden;
	}
	.inputCommon .comInput1 {
		width: 96%;
	}
	.inputCommon .comInput4 {
		width: 92%
	}
	.inputCommon .comInput5 {
		width: calc(100% - 14px);
	}
	/*20200401 모바일*/
	.labeldate1 {
		width: 46%;
		float: left;
	}
	.labeldate1 input {
		width: 63% !important
	}
	.spacebarIcon {
		display: block;
		float: left;
		margin: 10px;
		padding: 8px 0 5px 0;
	}
	.bread-crumb .container {
		padding: 0;
		position: fixed;
		top: 80px;
		width: 100%;
		background-color: #ffbb27;
	}
	.top-spot .profile span {
		font-size: 16px;
		padding: 0 15px;
	}
	.top-spot .profile {
		margin: 0;
	}
	.lnb01 {
		margin-bottom: 40px;
	}
	.lnb01 ul {
		border-bottom: 0;
	}
	.lnb01 li {
		display: block;
		float: left;
		width: 33.3333%;
		padding: 0;
		border: 1px solid #d3d3d3;
		border-top: 0;
		line-height: 55px;
		background-color: #f5f5f5;
		box-sizing: border-box;
		font-weight: bold;
	}
	.lnb01 li a {
		color: #333333;
		font-size: 2.8vw;
		display: block;
	}
	.lnb01 li.active a {
		display: block;
		background-color: #fb780f;
		color: #fff;
		padding: 0;
	}
	.lnb01 li:hover a {
		display: block;
		background-color: #fb780f;
		color: #fff;
		padding: 0;
	}
	.lnb01 li.active:after {
		content: none;
	}
	.lnb01 li:hover:after {
		content: none;
	}
	.con table thead {
		display: none;
	}
	.con table tbody {
		border-top: 1px solid #656565;
	}
	.con table tbody tr {
		display: block;
		margin-bottom: 20px;
	}
	.con table tbody tr td:first-child {
		border-top: 1px solid #656565;
		border-bottom: 1px solid #656565;
	}
	.con table .col1 {
		width: 100%;
	}
	.con table .col2 {
		width: 100%;
	}
	.con table .col3 {
		width: 100%;
	}
	.con table .col4 {
		width: 100%;
	}
	.con table tbody td dt {
		display: block;
		float: left;
		width: 30%;
		font-size: 16px;
		text-align: left;
	}
	.con table tbody td .block_Td {
		display: block;
		float: left;
		width: 30%;
		font-size: 16px;
	}
	.con table tbody td dd {
		position: relative;
		float: left;
		width: 70%;
		padding-left: 5%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.con table tbody td dd:before {
		position: absolute;
		left: 0;
		content: '|';
		color: #ccc;
	}
	.con table tbody td .con_textarea {
		width: 100%
	}

	/*YA 2019-07-29 게시판 짤림 
	.projectDdBOx{white-space:normal}
	.projectddA{width:83%; margin-right:5px;display: inline-block; text-overflow: ellipsis; white-space: normal; overflow: hidden;}
    */
	/*회원가입*/
	.loginWrap {
		
	}
	.joinWrap {
		margin: 0 auto;
		width: 100%;
		padding: 0 20px;
	}
	.joinAclick1 {
		margin-top: 20px;
		display: block;
		width: 70%;
		margin: 34px auto 0 auto;
		background-color: #4694ff;
		text-align: center;
		padding: 16px 0 0 0;
		height: 55px;
		border-radius: 5px;
		border: 1px solid #4694ff;
		color:#fff !important;
	}
	.agreeWrap {
		width: 100%;
		padding: 0 20px;
	}
	.addressinput1 {
		width: 73% !important;
	}
	.addressinput2 {
		width: 87% !important;
	}
	.addressinput1 {
		width: 51% !important;
	}
	.addressinput2 {
		width: 67% !important;
	}
	.addressinput3 {
		width: 67% !important;
	}

	/*20190520 ~ 20190523 Start 개인정보처리방침, 이메일주소무단수집거부, 이용자약관,사이트맵, 개인정보침해신고  */
	.privacyDivBox {
		width: 100%;
		background-image: url("../images/etc/etc_1.gif");
		background-size: auto;
		background-position: center;
		height: 179px;
		margin: 20px 0
	}
	.privacyDivBox p {
		color: #fff;
		text-align: center;
		padding: 69px 0 5px 0;
		font-weight: 300;
		font-size: 14px;
	}
	.privacyDivBox h4 {
		color: #fff;
		text-align: center;
		font-weight: 500;
		font-size: 30px;
	}
	.privacyDivBox1 {
		width: 100%;
		background-image: url("../images/etc/etc_3.gif");
		background-size: auto;
		background-position: center;
		height: 144px;
	}
	.privacyDivBox2 {
		width: 100%;
		background-image: url("../images/etc/etc_4.gif");
		background-size: auto;
		background-position: center;
		height: 187px;
	}
	.privacyDivBox3 {
		width: 100%;
		background-image: url("../images/etc/etc_5.gif");
		background-size: auto;
		background-position: center;
		height: 187px;
	}
	.privacyDivBox4 {
		width: 100%;
		background-image: url("../images/etc/etc_6.gif");
		background-size: auto;
		background-position: center;
		height: 187px;
	}
	.inputTxt1 {
		padding: 8px;
		border: 1px solid #bbb;
		width: 100%
	}

	/* 사이트맵 */
	.area_sitemap>li>.gnb {
		width: 100%;
	}
	.area_sitemap>.gnb>li {
		margin: 20px 0;
		width: 100%;
		height: 100%;
		clear: both;
		margin-left: 0 !important;
		padding-bottom: 30px;
		border-bottom: 1px solid #dcdfe7 !important;
		box-sizing: border-box;
	}
	.area_sitemap>.gnb>li:last-child {
		border-bottom: 0 !important;
	}
	.area_sitemap>.gnb>li>a {
		float: left;
		display: inline-block;
		width: 20%;
		min-height: 50px;
		overflow: hidden;
		background: #293b62 !important;
		color: #fff !important;
		box-sizing: border-box;
	}
	.area_sitemap>.gnb>li>ul {
		float: right;
		width: 80%;
		box-sizing: border-box;
	}
	.area_sitemap>.gnb>li>ul>li {
		width: calc(100%/ 4 - 30px);
		padding-left: 0px !important;
		background: none !important;
		display: inline-block;
		float: left;
		margin-left: 30px;
		box-sizing: border-box;
	}
	.area_sitemap>.gnb>li>ul>li:nth-child(4n+1) {
		clear: left;
	}
	.area_sitemap>.gnb>li>ul>li>a {
		display: inline-block;
		padding-left: 0px !important;
		margin: 5px 10px;
		font-size: 19px;
		font-weight: 500 !important;
		box-sizing: border-box;
		word-break: keep-all;
	}
	.area_sitemap>.gnb>li>ul>li>a:hover, .area_sitemap>.gnb>li>ul>li>a:focus
		{
		color: #26afb8 !important;
	}
	.area_sitemap>.gnb>li>ul>li>a:before {
		display: none;
	}
	.area_sitemap>.gnb>li>ul>li>ul>li {
		padding-left: 15px !important;
	}
	.area_sitemap>.gnb>li>ul>li>ul>li>a {
		position: relative;
		margin-top: 5px;
		padding-left: 0 !important;
		line-height: 1.8em;
		box-sizing: border-box;
		word-break: keep-all;
		font-size: 15px !important;
	}
	.area_sitemap>.gnb>li>ul>li>ul>li>a:before {
		left: -10px;
		width: 2px;
		height: 3px;
		margin-top: 12px;
		position: absolute;
		content: "";
		display: block;
		background: url(../images/content/bul_list.png) no-repeat 0 0;
	}
	.area_sitemap>.gnb>li>ul>li>ul>li>a:hover, .area_sitemap>.gnb>li>ul>li>ul>li>a:focus
		{
		color: #264e84 !important;
	}
	.area_sitemap>.gnb>li>ul>li>ul>li>a span {
		display: inline-block;
		line-height: 1.3em;
	}
	.area_sitemap>.gnb>li>a:after {
		background: #264e84;
		background-image: linear-gradient(0deg, #264e84, #26afb8);
		background-image: -ms-linear-gradient(0deg, #264e84, #26afb8);
		background-image: -webkit-linear-gradient(0deg, #264e84, #26afb8);
		background-image: -moz-linear-gradient(0deg, #264e84, #26afb8);
		background-image: -o-linear-gradient(0deg, #264e84, #26afb8);
	}
	.fnb>li {
		display: block;
		padding: 20px 10px 0 10px;
		width: 100%;
		float: none;
	}

	/**************************** 팀블로그 *******************************/
	.teamapp {
		z-index: 100;
		position: normal;
		bottom: 5px;
		right: 0;
	}
	.teamapp2 {
		z-index: 100;
		position: absolute;
		bottom: 28px;
		right: 0;
	}
	#teamblog_header {
		
	}
	#teamblog_headerin {
		
	}
	#teamblog_headerin ul {
		
	}
	.teamblog_notice {
		width: 100%;
		margin: 15px 0 0 0;
		padding: 15px;
	}
	.teamblog_notice h2 {
		font-size: 20px;
	}
	.teamblog_notice ul li {
		box-sizing: border-box;
		word-break: keep-all;
		width: 95%
	}
	#teamblog_headerin p {
		width: 100%;
		margin: 0px
	}
	.teamblog_text p {
		margin: 0 auto;
		width: 108px;
		text-align: center
	}
	#teamblog_headerin ul {
		float: none;
	}
	#teamblog_headerin h2 span {
		float: left;
		margin-right: 5px;
		margin-top: 5px;
	}
	#teamblog_headerin h3 {
		color: #fff;
		font-size: 16px;
		font-weight: normal;
	}
	.box_teammember_wrap {
		
	}
	.box_teammember ul li {
		width: 100%;
	}
	.teamblog_text {
		padding: 20px 20px 20px 20px;
	}
	.scrollswrap {
		width: 100%;
		position: relative;
		margin: 0 auto
	}
	.scrolls {
		width: 100%;
		position: absolute;
		right: 0px;
		top: 20px;
	}
	.scrolls2 {
		width: 170px;
		position: absolute;
		left: 80px;
		top: 20px;
	}
	.day {
		font-size: 28px;
		margin-top: 30px;
	}
	.box_teammember {
		width: 100%;
		float: none;
	}
	.app_btnwrap {
		display: none;
	}

	/*20200611  뱃지 아이콘 박스 사이즈 조정*/
	.badgeBox {
		width: 100%;
		float: left;
		margin: 10px 0 10px 0;
	}
	.lnbteam li {
		font-size: 15px;
		padding: 10px 14px;
	}
	.lnbteam li.active a {
		padding: 0 0 10px 0;
	}
	.lnbteam li:hover a {
		padding: 0 0 8px 0
	}
	.p_guide {
		width: 100%;
	}
	.p_guideCoun {
		width: 100%;
	} /* YA 2019-08-01 취업진로 게시판 추가 */
	.box_teammember_mobile {
		display: block;
		position: relative
	}
	.box_teammember_mobile {
		background: #fff;
		overflow: hidden;
		width: 100%;
		border: solid 1px #d1d1d1;
	}
	.box_teammember_mobile h3 {
		background: #ededed;
		font-size: 16px;
		color: #4152ac;
		padding: 10px;
	}
	.box_teammember_mobile h3 a.point {
		font-size: 13px;
		background: #4152ac;
		color: #fff;
		padding: 5px 10px;
		border-radius: 3px;
		font-weight: normal;
		position: absolute;
		top: 7px;
		right: 7px;
	}
	.box_teammember_mobile ul li {
		border-bottom: solid 1px #dfdfdf;
		padding: 5px 5px;
		position: relative;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		word-break: break-all
	}
	.box_teammember_mobile ul li span {
		margin-left: 20px;
		position: absolute;
		top: 3px;
		right: 0px;
	}
	.box_teammember_mobile ul li img {
		margin-right: 5px;
	}
	.box_teammemberbtn {
		
	}
	.box_teammemberbtn a {
		
	}
	.app_btnwrap_mobile {
		display: block
	}
	.app_btnwrap_mobile {
		width: 100%;
		background: #545454;
		overflow: hidden;
	}
	.app_btnwrap_mobile h3 {
		text-align: center;
		color: #fff;
		font-size: 20px;
		background: url(../images/bg_teamblogapp.png) no-repeat center;
		height: 69px;
		padding: 25px 0
	}
	.app_btnwrap_mobile ul li {
		line-height: 40px;
		float: left;
		text-align: center
	}
	.app_btnwrap_mobile ul li a {
		color: #fff;
		display: block;
		padding: 0 10px
	}
	.app_btnwrap_mobile ul li a:hover {
		background: #676767
	}

	/*20190520 ~ 20190523 진행 End 개인정보처리방침, 이메일주소무단수집거부, 이용자약관,사이트맵, 개인정보침해신고  */
	/*200319 추가*/
	.projectddB {
		width: 100%;
		float: left;
		display: inline-block;
	}
}

/*0~768px*/
@media all and (max-width:768px) {
	#synapEditor {
		height: 500px;
		overflow: auto;
	}
	#synapEditor img {
		width: 100% !important;
		height: auto !important;
	}
	.photonewsdiv ul li.hit {
		position: relative;
	}
	.con3 {
		margin: 20px;
	}
	.appbannerwrap {
		position: relative;
		width: 100%
	}
	.appbanner {
		position: absolute;
		top: 100px;
		right: 0px;
		z-index: 1000
	}
	.box_teammemberbtn {
		position: none
	}
	.teamBlogNotice ul li {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		word-break: break-all;
		width: 80%
	}
	#divpop {
		height: 50px;
	}
	#divpop img {
		height: 50px;
		overflow: hidden
	}
	/*회원가입*/
	.joinWrap .joinBackground {padding:40px;}
	.joinWrap .joinBackground  {height: 370px;}
	.joinWrap .joinBackground h5 {font-size:14px;}
	.joinAclick {width:80%; height:40px; line-height:40px;}
	.joinWrap .join4 {padding:40px;}
	.joinWrap .join4  {height: 430px;}
	.joinWrap .join4 h5 {font-size:14px;}
	.joinWrap .join6 {padding:40px;}
	.joinWrap .join6  {height: 660px;}
	/*메인*/
	.mainVisual {
		height: 350px;
	}
	.main-banner {
		height: 350px;
	}
	.main-service h1 {
		font-size: 30px;
	}
	.bread-crumb .b-depth2 ul {
		width: 171px;
	}
	.bread-crumb .b-depth2 p {
		font-size: 13px;
	}
	.bread-crumb .b-depth2 ul li a {
		font-size: 13px;
	}
	.bread-crumb .b-depth2 ul li a:hover {
		background: #e59d00;
	}
	.bread-crumb .b-depth2 ul li a {
		display: block;
		padding: 5px 20px;
	}
	.bread-crumb .b-depth2 {
		width: 170px;
		background: url(../images/ico_arrow_bottom01.jpg) no-repeat right 10px
			top 50%;
		line-height: 30px
	}
	.bread-crumb .b-depth2 ul {
		width: 171px;
	}
	.bread-crumb .b-depth3 ul {
		width: 171px;
	}
	.bread-crumb .b-depth3 p {
		font-size: 13px;
	}
	.bread-crumb .b-depth3 ul li a {
		font-size: 13px;
	}
	.bread-crumb .b-depth3 ul li a:hover {
		background: #e59d00;
		font-size: 13px;
	}
	.bread-crumb .b-depth3 ul li a {
		display: block;
		padding: 5px 20px;
	}
	.bread-crumb .b-depth3 {
		width: 170px;
		background: url(../images/ico_arrow_bottom01.jpg) no-repeat right 10px
			top 50%;
		line-height: 30px
	}
	.bread-crumb .b-depth3 ul {
		width: 171px;
	}
	.awardbox3 {
		width: 100%;
	}
	.awardbox3 iframe {
		width: 100%;
	}

	/*
	.main-contact .box{height:auto; padding:0 10px 5px 10px}
	.main-contact .box h2{margin-bottom:5px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;width:80%;color:#000;}
	.main-contact .box h2:hover{color:#fff}
	.main-contact .box p{margin-bottom:5px;height:auto}
	.main-contact .box2 {height:120px;padding-top:30px;}
	.main-contact .box2 span {font-size:12px;color:#fff;}
	.main-contact .totalmore a{padding:15px 50px;}
	.main-contact {padding:30px 0 50px 0;background:url(../images/bg_contact01.jpg) repeat 50% 100%;}	
	.main-contact h1{font-size:30px !important;margin-bottom:20px}
	*/
	.main-contact h1 {
		display: none;
	}
	.main-contact .box {
		display: none;
	}
	.main-contact .box p {
		margin-bottom: 5px;
		height: auto
	}
	.main-contact .box2 {
		display: none;
	}
	.main-contact .box3 {
		width: 32%;
		float: left;
		background: none;
		margin: 0 1px;
		height: auto
	}
	.main-contact .totalmore {
		display: none;
	}
	.main-contact {
		padding: 15px 0px 20px 0px;
		background: #eeeeee;
	}
	.main-contact .box3 p {
		display: none;
	}
	.main-service .totalmore a {
		border-radius: 60px;
		padding: 20px 50px;
		font-size: 16px;
	}
	.main-service .totalmore {
		padding-top: 30px;
	}
	.main-project {
		padding: 30px 0 50px 0;
		display: none
	}
	.main-project h1 {
		font-size: 30px !important;
		margin-bottom: 20px
	}
	.main-project .box {
		height: auto;
	}
	.main-project .totalmore {
		padding-top: 30px;
	}
	.main-project .totalmore a {
		padding: 15px 50px;
	}
	.main-contest {
		padding: 30px 0 50px 0;
		display: none;
	}
	.main-contest h1 {
		font-size: 30px !important;
		margin-bottom: 20px
	}
	.main-contest .totalmore {
		padding-top: 30px;
	}
	.main-contest .totalmore a {
		padding: 15px 50px;
	}

	/*20190725백업
	.main-sns {padding:30px 0 50px 0;}
	.main-sns h1{font-size:30px !important; margin-bottom:20px}
    .main-sns h2{padding-bottom:0px;}
	*/
	.mobile-main-contact {
		display: block
	}
	.mobile-main-contact ul li {
		border-top: solid 1px #d2d2d2;
	}
	.mobile-main-contact ul li a {
		font-size: 22px;
		color: #3e3e3e;
		font-weight: bold;
		display: block;
		padding: 24px 30px;
		background: url(../images/m_icon4.png) no-repeat right
	}
	.mobile-main-contact ul li a img {
		width: 13%;
	}
	.text_box {
		border: solid 1px #a7b0de;
		padding: 10px 20px 20px 20px;
		line-height: 27px;
		overflow: hidden;
	}
	.text_box p {
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
	.text_box ul {
		margin-left: 0px;
	}
	.main-contact .container {
		padding: 0px;
	}

	/*201906유투브수정,추가*/
	.youtube2 {
		float: left;
		width: 33%;
		height: 110px;
		margin-top: 0px;
		margin-right: 1px
	}
	.youtube2 iframe {
		width: 100%;
		height: 110px;
		margin-bottom: 10px;
	}
	.rolling-sns {
		height: auto;
		width: 48%;
		border: solid 1px #dedede;
		padding: 20px 20px 15px 20px;
		height: 185px;
	}
	.youtube {
		float: left;
		border: solid 1px #dedede;
		height: 185px;
		padding: 20px 20px 0px 20px;
		text-align: center;
		font-size: 16px;
		color: #242424;
		overflow: hidden;
		width: 50%;
		position: relative;
		overflow: hidden;
		word-wrap: break-word;
		display: -webkit-box;
		disyplay: -ms-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.youtube iframe {
		width: 100%;
		height: 120px;
		margin-bottom: 10px;
	}
	.youtube ul li a {
		font-size: 16px;
		height: 20px;
		position: relative;
		overflow: hidden;
		word-wrap: break-word;
		display: -webkit-box;
		disyplay: -ms-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		padding: 0px
	}
	.youtube ul li span {
		display: none
	}
	.main-sns {
		padding: 50px 0;
	}
	.main-sns h1 {
		font-size: 30px !important;
		margin-bottom: 15px;
		margin-left: 15px;
		text-align: left;
		position: relative;
		font-weight: bold
	}
	.main-sns h1 .sns {
		position: absolute;
		right: 15px;
		top: 0px;
		color: #383838
	}
	.main-sns h2 {
		display: none
	}
	.main-sns .container .youtube iframe {
		height: 110px;
	}
	.main-sns  .box img {
		width: 100%;
		height: 110px;
	}
	.main-sns  .box p {
		display: none
	}
	.main-sns  .box h3 {
		width: 90%;
		height: 20px;
		margin: 0 auto;
		line-height: 1.3;
		font-size: 16px;
		color: #242424;
		overflow: hidden;
		word-wrap: break-word;
		display: -webkit-box;
		disyplay: -ms-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.main-sns .slick-prev, .main-sns .slick-next {
		height: auto;
		background: none;
	}

	/*201906유투브수정,추가*/
	.pop-layer .pop-container>.school_box>fieldset>label {
		width: 20%
	}
	.pop-layer .pop-container>.school_box>fieldset>input {
		width: 70%
	}
	.pop-layer .pop-container>.school_box>fieldset a {
		float: right
	}
	.project_search_wrap {
		margin-bottom: 5px;
	}
	/* 2019-07-22 포토뉴스 width값 수정 */
	.photoNewDiv img {
		width: 100%;
		height: 110px;
	}
	.con h5 {
		margin: 0px 0 10px 0px;
	}
	.business_contain {
		flex-direction: column;
	}
	.business_container h6 {
		margin: 20px 0 10px 0;
	}
	.con {
		padding: 0px;
	}
	.con .board-search fieldset {
		flex-direction: column;
	}
	.con .board-search button {
		width: 100%;
	}
	.con .board-search4 {
		margin: 0 auto 10px;
		padding: 0 10px;
	}
	.con .board-search4 select {
		margin: 2px 0;
		display: inline-block;
		width: 100%;
		height: 45px;
		line-height: 45px;
		background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
			right 20px top 50%;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		text-indent: 20px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.con .board-search4 select::-ms-expand {
		display: none; /* 화살표 없애기 for IE10, 11*/
	}
	.con .board-search4 input[type=text] {
		margin: 2px 0;
		width: 100%;
		height: 45px;
		line-height: 45px;
		background-color: #f6f6f6;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		text-indent: 20px;
	}
	.con .board-search4 button {
		display: inline-block;
		width: 55px;
		height: 45px;
		background-color: #555;
		text-align: center;
		border-radius: 5px;
		border: 0;
	}
	.con .board-search4 a {
		display: inline-block;
		width: 100%;
		height: 45px;
		background-color: #555;
		text-align: center;
		border-radius: 5px;
		border: 0;
		margin-top: 5px;
	}
	.con .board-search3 {
		margin: 0 auto;
		padding: 0 10px;
	}
	.con .board-search3 select {
		display: inline-block;
		width: 49%;
		height: 45px;
		line-height: 45px;
		background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
			right 20px top 50%;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		text-indent: 20px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.con .board-search3 select::-ms-expand {
		display: none; /* 화살표 없애기 for IE10, 11*/
	}
	.con .board-search3 input[type=text] {
		margin: 5px 0;
		width: 85%;
		height: 45px;
		line-height: 45px;
		background-color: #f6f6f6;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		text-indent: 20px;
	}
	.con .board-search3 button {
		display: inline-block;
		width: 55px;
		height: 45px;
		background-color: #555;
		text-align: center;
		border-radius: 5px;
		border: 0;
	}
	.projectsearch ul li {
		border-bottom: solid 1px #ddd;
		line-height: 25px;
		padding: 10px;
	}
	.projectsearch ul li.nonline {
		border-bottom: none
	}
	.projectsearch ul li div {
		width: 100%;
		overflow: hidden;
		float: left;
		padding-left: 0px;
		color: #000;
		clear: both
	}
	.projectsearch ul li label {
		display: inline-block;
	}
	.projectlistbox_Wrap {
		width: 100%;
		overflow: hidden
	}
	.projectlistbox {
		padding: 5px 10px 5px 10px;
		border: solid 1px #dfdfdf;
		margin: 5px 0;
		overflow: hidden;
		width: 100%;
		float: left
	}
	.projectlistbox p {
		margin-bottom: 10px;
	}
	.projectlistbox2 {
		padding: 5px 10px 5px 10px;
		border: solid 1px #dfdfdf;
		margin: 5px 0;
		overflow: hidden;
		width: 100%;
		float: left;
		height:auto;
	}
	.projectlistbox2 p {
		margin-bottom: 10px;
	}
	.app_boxst1 {
		width: 98%
	}
	.hd_pops_footer {
		
	}
	.footer .company {
		text-align: center;
	}
	.footer .company a {
		font-size: 14px;
		display: inline-block;
		padding: 0px;
		margin: 0 5px;
	}
	.footer .info {
		width: 100%;
		text-align: center;
	}
	.footer .info a {
		display: inline-block;
		font-size: 14px;
	}
	.footer .link {
		width: 100%;
		border: none
	}
	.footer .link a {
		width: 100%;
	}
	.main-service {
		padding: 40px 0 30px 0;
		font-size: 30px;
	}
	.main-service h1 {
		font-weight: bold;
		color: #171c61;
	}

	/*{font-size:30px !important; }*/
	.main-service img {
		width: 65%;
	}
	.main-service .row .box {
		width: 48%;
		float: left;
		margin: 2px;
		padding: 10px 0px 0px 0px
	}
	.main-service .row .box h3 {
		display: none
	}
	.main-service .row .box p {
		display: none
	}
	.main-service .row .box a {
		display: none
	}
	.main-service .row .box4 {
		display: block
	}
	.awardbox2 div img {
		width: 100%;
		margin-bottom: 20px
	}
	.awardbox2 ol dl {
		width: 100%
	}
	.awardbox2 ol dl dt {
		color: #4152ac;
		background: url(../images/icon_linest.png) no-repeat left;
		width: 100%
	}
	.con4 table.box50 {
		width: 100%;
	}
	.projectbox_1 {
		width: 100%;
	}
	.projectbox_1 span {
		overflow: hidden
	}
	.projectbox_2 {
		width: 100%;
	}
	.projectbox_2 span {
		position: none
	}
	.nextdesign {
		width: 100%;
		height: 100%;
		border: solid 2px #c3c3c3;
		padding: 20px;
		text-align: center; left;
		border-radius: 10px;
	}
	.nextdesign h3 {
		font-size: 20px;
		padding: 0px 0 15px 0;
		border-bottom: 1px dashed #e0e0e0;
		text-align: center;
	}
	.nextdesign ul span {
		color: #ff5400;
		line-height: 50px;
	}
	.nextdesign2 {
		width: 100%;
		height: 100%;
		border: solid 2px #c3c3c3;
		padding: 20px;
		text-align: center;
		border-radius: 10px;
	}
	.nextdesign2 h3 {
		font-size: 20px;
		padding: 0px 0 15px 0;
		border-bottom: 1px dashed #e0e0e0;
		text-align: center;
	}
	.nextdesign2 ul span {
		color: #ff5400;
		line-height: 50px;
	}
	.nextdesign3 {
		width: 100%;
		height: 100%;
		border: solid 2px #c3c3c3;
		padding: 20px;
		text-align: center; left;
		border-radius: 10px;
	}
	.nextdesign3 h3 {
		font-size: 20px;
		padding: 0px 0 15px 0;
		border-bottom: 1px dashed #e0e0e0;
		text-align: center;
	}
	.nextdesign3 ul span {
		color: #ff5400;
		line-height: 50px;
	}
	.nexticon {
		background: url(../images/icon_arrow04.png) no-repeat center;
		width: 100%;
		height: 50px;
		overflow: hidden
	}
	.nexticon2 {
		background: url(../images/icon_arrow04.png) no-repeat center;
		width: 100%;
		height: 50px;
		overflow: hidden
	}
	.nexticon3 {
		background: url(../images/icon_arrow04.png) no-repeat center;
		width: 100%;
		height: 50px;
		overflow: hidden
	}
	.top-spot {
		padding-top: 25px;
		margin-bottom: 20px;
	}
	.con .board-search {
		border-radius: 3px;
		padding: 5px;
		max-width: 100%;
		flex-flow: column;
	}
	.con .board-search input[type=text] {
		margin-bottom: 5px;
	}
	.con .board-search select {
		width: 100%;
		margin-bottom: 5px
	}
	.main-sns h1 div {
		height: auto;
	}
	.main-sns h1 div a {
		position: relative;
		top: 0;
		left: 0;
	}
	.lnb01 li {
		font-size: 15px;
	}
	.lnb01 {
		display: none
	}
	.btn_mst7 {
		background: #999;
		color: #fff !important;
		border-radius: 3px;
		padding: 8px 15px;
		font-size: 15px;
		text-align: center;
		display: block;
		margin: 3px 0;
	}
	.btn_mst7:hover {
		background: #666;
		color: #fff !important;
	}
	.bread-crumb {
		padding-top: 0px;
		top: 80px;
	}
	.profile_wrap {
		border: solid 1px #d1d1d1;
		padding: 30px;
	}
	.profile_wrap ul {
		width: 100%;
	}
	.profile_wrap p {
		width: 100%;
		text-align: center;
	}
	.profile_wrap p.name {
		margin-top: 25px;
		font-size: 4vw;
		text-align: center;
		overflow: hidden;
	}
	.main-sns h1 div {
		height: auto;
	}
	.main-sns h1 div a {
		position: relative;
		top: 0;
		left: 0;
	}
	.mybtndiv {
		width: 100%;
	}
	.mybtndiv span {
		width: 100%;
	}
	.mypage_btn01 {
		margin: 2px 0;
	}
	.mypage_btn01 a {
		padding: 10px 0px;
		width: 100%;
	}
	.mypage_btn02 {
		margin: 2px 0;
	}
	.mypage_btn02 a {
		padding: 10px 0px;
		width: 100%;
	}
	.mypage_btn03 {
		margin: 2px 0;
	}
	.mypage_btn03 a {
		padding: 10px 0px;
		width: 100%;
	}
	.linebox {
		padding: 20px;
		margin: 10px 0;
		width: 100%;
		float: left
	}
	.linebox h4 {
		font-size: 20px;
	}
	.pc_only_bl {
		display: none
	}

	/* YA 2019-07-17 모바일 반응형 */
	.projectlistbox h4 p a {
		display: inline-block;
		width: 270px;
		font-size: 20px;
		color: #000;
		padding: 15px 0 10px 0;
		margin: 0px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		word-break: break-all
	}
	.projectlistbox h4 a {
		width: 305px;
		display: inline-block;
		font-size: 20px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin-right: 120px;
	}
	.projectlistbox2 h4 p a {
		display: inline-block;
		width: 270px;
		font-size: 20px;
		color: #000;
		padding: 15px 0 10px 0;
		margin: 0px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		word-break: break-all
	}
	.projectlistbox2 h4 a {
		width: 305px;
		display: inline-block;
		font-size: 20px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.projectlistbox1 {
		position: relative;
		padding: 15px 20px;
		border: solid 1px #dfdfdf;
		margin: 15px 0;
		overflow: hidden;
		width: 100%;
		float: left;
		position: relative;
		min-height: 198px;
	}
	.projectlistbox1.nomargin {
		margin-right: 0px;
		float: right
	}
	.projectlistbox1 .h4_font_projectbox1 {
		display: inline-block;
		width: 260px;
		font-size: 20px;
		color: #000;
		padding: 5px 0 5px 0;
		margin: 0px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		word-break: break-all
	}
	.projectlistbox1 .logo_img_div_wrap {
		position: absolute;
		top: 0;
		right: 10px;
	}
	.projectlistbox1 ul li {
		line-height: 25px;
	}
	.projectlistbox1 span {
		position: absolute;
		right: 0px;
		top: 0px;
	}
	#layer1 {
		margin: 0 0px;
		width: 100%;
		left:0;
	}
	.pop-layer {
		display: none;
		position: absolute;
		top: 5%;
		width: 100%;
		height: auto;
		background-color: #fff;
		z-index: 9999999;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.pop-layer .pop-container {
		padding: 20px;
		position: relative;
	}
	.btncright {
		padding: 20px 0;
		overflow: hidden;
		flex-wrap: wrap;
	}
	.btncright2 {
		padding: 20px 0 20px 0;
		overflow: hidden;
		display: block;
		width: 100%
	}
	.btn_mst5 {
		cursor: pointer;
		background: #4694ff;
		color:#fff !important;
		border-radius: 3px;
		padding: 10px 10px;
		font-size: 12px;
		text-align: center;
		width:100%;
	}
	.btn_mst5:hover {
		color: #fff;
		background: #3583dd;
	}
	.btn_mst4 {
		cursor: pointer;
		background: #464646;
		color: #fff !important;
		border-radius: 3px;
		padding: 10px 10px;
		font-size: 12px;
		width: 100%;
		text-align: center;
		margin-top: 5px;
		width:100%;
	}
	.btn_mst4_2 {
		margin-bottom: 20px;
	}
	.btn_mst4:hover {
		background: #5e5e5e;
		color: #fff;
	}
	.btn_mst04 {
		cursor: pointer;
		background: #636363;
		color: #fff;
		border-radius: 3px;
		padding: 12px 10px;
		font-size: 15px;
	}
	.btn_mst04:hover {
		background: #535353;
		color: #fff;
	}

	/*사업안내*/
	.business_v1 {
		height: auto;
		background: #333 url(../images/business_img1.png) repeat-y center top;
		color: #fff;
		text-align: center;
		overflow: hidden;
		padding: 0 20px;
		margin-top: -30px;
	}
	.business_v1 h3 {
		padding-top: 50px;
		font-size: 30px;
		padding-bottom: 10px
	}
	.business_v2 {
		margin: 0 auto;
		width: 100%;
	}
	.business_box {
		color: #9a9a9a;
		text-align: center;
		margin: 10px auto;
		background: url(../images/business_bgicons.png) no-repeat center;
		width: 249px;
		height: 281px;
	}
	.business_box h5 {
		font-size: 20px;
		margin: 10px 0;
	}
	.business_box div {
		margin-top: 10px;
		bottom: 17%;
	}
	.business_container h4 {
		font-size: 30px;
		color: #000;
		font-weight: bold;
		margin: 10px 0 10px 0;
	}
	.business_container h5 {
		font-size: 20px;
	}
	.business_container h3 {
		font-size: 30px;
	}
	.business_container {
		width: 100%;
		padding: 0 10px 0 10px
	}
	.business_container h5 {
		padding-top: 10px
	}
	.business_mphoto {
		width: 100%;
	}
	.business_mphoto p {
		padding-bottom: 20px;
	}
	.business_mphoto p img {
		width: 100%
	}
	.business_yellowbg {
		margin-top: 20px;
		padding: 10px 0
	}
	.business_yellowin {
		padding: 0 20px;
		width: 100%;
	}
	.business_yellowin h4 {
		margin: 10px 0 20px 0;
		font-size: 30px;
	}
	.business_box2 {
		color: #9a9a9a;
		text-align: center;
		margin: 20px auto;
		background: url(../images/business_bgicons.png) no-repeat center;
		width: 249px;
		height: 281px;
	}
	.business_linebox {
		padding: 15px;
		width: 100%;
		margin: 10px 0 10px 0
	}
	.business_linebox h3 {
		font-size: 20px;
	}
	.business_linebox2 {
		padding: 15px;
		width: 100%;
		margin: 10px 0 10px 0
	}
	.business_linebox2 h3 {
		font-size: 20px;
	}
	.business_v4 {
		height: auto;
		width: 100%
	}
	.business_v4 h3 {
		font-size: 30px;
		padding-bottom: 0
	}
	.business_v4 {
		background: #333 url(../images/business_img2.png) no-repeat center top;
		color: #fff;
		text-align: center;
		overflow: hidden;
		padding: 0 20px;
		margin-top: -20px;
	}
	.business_v5 {
		background: #333 url(../images/business_img3.png) no-repeat center top;
		color: #fff;
		text-align: center;
		overflow: hidden;
		padding: 0 20px;
		margin-top: -20px;
		height: auto
	}
	.business_v6 {
		padding: 0 20px;
		margin-top: -30px;
		height: auto;
		padding-bottom: 30px;
	}
	.business_v6 h3 {
		font-size: 30px;
	}
	.business_v5 h3 {
		font-size: 30px;
		padding-top: 0px;
	}
	.business_v4 h3 {
		padding-top: 0px;
	}
	.business_v3 {
		margin: 0 auto;
		width: 100%;
		padding-bottom: 20px
	}
	.totalmore {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.totalmore a {
		padding: 15px 50px;
		border-radius: 60px;
	}
	.bluebox {
		padding: 20px;
	}
	.bluebox p {
		font-weight: normal;
	}
	.business_mphoto2 {
		height: auto;
		width: 100%;
		margin-top: 0px;
		text-align: left;
		background: #f2f2f2;
		float: left;
		margin-right: 20px;
		overflow: hidden;
		line-height: 30px;
		padding: 20px 40px
	}
	.business_mphoto2 div {
		margin-left: -25px;
		margin-bottom: 0
	}
	.business_mphoto2 div strong {
		font-size: 20px;
	}
	.business_mphoto3 {
		height: auto;
		width: 100%;
		margin-top: 0px;
		text-align: left;
		background: #f2f2f2;
		margin-right: 20px;
		overflow: hidden;
		line-height: 30px;
		padding: 20px 40px
	}
	.business_mphoto3 div strong {
		font-size: 20px;
	}
	.business_mphoto3 div {
		margin-bottom: 0px;
	}
	.business_mphoto4 {
		height: auto;
		width: 100%;
		text-align: left;
		background: #f2f2f2;
		margin-right: 0px;
		margin-bottom: 10px;
		overflow: hidden;
		line-height: 30px;
		padding: 0px 20px 10px 20px;
		position: relative;
	}
	.business_mphoto4 h3 {
		font-size: 20px;
	}
	.business_mphoto4 div {
		font-size: 30px;
		line-height: 50px;
		margin-bottom: 10px;
		margin-left: 0px;
		text-align: center;
		position: static;
	}
	.business_mphoto4 ul li {
		background: url(../images/icon_blue.png) no-repeat 0 12px;
		line-height: 30px;
		padding-left: 10px
	}
	.business_mphoto4 p {
		padding: 20px;
		text-align: center
	}
	.business_mphoto5 {
		height: auto;
		width: 100%;
		text-align: left;
		background: #f2f2f2;
		margin-right: 0px;
		margin-bottom: 20px;
		overflow: hidden;
		line-height: 30px;
		padding: 20px;
		position: relative;
	}
	.business_mphoto5 h3 {
		font-size: 20px;
	}
	.business_mphoto5 ul li {
		background: url(../images/icon_blue.png) no-repeat 0 12px;
		line-height: 28px;
		padding-left: 10px
	}
	.business_mphoto5 p {
		padding: 20px;
		text-align: center
	}
	.business_mphoto6 {
		height: auto;
		width: 100%;
		text-align: left;
		background: #f2f2f2;
		float: none;
		margin-right: 0px;
		margin-bottom: 20px;
		overflow: hidden;
		line-height: 30px;
		padding: 20px;
		position: relative;
	}
	.business_mphoto6 h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.business_mphoto6 ul li {
		background: url(../images/icon_blue.png) no-repeat 0 12px;
		line-height: 28px;
		padding-left: 10px
	}
	.business_mphoto6 p {
		padding: 20px;
		text-align: center
	}
	.business_mphoto6.last {
		margin-right: 0px;
	}
	.business_project {
		width: 100%;
		height: auto;
		border: solid 1px #cfcfcf;
		padding: 30px 20px;
		text-align: center;
		margin-right: 0px;
		margin-bottom: 10px;
		line-height: 25px;
	}
	.business_project p {
		background: url(../images/bg_circle.png) no-repeat center;
		height: 36px;
		color: #fff;
		line-height: 35px;
		margin-bottom: 20px;
	}
	.business_project.last {
		margin-right: 0px
	}
	.probonobox {
		background: url(../images/business_photo4.png) no-repeat bottom right;
		width: 100%
	}
	.probonoboxin {
		margin: 0px auto;
		width: 100%;
		line-height: 28px;
		padding: 0 30px;
	}
	.probonoboxin h4 {
		font-size: 30px;
		color: #000;
		font-weight: bold;
		padding: 50px 0 50px 0;
		text-align: center
	}
	.probonoboxin span {
		color: #9a9a9a;
		font-size: 20px;
	}
	.probonoboxin h5 {
		font-size: 25px;
		color: #575757;
		font-weight: bold;
		margin-bottom: 30px;
	}
	.gitWrap {
		width: 100%
	}
	.contentsTopBg {
		background-image: url('/images/gitlab/contents_bg_t.png');
		background-repeat: no-repeat;
		background-size: 790px;
		height: 223px;
		background-color: #080501;
		margin-bottom: 10px;
	}
	.gitContentBox {
		width: 84%;
		margin: 0 auto;
	}
	.gitContentBox2 {
		width: 80%;
		margin: 0 auto;
	} /*add*/
	.board-search {
		margin: 0 auto 15px;
		background: none;
		padding: 10px;
		text-align: center;
		border: none;
		overflow: hidden;
		padding-top: 240px;
	}
	.board-search select {
		display: inline-block;
		width: 142px;
		height: 45px;
		line-height: 45px;
		background: #f6f6f6 url(..//images/gitlab/ico_arrow_bottom02.jpg)
			no-repeat right 20px top 50%;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		padding-left: 20px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.board-search select::-ms-expand {
		display: none; /* 화살표 없애기 for IE10, 11*/
	}
	.board-search input[type=text] {
		margin-right: 5px;
		width: 60%;
		height: 45px;
		line-height: 45px;
		background-color: #f6f6f6;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		text-indent: 10px;
	}
	.board-search button {
		display: inline-block;
		width: 55px;
		height: 45px;
		background-color: #555;
		text-align: center;
		border-radius: 5px;
		border: 0;
	}
	.btn_mst4_git {
		background: #464646;
		color: #fff !important;
		border-radius: 3px;
		padding: 12px 40px;
		font-size: 15px;
		cursor: pointer;
		text-decoration: none;
		width: 100%;
		margin-top: 5px;
	}
	.btn_mst4_git:hover {
		background: #5e5e5e;
		color: #fff !important;
	}
	.grideWrap {
		width: 100%;
		margin: 0 auto;
	}
	.grideBox {
		width: 98%;
		float: none;
		border: 1px solid #dfdfdf;
		margin-bottom: 3%;
		padding: 2%;
		overflow: hidden;
	}
	.marRight1 {
		margin-right: 0%;
	}
	.titleGit {
		font-size: 16px;
		font-weight: bold;
		float: left;
		width: 80%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap
	}
	.medal_hanBox {
		float: right
	}
	.medalImg {
		padding: 2px 10px 0 0;
		float: left;
	}
	.tagGitBox {
		clear: both;
		margin: 33px 0 0 2px;
	}
	.tagGitBox ul li {
		float: left;
		margin-right: 10px;
		font-size: 13px;
		color: #555;
	}
	.git_starFork_Box {
		margin: 58px 0 0 0;
		clear: both;
	}
	.gitNmaeGitBox {
		float: left;
		margin-top: 3px;
	}
	.gitNmaeGitBox ul li {
		float: left;
		margin: 0 4px;
		font-size: 12px;
		color: #fff;
		border-radius: 50px;
		background-color: #888888;
		padding: 4px 17px 4px 17px;
		height: 22px;
	}
	.starForkBox {
		float: right;
	}
	.starWrap {
		margin-right: 10px;
		padding: 6px 10px;
		position: relative;
		background-image: url('/images/gitlab/star_icon_off.gif');
		background-repeat: no-repeat;
		background-color: #fff;
		background-position: 5px center;
		border-radius: 4px;
		border: 1px solid #d7d7d7;
		font-size: 13px;
		overflow: hidden;
		float: left;
	}
	.starWrap:hover {
		background-image: url('/images/gitlab/star_icon_on.gif');
		background-color: #fff;
		border-radius: 4px;
		border: 1px solid #d7d7d7;
		color: #1b70cc;
	}
	.starWrap:before {
		position: absolute;
		content: '';
		width: 1px;
		height: 10px;
		background-color: #d7d7d7;
		top: 10px;
		left: 50px;
	}
	.starWrap .fontGitLeft {
		color: #555;
		padding: 0 12px 0 10px;
	}
	.starWrap .fontGitLeft:hover {
		color: #1b70cc;
	}
	.starWrap .fontGitRight {
		color: #111;
		font-weight: bold;
	}
	.starWrap .fontGitRight:hover {
		color: #1b70cc;
	}
	.forkWrap {
		padding: 6px 10px;
		position: relative;
		background-image: url('/images/gitlab/fork_icon_off.gif');
		background-repeat: no-repeat;
		background-color: #fff;
		background-position: 5px center;
		border-radius: 4px;
		border: 1px solid #d7d7d7;
		font-size: 13px;
		overflow: hidden;
	}
	.forkWrap:hover {
		background-image: url('/images/gitlab/fork_icon_on.gif');
		background-color: #fff;
		border-radius: 4px;
		border: 1px solid #d7d7d7;
		color: #1b70cc;
	}
	.forkWrap:before {
		position: absolute;
		content: '';
		width: 1px;
		height: 10px;
		background-color: #d7d7d7;
		top: 10px;
		left: 50px;
	}
	.forkWrap .fontGitLeft {
		color: #555;
		padding: 0 12px 0 10px;
	}
	.forkWrap .fontGitLeft:hover {
		color: #1b70cc;
	}
	.forkWrap .fontGitRight {
		color: #111;
		font-weight: bold;
	}
	.forkWrap .fontGitRight:hover {
		color: #1b70cc;
	}
	/*list END*/
	.gitContentWrap {
		padding-top: 0;
	}
	.gitTItleP {
		font-size: 26px;
		text-align: center;
		font-weight: bold;
		padding-top: 50px;
	}
	.arrowGitImg {
		width: 8px;
		margin: 0 auto;
		padding-top: 50px;
	}
	.sectionBox {
		margin: 40px 0 0 0;
		overflow: hidden;
	}
	.sectionBox .secTitleP {
		font-size: 22px;
		font-weight: bold;
		margin-bottom: 20px
	}
	.sectionBox .sectionCon {
		background-color: #f0f5f8;
		padding: 25px;
		border: 1px solid #dbe1e5;
	}
	.sectionBox .sectionConNo {
		background-color: #fff;
		padding: 0;
	}
	.teamName {
		margin-bottom: 20px;
	}
	.tableGitDiv {
		width: 100%;
		float: left;
	}
	.tableMarginLeft {
		margin-left: 0%;
		margin-top: 2%
	}
	.tableGitDiv .tableGitBox {
		width: 100%;
		font-size: 15px;
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
	}
	.tableGitDiv .tableGitBox th {
		padding: 8px 0;
		background-color: #f1f1f1;
	}
	.tableGitDiv .tableGitBox .borBott1 {
		border-bottom: 1px solid #cccccc;
	}
	.clearPaddWrap {
		clear: both;
		overflow: hidden
	}
	.sectionBox .sectionConNo2 {
		overflow: hidden;
		background-color: #fff;
		padding: 0;
	}
	.dataMothGit {
		background-color: #0e92d8;
		padding: 5px 0;
		font-size: 18px;
		width: 15%;
		text-align: center;
		color: #fff;
	}
	.dataDlWrap {
		margin-top: 10px;
		overflow: hidden;
		background-color: #f8fafc;
	}
	.dataDlWrap dt {
		float: left;
		padding: 20px 0;
		width: 15%;
		font-size: 23px;
		color: #0e92d8;
		text-align: center;
	}
	.dataDlWrap dd {
		float: left;
		background-color: #f0f5f8;
		padding: 20px 0;
		width: 82%;
		font-size: 15px;
		color: #000;
		text-align: left;
		padding-left: 3%
	}
	.dataDlWrap .gitLimar {
		margin-top: 7px
	}
	.sectionConVideo {
		float: right;
		width: 65%;
	}
	.iframeYoutube {
		width: 88%;
		height: 310px;
	}
	.sectionBox .secTitleP2 {
		font-size: 22px;
		font-weight: bold;
		float: left
	}
	.devel_img {
		width: 400px;
		height: 400px;
	}

	/*20200527 css 추가*/
	.con .board-search-Git {
		margin: 0 auto 25px;
		background: #fdfdfd;
		padding: 10px;
		text-align: center;
		border: solid 1px #dddddd;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.con .board-search-Git select {
		display: inline-block;
		width: 142px;
		height: 45px;
		line-height: 45px;
		background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
			right 20px top 50%;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		padding-left: 20px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.con .board-search-Git select::-ms-expand {
		display: none; /* 화살표 없애기 for IE10, 11*/
	}
	.con .board-search-Git input[type=text] {
		margin-right: 0px;
		width: 100%;
		height: 45px;
		line-height: 45px;
		background-color: #f6f6f6;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		text-indent: 20px;
	}
	.con .board-search-Git button {
		display: inline-block;
		width: 55px;
		height: 45px;
		background-color: #555;
		text-align: center;
		border-radius: 5px;
		border: 0;
	}
	.proJectNameSpan {
		padding: 10px;
	}
	.gitNmaeGitBox ul li a {
		color: #fff;
	}

	/**2020.06.16 css추가 -최도윤**/
	.badgeList {
		background-image: url('/2019/images/tms/lms_bg_t.png');
		background-repeat: no-repeat;
		background-size: 1100px;
		height: 223px;
		background-color: #0b0e1c;
		margin-bottom: 10px;
	}
	.top-spot-new .top-headline-box {
		margin: 10px;
	}
	.top-spot-new .top-headline-box>h3 {
		font-size: 30px;
	}
}
/*0~767px*/
@media screen and (max-width: 767px) {
	.probonobox {
		background: #fff;
	}
	.probonobox img {
		display: block
	}
	.gitWrap {
		width: 100%
	}
	.contentsTopBg {
		background-image: url('/images/gitlab/contents_bg_m.png');
		background-repeat: no-repeat;
		background-size: 450px;
		height: 143px;
		background-color: #090501
	}
	.gitContentBox {
		width: 100%;
	}
	.gitContentBox2 {
		width: 100%;
	} /*add*/
	.board-search {
		margin: 0 auto 15px;
		background: none;
		padding: 10px;
		text-align: center;
		border: none;
		overflow: hidden;
		padding-top: 26%;
	}
	.board-search select {
		display: inline-block;
		width: 142px;
		height: 45px;
		line-height: 45px;
		background: #f6f6f6 url(..//images/gitlab/ico_arrow_bottom02.jpg)
			no-repeat right 20px top 50%;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		padding-left: 20px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.board-search select::-ms-expand {
		display: none; /* 화살표 없애기 for IE10, 11*/
	}
	.board-search input[type=text] {
		margin-right: 5px;
		width: 60%;
		height: 45px;
		line-height: 45px;
		background-color: #f6f6f6;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		text-indent: 10px;
	}
	.board-search button {
		display: inline-block;
		width: 100% !important;
		height: 45px;
		background-color: #555;
		text-align: center;
		border-radius: 5px;
		border: 0;
	}
	.btn_mst4_git {
		background: #464646;
		color: #fff !important;
		border-radius: 3px;
		padding: 12px 40px;
		font-size: 15px;
		cursor: pointer;
		text-decoration: none;
	}
	.btn_mst4_git:hover {
		background: #5e5e5e;
		color: #fff;
	}
	.grideWrap {
		width: 95%;
		margin: 0 auto;
	}
	.grideBox {
		width: 100%;
		float: none;
		border: 1px solid #dfdfdf;
		margin-bottom: 5%;
		padding: 2%;
		overflow: hidden
	}
	.marRight1 {
		margin-right: 0%;
	}
	.titleGit {
		font-size: 16px;
		padding-top: 3px;
		font-weight: bold;
		float: left;
		width: 73%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap
	}
	.medal_hanBox {
		float: right;
	}
	.medalImg {
		padding: 2px 10px 0 0;
		float: left;
	}
	.tagGitBox {
		clear: both;
		margin: 33px 0 0 2px;
	}
	.tagGitBox ul li {
		float: left;
		margin-right: 10px;
		font-size: 13px;
		color: #555;
	}
	.git_starFork_Box {
		margin: 58px 0 0 0;
		clear: both;
	}
	.gitNmaeGitBox {
		float: left;
		margin-top: 3px;
	}
	.gitNmaeGitBox ul li {
		float: left;
		margin: 0 4px;
		font-size: 11px;
		color: #fff;
		border-radius: 50px;
		background-color: #888888;
		padding: 4px 17px 4px 17px;
		height: 22px;
	}
	.starForkBox {
		clear: both;
		padding: 8px 0 0 0;
	}
	.starWrap {
		margin-right: 10px;
		padding: 6px 10px;
		position: relative;
		background-image: url('/images/gitlab/star_icon_off.gif');
		background-repeat: no-repeat;
		background-color: #fff;
		background-position: 5px center;
		border-radius: 4px;
		border: 1px solid #d7d7d7;
		font-size: 13px;
		overflow: hidden;
		float: left;
	}
	.starWrap:hover {
		background-image: url('/images/gitlab/star_icon_on.gif');
		background-color: #fff;
		border-radius: 4px;
		border: 1px solid #d7d7d7;
		color: #1b70cc;
	}
	.starWrap:before {
		position: absolute;
		content: '';
		width: 1px;
		height: 10px;
		background-color: #d7d7d7;
		top: 10px;
		left: 50px;
	}
	.starWrap .fontGitLeft {
		color: #555;
		padding: 0 0 0 25px;
	}
	.starWrap .fontGitLeft:hover {
		color: #1b70cc;
	}
	.starWrap .fontGitRight {
		color: #111;
		font-weight: bold;
	}
	.starWrap .fontGitRight:hover {
		color: #1b70cc;
	}
	.forkWrap {
		padding: 6px 10px;
		position: relative;
		background-image: url('/images/gitlab/fork_icon_off.gif');
		background-repeat: no-repeat;
		background-color: #fff;
		background-position: 5px center;
		border-radius: 4px;
		border: 1px solid #d7d7d7;
		font-size: 13px;
		overflow: hidden;
		float: left;
	}
	.forkWrap:hover {
		background-image: url('/images/gitlab/fork_icon_on.gif');
		background-color: #fff;
		border-radius: 4px;
		border: 1px solid #d7d7d7;
		color: #1b70cc;
	}
	.forkWrap:before {
		position: absolute;
		content: '';
		width: 1px;
		height: 10px;
		background-color: #d7d7d7;
		top: 10px;
		left: 50px;
	}
	.forkWrap .fontGitLeft {
		color: #555;
		padding: 0 12px 0 10px;
	}
	.forkWrap .fontGitLeft:hover {
		color: #1b70cc;
	}
	.forkWrap .fontGitRight {
		color: #111;
		font-weight: bold;
	}
	.forkWrap .fontGitRight:hover {
		color: #1b70cc;
	}
	/*list END*/
	.gitContentWrap {
		padding-top: 0;
		width: 90%;
		margin: 0 auto;
	}
	.gitTItleP {
		font-size: 22px;
		text-align: center;
		font-weight: bold;
		padding-top: 50px;
	}
	.arrowGitImg {
		width: 8px;
		margin: 0 auto;
		padding-top: 50px;
	}
	.sectionBox {
		margin: 40px 0 0 0;
		overflow: hidden
	}
	.sectionBox .secTitleP {
		font-size: 22px;
		font-weight: bold;
		margin-bottom: 20px
	}
	.sectionBox .sectionCon {
		background-color: #f0f5f8;
		padding: 25px;
		border: 1px solid #dbe1e5;
	}
	.sectionBox .sectionConNo {
		background-color: #fff;
		padding: 0;
	}
	.teamName {
		margin-bottom: 20px;
	}
	.tableGitDiv {
		width: 100%;
		float: left;
	}
	.tableMarginLeft {
		margin-left: 0%;
		margin-top: 4%
	}
	.tableGitDiv .tableGitBox {
		width: 100%;
		font-size: 13px;
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
	}
	.tableGitDiv .tableGitBox th {
		padding: 8px 5px;
		background-color: #f1f1f1;
	}
	.tableGitDiv .tableGitBox .borBott1 {
		border-bottom: 1px solid #cccccc;
	}
	.clearPaddWrap {
		clear: both;
	}
	.sectionBox .sectionConNo2 {
		overflow: hidden;
		background-color: #fff;
		padding: 0;
	}
	.dataMothGit {
		background-color: #0e92d8;
		padding: 5px 0;
		font-size: 18px;
		width: 45%;
		margin: 0 auto;
		text-align: center;
		color: #fff;
	}
	.dataDlWrap {
		margin-top: 10px;
		overflow: hidden;
		background-color: #f8fafc;
	}
	.dataDlWrap dt {
		float: left;
		padding: 20px 0;
		width: 100%;
		font-size: 23px;
		color: #0e92d8;
		text-align: center;
	}
	.dataDlWrap dd {
		float: left;
		background-color: #f0f5f8;
		padding: 20px 0;
		width: 100%;
		font-size: 15px;
		color: #000;
		text-align: left;
		padding-left: 3%
	}
	.dataDlWrap .gitLimar {
		margin-top: 7px;
		padding: 0 20px;
	}
	.sectionConVideo {
		float: none;
		width: 100%;
	}
	.iframeYoutube {
		width: 88%;
		height: 310px;
		margin-top: 20px;
	}
	.sectionBox .secTitleP2 {
		font-size: 22px;
		font-weight: bold;
		float: none
	}
	.devel_img {
		width: 400px;
		height: 400px;
	}

	/*20200527 css 추가*/
	.con .board-search-Git {
		margin: 0 auto 25px;
		background: #fdfdfd;
		padding: 10px;
		text-align: center;
		border: solid 1px #dddddd;
		overflow: hidden
	}
	.con .board-search-Git select {
		display: inline-block;
		width: 142px;
		height: 45px;
		line-height: 45px;
		background: #f6f6f6 url(../images/ico_arrow_bottom02.jpg) no-repeat
			right 20px top 50%;
		font-size: 16px;
		color: #424242;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		padding-left: 20px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.con .board-search-Git select::-ms-expand {
		display: none; /* 화살표 없애기 for IE10, 11*/
	}
	.con .board-search-Git button {
		display: inline-block;
		width: 55px;
		height: 45px;
		background-color: #555;
		text-align: center;
		border-radius: 5px;
		border: 0;
	}
	.proJectNameSpan {
		padding: 2% 6% 3% 6%;
		display: inline-block;
	}
	.gitNmaeGitBox ul li a {
		color: #fff;
	}
	.badgeList {
		background-image: url('/2019/images/tms/lms_bg_m.png');
		background-repeat: no-repeat;
		background-size: 590px;
		height: 134px;
		background-color: #0b0e1c
	}
	.etcpop_table1 {
		word-break: break-all;
	}
	.etcpop_table1 tbody tr td {
		padding: 26px 5px;
	}
	/*팀블로그*/
	#teamblog_header {
		height: 500px;
	}
	#teamblog_header:after {
		height: 500px;
	}
	#teamblog_headerin {
		flex-direction: column;
		height: 500px;
		padding: 20px;
	}
	#teamblog_headerin h1 {
		font-size:
	}
	.teamblog_text {
		width: 100%;
	}
	.teamblog_text .teamBlogText {
		font-size: 35px;
	}
	.box_teammember_wrap {
		width: 100%;
	}
}
/*0~480px*/
@media screen and (max-width:480px) {
	.business_contain {
		flex-direction: column;
	}
}

/*0~450px*/
@media all and (max-width:450px) {
	.projectlistbox h4 p a {
		width: 178px;
		font-size: 18px;
	}
	.projectlistbox2 h4 p a {
		width: 178px;
		font-size: 18px;
	}
	.lnb02 ul li a {
		font-size: 14px;
		padding: 14px 6px;
	}
	.box_teammemberbtn {
		
	}
	.con3 .table tr td select {
		width: 100% !important;
		font-size: 13px;
	}
}
/*0~370px*/
@media all and (max-width:370px) {
	.bread-crumb .b-depth2, .bread-crumb .b-depth3 {
		width: 140px;
	}
	.bread-crumb .float {
		width: 40px;
	}
	.bread-crumb .float ul {
		width: 141px;
	}
}

/*2021 팀블로그*/
@media screen and (min-width:767px) {
	.teamblogContainer .attention_wrap2 .conferListSpan {
		padding-left: 139px;
	}
}

@media screen and (max-width:768px) {
	.nextdesignWrap {
		display: flex;
		flex-direction: column;
	}
}

.nextdesignWrap {
	display: flex;
	justify-content: space-around;
}

.teamBlogContainer .copyright {
	padding: 70px 0 50px 0
}
/* 교육기관검색 */
.pop-layer .pop-container>.school_box fieldset { display:flex; align-items:center;}
.pop-layer .pop-container >.school_box>fieldset>label {margin-bottom:0;}
@media (max-width: 768px) {
	.pop-layer .pop-container >.school_box>fieldset>label {width: auto;}
	.btn_mst4.layer_close {width:auto;}
	.pop-layer .pop-container>.school_box fieldset.flex-style>.inputsch {width:190px;}
}
@media (max-width:480px) {
	.pop-layer .pop-container>.school_box {padding:15px 5px; }
	.pop-layer .pop-container>.school_box>fieldset>.inputsch { width:70px; margin-right:4px; padding: 6px !important;}
	.pop_table03 thead tr th {padding:8px; font-size:12px;}
	.pop_table03 tbody tr td {padding:8px; font-size:12px;}
	.pop-layer .pop-container>.school_box fieldset.flex-style {justify-content: flex-end; flex-wrap: wrap;}
	.pop-layer .pop-container>.school_box fieldset.flex-style>.inputsch {width:98px;}
	.pop-layer .pop-container>.school_box>fieldset.flex-style a {margin-top:5px;}
}
/* 211130 마이페이지 수정 */
.logo-layout-style { display:flex; margin-bottom:10px; align-items:center; }
.logo-layout-style h4 { flex-grow:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.projectlistbox2 p {  display:inline; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.projectlistbox2 h4 p a { display:inline; }
.projectlistbox2 span { position:relative; top:0; left:0; }
.logo-layout-style { display:flex; margin-bottom:10px; align-items:center; }
.projectlistbox1 .logo_img_div_wrap { position:relative; top:0; left:0; }
.projectlistbox1 .h4_font_projectbox1 { width:auto; flex-grow:1; }
/* 211130 비밀번호체크페이지 수정*/
.flex-content-center { display:flex; justify-content:center; align-items:center; }
@media (max-width:480px) {
	.con3 table tbody td { padding:10px; }
}
/* 211130 신분관리페이지 수정*/
.bbsWriteB.mgt15 {margin-bottom:40px;}
/* 211130 참여하기>프로젝트참여하기 페이지 수정*/
.ptable { display:block; }
@media (max-width:768px) {
	.ptable { display:none; }
}
/* 211130 팀블로그 보고서 수정 */
@media (max-width: 992px) {
	.con table tbody td dl { display:flex; align-items:center; }
	.con table tbody td dd:before { top:47%; transform:translateY(-50%); }
}