@charset "utf-8";
/* CSS Document */
@import url(index.css);
@import url(communication.css);
@import url(mypage.css);
@import url(hack.css);
@import url(login.css);

body { margin:0;}
ul,ol,dl { margin:0; padding:0; list-style-type:none; }
img { border:none; vertical-align:top;}
a { text-decoration:none; }
table {text-align:left;font-size:12px; font-family:dotum; line-height:16px; font-color:#ffffff; }
input{border:1px solid #b5b5b5; background-color:#ffffff; height:16px; color:#000000;font-size:12px; font-family:dotum;}
.input{border:0px; background-color:#ffffff; height:16px; color:#000000;font-size:12px; font-family:dotum;}
.check {width:14px; HEIGHT: 14px; border: 1px solid #000000;}
select {font-family:"Dotum", "Verdana", "Arial";font-size:9pt; color:666666; background-color : #ffffff; border:1 solid #cccccc;}
textarea {font-family:"Dotum", "Verdana", "Arial"; font-size:9pt; color:#666666; line-height:20px; border: 1px solid #DDDDDD; padding: 10 10 10 10;	background-color : #ffffff; }


/* text 스타일 추가 */
.top_btn {font-family:"Dotum";font-size:11px; color:#ffffff; text-align:center;}
.contents {font-family:"Dotum";font-size:12px; color:#ff0000; text-align:center;}
.con_title {font-family:"Dotum";font-size:12px; color:#003076; text-align:left; font-weight:bold;}
.white {font-family:"Dotum";font-size:12px; color:#ffffff; text-align:left; font-weight:normal;}


A:link {color: #000000; text-decoration: none;}
A:visited {color: #000000; text-decoration: none;}
A:hover {color: #2d67db; text-decoration: none;} 
A:active {color: #2d67db; text-decoration: none;}

A:link.white       { text-decoration:none; color: #ffffff; text-decoration:none; font-family:"Dotum";font-size:11px;}
A:visited.white    { text-decoration:none; color: #ffffff; text-decoration:none; font-family:"Dotum";font-size:11px;}
A:active.white     { text-decoration:none; color: #ffffff; text-decoration:none; font-family:"Dotum";font-size:11px;}
A:hover.white      { text-decoration:none; color: #ffffff; text-decoration:none; font-family:"Dotum";font-size:11px;}



.acs { background:#9fcae5 url(/web/image/common/body_background.gif) repeat-x; }

.iePngFix {	 behavior:url(../js/iepngfix.htc);	}
.png24 {tmp:expression(setPng24(this));}

.collect{height:18px; padding:0 0 0 0px; color:#4d7b9c;}
#wrapper { width:931px; margin:auto;}
#wrapper #header { margin:36px 0 0 0; width:931px; text-align:left; }

#wrapper #header #top { height:28px; margin:0 0 14px 0; }
#wrapper #header #top #logo{float:left; margin:0 0 0 14px;}
#wrapper #header #top #logo .txt{padding:11px 0 0 10px;}
#wrapper #header #top #global{float:right; margin:17px 14px 0 0; color:#1a5c80;}
#wrapper #header #top #global a{color:#1a5c80; text-decoration:none;}
#wrapper #header #top #global a:hover{color:#1a5c80; text-decoration:underline;}

#wrapper #header #top_menu { position:relative; background:url(/web/image/common/img_menu_bg.gif) no-repeat; height:23px; margin:10px 0 0 0; padding:27px 22px 0 0; clear:both; }

#wrapper #header #top_menu p {  margin:0 auto; position:absolute;  bottom:11px; left:23px;}
#wrapper #header #top_menu p span img {  padding:4px 3px 0 3px; }
#wrapper #header #top_menu a { color:#fff; font-weight:bold; font-size:0.9em; }
#wrapper #header #top_menu a:hover { color:#192e94; }
#wrapper #header #top_menu div { float:right; margin:0 26px; position:relative;  }
#wrapper #header #top_menu #mn02 { position:absolute;  z-index:102; left:-77px; top:15px; width:230px; height:44px;  }
#wrapper #header #top_menu #mn02 .mn02top { position:relative; top:-31px;   }
#wrapper #header #top_menu #mn03 { position:absolute; z-index:103;  left:-240px; top:15px; width:220px; height:44px; }
#wrapper #header #top_menu #mn03 .mn03top { position: relative; top:-31px; left:168px;}
#wrapper #header #top_menu #mn04 { position:absolute; z-index:104; left:-345px; top:15px; width:226px; height:44px; }
#wrapper #header #top_menu #mn04 .mn04top { position:relative; top:-31px; left:206px; }

#wrapper #header #top_menu #mn05 {
	position:absolute;  
	z-index:105; 
	left:-199px; 
	_left:-179px; 
	top:15px; 
	width:186px;
	height:44px; 
	
}
#wrapper #header #top_menu  .sub_menu {
	position:relative;
	margin:0 20px;
}
#wrapper #header #top_menu .subbg {
	position:absolute;
	top:0;
	left:0;
}
#wrapper #header #top_menu .sub_menu  p {
	padding:0 0 0 0;
	position:relative;
	z-index:1;
	margin:-10px 0 0 0;
}
#wrapper #header #top_menu #mn05 .mn05top { position:relative; top:-31px; left:85px }

#wrapper #header #program_win {  height:145px;}
#wrapper #header #program_win div{float:left;}
#wrapper #header #program_win div.leftWin{width:24px;}
#wrapper #header #program_win div.rightWin{width:24px;}
#wrapper #header #program_win .wrap_programs{width:883px;}
#wrapper #header #program_win .wrap_programs div{clear:both;}
#wrapper #header #program_win .wrap_programs div.btm{}/*추가*/
#wrapper #header #program_win .wrap_programs .programs{height:112px; width:883px; background:url(/web/image/common/img_programs_bg.gif) repeat-x ; padding:8px 0 0 0;}
#wrapper #header #program_win .wrap_programs .programs li{float:left;}
#wrapper #header #program_win .wrap_programs .programs li.collect{background:url(/web/image/common/img_programs_center.gif) repeat-x; height:105px; text-align:left;}
#wrapper #header #program_win .wrap_programs .programs li.collect table{margin:3px 0 0 0; width:875px;}
#wrapper #header #program_win .wrap_programs .programs li.collect td{height:20px; padding:0 0 0 10px; color:#4d7b9c;}
#wrapper #header #program_win .wrap_programs .programs li.collect td img{margin:2px 5px 0 3px;}
#wrapper #header #program_win .wrap_programs .programs .btn{float:right; margin:4px 0 0 0;}
#wrapper #header #program_win .wrap_programs #prog { width:200px; height:110px; overflow:auto }
#wrapper #header #program_win .wrap_programs #btmimg { margin-top:-7px }

#contents{margin:17px auto; width:931px;}

#contents #leftContents{float:left; margin:0 0 0 14px; width:226px;}

#contents #leftContents #myInfo{text-align:left; color:#4d7b9c;}
#contents #leftContents #myInfo .top{width:196px; background:url(/web/image/common/img_left_my_top.png) no-repeat; padding:15px 15px 0 15px;}
#contents #leftContents #myInfo .top .visite{font-weight:bold;}
#contents #leftContents #myInfo .top .visite span{color:#274b65; text-decoration:underline;}
#contents #leftContents #myInfo .top .info{padding:7px 0 0 0;}
#contents #leftContents #myInfo .top .info table{width:196px;}
#contents #leftContents #myInfo .top .info .photo{background:url(/web/image/common/img_left_my_photo_bg.gif) no-repeat; width:70px; padding:2px;}
#contents #leftContents #myInfo .top .info .txt{background:url(/web/image/common/img_my_bullet.gif) 0 6px no-repeat; padding:0 0 0 7px;}
#contents #leftContents #myInfo .top .info .txt img{ margin:1px 0 0 3px;}
#contents #leftContents #myInfo .top .houre{background:url(/web/image/common/img_left_my_visite_bg.gif) no-repeat; padding:5px 10px; margin:8px 0 0 0;}

#contents #leftContents #webhard{width:226px; height:131px; background:url(/web/image/common/img_left_webhard.gif) no-repeat; padding:15px; margin:15px 0 0 0; color:#b0c1e7;}
#contents #leftContents #webhard table{width:196px; margin:50px 0 0 0;}
#contents #leftContents #webhard td{text-align:left;}
#contents #leftContents #webhard td span{color:#FFF; font-weight:bold;}

#contents #rightContents{ float:right; width:659px; margin:0px 8px 0 0;}
#contents #rightContents input{height:12px; border:1px solid #d8d7d4; padding:2px; font-size:11px;}
#contents #rightContents select{height:18px; font-size:11px;}

#contents #rightContents .copyright{text-align:right; font-weight:bold; color:#546b79; padding:3px 4px 0 0;}

#contents #rightContents .contentMid{width:659px; background:url(/web/image/common/img_right_content_mid.gif) repeat-y;}/*추가*/

#contents #oneContent{width:923px; background:url(/web/image/common/img_content_mid.gif) repeat-y; text-align:left; margin: 4px;}
#contents #oneContent .mid{ width:863px; background:url(/web/image/common/img_content_mid_bg.gif) left top no-repeat; margin:-10px 0 7px 10px; padding:15px 0 0 40px;}
#contents #oneContent .mid .title{margin:0 0 7px 0;}
#contents #oneContent .mid .ctsWrap{background:url(/web/image/common/img_title_under_bg.gif) left top no-repeat; width:822px;}
#contents #oneContent .mid .ctsWrap td{vertical-align:top;}
#contents #oneContent .mid .ctsWrap input{height:14px; border:1px solid #e9ebe5; background-color:#f8f9fa;}
#contents #oneContent .mid .ctsWrap td.leftvisual{padding:0 33px 0 0;}
#contents #oneContent .mid .ctsWrap td.txt{padding:45px 0 10px 0; vertical-align:top;}

#contents .btmImage{margin-top:-7px;}
#contents .copyright{text-align:right; font-weight:bold; color:#546b79; padding:3px 12px 0 0;}

#contents .titleArea{width:923px; height:28px;}
#contents .titleArea .title{float:left; margin:0 0 0 24px;}
#contents .titleArea .location{float:right; color:#497590; background:url(/web/image/common/img_location_bullet.gif) 0 5px no-repeat; padding:0 24px 0 10px; margin:13px 0 0 0;}

/*station*/
#contents #oneContent .mid .ctsWrap{background:url(/web/image/common/img_title_under_bg.gif) left top no-repeat; width:822px;}
#contents #oneContent .mid .ctsWrap .guide{vertical-align:top; padding:45px 0 0 0;}
#contents #oneContent .mid .ctsWrap .guide .txt{margin:0 0 35px 0;}