@charset "utf-8";

/* gate login */
#loginWrap {width:940px; border-top:1px solid #e7e7e6;}
#loginIns {position:relative; width:630px; height:313px; margin: 45px auto 0; background:url('../images/join/gate_join_bg.jpg') no-repeat;}

#loginIns h2 {padding: 21px 0 0 37px;}
#loginIns fieldset {padding: 73px 0 0 133px;}
#loginIns fieldset dl {height:1%; margin-bottom:9px;}
#loginIns fieldset dl:after {content:"."; height:0; display:block; clear:both; visibility:hidden;}
#loginIns fieldset dt {float:left; width:100px; padding-left:10px; font-weight:bold; color:#fff; line-height:180%; background:url('../images/join/dt_dot.gif') no-repeat 0 8px;}
#loginIns fieldset dt label {color:#fff;}
#loginIns fieldset dt.hideDT {visibility:hidden;}
#loginIns fieldset dd {float:left; color:#fff;}
#loginIns fieldset dd .inputBox {width:170px; height:15px; padding:2px 1px 1px 2px; color:#332e47; font-size:11px; background:#fff; border:1px solid #DEDEDE;}

#loginIns fieldset .submit {position:absolute; right:145px; top:117px; _top:120px; width:62px; height:51px;}

#loginIns .que {width:315px;padding: 0 0 0 14px;margin:11px 0 0 133px;font-size:11px;background:url('../images/join/que_bul.gif') no-repeat 0 4px;}
#loginIns .que a {text-decoration:none;}
#loginIns .que a:hover {text-decoration:none;}
#loginIns .que span {display:inline-block; color: #fff; line-height:130%; border-bottom:1px solid #fff;}

/* Gradation line Box */
#loginWrap .gradLineBoxC {width:562px; margin-top:7px; background:url('../images/join/gradation_line_boxc.gif') repeat-y;}
#loginWrap .gradLineBoxT {background:url('../images/join/gradation_line_boxt.gif') no-repeat left top;}
#loginWrap .gradLineBoxB {padding:10px 10px 0px 10px; background:url('../images/join/gradation_line_boxb.gif') no-repeat left bottom;}
#loginWrap .gradLineBoxB h4 {position:relative; margin-bottom:20px; color:#535353; text-indent:11px; font-size:14px; background:none;}

#loginWrap .gradLineBoxBo {padding:35px 0 0 232px;margin-top:7px;width:332px;height:200px;background:url('../images/join/gradationn_boxt.gif') no-repeat;}
#loginWrap .gradLineBoxBo h4 {margin-bottom:10px; color:#2a2f74; font-size:16px; background:none;}

#loginWrap .notMember {width:310px;margin-left:0px;}
#loginWrap .notMember p {line-height:150%; font-size:11px; color:#535353;}
#loginWrap .notMember p strong {color:#2a2f74; font-size:12px; font-weight:normal; line-height:130%;}
#loginWrap .notMember .mt10 {line-height:130%;}
#loginWrap .notMember .mobile {float:left; margin-right:20px;}
#loginWrap .notMember p.btn {margin-top:-p2x;}

a.btnVioletLargejoin {display:inline-block; height:46px; padding-left:23px; background:url('../images/common/btn/btn_violetlarge_bgjoin.gif') no-repeat; border:none; text-decoration:none !important;}
a.btnVioletLargejoin span {display:inline-block; height:35px; padding-top:11px; padding-right:23px; font-size:16px; color:#fff; font-weight:bold; text-align:center; background:url('../images/common/btn/btn_violetlarge_bgjoin.gif') no-repeat right top; cursor:pointer; line-height:normal;}
a.btnVioletLargejoin:hover {text-decoration:none;}
#DW_BannerBottom {text-align:center; margin-top:7px; padding-bottom:100px;}