@charset "utf-8";


/* 
Used Hack 
IE6 & Below 
{ property:value; _property:value; }
IE7 Only
*:first-child+html #selector
IE7 & IE6 & Below
*:first-child+html #selector,
* html #selector {}
*/

/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:9pt; }
img { border:none; }
label { cursor:pointer; }
form { margin:0; padding:0; }

/* Special Class Selector */
.fr { float:right; }
.fl { float:left; }
.clear { clear:both; }
.fwB { font-weight:bold;}
.tCenter { text-align:center; }
.tRight { text-align:right; }
.tLeft { text-align:left; }
.gap1 { margin-top:.8em; }
.nowrap { white-space:nowrap; }

.iePngFix { behavior:url(./common/js/iePngFix.htc); } 
.zbxe_info { vertical-align:middle; behavior:url(./common/js/iePngFix.htc); }

/* Input Style Definition */
.inputTypeText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; }
*:first-child+html .inputTypeText { font-size:9pt; }
.inputTypeText:hover,
.inputTypeText:focus { background:#f4f4f4; }
.inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt;}
*:first-child+html .inputTypeTextArea { font-size:9pt; }

.w40 { width:40px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w400 { width:400px; }

/* editor style */
a.bold { font-weight:bold; }

.editor_blue_text { color: #145ff9 !important; text-decoration:underline !important; }
.editor_blue_text a { color: #145ff9 !important; text-decoration:underline !important; }
.editor_red_text { color: #f42126 !important; text-decoration:underline !important; }
.editor_red_text a { color: #f42126 !important; text-decoration:underline !important; }
.editor_yellow_text { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_yellow_text a { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_green_text { color: #08830B !important; text-decoration:underline !important; }
.editor_green_text a { color: #08830B !important; text-decoration:underline !important; }

.folder_opener { display: block; }
.folder_closer { display: none; }
.folder_area { display: none; }

.xe_content { line-height:1.6; } 

.zbxe_widget_output { background:url("../../../../common/css/../tpl/images/widget_text.gif") no-repeat center bottom; display:block;}

/* xe layer */
#waitingforserverresponse { display:inline; border:2px solid #444444; background-color:#FFFFFF; padding:15px 20px 13px 20px; font-weight:bold; color:#444444; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }
#fororiginalimageareabg { z-index:1001; background-color:#FFFFFF; width:100%; height:100%; top:0px; left:0px; position:relative; padding:20px 10px 10px 10px; border:8px solid #DDDDDD; } 
#fororiginalimagearea { visibility:hidden; padding:0px; margin:0px; width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:1000; text-align:left; overflow:hidden; }
#fororiginalimage { z-index:1002; }
#closeOriginalImageBtn { position:absolute; right:8px; top:5px; cursor:pointer; width:50px; height:12px; z-index:1003; }
#popup_menu_area { position:absolute; left:0px; top:0px; z-index:1003; visibility:hidden; border:2px solid #D9D9D9; background-color:#FFFFFF; padding:0; }
#popup_menu_area .box { border:1px solid #CACACA; background-color:#FFFFFF; padding:7px; }
#popup_menu_area .item { color:#333333; cursor:pointer; margin:0; padding:3px 0 3px 0; white-space:nowrap; }
#popup_menu_area .item_on { color:#333333; font-weight:bold; margin:0; cursor:pointer; padding:3px 0 3px 0; letter-spacing:-1px; white-space:nowrap;}




.system_message {
    color:#666666;
    text-align:center;
    padding:1em 0 1em 0;
}

.system_button {
    margin-top:1em;
}

.system_message a {
    margin-top:1em;
}



/* reset start */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        /* line-height: 1; */
        font-size: 12px;
        font-family: gulim, 굴림, 'trebuchet MS', Verdana, sans-serif;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

/* reset end */
body{
	background: #DBECDB;
}
#container{
	background: #BDD7BA  url("../../../../layouts/semyoungeng/css/../img/container_bg.gif") repeat-x;
	width: 100%;
}
#top_menu{
	margin-top: 5px;
	width: 200px; height: 11px;
	float: right;
	display: inline;
}
#top_menu li{
	float: right;
	display: inline;
	height: 11px;
	padding-left: 3px;
	background: url("../../../../layouts/semyoungeng/css/../img/top_menu_separator.gif") no-repeat top right;
}
#top_menu li a{
	display: block;
	width: 100%; height: 100%;
	text-indent: -5000px;
}
#top_menu li.btn1{width: 33px;}
#top_menu li.btn1 a{background: url("../../../../layouts/semyoungeng/css/../img/top_menu_1.gif") no-repeat;}
#top_menu li.btn2{width: 36px;}
#top_menu li.btn2 a{background: url("../../../../layouts/semyoungeng/css/../img/top_menu_2.gif") no-repeat;}
#top_menu li.btn3{width: 58px; background-image: none;}
#top_menu li.btn3 a{background: url("../../../../layouts/semyoungeng/css/../img/top_menu_3.gif") no-repeat;margin-right:0;}
#top_menu li.btn5{width: 32px;}
#top_menu li.btn5 a{background: url("../../../../layouts/semyoungeng/css/../img/top_menu_5.gif") no-repeat;}
#top_menu li.btn6{width: 40px;}
#top_menu li.btn6 a{background: url("../../../../layouts/semyoungeng/css/../img/top_menu_6.gif") no-repeat;}
#top_logo{
	width: 230px; height: 73px;
	background: url("../../../../layouts/semyoungeng/css/../img/top_logo.jpg") no-repeat;
	margin: 15px 0 0 26px;
	float: left; display: inline;
}
#top_logo a{
	display: block;
	width: 100%; height: 100%;
	text-indent: -5000px;
}
#main_menu{
	float: right;
	display: inline;
	width: 600px; height: 30px;
	background: url("../../../../layouts/semyoungeng/css/../img/main_menu_separator.gif") no-repeat 0 3px;
}
#main_menu li{
	float: right; display: inline;
	height: 25px;
	margin-top: 6px;
	padding: 0 35px;
	background: url("../../../../layouts/semyoungeng/css/../img/main_menu_separator.gif") no-repeat top right;
}
#main_menu li a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -5000px;
}
#main_menu li.btn1{width: 50px;}
#main_menu li.btn1 a{background: url("../../../../layouts/semyoungeng/css/../img/main_menu_1.gif") top center no-repeat;}
#main_menu li.btn2{width: 50px;}
#main_menu li.btn2 a{background: url("../../../../layouts/semyoungeng/css/../img/main_menu_2.gif") top center no-repeat;}
#main_menu li.btn3{width: 50px;}
#main_menu li.btn3 a{background: url("../../../../layouts/semyoungeng/css/../img/main_menu_3.gif") top center no-repeat;}
#main_menu li.btn4{width: 50px;}
#main_menu li.btn4 a{background: url("../../../../layouts/semyoungeng/css/../img/main_menu_4.gif") top center no-repeat;}
#main_menu li.btn5{width: 50px;}
#main_menu li.btn5 a{background: url("../../../../layouts/semyoungeng/css/../img/main_menu_5.gif") top center no-repeat;}

