@charset "utf-8";

#container{
	width:100%;
	}




/*--------------------------------- container ---------------------------------*/

/*sub_banner*/
#sub_banner{
	width:100%;
	height:170px;
	}

#sub_banner.sub01{
	background:url("../images/common/sub01.jpg") no-repeat center right;
	}

#sub_banner.sub02{
	background:url("../images/common/sub02.jpg") no-repeat center right;
	}

#sub_banner.sub03{
	background:url("../images/common/sub03.jpg") no-repeat center right;
	}

#sub_banner.sub04{
	background:url("../images/common/sub04.jpg") no-repeat center right;
	}

#sub_banner.sub05{
	background:url("../images/common/sub05.jpg") no-repeat center right;
	}

#sub_banner .title{
	width:800px;
	margin:0 auto;
	padding-top: 42px;
	}

#sub_banner .title h2{
	font-size:40px;
	font-weight:normal;
	padding-bottom:20px;
	}

#sub_banner .title h2, #sub_banner .title p{
	width:800px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	}


/*subNav*/
#subNav{
	width:800px;
	height:30px;
	margin:-45px auto;
	z-index: 10;
    position: relative;
	}

#subNav ul{
	background-color:#84c52b;
	width:100%;
	height:45px;
	overflow:hidden;
	}

#subNav ul li{
	float:left;
	/*border-left-color: #b2eb68;
    border-width: 2px;
    border-left-style: groove;*/
	}

#subNav ul li a{
	background-color:#84c52b;
	color:#fff;
	font-size:16px;
	width:133px;
    height: 30px;	
	text-align:center;
	display:block;
	padding-top:15px;
	}


#subNav ul li a:hover{
	background-color:#fff;
	color:#84c52b;
	width:133px;
    height: 30px;
	padding-top:15px;
	}

/*jQ에서 서브네비 조정*/
#subNav ul li a.on{
	background-color:#fff;
	color:#84c52b;
	width:133px;
    height: 30px;
	padding-top:15px;
	}

#subNav ul li:first-child a, #subNav ul li:last-child a{
	width:134px;
	}


#subNav ul li a:link, #subNav ul li a:visited, #subNav ul li a:active, #subNav ul li a:focus{
	color:#fff;
	}


#subNav ul li a.on:link, #subNav ul li a.on:visited, #subNav ul li a.on:active, #subNav ul li a.on:focus{
	color:#84c52b;
	}


#subNav ul li a:hover{
	color:#84c52b;
	background-color:#ebebeb;
	}


/*location*/
#location{
	clear:both;
	width:800px;
	height:30px;
	margin:0 auto;
	padding-top: 70px;
	}

#location ul{
	float:right;
	}

#location ul li{
	display:inline-block;
	padding-left:10px;
	margin-left:10px;
	margin-top:12px;
	border-left:1px solid #a0a0a0;
	color:#b9b9b9;
	cursor:pointer;
	height:12px;
	}

#location ul li:first-child{
	border-left:none;
	}

#location ul li:first-child a{
	background:url('../images/common/home.gif') no-repeat 0 0;
	width:17Px;
	height:15px;
	text-indent:-99999px;
	display:block;
	}

#location ul li a{
	display:block;
	margin-top: -4px;
	}

#location ul li a:link, #location ul li a:visited, #location ul li a:active, #location ul li a:focus{
	color:#a0a0a0;
	}

#location ul li a:hover{
	color:#3c3c3c;
	}

#location ul li:nth-child(2){
	cursor:default;
	}

#location ul li:nth-child(2) a:hover{
	color:#b9b9b9;
	}


/*contens*/
.sign{
	text-align: right;
    font-size: 23px;
    font-weight: bold;
}
.sign > span {
	font-size: 15px;
    margin-right: 10px;
}
#contens{
	width:800px;
	margin:30px auto;
	}

#contens .h2Line{
	border-top:6px solid #84c52b;
	padding-bottom:25px;
	display:block;
	width:60px;
	margin:0 auto;
	}

#contens h2{
	font-size:38px;
	text-align:center;
	color:#454545;
	font-weight:normal;
	padding-bottom: 50px;
	}

