/* CSS Document */
@charset "euc-kr";

/*
04uk RND 1 Team (http://www.04uk.com/)
Author : ABC 090117
*/

/* Type Selector */
body{scrollbar-face-color:#e5e5e5; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #DDDDDD; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #DDDDDD; scrollbar-track-color: #F6F6F6; scrollbar-arrow-color: #ffffff; margin:0px;}
a.rollover img{display:inline; border-width:0px;}
a.rollover img.over {display:none;}
a.rollover:hover{border:0px}
a.rollover:hover img{display:none;}
a.rollover:hover img.over{display:inline;}
img{border:0px;}
div{font-family:Dotum, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}

input{border:1px solid #b9bccf; font-family:Dotum, verdana,Gulim,AppleGothic,sans-serif; font-size:12px; color:#666666; }
input.no{border:0px; vertical-align:-10%; }
input.h{height:15px;}
select {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
textarea{border:expression((this.type=='checkbox'||this.type=='radio'||this.type=='image')?'':'1px solid #c2c2c2' ); font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555; }
li{list-style:none;}
ul{list-style:none;}

ul, ol, li, dl, dt, dd, input, textarea, select, h1, h2, h3, h4, em, address, fieldset, form, iframe, object {margin:0px; padding:0;}

a{text-decoration:none; color:#666666;}
a:hover{color:#11a57d; text-decoration:underline;}

a.fff:link { color:#ffffff; } a.fff:visited { color:#ffffff; } a.fff:active { color:#ffffff; } a.fff:hover { color:#ffffff; }
a.g7:link { color:#b7b7b7; } a.g7:visited { color:#b7b7b7; } a.g7:active { color:#b7b7b7; } a.g7:hover { color:#b7b7b7; }

/* Layout selector */
#header{width:1023px; height:83px; margin:auto; clear:both;}
#header .lm {position:relative; left:60px; top:-41px; z-index:99;}
.title_line{height:15px; background:url(../images/bg_title_line.gif) left top repeat-x; z-index:1;}

#gnb{position:relative; left:-100px; top:-100px; width:961px; margin-top:5px;}

/* div position */
.relative {position:relative; left:-100px; top:-97px;}

/* float */
.f_left{float:left; voice-family:inherit;}
.f_right{float:right; voice-family:inherit;}
.clear{clear:both;}

/* snb */
#snb{float:left; width:191px; height:500px; margin-right:15px; margin-top:50px; padding:6px 0px 0px 20px; overflow:hidden;}
#snb li{padding:6px;margin:0px 35px 0px 0px; border-bottom:1px solid #ebebeb;}

/* index container */
#index_container{width:970px; margin:auto; clear:both; overflow:hidden; }
#index_container .line_top{width:900px; border-bottom:3px solid #014d7e; position:absolute; left:100px; top:230px; z-index:1;}

#con_l{float:left; width:240px; margin-right:10px; overflow:hidden;}
#con_l .login_box{width:215px; height:93px; padding:21px 0px 0px 25px;; background:url(../images/login_box.gif) left top no-repeat; overflow:hidden;}
#con_l .logout_box{width:215px; height:93px; padding:21px 0px 0px 25px;; background:url(../images/logout_box.gif) left top no-repeat; overflow:hidden;}

#con_l .login_form{overflow:hidden;}

#con_l .textbox{border:1px solid #d2d2d2; padding:12px;}
#con_l .textbox .title{margin-bottom:30px; clear:both;}
.textbox li{font-size:12px; font-family:Dotum, Arial, Helvetica, sans-serif; line-height:1.6em; background:url(../images/blit_Index.gif) left no-repeat; padding-left:7px;}

/* container */
#container{width:936px; margin:auto; padding-left:34px; clear:both; overflow:hidden; z-index:2;}

#con_c{float:left; width:441px; margin-right:10px; overflow:hidden;}
#con_c .adver{border:3px solid #2560b4;}
#con_c .album h2{margin:10px 0px;}
#con_c .album{overflow:hidden; clear:both;}
*html #con_c .album{height:210px; clear:both;}
#con_c .album .photo{position:relative; width:134px; height:130px; border:1px solid #d6d6d6; overflow:hidden; text-align:center;}
#con_c .album ul{float:left; width:134px; margin-right:11px;}
#con_c .album li{text-align:center; clear:both;}
#con_c .textbox{border:1px solid #d2d2d2; margin-top:10px; clear:both; overflow:hidden;}
#con_c .textbox .h2{height:33px; background:url(../images/bg_h2.gif) left repeat-x; padding:10px 0px 0px 10px; clear:both; overflow:hidden;}
#con_c .textbox ul{padding:10px;}
#con_c .resize6{height: 130px; position: relative;}  

* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
#con_r{width:269px; float:right; overflow:hidden;}
#con_r .notice{border:3px solid #2560b4; padding:10px; z-index:99; background-color:#ffffff;}
#con_r .notice li{font-size:12px; font-family:Dotum, Arial, Helvetica, sans-serif; line-height:1.6em; background:url(../images/blit_Index.gif) left no-repeat; padding-left:7px;}

#con_r h2{margin-bottom:10px; clear:both;}
#con_r .textbox{border:1px solid #d2d2d2; padding:12px;}
#con_r .textbox .title{margin-bottom:30px; clear:both;}


.frame{overflow:visible; width:100%; display:none; min-height:700px;}

/* colgroup */
#colgroup{width:720px; float:left;}

/* content */
#content{width:650px; overflow:hidden; margin-top:10px;}
#content .notice_banner{margin-left:20px;}


/* spot */
.spot{position:relative; top:-18px; left:0px; height:161px; border-bottom:1px solid #dee7f0; overflow:hidden; z-index:99;}
.spot .path{position:absolute; left:19px; top:38px; padding-left:8px; background:url(../images/bu_path.gif) left no-repeat;}
.spot h1{position:absolute; left:17px; top:131px;}
.spot .sub_top{position:absolute; left:257px; top:9px;}

/* copy */
#copy{margin-top:20px; width:100%;}
#copy .copy_line{height:17px; border-top:1px solid #d2d2d2; background-color:#e5e5e5; padding:3px 0px 0px 150px;}

#copy .copy_line li{float:left; margin-right:18px;}

#bottom{margin-top:0px; width:100%;}
#bottom .bottom_line{height:17px; border-top:1px solid #d2d2d2; background-color:#e5e5e5; padding:3px 0px 0px 150px;}

#bottom .bottom_line li{float:left; margin-right:18px;}

/* bbs */
.bbs_m{padding:4px; text-align:center; border-bottom:1px solid #e8e3e3;}
.bbs_ml{padding:4px; border-bottom:1px solid #e8e3e3;}

/* font */
.f11{font-size:11px; font-family:Dotum, Arial, Helvetica, sans-serif; line-height:160%; color:666666;}
.f14{font-size:14px; font-family:Dotum, Arial, Helvetica, sans-serif; line-height:160%;}
.f15{font-size:15px; font-family:Dotum, Arial, Helvetica, sans-serif; line-height:160%;}
.f16{font-size:15px; font-family:Dotum, Arial, Helvetica, sans-serif; line-height:160%;}

.gf a{color:#ffffff;} a:hover{color:#11a57d; text-decoration:underline;}

/* 이미지 정렬 */
.middle{vertical-align:0%;}
.middle10{vertical-align:-10%;}
.middle_10{vertical-align:-10%;}
*html .middle_10{vertical-align:-15%;} /* for ie6 */

.middle20{vertical-align:20%;}
.middle30{vertical-align:30%;}
.middle35{vertical-align:35%;}
.middle_20{vertical-align:-20%;}
*html .middle_20{vertical-align:-30%;} /* for ie6 */

/* color */
.black{color:#000000;}
.fff{color:#ffffff;}
.orange{color:#f26522;}

/* margin */
.mt7{margin-top:7px;}
.mt4{margin-top:4px;}
.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt27{margin-top:27px;}

.mb4{margin-bottom:4px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}

.ml10{margin-left:10px;}

.mr4{margin-right:4px;}
.mr10{margin-right:10px;}

/* padding */
.p10{padding:10px;}
.p12{padding:12px;}
.pt4{padding-top:4px;}
.pl4{padding-left:4px;}
.pl5{padding-left:5px;}




/* container */
#container  {position:relative; top:4px; z-index:8}


.title_line {position:relative; z-index:-999999999; top:-105px; height:4px; background:url(../images/bg_title_line.gif) left top repeat-x; }
#.title_line {position:relative; z-index:-999999999; top:82px; height:4px; background:url(../images/bg_title_line.gif) left top repeat-x;}


/* snb */
#snb{float:left; width:191px; height:520px; margin-right:15px; margin-top:50px; padding:6px 0px 0px 20px; overflow:hidden;}
#snb li{padding:6px;margin:0px 35px 0px 0px; border-bottom:1px solid #ebebeb;}