@charset "utf-8"; /* CSS Document */ a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: none;} a:active {text-decoration: none;} img {border:none;} ul {margin:0px; padding:0px; list-style:none;} li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overow:ellipsis;} body {margin:0; padding:0; font-size:13px; line-height:1.2em; font-family:"맑은고딕","Malgun Gothic";} p {margin:0; font-size:12px} h1 {font-family:"맑은 고딕","Malgun Gothic";} h4 {margin:10px 0; font-family:"맑은 고딕","Malgun Gothic";} /*p {margin:0; font-size:12px} h1 {letter-spacing:-1px; font-family:"나눔고딕","돋움","굴림";} h4 {margin:10px 0; font-family:"굴림","돋움"}*/ .word {word-spacing:-1px;} .left {float:left;} .right {float:right;} .font14 {font-size:14px;} .font30 {font-size:30px;} .bold {font-weight:bold;} .colorf {color:#fff} .colorff {color:#fff} .colorff:hover {text-decoration:underline} .color0 {color:#000} .color0:hover {text-decoration:underline} .color6 {color:#666} .color6:hover {text-decoration:underline} .back0 {background:#000} .underline {clear:both; height:3px; border-bottom:solid 1px #555} .underlinee7 {clear:both; border-bottom:solid 1px #e7e7e7} .clear5 {float:left; width:100%; height:5px;} .clear10 {float:left; width:100%; height:10px;} .clear15 {float:left; width:100%; height:15px;} .clear20 {float:left; width:100%; height:20px;} .clear25 {float:left; width:100%; height:25px;} .clear30 {float:left; width:100%; height:30px;} .bn250x50 {float:left; margin-top:10px; width:250px; height:50px;} .bn615x115 {float:left; margin-top:5px; width:615px; height:115px;} .bn615x115o {float:left; margin-top:5px; width:630px; height:115px;text-align:center;} .bn630x115 {float:left; margin-top:5px; width:630px; height:115px;} .bn690x115 {float:left; width:690px; height:115px;} /*.bn320x200 {float:left; width:320px; height:200px; padding-top:15px;}*/ .bn320x200 {float:left; width:320px; height:200px;} .bn250x140 {float:left; width:250px; height:140px;} .bn320x36 {float:left; margin-top:5px; width:320px; height:36px;} /* 최상단 바 */ #headbar {width:100%; height:25px; background-color:#e9edf0; line-height:2.2em; border-bottom:solid 2px #101a24;} #headbar_con {width:970px; margin:0 auto; font-family:"돋움"; font-size:11px;} .headbar_bu {float:left; height:25px; padding:0 5px 0 7px; border-left:solid 1px #ccc; text-align:center;} .headbar_bu:hover {background-color:#101a24; border-bottom:none; border-top:none;} .headbar_bu a {color:#777; text-decoration:none;} .headbar_bu a:hover {color:#fff;} .headbar_time {float:right; color:#777;} /* 전체 */ #wrap {margin:0 auto; width:970px; height:auto;} /* 헤더 */ #header {width:100%; margin-top:15px;} .play {float:right; padding-top:13px;} .play img {float:left; width:15px; height:15px; margin-right:5px;} /* 콘테이너 */ .container {clear:both; width:100%;} .con_l {float:left; width:630px; padding-right:15px;} .con_r {overflow:hidden; float:right; width:320px;} .con_s_l {float:left; width:630px;} .con_s_r {overflow:hidden; float:right; width:320px;} /* mem css */ .mem_container {clear:both; width:700px; margin:50px auto} .mem_container h2 {color:#555;} .steel_login {width:350px; padding:10px; border:solid 1px #d7d7d7; background:#e9edf0; overflow:hidden} .steel_login_box {float:left; width:200px; height:14px; padding:3px; margin:0; border:solid 1px #d7d7d7; font-size:12px; color:#000;} .steel_login_check {float:left; margin:2px 0 0 0; padding:0} /*로그인*/ #login {width:550px; height:340px; padding:20px; border:solid 1px #eaeaea;} /* 회원가입 */ .mem1 {font:12px 돋움; color:#666666; line-height:16px;} .memb1 {font:bold 12px 돋움; color:#212121; line-height:16px;} .memb2 {font:12px 돋움; color:#b172b6; line-height:18px;} .memb3 {font:bold 12px 돋움; color:#336699; line-height:18px;} .mtextarea {height:150px; padding:10px; font:12px 돋움; color:#666666; line-height:16px; border:solid 1px #cccccc;} .name1 {width:90px; padding-top:5px; font:12px 돋움; color:#666666;} .name2 {font:12px 돋움; color:#666666;} .reg_td1 {width:100px; padding:7px 0 5px 15px; background:#f7f7f7; font:12px 돋움; color:#666666;} .reg_td4 {padding:7px 0 5px 15px; background:#f7f7f7; font:12px 돋움; color:#666666;} .reg_td2 {padding:7px 0 7px 10px; background:#ffffff; font:12px 돋움; color:#666666;} .reg_td3 {font:12px 돋움; color:#999999; line-height:16px;} .reg_star {font:12px 돋움; color:#ff4400;} .reg_box {height:17px; font:12px 돋움; color:#666666; line-height:16px; border:solid 1px #cccccc;} .line {width:100%; height:1px; background:#dddddd; margin-top:15px; margin-bottom:15px;} .form_control {display:block; width:150px; height:22px; padding:6px 12px; font-size:14px; line-height:1.428571429; color:#555555; vertical-align:middle; background-color:#ffffff; border:1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} /*제휴문의*/ .aff_txt h1 {float:left; width:100%; font: bold 13px 돋움; line-height:17px; margin-bottom:5px; padding:0; color:#232323;} .aff_txt h2 {float:left; width:100%; font: normal 13px 돋움; line-height:16px; margin-bottom:30px; padding:0; color:#666666;}