@charset "euc-kr";

body {margin:0px; padding:0px; font-size:9pt; font-family:µ¸¿ò; color:#333333; scrollbar-arrow-color: #999999; scrollbar-darkshadow-color: #f6f6f6; scrollbar-highlight-color: #f2f2f2; scrollbar-track-color: #f6f6f6; scrollbar-3dlight-color: #999999; scrollbar-face-color: #f2f2f2; scrollbar-shadow-color: #999999;}

div, td, select, input, textarea {font-family:µ¸¿ò; font-size:9pt; color:#333333;}
select {vertical-align:middle}
p, form {margin:0px; padding:0px;}

img {border:none;}
label {cursor:hand}

a {font-size:9pt; color:#333333;text-decoration:none;}
a:link {color: #333333;}
a:visited {color:#333333;}
a:hover {color:#333333;text-decoration:none;}

.page_title h1 {font-size:14px; font-family:µ¸¿òü; padding:0 0 0 30; margin:0px; line-height:16px; display:inline}
.page_title h2 {font-size:14px; font-family:µ¸¿òü; margin:0px; line-height:16px; display:inline}
.seo h1, .seo h2 {display:none};
.htxt {display:none};

/* table */
table {padding:0px; border-spacing:0px; border:0;}
th, td {padding:0px;} 
.thin {border:0; border-spacing:0; padding:0; border-collapse:collapse}

/* paging */
.paging {padding:0px}
.paging a, 
.paging strong {position:relative; display:inline-block; margin-right:1px; padding:2px 3px 1px 2px; color:#333333; text-decoration:none; border:1px solid #ffffff; font-weight:bold; font-size:12px}
.paging strong {color:#f23219; border:1px solid #e9e9e9;}

.paging .first {margin-right:3px; padding:3px 6px 1px 14px; background:url(/img/page_l_off.gif) no-repeat 6px 5px; letter-spacing:-1px;}
.paging .pre {margin-right:3px; padding:3px 6px 1px 14px; background:url(/img/page_l_off.gif) no-repeat 6px 5px; letter-spacing:-1px;}
.paging .next {margin-left:3px; padding:3px 14px 1px 6px; background:url(/img/page_r_off.gif) no-repeat 34px 5px; letter-spacing:-1px;}
.paging .end {margin-left:3px; padding:3px 26px 1px 6px; background:url(/img/page_r_off.gif) no-repeat 34px 5px; letter-spacing:-1px;}

.paging a.pre {background:url(/img/page_l_on.gif) no-repeat 6px 5px;}
.paging a.first {background:url(/img/page_l_on.gif) no-repeat 6px 5px;}
.paging a.next {background:url(/img/page_r_on.gif) no-repeat 34px 5px;}
.paging a.end {background:url(/img/page_r_on.gif) no-repeat 34px 5px;}

.paging .first,
.paging .end,
.paging .pre,
.paging .next, {display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:0; font-size:12px;}

.paging a.first,
.paging a.end,
.paging a.pre,
.paging a.next {color:#565656;}

.paging a:hover {background-color:#f7f7f7; border:1px solid #e9e9e9;}

.paging2 {padding:0px; vertical-align:middle;}
.paging2 a, 
.paging2 strong {position:relative; display:inline-block; margin-right:1px; padding:1px 3px 0px 2px; color:#333333; text-decoration:none; border:1px solid #ffffff; font-weight:bold; font-size:12px}
.paging2 strong {color:#f23219; border:1px solid #e9e9e9;}

.paging2 .first {padding:1px 1px 0px 1px;}
.paging2 .pre {padding:1px 1px 0px 1px;}
.paging2 .next {padding:1px 1px 0px 1px;}
.paging2 .end {padding:1px 1px 0px 1px;}

.paging2 .first,
.paging2 .end,
.paging2 .pre,
.paging2 .next, {display:inline-block; color:#ccc; border:1px solid #e9e9e9; font-size:12px;}

.paging2 a.first,
.paging2 a.end,
.paging2 a.pre,
.paging2 a.next {color:#565656;}

.paging2 a:hover {background-color:#f7f7f7; border:1px solid #e9e9e9;}

/* button */
span.btn,
span.btn * { position:relative; margin:0/*!important*/; display:-moz-inline-box; display:inline-block /*!important*/; border:0; color:#444; font:8pt µ¸¿ò, dotum; white-space:nowrap; background:url('/img/bg_white_btn.gif') no-repeat; vertical-align:middle}

span.btn { padding:0 0 0 2px; background-position:left top}
span.btn * { width:auto; overflow:visible; top:0; padding:0px 5px 0px 3px; background-position:right top; cursor:pointer; letter-spacing:-1px; line-height:16px; .line-height:15px; _line-height:16px; vertical-align:top; }

span.btn.black,
span.btn.black * { background:url('/img/bg_black_btn.gif') no-repeat; color:#fff}
span.btn.black * { background-position:right top;}

span.btn.h16 { background-position:left top;}
span.btn.h16 *{ height:16px; padding:0px 4px 0px 3px; background-position:right top; letter-spacing:-1px; line-height:16px; .line-height:15px; _line-height:16px;}

span.btn.h18 { background-position:left -18px;}
span.btn.h18 * { height:18px; padding:0px 4px 0px 3px; background-position:right -18px; letter-spacing:-1px; line-height:18px; .line-height:17px; _line-height:18px;}

span.btn.h18p { background-position:left -18px;}
span.btn.h18p * { height:18px; padding:0px 3px 0px 2px; background-position:right -18px; letter-spacing:-1px; line-height:18px; .line-height:17px; _line-height:18px;}

span.btn.h20 { background-position:left -38px }
span.btn.h20 * { height:20px; padding:0px 4px 0px 3px; background-position:right -38px; letter-spacing:0px; line-height:20px; .line-height:19px; _line-height:20px; font-size:12px;}

span.btn.h22 { background-position:left -60px; }
span.btn.h22 * { height:22px; padding:0px 5px 0px 3px; background-position:right -60px; letter-spacing:0px; line-height:22px; .line-height:21px; _line-height:22px; font-size:12px; }

span.btn.small * {letter-spacing:-1; font-size:11px; /*height:18px;*/ padding:0px 4px 0px 3px;}

span.btn.h30,
span.btn.h30 * { background:url('/img/bg_white_btn30.gif') no-repeat; background-position:left top;}
span.btn.h30 * { height:30px; padding:0px 5px 0px 3px; background-position:right top; letter-spacing:0px; line-height:30px; .line-height:29px; _line-height:30px; font-size:12px; }

span.btn.h36,
span.btn.h36 * { background:url('/img/bg_white_btn36.gif') no-repeat; background-position:left top;}
span.btn.h36 * { height:36px; padding:0px 5px 0px 3px; background-position:right top; letter-spacing:0px; line-height:36px; .line-height:35px; _line-height:36px; font-size:12px; }

span.btn.h18 *.bold {font-weight:bold; letter-spacing:-1}
span.btn.h20 *.bold {font-weight:bold; letter-spacing:0}
span.btn.h22 *.bold {font-weight:bold; letter-spacing:0}
span.btn.h30 *.bold {font-weight:bold; letter-spacing:0}
span.btn.h36 *.bold {font-weight:bold; letter-spacing:0}

/* button icon */
span.btn.icon * { padding-left:18px;}
span.btn.icon span {width:18px; margin-right:-18px; padding:0 !important; z-index:999}

span.btn.icon .check{ background:url('/img/ico_check.gif') no-repeat; background-position:2px 2px;}
span.btn.h16 .check{ background-position:2px 2px; }
span.btn.h18 .check{ background-position:3px 3px; }
span.btn.h20 .check{ background-position:4px 4px; }
span.btn.h22 .check{ background-position:5px 5px; }

span.btn.icon .del{ background:url('/img/ico_del.gif') no-repeat; background-position:2px 2px;}
span.btn.h16 .del{ background-position:2px 2px; }
span.btn.h18 .del{ background-position:3px 3px; }
span.btn.h20 .del{ background-position:4px 4px; }
span.btn.h22 .del{ background-position:5px 5px; }


/* calendar */
.div_calendar {border:3px solid #aaaaaa}
.div_calendar .calendar_title {text-align:center; width:24px; height:24px; font-weight:bold;}
.div_calendar .calendar_over {text-align:center; width:22px; height:20px; font-weight:normal; background-color:#eeeeee;}
.div_calendar .calendar_out {text-align:center; width:22px; height:20px; font-weight:normal; background-color:#ffffff;}
.div_calendar .calendar_on {text-align:center; width:22px; height:20px; font-weight:bold; background-color:#e5e5e5}

/* table */
tr.over {background-color:#f5f5f5};
tr.out {background-color:#ffffff};
tr.click {background-color:#e5e5e5};

/* main emoticon category */
.em_cate {padding: 0 2 0 2; line-height:20px; height:20px; display:inline; cursor:hand; text-overflow:ellipsis; overflow:hidden;}
.em_cate_page1 {font-size:10px; font-family:tahoma; font-weight:bold; color:#aaa}
.em_cate_page2 {font-size:10px; font-family:tahoma; font-weight:bold; color:#ccc}

/* spe char */
.spe_menu a {width:40px; padding:2 0 2 0; margin:0}
.spe_submenu td {text-align:center}
.spe_submenu a {width:100%; overflow:visible; padding:3px; text-align:center}


/* board 1 */
.b1_top {padding:7 0 5 0; border-top:2px solid #bdbdbd; border-bottom:1px solid #bdbdbd; background:#f9f9f9; font-weight:bold}
.b1_top2 {padding:7 0 5 0; border-top:2px solid #bdbdbd; border-bottom:1px solid #bdbdbd;}
.b1_mid {padding:5 0 5 0; line-height:18px}
.b1_bottom {padding:3 0 5 0; border-bottom:2px solid #bdbdbd}
.b1_bottom2 {padding:5 0 5 0; border-top:2px solid #bdbdbd; border-bottom:2px solid #bdbdbd}
.b1_bottom3 {padding:0; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; height:5px; background:#f9f9f9}

/* board 2 */
.b2_top_left {padding:5 5 5 15; border-top:2px solid #bdbdbd; border-bottom:1px solid #bdbdbd; background:#f9f9f9; font-weight:bold}
.b2_left {padding:5 5 5 15; border-bottom:1px solid #bdbdbd; background:#f9f9f9; font-weight:bold}
.b2_top_right {padding:7 5 5 5; border-top:2px solid #bdbdbd; border-bottom:1px solid #bdbdbd;}
.b2_right {padding:7 5 5 5; border-bottom:1px solid #bdbdbd;}
.b2_mid_left{padding:5 5 5 5; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; background:#f9f9f9; font-weight:bold}
.b2_mid_right {padding:5 5 5 5; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd;}

.boxbg_l_2111 {padding:5 5 5 15; border-top:2px solid #bdbdbd; border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; background:#f7f7f7; font-weight:bold}
.boxbg_l_2110 {padding:5 5 5 15; border-top:2px solid #bdbdbd; border-bottom:1px solid #bdbdbd; border-right:1px solid #bdbdbd; background:#f7f7f7; font-weight:bold}
.boxbg_l_2010 {padding:5 5 5 15; border-top:2px solid #bdbdbd; border-bottom:1px solid #bdbdbd; background:#f7f7f7; font-weight:bold}
.boxbg_r_2010 {padding:5 5 5 5; border-top:2px solid #bdbdbd; border-bottom:1px solid #bdbdbd;}

.boxbg_l_1111 {padding:5 5 5 15; border:1px solid #bdbdbd; background:#f7f7f7; font-weight:bold}
.boxbg_l_1110 {padding:5 5 5 15; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; border-right:1px solid #bdbdbd; background:#f7f7f7; font-weight:bold}
.boxbg_l_1010 {padding:5 5 5 15; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; background:#f7f7f7; font-weight:bold}
.boxbg_r_1010 {padding:5 5 5 5; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd;}

/* box */
.boxbg_1111 {border:1px solid #bdbdbd; background:#f7f7f7}
.boxbg_1110 {border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; border-right:1px solid #bdbdbd; background:#f7f7f7;}
.boxbg_2010 {border-top:2px solid #bdbdbd; border-bottom:1px solid #bdbdbd; background:#f7f7f7; font-weight:bold}

.box_1111 {border:1px solid #bdbdbd}
.box_0111 {border:1px solid #bdbdbd; border-top:none}
.box_1011 {border:1px solid #bdbdbd; border-right:none}
.box_1101 {border:1px solid #bdbdbd; border-bottom:none}
.box_1110 {border:1px solid #bdbdbd; border-left:none}
.box_0011 {border:1px solid #bdbdbd; border-top:none; border-right:none}
.box_1001 {border:1px solid #bdbdbd; border-right:none; border-bottom:none}
.box_1100 {border:1px solid #bdbdbd; border-bottom:none; border-left:none}
.box_0110 {border:1px solid #bdbdbd; border-top:none; border-left:none}
.box_1010 {border:1px solid #bdbdbd; border-right:none; border-left:none}
.box_0101 {border:1px solid #bdbdbd; border-top:none; border-bottom:none}
.box_1000 {border-top:1px solid #bdbdbd}
.box_0100 {border-right:1px solid #bdbdbd;}
.box_0010 {border-bottom:1px solid #bdbdbd;}
.box_0001 {border-left:1px solid #bdbdbd;}

.box_popup {border:3px solid #aaaaaa}
.box_popup5 {border:5px solid #639EEF}
.box_popup4 {border:2px solid #bdbdbd}

.box_popup2 { width:100%; border:1px solid #bdbdbd; }
.box_popup2 div{ height:100%; padding:7px; border:4px solid #f5f5f5; line-height:18px }

.box_popup3 { width:100%; border:4px solid #f5f5f5; }
.box_popup3 div{width:100%; height:100%; padding:7px; border:1px solid #677FDD; line-height:18px}

.content {padding:10px; line-height:18px; background:#f8f8f8}

.a1 {padding:3; height:28px; font-weight:bold; text-align:center; border:1px solid #bdbdbd}
.a2 {padding:3; height:28px; border:1px solid #bdbdbd}
.a3 {padding:3; border:1px solid #bdbdbd}
.a4 {padding:3; height:28px; font-weight:bold; border:1px solid #bdbdbd}}

/* line */
.line {font-size:12px; border-bottom: 1px solid #d8d8d8; padding:3px}
.line_dot {border-bottom: 1px dotted #d8d8d8;}

.hr_dot {border:1px dotted #d8d8d8; height:1px}
.hr_line {border:1px solid #d8d8d8; height:1px}

.font11 {font-size:11px; letter-spacing:-1px; font-family:µ¸¿ò; color:#555}
.font11_2 {font-size:11px; font-family:µ¸¿ò; color:#555}

/* tabbox */
.tabbox {border:1px solid #d4d4d4}
.tabbox_on {border:1px solid #d4d4d4; background:#f4f4f4; border-bottom:none; font-weight:bold}

.tabbox2 {height:32px; line-height:32px; padding:0 10 0 10; margin-right:3px; border:1px solid #bdbdbd; background:#f4f4f4}
.tabbox2_on {height:32px; line-height:32px; padding:0 10 0 10; margin-right:3px; border:1px solid #bdbdbd; background:#ffffff; border-bottom:none; font-weight:bold;}

.tabbox3 {height:32px; line-height:32px; padding:0 10 0 10; margin-right:3px; border:1px solid #bdbdbd; background:#555555;}
.tabbox3_on {height:32px; line-height:32px; padding:0 10 0 10; margin-right:3px; border:1px solid #637dde; background:#637dde; border-bottom:1px solid #bdbdbd; font-weight:bold;}

/* left menu */
a.left_menu { display:block; width:100%; padding:9 7 7 7; background:url(/img/ico_left_off.gif) no-repeat 165px 10px;}
a.left_menu:hover {background:url(/img/ico_left_on.gif) no-repeat 165px 10px; font-weight:bold}

a.left_submenu2 { display:block; ; padding:5 7 3 25;}
a.left_submenu2:hover { font-weight:bold }

a.left_submenu { padding:3 5 0 5; height:20px}
a.left_submenu:hover { font-weight:bold }

/* input */
.inp_out {border:1px solid #bdbdbd; height:22px; padding:3 0 0 3; color:#888888; vertical-align:middle}
.inp {border:1px solid #0080ff; height:22px; padding:3 0 0 3; background-color:#ffffff; color:#000000; vertical-align:middle}
.inp_out3 {border:1px solid #bdbdbd; height:20px; padding:3 0 0 3; color:#888888; vertical-align:middle}

.inp_textarea_out {border:1px solid #bdbdbd; padding:3 0 0 3; color:#888888; vertical-align:middle}
.inp_textarea {border:1px solid #0080ff; padding:3 0 0 3; color:#888888; vertical-align:middle}

.inp2_out {border:2px solid #bdbdbd; padding:3 0 0 3; vertical-align:middle}
.inp2 {border:2px solid #0080ff; padding:3 0 0 3; background-color:#ffffff; vertical-align:middle}

.main_inp {border:3px solid #356AA0; height:32px; padding:6 0 0 5; vertical-align:middle; font-size:14px; font-family:µ¸¿ò; font-weight:bold;}

.hp {word-break:break-all;border:1px solid #e2e2ff; background-color: transparent; font-family: µ¸¿òü; font-size: 9pt; line-height: 14px; scrollbar-arrow-color: #c8c8ff; scrollbar-darkshadow-color: #e2e2ff; scrollbar-highlight-color: #ececff; scrollbar-track-color: #e2e2ff; scrollbar-3dlight-color: #c8c8ff; scrollbar-face-color: #ececff; scrollbar-shadow-color: #c8c8ff;}
.hp2 {word-break:break-all;border:none; background-color: transparent; font-family: µ¸¿òü; font-size: 9pt; line-height: 14px; scrollbar-arrow-color: #c8c8ff; scrollbar-darkshadow-color: #e2e2ff; scrollbar-highlight-color: #ececff; scrollbar-track-color: #e2e2ff; scrollbar-3dlight-color: #c8c8ff; scrollbar-face-color: #ececff; scrollbar-shadow-color: #c8c8ff;}
.msg {word-break:break-all;border:1px solid #bdbdbd; background-color: transparent; font-family: µ¸¿òü; font-size: 9pt; line-height: 14px; scrollbar-arrow-color: #999999; scrollbar-darkshadow-color: #f6f6f6; scrollbar-highlight-color: #f2f2f2; scrollbar-track-color: #f6f6f6; scrollbar-3dlight-color: #999999; scrollbar-face-color: #f2f2f2; scrollbar-shadow-color: #999999;}
.phone {word-break:break-all;border:1px solid #bdbdbd; background-color: transparent; font-family: µ¸¿òü; font-size: 9pt; line-height: 14px; scrollbar-arrow-color: #999999; scrollbar-darkshadow-color: #f6f6f6; scrollbar-highlight-color: #f2f2f2; scrollbar-track-color: #f6f6f6; scrollbar-3dlight-color: #999999; scrollbar-face-color: #f2f2f2; scrollbar-shadow-color: #999999;}
.phone2 {word-break:break-all;border:none; background-color: transparent; font-family: µ¸¿òü; font-size: 9pt; line-height: 14px; scrollbar-arrow-color: #999999; scrollbar-darkshadow-color: #f6f6f6; scrollbar-highlight-color: #f2f2f2; scrollbar-track-color: #f6f6f6; scrollbar-3dlight-color: #999999; scrollbar-face-color: #f2f2f2; scrollbar-shadow-color: #999999;}

.emoticon {word-break:break-all;border:1px solid #f5f5f5; overflow: hidden; cursor: hand; background-color: transparent; font-family: µ¸¿òü;}
.emoticon2 {word-break:break-all;border:none; overflow: hidden; cursor: hand; background-color: transparent; font-family: µ¸¿òü;}
.emoticon3 {word-break:break-all;border:none; overflow-y: scroll; cursor: hand; background-color: transparent; font-family: µ¸¿òü; scrollbar-arrow-color: #999999; scrollbar-darkshadow-color: #f6f6f6; scrollbar-highlight-color: #f2f2f2; scrollbar-track-color: #f6f6f6; scrollbar-3dlight-color: #999999; scrollbar-face-color: #f2f2f2; scrollbar-shadow-color: #999999;}