@charset "utf-8";

/* 공통 */

body {
	margin: 0;
	font-family: "나눔고딕";
}


.Articles h3 {
	clear: both;
    color: #0066CC;
    font-family: "나눔고딕";
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    padding: 30px 0 10px;
}
h5 {
	clear: both;
    color: #666;
    font-family: "나눔고딕";
    font-size: 16px;
    line-height: 20px;
    margin:20px 0 0 0;
    padding: 10px 0;
}

h5.first {
	clear: both;
    color: #06C;
    font-family: "나눔고딕";
    font-size: 14px;
    line-height: 20px;
    margin:0;
    padding:30px 0 10px 0;
}

h5.site_link {
	clear: both;
    color: #697EC4;
    font-family: "나눔고딕";
    font-size: 14px;
    line-height: 20px;
    margin:0;
    padding: 10px 0;
}







/* BUTTON_01 */

#button_01 {
	float:right;
	margin:0 auto;
	padding:20px;
}

#button_01 .buttonwarp {
	list-style:none;
	display:inline-block;
	margin:0;
	padding:0;
}

#button_01 li.name_area {
	float:left;
	margin:0;
	padding:2px 0;
	display:inline-block;
	line-height:18px;
	font-size:14px;
	color:#696D73;
}

#button_01 li.name_area:hover {
	color:#424242;
}

#button_01 li.arrow_area {
	float:left;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	margin:0 0 0 20px;
	padding:2px 10px;
	display:inline-block;
	background-color:#1b7ae9;
	line-height:18px;
	border:1px solid #025cc7;
	border-radius:18px 18px 18px 18px;
}

#button_01 li.arrow_area:hover {
	background-color:#696D73;
	border:1px solid #424242;
}

#button_01 li.line {
	float:left;
	margin:0;
	padding:2px 30px;
	line-height:18px;
	font-weight:bold;
	color:#ddd;
}

/* BUTTON_01 END */





/* BUTTON_02 */

#button_02 {
	width:940px;
	margin:0 auto;
	padding:20px 0;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	text-align:center;
}

#button_02 .buttonwarp {
	list-style:none;
	display:inline-block;
	margin:0;
	padding:0;
}

#button_02 li.name_area {
	float:left;
	margin:0;
	padding:1px 8px;
	display:inline-block;
	line-height:25px;
	font-size:11px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #1B7AE9;
    border: 1px solid #025CC7;
	border-radius: 25px 25px 25px 25px;
}

#button_02 li.line {
	float:left;
	margin:0;
	padding:2px 16px;
	line-height:25px;
	font-weight:bold;
	color:#bbb;
}

/* BUTTON_02 END */










/* PAGE */

.page_st {
	margin:0;
	padding:0; 
}

.page_st .intro_title {
	color:#06C;
    font-family: "나눔고딕";
    font-size: 18px;
	font-weight:bold;
	margin-bottom:10px;
	}

.page_top {
	margin:0;
	padding:0 0 30px; 0;
	display:block;
	overflow:hidden; 
}

.page_top h5.title{
	margin:0;
	padding:0 0 10px 0;
	border-bottom:1px solid #e3e3e3; 

}

.page_top p.day {
	font-size:12px;
	font-weight:bold;
	color:#424242;
	display:block;
	overflow:hidden;
	float:right;
	margin:0;
	padding:3px 0;
}


.page_st p {
	color: #666;
    font-family: "나눔고딕";
    font-size: 12px;
    line-height: 26px;
    margin: 0;
    padding: 0;
}

.page_st p.box {
    margin: 0;
    padding: 20px;
	border:1px solid #bbb;
	background-color:#f8f8f8;
}

.page_st p.point{
	display:inline-block;
	font-weight:bold;
	color:#424242;
}

.page_st span{
	color: #A00;
    font-family: "나눔고딕";
    font-size: 12px;
    line-height: 26px;
	font-weight:bold;
    margin: 0;
    padding: 0;
}

