.member_form{padding:0px 100px;} /* 로그인 */ .loginArea { box-sizing: border-box; width: 100%; margin: auto; padding: 63px 0 53px 0; border: 3px solid #E9ECEF; } .login{width: 545px; margin: auto;padding-bottom: 30px; border-bottom: 1px solid #EEE; overflow:hidden;} .loginInput {margin-right: 10px; float: left;} .login dt label { position: absolute; top: -999em; height: 0; line-height: 0; font-size: 0;} .login dt label { position: absolute; top: -999em; height: 0; line-height: 0; font-size: 0;} .login input.i_text {width: 400px; padding: 14px 15px; border: 1px solid #CCC; border-radius: inherit; background-clip: padding-box; -webkit-appearance: none; box-sizing: border-box; height:auto; background-color:#fff;} .login dd.inputPw { margin-top:8px;} .login input.btnLogin { float:right; width: 130px; height: 106px; border: inherit; font-size: 15px; color: #FFF; background: #00AEEF; cursor: pointer; -webkit-transition: all 0.1s ease; transition: all 0.1s ease;} .lost_box{overflow:hidden; width: 545px; margin: auto;padding-top: 25px;} .lost_box_left { width: 290px; float: left; color: #555;} .lost_box ul:after { clear: both; display: block; content: '';} .lost_box_left li { position: relative; line-height: 46px; padding-left: 10px; font-size: 14px;} .lost_box_left li:before { position: absolute; top: 50%; left: 0; content: ''; display: block; width: 3px; height: 3px; margin-top: -1.5px; background: #00AEEF;} .lost_box_right { width: 250px; float: left; } .lost_box_right a { float: left; min-width: 110px; margin-bottom: 10px; margin-left: 10px; background: #FAFAFA; display: inline-block; height: 36px; line-height: 36px; border: 1px solid #E0E0E0; text-align: center; font-size: 13px; color: #555;} .lost_box_right li:last-child a { width: 230px;} .lost_box_right a.join{background: #F0F0F0;} .error{color: #ff0000; padding-top:5px; background: #f5f6f8; } /* 회원가입, 회원가입완료 */ .user_agree{padding:0px 100px;} .user_agree fieldset dl dt{font-size:18px; font-weight:600; margin-bottom: 15px; padding-left:15px; position: relative;} .user_agree fieldset dl dt:before{content : ""; display : block; position : absolute; left : 0; top:12px; width :5px; height : 5px; background : #00aeef; } .user_agree fieldset dl dd div.chks{margin-bottom:20px; margin-top:15px;} div.ico_title{position: relative; padding: 0 280px; margin-bottom:40px;} div.ico_title p {position: relative; padding-left: 110px; font-size:18px; color:#444;} div.ico_title p:before { content: ''; position: absolute; left: 0; top: 0; width: 92px; height: 92px; background: url('/images/default/content/ico_mem.gif') no-repeat 0 0; } div.ico_title em{font-size:35px; font-weight:400;} div.ico_title:before {content: ''; position: absolute; left: 0; top: 35px; width: 250px; height: 1px; background: #3c3c3c; transition-duration: 0.4s;} div.ico_title:after {content: ''; position: absolute; right: 0; top: 35px; width: 250px; height: 1px; background: #3c3c3c; transition-duration: 0.4s;} ul.sign_select{overflow:hidden;} ul.sign_select li{float:left; width:50%;} ul.sign_select li a{display:block; height: 496px; box-sizing:border-box; padding:80px;} ul.sign_select li.s01 a{background: url('/images/default/content/m_bg01.jpg') no-repeat 0 0; } ul.sign_select li.s02 a{background: url('/images/default/content/m_bg02.jpg') no-repeat 0 0; } ul.sign_select li a div{height:100%; color:#fff; text-align:center; box-sizing:border-box; padding-top:50px;} ul.sign_select li a div h3{font-size: 35px; font-weight:800; margin-bottom:30px;} ul.sign_select li a div p.more{background: url('/images/default/content/btn_arrow.png') no-repeat right center; padding-right: 80px; padding-bottom:10px; border-bottom:3px solid #fff; display:inline-block; margin-top:40px;} ul.sign_select li.s01 a div{background: url('/images/default/content/coverBlue.png') repeat 0 0;} ul.sign_select li.s02 a div{background: url('/images/default/content/coverBlack.png') repeat 0 0;} .signup03{text-align:center;} .signup03 .t_big{margin-top:20px; margin-bottom:10px; font-size:28px; font-weight:bold;} .signup03 p.go_main{margin-top:10px;} .signup03 p.go_main a{padding:15px 40px; background-color:#307cd7; color:#fff; font-weight:bold;} .user_agree h3{font-size:18px; font-weight:bold; color:#242424;} .reload_captcha img{vertical-align:middle !important; height:37px;} /* 멤버 Step */ ul.step {margin-bottom: 20px; border:1px solid #ddd; overflow:hidden;} ul.step li{float:left; width:33.3%; height: 50px;text-align:center; background-color: #fafafa; line-height:50px; font-size: 15px; font-weight:bold;} ul.step li.step_bg{ background: #fafafa url('/images/default/member/arrow.png') no-repeat right center;} ul.step li.blue{display:block;background: url('/images/default/member/arrow_on.png') no-repeat left top; height:50px; } ul.step li span.arrow_off{display:block;background: url('/images/default/member/arrow_off.png') no-repeat left top; height:50px; } ul.step li span.arrow_on{display:block;background: url('/images/default/member/arrow_on.png') no-repeat left top; height:50px; } ul.step li.on{background: #848e9a; color: #fff; } ul.step li.arrow_last{display:block;background: #848e9a url('/images/member/arrow_off.png') no-repeat left top; height:50px; width:33.4%; color:#fff;} .user_agree input{vertical-align:middle;} .btnChkUnique{ display:inline-block; width:90px; font-size: 12px; height:37px; line-height:40px; text-align:center; background-color: #bababa; color: #fff; } /* 버튼 */ div.btn_wrap{text-align:center; margin-top:40px;} .btn_confirm {margin:0px 5px; width:160px; height:60px; line-height:60px; text-indent:-9999px; color: #fff; border:none; background: #ED1847 url("/images/default/content/cf.png") no-repeat center center; cursor:pointer; } .btn_cancel {margin:0px 5px; width:160px; height:60px; line-height:60px; text-indent:-9999px; font-size: 16px; font-weight: bold; color: #fff; border:none; background: #bcbab8 url("/images/default/content/cc.png") no-repeat center center; cursor:pointer; } .btn_list {margin:0px 5px; width:160px; height:60px; line-height:60px; font-size: 16px; font-weight: bold; color: #fff; border:none; background: #bcbab8; cursor:pointer; } .btn_edit {margin:0px 5px; width:160px; height:60px; line-height:60px; font-size: 16px; font-weight: bold; color: #fff; border:none; background: #ED1847; cursor:pointer; } /* 아이디 비번찾기 */ .btnAction{margin-top:30px;text-align:center; } .IdSearch div.btnAction input[type="submit"], .PwSearch div.btnAction input[type="submit"]{ width:160px; height:44px; line-height:44px font-size: 16px; font-weight: bold; color: #fff; background-color: #46baeb; border: 1px solid #46baeb; cursor:pointer; } div.find{border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:25px 0px; font-size:16px; margin-top:30px;} div.searchWrap h3.bul{font-size:23px; color:#000; font-weight:bold; padding-left:35px; background: url("/images/default/content/h3.gif") no-repeat left center; margin-top:48px; margin-bottom:20px; line-height:25px;} p.txt{font-size:16px;} /* 회원탈퇴 */ .withdraw{width: 100%;margin: 0 20px; text-align:center; padding-bottom:35px; color:#555555; font-size:18px; line-height:28px;} .withdraw p.bar_bg{width:100%; height:2px; background-color:#21416a; margin-bottom:30px; position:relative;} .withdraw p.bar_bg span{background-color:#29aca9; width:30%; height:2px; position:absolute; left:0; } .withdraw b{color:#212121; font-weight:bold;} .withdraw b span{color:#ff6a00; } .withdraw p.withdrawBtn{margin-top:30px;} /* 온라인문의 */ caption{display:none;} table.online_tb {width:100%; border-top:3px solid #1b1b1b; table-layout:fixed; margin-top:10px;} table.online_tb label{margin-right:20px;} table.online_tb td, table.online_tb th{overflow:hidden; vertical-align:middle; border-bottom:1px solid #e2e2e2; padding:15px 20px; font-weight:500; color:#333;} table.online_tb th{background-color:#f6f6f6;} table.online_tb img{vertical-align:middle;} table.online_tb .file {position:relative;} table.online_tb .file input[type="file"] {position:absolute; top:0; left:0; width:458px; opacity:0;} table.online_tb .file input[type="text"] {width:358px;} table.online_tb .file a {margin-left:10px; vertical-align:middle;} table.online_tb .file span {margin-left:20px; font-size:15px; color:#767676} .fileBtn {display:inline-block; width:90px; height:35px; line-height:35px; background:#919190; font-weight:normal; font-size:15px; color:#fff; text-align:center;margin-left:0px !important;} table.online_tb td.w10 input{width:10%;} table.online_tb td.img_view img{width:100%; background-size: cover;} .radio{display:inline-block; } .radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} .radio input[type="radio"] + label {display:inline-block; position: relative; padding-left:30px; margin-left:0px; font-size:16px; color:#555; line-height:20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;} .radio input[type="radio"] + label:before {content: ' '; position:absolute; top:0; left:0; display: inline-block; width: 25px; height: 23px; line-height: 20px; background:url("/images/default/content/radio.png") no-repeat 0 50%;} .radio input[type="radio"].disabled + label:before {background:url("/images/default/content/radio.png") no-repeat 0 50%;} .radio input[type="radio"]:checked + label:before{background:url("/images/default/content/radio_on.png") no-repeat 0 50%} /* 개인정보처리방침 이용약관 */ div.mem_con {color:#6c6c6c;} h4.mem_title {display:none;} h5.mem_title2 {font-size:20px;color:#000;font-weight:bold;margin-bottom:15px;margin-top:50px;} p.mem_tit_text {margin-bottom:10px;margin-top:20px;color:#333;} div.mem_table_wrap {border-top:2px solid #666;} table.mem_table {border-bottom:1px solid #e1e1e1;border-collapse: collapse; font-size:15px; line-height:1.8;} table.mem_table tr th {vertical-align:top;padding:20px;text-align:left;color: #555;border-bottom: 1px solid #e1e1e1;} table.mem_table tr th:first-child {background:#f7f7f7;border-right:1px solid #e1e1e1;} table.mem_table tr td {border:1px solid #e1e1e1;padding:17px;border-right:none;vertical-align:top; text-align:left;} table.mem_table tr:first-child td {border-top:none;} table.mem_table tr td p.interval {margin-top:10px;} table.mem_table tr td ul li {margin-bottom:10px;} table.mem_table tr td ul li.list2 {padding-left:20px;box-sizing:border-box;} /*이메일무단수집거부*/ div.emailPolicy {width:100%;margin:0 auto;border:1px solid #d9d9d9;padding:30px 50px 30px 30px; background:#f9f9f9 url('/images/default/content/email_ico.png') no-repeat 50px 25px;box-sizing:border-box;} div.emailPolicy div.email_desc {margin-left:200px;padding-left:30px;border-left:1px solid #e8e8e8;} div.emailPolicy li.law_tit {color:#000;margin-bottom:10px;font-weight:bold;} div.emailPolicy li.list2 {padding-left:10px;margin-top:10px;} div.emailPolicy p {margin-bottom:10px;} div.emailPolicy p span.point {font-weight:bold;color:#1546ac;} table.tb_con {width:100%;table-layout:fixed; border-spacing:0; border-top:3px solid #1b1b1b; border-bottom:1px solid #e0e0e0; line-height:1.3; background-color:#fff;} table.tb_con th, table.tb_con td { padding:13px 20px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; } table.tb_con th:first-child, table.tb_con td:first-child {border-left:0;} table.tb_con th {font-weight:500; text-align:center; color:#000;} table.tb_con th {text-align:center;} table.tb_con td {text-align:center;} table.tb_con thead tr:first-child>* {border-top:0;} table.tb_con tr.tfoot>* {font-weight:500; border-top:1px solid #c2c2c2; background-color:#fefefe;} table.tb_con ul li{padding-left:15px; position:relative;} table.tb_con ul li:before{ content : ""; display : block; position : absolute; left :0; top:8px; width : 6px; height : 6px; background : #a0a0a0; border-radius:50%; } table.tb_con td.w3 input{width:24%;} table.tb_con td.w5 input{width:50%;} .down{display:inline-block;width:150px; height:38px; line-height:38px; background:#013476; font-weight:normal; font-size:15px; color:#fff; text-align:center;} .pr{padding-right:37px;} table.tb_con td.captcha img{width:120px; height:38px;} table.tb_con .file {position:relative;} table.tb_con .file input[type="file"] {position:absolute; top:0; left:0; width:458px; opacity:0;} table.tb_con .file input[type="text"] {width:358px;} table.tb_con .file a {margin-left:5px; vertical-align:middle;} table.tb_con .file span {margin-left:20px; font-size:15px; color:#767676} .fileBtn {display:inline-block; width:90px; height:38px; line-height:38px; background:#626262; font-weight:normal; font-size:15px; color:#fff; text-align:center;} table.tb_con td textarea{background: #fff; padding: 3px 10px; box-sizing: border-box; border:1px solid #e1e1e1; width:100%;} table.tb_con td div.box{position:relative; padding-left:20px; width:100%; box-sizing:border-box;} table.tb_con td div.box span{position:absolute; left:0; top:10px;} div.searchDiv {margin:0px; height:60px; text-align:center; margin-top:30px;} div.searchDiv form { margin:0; padding:0; } div.searchDiv form fieldset { display:inline; margin:0; } div.searchDiv select { border:1px solid #dadada; padding:0px 10px; line-height:40px; height:42px;color:#464646; padding:0 0 0 10px; width:100px} div.searchDiv input[type="text"] { border:1px solid #dadada; height:40px; width:300px; background-color:#fff;} div.searchDiv input[type="image"] { margin:0 ; vertical-align:middle; border:none; } .btn_write{padding:10px 15px; background-color:#00427a; color:#fff; border-radius:5px;} .radio{display:inline-block; } .radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} .radio input[type="radio"] + label {display:inline-block; position: relative; padding-left:30px; margin-left:0px; font-size:16px; color:#555; line-height:20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;} .radio input[type="radio"] + label:before {content: ' '; position:absolute; top:0; left:0; display: inline-block; width: 25px; height: 23px; line-height: 20px; background:url("/images/default/content/radio.png") no-repeat 0 50%;} .radio input[type="radio"].disabled + label:before {background:url("/images/default/content/radio.png") no-repeat 0 50%;} .radio input[type="radio"]:checked + label:before{background:url("/images/default/content/radio_on.png") no-repeat 0 50%} h4.h4{font-size:19px; margin-bottom:10px; font-weight:normal; margin-top:40px; color: #000;} div.ok_box{padding:20px; box-sizing:border-box; width:100%; border:1px solid #ddd; color:#707070; letter-spacing:0;} #checkBox{text-align:right; margin-top:10px; font-size:16px;margin-bottom:20px;} #checkBox input{vertical-align:middle; margin-right:5px;} #checkBox input[type=checkbox]