@charset "utf-8";

@import url(common.css);
@import url(board.css);
@import url(layout.css);
@import url(main.css);

/* 로그인 */
#login {width:100%;height:270px;margin-top:200px;text-align:center;background:url('../images/common/login_bg.png') left 50% repeat-x;}
#login ul{position:relative;width:820px;height:270px;margin:0 auto;background:#fafafb;border:1px solid #db0801;}
#login ul li{float:left;}
#login ul strong{position:absolute;bottom:8px;right:10px;color:#9c9c9c;font-weight:bold;}
#login ul .left{width:306px;height:270px;background:#fff url('../images/common/login_linebg.png') right top repeat-y;}
#login ul .left h1{position:absolute;top:10px;left:22px;height:53px;overflow:hidden;} /* width:93px */
#login ul .left span {position:absolute;top:32px;left:125px;font-size:18px;color:#b4b4b4;font-weight:bold;}
#login ul .left p {display:block;margin:0 auto;padding-top:65px;width:292px;height:196px;}
#login ul dl {position:relative;padding:45px 0 0 32px;text-align:left;}
#login ul dl dt {font-size:22px;color:#b4b4b4;font-weight:bold;letter-spacing:-0.8px;margin-bottom:30px}
#login ul dl dd {margin:0 0 4px 2px;}
#login input{height:30px;margin:0;width:265px;border:1px solid #c1c1c1;color:#a3a3a3;padding:0 0 0px 5px;letter-spacing:-0.1px;font-weight:bold;}
#login select{height:30px;margin:0;width:272px;border:1px solid #c1c1c1;color:#a3a3a3;padding:2px 0 0px 5px;letter-spacing:-0.1px;font-weight:bold;}
/*[20241224]로그인 버튼*/
#loginRequest{position:absolute;top:104px;right:-50px;background:#ee0407;width:90px;height:67px;
					 color:#fff;font-size:18px;font-weight:bold;}
#anotherButton {position: absolute;top: 104px;right: -150px;background: #007BFF; /* 색상 변경 */width: 90px; height: 67px;
  							   color: #fff;font-size: 18px; font-weight: bold;}
#login .txtWarn{width:258px;color:#aa5604;font-size:12px;background:url('../images/common/icon_warn.png') no-repeat 2px 2px;padding-left:22px;margin-top:10px;letter-spacing:-0.2px;}					 
#login address {width:740px;margin:0 auto;color:#999;font-size:12px;font-weight:bold;margin-top:20px;letter-spacing:0.5px;}	
#login address span{color:#333;}


/* 팝업 */
#div-pop {width:98%;margin:0 auto;padding:10px 0;}
#div-pop h1{color:#000;font-size:17px;background:url('../images/common/icon_dotR.png') 10px 9px no-repeat;padding:15px 0 20px 24px;
			border-bottom:4px solid #ea0001;margin-bottom:15px;}
#div-pop h2{color:#000;background:url('../images/common/bul_dot01.png') 10px 4px no-repeat;padding:5px 0 15px 20px;}
#div-pop .botline h2{color:#000;background:url('../images/common/bul_dot01.png') 2px 4px no-repeat;padding:5px 0 15px 12px;}
#div-pop .mgt-10{margin-top:-10px;}
.btn_small img{padding:4px 0 0 4px;}
.btb_small li{float:left;}
.btn_viewer {border:1px solid #c4c4c4;background:#fff;color:#444;height:25px;font-size:12px;
			 background:url('../images/sub/btn_icon.png') no-repeat 5px -103px;padding:2px 10px 2px 20px;}