.page_st ul {
	list-style:none;
	margin:0;
	padding:10px 0;
}

.page_st ul li{
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
	color:#aaa;
	line-height:26px;
}

.page_st ol {
	list-style:none;
	margin:0;
	padding:10px 0;
}
.page_st ol li {
	margin:0;
	padding:0 0 0 10px;
	color:#444;
	line-height:26px;
}

.page_st ol.rules_ol {
	list-style: decimal;
	margin:0;
	padding:10px 20px;
}


.page_st .rules_ol li {
	margin:0;
	padding:0;
	color:#444;
	line-height:26px;
}

.page_st ol ul {
	list-style:none;
	margin:0;
	padding:10px 0;
}

.page_st ol ul li{
	margin:0;
	padding:0 0 0 10px;
	color:#aaa;
	line-height:26px;
}

.page_st ol ul li a{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#697EC4;
}

.page_st ol ul li a:hover{
	margin:0;
	padding:0;
	text-decoration:underline;
	color:#000;
}





/* 퇴사안내  ->  환불안내 사용 */

.page_st ul.top_table {
	width:938px;
	display:block;
	overflow:hidden;
	border-top:2px solid #424242;
	border-bottom:1px solid #424242; 
	border-right: 1px solid #E3E3E3;
	border-left: 1px solid #E3E3E3;
	list-style:none;
    margin:0 auto;
    padding:0;
}

.page_st ul.bottom_table {
	width:804px;
	display:block;
	overflow:hidden;
	border-top:none;
	border-bottom:1px solid #e3e3e3; 
	border-right: 1px solid #E3E3E3;
	border-left: 1px solid #E3E3E3;
	list-style:none;
    margin:0 auto;
    padding:0;
}

.page_st ul.top_table li {
	width:133px;
	float:left;
	color: #424242;
	font-family: "나눔고딕";
    font-size:12px;
	padding:10px 0;
	margin:0;
	text-align:center;
	border-right:1px solid #e3e3e3;
}

.page_st ul.bottom_table li {
	width:133px;
	float:left;
    color: #696d73;
	font-family: "나눔고딕";
    font-size: 12px;
    padding: 5px 0;
    text-align:center;
	line-height:20px;
	border-right:1px solid #e3e3e3;
}

.page_st ul li.last {
	border-right:none;
}

/* PAGE END */






/* 조직도 */


.organization {
	margin:0 auto;
	padding:0;
	width:700px;
	height:350px;
	display:block;
	overflow:hidden;
	clear:both;
	text-align:center;
	background: url(../images/organization_bg.jpg) no-repeat center center;
}

.organization span{
	margin:0;
	padding:0;
	text-align:center;
	display:block;
	clear:both;
}

.organization span.a_dep{
	width:200px;
	height:40px;
	margin:0 auto;
	padding:0 0 40px 0;
	display:block;
	overflow:hidden;
}




.organization span.b_dep{
	display:block;
	overflow:hidden;
	margin:0;
	padding:0 0 50px 0; 
}

.organization span.b_dep ul li.b_dep_a{
	float:left;
}

.organization span.b_dep ul li.b_dep_b{
	float:right;
}





.organization span.c_dep{
	display:block;
	overflow:hidden;
	margin:0;
	padding:0 0 40px 0; 
}

.organization span.c_dep ul li.c_dep_a{
	float:left;
}

.organization span.c_dep ul li.c_dep_b{
	float:right;
}





.organization span.d_dep{
	width:200px;
	height:60px;
	margin:0 auto;
	padding:0 0 40px 0;
	display:block;
	overflow:hidden;
}






.organization span.e_dep{
	display:inline-block;
	overflow:hidden;
	margin:0;
	padding:0; 
}

.organization span.e_dep ul li{
	margin:0;
	padding:0 240px 0 0;
}

