@charset "utf-8";

@import "main.css";
@import "layout.css";
@import "board.css";
@import "contents.css";

html, body {width:100%; height:100%; margin:0; padding:0;}
body, p, ul, ol, li, dl, dt, dd, form, table, th, td, fieldset, input, textarea, select, button, pre {margin:0; padding:0; font-size:12px; font-family:돋음,Verdana,Dotum,Sans-serif; color:#666;}
body, input, textarea, select, button {color:#666; font-size:12px; font-family:돋음,Verdana,Dotum;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; line-height:1em;}
input, fieldset, img {border:0;}
input, img, textarea, select {vertical-align:middle;}
textarea {overflow:-moz-scrollbars-vertical;}
fieldset {margin:0; padding:0; border:0; text-align:left;}
legend, caption {position:absolute; visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
ul, ol, li {list-style:none;}
a {text-decoration:none; color: #555;}
a:hover {color:#0000ff; text-decoration:underline;}
em {font-style:normal;}
hr {display:none;}

input.chk {width:12px; height:12px; margin:0; padding:0; border:none; border-right:0px; border-top:0px; border-left:0px; border-bottom:0px; outline:none; vertical-align:middle; *vertical-align:0;}
input.ipt {height:22px; padding-left:8px; border:1px solid #bdbdbd; background:#fff; font-family:돋음,Verdana, Dotum; font-size:12px; color:#666; line-height:24px;}
input.ipt_req {height:22px; padding-left:8px; border:1px solid #bdbdbd; background:#FFEFEF; font-family:돋음,Verdana, Dotum; font-size:12px; color:#666; line-height:24px;}
input.ipt_c {height:22px; border:1px solid #bdbdbd; font-family:돋음,Verdana, Dotum; font-size:12px; color:#333; line-height:24px; text-align:center;}
input.ipt_r {height:22px; padding-right:8px; border:1px solid #bdbdbd; background:#f9f9f9; font-family:돋음,Verdana, Dotum; font-size:12px; color:#333; line-height:24px; text-align:right;}
input.ipt_d {height:22px; padding:0 4px; border:1px dashed #a9a9a9; background:#c0c0c0; font-family:돋음,Verdana, Dotum; font-size:12px; color:#666; line-height:24px;}
.text01 {padding:10px; border:1px solid #ededed; background:#f9f9f9; color:#666; line-height:18px;}

.list ul li {margin-left:20px; list-style:disc !important;}
.list ol li {margin-left:20px; list-style:decimal !important;}

.b {font-weight:bold;}
.n {font-weight:normal;}
.fl {float:left;}
.fr {float:right;}
.al {text-align:left;}
.ac {text-align:center;}
.ar {text-align:right;}
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.clear {clear:both; overflow:hidden;}
.pointer {cursor:pointer;}

.fs11 {font-size:11px;}

.relative {position:relative;}
.absolute {position:absolute;}

.lh15 {line-height:15px;}
.lh18 {line-height:18px;}

.fc_blue1 {color:#6383c1 !important;}
.fc_blue2 {color:#65bdc3 !important;}
.fc_blue3 {color:#4279c4 !important;}
.fc_blue4 {color:#74a3c6 !important;}
.fc_gray1 {color:#848484 !important;}
.fc_gray2 {color:#555 !important;}
.fc_gray3 {color:#7a7a7a !important;}
.fc_gray4 {color:#9b9b9b !important;}
.fc_red1 {color:#ff0000 !important;}


.link01 {color:#0000ff !important;}
.link02 {color:#3399ff; text-decoration:none;}
.link02:hover {text-decoration:none;}

.mt1 {margin-top:1px;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}

.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt18 {padding-top:18px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb100 {padding-bottom:100px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}

.pd5 {padding:5px 0;}
.pd10 {padding:10px 0;}


/* image rollover */
a.rollover img {display:inline;}
a.rollover img.over {display:none;}
a.rollover:hover img {display:none;}
a.rollover:hover img.over {display:inline;}

/* Paging */
.paging {position:relative; width:100%; margin-top:20px; text-align:center;}
.paging img {cursor:pointer; margin:0 2px;}
.paging a {display:inline-block; width:25px; height:23px; margin:0 2px; border:1px solid #DBDBDB; color:#565960; line-height:23px; font-size:12px; font-family:돋음,Dotum,Verdana; text-align:center; text-decoration:none; vertical-align:middle;}
.paging a:hover, .paging a.pgon {border:1px solid #5F7FBB; border-bottom:1px solid #344667; background:#6789CA; color:#fff; font-weight:bold; text-decoration:none;}
.paging p {position:absolute; left:0; top:0;}

/* scrollbar */
#scrollbar1 .viewport {position:relative; height:200px; overflow:hidden;}
#scrollbar1 .overview {position:absolute; left:0; top:0; width:100%; margin:0; padding:0;}
#scrollbar1 .scrollbar {position:relative; background:transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; background-position:0 0; float:right; width:15px;}
#scrollbar1 .track {position:relative; height:100%; width:13px; background:transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;}
#scrollbar1 .thumb {position:absolute; top:0; left:-5px; height:20px; width:25px; background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;  cursor:pointer; overflow:hidden;}
#scrollbar1 .thumb .end {height:5px; width:25px; background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow:hidden;}
#scrollbar1 .disable {display:none;}

/* select box */
span.selectbox_title {text-align:left; padding:0; border:1px solid #bdbdbd; background:#FFF url(../images/ico/ico_sel2.gif) no-repeat 100% 0;}
span.selectbox_title strong {width:100%; height:20px; padding-left:5px; font-weight:normal; font-size:12px; color:#797979 dotum,Verdana; word-break:break-all; line-height:23px; display:block; overflow:hidden;}
span.selectbox_title_focus {border-color:#bdbdbd;}
span.selectbox_title_focus strong {color:#000;}
span.selectbox_title_disabled {background-color:#EEE;}
span.selectbox_title_disabled strong {color:#999;}
div.selectbox_option {border:1px solid #999; background:#FFF; overflow:hidden;}
div.selectbox_option li {list-style:none;}
div.selectbox_option a {height:20px; padding-left:5px; font-size:11px; color:#797979; word-break:break-all; line-height:20px; text-decoration:none; display:block; overflow:hidden;}
div.selectbox_option a.on,div.selectbox_option a:hover {color:#000; background:#EEE;}

span.selectbox_title2 {text-align:left; padding-right:10px; border:1px solid #e5e5e5; background:#FFF url(../images/ico/ico_sel3.gif) no-repeat 100% 8px;}
span.selectbox_title2 strong {width:100%; height:18px; padding-left:5px; font-weight:normal; font-size:11px; color:#868686 dotum,Verdana; word-break:break-all; line-height:18px; display:block; overflow:hidden;}

span.selectbox_title3 {text-align:left; padding-right:10px; border:1px solid #0b4570; background:#d5e0e8 url(../images/ico/ico_arw04.gif) no-repeat 100% 8px;}
span.selectbox_title3 strong {width:100%; height:18px; padding-left:5px; font-weight:normal; font-size:12px; color:#0b4570 dotum,Verdana; word-break:break-all; line-height:18px; display:block; overflow:hidden;}

span.selectbox_multiple {border:1px solid; border-color:#bdbdbd; background:#FFF; display:inline-block; overflow:hidden;}
span.selectbox_multiple ul li {height:1em; font-size:11px; color:#666; word-break:break-all; line-height:1.4em; padding:1px 3px 4px; _padding:2px 3px 3px; display:block; overflow:hidden;}
span.selectbox_multiple ul li.on {color:#000; background:#CCC;}
span.selectbox_multiple_focus {border-color:#bdbdbd;}
span.selectbox_multiple_focus ul li.on {color:#000; background:#BBB;}
span.selectbox_multiple_disabled {background-color:#EEE;}
span.selectbox_multiple_disabled ul li {color:#999;}

#civer_blockbox {position:absolute; top:0; left:0; background:#000; filter:alpha(opacity=70); opacity:.7;}
#civerbox {position:absolute; width:956px; height:624px; padding:30px 10px 20px; top:0; background:#fff; text-align:center;}
#civerbox .btnClose {position:absolute; top:10px; right:10px; text-indent:-5000px; font-size:0; cursor:pointer; width:15px; height:15px; background:url(../images/btn/btn_pop_close.gif) no-repeat;}
/*
#civerbox .titlebtn {position:absolute; top:0; left:2px; text-indent:-5000px; font-size:0; cursor:pointer; width:96px; height:10px; background:url(http://kht.or.kr/img/mega_ex.png) no-repeat;}
*/