@charset "euc-kr";
@import "font.css";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,select{margin:0;padding:0;}
img,fieldset {border:0;}

ul,ol,li,dl {list-style:none;}
input,select {vertical-align:middle;}
table caption {display:none;}

body {
	font-family: dotum,sans-serif;
	font-size: 12px;
	background-color: #fff;
}

.wrap {width:1155px;margin:0 auto;}
.wrap .join_step {width:100%;height:620px;border-bottom:1px solid #ddd;overflow:hidden;background:url('/img/sub/join-step1.gif') no-repeat 0 0;}
.wrap .join-body {width:100%;border-bottom:1px solid #ddd;overflow:hidden;}

.wrap .join_step h2,
.wrap .join-body h2 {width:100%;height:16px;margin-top:40px;}

.wrap .join_step h2 img.jlogo,
.wrap .join-body h2 img.jlogo {width:75px;height:16px;vertical-align:top;margin-right:5px;}
.wrap .join_step h2 img.jn,
.wrap .join-body h2 img.jn {width:61px;height:16px;vertical-align:top;}

.wrap .join_step .join-btn{z-index:1;position:relative;width:100%;height:280px;margin-top:284px;overflow:hidden;}
.wrap .join_step .join-btn img {z-index:5;position:absolute;cursor:pointer;}
.wrap .join_step .join-btn img.joinok {width:163px;height:58px;top:43px;right:0;}
.wrap .join_step .join-btn img.join14 {width:165px;height:43px;top:209px;right:0;}

.wrap p.bottom {width:100%;margin-top:20px;text-align:center;line-height:1.6}

.join-body h1 {width:100%;height:109px;margin-top:15px;background:url('/img/sub/step_bg.gif') no-repeat;}

.join-body .joinfm {width:100%;margin:30px auto;overflow:hidden;}
.joinfm dl.title {z-index:1;position:relative;width:100%;height:20px;border-bottom:2px solid #F95A5A;}
dl.title dt {z-index:10;position:absolute;top:0;left:0;width:120px;height:20px;font-weight:bold;font-size:16px;border-bottom:2px solid #AF1F0E;}

.joinfm .fm {width:100%;overflow:hidden;}
.fm p.mnt {margin:20px 0;color:#666;}
.fm label.check_all {font-weight:bold;color:#000;}
.fm .field1 {margin:20px 0;}
.fm .field2 {margin:50px 0 20px 0;}
.fm legend {display:block;font-weight:bold;}
.fm .box {width:852;height:300px; padding:20px 18px 0 20px; margin:5px 0; border:1px solid #e5e5e5; overflow:auto;}
.fm p.btn {width:100%;height:35px;text-align:center;}
.fm .btn img {width:111px;height:29px;vertical-align:top;}

.fm .fmarea {width:90%;height:165px;margin:30px auto 10px auto;background:url('/img/sub/inputbg.gif') repeat-y 50% 0;overflow:hidden;}
.fm .fmarea .inputarea {float:left;width:40%;overflow:hidden;}
.inputarea li {width:100%;height:20px;line-height:20px;margin-bottom:10px;padding-bottom:10px;font-weight:normal;}
.inputarea li.sex {border-bottom:1px solid #ccc;}
.inputarea li span.nm {margin-right:20px;}
.inputarea li span.birth {margin-right:0}
.inputarea li.btn {text-align:center;}
.inputarea select {vertical-align:top;}


.fm .fmarea .gdarea {float:right;width:45%;overflow:hidden;font-weight:normal;line-height:1.6;}


/* 공통 */
.clear_both {clear:both;}
.hand {cursor:pointer;}


/* 높이 */
.h10p {height:10px;}
.h12p {height:12px;}
.h15p {height:15px;}
.h17p {height:17px;}
.h20p {height:20px;}
.h22p {height:22px;}
.h25p {height:25px;}
.h27p {height:27px;}
.h30p {height:30px;}

/* 길이 */
.w50p {width:50px;}
.w100p {width:100px;}
.w150p {width:150px;}
.w200p {width:200px;}
.w250p {width:250px;}
.w300p {width:300px;}
.w350p {width:350px;}
.w400p {width:400px;}
.w450p {width:450px;}
.w500p {width:500px;}