#contens h3{
	font-size:25px;
	color:#454545;
	margin-bottom:20px;
    padding: 3px 0 4px 8px;	
	font-weight:normal;
	border-left:4px solid #84c52b;
	}

#contens h3.mg40{
	margin-top:40px;
	}


#contens h5{
	padding-bottom:4px;
	}


.colorG{
	color:#84c52b;	
	}

.imgB{
	border:1px solid #e6e6e6;
	}


.lineH15{
	line-height:15px;
	}

#contens .division .btnDown{
	list-style: none;
	float:left;
	text-align:center;
	}


#contens .division .btnDown>a{
	color:#84c52b;
	display:block;
	background:#fff url("../images/sub/Down.gif") no-repeat 80% 50%;
	width:199px;
	height:41px;
	line-height:41px;
	}

#contens .division .btnDown>a:hover{
	background:#84c52b url("../images/sub/Down_on.gif") no-repeat 80% 50%;
	color:#fff;
	}


#contens .division .btnDown #btn_ci{
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	}

#contens .division .btnDown #btn_ai{
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	}


#contens div.box{
	padding-bottom:35px;
	position:relative;
	}

#contens div.pd0{
	padding-bottom:0;
	}

#contens p.intro{
	padding-bottom:20px;
	}

#contens .division{
	overflow:hidden;
	}


#contens .division .fontB{
	color:#454545;
	font-weight:bold;
	}

/*
#contens .division .lineG{
	border-bottom:1px solid #ebebeb;
	padding-bottom:20px;
	}
*/

#contens .division .divL{
	float:left;
	}

#contens .division .divL.w150{
	width:150px;
	height:15px;
	background:#84c52b;
	margin-left:222px;
	}

#contens .division .divL.w300{
	width:300px;
	}

#contens .division .divL.w320{
	width:320px;
	}

#contens .division .divL.w400{
	width:400px;
	}


#contens .division .divL.p100{
	padding-right:150px;
	}

#contens .division .divL .rec1{
	width:160px;
	height:20px;
	background:#8dc63f;
	margin:15px 0 5px 0;
	}

#contens .division .divL .rec2{
	width:160px;
	height:20px;
	background:#a2a3a2;
	margin:12px 0 5px 0;
	}

#contens .division .divR{
	float:right;
	}

#contens .division .divR.w428{
	width:428px;
	}






#contens .division>div{
	background-color:#f5f5f5;
	overflow:hidden;
	padding:50px 30px;
	}

#contens .division li.f16{
	font-size:16px;
	line-height:24px;
	list-style: none;
	}

.division li{
	padding-bottom:0;
	list-style: disc;
	}

#contens .division li:first-child{
	padding-top:5px;
	}


#contens .division li.pd7{
	padding-bottom:7px;
	}

#contens .boxTitle{
	font-size:17px;
	color:#454545;
	font-weight: bold;
	text-align:left;
	}

#contens .boxTitle2{
	margin-bottom:10px;
	}

#contens .boxTitle3{
	border-bottom:3px solid #84c52b;
	margin-bottom:25px;
	padding-bottom:10px;
	}

#contens .f28{
	font-size:28px;
	color:#787878;
	font-weight:normal;
	padding-bottom:20px;
	}



/*테이블*/	
#contens table{
	border-top:3px solid #84c52b;
	border-bottom:1px solid #84c52b;
	}

#contens table tr{
	border-bottom:1px solid #e6e6e6;
	cursor:pointer;
	}

#contens table tr:last-child{
	border-bottom:1px solid #84c52b;
	}

#contens table tr.on:hover{
	background-color:#f2f2f2;
	cursor:pointer;
	}

#contens table tr th{
	text-align: center;
	background-color:#f8f8f8;
	padding:9px 20px;
	}

#contens table tr td{
	padding:9px 20px;
	text-align:left;
	}

#contens table.notice tr:first-child{
	height:52px;
	}


#contens table.notice tr th{
	border-right: 0;
	}

#contens table.notice tr td{
	text-align:center;
	}

#contens table.notice tr .title{
	color:#84c52b;
	}

#contens table.notice tr .left{
	text-align:left;
	}

#contens table.notice tr .bar{
	border-left:1px solid #e6e6e6; 
	}


