@charset "utf-8";

@import url("reset.css");
@import url("contents.css");

/* Common */
body{margin:0;padding:0}
html,body{width:100%;}

/* Layout */
#wrap {position:relative;width:100%;height:100%; background:url(/Images/c/top_bg2.gif) repeat-x; }
#container { width:840px;  margin:0 auto; }
#header { height:138px; position:relative;}
#content { margin:40px 0 50px 0;  width:840px; line-height:20px;}
#footer { margin:0 auto; text-align:center; margin-bottom:50px;}

.footer_menu { border-top:solid 1px #959595;  border-bottom:solid 1px #e0e0e0; background-color:#f9f9f9; width:100%; height:50px; margin-bottom:20px;}
.footer_menu ul { display:inline-block; padding:15px 0 15px 0;}
.footer_menu li { float:left; padding:0 7px 0 7px; background:url(/Images/c/gubun_line2.gif) no-repeat right 6px; font-size:12px; padding-top:2px; line-height:15px;  letter-spacing:-0.05em; }
.footer_menu li.giovision { background:url(/Images/c/logo_giovision.gif) no-repeat 3px top; padding-left:75px; padding-top:2px; width:174px; text-align:left;}
.footer_menu li.giovision select { height:20px; font-size:11px; }
.footer_menu li.end { background:none;}

.footer_info { position:relative; width:840px; margin:0 auto; height:110px; }  
.footer_info .footer_logo { float:left; background:url(/Images/c/footer_logo.gif) no-repeat left top; width:211px; height:115px; } 
.footer_info .footer_copy { float:right; background:url(/Images/c/copyright.gif) no-repeat left top; width:581px; height:115px;  } 

/* logo */
.logo { position: absolute; left:0; top: 20px; }
.logo, .logo a { display: block; width: 260px; height: 45px; }
.logo a { text-indent: -9999px; background: url(/Images/c/logo2.png) no-repeat left top; 
		   _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/c/logo.png',sizingMethod='crop')}
		   
.login_btn { position:absolute; right:0; top:35px; }
.login_btn a { display: block; width: 96px; height: 29px; }
.login_btn a { text-indent: -9999px; background: url(/Images/btn/btn_login_t.png) no-repeat left top; 
			    _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/c/btn_login_t.png',sizingMethod='crop'); }

h3 { padding:0 0 10px 0; margin-bottom:20px; font-size:19px; color:#000000; border-bottom:solid 2px #4b4b4b; letter-spacing:-1px; background:none; line-height:19px; position:relative; }
h4 { padding:0 0 10px 0px; color:#e26000; letter-spacing:-1px; font-size:15px; position:relative; }



/*이용약관쪽 메뉴*/
.menu_rules { position:absolute; left:0; top:78px; font-size:15px; font-weight:bold; line-height:16px; }
.menu_rules ul { display:inline-block; padding:15px 0 15px 0; background: url(/Images/c/gubun_line1.gif) no-repeat right center; }
.menu_rules li { float:left; padding:0 24px 0 24px;  background: url(/Images/c/gubun_line1.gif) no-repeat left top;  height:20px; }
 *:first-child+html .menu_rules li { float:left; padding:0 18px 0 19px;  background: url(/Images/c/gubun_line1.gif) no-repeat left top;  height:20px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {.menu_rules li { float:left; padding:0 17px 0 17px;  background: url(/Images/c/gubun_line1.gif) no-repeat left top;  height:20px; }}
@-moz-document url-prefix(){
.menu_rules li { float:left; padding:0 17px 0 17px;  background: url(/Images/c/gubun_line1.gif) no-repeat left top;  height:20px; }
}
.menu_rules li a {  color:#ffffff; }
.menu_rules li a:hover {  color:#fdff7a; text-decoration:underline;}
.menu_rules li.sel a {  color:#fdff7a; text-decoration:underline;}

/*회원가입쪽 메뉴*/
.menu_user { position:absolute; left:0; top:78px; font-size:15px; font-weight:bold; line-height:16px; }
.menu_user ul { display:inline-block; padding:15px 0 15px 0; background: url(/Images/c/gubun_line1.gif) no-repeat right center; }
.menu_user li { float:left; padding:0 25px 0 25px;  background: url(/Images/c/gubun_line1.gif) no-repeat left top; height:20px; }
.menu_user li a {  color:#ffffff; }
.menu_user li a:hover {  color:#fdff7a; text-decoration:underline;}
.menu_user li.sel a {  color:#fdff7a; text-decoration:underline;}


.rulse_con  { padding:30px;  border:1px solid #d8d8d8; line-height:20px; font-size:12px; }
.rulse_con h4 { font-size:15px; font-weight:bold; margin-top:40px;  } 
.rulse_con h4.first { font-size:15px; font-weight:bold; margin-top:0;  } 
.rulse_con h5 { font-size:13px; font-weight:bold; margin-top:25px; margin-bottom:5px; } 
.rulse_con h5.first { font-size:13px; font-weight:bold; margin-top:0;  } 
.rulse_con ul { clear:both; } 
.rulse_con li { padding-left:15px; position:relative; line-height:20px;} 
.rulse_con li span { position:absolute; left:0; top:0; } 
 *:first-child+html .rulse_con li span { position:absolute; left:0; top:-3px; }
.rulse_con li dl { padding-left:22px;position:relative; } 
.rulse_con li dl span {position:absolute; left:0;  top:0; text-align:right; width:18px; letter-spacing:-1px;} 

.rulse_tb {width:600px;border:0; border-collapse:collapse;s}
.rulse_tb th { height:20px; border:1px solid #bcced4; background-color:#f2f2f2; font-size:12px;text-align:center;}
.rulse_tb td {height:20px; border:1px solid #c9c9c9;  font-size:12px; text-align:center;}
.rulse_tb td p.right { text-align:right; padding-right:18px;}


.join_step {}
.join_step ul {  } 
.join_step li { float:left; width:210px;}

.join_ok { border:solid 1px #d7d7d7; padding:0; position:relative;}
.join_ok ul { padding:45px 50px 40px 100px; line-height:22px; margin-top:150px; background-color:#f7f7f7; border-top:solid 1px #d7d7d7;  border-bottom:solid 1px #d7d7d7;  }
 *:first-child+html .join_ok ul { padding:45px 50px 80px 100px; }
.join_ok li { background: url(/Images/c/bu6.gif) no-repeat 3px 9px; height:20px; padding-left:11px;  }
.join_ok strong { color:#e26000; font-weight:bold; }
.join_ok span { text-decoration:underline; vertical-align:0em;}

.join_ok_img {  background: url(/Images/c/join_ok1.png) no-repeat left top; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/c/join_ok1.png',sizingMethod='crop'); padding:60px 0 0 190px; height:200px; z-index:10; position:absolute; left:70px; top:20px;  }

.stxt { font-size:11px; line-height:17px; color:#6d6d6d; font-weight:normal; letter-spacing:-0.05em;}
.stxt em { color:#e26000; vertical-align:0em; }
.stxt b { letter-spacing:0;}
.mtxt { font-size:13px; line-height:17px; color:#6d6d6d; font-weight:normal; letter-spacing:-0.05em;}
.sp_txt { font-weight:bold;  color:#e26000; }
.txt { font-weight:bold; font-size:12px;  color:#e26000; line-height:14px; }

.fr_ab { position:absolute; right:0; bottom:8px;}

.terms { overflow:scroll; overflow-x:hidden; height:100px; padding:20px; border:solid 1px #d8d8d8; margin-bottom:10px; line-height:16px; font-size:12px; 
		scrollbar-face-color:#FFFFFF;
		scrollbar-highlight-color:#BBBBBB;
		scrollbar-3dlight-color: #FFFFFF;
		scrollbar-shadow-color: #BBBBBB;
		scrollbar-darkshadow-color: #FFFFFF;
		scrollbar-track-color: #f5f5f5;
		scrollbar-arrow-color: #BBBBBB; 		
 }

.terms h5 { font-size:13px; font-weight:bold; margin-top:40px; margin-bottom:10px;  } 
.terms h5.first { font-size:13px; font-weight:bold; margin-top:0;  } 
.terms h6 { font-size:12px; font-weight:normal; margin-top:25px; margin-bottom:5px; } 
.terms h6.first { font-size:12px; font-weight:normal; margin-top:0;  } 
.terms ul { clear:both; } 
.terms li { padding-left:15px; line-height:20px;} 
.terms li span { margin-left:-15px; } 
 *:first-child+html .terms li span { }
.terms li dl { padding-left:22px; } 
.terms li dl span { margin-left:-22px;  text-align:right; width:18px; letter-spacing:-1px;}
 

.find_info {font-weight:bold; text-align:center; line-height:18px; padding:30px; border:1px solid #d8d8d8; color: #e26000; font-size:16px; letter-spacing:0; }
.find_info span{ color: #5a5a5a; font-size:13px; font-weight:normal; letter-spacing:0;}