.join_box {margin:5px 0 0 0;padding:5px 3%;}
.join_box h4 {margin:20px 0 7px 0;height:25px;font:bold 18px 'dotum';color:#454544;}

.il {width:100%;height:40px;margin:10px 0;position:relative;box-shadow:0 1px 0 #FFF;-webkit-box-shadow: 0 1px 0 #FFF;padding:1px;border-radius:4px;border:1px solid #dadada;background:-webkit-linear-gradient(top,rgba(174,174,175,1) 0%,rgba(199,199,199,1) 100%);}
.noj {margin:0;}
.j2 {margin-bottom:15px;}
.j3 {width:68%;}
.il label {display:block;font:normal 18px/40px 'dotum';color:#999;}
.il span {display: block;height:40px;padding: 0 6px;border-radius: 3px;background:#FFF;box-shadow: inset 1px 1px 0 #F0F0F0;-webkit-box-shadow: inset 1px 1px 0 #F0F0F0;}
.il input {position:absolute;width:99%;padding-left:1%;height:40px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}
.il textarea {position:absolute;width:99%;padding-left:1%;height:120px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}

.il2 {width:100%;height:120px;margin:10px 0;position:relative;box-shadow:0 1px 0 #FFF;-webkit-box-shadow: 0 1px 0 #FFF;padding:1px;border-radius:4px;background:-webkit-linear-gradient(top,rgba(174,174,175,1) 0%,rgba(199,199,199,1) 100%);}
.il2 label {display:block;font:normal 20px/40px 'dotum';color:#999;}
.il2 span {display: block;height:120px;padding: 0 6px;border-radius: 3px;background:#FFF;box-shadow: inset 1px 1px 0 #F0F0F0;-webkit-box-shadow: inset 1px 1px 0 #F0F0F0;}
.il2 textarea {position:absolute;width:98%;padding:10px 1%;height:100px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}

.select_wrap {width:100%;display:block;position:relative;height:40px;border:1px solid #aaaaaa;border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,rgba(255,255,255,1)),color-stop(100%,rgba(239,239,239,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 1%,rgba(239,239,239,1) 100%);}
.select_wrap select {font-size:23px;width:100%;height:40px;padding:0 0 0 10px;border:0;background:transparent url(../img/comm/bg_select.gif) no-repeat 100% 0;background-size:36px 40px !important;-webkit-background-size:36px 40px !important;-webkit-appearance:none}

.ic {width:100%;margin:10px 0;display:inline-block;}
.ic li {width:32%;float:left;}
.ic li.ic_num {margin-left:2%;}
.ic li.ic_mail {width:48%;margin-right:2%;}
.ic li.ic_mail2 {width:50%;}
.ic .select_wrap {width:100%;}
#mail_dir {display:none;}

.form_btn {text-align:center;margin:20px 0;}

.member_wrap {border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;background:#fafafa;width:100%;}

.login_box {width:495px;height:120px; margin:30px auto;position:relative;}
.login_box div {position:relative;}
.login_box div {top:10px;}
.login_box p {position:absolute;right:0;top:10px;}
          
.member_links {text-align:center;padding:0 0 30px 0;background:#fafafa;}
.member_links p {margin:20px;font:normal 15px 'NanumGothic';color:#454544;}
.member_links div {text-align:center;margin-bottom:20px;}