#contens table.notice tr .t_btn{
	color:#454545;
	font-weight:bold;
	}

#contens table.notice tr .text{
	padding:50px 0;
	}






/*텝메뉴*/
.tabBox{
	width:800px;
	margin:0 auto;
	margin-bottom:25px;
	position:relative;
	}

.tabBox .tabList{
	position:relative;
	overflow: hidden;
    margin-bottom: 40px;	
	}

.tabBox .tabList li{
	float:left;
	text-align:center;
	list-style: none;
	cursor:pointer;
	border-left:1px solid #84c52b;
	border-top:1px solid #84c52b;
	border-bottom:1px solid #84c52b;
	color:#84c52b;
	font-weight:bold;
    height: 32px;
	font-size:15px;
	line-height: 32px;
	}

.tabBox .tabList li:hover{
	color:#84c52b;
	background-color:#fafafa;
	letter-spacing:-1px;
	}

.tabBox .tabList li:last-child{
	border-right:1px solid #84c52b;
	}


/*탭메뉴 3개*/
#tab_3ea.tabBox .tabList li{
	width: 398px;
	}

#tab_3ea.tabBox .tabList li:first-child{
	width: 398px;
	}


/*탭메뉴 7개*/
#tab_7ea.tabBox .tabList li{
	width: 113px;
	}

#tab_7ea.tabBox .tabList li:first-child{
	width: 114px;
	}


/*탭메뉴 3ea_s개*/
#tab_3ea_s.tabBox .tabList li{
	width: 189px;
	}

#tab_3ea_s.tabBox .tabList li:first-child{
	width: 190px;
	}

#tab_3ea_s .list ul{
	overflow:hidden;
	}

#tab_3ea_s .list .listTitle{
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
    background-color: #f8f8f8;
	height: 52px;
	line-height:52px;
	background-color: #f8f8f8;
	}

#tab_3ea_s .list .listTitle li{
	border-bottom: 0;
	}



#tab_3ea_s .list{
	border-top: 3px solid #84c52b;
	}


#tab_3ea_s .list ul{
	background:url('../images/sub/btn_down.gif') no-repeat 98% 15px;
	}

#tab_3ea_s .list ul.on{
	border-bottom: 1px solid #e6e6e6;
	background:url('../images/sub/btn_up.gif') no-repeat 98% 15px;
	}


#tab_3ea_s .list li{
	float:left;
	text-align:center;
	border-bottom: 1px solid #e6e6e6;
	height:39px;
	line-height:39px;
	cursor:pointer;
	}
 
#tab_3ea_s .list .listTitle{
	background:none;
	}



#tab_3ea_s .list .listTitle li{
	height: 52px;
    line-height: 52px;
	background-color: #f8f8f8;
	}

#tab_3ea_s .list .listTitle li:nth-child(2){
	text-align:center;
	}


#tab_3ea_s .list li:nth-child(1){
	width:120px;
	}

#tab_3ea_s .list li:nth-child(2){
	width:680px;
	text-align:left;
	}


#tab_3ea_s .list p.acco-body{
    display: none;
    padding: 20px 35px;
    text-align: justify;
    word-spacing: -1px;
	margin-top:40px;
	background-color: #fdfdfd;
	}



/*검색*/
.search{
	position:absolute;
	top:0;
	right:56px;
	z-index:100;
	}

.input{
	width:173px/*228px*/;
	border: 1px solid #c5c5c5;
    color: #000 !important;
	height: 34px;
    font-size: 15px;
    line-height: 34px;
	}

.btn_search{
	position:absolute;
	top:0;
	right:-54px;
	background-color:#c5c5c5;
	}


.btn_search a:link, .btn_search a:visited, .btn_search a:active, .btn_search a:focus{
	display:block;
	color:#fff;	
	width:55px;
	height:34px;
	text-align:center;
	line-height:34px;
	}



/*제이쿼리에서 addClass*/
.tabBox .tabList li.on{
	color: #fff;
    background-color: #84c52b;	
	}

.tabFrame{
	clear:both;
	width: 800px;
	background-color:#fff;
	} 

.tabFrame>div{
	display:none;
	}

