@charset "UTF-8";

/* padding top, right, bottom left */
html { color: #333; font-size:9pt}
html,body { height: 100%; font-size:9pt }

* { font-family: Tahoma, sans-serif, Dotum}
body,form,img,td {margin:0;padding:0}
img {border:0}
select,textarea,input {font-size:1em}

h1,h2,h3,h4,h5,h6 {padding:0;margin:0}



/*
a,a:link,a:active,a:visited {text-decoration:none;color:#FF8000}
a:hover {text-decoration:underline;color:#18609C}
*/
a,a:link,a:active,a:visited {text-decoration:none;color:#376ACF}
a:hover {text-decoration:underline}
ul { list-style:none;padding:0;margin:0}

/* table */
table {display:table;border-spacing:0;border-collapse:collapse}
table caption {text-align:right;color:#aaa}
td {padding:4px 3px;text-align:left}
td.th {background-color:#F1F1F1}
table.fix {table-layout:fixed}
table.h20 td,tr.h20 td {height:20px}
table.h25 td,tr.h25 td {height:25px}
.w100 {width:100%}
table.p0 td {padding:3px 0}
td .m3 {margin-left:3px}

.border_gray,.border_gray td {border-color:#DCDCDC}
.border_1 {border-width:1px;border-style:solid}
table.border_1 td {border-style:inset;border-width:1px}


/* layout */
div#wrapper { margin: 0 auto;background: #fff;min-width:850px;width:1030px;}

div#header { background: url(/img/bg/menu.gif) 0 100% repeat-x }
div#header_l { background: url(/img/bg/menu.gif) 0 0 no-repeat }
div#header_r { background: url(/img/bg/menu.gif) 100% -60px no-repeat;height:60px;overflow:hidden}
div#header_r ul {float:left;margin:0;padding:0;padding-top:28px}
div#header_r ul li {float:left;font-size:1.2em;margin:0 2px;padding:0;text-align:center;}
div#header_r ul li.split {float:left;width:1px;background:#FFF;margin:0;margin-top:7px;font-size:0;height:15px}
/*div#header_r li a {display:block;width:120px;height:40px;padding-top:7px;color:#FFF}*/
div#header_r li a {display:block;width:120px;padding-top:7px;padding-bottom:8px;color:#FFF;font-family:Verdana,Tahoma;font-weight:bold}
div#header_r li a:hover {text-decoration:none;background:url(/img/bg/menu_hover.gif) no-repeat;color:#333}

a#logo {
	display: inline-block;
	float: left;
/*	height:0; */
	height:50px;
	overflow: hidden;
	width: 120px;
	padding:0;margin:0;
/*	padding-top: 50px;*/
	text-indent: -99999px;
	margin-top: 4px;
	margin-left: 5px;
	background: url(/img/logo.gif) 0 0 no-repeat;
}
/*a#logo:hover {background: url(/img/logo.gif) 0 100% no-repeat;*background-position: 0 140%}*/
a#logo:hover {background: url(/img/logo.gif) 0 100% no-repeat}

div#main {clear:both;margin:0;margin-top:5px;line-height:140%;width:100%}
div#main.split1 div#content_left {}
div#main.split1 div#content_main {margin:0;width:1030px}
div#main.split1 div#content_right {}

div#main.split2 div#content_left {float:left;width:160px}
div#main.split2 div#content_main {float:left;margin-left:10px;width:860px}
div#main.split2 div#content_right {}

div#main.split3 div#content_left {float:left;width:160px}
div#main.split3 div#content_main {float:left;margin:0 10px;width:680px}
div#main.split3 div#content_right {float:right;margin:0}

div#bottom {clear:both;border-top:#333 2px solid;margin-top:20px}
div#bottom div {margin-left:40px}
div#bottom div ul {margin-left:80px}
div#bottom div ul li {float:left;margin:0 40px}
div#bottom div address {clear:left}

div#content_left div.mm {margin-bottom:5px}

/* box */
div.titlebox {background:url(/img/bg/titlebox.gif)}
div.box {background:url(/img/bg/box.gif)}
div.gray {background-position:-2px -2px}
div.orange {background-position:398px -2px}
div.black {background-position:398px 398px}
div.blue {background-position:-2px 398px}

/* bar */
div.bar {background:url(/img/bg/bar.gif);background-repeat:repeat-x}
div.bar div {background:url(/img/bg/bar.gif);background-repeat:no-repeat}
div.bar div div {background:url(/img/bg/bar.gif);background-repeat:no-repeat;position:relative}
div.bar div div img {position:absolute;margin:8px}
div.bar div div div {margin-left:50px;height:50px;line-height:120%}

/* bar color */
div.gray_bar {background-position: 0 0}
div.gray_bar div {background-position: 0 -50px}
div.gray_bar div div {background-position: 100% -100px}
div.orange_bar {background-position: 0 -150px}
div.orange_bar div {background-position: 0 -200px}
div.orange_bar div div {background-position: 100% -250px}

div.resizable_vertical {margin:2px auto;width:98%;height:3px;background:#CCC;font-size:0;cursor:s-resize}
div.resizable_horizon  {margin:2px auto;width:98%;height:3px;background:#CCC;font-size:0;cursor:w-resize}

/* float */
div.left {float:left}
div.right {float:right}
div.clr {clear:both}

/* ul */
ul li.horizon { border-bottom: #333 1px solid;}


/* font */
.red { color: #FF0000; }
.bold { font-weight: bold; }
.orange { color: #FF8000; }
.gray { color: #ACACAC; }
.darkgray { color: #888888 }
.small {font-size:0.9em}
.white {color:#fff}
.center {text-align:center}
.center td {text-align:center}
.bg_gray {background-color:#EFEFEF}

/* g1 */
table.g1 td {padding:4px;border-bottom:#ddd 1px solid;line-height:120%}
table.g1 tr.title td {background:url(/img/bg/g1.gif) left bottom repeat-x;height:30px/* !important*/;padding:0 4px}
table.g1 tr.title td.title_l {background-position:left top}
table.g1 tr.title td.title_r {background-position:right top}

/* g2 */
div.g1,div.g1 div,div.g1 div div {background:url(/img/bg/g1.gif) no-repeat;padding:0;margin:0}
div.g1 {background-position:left top}
div.g1 div {background-position:right top}
div.g1 div div {background-position:left bottom;background-repeat:repeat-x;margin:0 10px;height:20px;padding-top:10px}
/*
.g2 {background-repeat:repeat-x;background-position:left bottom}
.g2 div {background-position:left top;overflow:visible}
.g2 div div {background-position:right top;padding: 10px 0px 5px 15px;height:15px}
*/

.division_l {border-left:#ccc 1px dotted}
.division_r {border-right:#ccc 1px dotted}


/* resizable */
img.resizable {border:#FF8000 1px dashed;cursor:pointer;padding:3px}

/* board */
/*a.board:link,a.board:active,a.board:visited,table.board_view a,div.commentList a { text-decoration: none;color:#1B6C8F}*/
a.board:link,a.board:active,table.board_view a,div.commentList a {color:#1B6C8F}
a.board:visited {color:#004B00}
span.page_navigation {padding:5px 6px;margin:5px 3px;border:#FF9494 1px solid}
a.page_navigation {padding:5px 7px;margin:0}
/* a.page_navigation {padding:5px 7px;margin:0;border:transparent 1px solid} */
a.page_navigation:hover {border:#ACACAC 1px solid;margin:0 -1px}
a.page_navigation:link,a.page_navigation:active,a.page_navigation:visited {text-decoration:none;color:#1B6C8F}
/*a.board:hover,a.page_navigation:hover,table.board_view a:hover,div.commentList a:hover {text-decoration: underline}*/

.comment_cnt { color:#BF6060 !important }


div.postContent {overflow:hidden}
div.contentBox {border-top:#DCDCDC 1px solid;padding-top:5px;height:35px}
textarea.text { line-height: 160% }
div.trackbackBox {border:#DCDCDC 1px solid;margin:3px;padding:5px}
div.commentBox {border:#DCDCDC 1px solid;margin:3px;padding:5px}
div.commentBox textarea {border:#CCC 1px solid;width:98%;height:80px;margin-bottom:5px;line-height:160%}
div.commentList {border-top:#DCDCDC 1px solid;margin-bottom:10px}
div.commentList div.commentListHead {padding:5px;background:#F1F1F1;height:25px}
div.commentList div.commentListContent {margin-top:5px;overflow:hidden}
div.commentList div.commentAttach {padding:0 5px;color:#ACACAC}
span._8pt {font-size:8pt}
img.famfam {width:16px;height:16px;vertical-align:middle}

#swfupload_limit {position:absolute}
/* board_list , board_view */
table.board_list td {padding:0 4px;border-bottom:#ddd 1px solid;height:34px;*height:24px;*padding:4px}
table.board_list tr.title td {background:url(/img/board/titlebox.gif) repeat-x;height:30px;padding:0 4px}
table.board_list tr.title td.title_left {background-position:left top}
table.board_list tr.title td.title_right {background-position:left top}

table.board_view tr.post_head {height:25px}
table.board_view tr.post_head td {border-bottom:#E6E6E6 1px solid}
/*table.board_view tr.post_head td.th {color:#A5A5A5}*/
table.board_view tr.post_split {height:0px;font-size:0}
table.board_view tr.post_split td {padding:0;margin:0;font-size:0}

.board_subject {background:url(/img/board/titlebox.gif) repeat-x;border:#ccc 1px solid;height:30px}
.board_subject h2 {font-size:1em; margin:0; padding:0 }
/*
.board_subject,.board_subject div,.board_subject div div {background:url(/img/board/titlebox.gif) no-repeat;padding:0;margin:0}
.board_subject {background-repeat:repeat-x;background-position:left top}
.board_subject div {background-position:left center;overflow:visible}
.board_subject div div {background-position:right bottom;padding: 10px 0px 5px 15px;height:15px}
*/


#member_popup {position:absolute;border:#ccc 1px solid;background:#3467CD;padding:5px;text-align:left;display:none;font-size:0.9em}
a.none:hover {text-decoration:none}
a.member_info,a.member_info:active,a.member_info:link,a.member_info:visited {color:#1B6C8F}
a.member_info:hover {text-decoration:underline;color:#0E3648}
a.member_info img {vertical-align:middle}

input.required,textarea.required {background:url(/img/board/required.gif) no-repeat #fff;}
input.text,textarea.text {border: #ACACAC 1px solid;  padding: 2px 0; margin:1px 0}
input.btn { border: #ACACAC 1px solid; padding: 1px 0}
td.left {text-align:left}
td.right {text-align:right}

.s_menu { display: none; position: absolute; border: #3669CF 1px solid; padding: 10px; background: #FFFEDC; line-height: 160%; text-align: left }

/* error */
div.message {margin-top:10px;border:#000 1px solid;padding:10px;font-weight:bold}
textarea.error,input.error,select.error {border:#FF0000 1px solid}
div.error,label.error {font-weight:bold;color:#FF0000}
div.error_message {border:#FF0000 1px solid;padding:10px;font-weight:bold}
div.error_message a {font-weight:normal}

/* ajax division */
#ajax1 {position:absolute;display:none;background:#000;z-index:2000}
#ajax2 {position:absolute;display:none;text-align:center;background:url(/img/icon/loading.gif) no-repeat center top;color:#0078FF;font-weight:bold;z-index:2001}
/* dynamic */
div#dynamic {border:#ccc 1px solid;padding:5px;display:none;position:absolute}
/* dialog */
div#dialog {display:none;text-align:left;font-family: Dotum; font-size: 12px}
div#dialog input.text {padding:0 2px}

.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-moz-binding:url("ellipsis.xml#ellipsis");}
.swfupload {margin-bottom:-2px !important; *margin-bottom: -5px}

/* common_btn */
a.common_btn {position:relative; display:inline-block; text-decoration:none !important; background:url(/img/icon/common_btn.gif) no-repeat; white-space:nowrap; vertical-align:middle; width:100px; height:25px; overflow: hidden}
a.common_btn.new {background-position:0 0}
a.common_btn.new:hover {background-position:0 -25px}
a.common_btn.add {background-position:0 -50px}
a.common_btn.add:hover {background-position:0 -75px}
a.common_btn.modify {background-position:0 -100px}
a.common_btn.modify:hover {background-position:0 -125px}
a.common_btn.del {background-position:0 -150px}
a.common_btn.del:hover {background-position:0 -175px}
a.common_btn.save {background-position:0 -200px}
a.common_btn.save:hover {background-position:0 -225px}
a.common_btn.prt {background-position:0 -250px}
a.common_btn.prt:hover {background-position:0 -275px}

a.common_btn span {text-indent:-9999px;margin-left:-9999px}

/* common_btn2 , 지랄맞은 ie6 때문에 save2 로 지정 */
a.common_btn2 {position:relative; display:inline-block; text-decoration:none !important; background:url(/img/icon/common_btn2.gif) no-repeat; white-space:nowrap; vertical-align:middle; width:75px; height:25px; overflow: hidden}
a.common_btn2.save2 {background-position:0 0px}
a.common_btn2.save2:hover {background-position:0 -25px}

a.common_btn2 span {text-indent:-9999px;margin-left:-9999px}


/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* Anchor Button */
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url(/img/btn/buttonWhite.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;}
a.button, x:-moz-any-link { font:0/23px Sans-serif; padding:12px 0; top:1px;} /* Firefox 2 Fix */
a.button, x:-moz-any-link, x:default { padding:0; top:0;} /* Firefox 2 Fix */
/* Large Size */
a.button.large { background-position:left -30px; }
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
a.button.large, x:-moz-any-link { font:0/29px Sans-serif; padding:15px 0;} /* Firefox 2 Fix */
a.button.large, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
/* xLarge Size */
a.button.xLarge { background-position:left -65px; }
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
a.button.xLarge, x:-moz-any-link { font:0/35px Sans-serif; padding:18px 0;} /* Firefox 2 Fix */
a.button.xLarge, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
/* Small Size */
a.button.small { background-position:left -107px; }
a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}
a.button.small, x:-moz-any-link { font:0/18px Sans-serif; padding:9px 0;} /* Firefox 2 Fix */
a.button.small, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */

/* Control Button + Submit Button */
span.button,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url(/img/btn/buttonWhite.gif) no-repeat; vertical-align:middle; *vertical-align:bottom}
span.button { padding:0; background-position:left top;}
span.button, x:-moz-any-link{ font:0/23px Sans-serif; padding:11px 0;} /* Firefox 2 Fix */
span.button, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button button,
span.button input { height:23px; left:2px; *top:-1px; _top:0; padding:0 10px 0 8px; *padding:0 5px 0 3px; line-height:24px; background-position:right top; cursor:pointer;}
/* Large Size */
span.button.large { background-position:left -30px; *top:-1px;}
span.button.large, x:-moz-any-link{ font:0/29px Sans-serif; padding:14px 0;} /* Firefox 2 Fix */
span.button.large, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button.large button,
span.button.large input { height:30px; *top:0; _top:-1px; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
span.button.xLarge, x:-moz-any-link{ font:0/35px Sans-serif; padding:17px 0;} /* Firefox 2 Fix */
span.button.xLarge, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Large Size */
span.button.small { background-position:left -107px;}
span.button.small, x:-moz-any-link{ font:0/18px Sans-serif; padding:9px 0;} /* Firefox 2 Fix */
span.button.small, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button.small button,
span.button.small input { height:18px; *top:0; _top:-1px; padding:0 6px 0 4px; *padding:0 3px 0 2px; font:11px/18px Sans-serif; background-position:right -107px;}
span.button.small button, x:-moz-any-link,
span.button.small input, x:-moz-any-link{ top:-1px;} /* Firefox 2 Fix */
span.button.small button, x:-moz-any-link, x:default,
span.button.small input, x:-moz-any-link, x:default{ top:0;} /* Firefox 2 Fix */

/* Strong Button */
a.button.strong *,
span.button.strong * { font-weight:bold !important;}

/* Icon Add */
a.button .icon { position:relative; border:0; vertical-align:middle;}
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.button.green,
a.button.green span,
span.button.green,
span.button.green button,
span.button.green input { background-image:url(/img/btn/buttonGreen.gif); color:#fff;}
a.button.black,
a.button.black span,
span.button.black,
span.button.black button,
span.button.black input { background-image:url(/img/btn/buttonBlack.gif); color:#fff;}
a.button.red,
a.button.red span,
span.button.red,
span.button.red button,
span.button.red input { background-image:url(/img/btn/buttonRed.gif); color:#fff;}
a.button.blue,
a.button.blue span,
span.button.blue,
span.button.blue button,
span.button.blue input { background-image:url(/img/btn/buttonBlue.gif); color:#fff;}

/* Offset Debug */
a.button,
span.button{ margin-right:2px;}


/* smart editor */
#smartInput{ margin:0 10px 0 0;}
.smartOutput{ font-size:12px; line-height:1.6em; font-family:Dotum, AppleGothic, Sans-serif;} /* 스마트 에디터의 풍부한 표현이 정상적으로 출력되도록 하려면 콘텐츠가 출력되는 곳에 이 클래스를 적용하여야 한다. 예를 들면 게시물 읽기 페이지의 본문이 이에 해당된다. */

.smartOutput p{ margin-top:7px; margin-bottom:7px;}

.smartOutput blockquote.q1,
.smartOutput blockquote.q2,
.smartOutput blockquote.q3,
.smartOutput blockquote.q4,
.smartOutput blockquote.q5,
.smartOutput blockquote.q6,
.smartOutput blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}

.smartOutput blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.smartOutput blockquote.q2{ padding:0 10px; background:url(../img/bg_qmark.gif) no-repeat;}
.smartOutput blockquote.q3{ border:1px solid #d9d9d9;}
.smartOutput blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.smartOutput blockquote.q5{ border:2px solid #707070;}
.smartOutput blockquote.q6{ border:1px dashed #707070;}
.smartOutput blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}

.smartOutput sup{ font:10px Tahoma;}
.smartOutput sub{ font:10px Tahoma;}
.smartOutput table td{ padding:4px;}
.smartOutput p {margin:0}