@charset "euc-kr";

/* °Ô½ÃÆÇ Å×ÀÌºí ±¸Á¶....*/
@import url("./cm_board.css");

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

/*
.con {width:100%;}
.con h3 {width:100%; height:22px; padding: 0 0 0 13px; margin: 0;  color:#3d3d3d; font-weight:bold;  background: url("../../board/images/icon/ic01.gif") no-repeat left 3px;}
*/
#cm_board {width:100%;}
#cm_board h3 {width:100%; height:22px; padding: 0 0 0 13px; margin: 0;  color:#3d3d3d; font-weight:bold;  background: url("../../board/images/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("../../board/images/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("../../board/images/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("../../board/images/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("../../board/images/icon/ic03.gif") no-repeat 0 4px; line-height:16px;}

.top_title {overflow:hidden;width:100%;  padding: 16px 0 15px 0; margin: 0 0 45px 0; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.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("../../board/images/icon/ic01.gif") no-repeat left 3px;}
.top_title02 {background-color:#fff; padding-left:0;}

.txt01 {padding:4px 0 0 10px; font-size:12px; 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}
.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;}

/* Æ˾÷ */
.popup_con {width:490px; min-height:200px; padding:20px 5px 100px; font-size:12px; line-height:14px; background:#eee7d5 url("../image/popup_service/bottom.jpg") no-repeat left bottom;}

/* add 20140922 */
.h3_stit {font-size:14px;float:left; line-height:27px;padding:0 5px 0 0; 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;min-height: 192px;text-align: center;}
#cm_webedit_content img {display:block;margin:auto;max-width: 100%;}

.bt_preview {font-size: 12px; color:#1838dc; text-decoration:underline;}
#pop_preview {position: absolute;  top:300; left:50% !important;     margin-left: -156px; 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;}

/* À̺¥Æ® */
.ev_con {overflow:hidden; width:1288px;}
.ev_con li {position:relative; overflow:hidden; float:left; width:34.5%; min-height:128px; padding:0 0 0 144px; margin:0 30px 30px 0; border:1px solid #dbdbdb;}
.ev_con li dt {display:block;}
.ev_con li dt a {display:block;width:95%; padding:19px 0 12px 0; color:#2b2a2a; font-size:18px; line-height:22px;white-space: nowrap;overflow:hidden;   text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.ev_con li dd {display:block;}
.ev_con li dd p {display:block; color:#1e1e1e; font-size:12px; line-height:19px;}
.ev_con li .photo {position: absolute; top:11px; left:11px; width:119px; height:105px; border:1px solid #dbdbdb; background-color:#f1f1f1;}
.ev_con li .photo img {width:119px; height:105px;}
.box_bot_sear {width: 977px; height: 44px; margin: 0; padding:19px 0 0 0; text-align:center; border:1px solid #d7d7d7; background-color: #fafafa;}
.box_bot_sear select, .box_bot_sear input, .box_bot_sear a {vertical-align:middle;}
.bt_ev_ser {display:inline-block; width:63px;height:26px;  color:#fff; font-size:12px; line-height:26px; text-align:center; background:url("../../board/images/bt_ser.gif") no-repeat left top}
.bt_ev_ser:hover, .bt_ev_ser:focus {color:#fff;background:url("../../board/images/bt_ser.gif") no-repeat left bottom}
.tab_line_right {position:relative; width:100%; padding:0 0 0 0; margin-bottom:20px;}
.tab_line_right:after{display:block; clear:both; content:"";}
.tab_line_right ul {float:right;bordeR:1px  solid #d8d4d4; }
.tab_line_right ul,.tab_line_right ul li{margin:0; padding:0;}
.tab_line_right ul li {float:left; text-align:center;    margin-left: -1px;}
.tab_line_right ul li a {    font-size: 15px;width:147px; height:30px; line-height:30px;  display:block;text-align:center; }
.tab_line_right ul li.on a {background-color:#d99a28; color:#fff;}

.tab_line_right .title {position:absolute; left:0; top:6px;}

/*font*/
.blue {color:#0066cc;}
.blue_bold {color:#0066cc; font-weight:bold;}
.sky {color:#6699cc;}
.sky_bold {color:#6699cc; font-weight:bold;}
.wind {color:#990033;}
.wind_bold {color:#990033; font-weight:bold;}
.white {color:#ffffff;}
.white_bold {color:#ffffff; font-weight:bold;}
.red {color:#ff3333;}
.red_bold {color:#ff3333; font-weight:bold;}
.orange	{color:#ff9900;}
.orange_bold {color:#ff9900; font-weight:bold;}
.black	{color:#000000;}
.black_bold {color:#000000; font-weight:bold;}

.tab_list{bordeR: 1px solid #e2e2e2;overflow:hidden; width:100%; margin:0 0 6px 0;}
.tab_list li{float:left; width:50%; background-color: #fafafa; height:45px;}
.tab_list li:hover{background-color:#0065a7}
.tab_list li:hover a{color:#fff;}
.tab_list li.on{background-color: #0072bc}
.tab_list li.on a{color:#fff;}
.tab_list li a{color: #575757; line-height: 45px; text-align: center; font-size: 15px; display:block;}