.tabFrame>div.tab_on{
	display:block;
	}

.history{
	width:800px; 
	overflow:auto; 
	padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
	}

.history:last-child{
    border-bottom: 0;
	}


.historyL{
	float:left; 
	font-size:30px; 
	color:#84c52b; 
	padding-top:5px; 
	font-weight:bold; 
	font-family:Verdana, Geneva, sans-serif;
	width:185px;
	padding-left: 10px;
	}


.historyR{
	float:left; 
	line-height:35px;
	width:605px;
	}

.historyR .month, .historyR .list{
	float:left;
	line-height:20px;
	padding-bottom:10px;
	}

.historyR .month{
	width:25px;
	}


.historyR .list{
	width:580px;
	}


.paging_wrap{
	width:800px;
	height:36px;
	margin:30px 0 auto;
	position:relative;
	}


.paging_wrap .paging{
	position:absolute;
	left:50%;
	width:256px;
	height:36px;
	margin-left:-128px;
	}


.paging_wrap .paging li{
	float:left;
	border:1px solid #ccc;
	width: 34px;
    height: 34px;	
	margin-left:8px;
	line-height:34px;
	text-align: center;
	cursor:pointer;
	}

.paging_wrap .paging li:hover{
	background-color:#84c52b;
	color:#fff;
	border:1px solid #84c52b;
	}

.paging_wrap .paging li a{
	display:block;
	width:34px;
	height:34px;
	}
.paging_wrap .paging li a:link, .paging_wrap .paging li a:visited, .paging_wrap .paging li a:active,  .paging_wrap .paging li a:focus{
	color:#787878;
	}

.paging_wrap .paging li a:hover{
	color:#fff;
	
	}

.paging_wrap .paging li:last-child{
	margin-right:8px;
	}

.paging > a {
    float: left;
    border: 1px solid #ccc;
    width: 34px;
	}

.paging > a:hover {
	opacity:0.5;
	}

p.btn{	
	margin:30px 0 auto;
	}

p.btn a{
	display:block;
	width:120px;
	height:40px;
	background-color:#84c52b;
	color:#fff;
	margin:0 auto;
	font-size:15px;
	line-height:40px;
	text-align:center;
	}

.fg{ 
	color:#84c52b;
	}





/*Q&A*/
.sub_con_wrap .sub_txt {
    font-size: 15px;
    color: #666;
    line-height: 1.6;
	}

.sub_con_wrap .sub_txt span{
	padding-top:15px;
	}

.title06 {
    font-size: 24px;
    margin: 20px 0;
}

.sub_con p {
    text-align: justify;
    word-break: break-all;
	}


.table06 table {
	width:100%;
	}

.table06 table td {
	height:50px; 
	line-height:50px; 
	border-bottom:1px solid #d8d8d8; 
	padding-left:20px; 
	color:#454545;
	font-size:15px;
	}

.table06 table td.td_bg {
	background:#f5f5f5;
	}

.table06 table td.td_bg2 {
	background:#ddd;
	}

.table06 table td textarea {
	border:1px solid #d8d8d8; 
	height:150px; width:90%; 
	resize:none; 
	margin:15px 0; 
	vertical-align: middle; 
	border-radius: inherit; 
	-webkit-appearance: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none;
	}

.table06 table td input {
	border:1px solid #d8d8d8; 
	height:30px; 
	line-height:30px; 
	margin-right:10px; 
	margin-bottom:3px; 
	vertical-align: middle; 
	border-radius: inherit; 
	-webkit-appearance: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none;
	}


.table06 table td input.file{
	height:24px;
	line-height:24px;
	}




.table06 table td input.input01 {
	width:280px;
	}

.table06 table td input.input02 {
	width:89px;
	}

.table06 table td input.input03 {
	width:130px;
	}

.table06 table td input.input04 {
	width:90%;
	}

.table06 table td input.input05 {
	width:142px;
	}

.table06 table td input.input06 {
	width:299px;
	}

.select_box3 {
	display:inline-block; 
	position:relative; 
	height:30px; 
	line-height:30px; 
	margin-right:10px;
	width:90px; 
	border:1px solid #d8d8d8; 
	font-size: 14px; 
	color:#666; 
	outline:0; 
	background:#fdfdfd url('../images/sub/arrow.gif') 70px center no-repeat;
	}