.txtPoint {font-size:12px;padding-top:5px;color:#ff0000;display:block;}
.txtWarn  {font-size:12px;background:url('../images/common/icon_warn.png') no-repeat 2px 2px;padding-left:20px;margin-top:10px;margin-bottom:10px;}
.txtWarn span {color:#ff0000;}

.file_img {float:left;padding:1px 3px 0 0;}
.file_input_textbox{float:left;width:300px;height:19px;margin:0;border:1px solid #bcbcbc;color:#555;padding:0 0 2px 5px;letter-spacing:-0.1px;margin-right:3px;}
.file_input_div	   {float:left;position:relative;width:100px;height:25px;overflow: hidden;}
.file_input_button {position:absolute;top:0px;border:1px solid #c4c4c4;color:#555555;height:23px;font-size:12px;font-weight:bold;letter-spacing:-0.5px;
					background:#fff url('../images/sub/btn_icon.png') no-repeat 6px -124px;padding:1px 10px 0 24px;} 
.file_input_hidden {font-size:45px;cursor:pointer; position:absolute;right:0px;top:0px;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;} 

/* 사용자정보 사진 */
.photo dt{margin:0 auto;text-align:center;background:#f4f6f7 url('../images/sub/photo.png') no-repeat;width:130px;height:173px;}
.photo dd{margin-top:10px;text-align:center;}

.box	{border:1px solid #dadada;padding:8px; 12px;overflow-y:scroll;overflow-x:auto;width:300px;margin-bottom:5px;}
.box li {padding-bottom:5px;}
.box01	{border:1px solid #e6e6e6;color:#333;background:#f4f6f7;padding:10px 15px;margin-bottom:7px;width:286px;}
.box01 dt{float:left;padding:3px 5px 0 0;}
.treebox {float:left;border:1px solid #dadada;width:233px;height:320px;margin-top:31px;padding:8px; 12px;overflow-y:scroll;overflow-x:auto;}
.botline {margin:0 10px;padding-bottom:20px;border-bottom:1px solid #dadada;overflow:hidden;}

/* Alert */
.alert {width:660px;margin:150px auto 0;}
.alert h1 img {float:left;width:112px;height:47px;margin:0 10px;padding-bottom:10px;}
.alert h1 .company{float:left;margin-top:37px;}
.alert .outbox	  {overflow:hidden;width:580px;background:#f5f6f7;margin-top:8px;padding:40px;color:#444;border:1px solid #e0e0e0;}
.alert .outbox dl {float:left;width:420px;min-height:150px;line-height:150%;margin-left:40px;}
.alert .outbox dl dt {font-size:20px;font-weight:bold;letter-spacing:-0.8px;margin-bottom:30px;}
.alert address {color:#999;font-size:12px;text-align:center;font-weight:bold;margin-top:20px;letter-spacing:0.5px;}	
.alert address span{color:#333;}
.alert button {background:#ee0407;color:#fff;font-weight:bold;padding:7px 18px;margin:20px 0 0 150px;}

.alert .error   {float:left;background: url('../images/common/icon_alert.png') no-repeat -2px -17px;width:106px;height:95px;margin-top:20px;} /* 에러아이콘 느낌표*/
.alert .success {float:left;background: url('../images/common/icon_alert.png') no-repeat -7px -146px;width:96px;height:95px;margin-top:20px;} /* 성공아이콘 체크 */
.alert .question{float:left;background: url('../images/common/icon_alert.png') no-repeat -7px -273px;width:96px;height:95px;margin-top:20px;} /* 질문아이콘 물음표 */
.alert .fail    {float:left;background: url('../images/common/icon_alert.png') no-repeat -7px -399px;width:96px;height:95px;margin-top:20px;} /* 살패아이콘 엑스표 */


/* 사이트맵 */
#sitemap {width:100%;overflow:hidden;margin:45px 0 50px 0;}
#sitemap dl{float:left;margin:0 10px 0 2px;}
#sitemap dl:last-child{margin-bottom:50px}
#sitemap dt {float:left;width:217px;background:#f6f8f9;border:1px solid #b0b0b0;padding:8px;color:#444;font-weight:bold;margin-bottom:8px;text-align:center;font-size:16px;}
#sitemap dd {clear:both;background:url('../images/common/bul_bar.png') no-repeat 17px 16px;padding:5px 0 0 30px;margin-left:10px;}
#sitemap dd.m_3dth {background:url('../images/common/bul_dotG.png') no-repeat 17px 14px;margin-left:27px;padding-left:28px;line-height:120%;}
#sitemap a {color:#444;}
#sitemap a:hover {color:#ee0407;}