@charset "UTF-8";

/*********************************************
* 로그인
*********************************************/  
.Wrapper_member [class^='loginCnt']    { float: left; height: 527px; border: 1px solid #dcdcdc; margin-left: 1px; }

/*   login   */
.loginCnt   { width: 560px;background-color: #fff; margin-left: 0 !important; }
.loginCnt .content   { width: 360px; margin: 60px auto 0; }
.loginCnt .content h2   { margin-bottom: 20px; }
.loginCnt .content fieldset legend  { color: #888; }
.loginCnt .content fieldset [class^='label_']  { position: relative; margin: 13px 0; padding-left: 40px; box-sizing: border-box;}
.loginCnt .content fieldset [class^='label_'] label  { width: 100%; height: 42px; line-height: 42px; display: block; border: 1px solid #d2d2d2; background-color: #fff; background-repeat: no-repeat; background-position: 10px 50%; text-indent: -99999px; font-size: 0; position: absolute; top: 0; left: 0px; }
.loginCnt .content fieldset .label_id label  { background-image:url(../images/ico/ico_id.png); }
.loginCnt .content fieldset .label_pw label  { background-image:url(../images/ico/ico_pw.png); }  
.loginCnt .content fieldset [class^='label_'] input  { width: 318px; height: 42px; line-height: 42px; font-size: 16px; background-color: transparent; position: relative; z-index: 5; border:0; box-sizing: border-box;; padding: 0 5px;}

.loginCnt .content fieldset input:focus    { outline: none; }
.loginCnt .content fieldset [class^='label_']:hover label  { border-color: #ffa409; }
.loginCnt .content input::-webkit-input-placeholder  { color: #ccc; }
.loginCnt .content input::-moz-placeholder  { color: #999; }
.loginCnt .content input:-ms-input-placeholder  { color: #ccc; }
.loginCnt .content .bt_login  { width: 100%; height: 50px; line-height: 48px; display: block; background-color: #ffa409; text-align: center; color: #fff; font-size: 20px; font-weight: bold; font-family: '맑은고딕',Malgun Gothic; }
.loginCnt .content .formTag_check  { font-size: 12px; color: #888; margin-top: 10px; }
.loginCnt .content .caution  { font-size: 11px; color: #888; margin-top: 30px; background:url(../images/ico/ico_caution.gif) no-repeat 0 2px; padding-left: 20px; }

/*   회원서비스   */
.loginCnt_service   { width: 190px; background-color: #f0f0f0; font-family: '맑은고딕',Malgun Gothic; }
.loginCnt_service h2  { text-align: center; padding: 13px 0; background-color: #fff; } 
.loginCnt_service dl  { line-height: 1.4em; }  
.loginCnt_service dt  { color: #666; font-weight: bold; font-size: 15px; border-top: 2px solid #fff; padding: 15px 15px 7px; } 
.loginCnt_service dd  { font-weight: bold; font-size: 11px; padding: 0 15px 10px; } 
.loginCnt_service .link  { text-align: center; } 
.loginCnt_service .link p  { margin: 5px 0; } 

/*   banner   */
.loginCnt_banner   { width: 358px; }
.loginCnt_banner img   { width: 358px; height: 527px; }


/*********************************************
* 회원가입
*********************************************/  
h3.join_tit   { text-align: center; margin-bottom: 20px;margin-top: 20px }
h4.join_tit   { color: #333; font-size: 17px; font-family: '맑은고딕',Malgun Gothic; font-weight: bold; margin-bottom: 15px; position: relative; } 
h4.join_tit .add   { height: 15px; line-height: 13px; display: inline-block; color: #888; font-size: 12px; font-weight: normal; position: absolute; top: 3px; left: 165px; border-left: 1px solid #dcdcdc; padding-left: 13px; } 
h4.join_tit .add:before   { content: '* '; color: #fe4b38; font-size: 18px; vertical-align: middle; } 

/*   이용약관, 개인정보취급방침 동의     */
.agree_Wrap   { width: 100%; display: table; margin-bottom: 50px; }
.agree_Wrap [class^='agreePage_']    { width: 49%; }
.agree_Wrap [class^='agreePage_'] h5    { color: #333; font-size: 14px; font-weight: bold; font-family: '맑은고딕',Malgun Gothic; margin-bottom: 10px; }
.agree_Wrap [class^='agreePage_'] h5::before    { content: '· '; }
.agree_Wrap [class^='agreePage_'] .agreeTxt    { overflow: auto; height: 150px; padding: 10px 15px; border: 1px solid #dcdcdc; margin-bottom: 10px; font-family: '맑은고딕',Malgun Gothic; }
.agree_Wrap [class^='agreePage_'] .formTag_check    { text-align: center; font-weight: bold; }
.agree_Wrap .agreePage_terms   { float: left; }
.agree_Wrap .agreePage_privacy   { float: right; }


.tableTypeV_join  { margin-bottom: 40px;  }
.tableTypeV_join table tbody th  { padding-left: 35px !important; }
.tableTypeV_join .add  { font-size: 11px; color: #888; margin-left: 8px; }
.tableTypeV_join .possible  { color: #0c79c6; margin-top: 5px; }
.tableTypeV_join .error  { color: #fe4b38; margin-top: 5px; }


/*********************************************
* 개인 정보수정
*********************************************/  
.tableTypeH_myModify   {  }
.tableTypeV_join .help_toolTip   { margin-left: 3px; }
.tableTypeV_join tbody th *  { vertical-align: middle; }


/*    tool tip      */
.help_toolTip   { width: 14px; height: 14px; display: inline-block; background:url(../images/ico/ico_help_tip.gif) no-repeat; font-size: 0; color: transparent; }
[class^='Wrapper'] .ui-widget-content   { background: #fff; }
[class^='Wrapper'] .ui-widget-content .ui-tooltip-content   { text-align: left; position: relative; z-index: 1; font-family:'돋움',Dotum; }
[class^='Wrapper'] .ui-tooltip { padding: 10px 20px; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; }
[class^='Wrapper'] .ui-tooltip, 
[class^='Wrapper'] .ui-widget-content .arrow  { background: #fff; border: 1px solid #aaa !important; }
[class^='Wrapper'] .ui-widget-content .arrow { width: 10px; height: 10px; overflow: hidden; position: absolute; top: 10px; left: -7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
[class^='Wrapper'] .ui-widget-content .ui-tooltip-content:after { content: ''; width: 14px; height: 20px; display: block; background-color: #fff; position: absolute; top: -5px; left: -20px; }
 



/*********************************************
* 이용약관 / 서비스약관 / 개인정보취급방침 / 웹접근성정책
*********************************************/  
.termsTab_nav    { margin-bottom: 35px; }
.termsTab_nav ul   { width: 100%; display: table; }
.termsTab_nav li   { width: 25%; float: left; text-align: center; font-size: 16px; font-family: '맑은고딕',Malgun Gothic; color: #333; }
.termsTab_nav li ~ li  { margin-left: -1px; }
.termsTab_nav li a  { height: 45px; line-height: 40px; display: block; background-color: #f2f2f2; border: 1px solid #dcdcdc; margin-top: 5px; }
.termsTab_nav li.current a  { height: 50px; font-weight: bold; line-height: 50px; background-color: #fff; border-bottom-color: #fff; margin-top: 0px; }

.terms_tit   { color: #333; font-size: 14px; font-family: '맑은고딕',Malgun Gothic; font-weight: bold; background:url(../images/contents/bullet.gif) no-repeat 0 9px; padding-left: 13px; margin-bottom: 10px; } 
.termsText_panel   { height: 500px; overflow: auto; border: 1px solid #dcdcdc; padding: 20px; }