@charset "utf-8";
/* CSS Document */
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');



* {font-family:'Noto Sans KR','Nanum Gothic',Dotum,돋움,Tahoma,Geneva,sans-serif;}
/* HTML Reset */
header,footer,section,article,aside,nav,menu,details,figure,figcaption,hgroup{display:block;}
body,table,input,select,textarea,button,li,th,td{font-size:14px; color:#555555; font-weight:300;}
img,fieldset,iframe{border:0 none;}
body{margin:0 auto; padding:0; width:100%; position:relative;-webkit-text-size-adjust}
.admin_main_body{margin:0 auto; padding:0; width:100%; position:relative; background:url(../admin_img/index_bg.gif); -webkit-text-size-adjust}
*{-webkit-text-size-adjust}
a:link,a:visited {color:#555555; text-decoration:none;}
a:active,a:hover,a:focus {color:#555555; text-decoration:none;}
li{list-style:none;!important} 
a, img { outline:none; temp:expression(this.hideFocus=true); border:none; !important}
img{font-size:0px; line-height:100%; !important}
input[type='text'],input[type='password']{width:80%; border:1px solid #ccc; overflow:hidden; height:28px; !important; z-index:1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
input[type='radio']{vertical-align: inherit;}
select{background: url(../admin_img/select_arrow.gif) no-repeat 98% 50%; 
	height: 32px;
	border: 1px solid #ccc;
	background-color:#fff;
	padding-top:0px;
	padding-left:3px;
	-webkit-appearance: none;  
	-moz-appearance: none;
	 appearance: none;
	 -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	 width:80%}
select::-ms-expand { 
  display: none;
}
textarea{width:80%; border:1px solid #ccc; overflow:hidden; height:150px; !important; z-index:1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.red{color:red; margin:0; padding:5px 0 0 0; line-height:100%; font-size:13px;}
/******************************************************************************************************************
					
												*관리자 로그인*
										
*******************************************************************************************************************/
.admin_main{margin:222px auto 0 auto; padding:0; width:1260px; clear:both; overflow:hidden;}

/*로고*/
.admin_main .logo{float:left; margin:0; padding:0; width:650px; overflow:hidden;}
.admin_main .logo .logo_txt{margin:0; padding:0; clear:both; overflow:hidden;}
.admin_main .logo .logo_txt li:first-child{float:left; margin:0; padding:0; width:142px; height:203px; background-color:#e13c09; font-size:190px; color:#fff; text-align:center; line-height:183px; font-weight:500}
.admin_main .logo .logo_txt li.st{ background-color:#191919;}
.admin_main .logo .logo_txt li.last{ float:left; margin:0 0 0 15px; padding:0; overflow:hidden;}
.admin_main .logo .logo_txt li.last p.txt01{margin:45px 0 0 0; padding:26px 100px 8px 0; overflow:hidden; background:url(../admin_img/key.png) right top no-repeat; border-bottom:3px solid #484848; font-size:18px; color:#484848; line-height:100%}
.admin_main .logo .logo_txt li.last p.txt02{font-size:45px; color:#000000; font-weight:600; line-height:100%; margin:0; padding:8px 0 0 0; text-transform:uppercase}
.admin_main .logo .menu{margin:60px 0 0 0; padding:0; clear:both; overflow:hidden;}
.admin_main .logo .menu li{float:left; margin:0 18px 0 0; padding:0; width:81px; text-align:center;}
.admin_main .logo .menu li a:link{display:block; width:81px; height:81px; background:url(../admin_img/m_off.png);}
.admin_main .logo .menu li a:hover{background:url(../admin_img/m_on.png);}
.admin_main .logo .menu li p{font-size:14px; margin:0; padding:13px 0 0 0; line-height:100%; word-wrap:break-word; word-break:keep-all;}

/*로그인 폼*/
.admin_main .form{float:right; margin:0; padding:58px 43px; width:524px; background: url(../admin_img/login.gif) left top no-repeat #303030; background-position:43px 58px}
.admin_main .form ul{margin:98px 0 0 0; padding:0; width:100%; clear: both; overflow:hidden; position:relative}
.admin_main .form ul li{float:none; margin:0; padding:0 0 9px 0; line-height:32px; overflow:hidden;}
.admin_main .form ul li.but{ position:absolute; right:0; top:0;}
.admin_main .form ul li.but input{width:142px; height:82px; line-height:82px; color:#fff; font-size:18px; background-color:#585858; border:1px solid #262626;}
.admin_main .form ul li.last{float:none; margin:29px 0 0 0; padding:0; width:100%; border:1px solid #262626; background-color:#484848; overflow:hidden; line-height:42px; text-align:center; font-size:18px; color:#fff}
.admin_main .form ul li.last a{color:#fff; display:block;}
.admin_main .form ul li.last span{margin:0; padding:0 0 0 5px; font-size:14px; font-weight:200;}
.admin_main .form ul li p.left{float:left; margin:0; padding:0; width:85px; font-size:16px; color:#fff;}
.admin_main .form ul li p.right{float:left; margin:0; padding:0; width:270px;}
.admin_main .form ul li p.right input{width:100%; height:34.5px; border:0;}

/*하단*/
.admin_main .bottom{clear:both; overflow:hidden; width:100%; margin:0; padding:74px 0 0 0;}
.admin_main .bottom ul{margin:0; padding:0; clear:both; overflow:hidden;}
.admin_main .bottom ul li{float:none; margin:0; padding:0; font-size:55px; font-weight:600; color:#000000; line-height:100%}
.admin_main .bottom ul li:first-child{font-size:20px; font-weight:300; line-height:100%; margin:0; padding:0 0 20px 0;}
.admin_main .bottom p.copy_line{display:block; height:2px; width:78px; background-color:#000; clear:both; overflow:hidden; margin:37px 0 0 0; padding:0;}
.admin_main .bottom p.copy{font-size:11px; color:#858585; font-weight:200; margin:0; padding:14px 0}



/******************************************************************************************************************
					
												*관리자 리스트*
										
*******************************************************************************************************************/
.admin_sub{margin:0 auto; padding:0; width:100%; clear:both; overflow:hidden; position:relative}

/*상단 메뉴*/
.admin_sub .top_menu{margin:0 auto; padding:0; width:100%; background:url(../admin_img/index_bg.gif); height:52px; border-bottom:1px solid #c8c8c8;}
.admin_sub .top_menu ul{margin:0 auto; padding:12px 0 0 826px; width:424px; clear:both; overflow:hidden;}
.admin_sub .top_menu ul li{float:left; margin:0 0 0 5px; padding:0; width:138px; display:block; overflow:hidden; text-align:center; line-height:28px;}
.admin_sub .top_menu ul li:first-child{margin:0;}
.admin_sub .top_menu ul li a{color:#fff; display:block}
.admin_sub .top_menu ul li.m1{ background-color:#6e6e6e;}
.admin_sub .top_menu ul li.m2{ background-color:#353535;}
.admin_sub .top_menu ul li.m3{ background-color:#e96036;}


/*로고 & 전화번호*/
.admin_sub .logo_box{margin:0 auto; padding:0; width:1250px; position:relative;}
.admin_sub .logo_box .sub_logo{position:absolute; left:0; top:-27px; z-index:88;}
.admin_sub .logo_box .sub_logo{float:left; margin:0; padding:0; width:650px; overflow:hidden;}
.admin_sub .logo_box .sub_logo .sub_logo_txt{margin:0; padding:0; clear:both; overflow:hidden;}
.admin_sub .logo_box .sub_logo .sub_logo_txt li:first-child{float:left; margin:0; padding:0; width:142px; height:203px; background-color:#e13c09; font-size:190px; color:#fff; text-align:center; line-height:183px; font-weight:500}
.admin_sub .logo_box .sub_logo .sub_logo_txt li.last{ float:left; margin:0 0 0 15px; padding:0; overflow:hidden;}
.admin_sub .logo_box .sub_logo .sub_logo_txt li.last p.txt01{margin:45px 0 0 0; padding:26px 100px 8px 0; overflow:hidden; background:url(../admin_img/key.png) right top no-repeat; border-bottom:3px solid #484848; font-size:18px; color:#484848; line-height:100%}
.admin_sub .logo_box .sub_logo .sub_logo_txt li.last p.txt02{font-size:45px; color:#000000; font-weight:600; line-height:100%; margin:0; padding:8px 0 0 0; text-transform:uppercase}

.admin_sub .logo_box .sub_tel{float:right; margin:50px 0 0 0; padding:0; overflow:hidden}
.admin_sub .logo_box .sub_tel li:first-child{font-size:20px; font-weight:; line-height:100%; margin:0; padding:0 0 12px 0; color:#000000;}
.admin_sub .logo_box .sub_tel li{float:none; margin:0; padding:0; line-height:16px; font-size:14px; color:#8b8b8b; text-align:right}
.admin_sub .logo_box .sub_tel li.last{font-size:55px; font-weight:600; margin:0; padding:11px 0 0 0; line-height:100%; color:#000}


/*메뉴*/
.admin_sub .menu{margin:0 auto; padding:49px 0 0 0; clear:both; overflow:hidden; width:1250px;}
.admin_sub .menu li{float:left; margin:0 0 0 18px; padding:0; width:81px; text-align:center;}
.admin_sub .menu li:first-child{margin:0;}
.admin_sub .menu li a:link{display:block; width:81px; height:81px; background:url(../admin_img/m_off.png);}
.admin_sub .menu li a:hover, .admin_sub .menu li a.on{background:url(../admin_img/m_on.png);}
.admin_sub .menu li p{font-size:14px; margin:0; padding:13px 0 0 0; line-height:100%; word-wrap:break-word; word-break:keep-all;}

/*내용*/
.admin_sub .sub_con{margin:0 auto; padding:65px 0 0 0; width:1250px; clear:both; overflow:hidden;}

.admin_sub .sub_con .sub_txt{float:right; margin:0; padding:0; width:1004px; overflow:hidden;}
.admin_sub .sub_con .sub_txt .sub_txt_line{margin:0; padding:0; width:1004px; overflow:hidden;}
.admin_sub .sub_con .sub_txt .sub_txt_line li:first-child{background-color:#e13c09; height:3px; overflow:hidden; float:left; margin:0 2px 0 0; padding:0; width:40px;}
.admin_sub .sub_con .sub_txt .sub_txt_line li{background-color:#303030; height:3px; overflow:hidden; float:left; margin:0; padding:0; width:962px;}
.admin_sub .sub_con .sub_txt h3{margin:0; padding:36px 0 17px 0; clear:both; overflow:hidden; line-height:100%; font-size:25px; font-weight:400; color:#303030}
.admin_sub .sub_con .sub_txt ul.loc{clear:both; overflow:hidden; margin:0; padding:0 0 23px 0; line-height:100%}
.admin_sub .sub_con .sub_txt ul.loc li{float:left; margin:0; padding:0; font-weight:200; color:#828282;}
.admin_sub .sub_con .sub_txt ul.loc li.arrow{padding:0 5px;}

input.copy{ border:1px solid #0c72b4; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background: #55a2d6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#55a2d6, #328fcb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#55a2d6, #328fcb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#55a2d6, #328fcb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#55a2d6, #328fcb); /* Standard syntax */
}
input.copy:hover{
background: #90cef8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#90cef8, #55a2d6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#90cef8, #55a2d6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#90cef8, #55a2d6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#90cef8, #55a2d6); /* Standard syntax */
}


input.del{ border:1px solid #ad0100; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background: #df4b4b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#df4b4b, #d92727); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#df4b4b, #d92727); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#df4b4b, #d92727); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#df4b4b, #d92727); /* Standard syntax */
}
input.del:hover{
background: #ed5e5e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ed5e5e, #df4b4b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ed5e5e, #df4b4b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ed5e5e, #df4b4b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ed5e5e, #df4b4b); /* Standard syntax */
}

.WRITE_menu{margin:0 0 0 0; padding:0; width:1004px; clear:both; overflow:hidden; border-bottom:1px solid #eaeaea}
.WRITE_menu li{float:left; margin:0; border-right:1px solid #eaeaea; padding:0; line-height:100%;}
.WRITE_menu li:first-child{border-left:1px solid #eaeaea;}
.WRITE_menu li a{padding:15px 20px; display:block; background-color:#fafafa; border-top:2px solid #eaeaea;font-size:14px;}
.WRITE_menu li a.on{border-top:2px solid #e13c09; color:#e13c09; background-color:#fff; }


/*왼쪽메뉴*/
.admin_sub .sub_con .left_menu{float:left; margin:0; padding:0 0 80px 0; overflow:hidden; background-color:#303030}
#gnb_container{margin:0; padding:0; clear:both; width:222px; }
#gnb_container h2{margin:18px auto; padding:0; clear:both; overflow:hidden; width:100%; border-bottom:1px solid #fff}
#gnb_container h2 .site_logo{ background-color:#fff; margin:0 auto; padding:15px; width:100%; height:auto; width:187px; text-align:center;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
#gnb_container h2 .site_logo img{width:100%;}
#gnb_container h2 .site_day{margin:0 auto; padding:15px 0; width:100%; height:auto; width:187px; text-align:center; font-size:17px; font-weight:300; color:#fff; line-height:23px;}
#gnb_container h2 .site_day span{font-size:14px;}

#gnb_container #s_gnb { margin:0 auto; padding:20px 0 30px 0; width:222px;  clear:both; overflow:hidden; }
#gnb_container #s_gnb .depth_1 { position:relative; width:187px; margin:0 auto; padding:0;}
#gnb_container #s_gnb .depth_1 .depth_1_a { display:block; width:177px; cursor:pointer; margin:0; padding:3px 0 5px 10px; overflow:hidden; color:#b1b1b1; font-size:15px; font-weight:400; line-height:32px; border-bottom:1px dotted #989898}
#gnb_container #s_gnb .depth_1 .depth_1_a.on { width:177px; margin:0; padding:3px 0 5px 10px; background:url(../admin_img/left_on.gif) left  center no-repeat; overflow:hidden; color:#050505; line-height:32px;  background-position:0px center;}
#gnb_container #s_gnb .depth_1 .depth_1_a:hover, #gnb_container #s_gnb .depth_1 .depth_1_a:focus { width:177px; margin:0; padding:3px 0 5px 10px;  background:url(../admin_img/left_on.gif) left  center no-repeat; overflow:hidden; color:#050505; line-height:32px;  background-position:0px center;}








/*하단*/
.admin_sub .footer{margin:80px auto 0 auto; padding:35px 0 45px 0; width:100%; border-top:1px solid #000; clear:both; overflow:hidden; background:url(../admin_img/index_bg.gif);}
.admin_sub .footer .copy{margin:0 auto; padding:0; width:1250px; text-align: center; font-size:12px; color:#858585; font-weight:200; letter-spacing:0.5px;}





/*******************************************************************
                       * list *
********************************************************************/

.zz_new_list{margin:0 auto 40px auto; padding:0; clear:both; overflow:hidden; width:100%; }
/* 상단 */
.zz_new_list_header{margin:0; padding:0; clear:both; overflow:hidden; text-align:right;}
/* 검색 */
.zz_search_box{margin:0; padding:0 0 15px 0; float:right; overflow:hidden}
.zz_search_box li{float:left; margin:0; padding:0; list-style:none; z-index:999; position:relative; height:28px; !important}
.zz_search_box li:first-child{margin:0 5px 0 0;}
.zz_search_box li select{margin:0; padding:3px 5px; width:120px; text-align:left; height:28px; border:none;  overflow:hidden; background:url(../img/select.gif) left top no-repeat; border-width:none; line-height:28px; !important}
.zz_search_box li input{width:240px; border:none; overflow:hidden; height:28px;  z-index:1; background:url(../img/select_box.gif) left top no-repeat; margin:0; padding:0;  border-width:0px; !important}

/* 내용 */
.zz_new_list.contenter{margin:0; padding:0; width:100%; clear:both; overflow:hidden;}
.zz_new_d.table{margin:0; padding:0; clear:both; overflow:hidden;}
.zz_new_d.table th{padding:13px 0; vertical-align:middle; text-align:center; color:#353535; font-weight:400; border-bottom:2px solid #333; border-top:2px solid #333; font-size:15px;}
.zz_new_d.table td{border-bottom:#eaeaea 1px solid; padding:13px 10px; text-align:center; color:#656565; letter-spacing:0.3px; }
.zz_new_d.table tr:hover{background-color:#f4f4f4;}
.zz_new_d.table td.title{text-align:left; color:#656565; vertical-align:middle}
.zz_new_d.table td.title img{ vertical-align:middle; outline:none; temp:expression(this.hideFocus=true); margin:0 10px 0 0}
.zz_new_d.table td p{margin:0; padding:0;}
.zz_new_d.table tr.not{background-color:#f6f6f6; font-weight:bold;}
/* 하단 */
.zz_new_list.bottom{margin:0; padding:25px 0 32px 0; clear:both; overflow:hidden; width:100%; position:relative}
.zz_new_list.pageing{margin:0 auto; padding:0; clear:both; overflow:hidden; text-align:center}
.zz_new_list.pageing .prev{float:left;}
.zz_new_list.pageing  ul{float:left; margin:0 20px 0 20px; padding:0;}
.zz_new_list.pageing  ul li{float:left; width:26px; height:26px; vertical-align:middle; text-align:center;  overflow:hidden; display:block; list-style:none; line-height:26px; margin:0 0 0 2px; padding:0; color:#b5b5b5;}
.zz_new_list.pageing  ul li:first-child{margin:0;}
.zz_new_list.pageing  ul li.on{background-color:#303030; color:#FFFFFF;}
.zz_new_list.pageing .next{float: right;}
/* 버튼 */
.zz_new_list.but{position:absolute; right:0; top:23px;}



.zz_new_list.but a.write{ padding:0 35px; border:1px solid #000000; color:#fff; display:block; height:32px;  text-align:center; text-decoration:none; line-height:32px; float:right; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background: #4a4a4a; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#4a4a4a, #272727); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4a4a4a, #272727); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4a4a4a, #272727); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4a4a4a, #272727); /* Standard syntax */
}
.zz_new_list.but a.write:hover{
background: #646464; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#646464, #4a4a4a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#646464, #4a4a4a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#646464, #4a4a4a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#646464, #4a4a4a); /* Standard syntax */
}

.zz_new_list.but a.del{border:1px solid #FF0000; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:block; height:32px;  text-align:center; text-decoration:none; line-height:32px; float:left; padding:0 35px;
background: #df4b4b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#df4b4b, #d92727); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#df4b4b, #d92727); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#df4b4b, #d92727); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#df4b4b, #d92727); /* Standard syntax */
}
.zz_new_list.but a.del:hover{
background: #ed5e5e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ed5e5e, #df4b4b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ed5e5e, #df4b4b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ed5e5e, #df4b4b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ed5e5e, #df4b4b); /* Standard syntax */
}
/*******************************************************************
                       * write *
********************************************************************/
.zz_new_write{margin:0 auto 40px auto; padding:0; clear:both; overflow:hidden; width:100%; }

/* 내용 */
.zz_new_write.contenter{margin:0; padding:0; clear:both; overflow:hidden; border-top:2PX solid #333; width:100%;}
.zz_new_write.contenter .zz_write_table{margin:0; padding:0; clear:both; overflow:hidden; background:#dddddd}
.zz_new_write.contenter .zz_write_table th{background-color:#f4f4f4; padding:13px; text-align:left; }
.zz_new_write.contenter .zz_write_table td{padding:13px; text-align:left; background-color:#fff}
.zz_new_write.contenter .zz_write_table .cen{text-align:center; font-weight:500; font-size:15px}
.zz_new_write.contenter .zz_write_table input{border:1px solid #ccc; overflow:hidden; height:28px; !important; z-index:1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.zz_new_write.contenter .zz_write_table input[type='button']{cursor:pointer}
.zz_new_write.contenter .zz_write_table .stxt{color:#999999; padding:3px 0 0 0; overflow:hidden; margin:0;}
.zz_new_write.contenter .zz_write_table input[type='file']{width:80%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
/* 버튼 */
.zz_new_write.but{margin:0 auto; padding:20px 0 40px; text-align:center; clear:both; overflow:hidden; width:100%;}



.zz_new_write.contenter .zz_write_table a.check{padding:0 35px; border:1px solid #000000; color:#fff; margin:0 0 0 15px; display: inline-block; height:30px;  text-align:center; text-decoration:none; line-height:30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background: #4a4a4a; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#4a4a4a, #272727); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4a4a4a, #272727); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4a4a4a, #272727); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4a4a4a, #272727); /* Standard syntax */
}
.zz_new_write.contenter .zz_write_table a.check:hover{
background: #646464; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#646464, #4a4a4a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#646464, #4a4a4a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#646464, #4a4a4a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#646464, #4a4a4a); /* Standard syntax */
}

.zz_new_write.but a.write{ padding:0 35px; border:1px solid #000000; color:#fff; display: inline-block; height:32px;  text-align:center; text-decoration:none; line-height:32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background: #4a4a4a; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#4a4a4a, #272727); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4a4a4a, #272727); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4a4a4a, #272727); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4a4a4a, #272727); /* Standard syntax */
}
.zz_new_write.but a.write:hover{
background: #646464; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#646464, #4a4a4a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#646464, #4a4a4a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#646464, #4a4a4a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#646464, #4a4a4a); /* Standard syntax */
}
.zz_new_write.but a.list{ padding:0 35px; border:1px solid #454545; color:#fff; display: inline-block; height:32px;  text-align:center; text-decoration:none; line-height:32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background: #878787; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#878787, #6f6f6f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#878787, #6f6f6f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#878787, #6f6f6f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#878787, #6f6f6f); /* Standard syntax */
}
.zz_new_write.but a.list:hover{
background: #a6a6a6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#a6a6a6, #878787); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#a6a6a6, #878787); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#a6a6a6, #878787); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#a6a6a6, #878787); /* Standard syntax */
}
/*******************************************************************
                       * view *
********************************************************************/
.zz_new_view{margin:0 auto 40px auto; padding:0; clear:both; overflow:hidden; width:100%; }
/* 상단 */
.zz_new_view_header{margin:0; padding:25px 0 0 0; clear:both; overflow:hidden; width:100%; border-top:2PX solid #333; border-bottom:1px solid #eaeaea;}
.zz_new_view_header .zz_view_title{font-size:20px; clear:both; margin:0; padding:0 0 20px 0;}
.zz_new_view .date{ float:right; overflow:hidden; margin:0; padding:0; }
.zz_new_view .date li{float: left; margin:0 0 0 20px; padding:0; font-size:12px; line-height:17px; list-style:none; color:#999999}
.zz_new_view_header .file{margin:0; padding:8px 0; clear:both; overflow:hidden; width:100%;}
.zz_new_view_header .file ul{margin:0; padding:0 0 3px 0; clear:both; width:100%; overflow:hidden}
.zz_new_view_header .file ul li{float:left; margin:0; padding:10px 2%; overflow:hidden; list-style:none;  background-color:#f5f5f5; display: inline-block; overflow:hidden; width:82%}
.zz_new_view_header .file ul li:first-child{width:9.7%; margin:0 0.3% 0 0; text-align:center}

/* 내용 */
.zz_new_view.contenter{margin:10PX 0 0 0; padding:3%; clear:both; overflow:hidden; border:2PX solid #333; width:93.5%; min-height:350px;}

/* 버튼 */
.zz_new_view.but{margin:20px 0 35px 0; padding:0; clear:both; overflow:hidden; width:100%;}
.zz_new_view.but a.list{width:120px; color:#666666; display:block; height:28px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:28px; float:left}
.zz_new_view.but a.list:hover{background-color:#666666; color:#FFFFFF; display:block; text-decoration:none}
.zz_new_view.but ul{margin:0; padding:0; float:right; overflow:hidden;}
.zz_new_view.but ul li{float:left; margin:0 0 0 5px; padding:0; overflow:hidden;}
.zz_new_view.but ul li:first-child{margin:0;}
.zz_new_view.but a.modify{width:120px; color:#666666; display:block; height:28px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:28px;}
.zz_new_view.but a.modify:hover{background-color:#666666; color:#FFFFFF; display:block; text-decoration:none}
.zz_new_view.but a.re{width:120px; color:#666666; display:block; height:28px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:28px;}
.zz_new_view.but a.re:hover{background-color:#666666; color:#FFFFFF; display:block; text-decoration:none}
.zz_new_view.but a.delete{width:120px; color:#666666; display:block; height:28px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:28px;}
.zz_new_view.but a.delete:hover{background-color:#666666; color:#FFFFFF; display:block; text-decoration:none}

/* 댓글 */
.zz_new_view.comment .comment.con{margin:15px 0 0 0; padding:0; width:100%; clear:both; overflow:hidden; border-bottom:1px dashed #333;}
.zz_new_view.comment .comment.con_txt{margin:0; padding:1.5%; width:97%; overflow:hidden; background-color:#fff;}
.zz_new_view.comment .comment.con_txt li{float: right; margin:0; padding:0;}
.zz_new_view.comment .comment.con_txt li:first-child{float:left;}
.zz_new_view.comment .CC_txt{margin:0; padding:2%; width:96%; clear:both; overflow:hidden; font-size:13px;}
.zz_new_view.comment .comment_but{margin:0; padding:0; width:100%; clear:both; overflow:hidden;}
.zz_new_view.comment .comment_but ul{float:right; margin:0; padding:0 0 5px 0;}
.zz_new_view.comment .comment_but ul li{float:left; margin:0 0 0 5px; padding:0; overflow:hidden;}
.zz_new_view.comment .comment_but ul li:first-child{margin:0;}
.zz_new_view.comment .Cdelete_box{margin:0; padding:0; clear:both; overflow:hidden;}
.zz_new_view.comment .Cdelete_box p.left, .zz_new_view.comment .Cdelete_box p.right{float:left; padding:0; margin:0;}
.zz_new_view.comment a.Cmodify{width:80px; color:#666666; display:block; height:22px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:22px; background-color:#FFFFFF}
.zz_new_view.comment a.Cmodify:hover{background-color:#8a8a8a; color:#FFFFFF; display:block; text-decoration:none}
.zz_new_view.comment a.Cdelete{width:80px; color:#666666; display:block; height:22px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:22px; background-color:#FFFFFF}
.zz_new_view.comment a.Cdelete:hover{background-color:#8a8a8a; color:#FFFFFF; display:block; text-decoration:none}
.zz_new_view.comment .Cdelete_box{margin:0 0 5px 0; padding:1.5%; clear:both; overflow:hidden; background-color:#b6b6b6; color:#FFFFFF; width:97%; text-align:right;}
.zz_new_view.comment .Cdelete_box p.left{float: right; margin:0 10px 0 0; line-height:25px;}
.zz_new_view.comment .Cdelete_box p.left input{border:1px solid #ccc; overflow:hidden; height:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:200px}
.zz_new_view.comment .Cdelete_box p.right{float: right;}
.zz_new_view.comment .Cdelete_box p.right a.Cdelete_ok{width:80px; color:#666666; display:block; height:22px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:22px; background-color:#FFFFFF}

.zz_new_view.comment .Cmodify_box{margin:0 0 5px 0; padding:1.5%; clear:both; overflow:hidden; background-color:#b6b6b6; color:#FFFFFF; width:97%; text-align:right;}
.zz_new_view.comment .Cmodify_box p.left{float: right; margin:0 10px 10px 0; line-height:22px;}
.zz_new_view.comment .Cmodify_box p.left input{border:1px solid #ccc; overflow:hidden; height:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:200px}
.zz_new_view.comment .Cmodify_box p.right{float: right;  line-height:22px; margin:0 0 10px 1px;}
.zz_new_view.comment .Cmodify_box p.right a.Cdelete_ok{width:80px; color:#666666; display:block; height:22px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:22px; background-color:#FFFFFF}
.zz_new_view.comment .Cmodify_box p.right a.Cmodify_ok{width:80px; color:#666666; display:block; height:22px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:22px; background-color:#FFFFFF}

.zz_new_view.comment{margin:15px 0 0 0; padding:2%; width:95.8%; clear:both; overflow:hidden; background-color:#f8f8f8; border:1PX solid #333;}
.zz_new_view.comment .com_tt{margin:20px 0 0 0; padding:0; width:100%; clear:both; overflow:hidden;}
.zz_new_view.comment .com_tt li{float:left; margin:0; padding:0; width:50%;  list-style:none;}
.zz_new_view.comment .com_tt li p.left, .zz_new_view.comment .com_tt li p.right{float:left; padding:0; margin:0;}
.zz_new_view.comment .com_tt li p.right{width:80%;}
.zz_new_view.comment .com_tt li p.right input{border:1px solid #ccc; overflow:hidden; height:25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:90%}
.zz_new_view.comment .com_tt li p.left{margin:0 20px 0 0; padding:0; line-height:25px; }
.zz_new_view.comment .comment_box{margin:10px 0 0 0; padding:0; width:100%; clear:both; overflow:hidden;}
.zz_new_view.comment .comment_txt{width:85%; height:100px; float:left; margin:0; padding:0;}
.zz_new_view.comment a.comment_ok{float:right; width:13%; height:100px; background-color:#666666; color:#FFFFFF; display:block; text-decoration:none; border:1px solid #ccc; font-size:15px; font-weight:bold; text-align:center; line-height:100px;}

/* 하단 */
.zz_new_view.bottom{margin:10px 0 0 0; padding:0; clear:both; overflow:hidden; width:100%; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea;}
.zz_new_view.bottom ul{margin:0; padding:0; clear:both; overflow:hidden; width:100%;}
.zz_new_view.bottom ul li{float:none; margin:0; padding:0; list-style:none; line-height:40px; overflow:hidden}
.zz_new_view.bottom ul li:first-child{border-bottom:1px solid #eaeaea;}
.zz_new_view.bottom ul li:first-child p.left{float:left; margin:0 25px 0 0; padding:0 0 0 35px; background:url(../img/bg_prev_view.png) left top no-repeat; background-position:5px 13px;}
.zz_new_view.bottom ul li p.left{float:left; margin:0 25px 0 0; padding:0 0 0 35px; background:url(../img/bg_next_view.png) left top no-repeat; background-position:5px 15px;}
.zz_new_view.bottom ul li p.right{float:left; margin:0; padding:0;}


/*******************************************************************
                       * port *
********************************************************************/
.zz_new_port.contenter{margin:0; padding:15px 0 0 0; width:100%; clear:both; overflow:hidden; z-index:1; position:relative; border-bottom:1px solid #eaeaea; border-top:2px solid #333;}
.zz_new_port_list{margin:0 auto; padding:0; width:100%; clear:both; overflow:hidden;}
.zz_new_port_list li{float:none; margin:0; padding:25px 0; width:100%; overflow:hidden; border-bottom:1px dashed #333}
.zz_new_port_list li p.zz_port_img{margin:0; padding:0; width:30%; float:left; height:200px}
.zz_new_port_list li p.zz_port_img img{width:100%; height:100%;}
.zz_new_port_list li ul.zz_port_txt{margin:0; padding:0; float:right; width:68%;}
.zz_new_port_list li ul.zz_port_txt li{float:none; margin:0; padding:0; line-height:22px; width:100%; border-bottom:none;}




/*******************************************************************
                       * web *
********************************************************************/
.zz_new_web.contenter{margin:0; padding:15px 0 0 0; width:100%; clear:both; overflow:hidden; z-index:1; position:relative; border-bottom:1px solid #eaeaea; border-top:2px solid #333;}
.zz_new_web_list{margin:0 auto; padding:0; width:100%; clear:both; overflow:hidden;}
.zz_new_web_list li{float:none; margin:0; padding:25px 0; width:100%; overflow:hidden; border-bottom:1px dashed #333; position:relative}
.zz_new_web_list li p.web_img{margin:0; padding:0; width:30%; float:left; height:200px}
.zz_new_web_list li p.web_img img{width:100%; height:100%;}
.zz_new_web_list li ul.web_txt{margin:0; padding:0; float:right; width:68%;}
.zz_new_web_list li ul.web_txt li{float:none; margin:0; padding:0; line-height:22px; width:100%; border-bottom:none;}
.zz_new_web_list li ul.web_txt li.title{font-size:15px; font-weight:bold;}
.zz_new_web_list li ul.web_txt li span{margin:0 25px 0 0;}
.zz_new_web_list li ul.web_txt li.txt{position:absolute; bottom:25px;}



/*******************************************************************
                       * qna *
********************************************************************/
.zz_new_d.table p.flag_but{margin:0; padding:4px 15px; background-color:#666666; color:#FFFFFF; font-size:12px; font-weight:bold; overflow:hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height:22px; line-height:23px;}
.zz_new_d.table p.flag_but1{margin:0; padding:4px 15px; background-color:#f15907; color:#FFFFFF; font-size:12px; font-weight:bold; overflow:hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height:22px; line-height:23px;}




/*******************************************************************
                       * faq *
********************************************************************/
.zz_new_d.table td.red_txt{border-right:1px solid #eaeaea;  }
.zz_new_d.table tr.faq_q td.red_txt{color:#f15907;}
.zz_new_d.table tr.qnacontents{background-color:#f6f6f6;}



/*******************************************************************
                       * delete *
********************************************************************/
.zz_new_delete{margin:0 auto; padding:0; clear:both;  width:100%; position:relative; border-top:2PX solid #333; border-bottom:1PX solid #333;} 
.zz_new_delete input.Ddelete{display:block; width:122px; height:30px; overflow:hidden; background:url(../img/Ddelete_off.gif);}
.zz_new_delete input.Ddelete:hover{display:block; width:122px; height:30px; overflow:hidden; background:url(../img/Ddelete_on.gif);}
.zz_new_delete input.auth_ok{display:block; width:122px; height:30px; overflow:hidden; background:url(../img/ok_off.gif);}
.zz_new_delete input.auth_ok:hover{display:block; width:122px; height:30px; overflow:hidden; background:url(../img/ok_on.gif);}


.zz_new_delete_inp{margin:0 auto; padding:2%; width:50%; clear:both;}
.zz_new_delete_inp li{float:none; margin:0; padding:0; line-height:25px; text-align:center;}
.zz_new_delete_inp li input[type='password']{ width:100%; border:1px solid #ccc; overflow:hidden; height:25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.zz_new_delete_but a.cancle{width:120px; color:#666666; display:block; height:28px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:28px; background-color:#FFFFFF}
.zz_new_delete_but a.cancle:hover{background-color:#666666; color:#FFFFFF; display:block; text-decoration:none}

.zz_new_delete_but{margin:0 auto; padding:15px 0 30px 0; width:250px; clear:both; overflow:hidden}
.zz_new_delete_but li{float:left; margin:0 0 0 5px; padding:0;}
.zz_new_delete_but li:first-child{margin:0;}




/*******************************************************************
                       * gallery *
********************************************************************/
.zz_new_gallery{margin:0 auto; padding:0; clear:both;  width:100%; position:relative;}
.zz_new_gallery_header{margin:0; padding:0; clear:both; z-index:999;}
.zz_new_gallery_header a.search_but{width:137px; height:40px; overflow:hidden; background:url(../img/search_but.gif); display:block; color:#FFFFFF; text-align:left;  font-weight:bold; text-decoration:none; line-height:40px; text-indent:13px; float:right;}
.zz_new_gallery_header a.search_but1{width:137px; height:40px; overflow:hidden; background:url(../img/search_but_on.gif); display:none; color:#333333; text-align:left;  font-weight:bold; text-decoration:none; line-height:40px; text-indent:13px; float:right;}
.zz_new_gallery_header .search_Con{margin:39px 0 0 0; padding:0;  display:none; position: absolute; z-index:999; right:0; top:0; width:100%;}
.zz_new_gallery_header .search_box{margin:0; padding:2%; width:95.6%; border:2px solid #333333; position: relative; float:right; background-color:#f5f5f5}
.zz_new_gallery_header .search_box li{float:left; margin:0; padding:0; list-style:none; z-index:999; position:relative; }
.zz_new_gallery_header .search_box li select{ margin:0; padding:3px 5px; width:120px; text-align:left; height:28px; border:none; overflow:hidden; background:url(../img/select.gif) left top no-repeat; border-width:none; !important}
.zz_new_gallery_header .search_box li input{width:320px; border:none; overflow:hidden; height:28px;  z-index:1; background:url(../img/select_box.gif) left top no-repeat; !important}
.zz_new_gallery_header .search_box li.txt{margin:0; padding:6px 30px 0 0;}

.zz_new_gallery.contenter{margin:0; padding:0; width:100%; clear:both; overflow:hidden; z-index:1; position:relative;}
.zz_new_gallery.contenter .gall_box{border-bottom:1px solid #eaeaea; border-top:2px solid #333; margin:0 auto; padding:0; width:100%; }
.zz_new_gallery.contenter .gall_box p{text-align:center; padding:15px 0;}
.zz_new_gallery.contenter .gall_box ul.gall_list{margin:0 auto; padding:0 0 20px 0; width:100%; clear:both; overflow:hidden; }
.zz_new_gallery.contenter .gall_box ul.gall_list li{float:left; margin:0 0 0 33px; padding:0; list-style:none; position:relative; overflow:hidden}
.zz_new_gallery.contenter .gall_box ul.gall_list li:first-child{margin:0;}
.zz_new_gallery.contenter .gall_box ul.gall_list li p.no{ position:absolute; width:70px; height:70px; background-color:#333333; color:#FFFFFF; text-align:center; line-height:80px; display:block; font-weight:bold; top:0; left:0; margin:0; padding:0;}
.zz_new_gallery.contenter .gall_box ul.gall_list li p.img{margin:0; padding:0; z-index:1;}
.zz_new_gallery.contenter .gall_box ul.gall_list li div.txt{margin:0; padding:10px 0; background-color:#f5f5f5; overflow:hidden; !important}
.zz_new_gallery.contenter .gall_box ul.gall_list li div.txt p.title{margin:0; padding:0 0 8px 0; clear:both; width:100%;}
.zz_new_gallery.contenter .gall_box ul.gall_list li div.txt p.date{margin:0; padding:0; clear:both;}