.select_box3 label {
	position: absolute; 
	font-size: 14px;
	color: #666; 
	top:0px; 
	left: 15px;
	}

.select_box3 select {
	width: 100%; 
	height: 30px; 
	line-height: 30px; 
	padding: 0 10px; 
	border:1px solid #d8d8d8; 
	opacity: 0; 
	-webkit-appearance: none;
	-moz-appearance: none; 
	appearance: none;  
	/* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ 
	filter: alpha(opacity=0); 
	/* IE 8 */  
	vertical-align: middle}

.select_box4 {
	display:inline-block; 
	position:relative; 
	top:-1px; 
	height:30px; 
	line-height:30px; 
	margin-right:7px; 
	width:130px; 
	border:1px solid #d8d8d8; 
	font-size: 14px; 
	color:#666; 
	outline:0; 
	background:#fdfdfd url('../images/sub/arrow.gif') 105px center no-repeat; 
	-webkit-appearance: none;
	-moz-appearance: none; 
	appearance: none;  
	/* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ 
	filter: alpha(opacity=0); 
	/* IE 8 */  
	vertical-align: middle; 
	}

.select_box4 label {
	position: absolute; 
	font-size: 14px; 
	color: #666; 
	top:0px; 
	left: 15px;
	}

.select_box4 select {
	width: 100%; 
	height: 30px; 
	line-height: 30px; 
	padding: 0 10px; 
	border:1px solid #d8d8d8; 
	opacity: 0; 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none;  
	/* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ 
	filter: alpha(opacity=0); 
	/* IE 8 */  
	vertical-align: middle}


/* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */

select::-ms-expand {
	display: none;
	}
.qna_btn {
	text-align:center;
	}

.qna_btn a {
	display:inline-block; 
	width:120px; 
	height:40px; 
	line-height:40px; 
	text-align:center; 
	background:#84c52b; 
	color:#fff; 
	margin:50px 0 0 5px;
	}

.qna_btn a:first-child {
	margin-left:0;
	}

.personal_info {
	height:200px; 
	overflow-y:scroll; 
	border:1px solid #d8d8d8; 
	padding:20px; 
	font-size:14px; 
	color:#888; 
	margin:50px 0 10px 0;
	}

.personal_info > p {
	font-size:18px;
	}

#agree {
	margin-bottom:;
	}

.check {
	color:#666; 
	font-size:15px; 
	line-height:1.2;
	}




/*탑버튼*/
#btn_top{
	left:50%;
	position: absolute;
	top: 400px;
	margin-left:620px;
	}

#btn_top img{
	right:50px;
	position: absolute;
	top: 0px;
	}




/*--------------------------------- footer ---------------------------------*/
.footerWrap{
	width:100%;
	border-top:1px solid #ebebeb;
	padding:17px 0 7px 0;
	}

#footer{
	overflow:hidden;
	width:800px;
	margin:0 auto;
	color:#787878;
	}

#footer div{
	float:left;
	color:#a0a0a0;
	font-size:12px;
	line-height:15px;
	}

#footer div:nth-child(1){
	width:190px;
	}

#footer div:nth-child(2){
	width:610px;
	}


#footer .process{	
	overflow:hidden;
	padding-bottom:10px;
	}

#footer .process li{
	float:left;
	padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #a0a0a0;
	height:12px;
	}

#footer .process li:first-child{
	border-left:none;
	padding-left: 0;
    margin-left: 0;
	}

#footer ul li a{
	display:block;
	margin-top:-1px;
	}

#footer .process li:first-child a:link, #footer .process li:first-child a:visited, #footer .process li:first-child a:active, #footer .process li:first-child a:focus{
	color:#84c52b;
	}


#footer .process li a:link, #footer .process li a:visited, #footer .process li a:active, #footer .process li a:focus{
	color:#a0a0a0;
	}

#footer ul li a:hover{
	text-decoration:underline;
	}


#footer .address{
	clear:both;
	cursor: default;
	}

#footer .address li:last-child{
	font-size: 10px;
    padding-top: 3px;	
	}