@import "base.css";
@import "layout.css";
@import "contents.css";

/* ���� */
.section {margin-bottom:30px; overflow:hidden; clear:both;}
.section02 {margin-bottom:30px; overflow:hidden; display:inline-block; width:400px; padding-right:20px; }
.section03 {margin-bottom:30px; overflow:hidden; display:inline-block; width:320px; padding-right:20px;}
.section04 {margin-bottom:30px; overflow:hidden; display:inline-block; width:240px; }
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.p01 {padding-bottom:10px;}
.floatR {float:right;}
.p02 {padding:10px 0;}
.floatL {float:left;}
.fb {font-weight:600;}
.p_line {border-top:1px dashed #ccc; padding-top:10px;}
hr.line {display:block; border:1px solid #6a7d90; margin:20px 0;}

/* �׷��� */
.graph_black {background:url('../images/common/graph_line.png') right 7px no-repeat; padding-right:22px; margin-right:10px;}
.graph_red {background:url('../images/common/graph_line.png') right -43px no-repeat; padding-right:22px; margin-right:10px;}
.graph_blue {background:url('../images/common/graph_line.png') right -93px no-repeat; padding-right:22px; margin-right:10px;}
.graph_green {background:url('../images/common/graph_line.png') right -143px no-repeat; padding-right:22px; margin-right:10px;}
.graph_box_blue {background:url('../images/common/graph_box.png') right 3px no-repeat; padding-right:22px; margin-right:10px;}

/* �ڽ�*/
.box01 {position:relative; border:2px solid #898989; padding:20px; background:#fff;}
.box01 .tl {position:absolute; left:-2px; top:-2px; display:inline-block; padding:10px 10px 0 0; width:0; height:0; background:url('/images/common/box01_bg.gif') left top no-repeat;}
.box01 .tr {position:absolute; right:-2px; top:-2px; display:inline-block; padding:10px 10px 0 0; width:0; height:0; background:url('/images/common/box01_bg.gif') right top no-repeat;}
.box01 .bl {position:absolute; left:-2px; bottom:-2px; display:inline-block; padding:10px 10px 0 0; width:0; height:0; background:url('/images/common/box01_bg.gif') left bottom no-repeat;}
.box01 .br {position:absolute; right:-2px; bottom:-2px; display:inline-block; padding:10px 10px 0 0; width:0; height:0; background:url('/images/common/box01_bg.gif') right bottom no-repeat;}

.box02 {position:relative; border:3px solid #cdcdcd; padding:20px;}
.box02 .tl {position:absolute; left:-3px; top:-3px; display:inline-block; padding:10px 10px 0 0; width:0; height:0; background:url('/images/common/box02_bg.gif') left top no-repeat;}
.box02 .tr {position:absolute; right:-3px; top:-3px; display:inline-block; padding:10px 10px 0 0; width:0; height:0; background:url('/images/common/box02_bg.gif') right top no-repeat;}
.box02 .bl {position:absolute; left:-3px; bottom:-3px; display:inline-block; padding:10px 10px 0 0; width:0; height:0; background:url('/images/common/box02_bg.gif') left bottom no-repeat;}
.box02 .br {position:absolute; right:-3px; bottom:-3px; display:inline-block; padding:10px 10px 0 0; width:0; height:0; background:url('/images/common/box02_bg.gif') right bottom no-repeat;}

.box03 {position:relative; border:1px solid #ccc; padding:10px; zoom:1;}
.box03 .tl {position:absolute; left:-1px; top:-1px; display:inline-block; padding:10px 10px 0 0; width:0; height:0; background:url('/images/common/box03_bg.gif') left top no-repeat;}
.box03 .tr {position:absolute; right:-1px; top:-1px; display:inline-block; padding:10px 10px 0 0; width:0; height:0; background:url('/images/common/box03_bg.gif') right top no-repeat;}
.box03 .bl {position:absolute; left:-1px; bottom:-1px; display:inline-block; padding:10px 10px 0 0; width:0; height:0; background:url('/images/common/box03_bg.gif') left bottom no-repeat;}
.box03 .br {position:absolute; right:-1px; bottom:-1px; display:inline-block; padding:10px 10px 0 0; width:0; height:0; background:url('/images/common/box03_bg.gif') right bottom no-repeat;}

.boxScroll {overflow-y:auto; overflow-x:hidden; margin-bottom:10px;}

/* �? ���� */
.tit01 {background:url('/images/common/bullet.png') left 4px no-repeat; padding-left:17px; font-size:1.2em; font-weight:600; margin-bottom:10px;}
.tit02 {background:url('/images/common/bullet.png') left -43px no-repeat; padding-left:12px; font-size:1em; font-weight:600; margin-bottom:10px;}
.tit02_none { padding-left:12px; font-size:1em; font-weight:600; margin-bottom:10px;}
.tit03 {background:url('/images/common/bullet.png') left 4px no-repeat; padding-left:17px; font-size:1.2em; font-weight:600; margin-bottom:-27px; margin-top:20px;}
.tit04_none { padding-left:12px; font-size:2em; font-weight:600; margin-bottom:10px;}

.tit01 .btnMid {font-size:12px;}

/* color */
.red {color:#ff0000;}

/* tbl_basic */
.tblBasic {width:100%; border-top:2px solid #3873ac;font-size:11px;}
.tblBasic thead th {padding:8px; background:#f4f4f4; border:1px solid #ccc; text-align:center; font-weight:600;line-height:110%}
.tblBasic tbody th {padding:8px; font-weight:normal; background:#f4f4f4; border:1px solid #ccc; text-align:center;line-height:120%}
.tblBasic tbody td {padding:8px; background:#fff; border:1px solid #ccc; text-align:center;line-height:120%;}
.tblBasic .left {text-align:left;}
.tblBasic .right {text-align:right;}
.tblScroll {max-height:302px; overflow-y:scroll; overflow-x:hidden; margin-left:-18px; border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.tblScroll table.tblBasic {width:100%; border-top:none; margin:-1px -1px 0 0; margin-left:18px;}
.tblScroll table.tblBasic .last {padding-right:25px;}
*:first-child+html .tblScroll {margin-left:0; margin-left:-2px;}
*:first-child+html .tblScroll table.tblBasic {margin-left:0; margin-left:2px;}
.tblScroll2 {clear:both; overflow-y:auto; overflow-x:scroll; border:1px solid #ccc; border-top:none;}
.tblScroll2 table {margin-left:-1px;}
tr.sum01 td {background:#f7f4f2;}
tr.sum02 td {background:#f0e9e5;}
tr.sum03 td {background:#e1d5cc; font-weight:bold}

/* tbl_search */
.tblSearch {width:100%;margin-left:20px;}
.tblSearch thead th {padding:5px; background:#e8e8e8; border:3px solid #fff; text-align:center; font-weight:600;}
.tblSearch tbody th {padding:5px; font-weight:normal; background:#e8e8e8; border:3px solid #fff; text-align:center;font-weight:600;}
.tblSearch tbody td {padding:5px; padding-left:20px; background:#fff;}

/* tbl_boardList */
.boardList {width:100%; border-top:2px solid #3873ac;}
.boardList thead th {padding:8px; background:#f4f4f4; border:1px solid #ccc; text-align:center; font-weight:600;}
.boardList tbody th {padding:8px; font-weight:normal; background:#f4f4f4; border:1px solid #ccc; text-align:center;}
.boardList tbody td {padding:8px; background:#fff; border:1px solid #ccc;text-align:center;}
.boardList .left {text-align:left;}
.boardList .right {text-align:right;}

/* ��ũ�����̺� */
.scrollHeader {width:100%; position:relative; overflow-y:scroll;overflow-x:hidden; height:60px; clear:both;
scrollbar-face-color:#efefef; 
scrollbar-highlight-color:#efefef;
scrollbar-3dlight-color:#efefef; 
scrollbar-shadow-color:#efefef; 
scrollbar-darkshadow-color:#efefef; 
scrollbar-track-color:#efefef; 
scrollbar-arrow-color:#efefef;
}
.scrollHeader table {position:absolute;}
.scrollBody {width:100%; overflow-x:auto; overflow-y:scroll; background:#F6F6F6 url('../images/common/scrollbody_bg.gif') left top repeat-y; border-bottom:1px solid #ccc;}
.scrollBody table {margin:-2px 0 10px;}


/* tbl_join ���� ���̺� */
.tbljoin {width:100%; border:1px solid ccc;margin-top:3px;font-size:11px}
.tbljoin thead th {padding:2px; background:#f1e7e7; text-align:center; font-weight:600;}
.tbljoin tbody th {padding:2px; font-weight:normal; background:#f1e7e7;text-align:center;}
.tbljoin tbody td {padding:2px; background:#fff;}
.tbljoin .left {text-align:left;}
.tbljoin .right {text-align:right;}

/* ����¡ */
.paginate{overflow:hidden;clear:both;margin:0 auto;padding-top:20px;text-align:center; margin-bottom:30px;}
.paginate a{display:inline-block;_position:relative;padding:0 3px;color:#676767;text-decoration:none}
.paginate a.pre{position:relative;top:2px;padding-left:1px}
.paginate a.next{position:relative;top:2px;padding-right:1px}
.paginate a span{display:block;_display:inline;color:#676767;}
.paginate a:hover span{color:#0c2367;text-decoration:underline}  
.paginate strong{color:#0c2367;text-decoration:underline;font-weight:bold;padding:0 3px}

/* tab */
.tab01 ul li {float:left; margin-right:2px;}
.tab01 ul li a {display:inline-block; height:30px; line-height:30px; padding:0 40px; background:url('/images/common/tab01_bg.gif') left -40px repeat-x; color:#fff; font-weight:600;}
.tab01 ul li a.on {background:url('/images/common/tab01_bg.gif') left top repeat-x;}


/* ��ư */
.btnArea {padding:10px 0; margin-bottom:30px; text-align:center;}

.btnMid {display:inline-block; background:url('/images/common/btn_bg.png') left -50px no-repeat; padding-left:2px; margin-right:2px; cursor:pointer; vertical-align:middle;}
.btnMid span {display:inline-block; background:url('/images/common/btn_bg.png') right -50px no-repeat; padding:0 12px 0 10px; line-height:20px; height:22px; font-size:11px; color:#fff; margin-right:-2px; text-align:center;}

.btnMid_color {display:inline-block; background:url('/images/common/btn_bg.png') left -230px no-repeat; padding-left:2px; margin-right:2px; cursor:pointer; vertical-align:middle;}
.btnMid_color span {display:inline-block; background:url('/images/common/btn_bg.png') right -230px no-repeat; padding:0 12px 0 10px; line-height:20px; height:22px; font-size:11px; color:#fff; margin-right:-2px;}

.btnBig {display:inline-block; background:url('/images/common/btn_bg.png') left top no-repeat; padding-left:2px; margin-right:2px; cursor:pointer; vertical-align:middle;}
.btnBig span {display:inline-block; background:url('/images/common/btn_bg.png') right top no-repeat; margin-right:-2px;}
.btnBig span span {display:inline-block; background:none; padding:0 22px 0 20px; line-height:32px; height:35px; font-size:14px; color:#fff; margin-right:-2px; text-align:center; font-weight:600;}
.btnBig.search span span {background:url('/images/common/btnIcon.png') 15px 9px no-repeat; padding-left:33px;}
.btnBig.brown {background-position:left -140px;}
.btnBig.brown span {background-position:right -140px;}
.btnBig.glay {background-position:left -180px;}
.btnBig.glay span {background-position:right -180px;}

.btnLink {display:inline-block; background:url('/images/common/btn_bg.png') left -80px no-repeat; padding-left:2px; margin-right:2px; cursor:pointer; vertical-align:middle;}
.btnLink span {display:inline-block; background:url('/images/common/btn_bg.png') right -80px no-repeat; padding:0 10px 0 8px; line-height:20px; height:22px; font-size:11px; margin-right:-2px;}

.btnDown {display:inline-block; background:url('/images/common/btn_bg.png') left -110px no-repeat; padding-left:2px; margin-right:2px; cursor:pointer; vertical-align:middle;}
.btnDown span {display:inline-block; background:url('/images/common/btn_bg.png') right -110px no-repeat; margin-right:-2px;}
.btnDown span span {display:inline-block; background:url('/images/common/btnIcon.png') 5px -95px no-repeat; padding:0 12px 0 25px; line-height:20px; height:22px; font-size:11px; margin-right:-2px;}
.btnDown.exel span span {background-position:5px -46px ; }
.btnDown.search span span {background-position:5px -145px ;padding-left:20px; }

.btnSearch {display:inline-block; background:url('/images/common/btn_bg.png') left -110px no-repeat; padding-left:2px; margin-right:2px; cursor:pointer; vertical-align:middle;}
.btnSearch span {display:inline-block; background:url('/images/common/btn_bg.png') right -110px no-repeat; margin-right:-2px;} 
.btnSearch span span {display:inline-block; background:url('/images/common/btnIcon.png') 5px -145px no-repeat; padding:0 12px 0 20px; line-height:22px; height:22px; font-size:11px; margin-right:-2px;}

.btnBnk {display:inline-block; background:url('/images/common/btn_bg.png') left -110px no-repeat; padding-left:2px; margin-right:2px; cursor:pointer; vertical-align:middle;}
.btnBnk span {display:inline-block; background:url('/images/common/btn_bg.png') right -110px no-repeat; margin-right:-2px;}
.btnBnk span span {display:inline-block; background:url('/images/common/btnIcon.png') 30px 30px no-repeat; padding:0 12px 0 8px; line-height:22px; height:22px; font-size:11px; margin-right:-2px;}


/* margin, padding */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}

/* �˻� */
.searchBox {position:relative;}
.searchBox .tit02 {border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:10px;}
.searchBox dl {overflow:hidden;}
.searchBox dl dt {width:100px; float:left; height:30px; line-height:30px; background:#e8e8e8; text-align:center; margin-bottom:2px;clear:both;}
.searchBox dl dd {width:350px; float:left; height:27px; padding-top:3px; margin-bottom:2px; padding-left:10px;}
.searchBox dl dd.wid_full {width:770px;}
*:first-child+html .searchBox dl dd input {margin-top:0;}
.searchBox .btnBig {position:absolute; right:0; bottom:0;}


/* ============================================ Preview+ ========================================= */

/* �? ���� */
.priviewPlus .tit01 {background:url('/images/common/plus_bullet.png') left 4px no-repeat;}
.priviewPlus .tit02 {background:url('/images/common/plus_bullet.png') left -43px no-repeat;}

/* tbl_basic */
.priviewPlus .tblBasic {width:100%; border-top:2px solid #692c00;}
.priviewPlus .tblBasic thead th {background:#f4f4f4;}
.priviewPlus .tblBasic tbody th {background:#f4f4f4;}

/* tab */
.priviewPlus .tab01 ul li a {background:url('/images/common/tab02_bg.gif') left -40px repeat-x; }
.priviewPlus .tab01 ul li a:hover {color:#fff; }
.priviewPlus .tab01 ul li a.on {background:url('/images/common/tab02_bg.gif') left top repeat-x;}