@import url('common.css');
#container{width:1000px;margin:0 auto;overflow: hidden;background:url(/images/member/top_visual_Login.gif) no-repeat 100% 0;}
#container h2{margin-top:20px;}
#memberContent > h2 .btn_clause {margin-left:14px;}
#memberContent .listType01 {margin-top:31px; border-top:2px solid #eb006e;}



/*·Î±×ÀÎ */
.loginBox {margin-top:20px;margin-bottom:50px;padding:78px 85px 120px 85px;border:1px solid #c5c5c5;background:#fff; }
.loginBox .imgSt {float:left;margin-top:15px;margin-left:50px;}
.loginBox .btnLogin {position:absolute;right:50px;bottom:54px;}
.fieldBox {position:relative;padding:0 0 20px 320px;color:#333;border-bottom:1px solid #ddd;}
.fieldBox p {margin-bottom:8px;}
.fieldBox .tit {margin-bottom:20px}
.fieldBox span{width:50px;margin-right:8px;padding-top:10px;float:left;}
.fieldBox .input_m{width:210px;height:26px;padding:2px 0 2px 5px;border:1px solid #ccc;background:#fbfbfb;vertical-align:top;}
.fieldBox .chk {margin-left:60px;margin-top:10px;}
.fieldBox .chk label {margin-left:2px;width:auto;}
.joinInfoBox {margin-top:30px;}
.joinInfoBox tit{padding-top:10px;}
.joinInfoBox li {width:270px;float:left;padding-left:10px;}
.joinInfoBox li:first-child {margin-right:120px;}
.joinInfoBox li:first-child a {width:48px;}
.joinInfoBox li span {display:inline-block;zoom:1;margin-right:8px;padding-left:5px;padding-top:5px;}
.joinInfoBox .btn {position:absolute;}
.img{margin-right:10px;}
.choice_join{width:778px;padding:0;height:180px;}
.choice_join p{float:left; margin:30px 4px 0 0;}



/*ȸ¿ø°¡ÀÔ */
#memberContent{margin-top:20px;padding:30px;margin-bottom:40px;border-top:1px solid #c5c5c5;border-right:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;border-left:1px solid #c5c5c5;background:#fff;}
#memberContent .stepListWrap{height:60px;}
#memberContent .stepList{ float:right;}
#memberContent .join_tap{overflow:hidden;}
#memberContent .join_tap li {float:left;}
#memberContent .join_tap li a {width:938px;background:url(/images/member/join_step.gif) 0 0 no-repeat; display:block; height:0; padding:60px 0 0 0; overflow:hidden;}
#memberContent .join_tap .tap01 {background-position:0 0; width:312px;}
#memberContent .join_tap li.active .tap01,
#memberContent .join_tap .tap01:hover {background-position:0 -60px;}
#memberContent .join_tap .tap02 {background-position:-312px 0; width:312px;}
#memberContent .join_tap li.active .tap02,
#memberContent .join_tap .tap02:hover {background-position:-312px -60px;}
#memberContent .join_tap .tap03 {background-position:-626px 0; width:312px;}
#memberContent .join_tap li.active .tap03,
#memberContent .join_tap .tap03:hover {background-position:-626px -60px;}

.agreeArea > h3 {margin: 30px 0 20px;font-size: 18px;}
.agreeArea > p {margin-top: 10px;}
.agreeArea .terms {height:130px;overflow-y:scroll;padding:15px 20px;border:1px solid #c5c5c5;border-top:1px solid #c5c5c5;background:#fbfbfb;}
.agreeArea .terms h4 {margin-bottom:15px;}
.agreeArea .terms p,
.agreeArea .terms h5 {margin-bottom:10px;}
.agreeArea .check_label,
.agreeAll .check_label {margin-left:8px;font-size:13px;font-weight:bold;}
.agreeAll {margin-top:40px;margin-bottom:40px;padding-top:10px;border-top:1px solid #c5c5c5;font-size: 14px;}

.addressArea { display: block; margin-top: 9px; }
.adressMargin {margin:0 5px 5px 0;}

.join_box {width:938px;background:url(/images/member/agreeArea_bg.gif) no-repeat 100% 0;height:155px;}
.join_con01 {padding-top:100px;padding-left:180px; font-weight:bold;font-size:14px;}
.join_con01 label {vertical-align:middle;padding-right:10px;display:inline-block;}
.join_con01 span {vertical-align:middle;}
.join_con01 * {vertical-align:middle;}
.input_m {height:25px;padding:2px 0 2px 5px;border:1px solid #ccc;background:#fbfbfb;font-size:14px;color:#666; vertical-align:top;}

/* ¾à°ü ·¹À̾ƿô */
.clauseWrap {margin-top:20px;font-size:14px;line-height:24px;}
.clauseWrap h1 {padding-bottom:10px;font-size:16px;;}
.clauseWrap h2 {padding:10px 10px;font-size:16px;}
.clauseWrap h2.subTitle {color:#0c4da2;}
.clauseWrap h3 {padding:5px 10px;}
.clauseWrap p {padding:0 0 10px 10px;}
.clauseWrap ul {padding:0 0 10px 10px;}
.clauseWrap ul ul {padding-bottom:0;}
.clauseWrap li {position:relative;}
.clauseWrap li span {display:block;position:absolute;top:0;left:0;}
.clauseWrap li p {padding:0 0 0 13px;}
.clauseWrap .tableList {margin:0 10px 10px 10px;}
.clauseWrap table {width:100%;}
.clauseWrap table th {height:25px;font-weight:normal;border:1px solid #c5c5c5;}
.clauseWrap table td {height:30px;text-align:center;border:1px solid #c5c5c5;}

/* °³ÀÎÁ¤º¸Ãë±Þ¹æħ*/
.Privacy {line-height:24px;}
.Privacy h3 { color:#9e4e0a; font-weight:bold;}
.Privacy p {padding:0 0 10px;}
.Privacy li {position:relative; padding:10px 10px;}
.Privacy li p {padding:10px 0 0 10px;}
.Privacy li p.tit {padding:20px 0 0 10px; font-weight:bold;}

/* ÀÌ¿ë¾à°ü*/
.Terms {line-height:24px;color:#666; font-size:13px;}
.Terms h3 {color:#0363c1; font-weight:bold;}
.Terms p {padding:0 0 10px;}
.Terms li {position:relative; padding:0 0 10px 0;}
.Terms li ul li {position:relative; padding:0 0 5px 10px;}
.Terms li p {padding:10px 0 0 10px;}
.Terms li p.tit {padding:20px 0 0 10px; font-weight:bold;}

/*¹öÆ°¹è°æ*/
.btn_area_right {margin-top:25px; text-align:right;}
.btn_area_right span {vertical-align:middle;}
.btn_type01 {background:url(/images/btn/btn_type1.gif) 0 0 no-repeat; display:inline-block;font-weight:bold;}
.btn_type01 a {background:url(/images/btn/btn_type1.gif) right 0 no-repeat; display:block; line-height:15px; font-size:12px;height:36px; padding:8px 10px 0 10px; margin-left:3px;}
.btnWrap{margin-top:20px;text-align:right;margin-bottom:20px;}
.btnWrap_left{margin-top:20px;margin-bottom:20px;}
.del {padding:0; border:none; background:none; cursor:pointer; }

/*ȸ¿ø°¡ÀÔÅ×À̺í*/
.listType01{font-size: 13px; width: 100%; table-layout: fixed; border-top:2px solid #eb006f;margin-top: 12px;}
.listType01 th{padding: 13px 0 11px 40px; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; text-align: left; background:#fafafa;font-weight:bold;}
.listType01 td{padding: 9px 20px; border-bottom: 1px solid #dfdfdf }
.joinNoti { margin-top: 5px; font-size: 13px; color: #0c4da2; }

/* ȸ¿ø°¡ÀÔ¿Ï·á */
.join_final{position:relative;margin-left:-340px;left:50%;margin-top:50px; margin-bottom:50px;}
.join_final .btnWrap{margin-top:20px;text-align:center;margin-bottom:50px;}

/*¾ÆÀ̵ð / ºñ¹Ð¹øÈ£ ã±â*/
#memberContent .searchTxt { margin-top: 10px;}
.searchWrap > div { float:left; width:48%; margin-left:30px;}
.searchWrap > div:first-child { margin-left:0; }
.searchWrap h3 {margin-top: 30px;}
.searchWrap .listType01 {margin-top: 20px; }


/*ȸ¿ø¿¹¾à / ºñȸ¿ø¿¹¾à*/
.fieldBox2 {position:relative; display:inline-block; padding-bottom:20px; color:#333;}
.loginResv_Main {margin:0 auto; width:900px;}
.loginResv_Main .loginResv_wrap {width:400px; float:left; margin-right:20px;}
.loginResv_Main > div:last-child {margin-right:0;}
.loginResv_Main .blast {padding-bottom:0 !important;}
.loginResv_Main .loginResv_wrap .login_Resv {height:68px; border-top:1px solid #254753; border-bottom:1px solid #c9c9c9; overflow:hidden; padding-top:40px; padding-bottom:30px; margin-top:5px; text-align:center;}
.loginResv_Main .loginResv_wrap .login_Resv ul {float:left; width:202px; margin-left:10px; margin-right:11px; text-align:center;}
.loginResv_Main .loginResv_wrap .login_Resv ul li {float:left; width:100%; padding-bottom:8px;}
.loginResv_Main .loginResv_wrap .login_Resv ul li h3 {float:left; text-align:left; width:55px; padding-top:8px; font-size:0;}
.loginResv_Main .loginResv_wrap .login_Resv ul li input {vertical-align:middle;}
.loginResv_Main .loginResv_wrap .login_Resv ul li .input_set {float:left; line-height:32px;}
.loginResv_Main .loginResv_wrap .login_Resv ul li .input01 {float:left; background: none repeat scroll 0 0 #fbfbfb; border: 1px solid #ccc; height: 24px; padding: 2px 0 2px 5px; vertical-align: top; width:138px;}
.loginResv_Main .loginResv_wrap .login_Resv ul li .input02 {background: none repeat scroll 0 0 #fbfbfb; border: 1px solid #ccc; height: 24px; padding: 2px 0 2px 5px; vertical-align: top; width:60px;} 
.loginResv_Main .loginResv_wrap .login_Resv ul > li:last-child {padding-bottom:0;}