@charset "utf-8";

/*  Common  */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,input,textarea,form,fieldset,a,button,select{margin:0px; padding:0px;}
body,input,textarea,select,button,table{font:normal 12px dotum,gulim,arial,sans-serif; color:#474747; line-height:120%}
/*body{ position:relative; overflow:scroll; overflow-x:hidden; .overflow:hidden;} /* position:relative는 익스 7때문에 사용(없을 경우 스클로 생김) */
img,fieldset{border:0}
a{color:#474747; text-decoration:none}
a:hover,a:visited,a:active,a:focus{color:#474747; text-decoration:none}
table{width:100%; border-spacing:0; border-collapse:collapse}
ul,ol{ list-style:none}
em,address{ font-style:normal}
/*label,caption{display:none}*/
 /* clear float */
.group:after{ content:"."; display:block; clear:both}

/* blind */
.blind{position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden; visibility:hidden; font-size:0; line-height:0}

.ellip { display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }


/* Login */

#wrap {width:1000px; margin:0 auto; margin-top:200px; }
.login_box {float:left; width:532px; height:268px; background:url('/Admin/images/login_box.gif') no-repeat; margin-top:60px; margin-left:250px; _margin-left:130px}
.homepage_btn {float:right; padding:13px 50px 0px 0px;}
.login_tit {clear:both; width:530px; margin-top:5px; height:80px }
.login_f { margin-top:10px; overflow:hidden; zoom:1;  }
.idpw_tit {float:left; margin-top:5px; padding-left:45px;}
.idpw_tit {float:left; .margin-top:6px }
.idpw_tit p img {margin:13px 0px 10px 0px;}
.idpw_tit p img {.margin:12px 0px 10px 0px;}
.idpw_input {float:left; padding-left:15px; }
.idpw_input p {margin-top:14px;  }
.login_btn {float:left; margin:13px 0px 0px 15px}
.login_btn {float:left; .margin:10px 0px 0px 15px}
@-moz-document url-prefix() {.login_btn {margin:10px 0px 0px 15px}}
.login_box input {border:1px solid #b0b0b0; padding:2px; }

/* GNB */
#sub_wrap {float:left; width:100%; border:0px solid #f0f}
.gnb_box {background-color:#545454; border-bottom:5px solid #105c8e; width:100%; height:130px}
.top_set {position:absolute; right:0; float:right; height:20px; padding:10px}
.top_set span {color:#30a4b1}
.gnb_logo {padding:10px; }
.gnb_menu {position:absolute; top:93px; margin-left:220px; width:900px; }
.gnb_menu li {font-weight:bold; color:#ffffff;  height:14px; cursor:pointer; margin-right:4px; float:left; display:inline;} 
.gnb_menu li.on,
.gnb_menu li:hover { height:37px; color:white; height:14px; cursor:pointer }
.gnb_menu ul li a { color:#ffffff}
.gnb_menu ul li.on a {display:block; width:70px; font-weight:bold; height:17px;  text-align:center;color:#ffffff }
.gnb_menu ul li.off a {display:block; width:70px; font-weight:bold; height:17px; text-align:center;color:#ffffff}
.gnb_menu ul li.off a:hover { color:#ffffff }

#sub_wrap_page { *zoom:1; width:1100px; }
#sub_wrap_page:after { content:""; display:block; clear:both}

/* left_menu */
.left_menu {float:left; width:220px; height:700px; background-color:#efefef;  }
.left_menu .left_top h1 {width:209px; height:30px; padding:8px 0 0 5px; font-size:14px; font-weight:bold; }
.left_menu ul li.bar { vertical-alisub_wrap_pagegn:top; width:211px; height:0px; margin-left:7px; margin-bottom:3px;  }
.left_menu ul li.bar {  _font-size:0  }
.left_menu ul li.bar img {vertical-align:top;  }

.left_top {width:227px; height:41px;  }
.left_middle { width:227px;}
.left_middle li {font-weight:bold; color:#000000; }
.left_middle ul { float:left; padding-top:5px }
.left_middle ul li.on { width:190px; height:26px; margin-left:13px; padding-top:2px }
.left_middle ul li.on a {display:block; width:120px; font-weight:bold;  height:10px; margin-left:5px; text-align:left; color:#7d7d7d}
.left_middle ul li.on a:hover {color:#7d7d7d; font-weight:bold; }
.left_middle ul li.off { width:190px; height:26px; margin-left:13px; padding-top:2px}
.left_middle ul li.off a {display:block; width:120px; font-weight:normal;  height:10px;  margin-left:5px; padding-top:2px; text-align:left; color:#7d7d7d}
.left_middle ul li.off a:hover {color:#7d7d7d; font-weight:bold; }
.left_middle ul li.bar { vertical-align:top; height:5px; margin-top:2px;  }
.left_middle ul li.bar img {vertical-align:top }

.hnkorea_btn {width:232px; }
.hnkorea_btn img{margin-left:6px; margin-top:10px; }

/* sub content */
.content {float:left; width:800px; margin-left:8px; margin-bottom:20px}
.visit {text-align:center; padding:15px 0 0 5px;}
.visit span a {font-size:11px; color:#979797}
.visit span.number {font-size:12px; color:#ff9213; font-weight:bold;}

.sub_tit {background:url('/Admin/images/common/title_box.gif') no-repeat; width:801px; height:98px;  font-weight:normal; color:#000000;  padding:10px 0px 0px; 8px; font-size:12px; margin-top:8px }
.sub_tit h3 {width:155px; height:25px; color:#3d3d3d; font-size:14px; padding:0px 0 0 5px;  position:relative; line-height:27px}
.sub_tit div {margin:10px; color:#666666}

/* 게시판 */
.board_top {padding-bottom:5px; overflow:hidden; zoom:1;}
.board_all {float:left; line-height:20px}
.board_option {float:right; line-height:10px;}
.board_option input.textfield {border:1px solid #b0b0b0; padding:2px; }
.board_btn {float:right; padding:10px 0px 10px 0px;}
.board_btn a {padding:10px 5px 10px 2px;}

/* list page */
table {table-layout:fixed}
.sub_table { width:798px; }
.sub_table table tr {height:35px; }
.sub_table table thead tr th {color:#525252; border-top:1px solid #c3c3c3;
 background: #f3f3f3; /* Old browsers */
 background: -moz-linear-gradient(top,  #e8e8e8 0%, #f3f3f3 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #e8e8e8 0%,#f3f3f3 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
} 
.sub_table tbody tr td {text-align:center; border-bottom:1px solid #c3c3c3;}
.sub_table table tbody tr td.ti {text-align:left; padding-left:8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

/* view page */
.sub_table_view {width:798px; margin:0 auto; border:1px solid #c3c3c3}
.sub_table_view table tr {height:35px; }
.sub_table_view table tr td {padding-left:10px}
.sub_table_view tbody tr th {text-align:center; color:#525252;
 background: #f3f3f3; /* Old browsers */
 background: -moz-linear-gradient(top,  #e8e8e8 0%, #f3f3f3 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #e8e8e8 0%,#f3f3f3 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
} 

.sub_table_view tbody tr td.line {padding-left:10px; border-bottom:1px solid #c3c3c3;}

.comment {background-color:#f6f6f6; width:798px; height:71px; margin:0 auto; margin-top:15px;}
.comment ul {float:left;  margin-left:10px}
.comment li {margin-top:10px}
.comment li input {padding:2px;  border:1px solid #c3c3c3; }
.comment textarea { border:1px solid #c3c3c3; width:500px; height:55px; margin-left:8px; margin-top:7px;}
.comment img {margin-left:5px; margin-top:-51px}
.comment img {.margin-top:7px;}
@-moz-document url-prefix() {.comment img {margin-top:-46px;}}

.comment_view {width:798px; margin:0 auto; margin-top:19px;  border-bottom:1px solid #c3c3c3; *zoom:1 }
.comment_view:after { content:""; clear:both; display:block}
.comment_view li {float:left; display:inline;}
.com_name{font-weight:bold; width:105px; text-align:center}
.com_box{padding:5px 0 10px 5px; width:480px; line-height:80%}
.com_date{width:120px}

.view_btn {width:798px; padding:5px;  }
.view_list1 {float:left}
.view_list2 {float:right; padding-right:8px}

/* write page */
.sub_table_write {width:798px; margin:0 auto; border:1px solid #c3c3c3}
.sub_table_write table tr {height:35px; }
.sub_table_write tbody tr th {text-align:center; color:#525252;
 background: #f3f3f3; /* Old browsers */
 background: -moz-linear-gradient(top,  #e8e8e8 0%, #f3f3f3 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #e8e8e8 0%,#f3f3f3 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */}
.sub_table_write tbody tr td.line {padding-left:10px; border-bottom:1px solid #c3c3c3;}
.sub_table_write tbody input {border:1px solid #b0b0b0; padding:2px; }


/* footer */
#footer {clear:both; width:100%; height:86px; background-color:#000; background:url('/Admin/images/footer_bg.gif') }
.footer_logo {float:left; padding:20px; margin-left:10px;}
.footer_copyright {float:left;  color:#000000; padding-top:33px; padding-left:20px}

/* 기초정보 */
.sub_table tbody tr td.content_box {text-align:left; padding-left:10px}
.sub_table tbody tr td.input_text input{border:1px solid #c3c3c3; padding:2px 5px 2px 5px }







/* 문의상담 */
.advice_table_wrap {width:798px; margin:0 auto; border:1px solid #c3c3c3 } 
.advice_table_wrap tr th {text-align:center; color:#525252; 
 background: #f3f3f3; /* Old browsers */
 background: -moz-linear-gradient(top,  #e8e8e8 0%, #f3f3f3 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #e8e8e8 0%,#f3f3f3 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */}

.advice_table_wrap .advice_table .point {margin:15px 12px 15px 15px }
.advice_table_wrap .advice_table tbody tr td input { padding:2px; border:1px solid #abadb3; height:15px}
.advice_table_wrap .advice_table tbody tr td textarea { padding:2px; border:1px solid #abadb3;}
.advice_table_wrap .advice_table tbody tr td input.input2 { width:65px; margin-right:0px }
.advice_table_wrap .advice_table tbody tr td img {vertical-align:middle}
.advice_table_wrap .advice_table tbody tr td { height:35px; border-bottom:1px solid #ececec ; padding-left:10px }
.sub_main_img  .url { padding:50px 50px 50px 50px; }


/* Paging */
.apt_paging {clear:both; margin-top:5px; padding-left:0px}
.apt_paging ol {height:23px; text-align:center; padding-left:0px }
.apt_paging ol li { display:inline; width:18px; text-align:center; padding:2px; cursor:pointer; font:bold 13px dotum }
.apt_paging ol li.on { color:#d54b00 }