/* webfont */
@font-face {
 font-family: "easyNanumGothic";
 src: url('/common/css/font/NanumGothic.eot');
 src: local('?'), url('/common/css/font/NanumGothic.woff') format('woff'), url('/common/css/font/NanumGothic.ttf') format('truetype'), url('NanumGothic.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: "easyNanumGothicBold";
 src: url('/common/css/font/NanumGothicBold.eot');
 src: local('?'), url('/common/css/font/NanumGothicBold.woff') format('woff'), url('/common/css/font/NanumGothicBold.ttf') format('truetype'), url('NanumGothicBold.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}

@font-face{font-family:'easyNanumGothic02'; src: url('/common/css/font/NanumGothic.eot');}
@font-face{font-family:'easyNanumGothicBold02'; src: url('/common/css/font/NanumGothicBold.eot');}

body { margin:0px; padding:0px; }
body, td, p, input, button, textarea, select, .c1 { font-family: 'easyNanumGothic', 'easyNanumGothic02', dotum,"돋움",sans-serif; font-size:9pt; color:#222222; }

form { margin:0px; }
table { text-align:left; }
img {border:0px;}

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }






/* base */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

html>/**/body {overflow-y:scroll;}


* {margin: 0; padding: 0;}
body {
	font-family: 'Nanum Gothic' !important;
	font-size:12px;
	color:#444;
	width: 100%;
	font-weight:normal;
}
img,fieldset,button,p {border:0 none;}
ul, ol, li {list-style: none;}
legend {display: none;}
caption{text-indent: -9999px;font-size:0;}
button {text-indent: -9999px; font-size: 0px; cursor: pointer;}
select{font-size:12px;}
label {display:none;visibility:hidden;over-flow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
radio,checkbox {border:0px;}


a {color: #666;outline: none;	text-decoration: none;line-height:1.375em;}
a:hover {text-decoration: none;}
/* base */





/* ******************************웹표준 코딩****************************** */

#wrap {position:relative; width:100%; border:0 !important; background:url('/img/rain/images/top_bg.jpg') repeat-x; }
/*
position:relative; 상대위치 - 컨텐츠늘어나는거
position:absolute; 절대위치
!important; 최상위 작성 값 적용
 */

/*#logo {position:relative; margin:0 auto; width:291px; height:81px; z-index:500;}*/
/*
margin:0 auto; 중앙정렬
 z-index:500; div 레이어 순서/위치
*/

#header {position:relative; margin:0 auto; width:1000px; height:120px; z-index:500; margin-top:0px;}
#header h1 {position:absolute; top:35px; left:0; width:231px;height:58px;} /* 로고영역 */

#header .util {clear:both; position:absolute; padding:15px 20px 0 0; right:0px; top:0px;  z-index:501; }/* right:0px; util박스 우측정렬 */
#header .util li {float:left; text-align:right; margin-left:15px; font-family:"verdana"; font-size:11px; color:#000000;}

#header .menu {clear:both; position:relative; right:0px; margin-left:280px; padding:50px 0 0 0;}
#header .menu li {float:left; margin-left:25px;}
/*
float:left; <il></il> 가로정렬
margin-left:40px; 반복 <il></il> 좌측여백
*/
#header .menu li:first-child {margin-left:0;}


/* 메인비주얼 */
#visual {position:relative; clear:both; margin:0 auto; width:1000px; overflow:hidden; height:356px;} /* 비주얼 박스 크기 */
#mvisu_box {background:url('/img/rain/images/main_visual.jpg') no-repeat center top; height:356px;}

/* 메인 컨텐츠영역 */
#main_content {clear:both; position:relative; width:1000px; height:150px;  margin:0 auto; margin-top:29px;}/* 컨텐츠 DIV 박스 영역 */


#main_content .notice {position:absolute; width:315px;  padding:0 0 0 10px; margin-left:0px; top:0;}
#main_content .notice li {text-align:left; padding:0 0 6px 0;}
/* 
top:0; = valign=top과 동일
 padding:0 0 6px 0; 타이틀이미지 <li> 여백설정
*/

#main_content .music {position:absolute; width:343px; margin-left:344px; top:0;}
#main_content .music li {float:left; padding:0 0 0 0;}
/* 
margin-left:340px -> #main_content div박스 기준으로 position:absolute; 절대 기준 값 좌측여백 적용
*/

#main_content .video {position:absolute; width:273px; margin-left:715px; top:0;}
#main_content .video li {text-align:left; padding:0 0 0 0;}



/* 서브비주얼 */
#sub_visual {position:relative; clear:both; margin:0 auto; width:1000px; overflow:hidden; height:154px;} /* 비주얼 박스 크기 */
#sub_visual_01 {background:url('/img/rain/images/sub_visual_01.jpg') no-repeat center top; height:154px;}


/* 서브 컨텐츠영역 */
#sub_content {clear:both; position:relative; width:1000px; margin:0 auto; min-height:550px;}/* 컨텐츠 DIV 박스 영역 */

#sub_content .left_box {float:left; position:absolute; left:0; width:210px; padding:0 0 0 0;}
#sub_content .left_box il {float:left;}

#sub_content .right_box {position:relative; right:0px; width:730px; padding:0 0 0 0; margin-left:260px;}
#sub_content .right_box il {text-align:left;}
#sub_content .conarea {position:relative;padding:20px 0 0px 0;}

/* 서브 타이틀 */
#sub_content .titlearea {position:relative; width:100%;height:80px;top:35px;} /* 서브타이틀 위치조정 */
#sub_content .loca {position:absolute; background:url('/img/rain/images/ico_loca.gif') no-repeat 0 2px; padding-left:12px; top:35px; right:0; font-size:11px; font-family:"verdana"; color:#666;}
#sub_content .locab {font-weight:bold;color:#000000;}



/* 카피라이트 */
#footer {clear:both; position:relative; height:80px; padding:20px 0 0 0;}
#footer .copyright {width:1000px; margin:0 auto; color:#666; line-height:1.25em; font-size:11px;}


.imgD {display:block;}/* div 를 diplay 출력 block 하지 않겠다 */


/* 탑 롤오버 메뉴 소스
#sub_menu{position:absolute; height:24px; width:100%; top:85px; left:0px;  background:#b7171d; display:none;}*/

#top_menu{z-index:4;}
#top_menu ul.first{position:relative;}
#top_menu ul.first li.one_li{float:left; padding:0px 0px 0px 0px; height:50px;}
#top_menu ul.first li ul{clear:both; position:absolute; left:0px; top:20px; display:none; float:left; height:38px;}
#top_menu ul li ul.over{display:block;}

#top_menu ul.first li ul li{float:left; padding-top:20px; margin-left:25px;}
#top_menu ul.first li ul li a{text-decoration:none; font-size:12px; color:#313131;}
#top_menu ul.first li ul li a:hover{color:#313131;}
#top_menu ul.first li ul.sub01_bar{left:5px;}
#top_menu ul.first li ul.sub02_bar{left:50px;}
#top_menu ul.first li ul.sub03_bar{left:255px;}
#top_menu ul.first li ul.sub04_bar{left:355px;}
#top_menu ul.first li ul.sub05_bar{left:500px;}
#top_menu ul.first li ul.sub06_bar{left:450px;}





/* 


#main_content .main_banner{position:relative; width:961px; margin:0 auto; height:0px;}
#main_content .main_banner li {float:left; text-align:left;}
#main_content .main_banner li:first-child {margin-left:0px;}
#sub_content .conarea {position:relative;padding:50px 0 50px 0;}
#sub_content {position:relative;width:970px;margin:0 auto; min-height:550px !important;border:0px soldi red;z-index:2;}
#sub_content .leftbox {position:absolute;top:25px;left:0;width:210px;float:left;}
#sub_content .leftbox li {line-height:0;}
#sub_content .rightbox {position:relative;width:720px;padding-top:0px;margin-left:250px;}
#svisual {position:relative;clear:both;width:100%;overflow:hidden;height:299px;z-index:1;}
#svisual .visualbox {position:absolute;top:0;left:50%;margin-left:1100px;height:299px;}
#svisual .visual_txtbox {position:absolute;width:100%;}
#svisual .visual_txtbox .visual_txt1 {position:absolute;top:90px;}
#svisual .visual_txtbox .visual_txt2 {position:absolute;top:192px;}

.imgD {display:block;} /* div 를 diplay 출력 block 하지 않겠다 */

/*
#header {position:relative;margin:0 auto;width:970px; margin-top:0px; height:82px; z-index:500; background:url('/img/rain/images/top_bg.jpg'); background-color:#cccccc;}
#header h1 {position:absolute;top:0;left:0; width:230px; height:30px;}
background:url('') repeat-x;

*/