@charset "euc-kr";

/* default */
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,input,td{font-family:µ¸¿ò,Dotum,sans-serif;font-style:normal; font-size:12px; line-height:14px;margin:0;padding:0;}
* {padding:0;margin:0;}
body {background-color:#f6f6f6}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0;}
ol,ul,dl{list-style:none; margin:0; padding:0;}
img, fieldset{border:none; vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;}
hr {display:none;}
.clearfx{zoom:1;}
.clearfx:after{content: ".";clear:both;display:block;height:0;visibility:hidden;}
table { border-collapse: collapse; empty-cells: show;  padding: 0;}

/* layout */
#wrap_admin { overflow:hidden;position:relative;width:980px; height:px; padding: 0; margin:0 auto;}
.area_head {width:980px; padding: 30px 0 0 0; margin: 0; }
.menu_top {width:980px; height:50px; padding: 0; margin:0 0 0 0; background-color:#212121;}
.menu_top h1 {float:left; width:164px;height: 50px; font-size:19px;color:#fff; line-height:50px; font-weight:bold;text-align:center }
.main h1 {color:#f71b1b;}
.menu_top h1 a {font-size:19px;color:#fff; line-height:50px; font-weight:bold;}
.main h1 a {color:#f71b1b;}


.top_log {position:absolute; top:10px; right:0px; font-size:11px; color:#717171}
.top_log span {color:#cdcdcd}
.top_log em {font-size:11px;color:#001dcf}
.top_log a { color:#d71313;text-decoration:underline; }
.top_log strong a { font-size:11px; color:#4f4f4f; text-decoration:none;}
.top_log strong a:hover {text-decoration:underline; }

/* gnb */
.menu_gnb {overflow:hidden;  }
.menu_gnb li {float:left; height: 50px;padding:0 15px; background: url("../image/line_gnb.gif") no-repeat left center;}
.menu_gnb li:first-child {background:none}
.menu_gnb li a {float:left; display:inline-block;  color:#c8c8c8; font-size:13px; line-height: 50px; font-weight:bold; text-align:center}
.menu_gnb li a:hover, .menu_gnb li a.on {color:#1838dc;}

.wrap_content {overflow:hidden;width:978px;background-color:#fff; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}

/* lnb */
.menu_lnb {float:left; width:163px; height:px; padding: 0; margin: 0;background: url("../image/bg_lnb_top.gif") no-repeat left top;}
.menu_lnb dl {margin:18px 0 0 9px;}
.menu_lnb dt { float:left; width:52px;height:22px; font-size:11px; color:#3d3d3d; }
.menu_lnb dd { float:left; width:93px;height:22px;font-size:11px;  color:#3d3d3d; font-weight:bold;}
.lnb_dl {overflow:hidden; width:145px;margin:19px 0 0 0; padding:0 0 1px;  border-bottom:1px solid #d7d7d7}
.lnb_dl02 {overflow:hidden; height:29px; margin:18px 0 0 9px;}
.lnb_dl02 dt { color:#6d6d6d;font-size:11px;  }
.lnb_dl02 dd {font-weight:bold;font-size:11px; color:#6d6d6d; letter-spacing:-1px }
.login_box {height:114px; font-size:20px; line-height:114px; color:#3d3d3d; font-weight:bold; letter-spacing:-1px; text-align:center}
.menu_lnb .lnb {margin:0 0 0 9px;}
.menu_lnb .lnb strong {display:block; overflow:hidden; width:137px; height:47px; padding:0 0 0 10px; margin:0 0 19px; font-weight:bold; font-size:14px; line-height:47px; color:#565656; border-bottom:1px solid #e8e8e8;background: url("../image/icon//ic05.gif") no-repeat 133px center;}
.menu_lnb .lnb li {margin:0 0 10px 0; padding:0 0 0 12px;}
.menu_lnb .lnb li a {font-size:12px; color:#828282;font-weight:bold; }
.menu_lnb .lnb li a:hover, .menu_lnb .lnb li a.on {font-size:12px; color:#1838dc; }

/* footer */
#cfmFooter {clear:both;float:left;width:980px;height:70px;padding:10px 0 0 0;position:relative;border-top:1px solid #ddd;}
#cfmFooter .cmfAddress {padding-top:7px;clear:both;}
#cfmFooter .cmfAddress address {float:none !important;font-size:11px;color:#9d9d9d;line-height:17px;font-style:normal;letter-spacing:0px; }
#cfmFooter .cmfAddress address span {font-size:11px;color:#9d9d9d;letter-spacing:0px;}
#cfmFooter .cmfAddressEtc {padding-top:7px;clear:both;}
#cfmFooter .cmfAddressEtc address {float:none !important;font-size:11px;color:#9d9d9d;line-height:17px;font-style:normal;letter-spacing:-1px;}
#cfmFooter .cmfAddressEtc address span {font-size:11px;color:#9d9d9d;letter-spacing:0px;}

/* login */
.login_area { overflow:hidden; width:511px; margin:61px 0 0 142px;  text-align:center;}
.login_area_box {position:relative; width:430px; height:115px; padding:28px 0 0 79px; letter-spacing: -1px; text-align:left; border:1px solid #e7e7e7; background-color:#f6f6f6;}
.login_area_box .login {overflow:hidden; width:260px; padding: 0; text-align:left;}
.login_area_box .login dt, .login_area_box .login dd, .login_area_box .login label {font-size:12px; line-height:31px; color:#575757; }
.login_area_box .login dt {float:left; width:51px; }
.login_area_box .login dd {float:left; margin:0 0 6px;}
.login_area_box .login input {vertical-align:middle;}
.login_area_box .login label {margin:0 0 0 5px;}
.login_area_box .login label input {vertical-align: -2px;}
.login_area_box p {padding:6px 0 0 54px; font-size:12px; color:#575757}

.inptxt01 {height:29px; padding:0 5px; margin: 0; font-size:12px; line-height:29px; color:#9c9c9c;  border:1px solid #d3d3d3;background-color:#fff;}
.bt_login {position:absolute; top:28px; left:349px;}
.inptxt03 {position:absolute; top:180px; left:601px;  display:block; width:62px; height:53px; }

.content {position:relative;overflow:hidden; float:left;width:814px; min-height:578px; padding:0 0 33px 0; border-left:1px solid #dddddd; }
.content h2 {width:100%; height:21px; padding: 0; margin: 0; border-bottom:1px solid #000; font-weight:bold; font-size:14px; line-height:16px;letter-spacing:-1px;}/* 2011-12-06 */
.content02 {position:relative;float:left; width:754px; min-height:543px; height:auto !important; height:543px; padding: 36px 25px 33px 25px; margin: 0; border-left:1px solid #dddddd;}
.content02 .title {overflow:hidden;  width:100%; height:27px; padding: 0; margin:0 0 25px 0; border-bottom:1px solid #000;}
.content02 .title h2 {float:left; height:27px; color:#333; font-size:22px; line-height:24px;letter-spacing: -2px;  }
.content02 .title span {float:left; margin:0 8px 0 5px;color:#ccc; line-height:24px;}
.content02 .title p {float:left; color:#666; font-size:13px; line-height:24px;}
.con {width:100%;}
.con h3 {width:100%; height:22px; padding: 0 0 0 13px; margin: 0;  color:#3d3d3d; font-weight:bold;  background: url("../image/icon/ic01.gif") no-repeat left 3px;}

.div01 {overflow:hidden; padding: 0 55px 0 50px; margin: 42px 0 0 0;}
.div01 p { padding: 14px 0 0 0;font-size:12px; color:#6d6d6d; font-weight:bold;}
.div01 .dl01 { overflow:hidden; clear:both; width:100%;  padding: 25px 0 0 0;}
.div01 .dl01 dt { float:left; font-weight:bold; width:10%; height:px; padding: 0 0 0 9px; margin: 0; font-size:12x; line-height:16px;color:#969696; background: url("../image/icon/ic03.gif") no-repeat left 4px;}
.div01 .dl01 dd { float:left; font-weight:bold; width:80%;padding: 0 0 10px 0; font-size:12px; line-height:16px;color:#272727;  }

.div01 .dl02 { overflow:hidden; clear:both; width:100%;  padding: 25px 0 0 0;}
.div01 .dl02 dt { float:left; font-weight:bold; width:13%; height:px; padding: 0 0 0 9px; margin: 0; font-size:12x; line-height:16px;color:#969696; background: url("../image/icon/ic03.gif") no-repeat left 4px;}
.div01 .dl02 dd { float:left; font-weight:bold; width:77%;padding: 0 0 10px 0; font-size:12px; line-height:16px;color:#272727;  }

.bcont .txt01 { padding: 0; margin: 12px 0 13px 0;color:#6d6d6d;}
/*
.ul01 {overflow:hidden;width:600px; padding:0; margin: 0;}
.ul01 li {overflow:hidden;width:600px; padding: 0 0 6px 7px; margin: 0; color:#3d3d3d; background: url("../image/icon/ic03.gif") no-repeat 0 4px; line-height:16px;}
*/
.ul01 {overflow:hidden;width:100%; padding:0; margin: 0;}
.ul01 li {overflow:hidden;width:100%; padding: 0 0 6px 7px; margin: 0; color:#3d3d3d; background: url("../image/icon/ic03.gif") no-repeat 0 4px; line-height:16px;}

.top_title {overflow:hidden;width:754px;  padding: 12px 0 8px 10px; margin: 0 0 10px 0; background-color:#ebebeb; }
.top_title h3 {float:left;width:49px; height:22px; padding: 0 0 0 13px; margin:3px 0 0 0;  color:#3d3d3d; font-weight:bold;  background: url("../image/icon/ic01.gif") no-repeat left 3px;}
.top_title02 {background-color:#fff; padding-left:0;}

.txt01 {padding:4px 0 0 10px; font-size:11px; line-height:14px; color:#6d6d6d; }
.td01 {padding-top:11px !important; vertical-align:top;}

.mod01 {border-top:none !important;}
.mod01 th, .mod01 td {background-color:#fff !important;}
.mod01 th {color:#9d9d9d !important;}
.mod01 td a {color:#3d3d3d;}
.mod01 td a:hover { color:#3d3d3d;text-decoration:underline;}

.pos01 {width:346px;height:20px;border: 1px solid #BFBFBF;cursor:pointer; margin:5px 0 0px 0;}
.pos02 {position: absolute; right: 25px; top: 42px;}
.pos03 {line-height:20px; padding:4px 5px 0px 0px; margin:5px 0 0px 0;}
.pos03 .pos_del{color:red;}
.pos03 .pos_no{color:0000ff;}


.radio {margin:0px 2px 0 0; *margin:-4px 2px 0 0;}
.f_left {float:left}
.f_right {float:right}
.f_center {width:80%;text-align:center}
.mar_t12 {margin-top:12px;}
.mar_l11 {margin-left:11px;}

/* ¾Ë¸²*/
.helpmsg{padding:4px 0 0 5px; border-bottom:0px solid #CCCC00; color:#ff9900; line-height:16px;}
.helpimg{padding:4px 0 0 5px; border-bottom:0px solid #CCCC00; color:#ff9900; line-height:16px;}
.helpimg .imgsize{color:#0000ff; line-height:16px;}
.helpdel{padding:2px 0 0 2px; border-bottom:0px solid #CCCC00; color:red; line-height:16px;}
/* ¾Ë¸² ¹ÙÀÌÆ®*/
.helpbytes{padding:4px 0 0 5px; border-bottom:0px solid #CCCC00; color:#9d9d9d; line-height:16px;}
.hidebytes{padding:4px 0 0 5px; border-bottom:0px solid #CCCC00; color:#9d9d9d; display:none; line-height:16px;}

/* add 20140922 */
.h3_stit {float:left; padding:4px 5px 0px 0px; margin:0 0 0 10px}
/* ÀÛÀº À̹ÌÁö ¸®½ºÆ® À̹ÌÁö »çÀÌÁî */
table.board-list tbody td.sum_img a {padding:0; margin:5px;}
table.board-list tbody td.sum_img a img {width:100px; height:100px;}
/* °¶·¯¸® ¸®½ºÆ® À̹ÌÁö »çÀÌÁî */
.g_ul {overflow:hidden;}
.g_ul li {width:23%; min-height:208px; float:left; margin:7px; font-size: 12px; line-height:18px; color:#bfbfbf;}
/*.g_ul li > a > img {width:100%;}*/
.g_ul li .g_tit {display:block; margin:5px 0 0 0;}
.g_ul li .g_tit span{vertical-align:top; display:inline-block; max-width:127px; font-size: 12px; line-height:18px; color:#737373; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.g_ul li .g_tit em {font-weight:normal;color:#ff0000;font-size: 12px; line-height:18px;  }
.g_ul li .g_help {display:block; margin:2px 0 0 0; font-weight:bold; font-size: 12px; color:#ff9900;}
.g_ul li .g_name { font-size: 12px; line-height:18px; color:#737373;}
.g_ul li .g_date { font-size: 12px; line-height:18px; color:#737373;}


/* ºä¾î À̹ÌÁö ·Îµù */
#cm_image_area {position:relative; margin:10px 0 0 0;}
#cm_image_area img {display:block;}
/* ºä¾î À̹ÌÁö º¸¿©ÁÖ±â */
#cm_webedit_content {position:relative; margin:5px 0 10px 0;}
#cm_webedit_content img {display:block; margin:10px}

.bt_preview {font-size: 12px; color:#1838dc; text-decoration:underline;}
#pop_preview {position: absolute;  top:300; left:0; display:none;z-index:4;}
.pop_preview_in {position:relative;}
.pop_preview_in img {border:1px solid #858585}
.bt_close {position: absolute;  top: 0; right:4px; font-size: 14px; color:#fff; font-weight:bold;}
.anyClass li { overflow: hidden; float: left; width:559px; height:auto; }
.anyClass li img {width:100%;}
.bt_prev {position: absolute;  top: 50%; left:15px; padding:5px; font-weight:bold; cursor:pointer;z-index:3}
.bt_next {position: absolute;  top: 50%; right:15px;  padding:5px; font-weight:bold;cursor:pointer; z-index:3}

/* µ¡±Û */
#comment_input  {margin:30px 0 0 0; }
#comment_list   {margin:30px 0 0 0; }
.box_reply {width:100%; padding:8px 0 6px 0; border: 1px solid #e0e1e3; border-top: 1px solid #3b3b3b; background-color:#f9f9f9}
.box_reply img {vertical-align:top;}
.comment_name {vertical-align:top;display:inline-block; width:77px; height:22px; padding:0 0 0 11px; color:#912c2d; font-size:12px; line-height:22px;border: 1px solid #e0e1e3; background-color:#fff; }
.comment_area {width:340px; height:22px; padding:0 0 0 6px; margin:0 20px 0 0; color:#2478c8; font-size:12px; line-height:22px; border: 1px solid #e0e1e3; vertical-align:top;background-color:#fff; }
.comment_bytes {margin:0 8px 0 0; color:#5a5a5a; font-size:12px; line-height:25px;}
.comment_pass {vertical-align:top;display:none; width:77px; height:22px; padding:0 0 0 11px; color:#797979; font-size:12px; line-height:22px; border: 1px solid #e0e1e3;background-color:#fff; }
.num_reply {text-align:right; color:#5a5a5a; font-size:12px; line-height:22px;}
.num_reply em {color:#ff3233;}