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



/************************************************************************
* FONT *
************************************************************************/
@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');
} 
@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:'Nanum Gothic';
  font-style:normal;
  font-weight:400;
  src:local('NanumGothic'), url(http://fonts.gstatic.com/s/nanumgothic/v8/PN_3Rfi-oW3hYwmKDpxS7F_D-djY.woff) format('woff');
}
@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:700;
  src:local('NanumGothic Bold'), local('NanumGothic-Bold'), url(http://fonts.gstatic.com/s/nanumgothic/v8/PN_oRfi-oW3hYwmKDpxS7F_LQv3LyVsg.woff) format('woff');
}
@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:800;
  src:local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'), url(http://fonts.gstatic.com/s/nanumgothic/v8/PN_oRfi-oW3hYwmKDpxS7F_LXv7LyVsg.woff) format('woff');
}



*{font-family:'Noto Sans KR','Nanum Gothic',Dotum,돋움,Tahoma,Geneva,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}




/************************************************************************
* HTML_RESET *
************************************************************************/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,button,input{
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
	background:transparent;
	word-break:break-all;
}
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:none;
}
.admin_main_body{margin:0 auto; padding:0; width:100%; position:relative; background:url(../admin_img/index_bg.gif); -webkit-text-size-adjust:none}
*{-webkit-text-size-adjust:none}
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;  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;  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;}


input[type=text],input[type=button],select{padding:0 6px;}
input[type=password],input[type=button],select{padding:0 6px;}
input[type=radio]{margin-top:-3px;margin-left:5px;margin-right:5px;}
input[type=text],select{min-width:80px;}


/******************************************************************************************************************
					
												*관리자 로그인*
										
*******************************************************************************************************************/
.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:48%; 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;  width:16.6666%; text-align:center;}
.admin_main .logo .menu li a:link{display:block; width:81px; height:81px;margin:0 auto; 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:48%; 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:calc(100% - 250px);}
.admin_main .form ul li p.right input{width:100%; height:34.5px; border:0;background:#fff;}

/*하단*/
.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}

@media screen and (max-width:1500px) {
.admin_main{margin:10% auto 0 auto;width:95%;}
}
@media screen and (max-width:1400px) {
.admin_main{margin-top:8%;}
}
@media screen and (max-width:1280px) {
.admin_main{margin-top:6%;}
.admin_main .logo .logo_txt li:first-child{width:120px;height:180px;font-size:170px;line-height:100%;}
.admin_main .logo .logo_txt li.last p.txt01{margin-top:28px;}
.admin_main .logo .logo_txt li.last p.txt02{font-size:40px;letter-spacing:-0.04em;}

.admin_main .logo .menu li a:link{width:65px;height:65px;background-size:cover;display:flex;align-items:center;justify-content:center;}
.admin_main .logo .menu li a:link img{width:90%;}
}
@media screen and (max-width:980px) {
.admin_main{margin-top:4%;}
.admin_main .logo{width:100%;}
.admin_main .logo .menu{display:none;}
.admin_main .form{padding:58px 43px;width:100%;margin-top:40px;}
.admin_main .bottom{padding-top:40px;}
}
@media screen and (max-width:640px) {
.admin_main .form{padding:40px 33px;margin-top:30px;background-position:35px 35px;background-size:35% auto;}
.admin_main .form ul{margin-top:80px;}
.admin_main .form ul li.but input{width:120px;}
.admin_main .form ul li.last{margin-top:29px;}
.admin_main .form ul li p.left{width:85px;}
.admin_main .form ul li p.right{width:calc(100% - 220px);}

.admin_main .bottom{padding-top:10px;}
.admin_main .bottom ul{display:none;}
.admin_main .bottom p.copy_line{display:none;}
.admin_main .bottom p.copy{text-align:center;}
}
@media screen and (max-width:500px) {
.admin_main .form ul li.but input{width:100px;}
.admin_main .form ul li p.right{width:calc(100% - 200px);}
}
@media screen and (max-width:480px) {
.admin_main .logo .logo_txt li:first-child{width:100px;height:160px;font-size:140px;}
.admin_main .logo .logo_txt li.last p.txt01{margin-top:20px;padding:26px 80px 8px 0;}
.admin_main .logo .logo_txt li.last p.txt02{font-size:30px;}

.admin_main .form{padding:40px 25px;}
}
@media screen and (max-width:440px) {
.admin_main{margin-top:8%;}
.admin_main .logo .logo_txt li:first-child{width:90px;height:130px;font-size:120px;}
.admin_main .logo .logo_txt li.last p.txt01{margin-top:10px;padding:16px 70px 8px 0;font-size:15px;background-size:35px auto;}
.admin_main .logo .logo_txt li.last p.txt02{font-size:28px;}

.admin_main .form{padding:40px 25px;;background-position:25px 40px;}
}
@media screen and (max-width:420px) {
.admin_main .form ul li.but input{width:80px;}
.admin_main .form ul li.last{margin-top:29px;}
.admin_main .form ul li p.left{width:75px;}
.admin_main .form ul li p.right{width:calc(100% - 170px);}
}
@media screen and (max-width:370px) {
.admin_main{margin-top:10%;}
.admin_main .logo .logo_txt li.last{margin:0 0 0 10px;}
.admin_main .logo .logo_txt li.last p.txt01{padding:16px 60px 8px 0;}
}





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

