@charset "euc-kr";
/***************************************************
	¸ÞÀοµ¿ª ½ºÅ¸ÀÏ ½ÃÆ®
	* ÀÛ¼º¾÷ü: (ÁÖ)À§´­ À¥ ¿¡ÀÌÀü½Ã
***************************************************/
/* °øÅë ¿µ¿ª */
@media only screen and (max-width:1023px){
div#scroll{display:none;}

div#contents div.cont_wrap { width: 100%; padding-top:20px; }

div#contents {  width: 100%; }
div#contents h2{ text-align:center; font-size:25px; padding:20px 0 40px 0; color:#fff; }
div#contents div#member_write_list {width:100%; margin-bottom:25px; margin:0 auto; }
div#contents div#cont_text { margin: 20px auto; padding-top:20px; width: 500px; height: 328px; border: 1px solid #c5cbd3; background:#fff;  }
div#contents div#cont_text ul { width: 96%; margin:0 auto; text-align:center;}
div#contents div#cont_text ul li { clear: both; line-height: 20px; margin-bottom: 5px;}
div#contents div#cont_text ul li div ul li a{ color:#e50020;}
div#contents div#cont_text ul li div ul li ai a.active { background-color: #e50020; color: #fff; font-weight: bold; }

div#contents div#cont_text input{width:300px; height:50px;}
div#contents div#cont_text input#s_submit { 
	color: white;
	text-align: center;
	padding: 12px 10px;
	border: none;
	margin-top: 5px;
	background: #e50020;
	cursor:pointer; 
}

