/* member/member_division.htm */
#agree { width:460px; height:240px; margin:0 auto; padding:65px 70px; background:url('../img/member/agree_bg.gif') }
#welcome { width:430px; margin:0 auto }
#agree_txt { width:344px; margin:0 auto; padding:30px 0 45px }
.fLeft { float:left; }
.fRight { float:right; }
.pT5 { padding-top:5px; }
.pT10 { padding-top:10px; }
.pT25 { padding-top:25px; }
.w50 { width:50px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w300 { width:300px; }
.w450 { width:450px; }
.h100 { height:100px; }

#agree_zone { -width:675px;  width:100%; margin:0 auto; }
#agree_zone .boxRound1 { -width:673px; -width:100%; -padding:1px; background:#dfdfdf }
#agree_zone .boxRound2 { -width:663px; width:99.3%; padding:5px; background:#dfdfdf }
#agree_zone .boxRound3 { -width:661px; width:98%; padding:1px; background:#fff }

#agree_zone .join { text-align:left; padding-top:10px; }
#agree_zone .terms { -width:640px; width:100%; -height:250px; height:350px; overflow:auto; padding:10px; }
.btn_area { width:100%; padding-top:20px; text-align:center; }

#join_zone { width:665px; margin:0 auto; }
.join_tb { width:100%; margin:0 auto; border-top:1px solid #d1d1d1; }
.join_tb th { padding:7px 0 7px 15px; background:url("../img/member/join_line.gif") no-repeat right; border-bottom:1px solid #e6e6e6; }
.join_tb td { padding:7px 0 7px 15px; border-bottom:1px solid #e6e6e6; }
.join_tb td img { vertical-align:middle; }
.join_tb ul li { padding:2px 0 2px 0; }
.input_ { height:15px; font-size:12px; font-family:dotum; border:1px solid #d0d0d0; color:#666; vertical-align:middle; padding:3px 2px 1px 2px; }
.input_focus { padding:2px 1px 0 1px; border:2px solid #549d26; }
.interest_zone ul li { width:100px; float:left; }
.text_ { border:1px solid #d0d0d0; color:#666; vertical-align:middle; padding:3px 2px 1px 2px; }
.text_focus { padding:2px 1px 0 1px; border:2px solid #549d26; }

.input_wrap { position:relative; _display:inline; float:left; margin-right:1px; }
.input_wrap label { position:absolute; top:1px; left:6px; font-family:dotum; font-size:12px; color:#999; }

/* login - Á÷¿øÀü¿ë·Î±×ÀÎ */
#lgn { width:100%; -height:192px; border:1px solid #dedede; padding:80px 0 120px; margin:0 auto; -clear:both; }
#lgn li:first-child {font-size:36px; margin-bottom:20px;}
#lgn li:first-child h1 {font-weight:600;color:#c8317d;}
#lgn ul {width:555px; height:104px; -margin-top:30px; position:relative; margin:0 auto; }
#lgn .input_ {width:388px; height:40px;  padding-left:10px; border:1px solid #dedede; margin-bottom:13px;}
#lgn .lgn_btn {top:47px; right:0; position:absolute;}


/* id, pwd find */
#find { width:595px; height:222px; padding:29px 30px; margin:0 auto; background:url('../img/member/find_bg.gif') no-repeat; clear:both; }
.find_cont { float:right; width:315px }
.find_input { float:left; width:223px; margin:10px 0; }
.find_id, .find_name { height:27px }
.find_id li, .find_name li, .find_email li { float:left; padding-right:10px }
.find_line { margin-top:15px; padding-top:20px; border-top:1px solid #ccc; }

/* find popup */
.find_idpw_top { width:360px; height:54px; background:url("../img/member/searchid_top.gif") no-repeat; }
.find_idpw_mid { width:360px; height:190px; padding:20px 0; background:url("../img/member/pop_bg.gif") repeat-y; text-align:center; }
.find_idpw_btm { width:360px; height:14px; background:url("../img/member/pop_btm.gif") no-repeat; }
.find_info { width:300px; margin:70px auto; }
/* uselect */
.uselect { width:61px; position:relative; float:left; height:19px; border:1px solid #d0d0d0; margin-right:2px; }
.uselect a { font-size:12px; font-family:dotum; color:#666; background:url('../img/member/ico_sel.gif') no-repeat; cursor:pointer; }
.uselect .selected { float:left; padding:0 0 4px 0; width:100%; text-indent:5px; _margin-right:-5px; }
.uselect ul { max-height:100px; position:absolute; top:23px; *top:28px; left:-1px; margin:0; padding:2px 0; width:100%; overflow-x:hidden; overflow-y:auto; border:1px solid #d3d3d3; background-color:#fff; z-index:100; display:none; }
.uselect li { width:100%; text-indent:5px; list-style:none; *margin-bottom:-4px; }
.uselect li a { float:left; margin-right:5px; padding:2px 0 2px; width:100%; overflow:hidden; background:none; }
.uselect li a:hover { background-color:#f0f0f0; }
.uselect li.on a { background-color:#f0f0f0 !important; }

/* ucheckbox */
.ucheckbox { float:left; }
.ucheckbox label { float:left; padding-left:20px; }
.ucheckbox .ui-button { margin:0px; display:inline-block; cursor:pointer; }
.ucheckbox .ui-state-default, .ui-state-hover { background:url("../img/member/ico_checkbox.gif") no-repeat 0 4px; }
.ucheckbox .ui-state-active { background:url("../img/member/ico_checkbox.gif") no-repeat 0 -14px; }
.ucheckbox .ui-helper-hidden-accessible { position:absolute; left:-1000px; }

.join_tb .usel_n a { background-position:48px 7px; }
.join_tb .usel_u a { background-position:48px -7px; }

#ub_email { width:105px; }
#ub_email.usel_n a { background-position:90px 7px; }
#ub_email.usel_u a { background-position:90px -9px; }

#ub_blood { width:85px; }
#ub_blood.usel_n a { background-position:70px 7px; }
#ub_blood.usel_u a { background-position:70px -9px; }

#ub_job { width:110px; }
#ub_job.usel_n a { background-position:95px 7px; }
#ub_job.usel_u a { background-position:95px -9px; }

/* zip */
#zip_zone { padding:5px; }
#zip_zone select { font-size:12px; font-family:dotum; }
#zip_zone .zip_top { width:366px; height:63px; background:url("../img/member/zip_top.gif") no-repeat; }
#zip_zone .zip_mid { width:366px; padding-top:10px; background:url("../img/member/zip_bg.gif") repeat-y; }
#zip_zone .zip_mid .input_zone { width:320px; height:20px; padding:5px; margin:0 auto; background-color:#f3f3f3; text-align:center; }
#zip_zone .zip_btm { width:366px; height:3px; background:url("../img/member/zip_btm.gif") no-repeat; }
#zip_zone .list_zone { padding:15px 0 15px 0; text-align:center; }






@media screen and (max-width:640px){


#agree_zone .boxRound2 { -width:663px; width:97.5%; padding:5px; background:#dfdfdf }
#agree_zone .terms { -width:640px; width:95.7%; -height:250px; height:350px; overflow:auto; padding:10px; }


/* login - Á÷¿øÀü¿ë·Î±×ÀÎ */
#lgn { width:100%; border:0; padding:0px 0 0px; margin:0 auto;}
#lgn li:first-child {font-size:36px; margin-bottom:20px;}
#lgn li:first-child h1 {font-weight:600;color:#c8317d;}
#lgn ul {width:100%; height:100%; -position:relative; margin:0 auto; }
#lgn .input_ {width:96%; height:40px;  padding-left:10px; border:1px solid #dedede; margin-bottom:13px;}
#lgn .lgn_btn {width:100%; top:0px; left:0; position:relative;}




}