@charset "utf-8";
/* Mobile XE (/modules/board/m.skins/default) */
body{margin:0;background:#fff;color:#000;word-wrap:break-word}
body,input,textarea,select,button,table{font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
em{font-style:normal}
ul,li,dl,dt,dd {margin:0;padding:0;list-style:none;}
form{margin:0;padding:0;}
fieldset{margin:0;padding:0;border:0}
textarea{resize:vertical}
input[type=checkbox],
input[type=radio]{width:13px;height:13px;margin:0;padding:0}
h1, h2, h3, h4, h5, h6 { color: #5E636D;  font-weight: normal;  letter-spacing: 0;  padding:0; margin:0}
*{-webkit-text-size-adjust:none}
a:link, a:visited, a:hover {  text-decoration: none; }

/* Common */
.fl{float:left}
.fr{float:right}

.rotini_wrap{color: #373737; min-height:200px;}
.rotini_wrap img {border:0;max-width:100%;height:auto}

/* form */
.df_box {display:block; padding:10px; overflow:hidden; }
div.rof {position:relative; display:block;  background:#f0f0f0; padding:3px 5px; border: 1px solid #ccc; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin:1px }
div.rof .rof_txt,
div.rof .rof_tel,
div.rof .rof_dat,
div.rof .rof_opt,
div.rof .rof_zip,
div.rof .rof_txa {display:block; overflow:hidden;}
div.rof label,
div.rof p {z-index: 2; position:absolute;top:5px; background: transparent; display:inline-block; cursor: text; line-height: 20px; font-size:12px;}
div.rof label {left: 5px; color:#666; }
div.rof p {right:5px; margin:0;color:#999;z-index:1; }
div.rof input,
div.rof textarea{  z-index: 10;  position: relative;  border: none;  background: none;  outline: none;  width:100%; }
div.rof textarea {min-height:75px;}
div.rof input[type=text],
div.rof input[type=email],
div.rof input[type=tel],
div.rof input[type=url],
div.rof input[type=password] {height: 23px;}
div.rof input[type=checkbox],
div.rof input[type=radio]{width:13px;height:13px;border:1px solid #666; background:#ccc}
div.rof input.tel {width:35px; margin-right:2px; background:#f5f5f5; height:20px;border:1px solid #d0d0d0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
div.rof input.date {width:100px;margin-right:2px; background:#f5f5f5; height:20px;border:1px solid #d0d0d0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
div.rof .rof_dat p, 
div.rof .rof_tel p, 
div.rof .rof_opt p {position:relative; padding-bottom:3px; margin-top:-3px;font-size:11px; display:block;top;0;right:0}
div.rof .rof_opt ul{padding-top:3px}
div.rof .rof_opt li {display:inline-block;padding-right:5px;line-height:20px}
div.rof .rof_opt label {position:relative; display:inline-block; padding-left:3px; top:-3px; left:0; color:#999;  }
div.rof .rof_zip {padding-top:26px}
div.rof .rof_zip .address {float:left; background:#f5f5f5; height:20px;border:1px solid #d0d0d0;width:65%; margin-bottom:2px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
div.rof .rof_zip .button {float:left; background-color: #EDEDEE;   border: 1px solid #CACACA; color: #333333; padding:0; display: inline-block;   margin:0 2px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
div.rof .rof_zip .button span {font-size:12px;height: 24px; line-height: 24px; display: inline-block; padding:0 5px;   }
div.rof .rof_zip .rof {float:left; width:65%}

.text_clear_btn{position: absolute;display:none; background: url("../images/btn_clear.gif") no-repeat 14px 14px transparent; height: 35px; width: 35px; overflow: hidden; right: 5px;  bottom: 5px;  z-index:9999; }
.text_clear_btn em {display:none}

.mb_header {position:relative;width:100%;background: url("../images/bg_header.gif") repeat scroll 0 0 #FFFFFF;  height: 45px; display:block; overflow:hidden}
.mb_header:after{content:"";display:block;clear:both;*zoom:1}
.mb_header li {float:left;display:inline-block;height: 25px; padding:10px 5px; padding-right:15px; background: url("../images/bg_header_process_bar.gif") no-repeat scroll right 0 transparent; }
.mb_header li:last-child {background:none}
.mb_header li a {line-height:25px; height:25px; display:inline-block;  font-size:12px; font-weight:bold; text-shadow:1px 1px 1px #fff; color: #373737;}
.mb_header li a span {display:none}
.mb_header li em {margin:0 2px;font-size: 12px;color: #666666; font-family: arial,sans-serif;}
.mb_header li.home a {width:20px; background: url("../images/btn_header_home.gif") no-repeat scroll right 0 transparent;}
.mb_header li.cate {background:none}
.mb_header li.cate a{color: #666; font-weight:normal; padding-right:15px; }
.mb_header li.bt a {padding-left:25px; background: url("../images/bg_header_board.gif") no-repeat scroll 0 2px transparent;}

.mb_header .mb_search,
.mb_header .cancel_btn,
.mb_header .search_btn {position:absolute;top:8px;right:5px;}
.mb_header .mb_search {top:0;right:0; height:38px; padding-top:3px; background:#EEEEEE;width:100%;z-index:99}
.mb_header .mb_search form {position:relative; padding:3px 0 7px 0;margin:0;height:24px;background:#fff; border:1px solid #C8C8C8;width:98%; margin:0 auto; }
.mb_header .mb_search form .search_target {position:absolute;top:5px;left:5px; width:80px;font-size:12px;}
.mb_header .mb_search form .search_submit,
.mb_header .mb_search form .search_close {position:absolute; top:0px; border:0;  width:34px;height:34px; margin:0;padding:0; border-left:1px solid #C8C8C8;  }
.mb_header .mb_search form .search_submit{right:34px; background:#777 url("../images/btn_search_submit.gif") no-repeat 0 0;}
.mb_header .mb_search form .search_close {right:0; background:#777 url("../images/btn_search_close.gif") no-repeat 0 0; }
.mb_header .mb_search form .search_keyword {display:block; border:0; padding:2px 75px 3px 90px; }
.mb_header .mb_search form .search_keyword input{width:100%; border:0; background:transparent;color:#787878;font-size:12px;line-height:26px}

.mb_header .search_btn {border:0; width:80px; height:25px;background: url("../images/btn_search.gif") no-repeat left 0 transparent; z-index:1}
.mb_header .search_btn span{display:none}
.mb_header .cancel_btn {background: #A5AFB5; height: 25px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display: inline-block; font-size: 13px; padding: 1px; text-decoration: none;}
.mb_header .cancel_btn span {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;  display: inline-block;  height: 100%;  text-align: center; padding:0 10px; background-color: #FDFDFE;  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.07) inset, -1px -1px 1px rgba(255, 255, 255, 0.07) inset;  color: #30383E;  line-height: 27px;}

.mb_gnb_box{padding:5px;border-top:1px solid #999;border-bottom:1px solid #999;background:#e2e3e3;-webkit-box-shadow:0 1px #c0c0c0}
.mb_gnb_box .gnb_list{margin:0;padding:0;list-style:none;text-shadow:1px 1px 0 #fff}
.mb_gnb_box .gnb_list li{background:#f2f2f2;display:block; border:1px solid #C8C8C8;border-left:0;border-right:0;margin:0 0 -1px 0}
.mb_gnb_box .gnb_list li.selected {background:#f8f8f8;}
.mb_gnb_box .gnb_list li li{background:#f8f8f8;border:1px solid #c9c9c9;border-left:0;border-right:0}
.mb_gnb_box .gnb_list li li li{background:#e8e8e8}
.mb_gnb_box .gnb_list ul{margin:0 0 -1px 0;padding:0;list-style:none;border:0}
.mb_gnb_box .gnb_list a{position:relative;display:block;line-height:18px; padding:5px 7px; font-size:13px}
.mb_gnb_box .gnb_list li a{color:#555}
.mb_gnb_box .gnb_list li a:after{position:absolute;top:7px;right:10px;content:"›";color:#888;font-size:18px;font-weight:bold;font-family:Verdana, Geneva, sans-serif}
.mb_gnb_box .gnb_list li li a:before{content:"";display:inline-block;width:6px;height:6px;border:1px dotted #666;border-top:0;border-right:0;margin:0 4px 0 0;vertical-align:top}
.mb_gnb_box .gnb_list li li a{padding-left:15px;font-size:12px}
.mb_gnb_box .gnb_list li li li a{padding-left:30px}
.mb_gnb_box .gnb_list li li li li a{padding-left:45px}
.mb_gnb_box .gnb_list li li li li li a{padding-left:60px}
.mb_gnb_box .gnb_list em{color: #FF4326;font-size:12px}

.mb_notice_box{padding:5px;border-top:1px solid #999;border-bottom:1px solid #999;background:#e2e3e3;-webkit-box-shadow:0 1px #c0c0c0}
.mb_notice_box .notice_list{margin:0;padding:0;list-style:none;text-shadow:1px 1px 0 #fff}
.mb_notice_box .notice_list li{background:#f8f8f8;display:block; border:1px solid #C8C8C8;border-left:0;border-right:0;margin:0 0 -1px 0}
.mb_notice_box .notice_list li a{position:relative;display:block;line-height:18px; padding:5px 7px; font-size:13px;color:#555}
.mb_notice_box .notice_list li a .notice{display:inline-block;background:#ccc;color:#444;font-size:12px;padding:2px 6px 1px 6px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
.mb_notice_box .notice_list li a span.title{display:block; font-size:13px; line-height:14px;}
.mb_notice_box .notice_list li a span.title strong{font-weight:normal;color: #0C0C0C;}

.mb_btn{overflow:hidden;display:block; border-bottom:1px solid #c8c8c8; border-top:1px solid #c8c8c8;background:#f2f2f2;background:-webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f6f6f6))}
.mb_btn ul{display:table;width:100%;table-layout:fixed}
.mb_btn li{position:relative;  display:table-cell}
.mb_btn li a{display:block;font-weight:bold;font-size:12px;line-height:33px;color:#666;letter-spacing:-1px;text-align:center;white-space:nowrap}
.mb_btn li a span{letter-spacing:0}
.mb_btn li a em {color: #404040;font-family: tahoma; font-size: 9px; font-weight: bold; margin-left:3px; vertical-align: middle;}
.mb_btn li.selected a,
.mb_btn li a.active{color:#6C809E}
.mb_btn li a:before{position:absolute;right:100%;top:9px;width:1px;height:16px;background:#d8d8d8;content:''}
.mb_btn li a:after{position:absolute;left:100%;top:9px;width:1px;height:16px;background:#fff;content:''}
.mb_btn.round {border:1px solid #c8c8c8; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin:3px}

.mb_btn2 {padding:10px 0;  text-align: center;}
.mb_btn2 a,
.mb_btn2 button {background-color: #EDEDEE;   border: 1px solid #CACACA; color: #333333; padding:0; display: inline-block;   margin:0 2px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.mb_btn2 a span,
.mb_btn2 button span {font-size:12px;height: 28px; line-height: 28px; display: inline-block; padding:0 10px;   }
.mb_btn2 a.wh,
.mb_btn2 button.wh {background-color: #fff; }

/* Pagination */
.mb_page{display:block;font-size:12px;text-align:center;padding:15px 0; }
.mb_page a{display:inline-block; text-decoration:none;background:#F1F1F1; border: 1px solid #BCBCBC; text-shadow:1px 1px 1px #fff;  color: #666666; padding:3px 7px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.mb_page strong{margin:0 10px;color:#333;font-family: tahoma,sans-serif;}
.mb_page strong em {color: #01939C; }
.mb_page .prev:before{content:"";display:inline-block;width:0;height:0;margin:0 4px 0 0;border:4px solid;border-color:transparent;border-right-color:#999}
.mb_page .next:after{content:"";display:inline-block;width:0;height:0;margin:0 0 0 4px;border:4px solid;border-color:transparent;border-left-color:#999}

/* Read */
.me_read{clear:both;width:100%;background-color:#fff;font-size: 13px; line-height: 15px;}
.me_read:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}

.read_header {position: relative; background:#F9F9F9; border-bottom: 1px solid #C3C3C3; padding:6px 0 5px 0; display:block}
.read_header span {display:inline-block;font-size:11px; line-height:12px;  margin-right:2px;  }
.read_header span a {color: #999999;}
.read_header span em {display:inline-block; padding-left:2px; font-size: 0.85em; color:#777}
.read_header h2 { color: #4B4B4B;text-shadow:1px 1px 0 #fff; font-size: 19px;  line-height:23px;  padding: 8px 5px 8px 5px;}
.read_header h2 .ca {background:none;  padding-right:1px; font-size:19px;line-height:23px; }
.read_header h2 .ca a {color: #4B4B4B; }
.read_header .dinfo,
.read_header .ainfo { position: relative; display:block;color: #999999;  font-size: 12px; line-height: 14px; padding: 0 5px; margin-bottom:2px; overflow: hidden; }
.read_header .dinfo .na {color: #666666; font-weight:bold}
.read_header .dinfo .rd {padding-left:8px; background: url("../images/icon_dinfoitem_bar.gif") no-repeat left 0 transparent;}
.read_header .dinfo .ld {padding-left:8px; background: url("../images/icon_dinfoitem_bar.gif") no-repeat left 0 transparent;}
.read_header .ainfo .pu a {color: #666666; outline: medium none; font: 11px "gulim";}
.read_header .ainfo .rc {float:right; }
.read_header .ainfo .rc em {color: #FF6E46; font-size: 11px;  font-family: tahoma;}

.read_content_box{overflow:hidden;clear:both;padding-bottom:16px;font-size:1.15em;line-height:1.45;color:#1f1f1f;}
.read_content_box .content_area {overflow:hidden; display:block; font-size:12px; padding:10px 5px 4px;min-height:100px}
.read_content_box .content_area .xe_content {font-size:1em;}

.read_exvar_box{background:#F8F8F8; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; font-size:0.75em;}
.read_exvar_box:after{display:block;clear:both;content:''}
.read_exvar_box .exvar_name:nth-child(1){border-top:0}
.read_exvar_box .exvar_value:nth-child(2){border-top:0}
.read_exvar_box .exvar_name{clear:both;float:left;width:105px;padding:5px 0 3px 5px;border-top:1px solid #e8e8e8;color:#666}
.read_exvar_box .exvar_name.on{color:#2d323c}
.read_exvar_box .exvar_value{overflow:hidden;padding:4px 5px 4px 0;border-top:1px solid #e8e8e8;color:#333;text-align:right}
.read_exvar_box .exvar_value em{font-size:14px;color:#5873D7}
.read_exvar_box .exvar_value.on{color:#61656d}
.read_exvar_box .exvar_value.on em{color:#2d323c}
.read_exvar_box .exvar_value a {color:#333;}

.read_middle{display:block; margin:10px 5px 0; }
.read_middle:after{display:block;clear:both;content:''}

.skip_content_btn,.send_message_btn {float:left; display:inline-block; border:1px solid #B5B5B5; text-align:center; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.skip_content_btn {margin-right:5px;}
.skip_content_btn a,
.send_message_btn a{display:inline-block; padding:4px 0;  color:#666}
.skip_content_btn a span,
.send_message_btn a span{display:inline-block;line-height:16px; font-size:11px;  padding:0 3px 0 5px; }

.font_cont{float:right; display:inline-block; border:1px solid #B5B5B5; text-align:center; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.font_cont ul{margin:0;padding:0;display:inline-block;}
.font_cont ul li{list-style-type:none;float:left; }
.font_cont ul li a{display:inline-block; padding:4px 0; border-right:1px solid #B5B5B5; color:#666}
.font_cont ul li:last-child a{border-right:0;}
.font_cont ul li a span{display:inline-block;line-height:16px; font-size:11px;  padding:0 3px 0 15px; background: url("../images/icon_font_cont.png") no-repeat 0 0 transparent;  }
.font_cont ul li a.plus span {background-position:4px 3px;}
.font_cont ul li a.minus span {background-position:4px -12px;}

.read_vote_box {display:block; font-size:12px; margin:10px 0; text-align:center; }
.read_vote_box a{display:inline-block; padding:9px 4px; border-right:1px solid #B5B5B5; color:#666;border:1px solid #B5B5B5; text-align:center; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.read_vote_box a span{display:inline-block;line-height:12px; font-size:12px;  padding:0 3px 0 15px; background: url("../images/icon_stars12.png") no-repeat 0 0 transparent;  }
.read_vote_box a span em {color: #F15D1F; margin: 0;}
.read_vote_box a.blamed {color:#999}
.read_vote_box a.voted span{background-position:2px -12px;}
.read_vote_box a.blamed span{background-position:2px 0;}
.read_vote_box a.blamed span em {color: #333; margin: 0;}

.read_edit_box {position:relative; display:block;margin:25px 5px 0; overflow:hidden;}
.read_edit_box:after{display:block;clear:both;content:''}

.post_sns{display:inline-block; border:1px solid #B5B5B5; text-align:center; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.post_sns ul{margin:0;padding:0;display:inline-block; height:31px}
.post_sns ul li{list-style-type:none;float:left; }
.post_sns ul li a{display:inline-block; padding:3px; border-right:1px solid #B5B5B5; width:25px; height:25px; background: url("../images/icon_sns.gif") no-repeat 3px 3px transparent; }
.post_sns ul li:last-child a{border-right:0;}
.post_sns ul li a.fb {background-position:3px 3px}
.post_sns ul li a.no {background-position:3px -29px}
.post_sns ul li a.kt {background-position:3px -61px}
.post_sns ul li a.yz {background-position:3px -95px}
.post_sns ul li a.tt {background-position:3px -127px}
.post_sns ul li a.m2 {background-position:3px -160px}
.post_sns ul li a span{display:none}

.post_edit{float:right; display:inline-block; border:1px solid #B5B5B5; text-align:center; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.post_edit ul{margin:0;padding:0;display:inline-block; height:29px}
.post_edit ul li{list-style-type:none;float:left; }
.post_edit ul li a{display:inline-block; padding:3px 0; border-right:1px solid #B5B5B5; color:#666}
.post_edit ul li:last-child a{border-right:0;}
.post_edit ul li a span{display:inline-block;line-height:23px; font-size:12px;  padding:0 3px 0 20px; }
.post_edit ul li a.scrap span {background: url("../images/icon_scrap.gif") no-repeat 3px 2px transparent; }
.post_edit ul li a.declare span {background: url("../images/icon_declare.gif") no-repeat 3px 2px transparent; }

.read_tab_box { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;  height: 33px;  line-height: 18px;  overflow: hidden; margin-bottom:5px;}
.read_tab_box li { float: left; width:25%;}
.read_tab_box li a { border-left: 1px solid #DDDDDD; background-color: #F5F6F5; border-bottom: 1px solid #DDDDDD;  border-top: 1px solid #DDDDDD;  color: #555555;  display: block;  font-size: 13px;  height: 23px;  padding-top: 8px;
  text-align: center;  text-decoration: none;  width: 100%;}
.read_tab_box li:first-child a {border-left:0}
.read_tab_box li.on a { background: #FFFFFF; border-bottom: 0;  color: #484C5A; font-weight:bold}
.read_tab_box li a em {color: #FF4326;font-size:12px}

.cmttb {position: relative; display:none;overflow:hidden;clear:both; padding:5px; }
.cmttb .loading_box {position: absolute;top:0;left:0;width:100%;height:100%; background:#F5F5F5; padding:auto; z-index:999; opacity:0.6}
.cmttb .loading_box .loading_bar {position:absolute;text-align:center;  width:32px; height:32px; top:50%; left:50%; margin-left:-16px; margin-top:-16px; padding:0;}

/* comment form */
.cmt_form {overflow:hidden;clear:both;display:block; background:#F9F9F9; font-size:12px; color:#666; border:1px solid #E3E3E3;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.cmt_form .cmt_field {overflow:hidden;}
.cmt_form .cmt_field li{position:relative; width:50%; float: left;  }
.cmt_form .cf_content {border:0; width:100%; min-height:40px;}
.cmt_form .cf_submit {display:block; height:35px;border-top:1px solid #E3E3E3;background:#ccc;  background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */}
.cmt_form .cf_submit input { font-weight:bold; width:100%; height:35px; border:0; background:transparent;color:#555;  }

.cmt_form .cmt_frm_block{position: absolute;top:0;left:0;width:100%;height:100%; padding:auto; text-align:center; z-index:99;background:#fff; opacity:0.8;}
.cmt_form .block_msg {text-align:left; display:inline-block;line-height:20px; color: #000; font-size:12px; margin:20px 10px 5px 10px; z-index:100;}
.cmt_form .modify_on {background:#EBEEEF; border: 1px solid #9CA3AB; border-radius:3px; display: inline-block; height: 25px; width: 60px;}


/* upload file list */
.uf_list{margin:0;padding:0;list-style:none}
.uf_list li{position: relative; border-top: 1px solid #DDDDDD; padding:3px 0}
.uf_list li:first-child {border-top:0}
.uf_list a{text-decoration:none;display:block; padding:2px 0 3px 5px;color:#333}
.uf_list .size{position: absolute; right:5px; top:5px;  color: #888787; font-size:12px;margin:0 5px;}

/* trackback list */
.tb_list{margin:0;padding:0;list-style:none}
.tb_list li{border-top: 1px solid #DDDDDD; color: #454545; line-height: 17px; padding: 1px 45px 2px 5px;  position: relative;}
.tb_list li:first-child {border-top:0}
.tb_list a{overflow:hidden; text-decoration:none;display:block;height:17px;padding:3px 0 4px;color:#333}
.tb_list a .tbdate {  position: absolute; right:5px; top:5px;  color: #888787;  font-size: 11px;   }
.tb_list a em {color:#788EB7}

/* comment list */
.cmt_list ul{margin:0; padding:0;list-style:none}
.cmt_list li{padding:0;}
.cmt_list .xe_content, .cmt_list p{margin:0;color: #606061;}
.cmt_list li li{padding-left:20px;background: url("../images/icon_reply_arrow.png") no-repeat 0 5px transparent;}
.cmt_list .more_btn {display:block;  border:1px solid #c9c9c9; margin:5px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaeaea));
    background:-moz-linear-gradient(center top, #fff 0%,#eaeaea 100%);
}
.cmt_list .more_btn a {display:block; text-align:center; padding:5px 10px; color:#555; letter-spacing:-1px;}
.cmt_list .more_btn a span {color:#aaa;}




.cmt_page {overflow:hidden;clear:both;margin:0 auto;padding:10px;font-size:11px; text-align:center;zoom:1}
.cmt_page a {color:#777E91; padding:4px 6px;border: 1px solid #C4C7D0;  -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */ }
.cmt_page a.dis {color:#e0e0e0;visibility:hidden }
.cmt_page strong {font-weight: normal; margin:0 5px;}
.cmt_page strong em {color: #4455B9;}


/* comment box */
.cmt_item {position:relative; display:block; overflow:hidden; padding:3px; border-bottom: 1px solid #f4f4f4;}
.cmt_item .cmt_pf {border:1px solid #E3E3E3;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;  display:inline-block;  position:absolute;top:5px;left:0; width:40px; height:40px}
.cmt_item .cmt_pf span {display:inline-block; padding:2px; border:1px solid #E3E3E3; width:30px; height:30px; margin:2px;}
.cmt_item .cmt_pf span.noimg {background: url("../images/temp_profile.gif") no-repeat -5px 0 transparent;}
.cmt_item .cmt_rb {position:relative; display:block; padding-top:2px  }
.cmt_item .cmt_rb .auth{display:block; font-size:11px;line-height:13px; padding-bottom:3px;color: #A2A2A2; }
.cmt_item .cmt_rb .auth:after{display:block;clear:both;height:0;content:''}
.cmt_item .cmt_rb .auth em {color: #32689B;}
.cmt_item .cmt_rb .auth .time{padding:0 3px;}
.cmt_item .cmt_rb .auth .vote a,
.cmt_item .cmt_rb .auth .blam a{color: #666666;}
.cmt_item .cmt_rb .auth .vote a,
.cmt_item .cmt_rb .auth .blam a{color: #666666; margin-left:2px}
.cmt_item .cmt_rb .auth .vote em {color: #3F8FC7;}
.cmt_item .cmt_rb .auth .blam em{color: #C73F89;}
.cmt_item .cmt_rb .btn {display:block; font-size:11px; padding:2px 0;color: #666666;}
.cmt_item .cmt_rb .btn .subcmt,
.cmt_item .cmt_rb .btn .edit { display:inline-block; font-size: 11px; }
.cmt_item .cmt_rb .btn .subcmt a,
.cmt_item .cmt_rb .btn .edit a {display:inline-block; line-height:13px; color:#222;padding-left:5px;}
.cmt_item .cmt_rb .btn .edit a.reply {padding-left:10px; background: url("../images/icon_cmt_reply.gif") no-repeat 2px 0 transparent;}
.cmt_item .cmt_rb .btn .subcmt strong{color:#FF3636}

.sub_cmt_list {background:#f9f9f9}
.sub_cmt_list li {border-top: 1px solid #ddd;}
.sub_cmt_list .cmt_item {border:0;}

.cmt_item .cmt_rb .xe_content, 
.cmt_origin .xe_content,
.cmt_item .cmt_rb p,
.cmt_origin p{color: #222222; display:inline-block; font-size:12px}
.cmt_origin{color: #666; padding:10px 0;margin:0 10px;}
.cmt_origin em {font-size:12px; color: #EE6622; margin:3px 0; }

/* document form */
.doc_form {overflow:hidden;clear:both;display:block; background:#F9F9F9; margin:3px;padding:5px; font-size:12px; color:#666; border:1px solid #E3E3E3;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.doc_form {overflow:hidden;}
.doc_form li{position:relative; display:block;overflow:hidden; }
.doc_form .exvar .rof {background-color:#f4f4f4}


/* content box */
.content_box {position: relative; color:#000;min-height:100px; background:#f0f0f0; padding:3px 5px; padding-bottom:20px;  border: 1px solid #ccc; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:1px }
.content_box_block{position: absolute;top:0;left:0;width:100%;height:100%; padding:auto; z-index:999;}
.content_box_block .block_msg {position:absolute;text-align:left; color:#999; display:inline-block; height:15px; bottom:5px; left:5px; font-size:11px; padding:0;}
.content_box .add_img_list {display:inline-block;}
.content_box .add_img_list:after{display:block;clear:both;height:2px;content:''}
.content_box .add_img_list .add_img {float: left; width:38px;height:38px;margin:2px; margin-left:0; display:inline-block; padding:3px; border:1px solid #d0d0d0;  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;opacity:0.6 }
.content_box .add_img_list  .add_img.selected {opacity:1.0; border:1px solid #788EB7}
.content_box .add_img_list .add_img a {display:inline-block; width:100%;height:100%}
.content_box .add_img_list .add_img img {border:0;width:100%;height:100%}
.content_box .content_box_wr {position: relative; display:block; border:1px solid #d0d0d0; background:#f5f5f5;  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.content_box .content_box_wr textarea {padding:0; margin:0; width:100%; min-height:50px; border:0; }

.content_box img {border:0; max-width:100%; height:auto}
.content_box .xe_content p   {display:block;}

.uf {position: relative; display:block;}
.uf ul {margin:0;padding:0;list-style:none;}
.uf li {margin:0}
.uf .file_loading_box{position: absolute;top:0;left:0;width:100%;height:100%; background:#F5F5F5; padding:auto; z-index:999; opacity:0.6}
.uf .file_loading_box .file_loading {position:absolute;text-align:center;  width:130px; height:30px; top:50%; left:50%; margin-left:-65px; margin-top:-15px; padding:0;}
.uf .file_loading_box .file_loading span {text-shadow: 1px 1px 0 #FFFFFF; color: #000;  font-size: 12px;}
.uf .file_loading_box .file_loading span em {font-style: normal;color: #4634A7;font-weight:bold}
.uf .file_loading_box .file_loading img {}

.upload_file_box {margin:1px; margin-bottom:3px;zoom:1}
.upload_file_box:after{content:"";display:block;clear:both}

.upload_btn_wrap{position: relative;display:block; height: 28px;overflow: hidden; background:#e6e6e6; padding:0; border: 1px solid #ccc; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;  }
.upload_btn{width:100%; position: absolute;top: 0px;color: #666; height:28px; background:transparent;  border:0; font-size:13px;line-height:18px;}
 .file_input{position: absolute;right: 0px;top: 0px;opacity: 0; height:28px; width:100%;  border:0;  background:transparent;  outline: none; z-index:10;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
-webkit-appearance: none;
}

.upload_file_list {margin:0;padding:0;list-style:none; }
.upload_file_list li {position: relative; height:35px; border: 1px solid #bfbfbf; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin:1px; margin-top:0}
.upload_file_list li span.img {position: absolute;left: 0;top: 0; width:31px;height:31px; margin:2px} 
.upload_file_list li span.img img {border:0;width:100%;height:100%} 
.upload_file_list li span.name {display:block;color:#555;padding:5px 80px 0 45px; font-size:11px; line-height:13px;margin-right:5px}
.upload_file_list li span.name em{color:#788EB7; margin-left:5px}
.upload_file_list li span.addbtn,
.upload_file_list li span.delbtn {position: absolute;right: 0;top: 0; width:35px;height:35px;}
.upload_file_list li span.addbtn {right:35px;}
.upload_file_list li span.addbtn input,
.upload_file_list li span.delbtn input {width:30px;height:30px;border:0; text-indent:-40px; background: url("../images/icon_.png") no-repeat scroll 0 0 transparent;}
.upload_file_list li span.addbtn input.addfile {background-position:5px -31px;}
.upload_file_list li span.addbtn input.delfile {background-position:5px -70px;}
.upload_file_list li span.delbtn input.delete  {background-position:5px 8px;}

/* List */
.mb_list_box {overflow:hidden; display:block; }
.mb_list{margin:0;padding:0;list-style:none; overflow:hidden; padding-top:5px;}
.mb_list li{border-bottom:1px solid #E6E6E6;}
.mb_list a{position:relative; display:block;text-decoration:none;color:#000; padding:5px; letter-spacing: -1px; font-size:10px; line-height:10px;}
.mb_list a span {font-size:1.1em;display:inline-block;  line-height:1.3em; letter-spacing: -1px;}
.mb_list a div.thumb_box {float:left; border: 1px solid #333; width:79px;height:59px; left:3px;top:5px; }
.mb_list a div.thumb_box img {width:100%; height:auto; }

.mb_list a span.title{display:block; font-size:1.3em; line-height:1.6em;}
.mb_list a span.title em.ca {color: #567088;letter-spacing: -1px;}
.mb_list a span.title em.cc{color: #DB0A00; font-size:0.9em; line-height:0.9em;}
.mb_list a span.title strong{font-weight:normal;color: #0C0C0C;}
.mb_list a span.title strong img{border:0;margin:0 1px;}
.mb_list a .etc_info {display:inline-block; margin-top;2px;}
.mb_list a .etc_info span,
.mb_list a .etc_info em {float:left;line-height:1.5em;font-size:1.2em; }
.mb_list a span.im {margin-left:2px}
.mb_list a span.auth {color: #666666;}
.mb_list a span.im img,
.mb_list a span.auth img{width:auto; height:auto; max-height:13px; vertical-align:middle; margin:0;padding:0}
.mb_list a span.im {margin-top:2px}
.mb_list a span.time {color: #A8AAB2; }
.mb_list a span.extra {display:inline; color: #888888;}
.mb_list a span.extra strong {color: #333; font-weight:normal;}
.mb_list a em.bar {  color: #E9E9E9; display:inline-block;}
.mb_list a p.summary{color: #515050; font-size:1.3em;  line-height:1.5em; margin:0; margin-top:1px; }

.mb_list.ntl {margin-top:-5px}
.mb_list.ntl li{background:#f4f4f4}
.mb_list.ntl li a strong.nm{display:inline-block;height:16px; line-height:18px; padding:0 6px; margin-right:6px;border:1px solid #787a89;font-size:1.1em;color:#fff;background-color:#838899; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

.mb_gallery li{float:left;width:34%;margin-top:10px;text-align:center;}
.mb_gallery li:nth-child(3n-1){width:32%}
.mb_gallery li.rc {width:25%}
.mb_gallery li a{position:relative;overflow:hidden;display:block;font-size:10px; line-height:10px; width:96px;height:132px;margin:0 auto;border:1px solid #c3c6cb;background-color:#f6f7f9;border-bottom:1px solid #abafb6;-webkit-box-shadow:1px 1px 1px #e4e6e8}
.mb_gallery li img{vertical-align:top}
.mb_gallery li .title{display:-webkit-box;overflow:hidden;width:84px;height:29px;margin:0 auto;padding:2px 5px 2px;border:1px solid rgba(255,255,255,.4);border-top:1px solid rgba(255,255,255,.3);font-size:1.1em;line-height:1.3em;color:#20232c;letter-spacing:-1px;text-align:left;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mb_gallery li .title em {font-size:0.8em; margin:0 2px; }
.mb_gallery li .title em.ca {font-size:1em; margin-left:0;color: #0A63A1}
.mb_gallery li .title em.dt {color: #95969E; }
.mb_gallery li .title em.na {color: #1E587E;}
.mb_gallery li .gradation{position:absolute;top:89px;left:0;width:96px;height:8px;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.1)))}.plan_recom .pg{margin:0;padding-bottom:8px}


.mb_mgz{margin:0;padding:0;list-style:none; overflow:hidden; padding-top:5px;}
.mb_mgz li{padding:5px}
.mb_mgz .mgz_box {display:block;position:relative;margin:0 auto 12px;max-width:570px;padding:15px 14px;border:1px solid #b4b6bc;background-color:#fff}
.mb_mgz .mgz_box .link_thumb {display:block;width:100%;line-height:0;position:relative;margin-bottom:12px; }
.mb_mgz .mgz_box .link_thumb .ico_outlink {bottom:0;right:0}
.mb_mgz .mgz_box .thumb_img {display:block;overflow:hidden;} 
.mb_mgz .mgz_box .link_magazine {display:block;overflow:hidden; font-size:10px; line-height:10px;}
.mb_mgz .mgz_box .tit_cont {display:block;padding-bottom:5px;font-size:1.7em;line-height:1.9em}
.mb_mgz .mgz_box .tit_cont .cate {color:#0A63A1;padding:0; }
.mb_mgz .mgz_box .tit_cont .link_tit {color:#333}
.mb_mgz .mgz_box .txt_desc {font-size:1.3em;line-height:1.7em}
.mb_mgz .mgz_box .txt_desc .link_txt {color:#444}
.mb_mgz .mgz_box .ect_info {display:inline-block;padding-top:5px;font-size:10px; line-height:10px;}
.mb_mgz .mgz_box .ect_info span {float:left; line-height:1.5em;font-size:1.2em; display:inline-block;}
.mb_mgz .mgz_box .ect_info span.im {padding-top:2px;}
.mb_mgz .mgz_box .ect_info span.auth {color: #666666;}
.mb_mgz .mgz_box .ect_info span.im img,
.mb_mgz .mgz_box .ect_info span.auth img{width:auto; height:auto; max-height:15px; vertical-align:middle; margin:0; margin-right:2px;padding:0}
.mb_mgz .mgz_box .ect_info span.time {color: #A8AAB2; }
.mb_mgz .mgz_box .ect_info span.extra {color: #888888;}
.mb_mgz .mgz_box .ect_info span.extra strong {color: #333; font-weight:normal;}
.mb_mgz .mgz_box .ect_info em.bar {  float:left; color: #E9E9E9;  line-height:1.5em;font-size:1.2em; display:inline-block; margin:0 5px;}


/* Tag List */
.tag_cloud{margin:0;padding:25px;min-height:150px; line-height:1.2;text-align:justify}
.tag_cloud a{color:#fff;text-decoration:none;white-space:nowrap;margin:0 2px}
.tag_cloud p {font-size:13px;color:#666;display:block;text-align:center;margin:40px auto}
.tag_cloud a.rank1{font-size:24px;background:#000}
.tag_cloud a.rank2{font-size:18px;background:#333}
.tag_cloud a.rank3{font-size:14px;background:#666}
.tag_cloud a.rank4{font-size:12px;background:#999}
.tag_cloud a.rank5{font-size:12px;color:#666;text-decoration:underline}


/* 본문 첨부파일 설정 */

#configAddImg {display:none; position: relative; display:block; border:1px solid #bfbfbf;width:100%; border-bottom:0}
#configAddImg .af_config_area{background:#fff; font-size:12px; color:#666;  display:inline-block; width:100%;clear:both; height:99px;}
#configAddImg .af_config_box {position: relative; display:block; padding-left:100px; }
#configAddImg .af_config_box .af_prev_img {position: absolute; top:0; left:0;  width:100px; border-bottom:1px solid #bfbfbf; height:97px; display:block;}
#configAddImg .af_config_box .af_prev_img #configAddImg {float:right;  width:94px; border:1px solid #bfbfbf; height:90px; margin:2px 2px; text-align:center;}
#configAddImg .af_config_box .af_prev_img #configAddImg img {border:0; width:100%; height:auto; max-height:100% }
#configAddImg .af_config_box .af_conf_lst {padding:0; margin:0;}
#configAddImg .af_config_box .af_conf_lst li { width:33.33333%; float:left;  height:33px; padding:0;margin:0;}
#configAddImg .af_config_box .af_conf_lst li.cf {width:50%;}
#configAddImg .af_config_box .af_conf_lst li .af_btn {display:block;height:31px; border-bottom:1px solid #bfbfbf; border-left:1px solid #bfbfbf;  background:#f2f2f2;background:-webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f6f6f6)) }
#configAddImg .af_config_box .af_conf_lst li .af_btn input {color:#666; font-weight:bold;background:transparent; border:0; width:100%; height:100%; line-height:100%;margin:0; }
#configAddImg .af_config_box .af_conf_lst li input.p90 {background: url("../images/icon_plus90.png") no-repeat scroll center center transparent; background-size:25px 25px;text-indent:-5000px}
#configAddImg .af_config_box .af_conf_lst li input.p180 {background: url("../images/icon_plus180.png") no-repeat scroll center center transparent; background-size:25px 25px;text-indent:-5000px}
#configAddImg .af_config_box .af_conf_lst li input.m90 {background: url("../images/icon_minus90.png") no-repeat scroll center center transparent; background-size:25px 25px;text-indent:-5000px}
#configAddImg .af_config_box .af_conf_lst li input.al {background: url("../images/icon_align_left.png") no-repeat scroll center center transparent; background-size:25px 25px;text-indent:-5000px}
#configAddImg .af_config_box .af_conf_lst li input.ac {background: url("../images/icon_align_center.png") no-repeat scroll center center transparent; background-size:25px 25px;text-indent:-5000px}
#configAddImg .af_config_box .af_conf_lst li input.ar {background: url("../images/icon_align_right.png") no-repeat scroll center center transparent; background-size:25px 25px;text-indent:-5000px}