/* COMMON */
#content .memberWrap {width: 100%; margin: 0;}
#content .memberWrap .in_area {margin: 0 auto; overflow: hidden; position: relative; text-align: center;}
#content .memberWrap .member_tit {text-align: center; border-bottom: 1px solid #a0a0a0; padding-top: 60px; padding-bottom: 40px; margin-bottom: 50px;}
#content .memberWrap .member_tit .tit {color: #1b1b1b; font-size: 30px; line-height: 30px;}
#content .memberWrap .member_tit p {color: #7d7d7d; font-size: 16px; line-height: 22px; float: none;}
#content .memberWrap .member_tit .stit {margin-top: 28px;}

.memberWrap {width: 100%; margin: 0; }
.memberWrap .in_area {margin: 0 auto; overflow: hidden; position: relative;}
.memberWrap .member_tit {text-align: center; border-bottom: 1px solid #ddd; /*padding-top: 20px;*/ padding-bottom: 40px; margin-bottom: 50px;}
.memberWrap .member_tit .tit {color: #1b1b1b; font-size: 30px; line-height: 30px;}
.memberWrap .member_tit p {color: #7d7d7d; font-size: 16px; line-height: 22px; float: none;}
.memberWrap .member_tit .stit {margin-top: 28px;}

.inputWrap {text-align: center;}
.inputWrap .input {overflow: hidden; text-align: center;}
.inputWrap .input input {width: 380px; height: 60px; padding-left: 20px; border: 1px solid #bdbdbd; display: inline-block; zoom: 1; margin-bottom: 10px; line-height: 18px; background: none; color: inherit; font-size: 15px; font-weight: 400; outline: none;}
.inputWrap .input input + i {opacity: none;}
.inputWrap .mem_btn { margin-top: 35px;}
.inputWrap .mem_btn input {width: 380px; height: 60px; line-height: 45px; font-size: 18px; font-weight: 400; color: #fff; background: #123666; border: 0; cursor: pointer; border-radius: 5px;}
.inputWrap .mem_btn input:hover {*background-color: #000;}


/*입력 창 글자 설정 S*/
input::-webkit-input-placeholder {color: #959595; font-size: 18px; line-height: 18px;}
input::-moz-input-placeholder {color: #959595; font-size: 18px; line-height: 18px;}
input:-moz-input-placeholder {color: #959595; font-size: 18px; line-height: 18px;}
input:-ms-input-placeholder {color: #959595; font-size: 18px; line-height: 18px;}
/*입력 창 글자 설정 E*/

/*입력 창 클릭 시 글자 사라지기 효과 S*/
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:transparent;}
/*입력 창 클릭 시 글자 사라지기 효과 E*/

#login .in_area {width: 500px;}
#login .member_tit {margin-bottom: 40px;}
#login .in_area label {cursor: pointer; float: left; margin: 0 15px;}
#login .in_area label > input {visibility: hidden; position: absolute;}
#login .in_area label > .btn {padding: 15px 20px; padding-left: 50px; background-color: #a0a0a0; background-image: url(/images/login/login_check.png); background-repeat: no-repeat; background-position: 15px center; text-align: center;}
#login .in_area label > .btn span {color: #fff; font-size: 16px; line-height: 16px;}

#login .in_area label > input:checked + .b01 {background-color: #ff6c24;}
#login .in_area label > input:checked + .b02 {background-color: #535353;}

#login .in_area label .b01.on {background-color: #ff6c24\0/IE8; *background-color: #ff6c24;}/*ie7~8 적용*/
#login .in_area label .b02.on {background-color: #535353\0/IE8; *background-color: #535353;}/*ie7~8 적용*/

#login .radio_btn {width: 100%; overflow: hidden; margin-bottom: 40px; text-align: center;}
#login .radio_btn .inner {display: inline-block; *display: inline; zoom: 1;}

#login .input p {width: 40px; display: inline-block; *display: inline; zoom: 1; font-size: 20px; line-height: 20px; color: #1b1b1b; font-weight: 500; margin-right: 10px; *margin-top: -42px;}

#login .mem_search {margin-top: 14px; margin-bottom: 24px; overflow: hidden;}
#login .mem_search .inner {margin: 0 auto; display: table; width: 400px;}
#login .mem_search div {}
#login .mem_search a {color: #313131; font-size: 16px; line-height: 21px;}
#login .mem_search i {width: 1px; height: 15px; display: inline-block; zoom: 1; *display: inline; background-color: #a0a0a0; position: relative; top: 2px; *top: -1px;}
#login .mem_search .mem {display: table-cell; *display: inline; zoom: 1;}
#login .mem_search .join {width: 39%; font-weight: 600;}
#login .mem_search .idpw {width: 59%;}

/*#login .login_right { margin-top:38px; margin-right:50px;}

#login .login_btn {margin-top:30px !important; width:100%; text-align:center;}
#login .login_btn ul {margin-left:70px;}
#login .login_btn li {float:left; margin-left:15px;}
#login .login_btn li:first-child {float:left; margin-left:0px;}
#login .login_alert {font-size:11px; margin-top:20px; background-color:#f9f9f9; border:1px solid #cdcdcd; padding:20px;}
#login .login_alert li {line-height:16px;}*/

#idpw .in_area {width: 1200px; margin: 0 auto;}
#idpw .idpw_tit .stit .color {color: #313131;}

#idpw .inner_wrap {overflow: hidden; position: relative; *display: inline-block; z-index: 1; display: flex; width: 100%; justify-content: space-between;}
#idpw .idpw_tit {text-align: center; color: #111; /*padding-top: 40px;*/}
#idpw .idpw_tit.member_tit {padding-bottom: 0;}
#idpw .idpw_tit .tit {color: inherit; font-size: 26px; font-weight: 500; line-height: 24px; margin-bottom: 28px;}
#idpw .idpw_tit .stit {color: inherit; font-size: 17px; line-height: 22px; height: 95px;}

#idpw .inner {width: 100%; overflow: hidden;}
#idpw .inner label {cursor: pointer; float: left; margin-right: 18px;}
#idpw .inner label > input {visibility: hidden; position: absolute;}
#idpw .inner label > .btn {padding-left: 23px; background-image: url(/images/login/idpw_check.png); background-repeat: no-repeat; background-position: 0 center; text-align: center; *margin-left: 20px;}
#idpw .inner label > .btn span {color: #7d7d7d; font-size: 18px; line-height: 18px; font-weight: 600;}

#idpw .inner label > input:checked + .btn {background-image: url(/images/login/idpw_check_on.png);}
#idpw .inner label > input:checked + .btn span {color: #313131;}

#idpw .inner label .btn.on {background-image: url(/images/login/idpw_check_on.png)\0/IE8; *background-image: url(/images/login/idpw_check_on.png);}/*ie7~8 적용*/
#idpw .inner label .btn.on span {color: #313131;}
#idpw .check_btn {width: 402px; margin: 0 auto;}

#idpw .id_search {float: left; width: 50%; padding: 0 40px; *padding: 0;}
#idpw .pw_search {float: right; width: 50%; padding: 0 40px; *padding: 0;}
#idpw .line {width: 1px; height: 445px; background-color: #ddd; float: left;}

#idpw .top { width: 100%; padding: 100px 135px; padding-bottom: 65px; display: flex; justify-content: space-between; align-items: center;}
#idpw .top img{ width: 160px;}
#idpw .inner{ display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#idpw .inner > div{ flex: 1; min-height: 100vh; width: 50%;}
#idpw .wrap { background: #fff;}
#idpw .back {background: url(/images/index/login_bg1.jpg) no-repeat center /100%;}
#idpw .back .txt { padding-left: 110px; padding-top: 190px; font-family: 'AppleSDGothicNeo'; color: #fff;}
#idpw .back .txt div{ line-height: 1; font-size: 80px; font-weight: 800; padding-bottom: 35px;}
#idpw .back .txt p{ font-size: 20px; font-weight: 400;}

#joinStep .inner_wrap {width: 1025px; margin-left: -25px; margin-right: -25px; text-align: center;}
#joinStep .in_area {width: 980px;}
#joinStep .joinStep_tit {text-align: center; position: relative;}
#joinStep .joinStep_tit .tit {color: #313131; font-size: 24px; line-height: 24px; margin-bottom: 38px;}
#joinStep .joinStep_tit .stit {color: #7f7f7f; font-size: 16px; line-height: 22px; position: absolute; top: 30px; left: 0; width: 100%;}

#joinStep .area {display: inline-block; zoom: 1; *display: inline; width: 380px; margin: 0 25px; overflow: hidden;}
#joinStep .box {padding: 30px; padding-bottom: 80px; background-color: #eee; text-align: left; position: relative; min-width: 400px; min-height: 260px;}
#joinStep .box ul {display: inline-block; zoom: 1; *display: inline; margin-top: -30px; margin-left: 10px;}
#joinStep .box li {color: #535353; font-size: 16px; line-height: 24px; text-indent: -10px; margin: 30px 0; word-break: keep-all;}
#joinStep .mem_btn {position: absolute; bottom: 30px; left: 50%; margin-left: -200px; background: #123666;}
#joinStep .mem_btn:hover {background-color: #000;}
#joinStep .mem_btn a {width: 400px; height: 50px; line-height: 45px; font-size: 18px; font-weight: 400; color: #fff; border: 0; cursor: pointer; display: block; text-align: center;}

/* 국가선택 */
#joinStep .box2 {padding: 10px 30px 30px 30px; padding-bo ttom: 80px; background-color: #eee; text-align: left; position: relative; min-width: 400px; min -height: 160px;}
#joinStep .box2 ul {display: inline-block; zoom: 1; *display: inline; margin-top: 0px; margin-left: 10px;}
#joinStep .box2 li {color: #535353; font-size: 14px; line-height: 15px; text-indent: -10px; margin: 8px 0; word-break: keep-all;}


#ajax_content2 {margin-top: 15px; padding:20px 10px;}