@charset "utf-8";
/*
전체 스킨의 공통적인 Style입니다.
*/

/* Type Selector */
* {margin:0; padding:0;}
html, body {font-size:12px; line-height:15px; font-style:normal; font-family:"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif; scrollbar-base-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-face-color: #d9d9d9; scrollbar-highlight-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-track-color: #f2f2f2;}
img, fieldset, button {border:none;}
hr, button img, caption{display:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h1,h2 {display:none;}
li {list-style:none; margin-bottom:3px;}
a {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}
textarea {overflow:auto; margin:2px;}
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
div {border:0px dashed #6666ff; text-align:left;}
dt, dd {border:0px dashed #6666ff;}
label {cursor:pointer; _cursor /**/:hand;}
table {border-collapse:collapse;}
table th {font-weight:none;}
*:first-child+html li { margin-bottom:2.5px;}
img{behavior:url(/common/iepngfix.htc);}
.textContent {line-height:1.5;}
.textContent ol li {list-style:decimal inside;}
.textContent ul li {list-style:square inside;}
.frame {line-height:1.5; border:1px solid #e5e5e5; overflow:auto;}
.btn {cursor:pointer;_cursor:hand;}
.blank {padding:30px; font-size:12px; color:#990000; line-height:14px;text-align:center}

/* skin pattern */
.visual {overflow:visible; position:relative; padding:0; margin:0; *zoom:1;}
.visual .design {padding:0; margin:0;}
.pattern {background:url(/image/bg_pattern.png); color:#990000; overflow:hidden; position:relative;}
.pattern strong {font-size:11px;}
.pattern p {border-top:1px dashed #990000; border-left:1px dashed #990000; border-right:1px dashed #990000; padding:2px; font-size:11px;}
.patternWrap {top:0px; left:0pt; position:absolute; color:#990000; overflow:hidden;}
.patternWrap .patternInfo {border-top:1px dashed #990000; border-left:1px dashed #990000; border-right:1px dashed #990000; padding:2px; font-size:11px; display:none; background:url(/image/bg_pattern.png); overflow:visible;}
.patternWrap .patternInfo strong {font-size:11px;}

.clear {float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

.show {display:block;}
.hide {display:none;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.middel {vertical-align:middle;}
.normal {font-weight:normal;}
.bold {font-weight:bold;}
.bd {border:1px dashed #ff6600; cursor:pointer;}
.no_line {border:0 solid #fff;}
.pd3 {padding:3px;}
.pd5 {padding:5px;}
.pd7 {padding:7px;}
.pd10 {padding:10px;}
.wrap60 {width:60px; white-space:nowrap; overflow:hidden;}
.wrap80 {width:80px; white-space:nowrap; overflow:hidden;}
.wrap100 {width:100px; white-space:nowrap; overflow:hidden;}
.sp3 {white-space:3px;}
.sp5 {white-space:5px;}
.red {color:#990000;}
.blue {color:#003399;}
.black {color:#000;}
.white {color:#fff;}
.gray {color:#999;}
.darkgray {color:#666;}
.navy {color:navy;}

.code {border:2px #dcdcdc dotted; background:#eee; padding:.5em; text-align:justify;}
.cube {border:3px #efefef solid; text-align:center;}
.cube .line {border:1px #dcdcdc solid; padding:5px;}
.cube .line02 {border:1px #999 solid;}

.small_white {font-size:8pt; color:#fff; text-decoration:none;}
.small_gray {font-size:8pt; color:#666; text-decoration:none;}
.small_dgray {font-size:8pt; color:#333; text-decoration:none;}
.small_blue {font-size:8pt; color:#003399; text-decoration:none;}
.small_red {font-size:8pt; color:#990000; text-decoration:none;}
.small_orange {font-size:8pt; color:#ff3300; text-decoration:none;}

.back_gray{background:url(/image/background.gif) repeat-x;}
.bg_gray {background:#efefef;}
.bg_lemon {background:#f5f5dc;}
.bg_aqua {background:#e0ffff;}

.table_list {width:100%;}
.table_list th {font-size:11px; font-weight:normal;}
.table_list th span {padding-left:3px;}
.table_list td {padding:3px; font-size:11px; color:#666;}
.table_list td span {padding-left:5px;}

p.dan {word-break:break-all;}
p.keeping * {vertical-align:top;}
p.keeping label {position:relative; top:1px; _top:2px; left:3px; margin-right:10px; font-size:11px; color:#404040; letter-spacing:-1px;}
span.keeping * {vertical-align:top;}
span.keeping label {position:relative; top:1px; _top:2px; left:3px; margin-right:10px; font-size:11px; color:#404040; letter-spacing:-1px;}

.line_1 {border:1px solid #e5e5e5; padding:2px;}
.line_3 {border:3px solid #e5e5e5;}
.line_1_gray {border:1px solid #999;}
.line_tb1_gray {border-top:1px solid #999; border-bottom:1px solid #999;}
.line_b1_gray {border-bottom:1px solid #999;}
.line_1_black {border:1px solid #000;}
.line_tb1_black {border-top:1px solid #000; border-bottom:1px solid #000;}
.line_2_gray {border:2px solid #999;}
.line_2_black {border:2px solid #000;}

.dash_side{text-align:left; border-right:1px solid #dcdcdc;}
.dash_sidebottom{text-align:left; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.dash_sidebottom p{text-align:center; padding:2px;}
.dash_bottom{text-align:left; border-bottom:1px solid #dcdcdc;}
.dash_bottom p{text-align:center; padding:2px;}

.id {background:#eee url(/image/bg_login_id.gif) no-repeat;}
.email {background:#eee url(/image/bg_login_id.gif) no-repeat;}
.pw {background:#eee url(/image/bg_login_pw.gif) no-repeat;}

.input_text {border:1px solid #dcdcdc; padding:2px 0 0 2px; height:15px; font-size:8pt; vertical-align:middle;}
.input_blue {border:1px solid #c9d8f5; padding:2px 0 0 2px; height:15px; vertical-align:middle; background:#e3eef9 url() no-repeat;}
.input_blue_sms {border:1px solid #c9d8f5; padding:2px 0 0 2px; height:15px; vertical-align:middle; background:#e3eef9 url(/image/background/bg_sms_return.gif) no-repeat;}
.input_gray {border:1px solid #dcdcdc; padding:2px 0 0 2px; height:15px; vertical-align:middle; background:#eee url() no-repeat;}
.textarea_gray {border:1px solid #dcdcdc; padding:2px 0 0 2px; vertical-align:middle; background:#eee;}
.textarea_blue {border:1px solid #c9d8f5; padding:2px 0 0 2px; vertical-align:middle; background:#e3eef9;}
.textarea_blue_sms {border:1px solid #c9d8f5; padding:2px 0 0 2px; vertical-align:middle; background:#e3eef9 url(/image/background/bg_sms_lcd.gif) no-repeat;}
.input_active {border:1px solid #ff3300; padding:2px 0 0 2px; height:15px; vertical-align:middle; background:#ffffcc url() no-repeat;}
.input_check {_margin:-4px -3px -3px -3px; vertical-align:middle;}
*:first-child+html .input_check {margin:-4px -3px -3px -3px;}

.input_form {border:0px solid #999; _margin-top:5px; width:100%;}
.input_form th {padding-left:5px; color:#003399; font-weight:normal; background:#eee;}
.input_form td {padding:3px;}
.input_form .menu_gray {padding:0; height:20px; color:#000; font-weight:bold; text-align:center; background:url(/image/background/bg_menu_gray.png) repeat-x;}

/* editor */
.editor {border:3px solid #eee; text-align:center; background:#efefef;}
.editor .line { border:1px solid #dcdcdc; overflow:hidden;}
.editorButton { white-space:nowrap; overflow:hidden;}

/* site Map */
#siteMap {display:none; background:#d2d2d2; width:100%; position:absolute; z-index:1000; text-align:center;}

/* Skin selector */
#skin {width:100%; position:absolute; z-index:1000; text-align:center;}
#skin .selector {display:none; border-bottom:3px solid #990000; background:#d2d2d2; text-align:center; margin:auto;}
#skin .selector p {padding:5px;}
#skin .btn {border-top:1px solid #990000; text-align:right; height:1px;}

/* Ajax */
#ajax_header{width:100%; height:100%; top:0; left:0; overflow:hidden; position:absolute; background:#000; filter:Alpha(opacity=50); opacity:0.4; -moz-opacity:0.4; z-index:2003;}
#ajax_close {cursor:pointer;_cursor:hand; position:absolute; z-index:2005; }
#ajax_display{ margin:auto; }
#ajax_display select,input{filter:none;}

/* Ajax : modal */
#modal p {padding:4px; font-weight:bold;}
#modal .input {padding:0 0px 10px 20px; text-align:center;}
#modal .frame {width:380px; height:200px; background:#eee; overflow:auto; margin:5px auto;}
#modal .frame .address {font-weight:normal; font-size:12px; color:black;}
#modal li {float:left; margin-left:3px;}

/* Title pattern */
.head_red{height:33px; font-weight:bold; color:#ffffcc; text-align:center; background:url(/image/background/bg_top_red.gif) repeat-x;}
.head_black{height:33px; font-weight:bold; color:#ffffcc; text-align:center; background:url(/image/background/bg_top_black.png) repeat-x;}
.head_gray{height:33px; font-weight:bold; color:#000; text-align:center; background:url(/image/background/bg_top_gray.png) repeat-x;}
.head_blue{height:33px; font-weight:bold; color:#efefef; text-align:center; background:url(/image/background/bg_top_blue.png) repeat-x;}
.head_darkblue{height:33px; font-weight:bold; color:#efefef; text-align:center; background:url(/image/background/bg_top_darkblue.png) repeat-x;}
.menu_red{height:20px; color:#fff; text-align:center; background:url(/image/background/bg_menu_red.png) repeat-x;}
.menu_red p {padding-top:4px; cursor:move; text-align:center;}
.menu_black{height:20px; color:#fff; text-align:center; background:url(/image/background/bg_menu_black.png) repeat-x;}
.menu_black p {padding-top:4px; cursor:move; text-align:center;}
.menu_gray{height:20px; color:#444; text-align:center; background:url(/image/background/bg_menu_gray.png) repeat-x;}
.menu_gray p {padding-top:4px; cursor:move; text-align:center;}
.menu_blue{height:20px; color:#fff; text-align:center; background:url(/image/background/bg_menu_blue.png) repeat-x;}
.menu_blue p {padding-top:4px; cursor:move; text-align:center;}

/* pageNavigation */
.pageNavigation {padding:5px 0; margin:0; text-align:center;}
.pageNavigation a,
.pageNavigation strong {display:inline-block; text-decoration:none; font-family:Tahoma, Sans-serif; vertical-align:middle;}
.pageNavigation a:hover,
.pageNavigation a:active,
.pageNavigation a:focus {color:#999; background-color:#f4f4f4;}
.pageNavigation strong {color:#ff6600;}
.pageNavigation a,
.pageNavigation strong {padding:1px 8px; border-left:1px solid #ddd; font-weight:bold; font-size:12px;}
.pageNavigation .first {border:0;}
.pageNavigation .quick * {vertical-align:middle;}
.pageNavigation .quick {font-weight:normal;}

.table_input{width:100%; background-color:#fff;}
.table_input thead th{padding-top:5px; color:#000; font-weight:bold; background:#efefef;}
.table_input th{padding-left:5px; color:#000; height:28px; font-weight:normal; background:#efefef;}
.table_input td{padding:3px; color:999; line-height:130%;}
.table_input td input,img {vertical-align:middle;}
.table_input .menu_gray{padding:0; height:20px; color:#000; font-weight:bold; text-align:center; background:url(../../image/background/bg_menu_gray.png) repeat-x;}
.table_input .icon_opt {float:left; padding:3px; line-height:150%;}
.table_input td.blank {height:100px; color:#666; font-size:11px; text-align:center; background:#efefef;}

/* Set-up */
#setup_layout{min-height:100%;}
*:first-child+html #setup_layout {height:100%;}
#setup_wrap{padding:2em 0; width:650px; text-align:center; margin:auto;}
#setup_header{position:relative;}
#setup_header h1{ padding-top:9px; font-size:12px; font-weight:bold; display:block;}
#setup_footer{border:1px dotted #999; padding:.5em; position:relative;}
#setup_footer li{list-style:circle inside; padding-left:5px; font-size:11px; line-height:130%;}
#setup_footer li.accent{color:#3366ff}
#setup_container .tab_menu{overflow:hidden;}
#setup_container .tab_menu .tab_box{border-bottom:1px solid #999; height:27px; text-align:center;}
#setup_container .tab_menu .tab{position:relative; top:1px; border:1px solid #999; margin-right:1px; float:left; cursor:pointer;  background:#fff; height:25px;}
#setup_container .tab_menu .on{position:relative; top:1px; border:1px solid #999; border-bottom:1px solid #fff; margin-right:1px; float:left; cursor:pointer;  background:#fff; height:25px;}
#setup_container .tab_menu .tab div{float:left; height:15px; border-bottom:5px solid #eee; font-size:11px; padding:5px 8px 0 8px; color:#666;}
#setup_container .tab_menu .tab div a{color:#666;}
#setup_container .tab_menu .on div{float:left; height:15px; border-bottom:5px solid #fff; font-size:11px; padding:5px 8px 0 8px; color:#cc0000;}
#setup_container .tab_menu .on div a{color:#cc0000; text-decoration:none;}
#setup_container .tab_body {border:1px solid #999; padding:5px; border-top:none; background:#fff;}

/* Editor */
.editorButton {border-bottom:1px solid #dcdcdc; padding:1px 0 2px 2px; background-color:#efefef; white-space:normal;}
.editorBottom {border-top:1px solid #dcdcdc; padding:1px 0 1px 2px; background-color:#efefef; text-align:right; white-space:normal;}

/* Pop-up */
.dialog{display:none;}
.ui-dialog{background-color: #fff; border:2px solid #999; padding:0}
.ui-dialog .ui-dialog-titlebar {height:20px; color:#fff; background:url(/image/background/bg_menu_black.png) repeat-x; padding:0px; _height:20px;}
.ui-draggable .ui-dialog-titlebar {cursor: move;}
.ui-dialog .ui-dialog-title {position:absolute; 	top: 1px; 	right: 5px;}
.ui-dialog-titlebar, .ui-draggable-disabled .ui-dialog-titlebar { 	cursor: default; }
.ui-dialog .ui-dialog-titlebar-close {width:15px; height:14px; background:url(/image/icon/icon_close_small.gif) no-repeat; position:absolute; top:3px; right:5px;cursor:pointer;_cursor:hand; }
.ui-dialog .ui-dialog-titlebar-close span {display: none;}
.ui-dialog .ui-resizable-se {width:14px; height:14px; right:3px; bottom:3px; }
.ui-dialog .ui-dialog-content {border:0; padding:0;}
.ui-dialog .ui-dialog-title {margin-left:5px; color:white; font-weight:bold; position:relative; top:7px; left:4px;}
.ui-dialog .ui-dialog-buttonpane {position:absolute; bottom:8px; right:12px; width:100%; text-align:right; }
.ui-dialog .ui-dialog-buttonpane button {margin:6px;}

/* Count */
.count {line-height:16px;}
.count span {color:#990000;}

/* Image viewer */
#facebox .b {background:url(/image/facebox/b.png);}
#facebox .tl {background:url(/image/facebox/tl.png);}
#facebox .tr {background:url(/image/facebox/tr.png);}
#facebox .bl {background:url(/image/facebox/bl.png);}
#facebox .br {background:url(/image/facebox/br.png);}
#facebox {position: absolute; top: 0; left: 0; z-index: 1999; text-align: left;}
#facebox .popup {position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom: 0; padding: 0;}
#facebox .body {padding: 10px; background: #fff; width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;  margin: 0;}
#facebox .footer {border-bottom: 1px solid #DDDDDD; padding-bottom: 5px; margin-bottom: 10px; text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0;}
#facebox_overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000; z-index: 1998;}
/* ie6 hack */
* html #facebox_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

.cate_display01 {border:1px solid #d2d2d2; margin-bottom:5px;}
.cate_display01 td {border:1px solid #d2d2d2; padding:3px; overflow:hidden;}

/* search */
.sh_head {margin:0 0 10px 0; background:url(/user/kr/image/background/bg_h2.gif) repeat-x left bottom; overflow:hidden; }
.sh_head h5 { float:left; padding:10px 15px 10px 2px; font-weight:normal; font-size:12px; font-weight:bold; border-bottom:2px solid #990000; color:#990000;}
.sh_rst dl {padding:0 0 10px 5px;}
.sh_rst dd {overflow:hidden; font-size:11px; color:#666;}
.sh_rst dd span {color:darkgreen;}
.sh_rst dt a {font-size:14px; color:#0033CC;}
.sh_rst .sh_passage {height:15px; word-break:break-all; color:#666;}
.sh_rst .sh_none {height:50px; text-align:center; font-size:11px; color:#666;}

/* 결제 (2010-04-02 kimhyunok)  ------------------------------------------------------------------- */
.ssPay .ssPayTable table { width:100%; border:1px solid #e1dfdf; }
.ssPay .ssPayTable th    { text-align:right; vertical-align:middle; width:15%; background:#fafafa; padding:0 8px 0 0; border:1px solid #e1dfdf; height:30px; color:#a0a0a0; text-align:center;}
.ssPay .ssPayTable td    { text-align:left;  vertical-align:middle; width:35%; background:#ffffff; padding:0 0 0 7px; border:1px solid #e1dfdf; height:30px; }
.ssPay .ssLine { line-height:1px; font-size:1px; height:1px;width:100%;background:#e3e3e3; margin:5px 0; }
.ssPayButton { padding:20px 0 20px 0; width:100%; } /* 결제버튼 */
/* 결제ERROR */
.ssPayError .ssTable {width:100%; text-align:center; border-top:1px solid #dcdcdc;}
.ssPayError .ssTable thead th {padding:3px; color:#a0a0a0; background:#d2d2d2;}
.ssPayError .ssTable th {color:#a0a0a0; font-weight:normal; background:#eee; text-align:center;}
.ssPayError .ssTable td {padding:2px; color:#a0a0a0;}
.ssPayError .ssTable span {margin:0 2px;}
.ssPayError .ssTable .ssLine { height:1px; background:#ccccff; width:100%;}
/* 숫자표시 */
.ssNum { font-family:tahoma; }
/* ------------------------------------------------------------------------------------------------ */