@charset "utf-8";



/* Layout */

#mainWrapper {background:url("/member/img/mainBg.gif") repeat-x 0 60px;}

#mainWrapper #headerWrap {background:url("/member/img/headerBg.gif") repeat-x 0 0;}

#mainWrapper #header {position:relative; margin:0 auto; width:730px; height:64px;}

#mainWrapper #content {position:relative; margin:0 auto; width:730px;}

#mainWrapper #footerWrap {border-top:2px solid #92c948;}

#mainWrapper #footer {margin:0 auto; width:730px; height:70px; text-align:center; padding-top:15px; font:10px Verdana; color:#767676;}



/* Item : header */

h1.siteLogo {float:left; padding:17px 0 0 12px;}

.siteJoinTitle {float:left; margin:23px 0 0 8px; background:url("/member/img/joinTitleGreen.gif") no-repeat 0 0; width:99px; height:25px;}

.siteJoinTitle span {height:1px; width:1px; overflow:hidden; display:block;}

.siteLoginTitle {float:left; margin:23px 0 0 8px;}

.siteFinderTitle {float:left; margin:23px 0 0 8px; background:url("/member/img/joinTitleGreen.gif") no-repeat 0 -50px; width:99px; height:25px;}

.siteFinderTitle span {height:1px; width:1px; overflow:hidden; display:block;}

.siteLoginInfo {float:right; margin-top:40px}



/* Button */

.btnPack,.btnPack * {display:inline-block; overflow:visible; position:relative; margin:0; padding:0; border:0; background:url("/member/img/siteBtnBg.gif") no-repeat; font-family:Dotum; font-size:12px; text-decoration:none !important; vertical-align:top; white-space:nowrap}

.btnPack {margin-right:4px;}

.btnPack *{cursor:pointer; _cursor:hand;}

