@charset "utf-8";
*{margin:0; padding:0;}
ul li{list-style:none;}

body{font:0.8em 'notosanskr'; color:#3a3a3a;}
i{font-style:italic;}
strong{font-family:NGothicB; /* font-weight:bold; */}

a {text-decoration: none; color: #3a3a3a;}

/************** grad ***************/
section#notice_grad{
	width:100%;
	box-sizing:border-box;
}
#notice_grad h1{
	text-align:center;
	font-family: 'K2D', sans-serif;
	color:#fff;
	font-size:4em;	
}
/************** tab ***************/
#notice_container{
	width:800px; margin:0 auto;
	overflow:hidden;
}

#notice_container ul#tab_menu{
	width:100%;
	overflow:hidden;
}

#notice_container ul#tab_menu li{
	float:left;
	width:25%;
	background:#fff;
	text-align:center;
	height:50px;
	line-height:50px;
	box-sizing:border-box;
	cursor:pointer;
}
#notice_container ul#tab_menu li:last-child{
	margin-right:0px;
}

#notice_container ul#tab_menu .active{
	border-bottom:0;
	background:#e6e6e6;
	font:1.2em 'NGothicB';
	font-weight:bold;
	line-height:50px;
}

#notice_container .content{
	width:100%;
	margin:0 auto;
	background-color:#fff;
}

/************** section - 새소식 content ***************/
#notice_container .news_con{
	width:100%;
	height:100%;
	margin:0 auto;
	background-color:#fff;
}

#notice_container .mid_tit{
	margin:60px auto;
	text-align:center;
}

#notice_container .mid_tit h1{
	font-size:2em;
	font-weight:700;
	display:inline-block;
}
#notice_container .mid_tit .line{
	width:2%;
	margin:15px auto;
	height:1px;
	border-bottom:1px solid #999;
}

#notice_container .row{
	overflow:hidden;
	margin-bottom:50px;
	
}
#notice_container .post_wrap{
	width:22.75%;
	margin-right:3%;
	float:left;
	padding-bottom:25px;
}
#notice_container .post{
	border:1px solid #e6e6e6;	
	box-sizing:border-box;
	padding:10%;
	position:relative;
	z-index:90;
	
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
	-moz-transition:all ease 0.5s;
	-o-transition:all ease 0.5s;
	-ms-transition:all ease 0.5s;
}
#notice_container .post_wrap:last-child{
	margin-right:0;
}

#notice_container .post:hover{
	border:1px solid #3671d0;
}

#notice_container .post:hover a{
	border:1px solid #3671d0;
	color:#3671d0;
}

#notice_container .post h2{
	font:1.3em 'NGothicB';
	line-height:1.5;
	margin-bottom:50px;
	
}

#notice_container .post p{
	line-height:1.5;
	text-align:justify;
	margin-top: 15px;
}

#notice_container .post img{
	margin-top: -15px;
}

#notice_container .plus_btn{
	position:absolute;
	bottom:-25px;
	left:calc(50% - 25px);
	z-index:100;
}
#notice_container .row .post_date{
	text-align:right;
	margin: 15px 0;
	font-size:0.9em;
	
}

#notice_container .plus_btn a{
	display:block;
	width:50px;
	height:50px;
	border:1px solid #e6e6e6;
	box-sizing:border-box;
	border-radius:50%;
	text-align:center;
	font:2em 'NGothicL';
	line-height:48px;
	color:#e6e6e6;
	background-color:#fff;
	
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
	-moz-transition:all ease 0.5s;
	-o-transition:all ease 0.5s;
	-ms-transition:all ease 0.5s;
}


/************** section - 이벤트 content ***************/
#notice_container .recruit_con{
	width:100%;
	height:1400px;
	margin:0 auto;
	background-color:#fff;
}

#notice_container .recruit_con .mid_tit{
	text-align:center;
}

#notice_container .recruit_con .mid_tit h1{
	font-size:2em;
	font-weight:700;
	display:inline-block;
}
#notice_container .recruit_con .mid_tit .line{
	width:2%;
	margin:15px auto;
	height:1px;
	border-bottom:1px solid #999;
}