.organization span.e_dep ul li.e_dep_c{
	margin:0;
	padding:0;
}







.organization span a{
	width:198px;
	height:38px;
	border:1px solid #ddd;
	padding:0;
	margin:0;
	line-height:38px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	color:#424242;
	font-size:12px;
	text-decoration:none;
	
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.organization span a:hover{
	border:1px solid #222;
	text-decoration:none;
	color:#e3e3e3;
	background-color:#424242;
}



.organization span ul{
	margin:0;
	padding:0;
	list-style:none;
}

.organization span ul li{
	float:left;
	margin:0;
	padding:0;
}


.org_member { border-collapse: collapse;
    font-size: 12px;
    line-height: 20px;
    margin:10px 0;
    table-layout: fixed;
    width: 100%;}

.org_member th {
	background-color: #F6F6F6;
    border: 1px solid #D8D8D8;
    padding: 8px;
}
.org_member td {
	text-align:center;
	border: 1px solid #D8D8D8;
    padding: 8px;
}
/* 조직도 end */
















/* 후원기업 */
.sponsor_company {
	width:100%;
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
}

.sponsor_company ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
}

.sponsor_company ul li {
	float:left;
	margin:0;
	padding:0 20px 0 0;
	width:184px;
}

.sponsor_company ul li.sponsor_last {
	margin:0;
	padding:0;
}

.sponsor_company ul li span{
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	width:184px;
	height:40px;
	text-align:center;
}

.sponsor_company ul li span a{
	width:182px;
	height:38px;
	border:1px solid #ddd;
	padding:0;
	margin:0;
	line-height:38px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	color:#e3e3e3;
}

