@charset "utf-8";
/* CSS Document */

div#login_page {width:680px; padding-top:20px}
div#login_page:after {clear:both; display:block; content:''}
div#login_page div#action_section {width:350px; float:left; padding-right:30px; margin-right:29px; border-right:1px dotted #1d3241}
div#login_page div#action_section h1 {height:35px; padding:20px 0; margin:0; border-top:2px solid #1d3241}
div#login_page div#action_section h1 span.icon {display:block; width:35px; height:35px; margin:0 auto; text-align:center; content:''; background:url(../image/member_image.png) no-repeat 0 0}

div#login_page div.item {position:relative; margin:0 0 5px 0; height:39px}
div#login_page div.item span.icon_id {position:absolute; left:0; top:0; display:block; width:39px; height:39px; background:#4dbc5f url(../image/member_image.png) no-repeat -40px 0; content:''}
div#login_page div.item span.icon_pw {position:absolute; left:0; top:0; display:block; width:39px; height:39px; background:#4dbc5f url(../image/member_image.png) no-repeat -79px 0; content:''}
div#login_page div.item .i_text {width:293px; height:19px; padding:10px 10px 10px 47px; background:#ececec; border:0}
div#login_page div.item .i_text:hover,
div#login_page div.item .i_text:focus {padding:9px 9px 9px 46px; border:1px solid #4dbc5f; background:#fff}
div#login_page div.item .i_label {position:absolute; left:47px; top:10px; font-size:14px; color:#808080}
div#login_page input.btn_login {width:350px; height:39px; margin:5px 0 0 0; border:0; background:#4dbc5f; color:#fff; text-align:center; font-size:14px; text-transform:uppercase}
div#login_page input.btn_login:hover {background:#1d3241; transition:all 0.3s}
div#login_page div#keeplogin {margin-top:10px}

div#login_page div#link_section {width:270px; float:left}
div#login_page div#link_section h1 {padding:0; margin:0 0 10px 0; font-size:18px; color:#1d3241}
div#login_page div#link_section > p.dsc {padding:0; margin:0 0 20px 0; font-size:12px; color:#6b6b6b; background:none}
div#login_page div#link_section a.btn_join {position:relative; display:block; height:19px; padding:10px; background:#1d3241; text-align:center; color:#fff; font-size:14px; text-decoration:none; vertical-align:middle}
div#login_page div#link_section a.btn_join:before {position:absolute; height:100%; right:70px; top:9px; opacity:0; transition:all 0.3s}
div#login_page div#link_section a.btn_join:hover {background:#4dbc5f}
div#login_page div#link_section a.btn_join:hover:before {right:15px; opacity:1}
div#login_page div#link_section .icon_arrow:before {content:url(../image/member_ico_arrow.png); vertical-align:middle}
div#login_page div#link_section p.findid {padding:0; margin:20px 0 0 0}
div#login_page div#link_section p.findid a {display:block; padding:2px 0 2px 23px; color:#ff6c1f; text-decoration:underline; background:url(../image/member_image.png) no-repeat -120px 0; line-height:110%}

div#agree_page {}
div#agree_page .subject2 {padding:0; margin:0 0 7px 0; font-size:18px; color:#1d3241; background:none}
div#agree_page div.article {height:130px; margin:0 0 10px 0; padding:10px; overflow-y:scroll; border:1px solid #ccc}
div#agree_page div.agree_section {margin:0 0 30px 0}
div#agree_page .btn_join {position:relative; display:block; width:100%; height:45px; background:#1d3241; text-align:center; color:#fff; font-size:16px; text-decoration:none; vertical-align:middle; border:0;}
div#agree_page .btn_join:before {position:absolute; height:100%; right:70px; top:12px; opacity:0; transition:all 0.3s}
div#agree_page .btn_join:hover {background:#4dbc5f}
div#agree_page .btn_join:hover:before {right:15px; opacity:1}
div#agree_page .icon_arrow:before {content:url(../image/member_ico_arrow.png); vertical-align:middle}

div#join_page {}
div#join_page .tbl_form {margin:0 0 30px 0; border:0; border-top:2px solid #4dbc5f}
div#join_page .tbl_form caption {position:absolute; top:-999999px; left:-999999px; height:0; padding:0; margin:0; font-size:0; line-height:0}
*:first-child+html .tbl_form caption {visibility:hidden; padding:0; margin:0; height:0; font-size:0; line-height:0}
div#join_page .tbl_form thead th {padding:8px; background:#f5f5f5; border:0 !important; border-bottom:1px dotted #bbb !important}
div#join_page .tbl_form th {padding:8px; border:0; border-right:1px dotted #ccc; border-bottom:1px solid #ddd; background:#f5f5f5; text-align:left; color:#5e6567}
div#join_page .tbl_form td {padding:8px; border:0; border-bottom:1px solid #ddd; vertical-align:middle}
div#join_page .tbl_form td * {vertical-align:middle}
div#join_page .tbl_form td div.zipcode {margin-bottom:3px}
div#join_page .tbl_form span.essential {font-weight:normal; color:#d93b67}
div#join_page .subject {padding:0; margin:0 0 7px 0; font-size:18px; color:#4dbc5f}
div#join_page div.btn_add {margin:-20px 0 30px 0}