/*리스트 검색*/

.admin_sub .sub_con .searchBox{padding-left:70%;margin-bottom:20px;display:flex;align-items:center;justify-content:flex-end;}
.admin_sub .sub_con .searchBox select{width:30%;font-size:16px;line-height:42px;height:44px;padding-left:10px;padding-right:40px;background:url(/img/select_arrow.png) no-repeat right 10px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.admin_sub .sub_con .searchBox input[type=text]{width:70%;font-size:16px;line-height:42px;height:44px;margin:0 6px;padding-left:10px;}

@media screen and (max-width:1500px){
.admin_sub .sub_con .searchBox{padding-left:60%;}
}
@media screen and (max-width:1280px){
.admin_sub .sub_con .searchBox{padding-left:50%;}
}
@media screen and (max-width:767px){
.admin_sub .sub_con .searchBox{padding-left:40%;margin-bottom:10px;}
.admin_sub .sub_con .searchBox select{font-size:14px;line-height:40px;height:42px;padding-left:8px;padding-right:30px;background:url(/img/select_arrow.png) no-repeat right 8px center;}
.admin_sub .sub_con .searchBox input[type=text]{font-size:14px;line-height:40px;height:42px;margin:0 4px;padding-left:8px;}
}
@media screen and (max-width:640px){
.admin_sub .sub_con .searchBox{padding-left:30%;}
}
@media screen and (max-width:400px){
.admin_sub .sub_con .searchBox{padding-left:20%;}
}


/*상단 메뉴*/
.admin_sub .top_menu{padding:10px 1%; width:100%; background:#edeff1; border-bottom:1px solid #c8c8c8;display:flex;justify-content:space-between;flex-wrap:wrap;position:fixed;top:0;left:0;}

.admin_sub .top_menu div{display:flex;align-items:center;}
.admin_sub .top_menu div h1{font-size:22px;font-weight:bold;color:#999;}
.admin_sub .top_menu div h1 b{color:#555;font-weight:bolder;}
.admin_sub .top_menu div a{font-size:18px;margin-left:10px;}
.admin_sub .top_menu div span{display:none;}

.admin_sub .top_menu ul{display:flex;}
.admin_sub .top_menu ul li{margin:0 3px;padding:6px 18px 0 18px;display:block;border-radius:2px;}
.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;line-height:100%;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{padding:20px 1%;display:flex;flex-wrap:wrap;width:100%;border-bottom:solid 1px #ddd;box-shadow:2px 2px 10px rgba(0,0,0,0.05);background:#fff;position:fixed;top:50px;left:0;}
.admin_sub .menu li{padding:0 18px;text-align:center;font-size:16px;position:relative;}
.admin_sub .menu li:after{width:1px;height:10px;background:#ddd;position:absolute;top:calc(50% - 5px);right:0;display:block;content:"";}

.admin_sub .menu li:first-child{padding-left:0;}
.admin_sub .menu li:hover, .admin_sub .menu li a.on{font-weight:bold;}
.admin_sub .menu li a.on{color:#e13c09;}


/*내용*/
.admin_sub .sub_con{width:100%; display:flex;flex-wrap:wrap;padding-top:115px;}

.admin_sub .sub_con .sub_txt{padding-left:calc(2% + 260px);min-width:1280px;overflow:hidden;width:90% !important;}
.admin_sub .sub_con .sub_txt .sub_txt_line{margin:0; padding:0; width:1004px; overflow:hidden;display:none;}
.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{width:260px;height:calc(100vh - 115px);overflow:hidden; background-color:#495161;position:fixed;bottom:0;left:0;}
#gnb_container{width:100%;padding:20px;}
#gnb_container h2{padding-bottom:5px;width:100%;}
#gnb_container h2 .site_logo{background-color:#fff;border-radius:2px;padding:15px;width:100%;height:auto;text-align:center;}
#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{padding-top:10px;width:100%;}
#gnb_container #s_gnb .depth_1{position:relative;width:100%;}
#gnb_container #s_gnb .depth_1 .depth_1_a{display:block;width:100%;cursor:pointer;padding:7px 0 7px 7%;margin-bottom:1px;overflow:hidden;color:#fff;font-size:15px;font-weight:400;line-height:32px;border-bottom:1px solid rgba(255,255,255,0.2);}
#gnb_container #s_gnb .depth_1 .depth_1_a.on ,#gnb_container #s_gnb .depth_1 .depth_1_a:hover{background:#fff;color:#495161;border-radius:2px;}



@media screen and (max-width:1500px) {
.admin_sub .sub_con .sub_txt{padding-left:calc(2% + 220px);}
.admin_sub .sub_con .left_menu{width:220px;}
}
@media screen and (max-width:1280px) {
.admin_sub .sub_con .sub_txt{min-width:98.5%;}
}
@media screen and (max-width:1100px) {
.admin_sub .top_menu{position:static;}
.admin_sub .top_menu div h1{font-size:20px;}
.admin_sub .top_menu div a{font-size:16px;margin-left:8px;}

.admin_sub .top_menu ul li{margin:0 2px;padding:4px 16px 0 16px;}

.admin_sub .menu{padding:14px 1%;position:static;}
.admin_sub .menu li{padding:0 14px;font-size:15px;}

.admin_sub .sub_con{padding-top:0;}
.admin_sub .sub_con .sub_txt{padding-left:0;margin:0 auto;min-width:97%;}

.admin_sub .sub_con .left_menu{width:100%;height:auto;background-color:#495161;position:static;}
#gnb_container{padding:10px;display:flex;align-items:center;flex-wrap:wrap;}
#gnb_container h2{padding-bottom:0;width:15%;}
#gnb_container h2 .site_logo{padding:8px;font-size:18px;}
#gnb_container #s_gnb{padding-top:0;padding-left:10px;width:85%;display:flex;align-items:center;flex-wrap:wrap;}
#gnb_container #s_gnb .depth_1{width:auto;}
#gnb_container #s_gnb .depth_1 .depth_1_a{padding:0 10px;font-size:14px;line-height:140%;border-bottom:none;}
#gnb_container #s_gnb .depth_1 .depth_1_a.on ,#gnb_container #s_gnb .depth_1 .depth_1_a:hover{background:none;color:#e13c09;border-radius:0;font-weight:bold;}
}
@media screen and (max-width:820px) {
.admin_sub .top_menu div h1{font-size:18px;}
.admin_sub .top_menu div a{font-size:15px;margin-left:6px;}

.admin_sub .top_menu ul li{padding:2px 12px 0 12px;}

.admin_sub .menu li{padding:1px 15px;text-align:left;}
.admin_sub .menu li:first-child{padding-left:15px;}
.admin_sub .menu li:after{display:none;}

.admin_sub .sub_con .left_menu{top:125px;}
}
@media screen and (max-width:640px) {
#gnb_container h2{width:25%;}
#gnb_container #s_gnb{width:75%;}
}
@media screen and (max-width:560px) {
.admin_sub .menu{top:80px;}
.admin_sub .top_menu div span{display:block;margin-right:10px;}
.admin_sub .top_menu ul{width:100%;justify-content:flex-end;margin-top:10px;}
.admin_sub .top_menu ul li{padding:2px 6px 2px 6px;}

#gnb_container h2{display:none;}
#gnb_container #s_gnb{padding-left:0;width:100%;}
}
@media screen and (max-width:462px) {
.admin_sub .sub_con .left_menu{top:180px;}
}


/*하단*/
.admin_sub .footer{margin-top:80px;padding:20px;width:100%;background:#edeff1;}
.admin_sub .footer .copy{width:100%;text-align:right;font-size:12px;color:#858585;font-weight:200;letter-spacing:-0.04em;}
@media screen and (max-width:1100px) {
.admin_sub .footer{margin-top:50px;}
.admin_sub .footer .copy{text-align:center;}
}





/*******************************************************************
                       * 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; 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;  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{}
*/


.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; 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;}