@charset "utf-8";

/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);Noto Sans KR'*/
/* À¥ ÆùÆ® - ³ª´®°íµñ, ³ª´®°íµñ º¼µå */

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

 @font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, em, img, q, s, small, strong, sub, sup, var, b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, embed, summary {margin:0; padding:0; font-family:'Noto Sans KR',sans-serif;}

body{padding:0;margin:0;font-family:'Noto Sans KR',verdana,arial,helvetica,sans-serif;font-size:14px;background-color:#fff; height:100%; word-break:keep-all;}
body {
	overflow-y:scroll;
}
hr {display:none;}
ul > li {list-style:none;}


a:link, a, a:hover,a:visited{text-decoration:none;color:#333; }

img {border:0; vertical-align:middle;}

h4.sub_tite{font-size:25px;text-align:center;background:#f7f7f7;padding:10px;border-top:2px solid #696c75;border-bottom: 1px solid #999999;}

input{padding:5px 10px;margin:0;font-size:12px;line-height:normal;}
select{padding:5px 10px;font-size:12px;line-height:normal;}
input{-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}/*inputÀÇ typeÀÌ textÀÏ ¶§¿Í submitÀÏ ¶§ ¿©¹éÀÇ Â÷ÀÌ ¶§¹®¿¡ ¼¼·Î Å©±â°¡ ´Ù¸£°Ô ¸¸µé¾îÁý´Ï´Ù. À̸¦ ÇØ°áÇÏ´Â ¹æ¹ýÀº box-sizing ¼Ó¼ºÀ» Ãß°¡ÇÏ´Â °ÍÀÔ´Ï´Ù.*/



.center{text-align:center;}
 /*tab*/
.view{display: block;padding:0;margin:0;}
.hid{display: none;padding:0;margin:0;}

.box{border:2px solid #A6A6A6; font-size:12px;background-color: #f7f7f7;}

.clear{clear:both;}

/*/////////////button///////////////*/
 .buttonarea{width:100%; position:relative;text-align:center;padding:0px 0;margin:  0px auto 0 auto;min-height:60px;}
 .buttonarea_in{padding:30px 0; margin: 0 auto; }
 .buttonarea.footerbutton{margin-top:30px;}
 .btn_board a,
 .btn_board a:hover{color:#fff;display:block; padding:5px;}
 
 .btn_board{
    
	background: #535665;
    color: #fff;
    text-align: center;
    display:inline-block;vertical-align:middle;padding:10px 5px;
    font-size: 16px;
	line-height:18px;
    border-radius: 0px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;  
	margin:0 auto;
	position:relative;
 	
	 
}
.buttonarea .left_icon{float:left;width:50%;text-align:left;}
.buttonarea .right_icon{float:right;width:50%;text-align:right;}
.serach_item{background: #f9f9f9;border: 1px solid #d2d2d2;vertical-align:middle;height:37px}
.searchbox{background: #fff;border: 1px solid #d2d2d2;vertical-align:middle;height:37px;padding:0;}
.searchboxx{background: #fff;border: 1px solid #d2d2d2;vertical-align:middle;height:33px;}
.btn_search{cursor:hand;text-indent:-1000px;width:35px; background: url(/green_board/board_image/search.png) no-repeat center center;border: 1px solid #d2d2d2 ;vertical-align:middle;height:37px;margin-left:-1px;}
.btn_board.icon_lis{text-align:left;}
.btn_board.icon_list a{display:block;background: url(/green_board/board_image/icon_list.png) no-repeat 7px center;text-align:left;padding-left:35px;}
.btn_board.icon_wr{background:#1e64ba;}

 /*·Î±×ÀÎ*/
 .wrap{width:100%;height:100%;position:absolute;background:#f7f7f7;min-height:300px;}
.login_box{background:#fff;min-height:300px;width:800px;margin: 0 auto; border:3px solid #e2e2e2;padding:40px;position:relative;top:50%;margin-top:-178px;}
.login_box:after{clear:both;}
.login_box h1{text-align:center;font-size:40px;line-height:45px;font-weight:500;background: url(/admin/board_image/login_txt.png) no-repeat center 0;padding-top:35px;}
.login_box h1 span{color:#0861bc;}
.login_box h3{color:#333333;text-align:center;font-size:16px;line-height:20px;font-weight:300;padding-top:30px;padding-bottom:30px;}
.login_box .login_section{width:70%;float:left;}
.login_box .login_section dl {padding-left:80px;;margin: 0 auto;}
.login_box .login_section dl dt{position:absolute;padding-bottom:10px;}
.login_box .login_section dl dd{position:relative;padding-left:70px;padding-bottom:10px;}
.login_box .login_button{width:30%;float:left;border-top:0px;}
.buttonarea.login_button{margin-top:0}
.buttonarea.login_button .buttonarea_in{padding:0px;}

 input.loginbutton{
	background: #385ab8;
	display:inline-block;
	vertical-align:middle;
	padding:30px 5px;
	width:200px;
	border:0;
	color: #fff;
	font-size:18px;
	font-weight:600;
	
	}
 

/*form*/
  
.td_underline
{
 	border-bottom-width:1px;
	border-bottom-color:#d7d7d7;
	border-bottom-style:solid;	
	padding:5px;

}

 
.form_style
{
	width:90%;
	padding: 10px;
	border:1px solid;
	border-color:#898989;
	background-color:#FFFFFF;
	color:#333333;
	font-size:14px;
 
}

.form_style2
{
	width:150px;
	padding: 5px;
	border:1px solid;
	border-color:#898989;
	background-color:#FFFFFF;
	color:#333333;
	font-size:14px;
 
}


.form_textarea
{
	border:1px solid;
	font-size:13px;
	border-color:#898989;
	background-color:#FFFFFF;
	color:#333333;
	width:100%;
    line-height:130%;
	padding:5px;
}
.form_etextarea
{
	border:1px solid;
	font-size:13px;
	border-color:#898989;
	background-color:#FFFFFF;
	color:#333333;
	width:100%;
    line-height:130%;
	padding:5px;
}


/*list*/
.articalarea{font-size:12px;}

table{width: 100%;  border-collapse:collapse;margin:10px 5px 0 0px; }
table.table_list{}
table.table_list th{background:#f7f7f7;padding:10px;border-top:2px solid #4b4d4c;font-size:14px;font-weight:400;text-align:center;border-left: 0px solid #d7d7d7;}
table.table_list td{font-size:14px;font-weight:400;text-align:center;padding:10px;border-left: 0px solid #d7d7d7;;}
table.table_list td.subject_part{text-align:left;}
table.table_list td img{vertical-align:middle;margin-left:10px;}
table.table_list .not_bg{background:#e5f8ff}
table.table_list th.first,
table.table_list td.first{border-left:0px;}

.searcharea{clear:both;padding-top:20px;width:100%;}
.searcharea form{float:left;width:80%;}
.searcharea .wr_icon{float:right;text-align:right;}

			/*°¶·¯¸® list*/
			.board_gallery{width:100%;margin: 0 auto;}
			
			.board_gallery.col2 .gallery_in_box{width:50%;}
			.board_gallery.col3 .gallery_in_box{width:33.3%;}
			.board_gallery.col4 .gallery_in_box{width:25%;}

			.gallery_in_box{float:left; text-align:center;margin-bottom:20px;}
			.gal_photobox{text-align:center;position:relative;}
			.icon_movie{display:block;position:absolute; z-index:10;left:50%;top:50%;margin-left:-21px;margin-top:-21px;}
			.gal_photobox img{border: 1px solid #ccc}
			.gal_title{text-align:center;}

			/*樨毢*/
			.moviebox{}
			.movie_title a,.movie_title a:hover{width:360px;background:#373737;color:#fff;padding:10px 0;display:block;margin:0 auto;position:relative;}
			.moviebox .gal_photobox img{border: 0px solid #ccc}
			.moviearea{text-align:center;}



/*write*/
table.table_write{margin:0px 5px 0 0px;}
table.table_write .topline{border-top: 1px solid #d7d7d7}
table.table_write th{background:#f7f7f7;padding:5px 10px;border-bottom:1px solid #d7d7d7;font-size:14px;font-weight:400;text-align:left;}
table.table_write th span{/*background: url(/green_board/board_image/icon.png) no-repeat 0 10px;*/padding-left:20px;}
table.table_write td{border-bottom:1px solid #d7d7d7;font-size:14px;font-weight:400;text-align:left;padding:5px 10px}
table.table_write td.subject_part{text-align:left;}
table.table_write td img{vertical-align:middle;}
 
  /*/////////////////////////////////////////*/

 
/**°³ÀÎÁ¤º¸Ãë±Þ¹æħ**/
.personbox{background:#f7f7f7; margin-top:20px;margin-bottom:20px;margin-left:0%; padding:20px 0 20px 0 ;height:150px;}
.personbox .personbox_in{font-size:13px;line-height:20px;letter-spacing:-1px;color:#333;padding:2%;width:94%;max-height:90px;overflow: scroll; overflow-x: hidden;border:1px solid #f7f7f7;margin-left:2%; }

.personalcontents{}
.personalcontents h2.personal_title{text-align:center;font-weight:bold;font-size:25px;margin-bottom:30px;}
.personalcontents .txt_sum{background:#f7f7f7;padding:10px;}
.personalcontents h3.person_t{margin-top:30px;margin-bottom:10px;}
.personalcontents .person_content {padding-left:10px}
.personalcontents .person_content p{margin-bottom:10px;}
.personalcontents .person_content ul {margin-bottom:10px}
.personalcontents .person_content ul li{list-style-type: square;margin-left:40px;} 

.agreementcontents h3{font-size:19px;margin-top:30px;}
.agreementcontents h4{font-size:16px;margin-top:30px;font-weight:500}
 /*/////////////////////////////////////////*/


	table.agree_table{width: 100%;  border-collapse:collapse;margin:10px 5px 0 0px; }
	table.agree_table th{padding:5px;border-top:2px solid #ccc;border-bottom:1px solid #ccc;background:#e7fcfe;text-align:center;border-left:1px solid #ccc;}
	table.agree_table td{padding:5px; border-bottom:1px solid #ccc;background:#fff;text-align:center;border-left:1px solid #ccc;}
	table.agree_table .first{border-left:0px;}

/*view*/
table.table_view{margin:0px 5px 0 0px;}
table.table_view .topline{border-top: 2px solid #4b4d4c}
table.table_view th{background:#f7f7f7;padding:8px 10px;border-bottom:1px solid #d7d7d7;font-size:14px;font-weight:400;text-align:left;}
table.table_view th span{/*background: url(/green_board/board_image/icon.png) no-repeat 0 10px;*/padding-left:20px;}
table.table_view td{border-bottom:1px solid #d7d7d7;font-size:14px;font-weight:400;text-align:left;padding:8px 10px}
table.table_view td.subject_part{text-align:left;}
table.table_view td img{vertical-align:middle;}

#DivContents{padding-top:30px;padding-bottom:30px;}
#DivContents p{margin-bottom:20px;}
#DivContents img{margin-bottom:10px;max-width: 100%; 
    width: auto; /* IE8 */
    height: auto;
}
 
/*read*/
.read_pass{width:450px;margin: 0 auto;position:relative;}
.read_pass .read_box{border: 1px solid #ccc;}
.read_pass .read_box h2{background:#454b54;text-align:center;padding:10px;color:#fff;}
.read_pass .read_box .formbox{text-align:center;padding:10px;}

 /*ÆÄÀÏ÷ºÎ*/

.fom_fileinput{float: left;padding:10px;} 
.file_input_div{position: relative;width: 100px; height:35px;overflow: hidden;border: 0px} 
.file_input_button{
width: 100px;
position: absolute;
top: 0px;padding:11px;
background-color: #5d5d5d;
color: #FFFFFF;
border:0;
border-style: solid;
} 

.file_input_hidden{
font-size: 45px;
position: absolute;
right: 0px;
top: 0px;
opacity: 0; 
filter: alpha(opacity=0);
ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;}
 
 

 
/* page */
.paginate{clear:both;padding:30px 0;text-align:center;font-size:12px}
.paginate a, .paginate span{display:inline-block;position:relative;min-width:23px;height:23px;line-height:23px;color:#2a2f3a;text-decoration:none;border:1px solid #d5d5d5;padding:0 5px}
.paginate a:hover{background:#fff;border:1px solid #555}
.paginate span{color:#fff !important;background:#1e64ba;border:1px solid #1e64ba}
.paginate a.pre,.paginate a.next,.paginate a.first,.paginate a.last{position:relative;vertical-align:top}
.paginate a i{display:block;overflow:hidden;background:url("/green_board/board_image/page.png") no-repeat;text-indent:-9999px;position:absolute;top:3px;left:5px;width:22px;height:22px}
.paginate a.pre{margin:0 12px 0 0}
.paginate a.pre i{background-position:-45px 0px}
.paginate a.next{margin:0 0 0 12px}
.paginate a.next i{background-position:-177px 0px}
.paginate a.first i{width:22px;background-position:0 0px}
.paginate a.last i{width:22px;background-position:-223px -0px}

/*¿Â¶óÀΰ߳Ë*/

.line{border-bottom:1px solid #ccc;padding:5px;}

table.inqtable th{font-size:13px; font-weight:bold; background:#f7f7f7;padding-left:15px;text-align:left;}
table.inqtable .inq_title{text-align:center;padding:10px;color:#fff;background:#5c6b98;}

table.tablearea {width: 100%;  border-collapse:collapse;margin:10px 5px 0 0px; }
table.tablearea th{font-size:13px; font-weight:bold; background:#f7f7f7;padding-left:15px;text-align:left;border-bottom: 1px solid #ccc;}
table.tablearea td{text-align:left;padding:10px;background:#fff;border-bottom: 1px solid #ccc;}
table.tablearea .line{border-top:1px solid #ccc;}

/*°ü¸®ÀÚº¯°æ*/
.admin_edit{width:90%;margin:0 auto;border: 1px solid #ccc;}

/*»ó¼¼ÆäÀÌÁö µðÀÚÀÎ*/
.subwrap{position:absolute;width:100%;height:100%;min-width:1200px;padding:0;margin:0;background:url(/admin/board_image/subbodypatten.png) repeat-y 0 0}

.topLayout{background:#2d3539;padding:20px;height:50px;position:relative;}
.topLayout h1{width:20%;float:left;background: url(/admin/board_image/sub_logo.png) no-repeat 0 center;padding-left:50px;font-size:28px;font-weight:600;color:#fff;}
.topLayout h1 span{color:#5492f2;}
.topLayout .topmenu{position:relative;float:left;width:70%;}
.topLayout .topmenu ul{padding-top:8px;width:100%;}
.topLayout .topmenu ul li{text-align:center;float:left;padding:5px 0px;background:url(/admin/board_image/topline.png) no-repeat 0 center;}
.topLayout .topmenu ul li.first{background:none;}
.topLayout .topmenu ul li a{display:block;color:#fff;font-size:16px;font-weight:500;line-height:18px;}

.topLayout .topmenu ul.col4 li{width:25%}
.topLayout .topmenu ul.col5 li{width:20%}
.topLayout .topmenu ul.col6 li{width:16%}
.topLayout .topmenu ul.col7 li{width:14%}
.topLayout .topmenu ul.col8 li{width:12%}

.leftmenu{width:211px;position:absolute;z-index:2}
.leftmenu .left_title{background: url(/admin/board_image/left_back.jpg) no-repeat 0 0;height:120px;padding-top:60px}
.leftmenu h3{font-size:25px; padding-bottom:10px;color:#fff;text-align:center;background: url(/admin/board_image/tit_bar.png) no-repeat center bottom;}
.leftmenulist{margin-top:20px;padding:10px;position:relative;}
.leftmenulist ul li{padding:10px;border-bottom: 1px solid #515d6e; }
.leftmenulist ul li a,
.leftmenulist ul li a:hover{display:block;color:#fff;background: url(/admin/board_image/left_arrow.png) no-repeat 0 6px;padding-left:15px;}


.contentarea{margin-left:300px;position:relative;z-index:1}
.contentarea_in{width:100%;max-width:1200px;margin:30px auto;}
.contentarea_in h3{font-size:30px;padding:10px 20px 30px 0;}
.contentarea_in h3.centertitle{text-align:center;}