.sponsor_company ul li span a.img_01{
	background: url(../images/sponsor/01.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_02{
	background: url(../images/sponsor/02.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_03{
	background: url(../images/sponsor/03.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_04{
	background: url(../images/sponsor/04.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_05{
	background: url(../images/sponsor/05.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_06{
	background: url(../images/sponsor/06.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_07{
	background: url(../images/sponsor/07.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_08{
	background: url(../images/sponsor/08.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_09{
	background: url(../images/sponsor/09.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_10{
	background: url(../images/sponsor/10.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_11{
	background: url(../images/sponsor/11.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_12{
	background: url(../images/sponsor/12.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_13{
	background: url(../images/sponsor/13.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_14{
	background: url(../images/sponsor/14.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_15{
	background: url(../images/sponsor/15.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_16{
	background: url(../images/sponsor/16.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_17{
	background: url(../images/sponsor/17.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_18{
	background: url(../images/sponsor/18.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_19{
	background: url(../images/sponsor/19.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_20{
	background: url(../images/sponsor/20.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_21{
	background: url(../images/sponsor/21.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_22{
	background: url(../images/sponsor/22.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_23{
	background: url(../images/sponsor/23.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_24{
	background: url(../images/sponsor/24.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_25{
	background: url(../images/sponsor/25.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_26{
	background: url(../images/sponsor/26.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_27{
	background: url(../images/sponsor/27.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_28{
	background: url(../images/sponsor/28.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_29{
	background: url(../images/sponsor/29.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_30{
	background: url(../images/sponsor/30.jpg) no-repeat center center;
	font-size:0;
}

.sponsor_company ul li span a.img_31{
	background: url(../images/sponsor/31.jpg) no-repeat center center;
	font-size:0;
}


.sponsor_company ul li span a:hover{
	width:182px;
	height:38px;
	border:1px solid #222;
	padding:0;
	margin:0;
	line-height:38px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	color:#e3e3e3;
	background-color:#424242;
	background-position: 0 -38px;
	font-size:12px;;
}

.sponsor_company ul li p{
	padding:0;
	margin:10px 0 0 0;
	display:block;
	overflow:hidden;
	text-align:center;
}

.sponsor_company ul li p a{
	padding:0;
	margin:0;
	text-decoration:none;
	color:#888;
	border:none !important;
}

.sponsor_company ul li p a:hover{
	padding:0;
	margin:0;
	text-decoration:none;
	text-align:center;
	color:#696d73;
}



































/* TABLE */


/***** table_01 *****/

.table_01 {
	border-collapse: collapse;
    width: 100%;
	margin:0;
}

.table_01 th {
	border-bottom: 1px solid #E3E3E3;
    color: #424242;
	font-family: "나눔고딕";
    font-size:14px;
    font-weight:bold;
    margin: 0;
    padding: 10px 0;
	line-height: 20px;
}

.table_01 td {
	border-bottom: 1px solid #E3E3E3;
    color: #696d73;
	font-family: "나눔고딕";
    font-size: 12px;
    padding: 8px 0;
    text-align: left;
	line-height: 26px;
}

.table_01 td.first {
	border-top: 2px solid #424242;
}

.table_01 th.first {
	border-top: 2px solid #424242;
}

.table_01 p {
	font-weight:normal;
	font-size:12px;
	color:#848484;
	margin:0;
	padding:0;
	line-height: 26px;
}

.table_01 img {
	margin:0;
	padding:0;
	float:left;
}

/***** table_01 end *****/









/***** table_03 *****/

.table_03 {
	border-collapse: collapse;
    width: 100%;
	margin:0;
}

.table_03 {
	
}

.table_03 th {
	border-top:2px solid #424242;
	border-bottom:1px solid #424242; 
	border-right: 1px solid #E3E3E3;
    color: #424242;
	font-family: "나눔고딕";
    font-size:12px;
    margin: 0;
    padding: 10px 0;
	text-align:center;
}

.table_03 th.first {
	border-right:none;
}


.table_03 td {
	border-bottom: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
    color: #696d73;
	font-family: "나눔고딕";
    font-size: 12px;
    padding: 5px 0;
    text-align:center;
	line-height:20px;
}

.table_03 td.right {
	border-right:none;
}

.table_03 td.left {
	font-weight:bold;
}


/***** table_03 end *****/








/***** table_04 *****/

.table_04 {
	border-collapse: collapse;
    width: 100%;
	margin:0;
}

.table_04 h5 {
	clear: both;
    color: #444;
    font-family: "나눔고딕";
    font-size: 14px;
    line-height: 20px;
    margin:20px 0 0 0;
    padding: 10px 0;
}

.table_04 th {
	border-bottom: 1px solid #E3E3E3;
    color: #424242;
	font-family: "나눔고딕";
    font-size:12px;
    font-weight:bold;
    margin: 0;
    padding: 10px 0 10px 20px;
	line-height: 20px;
	text-align:left;
	border-right: 1px solid #E3E3E3;
}

.table_04 td {
	border-bottom: 1px solid #E3E3E3;
    padding: 10px 0 10px 30px;
	margin:0;
}

.table_04 td.first {
	border-top: 2px solid #424242;
}

.table_04 th.first {
	border-top: 2px solid #424242;
}

.table_04 td a {
	text-decoration:none;
    color: #696d73;
	font-family: "나눔고딕";
    font-size: 12px;
	text-align: left;
	line-height: 26px;
}

.table_04 p {
	font-weight:normal;
	font-size:12px;
	color:#848484;
	margin:0;
	padding:0;
	line-height: 26px;
}

.table_04 img {
	margin:0;
	padding:0;
	float:left;
}

/***** table_04 end *****/



.mento_table { border-collapse: collapse;
    font-size: 12px;
    line-height: 20px;
    margin:10px 0;
    table-layout: fixed;
    width: 100%;}

.mento_table th {
	background-color: #F6F6F6;
    border: 1px solid #D8D8D8;
    padding: 8px;
}
.mento_table th.t_name{
	background-color:#cfefff;
	font-size:18px;
}
.mento_table td {
	border: 1px solid #D8D8D8;
    padding: 8px;
}