﻿@charset "utf-8";

	/* gate login */
	#loginWrap { width:562px; margin:50px auto 0px; }
	#loginIns { position:relative; width:562px; height:206px; background:url(../images/join/gate_join_bg.gif) no-repeat; }

	#loginIns fieldset { padding-top:72px; *padding-top:71px; margin-left:64px; }
	#loginIns fieldset dl { height:1%; margin-bottom:9px; *margin-bottom:7px; }
	#loginIns fieldset dl:after { content:"."; height:0; display:block; clear:both; visibility:hidden; }
	#loginIns fieldset dt { float:left; width:113px; 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:189px; height:15px; padding:2px 1px 1px 2px; color:#332e47; font-size:11px; background:#dcdbe0; border:1px solid #dcdbe0; }

	#loginIns fieldset .submit { position:absolute; left:388px; top:70px; }
	#loginIns fieldset .submit input {
		width:76px; height:54px;
		padding-bottom:5px;
		*padding-bottom:0px;
		color:#fff !important;
		font-size:12px;
		letter-spacing:1px;
		font-weight:bold !important;
		background:url(../images/join/btn_submit_bg.gif) no-repeat;
		border:none;
		cursor:pointer;
	}
	#loginIns .que { 
		width:315px;
		padding-left:13px;
		margin:11px 0 0 64px;
		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:#dbd9ff; line-height:130%; border-bottom:1px solid #dbd9ff; cursor:pointer; }

	/* 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;}