.btnPack.smallA *:hover,.btnPack.smallA *:active,.btnPack.smallA *:visited,.btnPack.smallA *:focus{color:#fff}

.btnPack.smallA {background-position:left -100px}

.btnPack.smallA *{height:18px; line-height:18px; padding:0 17px 0 11px; background-position:right -100px; font-size:11px; color:#fff;}

.btnPack.smallB *:hover,.btnPack.smallB *:active,.btnPack.smallB *:visited,.btnPack.smallB *:focus{color:#555}

.btnPack.smallB {background-position:left -150px}

.btnPack.smallB *{height:18px; line-height:18px; padding:0 17px 0 11px; background-position:right -150px; font-size:11px; color:#555;}

.btnPack.mediumA *:hover,.btnPack.mediumA *:active,.btnPack.mediumA *:visited,.btnPack.mediumA *:focus{color:#fff}

.btnPack.mediumA *{height:25px; line-height:25px; padding:0 28px 0 25px; background-position:right 0; font-weight:bold; color:#fff;}

.btnPack.mediumB *:hover,.btnPack.mediumB *:active,.btnPack.mediumB *:visited,.btnPack.mediumB *:focus{color:#666}

.btnPack.mediumB {background-position:left -50px}

.btnPack.mediumB *{height:25px; line-height:25px; padding:0 28px 0 25px; background-position:right -50px; font-weight:bold; color:#666;}

.btnPack.large *:hover,.btnPack.large *:active,.btnPack.large *:visited,.btnPack.large *:focus{color:#fff}

.btnPack.large {background-position:left -200px}

.btnPack.large *{height:33px; line-height:33px; padding:0 35px 0 28px; background-position:right -200px; font-size:14px; font-weight:bold; color:#fff;}



/* Align */

.alignCen {text-align:center;}






/* tabList */

.tabList {padding:20px 0 0 2px;}

.tabList li {float:left; background:url("/member/img/tabListBg.gif") no-repeat 0 -640px; margin-right:2px; font:bold 11px Dotum;}

.tabList a {display:block; background:url("/member/img/tabListBg.gif") no-repeat right -640px; width:89px; height:72px; text-align:center; letter-spacing:-1px; text-decoration:none; color:#767676;}

.tabList a:visited {color:#767676;}

.tabList a:hover,.tabList a:active,.tabList a:focus {color:#454545;}

.tabList a span {display:block; padding:47px 0 0 0;}



.tabList ul li.list1 a span {background:url("/member/img/tabListIconOff.gif") no-repeat 50% 0;}

.tabList ul li.list2 a span {background:url("/member/img/tabListIconOff.gif") no-repeat 50% -80px;}

.tabList ul li.list3 a span {background:url("/member/img/tabListIconOff.gif") no-repeat 50% -160px;}

.tabList ul li.list4 a span {background:url("/member/img/tabListIconOff.gif") no-repeat 50% -240px;}

.tabList ul li.list5 a span {background:url("/member/img/tabListIconOff.gif") no-repeat 50% -320px;}

.tabList ul li.list6 a span {background:url("/member/img/tabListIconOff.gif") no-repeat 50% -400px;}

.tabList ul li.list7 a span {background:url("/member/img/tabListIconOff.gif") no-repeat 50% -480px;}



.tabList li.selected {background-position:0 0;}

.tabList li.gray a span {color:#bbb}

.tabList li.selected a {background-position:right 0; color:#fff;}

.tabList li.selected a:hover,

.tabList li.selected a:active,

.tabList li.selected a:visited,

.tabList li.selected a:focus {color:#fff;}

.tabList li.selected a span {display:block; padding:42px 0 12px 0;}



.tabList li.list1.selected a span {background:url("/member/img/tabOnGreen.gif") no-repeat 50% 0 !important;}

.tabList li.list2.selected a span {background:url("/member/img/tabOnGreen.gif") no-repeat 50% -80px !important;}

.tabList li.list3.selected a span {background:url("/member/img/tabOnGreen.gif") no-repeat 50% -160px !important;}

.tabList li.list4.selected a span {background:url("/member/img/tabOnGreen.gif") no-repeat 50% -240px !important;}

.tabList li.list5.selected a span {background:url("/member/img/tabOnGreen.gif") no-repeat 50% -320px !important;}

.tabList li.list6.selected a span {background:url("/member/img/tabOnGreen.gif") no-repeat 50% -400px !important;}

.tabList li.list7.selected a span {background:url("/member/img/tabOnGreen.gif") no-repeat 50% -480px !important;}



/* Item : siteJoin */

#siteJoin {padding-bottom:30px; }

	#siteJoin fieldset {border:none;}

	#siteJoin legend {display:none;}

	.siteJoinStep1 {background:url("/member/img/stepBg.gif") no-repeat 0 0; height:65px;}

	.siteJoinStep1 li {float:left; height:1px; width:1px; overflow:hidden; display:block;}

	.siteJoinStep2 {background:url("/member/img/stepBg.gif") no-repeat 0 -75px; height:65px;}

	.siteJoinStep2 li {float:left; height:1px; width:1px; overflow:hidden; display:block;}

	.siteJoinStep3 {background:url("/member/img/stepBg.gif") no-repeat 0 -150px; height:65px;}

	.siteJoinStep3 li {float:left; height:1px; width:1px; overflow:hidden; display:block;}



	.siteAgree {padding:10px 0 10px 2px; border-top:2px solid #a0a0a0; border-bottom:2px solid #a0a0a0;}

	.siteAgree div {height:198px; overflow:auto; line-height:17px; padding-right:10px;}

	.siteAgree ul li {padding:0 0 10px 0; font-weight:bold; color:#767676;}

	.siteAgree ul li li {padding:0; font-weight:normal; color:#666;}

	.siteAgree ul li li li {padding:0 0 0 10px;}



	.siteAgreeCheck {position:relative; text-align:center; color:#666; padding:15px 0 20px 0;}

	.siteAgreeCheck input {vertical-align:middle}

	.siteAgreeCheck span {padding-left:5px; *padding-left:22px;}



	.joinTable {border-collapse:collapse; width:100%;border-top:2px solid #a0a0a0; border-bottom:2px solid #a0a0a0;}

	.joinTable th {width:17%; border-bottom:1px solid #dadada; padding:12px 10px 10px 26px; background:#f4f4f4 url("/member/img/joinDot.gif") no-repeat 20px 49%; font:bold 11px Dotum; color:#767676; text-align:left;}

	.joinTable td {width:83%; border-bottom:1px solid #dadada; padding:12px 10px 10px 10px;}



	.joinDsc {display:inline-block; font-size:11px; color:#767676;}



/* Item : siteJoinComplete */

#siteJoinComplete {position:relative; background:url("/member/img/joinCptBg.gif") no-repeat 0 20px; height:240px; padding:90px 0 0 320px;}

	#siteJoinComplete .cptName {font:bold 14px Dotum; color:#444; padding:0 0 13px 0;}

	#siteJoinComplete p {font-size:12px; color:#767676; line-height:19px;}

	#siteJoinComplete .cptBtn {padding:40px 0 0 105px;}



/* Item : siteLogin */

#siteLogin {margin:50px 0 55px 0;}

	#siteLoginBox {position:relative; background:url("/member/img/siteLoginBg.gif") no-repeat; width:730px; height:153px;}

	#siteLoginBox h3 {position:absolute; width:200px; top:18px; left:258px; padding:0px; background:none;}

	#siteLoginBox .loginBox {padding:66px 0 0 307px;}

	#siteLoginBox .item {padding:4px 0 4px 0; *padding:3px 0 3px 0;}

	#siteLoginBox .item label {display:inline-block; width:43px; padding-top:4px; *padding-top:5px; text-align:right; vertical-align:top;}

	#siteLoginBox .item input {border:1px solid #d6d6d6; width:172px; padding:2px 5px; font-size:12px; color:#383d41;}

	#siteLoginBox .loginBtn {position:absolute; top:70px; right:74px;}

	#siteLogin ul {position:relative; background:url("/member/img/siteLoginBg2.gif") repeat-x 0 26px; margin:25px 0 0 257px; width:451px;}

	#siteLogin ul li {background:url("/member/img/siteLoginDot.gif") no-repeat 3px 6px; vertical-align:middle; padding:0 0 17px 12px; font-size:11px; color:#6c6c6c;}

	#siteLogin .loginPoint {font-weight:bold; color:#ff6c00;}

	#siteLogin span.loginHelp {display:inline-block; width:225px;}



/* Item : siteFinder */

#siteFinder {padding-bottom:30px;}

	#siteFinder fieldset {border:none;}

	#siteFinder legend {display:none;}



/* login */
#memberWrapper {background:url("/member/img/member/mainBg.gif") repeat-x 0 0;}
#memberWrapper #headerWrap {position:relative; margin:0 auto; width:730px; height:100px;}
h1.siteLogo {float:left; padding:20px 0 0 7px;}
#memberWrapper #content {position:relative; margin:0 auto; width:730px;}
#memberWrapper #footerWrap {background:url("/member/img/member/footBg.gif") repeat-x 0 20px;}
#memberWrapper #footer {position:relative; margin:0 auto; width:730px; text-align:center; padding:40px 0 10px 0; color:#707070; font-size:0.95em; line-height:16px;}
#memberWrapper #footer address {font-style:normal; font-size:0.95em;}
#memberWrapper .mem_login {position:relative; background:url("/member/img/member/login_bg.gif") no-repeat 0 0; height:245px;}
#memberWrapper .mem_login .mem_1 {position:absolute; left:14px; top:21px;}
#memberWrapper .mem_login .mem_2 {position:absolute; left:150px; top:118px;}
#memberWrapper .mem_login .mem_3 {position:absolute; left:371px; top:118px;}
#memberWrapper h3 {background:url("/imgs/template/dotLi_1.gif") no-repeat 8px 3px; padding:1px 0 2px 25px; font-size:1em; font-family:gulim; font-weight:bold; color:#404040;}
#memberWrapper p {padding:5px 15px 30px 25px; color:#666666; font-family:gulim;}
#memberWrapper h3.siteH3_1 {background:url("/imgs/template/dotLi_1.gif") no-repeat 0 1px !important; padding:1px 0 6px 17px !important; font-size:1em; font-family:gulim; font-weight:bold; color:#404040;}