table.board_list {width:98%;padding:1%;margin:0 auto; border:1px solid #eee}
table.board_list tr {border-bottom:1px solid #ddd; padding: 2px 0 2px 0;}
table.board_list tr th {width:28%; font-size:14px; color:#fff; text-align:left; padding:20px 10px; vertical-align:middle}
table.board_list tr td {padding:1%; font-size:14px; text-align:left;  vertical-align:middle; color:#fff/* padding:10px 0; */}
table.board_list tr td.a_left { text-align:left; padding: 10px; background:#ffffff; }
table.board_list tr td.a_left div.demo{float:right;}
table.board_list tr td.a_center {text-align:center; padding-left:10px; background:#ffffff;}
table.board_list tr td div.bang{width:100%; font-size:22px; line-height:25px; padding-bottom:10px;}
div.id_check{width:30%; height:35px; line-height:35px; font-size:12px; background:#878787; color:#fff; margin:0px 0 0px 1%; padding:0; float:left; text-align:center;}
div.join{width:30%; margin:20px auto; padding:10px 0; background:#484848; color:#fff; cursor:pointer ;text-align:center; font-size:16px;}
    input.tit_mail {
        border: 1px solid #000000;
		padding:6px;
        height: 35px;
		width:240px;
    	font-size: 14px;

        border-radius: 0px;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

  input.tit {
        border: 1px solid #000000;
		padding:6px;
        height: 35px;
		width:53%;
    	font-size: 14px;

        border-radius: 0px;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
  input.id_box {
        border: 1px solid #000000;
		padding:6px;
        height: 35px;
		width: 68%;
    	font-size: 14px;

        border-radius: 0px;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
  input.box {
        border: 1px solid #000000;
		padding:6px;
        height: 35px;
		width: 70%;
    	font-size: 14px;

        border-radius: 0px;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
  input.box500 {
        border: 1px solid #000000;
		padding:6px;
		margin-top: 10px;
        height: 35px;
		width: 90%;
    	font-size: 14px;

        border-radius: 0px;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
  select.in {
        border: 1px solid #000000;
		padding:4px;
        height: 30px;
		width: 360px;
    	font-size: 12px;

        border-radius: 0px;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
  input.tel {
        border: 1px solid #000000;
		padding:6px;
        height: 30px;
		width: 360px;
    	font-size: 14px;

        border-radius: 0px;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
  input.box100 {
    border: 1px solid #000000;
    margin-left: 2px;
    color: #111;
    width: 28%;
    height: 35px;
    margin: 5px 0;
	padding:1%;
    font-size: 15px;
    border-radius: 0px;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

	input.post {width:35%; height:35px; background:#878787; color:#fff; border:solid 1px #878787; text-align:center;cursor:pointer;}

}


@media only screen and (min-width:1024px){
div#scroll{display:block;}

div#contents div.cont_wrap { width: 100%; padding-top:20px; }

div#contents {  width: 100%;  padding:80px 0;}
div#contents h2{ text-align:center; font-size:40px; font-weight:bold; padding:50px 0; color:#fff; }
div#contents div#member_write_list {width:1080px; margin-bottom:25px; margin:0 auto;}
div#contents div#cont_text { margin: 20px auto; padding-top:20px; width: 500px; height: 328px; border: 1px solid #c5cbd3; background:#fff;  }
div#contents div#cont_text ul { width: 400px; margin:0 auto; text-align:center;}
div#contents div#cont_text ul li { clear: both; line-height: 20px; margin-bottom: 5px;}
div#contents div#cont_text ul li div ul li a{ color:#e50020;}
div#contents div#cont_text ul li div ul li ai a.active { background-color: #e50020; color: #fff; font-weight: bold; }

div#contents div#cont_text input{width:300px; height:50px;}
div#contents div#cont_text input#s_submit { 
	color: white;
	text-align: center;
	padding: 12px 10px;
	border: none;
	margin-top: 5px;
	background: #e50020;
	cursor:pointer; 
}

table.board_list {width:70%;padding:1%;margin:0 auto; border:1px solid #eee}
table.board_list tr {border-bottom:1px solid #ddd; padding: 2px 0 2px 0;}
table.board_list tr th {width:28%; font-size:14px; color:#fff; text-align:left; padding:20px 10px; vertical-align:middle}
table.board_list tr td {padding:15px; font-size:14px; text-align:left;  vertical-align:middle; color:#fff/* padding:10px 0; */}
table.board_list tr td.a_left { text-align:left; padding: 10px; background:#ffffff; }
table.board_list tr td.a_left div.demo{float:right;}
table.board_list tr td.a_center {text-align:center; padding-left:10px; background:#ffffff;}
table.board_list tr td div.bang{width:100%; font-size:22px; line-height:25px; padding-bottom:10px;}
div.id_check{width:25%; height:35px; line-height:35px; font-size:12px; background:#878787; color:#fff; margin:0px 0 0px 10px; padding:0; float:left; text-align:center;}
div.join{width:15%; margin:20px auto; padding:10px 0; background:#484848; color:#fff; cursor:pointer ;text-align:center; font-size:16px;}
	input.tit_mail {
        border: 1px solid #000000;
		padding:6px;
        height: 35px;
		width:240px;
    	font-size: 14px;

        border-radius: 0px;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

  input.tit {
        border: 1px solid #000000;
		padding:6px;
        height: 35px;
		width:240px;
    	font-size: 14px;

        border-radius: 0px;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
  input.id_box {
        border: 1px solid #000000;
		padding:6px;
        height: 35px;
		width: 200px;
    	font-size: 14px;

        border-radius: 0px;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
  input.box {
        border: 1px solid #000000;
		padding:6px;
        height: 35px;
		width: 200px;
    	font-size: 14px;

        border-radius: 0px;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
  input.box500 {
        border: 1px solid #000000;
		padding:6px;
		margin-top: 10px;
        height: 35px;
		width: 360px;
    	font-size: 14px;

        border-radius: 0px;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
  select.in {
        border: 1px solid #000000;
		padding:4px;
        height: 30px;
		width: 360px;
    	font-size: 12px;

        border-radius: 0px;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
  input.tel {
        border: 1px solid #000000;
		padding:6px;
        height: 30px;
		width: 360px;
    	font-size: 14px;

        border-radius: 0px;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
  input.box100 {
    border: 1px solid #000000;
	float:left;
    margin-left: 2px;
    color: #111;
    width: 115px;
    height: 35px;
    margin: 5px 0;
    font-size: 15px;
    border-radius: 0px;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

	input.post {width:115px; height:35px; background:#878787; color:#fff; border:solid 1px #878787; text-align:center;cursor:pointer;}

}