#notice_container .recruit_con table,
#notice_container .recruit_con th,
#notice_container .recruit_con td{
	border:1px solid #e6e6e6;
}
#notice_container .recruit_con caption{
	text-indent:-9999em;
}

#notice_container .recruit_con table{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-top:50px;
}

#notice_container .recruit_con thead th{
	padding:15px 24px;
	border-left:1px solid #fff;
	border-bottom:3px solid #3671d0;	
}
#notice_container .recruit_con thead th:first-child{
	width:12%;
}

#notice_container .recruit_con thead th:last-child{
	border-right:1px solid #fff;
	width:15%;
}

#notice_container .recruit_con tbody td{
	border-left:1px solid #fff;
	border-bottom:1px solid #e6e6e6;
}
#notice_container .recruit_con tbody td:last-child{
	border-right:1px solid #fff;
}

#new{
	-webkit-animation-name: movingPara;
	-webkit-animation-duration: 5s;
	animation-name: movingPara;
	animation-duration: 5s;
}
	@-webkit-keyframes movingPara {
	0% { color: orange; }
	25% { color: red; }
	50% { color: yellow; }
	75% { color: blue; }
	100% { color: orange; }
}
	@keyframes movingPara {
	0% { color: orange; }
	25% { color: red; }
	50% { color: yellow; }
	75% { color: blue; }
	100% { color: orange; }
}
#new {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

#notice_container .recruit_con tbody tr td:nth-child(2),
#notice_container .recruit_con thead th:nth-child(2){text-align:left;}
#notice_container .recruit_con tbody tr td:nth-child(2){
	padding-left:24px;
}
#notice_container .recruit_con tbody a {
	display:block;
	padding:24px 0;
}

#notice_container .recruit_con tbody tr{
	transition:all 0.2s ease;
}

#notice_container .recruit_con tbody tr:hover{
	background:#e6e6e6;
}
#notice_container .recruit_con tbody tr:hover td:first-child{
	border-right:1px solid #fff;
}
#notice_container .recruit_con tbody tr:hover td:nth-child(2){
	border-right:1px solid #fff;
}

/************** section - QnA content ***************/
#notice_container .qna_con .mid_tit{
	margin:100px auto;
	text-align:center;
}

#notice_container .qna_con .mid_tit h1{
	display:inline-block;
	font-size:2em;
	font-weight:700;
}
#notice_container .qna_con .mid_tit .line{
	width:2%;
	margin:15px auto;
	height:1px;
	border-bottom:1px solid #999;
}
#notice_container .qna_con{
	width:100%;
	height:1400px;
	margin:0 auto;
	background-color:#fff;
}

#notice_container .qna{
	width:100%;
	margin:0 auto;
	border:1px solid #e6e6e6;
	box-sizing:border-box;
}

#notice_container .quest{
	padding:15px 45px;
	height:40px;
	font:1.2em 'NGothicB';
	line-height:40px;
	position:relative;
	border-bottom:1px solid #e6e6e6;
}

#notice_container .quest strong{
	font-weight:bold;
	color:#3671d0;
}	

#notice_container .qna li:last-child .quest{
	border-bottom:0;
}

#notice_container .quest img{
	vertical-align:middle;
	position:absolute;
	top:calc(50% - 10px);
	right:45px;
}

#notice_container .answer{
	height:0px; 
	box-sizing:border-box;
	overflow:hidden;
	-ms-transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
}

#notice_container input[type=checkbox]{display:none;}

#notice_container .quest > label.down{
	display:block;
	cursor:pointer;
}

#notice_container .qna_con .txt_area{
	display:block;
	padding:45px;
}


#notice_container input[type=checkbox]:checked + p{
	height:150px;
	border-top:1px solid #3671d0;
	border-bottom:1px solid #3671d0;
	line-height:2;
}

#notice_container .qna_con span.blue_bold{font-family:NGothicB; color:#3671d0;}