@charset "UTF-8";
/* CSS Document */

body{font:normal 11pt "NanumBarunGothic",'나눔고딕웹',NanumGothicWeb, '돋움',Dotum,sans-serif; color:#333; background:url('/img/bg.png');}
a {text-decoration:none; color:#333;}
.button { cursor: pointer; }

/* header */
#header {width:100%; background:#fff; border-top: 10px solid #005bac; }

/* header_wrap 상단 로고, top_menu 오른쪽 메뉴3개 */
.header_wrap {width:1000px; height:80px; margin:0 auto; position:relative;}
.header_wrap h1 { padding-top: 15px;  text-align: center; }
.header_wrap h1 span { display:inline-block; padding: 30px 0px 0px 0px; }
.header_wrap .top_menu {position:absolute; top:20px; right:0;}
.header_wrap .top_menu li {float:left; border:3px solid #02b8cc; border-radius:20px; padding:8px 20px; margin-left:10px; font-size:10pt;}
.header_wrap .top_menu li.top_menu_border {border:3px solid #cfcdcd;}
.header_wrap .top_menu li a span.top_menu_txt { border-left:2px solid #aaaaaa; padding-left:10px; margin-left:10px;}

/* sub_menu 서브 메뉴 4개 */
.sub_menu {width:100%; height:50px; background:#fff; border-top:1px solid #cfcdcd; border-bottom:1px solid #cfcdcd; }
.sub_menu .sub_menu_color {width:1000px; height:50px; margin:0 auto; background:url('/img/common/header/menu_line.png') no-repeat left top;}
.sub_menu .sub_menu_color li.sub_menu_li {width:166px; height:35px; float:left; text-align:center; background:url('/img/common/header/menu_line.png') no-repeat right top; padding-top:15px;}
.sub_menu .sub_menu_color li.sub_menu_li:first-child {}
.sub_menu .sub_menu_color li.sub_menu_li a {color:#555; font-size:12pt; font-weight:bold;display:block}
.sub_menu .sub_menu_color li.sub_menu_li a:hover {color:#0076be;}
.sub_menu .sub_menu_color li.hover a {color:#0076be;}

.asdasd{display:none;position:absolute;border:1px solid #333;background:#fff;margin-top:-2px;}
.asdasd li{float:left;margin:0;padding:0;}
.asdasd li a{ display:inline-block; padding:10px; }
.asdasdasdasd{
	   border-top:1px solid #cfcdcd; border-bottom:1px solid #cfcdcd;
}

#topMenu {
height:50px;  
width: 1000px;       /* [변경] 하위 메뉴와 동일하게 맞춤 */
position: relative;
margin:0 auto;
background:#fff; /* [추가] 늘어난만큼 배경색도 보이도록 수정 */
}
#topMenu ul {          /* 메인 메뉴 안의 ul을 설정함: 상위메뉴의 ul+하위 메뉴의 ul */
    margin:0 auto;
    list-style-type: none;   
    padding: 0px;           
}
#topMenu ul li {            /* 메인 메뉴 안에 ul 태그 안에 있는 li 태그의 스타일 적용(상위/하위메뉴 모두) */
    color: #333;               
    background-color: #fff;  
    float: left;                
    line-height: 50px;          
    vertical-align: middle;     
    text-align: center;         
    -position: relative;         
}
.menuLink{           /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */
    text-decoration:none;               
    display: block;                     
    width: 160px;                       
}
.menuLink {     /* 상위 메뉴의 글씨색을 흰색으로 설정 */
    color: #333;
}
.topMenuLi:hover .menuLink {    /* 상위 메뉴의 li에 마우스오버 되었을 때 스타일 설정 */
    color: #0076be; 
}
.longLink {     /* 좀 더 긴 메뉴 스타일 설정 */
   
}
.submenuLink {          /* 하위 메뉴의 a 태그 스타일 설정 */
    color: #2d2d2d;             
    background-color: #DDD;      /* [변경] 배경색 변경 */
    -border: solid 1px black;    /* [삭제] 테두리 삭제 */
    -margin-right: -1px;         /* [삭제] 공백 보정 삭제 */
   	text-decoration:none;               
    display: block;   	
}
.submenu {              /* 하위 메뉴 스타일 설정 */
    position: absolute;     
    height: 0px;            
    overflow: hidden;       
    transition: height .2s; 
    -webkit-transition: height .2s; 
    -moz-transition: height .2s; 
    -o-transition: height .2s;             
    background-color: #DDD; /* [추가] 하위 메뉴 전체에 배경색 설정 */
}
.submenu li {
    display: inline-block;
    margin:0 10px;

}
.topMenuLi:hover .submenu { 
    height: 50px;           
}
.submenuLink:hover {        
    color: #0076be;                 
    background-color: #dddddd;  
}


/* comic */
.s_video_img img{width:665px;}


#design_header {width: 1160px; margin:0 auto;}
#design_header div { background:url('/img/bg_circle.png') no-repeat left top; position:absolute; z-index:-1; width:1160px; height: 300px;}

/* index main */
.main_box { padding: 0px; background-color: #99c966; }
.main { margin:0 auto; width:1000px;  }



#content {clear:both; width:1000px; margin:0 auto;}

/* index main_login 로그인 */
.main .main_login {margin:0px 0 0 702px; width:236px; height:228px; border:1px solid #cfcdcd; background:#fff;}
.main_login >p {color:#555; font-weight:bold; font-size:12pt; padding:15px 0 15px 15px; border-bottom:1px solid #f2f2f1; margin-bottom:6px;}
.main_login table {width:236px;}
.main_login table tr td input {width:132px; height:27px; border:1px solid #d0d0d0; background:#f7f7f7; margin:0 4px 2px 10px;}

.main_login table tr td.under_line {width:70px; height:58px; background:#00b8cc; margin-top:3px; color:#fff; text-align:center; vertical-align:middle; cursor:pointer; }
.main_login table tr td.right_space { width: 15px; }
.main_login table tr td input[value] {color:#cbcaca;}

.main_login table tr.id_save {width:236px; height:30px; margin-top:10px; border-bottom:1px solid #f2f2f1;}
.main_login table tr.id_save td {padding-top:7px;}
.main_login table tr.id_save td input {background:none; width:15px; height:15px;}

.main_login .email_blur { background: transparent url("/img/common/top/login_text.gif") top left; }
.main_login .email_focus { background: #ffffe0 ; color: #003300 }
.main_login .pw_blur { background: transparent url("/img/common/top/login_text.gif") bottom left; }
.main_login .pw_focus { background: #ffffe0 ; color: #003300 }


.id_button { padding-top:23px; margin-left:10px;}
.main_img_button {clear:both; display:inline; width:110px; }
.main_img_button button {width:105px; height:28px; border:1px solid #d0d0d0; background:#00b8cc; color:#fff; font-size:8pt; letter-spacing:-1.2pt; cursor:pointer; }


.main .main_login div.login_info {
	padding: 15px;
	height: 70px;
}

/* index english 고급, 중급, 초급영어 */
.contents_wrap {clear:both; width:1000px; margin:0 auto; padding: 0px 0px 0px 0px; }
.english {width:1000px; height:340px; border-bottom:1px solid #cfcdcd; color:#01a9bb; margin-bottom:15px; background:url('/img/common/top/english_bg.png') no-repeat right bottom #fff;}
.english h2 {font-size:13pt; font-weight:bold; padding:34px 0 12px 35px; border:3px solid #999999; border-radius:20px; padding:8px 70px; margin: 15px 0px 10px 10px; font-size:10pt; display: inline-block; }

.english h2.box_news { color: #005bac; border-color: #005bac; }
.english h2.box_vod { color: #1dad4c; border-color: #1dad4c; }
.english h2.box_today { color: #999999; }


.english_box {}
.english_box .english_news {width:290px; height:255px; float:left; padding-right:33px; padding-left: 10px;}
.english_box .english_news li { font-size: 12px; }
.english_box .english_news li.title { font-weight: bold; padding-bottom: 5px; font-size: 13px; }
.english_box .english_news p {margin-bottom:15px;}

.english_box .english_news p img { width: 288px; height: 190px; border: 1px solid #505358; }

.english_box .english_today { width:481px; height:189px; float:left; margin-left: 9px; }

.english_box .english_vod { width:314px; height:224px; float:left; margin-left: 15px; }

.non_background { background:url('') no-repeat right bottom #fff; margin-bottom: 30px; height:290px; }

.btns ul li {
	float: left;
	margin-right: 7px;
	margin-left: 8px;
}

/* common 공통 페이지 */
#content #main_box { 
	clear:both; 
	width:890px; 
	margin: 15px auto 15px auto;
	border:1px solid #cfcdcd; 
	color:#01a9bb; 
	background:url('/img/common/top/english_bg.png') no-repeat right bottom #fff;
	padding: 25px 25px 25px 25px;
	min-height: 880px;
}
#content #lft { float: left; width: 198px; margin-right: 25px; }
#content #rgt { float: left; }
#content .rgt { width: 665px; }
#content .rgt100 { width: 880px; }

#lft #nav h3{ font-size: 20px; padding: 10px 0px 26px 9px; }
#lft #nav { display: block; width: 198px; }
#lft #nav .nav li { height:51px;}
#lft #nav .nav { border-top: 1px solid #000; }
#lft #nav .nav li a { display: block; padding: 18px 23px; font-size: 14px; color:#FFF; text-decoration: none; }

#lft .left_topimg { background-image:url('/img/common/left/left_topimg01.gif'); }
#lft .left_topimg a:hover { background-image:url('/img/common/left/left_topimg01r.gif'); }
#lft .left_bottomimg { background-image:url(/img/common/left/left_bottomimg01.gif); }
#lft .left_bottomimg a:hover { background-image:url('/img/common/left/left_bottomimg01r.gif'); }
#lft .left_bottomimg_select { background-image:url('/img/common/left/left_bottomimg01r.gif'); }

#rgt hr.line_gray {height:1px; background-color: #e2e0e1; width:660px; border: 0px solid #e2e0e1; margin: 20px 0px 20px 0px;}
#rgt hr.line_darkgray {height:1px; background-color: #00b9d4; width:660px; border: 0px solid #00b9d4; margin: 20px 0px 10px 0px;}
#rgt hr.line_black {height:1px; background-color: #000; width:660px; border: 0px solid #000; margin: 20px 0px 10px 0px;}
#rgt hr.line_gray_880 {height:1px; background-color: #e2e0e1; width:880px; border: 0px solid #e2e0e1; margin: 20px 0px 20px 0px;}
#rgt hr.line_darkgray_880 {height:1px; background-color: #00b9d4; width:880px; border: 0px solid #00b9d4; margin: 20px 0px 10px 0px;}
#rgt hr.line_black_880 {height:1px; background-color: #000; width:880px; border: 0px solid #000; margin: 20px 0px 10px 0px;}
#rgt hr.line_darkgray_100 {height:1px; background-color: #00b9d4; width:100%; border: 0px solid #00b9d4; margin: 20px 0px 10px 0px;}
#rgt .site_name {color:#FF0000; font-size:16pt;}
#rgt .height_20 {height:20px;}

#rgt .logout { margin-top:10px; text-align:center; font-size:12px;}
#rgt .logout li {width:60px; padding:5px; border:2px solid #e2e0e1; border-radius:10px; float:right; }


/* 게시판 목록 */
#rgt table.list {
	width: 660px;
	margin-bottom: 20px;
}
#rgt table.list th {
	padding: 8px 0px 18px 0px;
	border-bottom: 1px solid #cecece;
	font-size: 13px;
	color: #000;
}
#rgt table.list td {
	padding: 12px 0px 10px 0px;
	border-bottom: 1px solid #f3f3f3;
	font-size: 13px;
	color: #000;
	text-align: center;
}
#rgt table.list td.lft {
	text-align: left;
	padding-left: 15px;	
}
#rgt table.list td img.lcm {
	cursor: pointer;
}

/* 농협소개 */
.introduction_box{
	color:#333;
	border-top:5px solid #cfcdcd;
	padding-top:50px;
}
.introduction_box img{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
.span1{
	display:block;
	color:#04369b;
	font-size:12pt;
	font-weight:bold;
}
.span2{
	display:block;
	color:black;
	font-size:16pt;
	font-weight:bold;
	text-align:right;
}

.introduction_li1, .introduction_li2, .introduction_li3{
	float:left;
	padding:10px 20px;
	background:#ecedf2;
	border-right:1px solid #fff;
	cursor:pointer;
}
.introduction_select{
	background:#619dd9;
	color:#fff;
	font-weight:bold;
}
.line{
	border-top:1px solid #619dd9
}
.introduction_li1_box img, .introduction_li2_box img, .introduction_li3_box img{
	width:100%;
}
.introduction_li2_box, .introduction_li3_box{
	display:none;
}
.introduction_tab_box{
	padding-top:20px;
}
.text-box{
	color:#333;
}
.text-box span{
	display:block;
	font-weight:bold;
	font-size:14pt;
}












/* 페이지 처리 */
div.pager_info div.total {
	float:left; 
	padding: 5px 15px 5px 5px;
}
div.pager_info div.total {
	float:right; 
	padding: 5px 5px 5px 0px;
}
div.pagination {
	text-align: center;
}
div.pagination span {
	font-size: 13px;
	padding: 3px 5px 0px 5px;
	display: inline-block;
}
div.pagination span.current {
	background:url('/img/common/list/page_bg.png') no-repeat;
	color: #ffffff;
}
div.pagination span img {
	vertical-align: middle;
}

#rgt .join {
	width: 880px;
}
.s_button_box{
	text-align:right;
}

/* join 회원 가입*/
.join_h4{text-align:center}
#rgt .join_p{text-align:center;font-size:16pt;}
#rgt .join .join_over {width:440px;height:27px; margin:20px auto 30px auto; padding-left:170px;}
#rgt .join .join_over li { float: left; color:#999; display:inline-block; font-size:13pt; padding-right:70px; height: 27px; vertical-align: middle; padding-top: 10px;}
#rgt .join .join_over li:last-child {padding-right:0;}
#rgt .join .join_over li.last_child {padding-right:0;}
#rgt .join .join_over li img {vertical-align:middle;}
#rgt .join .join_over li:hover .over_red {color:#f00;}
#rgt .join .join_over li:hover .over_black {color:#000;}
#rgt .join .join_over li .over_red_over {color:#f00;}
#rgt .join .join_over li .over_black_over {color:#000;}
#rgt .join .join_over li.join_next { background-image:url('/img/common/members/join_next.gif'); background-repeat: no-repeat; width:25px; padding-right: 50px; margin-top: 4px; }

/* 회원가입-> 1. 이용약관 */
#rgt .join h4 {
	color: #000;
	padding-top: 20px;
}
#rgt .join .join_policy_box {width:860px; height:200px; border:1px solid #e2e0e1; overflow-y: scroll; overflow-x: hidden; font-size: 11px; padding: 10px; color: #000; }
#rgt .join .join_policy_box pre {width:100%;}
#rgt .join .join_policy_box table { width:100%; border: 1px solid #000; border-collapse:collapse;border-spacing:0; }
#rgt .join .join_policy_box table th { font-size: 11px; border: 1px solid #000; padding: 5px; }
#rgt .join .join_policy_box table td { font-size: 11px; border: 1px solid #000; padding: 5px; }
#rgt .join .join_check_box { margin:20px 0 0 0; }
#rgt .join .join_check_box { color: #000; }

 
/* 회원가입-> 2. 정보입력 */
#rgt .join .table_wrap {width:880px; margin:0 auto;}
#rgt .join .join_table {width:880px; border-top:1px solid #666; margin-top:20px;}
#rgt .join .join_table tr {border-bottom:1px solid #e2e0e0;}
#rgt .join .join_table tr td {padding:15px 0 15px 10px; color: #000; }

#rgt .join .table_left {width:150px; background:#f4f4f4;}

#rgt .join .join_table_birth input {width:50px;}
#rgt .join .join_gender input {width:30px;}

#rgt .join .user_text input {width:150px;}
#rgt .join .text_gray {font-size:10pt; color:#999;}
#rgt .join .add input {margin-bottom:10px;}
#rgt .join .add_01 {width:30px;}
#rgt .join .add_02 {width:500px;}
#rgt .join .tell input {width:45px; margin-bottom:10px;}


/* 회원가입-> 3. 가입완료 */
#rgt .join p {
	color: #000;
}


/* 확인 취소 버튼 */
#rgt .join_bottom {margin:50px auto; text-align:center; color: #000; cursor: pointer; }
#rgt .join_bottom .border_blue{width:100px; padding:5px; border:3px solid #02b8cc; border-radius:10px;}
#rgt .join_bottom .border_gray{width:100px; padding:5px; border:3px solid #e2e0e1; border-radius:10px;}
#rgt .join_bottom ul li {display:inline-block; padding-right:5px; }


/* 회원정보 수정 페이지 */
#rgt .edit {
	margin-top: 30px;
	width: 640px;
	color: #000;
}

#rgt .edit .table_wrap {width:660px; margin:0 auto;}
#rgt .edit .join_table {width:660px; border-top:1px solid #666; margin-top:20px;}
#rgt .edit .join_table tr {border-bottom:1px solid #e2e0e0;}
#rgt .edit .join_table tr td {padding:15px 0 15px 10px; color: #000; }

#rgt .edit .table_left {width:130px; background:#f4f4f4;}

#rgt .edit .join_table_birth input {width:50px;}
#rgt .edit .join_gender input {width:30px;}

#rgt .edit .user_text input {width:150px;}
#rgt .edit .text_gray {font-size:10pt; color:#999;}
#rgt .edit .add input {margin-bottom:10px;}
#rgt .edit .add_01 {width:30px;}
#rgt .edit .add_02 {width:500px;}
#rgt .edit .tell input {width:45px; margin-bottom:10px;}



/* 아이디/비밀번호 찾기 */
.passwd {color:#333; font-size:10pt;} 
.passwd_id h4 {margin-top:40px; font-size:12pt;}

.passwd_id table {width:880px; margin-top:20px; border-top:1px solid #666; border-bottom:1px solid #e1e1e1;}

.table_line {border-top:1px solid #e1e1e1;} 
.table_line02 {border-top:1px solid #666;} 

.table_left {width:130px; background:#f4f4f4; text-align:center; vertical-align:middle; line-height:16pt;}
.table_right {vertical-align:middle; padding-left:10px; height:83px;}
.table_right input[value] {color:#999; background-color:#f4f4f4;}

.passwd_phone input {width:50px;}
.text_box span {color:#fff; padding:5px 20px; background-color:#00b8cc; border:1px solid #00b8cc; border-radius:20px; font-size:12px; cursor:pointer;}

.passwd_id ul {padding-top:10px;}
.passwd_id ul li {color:#999; line-height:16pt;}


/* 비밀번호 재발급 */
#rgt .repasswd {color:#333; font-size:10pt;} 
#rgt .repasswd h4 {margin-top:40px; font-size:12pt;}
#rgt .repasswd table {width:660px; margin-top:20px; border-top:1px solid #666; border-bottom:1px solid #e1e1e1;}
#rgt .repasswd .table_line {border-top:1px solid #e1e1e1;} 


/* 회원탈퇴 */
#rgt .withdraw {color:#333; font-size:10pt;} 
#rgt .withdraw h4 {margin-top:40px; font-size:12pt;}
#rgt .withdraw table {width:660px; margin-top:20px; border-top:1px solid #666; border-bottom:1px solid #e1e1e1;}
#rgt .withdraw .table_line {border-top:1px solid #e1e1e1;} 




/* 로그인 부분 */
#rgt .main_loginbox {
	width: 330px;
	margin: 100px 0px 0px 300px;
	color: #000;
}
#rgt .main_loginbox input {
	width:302px;
	padding:12px;
	display:block;
	margin-bottom:5px;
}
#rgt .main_loginbox .logo {
	text-align: center;
	margin-bottom:20px;
}
#rgt .main_loginbox .login {
	width:330px;
	padding:15px;
	font-size:15pt;
	background:#00b9cd;
	background:linear-gradient(to top, #00b9cd 0%, #00b9cd 100%); /* W3C 표준 */
	border:1px solid #36c6d6;
	color:#fff;
	font-weight:bolder;
	cursor:pointer;
}
#rgt .main_loginbox .id_password {
	text-align: center; padding-top:10px;
}
#rgt .main_loginbox .email_blur { background: transparent url("/img/common/top/login_text_big.gif") top left; }
#rgt .main_loginbox .email_focus { background: #ffffe0 ; color: #003300 }
#rgt .main_loginbox .pw_blur { background: transparent url("/img/common/top/login_text_big.gif") bottom left; }
#rgt .main_loginbox .pw_focus { background: #ffffe0 ; color: #003300 }



/* contents_bottom 공통 하단 */
.contents_bottom {width:1000px; margin:0 auto; }
.contents_bottom_box {width:1000px; height:124px; border:1px solid #cfcdcd; background:#fff; margin-bottom: 30px; }
.contents_bottom_box ul {width:1000px; padding:11px 0 11px 11px;}
.contents_bottom_box ul li {float:left; padding-right:10px;}

.jcarousel_box table { 1000px; }
.jcarousel_box table td { width:920px; vertical-align:middle; padding-left:15px; }
.jcarousel_box table td img {  } 
.jcarousel_box table td.arrow { width: 10px;  padding-left:0px;}
.jcarousel { position: relative; overflow: hidden; width: 900px; }

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}


/* footer */
#footer {clear:both; width:100%; margin-top:30px; border-top:4px solid #cfcdcd;}
.footer_wrap {widows:100%; border-top:1px solid #e2e1e1; background:#fff;}
.footer_txt {width:1000px; height:80px; margin:0 auto;}
.footer_txt ul li {float:left; color:#858585; font-size:10pt; padding-top: 5px; padding-left: 20px; }
.footer_txt ul li.last-child { margin-top:12px;}
.footer_txt ul li.footer_txt_add {display:block;}

.footer_wrap .footer_txt>p {display:inline-block; float:right; margin-top:30px;}
/* .footer_name {border:3px solid #02b8cc; border-radius:20px; font-size:10pt; padding:8px 20px; margin-left:5px;} */

.footer_wrap .footer_name { right:0; }
.footer_wrap .footer_name li {float:right; border:3px solid #999999; border-radius:20px; padding:8px 20px; margin-left:10px; margin-top: 15px; font-size:10pt;}
.footer_wrap .footer_name li.footer_menu_border {border:3px solid #cfcdcd;}
.footer_wrap .footer_name li a span.footer_menu_txt { border-left:2px solid #aaaaaa; padding-left:10px; margin-left:10px;}


/* level */
.level .level_img {text-align:center; margin-top:10px;}

/* guide */
.guide .guide_img {text-align:center;}

/* privacy */
.privacy p {
	width: 100%;
	color: #000;
}

/* question */
.question {border:1px solid #cfcdcd; padding:50px 0; text-align:center;}
.question_tel {display:block; font-size:30pt; padding-top:10px;}