#top{
	width: 1007px; height: 352px;
	background: url("../../../../layouts/semyoungeng/css/../img/top_bg.jpg") no-repeat left bottom;
	margin-bottom: 4px;
}
#top_deco{
	width: 350px; height: 264px;
	margin-left: 49px;
	clear: both;
}
#middle{
	width: 1007px;
	background: #BDD7BA;
/*
	background: url("../../../../layouts/semyoungeng/css/../img/middle_bg.gif") repeat-y;
*/
}
#side{
	float: left; display: inline;
	width: 235px;
	height: 100%;
	background-color: #BDD7BA;
}
#sub_menu{
	margin: 29px 0 58px 17px;
	padding: 31px 0 10px 0;
	width: 201px;
}
#sub_menu li{
	width: 201px; height: 36px;
}
#sub_menu li a{
	width: 100%; height: 100%;
	display: block;
	text-indent: -5000px;
}
#side_banner_1{
	width: 200px; height: 116px;
	background: url("../../../../layouts/semyoungeng/css/../img/side_banner_1.jpg") no-repeat;
	margin-left: 20px;
}
#side_banner_1 a{
	display: block;
	width: 100%; height: 100%;
	text-indent: -5000px;
}
#side_banner_2{
	width: 200px; height: 136px;
	text-indent: -5000px;
	background: url("../../../../layouts/semyoungeng/css/../img/side_banner_2.png") no-repeat;
	margin: 38px 0 20px 20px;
}
#bottom{
	clear: both;
	width: 100%; height: 90px;
	background: #DBECDB;
	border-top: 4px #7AB07A solid;
}
#bottom_logo{
	float: left; display: inline;
	width: 194px; height: 58px;
	margin: 14px 0 0 30px;
	background: url("../../../../layouts/semyoungeng/css/../img/bottom_logo.jpg") no-repeat;
}
#bottom_logo a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -5000px;
}
#bottom address{
	float: left; display: inline;
	margin: 14px 0 0 126px;
	color: #696D75;
	font-style: normal;
	line-height: 20px;
}
#bottom address #copyright{
	color: black;
}
#contents{
	float: left; display: inline;
	background: #fff;
	width: 750px;
	overflow-y: visible;
	padding: 0 11px;
}
#sub_contents{
	margin-bottom: 62px;
}
#sub_title{
	margin: 34px 0 22px 0;
}
#index_deco{
	position: absolute; 
	background: url("../../../../layouts/semyoungeng/css/../img/index_deco.jpg") no-repeat;
	width: 232px; height: 418px;
	top: 352px; left: 0;
}
#index_notice{
	float: left; display: inline;
	clear: left;
	margin: 14px 0 0 350px;
	width: 375px; height: 117px;
	background: url("../../../../layouts/semyoungeng/css/../img/index_notice_bg.jpg") no-repeat;
	overflow: hidden;
	_line-height: 14px;
}
#index_notice .notice_box{
	width: 280px;
	margin-left: 105px;
}
#index_notice h3{
	width: 375px; height: 16px;
	margin-bottom: 4px;
}
#index_notice h3 a{
	display: block;
	width: 100%; height: 100%;
	text-indent: -5000px;
}
#index_board{
	float: left; display: inline;
	clear: left;
	margin: 25px 0 0 350px;
	width: 375px; height: 144px;
	background: url("../../../../layouts/semyoungeng/css/../img/index_board_bg.gif") no-repeat;
	overflow: hidden;
	_line-height: 14px;
}
#index_board h3{
	width: 187px; height: 27px;
}
#index_board h3 a{
	display: block;
	width: 100%; height: 100%;
	text-indent: -5000px;
}
#index_board_1, #index_board_2{
	float: left; display: inline;
}
#index_board .notice_box{
	width: 187px;
}
#index_quick{
	margin: 25px 0 26px 357px;
	width: 576px; height: 69px;
	background: url("../../../../layouts/semyoungeng/css/../img/index_quick.jpg") no-repeat;
}
#index_quick li{
	float: left; display: inline;
	width: 162px; height: 56px;
	margin: 6px 45px 0 0;
}
#index_quick li a{
	display: block;
	width: 100%; height: 100%;
	text-indent: -5000px;
}
#index_wrap{
	width: 100%;
	background-color: #BDD7BA;
}

#index_banner_1{
	float: left; display: inline;
	width: 200px; height: 116px;
	background: url("../../../../layouts/semyoungeng/css/../img/side_banner_1.jpg") no-repeat;
	margin: 15px 0 0 25px;
}
#index_banner_1 a{
	display: block;
	width: 100%; height: 100%;
	text-indent: -5000px;
}
#index_banner_2{
	float: left; display: inline;
	width: 200px; height: 136px;
	text-indent: -5000px;
	background: url("../../../../layouts/semyoungeng/css/../img/side_banner_2.png") no-repeat;
	margin: 28px 0 0 25px;
}
/* 회원정보 수정시 상단 바 안나오게 */
#memberModule .boardHeader{
	display: none;
}
/* 로그인 창에서 상단 바 안나오게 */
#memberModule .header{
	display: none;
}