@charset "utf-8";

@import url("basic.css");

/* Layout Selector */

#container {margin: 0 auto; width:920px; margin-bottom:30px; position:relative;}
#content {float:left; width:685px; line-height:18px;}
#container:after {display:block;clear:both;content:''}

#column_left {float:left; width:190px; margin:50px 0 35px 0; position:relative;}
#column_right {float:right; width:695px; margin:0; position:relative;}


/* 텍스트 컬러*/
.text_cor1 {color:#1e87d1; font-size:12px;}
.text_cor2 {color:#1e87d1; font-size:15px;}
.text_cor3 {color:#ff6600; font-size:12px;}
.text_cor4 {color:#333333; font-size:15px;font-weight:bold;}

.text_scor1 {color:#999999; font-size:11px;font-weight:normal;}
.text_scor2 {color:#888888; font-size:11px;font-weight:normal;}


.text_box1 {color:#888888; margin:10px 0 0px 30px;}
.text_box2 {color:#888888; margin:25px 0 10px 0px;}


/* 타이틀관련 */

.sub_tit1_1 {width:694px; height:109px; background-image:url(/img/img_subtit1_1.png); margin-top:50px;margin-bottom:30px;}
.sub_tit1_2 {width:694px; height:109px; background-image:url(/img/img_subtit1_2.png); margin-top:50px;margin-bottom:30px;}
.sub_tit1_3 {width:694px; height:109px; background-image:url(/img/img_subtit1_3.png); margin-top:50px;margin-bottom:30px;}
.sub_tit1_4 {width:694px; height:109px; background-image:url(/img/img_subtit1_4.png); margin-top:50px;margin-bottom:30px;}

.sub_tit2_1 {width:694px; height:109px; background-image:url(/img/img_subtit2_1.png); margin-top:50px;margin-bottom:30px;}
.sub_tit2_2 {width:694px; height:109px; background-image:url(/img/img_subtit2_2.png); margin-top:50px;margin-bottom:30px;}


.sub_tit3_1 {width:694px; height:109px; background-image:url(/img/img_subtit3_1.png); margin-top:50px;margin-bottom:30px;}
.sub_tit3_2 {width:694px; height:109px; background-image:url(/img/img_subtit3_2.png); margin-top:50px;margin-bottom:30px;}
.sub_tit3_3 {width:694px; height:109px; background-image:url(/img/img_subtit3_3.png); margin-top:50px;margin-bottom:30px;}
.sub_tit3_4 {width:694px; height:109px; background-image:url(/img/img_subtit3_4.png); margin-top:50px;margin-bottom:30px;}
.sub_tit3_5 {width:694px; height:109px; background-image:url(/img/img_subtit3_5.png); margin-top:50px;margin-bottom:30px;}

.sub_tit4_1 {width:694px; height:109px; background-image:url(/img/img_subtit4_1.png); margin-top:50px;margin-bottom:30px;}
.sub_tit4_2 {width:694px; height:109px; background-image:url(/img/img_subtit4_2.png); margin-top:50px;margin-bottom:30px;}
.sub_tit4_3 {width:694px; height:109px; background-image:url(/img/img_subtit4_3.png); margin-top:50px;margin-bottom:30px;}

.sub_tit5_1 {width:694px; height:109px; background-image:url(/img/img_subtit5_1.png); margin-top:50px;margin-bottom:30px;}



/* 로그인 */
.login_bg {width:567px; height:286px; background-image:url(/img/member/img_login.jpg); margin:50px 0 20px 80px;}
.login_box {width:540px;text-align:left; padding-left:60px; padding-top:65px;}
.login_box caption{display:none}
.login_box th {padding:5px 4px; text-align:right;}
.login_box td {padding:5px 0px 0px 7px; vertical-align:middle;}
.login_box td img {vertical-align:middle; margin-left:5px;}
.login_box .item3 {margin:-4px 0;!important }
.login_box .item3 .i_check {width:15px;height:15px;margin:7px 3px 7px 0; vertical-align:middle;!important}



/* 비밀번호 변경,탈퇴 */
.mem_boxbg2 {width:640px; height:180px; background-image:url(/img/member/bg_box01.gif); text-align:center; margin:10px 0 30px 30px;}
.mem_boxbg3 {width:640px; height:120px; background-image:url(/img/member/bg_box02.gif); text-align:center; margin:10px 0 30px 30px;}
.mem_boxbg4 {width:640px; height:165px; background-image:url(/img/member/bg_box03.gif); text-align:center; margin:10px 0 30px 30px;}
.mem_boxbg5 {width:640px; height:210px; background-image:url(/img/member/bg_box04.gif); text-align:center; margin:70px 0 30px 30px;}
.mem_box2 {width:640px;text-align:left; padding-left:35px; padding-top:20px;} 
.mem_box2 input {width:200px;font-size:12px;}
.mem_box2 caption{display:none}
.mem_box2 th {padding:6px 0px; text-align:left; padding-left:10px;}
.mem_box2 td {padding:8px 0px 8px 10px; vertical-align:middle; margin-left:5px;}



/* 게시물 검색 */
.board_srch {padding:3px ;text-align:center;}
.board_srch input{font-size:12px; height:18px; color:#333333;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1; padding-left:5px;}
.board_srch select{font-size:12px; height:20px; color:#333333;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;}
.board_srch img {vertical-align:middle;}



/* 약관동의 */
.mem_step {width:690px; height:59px; margin-left:10px;}
.mem_step li {float:left; display:inline;}
.mem_arr {padding:20px 18px 20px 18px;}
.mem_tit_s  {margin-top:25px; margin-left:0px;}
.mem_tit_s2 {margin-top:20px; margin-left:10px;}
.mem_tit_s3 {margin-top:40px; margin-left:10px;}
.mem_box {width:660px; height:184px; color:#666666; padding:0px 20px; margin-left:12px; margin-top:10px;line-height:17px;  border:1px solid #dedede; overflow-x:hidden; overflow-y:scroll;} 

.mem_agree {width:643px;line-height:18px; } 
.mem_agree h3 {color:#666666; margin:15px 0 8px 0; letter-spacing:-1px;} 
.mem_agree p {line-height:18px; margin:5px 4px 0 0px;}
.mem_agree ul{padding-left:16px; margin-bottom:30px;}
.mem_agree li{line-height:18px; margin:5px 0px 6px 0px;}
.mem_agree ul li .first_text{margin:0 4px 0 -14px;}
.mem_agree ul li .first_text2{margin:20px 4px 10px -18px;}

.mem_agreecheck {width:300px; margin-top:15px; margin-left:20px; }
.mem_btn {text-align:center; width:680px; clear:both; margin-top:30px;margin-bottom:10px;}


/* 새소식_탭*/
.bord_tab {float:left; margin-bottom:10px; margin-top:15px;}
.bord_tab li {float:left; display:inline;}


  /* 테이블 리스트 설정*/

 .board_box {font-size:12px; margin-top:10px; margin-left:0px;}
 .board_text {font-size:12px; font-weight:bold; color:#0daaeb;}
 .board_text2 {font-size:12px; color:#0b8ac1;}

 .board_table {background-color: transparent;}

 .join_choice {background-color: transparent;}



.board_cmtbox { width:680px; vertical-align: middle;  background-color: #f9f9f9; margin-top:5px;margin-bottom:20px; }



.board_comment { width:96%; border-bottom: 1px solid #dfdfdf; margin-bottom:5px; margin: 0 auto;}
.board_cmt_text1 {font-size:12px; font-weight:bold; color:#2c3e50;}
.board_cmt_text2 {font-size:10px; color:#667c9b;}
.board_cmt_text3 {font-size:12px; color:#ff3c00;}


 .board_cmt_msg {font-size:12px;  margin-top:20px; margin-left:18px; margin-bottom:20px;} 


.board_cmt_info {width:100% font-size:12px; font-weight:bold; margin-top:20px;} 



.board_table thead > tr > th,
.board_table tbody > tr > th,
.board_table tfoot > tr > th,
.board_table thead > tr > td,
.board_table tbody > tr > td,
.board_table tfoot > tr > td { padding: 4px; line-height: 1.428571429;}
.board_table thead > tr > th { vertical-align: middle; border-bottom: 2px solid #ecf0f1; background-color: #e1f0fb;}


.board_table caption + thead tr:first-child th,
.board_table colgroup + thead tr:first-child th,
.board_table thead:first-child tr:first-child th,
.board_table caption + thead tr:first-child td,
.board_table colgroup + thead tr:first-child td,
.board_tablet head:first-child tr:first-child td {
  border-top: 0;
}

.board_tablet body + tbody {
border-top: 2px solid #ecf0f1;
}

.board_table.board_table{
background-color: #ffffff;
}

.board_table-condensed thead > tr > th,
.board_table-condensed tbody > tr > th,
.board_table-condensed tfoot > tr > th,
.board_table-condensed thead > tr > td,
.board_table-condensed tbody > tr > td,
.board_table-condensed tfoot > tr > td {
padding: 4px;
}

.board_table-bordered {
border: 1px solid #dfdfdf;
}

.board_table-bordered > thead > tr > th,
.board_table-bordered > tbody > tr > th,
.board_table-bordered > tfoot > tr > th,
.board_table-bordered > thead > tr > td,
.board_table-bordered > tbody > tr > td,
.board_table-bordered > tfoot > tr > td {
border: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;

}

.board_table-bordered > thead > tr > th,
.board_table-bordered > thead > tr > td {
border-bottom-width: 2px;
}

.board_table-striped > tbody > tr:nth-child(odd) > td,
.board_table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}

.board_table-hover> tbody > tr:hover > td,
.board_table-hover> tbody > tr:hover > th {
background-color: #eef7fd;
}

table col[class*="col-"] {
display: table-column;
float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
display: table-cell;
float: none;
}

.board_table> thead > tr > td.active,
.board_table> tbody > tr > td.active,
.board_table> tfoot > tr > td.active,
.board_table> thead > tr > th.active,
.board_table> tbody > tr > th.active,
.board_table> tfoot > tr > th.active,
.board_table> thead > tr.active > td,
.board_table> tbody > tr.active > td,
.board_table> tfoot > tr.active > td,
.board_table> thead > tr.active > th,
.board_table> tbody > tr.active > th,
.board_table> tfoot > tr.active > th {
background-color: #ecf0f1;
}

.board_table> thead > tr > td.success,
.board_table> tbody > tr > td.success,
.board_table> tfoot > tr > td.success,
.board_table> thead > tr > th.success,
.board_table> tbody > tr > th.success,
.board_table> tfoot > tr > th.success,
.board_table> thead > tr.success > td,
.board_table> tbody > tr.success > td,
.board_table> tfoot > tr.success > td,
.board_table> thead > tr.success > th,
.board_table> tbody > tr.success > th,
.board_table> tfoot > tr.success > th {
background-color: #caf9ab;
border-color: #b3de97;
}

.board_table-hover> tbody > tr > td.success:hover,
.board_table-hover> tbody > tr > th.success:hover,
.board_table-hover> tbody > tr.success:hover > td {
background-color: #ddfec7;
border-color: #b3de97;
}

.board_table> thead > tr > td.danger,
.board_table> tbody > tr > td.danger,
.board_table> tfoot > tr > td.danger,
.board_table> thead > tr > th.danger,
.board_table> tbody > tr > th.danger,
.board_table> tfoot > tr > th.danger,
.board_table> thead > tr.danger > td,
.board_table> tbody > tr.danger > td,
.board_table> tfoot > tr.danger > td,
.board_table> thead > tr.danger > th,
.board_table> tbody > tr.danger > th,
.board_table> tfoot > tr.danger > th {
background-color: #e74c3c;
border-color: #e74c3c;
}

.board_table-hover> tbody > tr > td.danger:hover,
.board_table-hover> tbody > tr > th.danger:hover,
.board_table-hover> tbody > tr.danger:hover > td {
background-color: #e43725;
border-color: #e43725;
}

.board_table> thead > tr > td.warning,
.board_table> tbody > tr > td.warning,
.board_table> tfoot > tr > td.warning,
.board_table> thead > tr > th.warning,
.board_table> tbody > tr > th.warning,
.board_table> tfoot > tr > th.warning,
.board_table> thead > tr.warning > td,
.board_table> tbody > tr.warning > td,
.board_table> tfoot > tr.warning > td,
.board_table> thead > tr.warning > th,
.board_table> tbody > tr.warning > th,
.board_table> tfoot > tr.warning > th {
background-color: #f39c12;
border-color: #f39c12;
}

.board_table-hover> tbody > tr > td.warning:hover,
.board_table-hover> tbody > tr > th.warning:hover,
.board_table-hover> tbody > tr.warning:hover > td {
background-color: #e08e0b;
border-color: #e08e0b;
}


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

.board_table-right {text-align:right; margin-top:10px; margin-right:20px;} 


.doc_table-center {text-align:center; margin-top:40px;} 
.dropout_table-center {text-align:center; margin-top:30px;} 



/* 회원가입폼 */
.join_table {font-size:12px; margin-top:10px; margin-left:0px;}
.join_table table {width:685px;border:0;border-top:2px solid #1e87d1;}
.join_table input {width:200px;font-size:12px;}
.join_table select {width:180px;font-size:12px; height:22px; color:#333333;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;}
.join_table caption{padding:10px 0; font-weight:bold; text-align:left}
.join_table td img {vertical-align:middle; margin-left:5px;}
.join_table td {color:#666666; padding:6px; border:0; vertical-align:middle;}
.join_table th {color:#333333; padding:6px;border:0; width:180px; padding-left:30px; vertical-align:middle;}
.join_table thead th{border-bottom:1px solid #cccccc;background:#f8f8f8}
.join_table tbody th{border-bottom:1px solid #dddddd;background:#fafafa;text-align:left;}
.join_table tfoot th{border-bottom:1px solid #dddddd}
.join_table tbody td{border-bottom:1px solid #dddddd;}
.join_table tfoot td{border-bottom:1px solid #dddddd;font-weight:bold;color:#333333}
.join_table .item table {border:0; width:90%; }
.join_table .item  thead th{border:0; padding:0px;}
.join_table .item  tbody th{border:0; padding:0px;}
.join_table .item  tfoot th{border:0; padding:0px; }
.join_table .item  tbody td{border:0; padding:0px;}
.join_table .item  tfoot td{border:0; padding:0px; }
.text_mem_tit_s  {margin-top:15px; margin-left:0px; font-size:14px; font-weight:bold;}


.join_table .item {margin:-4px 0; }
.join_table .item .i_text{margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.join_table .item .i_check,
.join_table .item .i_radio{width:13px;height:13px;margin:7px 3px 7px 0; vertical-align:middle}



.mail_ok { float:left; width:670px; height:270px;  margin-left:12px; margin-top:20px; margin-bottom:30px; background-image:url(/img/img_mailok.png);}

.join_ok { float:left; width:659px; height:350px;  margin-left:12px; margin-top:20px; margin-bottom:30px; background-image:url(/img/member/img_memok.gif);}
.join_text { margin: 0 auto; width:400px; height:30px; font-weight:bold; margin-top:210px; font-size:14px; text-align:center; clear:both; }
.join_text2 {color:#00a800; font-size:14px;}





/* 어드민 */
.admin_left {width:190px;}
.admin_left li{padding: 9px 0px 9px 20px;border-bottom:1px solid #dedede; background-image:url(/img/admin/img_left_dot.gif); background-repeat:no-repeat; background-position: 8px 14px;}
.admin_left li .ovr  {color:#1e87d1; font-weight:bold;}
.admin_left  a:link	     {color:#666666;} 
.admin_left  a:visited	 {color:#666666;}
.admin_left  a:hover	 {color:#1e87d1; }

.admin_mem {padding: 0px 10px 10px 0px; text-align:left; font-weight:bold; font-size:14px;}
.admin_mem span {color:#ff6600; font-size:14px;} 
.admin_text1 {color:#ff3300;}


.admin_category{width:695px;border:1px solid #dddddd;table-layout:fixed;clear:both;}
.admin_category caption{display:none}
.admin_category th{padding:15px 4px;background-color:#f1f1f4;color:#333333;font-weight:bold;}
.admin_category td{padding:10px 0px 10px 10px;text-align:left;}
.admin_category td img {vertical-align:middle; margin-left:5px;}
.admin_category input{font-size:12px; height:20px; color:#333333;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1; padding-left:5px;padding-right:5px;}



 /* 회원가입 약관  */
.contents_wrap.agreement .ca_header+.sec{border-top:0;}
.contents_wrap.agreement .sec{padding:5px 0px 0;border-top:1px solid #fff;}
.contents_wrap.agreement .sec:first-child{padding-top:5px;border-top:0;}
.contents_wrap.agreement .sec_tt{margin-bottom:5px;font-size:14px;color:#000; font-weight:bold;}
.contents_wrap.agreement .sub_sec{padding:10px;}
.contents_wrap.agreement ul,
.contents_wrap.agreement ol{margin:15px 0;}
.contents_wrap.agreement p{margin:10px 0; font-size:12px;color:#000;}
.contents_wrap.agreement ul li,
.contents_wrap.agreement ol li{margin-left:18px;margin-top:5px; font-size:12px;}
.contents_wrap.agreement ol ul,
.contents_wrap.agreement ol ol{margin:10px 0;}
.contents_wrap.agreement ol ul li,
.contents_wrap.agreement ol ol li{margin-top:5px;}
.contents_wrap.agreement a{color:#E65802;text-decoration:none;}
.contents_wrap.agreement .ju{letter-spacing:-2px;margin-right:2px;}
.contents_wrap.agreement .tb{display:inline-block;margin-bottom:20px;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.contents_wrap.agreement .tb .tb{width:auto;margin-bottom:0;}
.contents_wrap.agreement .tb th, .contents_wrap.agreement .tb td{padding:5px;border:1px solid #ddd;}
.contents_wrap.agreement .tb .tb th, .contents_wrap.agreement .tb .tb td{border:0;}
.contents_wrap.agreement .tb th{text-align:center;}
.contents_wrap.agreement .tb thead th{border-bottom:1px solid #ddd;background-color:#eee;}
.contents_wrap.agreement .tb td{vertical-align:top;}
.contents_wrap.agreement .tb .v_center{vertical-align:middle}
.contents_wrap.agreement .tb .h_center{text-align:center;}
.lang_ja{font-size:14px;}


 /*------------- file  input ------------------*/


 .fakeFileTxt { 
  display: block;
  height: 25px;
  font-size: 13px;
  color: #2c3e50;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #dce4ec;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin-left:-4px;

 }

 .fileDiv	  {
  position: relative;

/*버튼이미지 크기에 따라서 width, height 수정*/

  width: 70px;

  height: 25px;

/*버튼이미지 크기에 따라서 width, height 수정*/

  overflow: hidden;

 }

  

 .buttonImg {

  background:url('/img/file.png');

/*버튼이미지 크기에 따라서 width, height 수정*/

  width:65px;

  height:25px;

/*버튼이미지 크기에 따라서 width, height 수정*/

  position: absolute;

  top: 1px;

  color: #e1f0fb;

  border-style: solid;
  border-color:#e1f0fb;
 }

  

 .realFile

 { 	position: absolute; right: 0px; top: 0px;  opacity: 0;

  filter: alpha(opacity=0);

  -ms-filter: "alpha(opacity=0)";

  -khtml-opacity: 0;

  -moz-opacity: 0;



 }