span.validation {color:#222}
span.validation.allow {padding:2px; background:#28a1ce; color:#fff; font-size:12px}
span.validation.error {padding:2px; background:#e32342; color:#fff; font-size:12px}

div#findid_page {width:680px; padding-top:20px}
div#findid_page:after {clear:both; display:block; content:''}
div#findid_page div#findid_section {float:left; width:310px; padding-right:30px; margin-right:29px; border-right:1px dotted #1d3241}
div#findid_page div#findpw_section {float:left; width:310px}
div#findid_page h1 {padding:0; margin:0 0 10px 0; font-size:18px; color:##1d3241}
div#findid_page p.dsc {padding:0; margin:0 0 20px 0; font-size:12px; color:#777; background:none}
div#findid_page div.item {position:relative; margin:0 0 5px 0}
div#findid_page div.item .i_text {width:288px; height:19px; padding:10px; border:1px solid #ccc; color:#333}
div#findid_page div.item .i_text:hover {border-color:#4dbc5f}
div#findid_page div.item .i_text:focus {border-color:#28a1ce}
div#findid_page div.item .i_label {position:absolute; top:10px; left:10px; color:#888; font-size:13px}
div#findid_page .btn_search {width:100%; height:39px; border:0; background:#4dbc5f; color:#fff; text-align:center; font-size:15px}
div#findid_page .btn_search:hover {background:#1d3241; transition:all 0.3s}

div#memberout_page {width:620px; padding:30px; margin:20px 0; border:1px solid #ddd}
div#memberout_page h1 {padding:0; margin:0 0 30px 0; font-size:18px; text-align:center; color:#1d3241}
div#memberout_page ul.dsc {padding:0 0 0 20px; margin:0 0 30px 0}
div#memberout_page ul.dsc li {margin:3px 0}
div#memberout_page .tbl_form {border:0; border-top:1px solid #ddd}
div#memberout_page .tbl_form caption {position:absolute; top:-999999px; left:-999999px; height:0; padding:0; margin:0; font-size:0; line-height:0}
div#memberout_page .tbl_form th {padding:8px 10px; border:0; border-bottom:1px solid #ddd; color:#666; text-align:right}
div#memberout_page .tbl_form td {padding:8px 10px; border:0; border-bottom:1px solid #ddd}

div#find_user {width:600px}
div#find_user h1 {position:relative; height:31px; padding:10px; margin:0 0 10px 0; background:#222; color:#fff; font:normal 23px ng}
div#find_user h1 div.btn_close {position:absolute; top:0; right:0; width:51px; height:51px; background:#28a1ce}
div#find_user h1 div.btn_close input[type='button'] {display:block; width:19px; height:19px; padding:16px; margin:0; box-sizing:content-box; background:url(../image/btn_close.gif) no-repeat 16px 16px; border:0; outline:0}
div#find_user div.srch_area {padding:20px; vertical-align:middle}
div#find_user div.srch_area select {width:100px; height:35px}
div#find_user div.srch_area .i_text {width:330px; padding:8px}
div#find_user div.srch_area .btn_srch {width:100px; height:35px; background:#e32342; text-align:center; color:#fff; border:0; outline:0}
div#find_user div.srch_area .btn_srch:hover {background:#287ece; transition:all 0.3s}
div#find_user div.userlist_area {padding:10px 20px}
div#find_user .tbl_user {margin:0 0 20px 0; border:0; border-top:2px solid #28a1ce}
div#find_user .tbl_user th {padding:7px; font:normal 14px ng; color:#777; background:#f0f0f0; border:0; border-bottom:1px solid #ccc; text-align:left}
div#find_user .tbl_user td {padding:7px; border:0; border-bottom:1px dotted #ccc}

div#rules_page {}
div#rules_page h1 {padding:0; margin:0 0 10px 0; font:bold 20px ng; color:#182e42}
div#rules_page h2 {padding:0; margin:0 0 7px 0; font:bold 15px ng; color:#234C95}

table.tbl_con {border:0}
table.tbl_con th {padding:5px; border:1px solid #aaa; background:#eee}
table.tbl_con td {padding:5px; border:1px solid #aaa}