/*--- ¾ÆÀ̵ð/ºñ¹Ð¹øȣã±â(0212Ãß°¡) ---*/
.card_pay_text{color:red;}
h4{font-size:14pt;}
#card_wrap{text-align:center;}
#card_table{width: 320px;margin: 0 auto;padding-bottom: 40px;border:none;padding:40px 0;position:relative;margin-top:-130px;margin-bottom:80px}
#card_wrap{text-align:center;}
.card_logo{background: url("../img/login_title_bg.png")no-repeat center;height:250px;    background-size: 350px 150px;background-position:50% 0;}
.card_logo h2{position: relative;top: 30px;margin:0;padding:0}
.card_form {width:320px;margin:0 auto;/*padding: 20px;*/font-size: 16px;font-weight: bold;font-style: normal;font-stretch: normal;letter-spacing: normal;text-align: left;color: #555555;}
.card_form .col-form-label {/*padding: 0 0 0 15px;*/}
.card_form label {float:left;}
.card_form .input-form-warp {height: 50px;background-color: #ffffff;border: solid 1px #cfd8dc;width: 100%;float: left;}
#site_type{height: 50px;border: 1px solid #d0d0d0;padding: 8px 8px;display: inline-block;width: 100%;position: relative;z-index: 1;box-sizing: border-box;border-radius: 3px;}
.card_label {padding-top: calc(.375rem + 1px);padding-bottom: calc(.375rem + 1px);margin-bottom: 0;font-size: 12pt;line-height: 1.5;margin-left:10px;}
.card_form .input-form-warp input {border-radius: 0px;border: 0px;height: 48px;padding: 10px;}
.card_form .input-form-warp button {width: 75px;height: 35px;line-height: 35px;border:none;background-color: #4178ba;font-size: 14px;font-weight: normal;font-style: normal;font-stretch: normal;letter-spacing: normal;text-align: center;color: #ffffff;cursor:pointer}
.card_form .input-form-warp .input-group input{font-size:10pt;}
.card_form .input-form-warp .input-group {position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: stretch;align-items: stretch;width: 100%;}
.form-control {position: relative;}
.form-control.single .form-control, .form-control.single .form-control input {cursor: pointer;}
.form-control.full {background-color: #ffffff;}
.form-control {display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.input-group-append {margin-left: -1px;}
.input-group-append, .input-group-prepend {width:320px;height:45px;margin-left:10px}
.input-group-append {display: flex;align-items: center;justify-content: center;padding-right: 7px;}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%;margin-bottom: 0;}
.form-control, .form-control.single .form-control.input-active {background: #ffffff;cursor: text;display: inline-block;}
.id-pw-description{margin:0;font-size:10pt;}
.form-control{height: 50px;background-color: #ffffff;border: solid 1px #cfd8dc;}
.service_box{width: 320px;margin: 0 auto;padding: 15px 0 20px;}
.join_sevice h3{float:left;margin: 0;}
.service_box_right{text-align:right}
.service_box .txt {overflow: auto;padding: 30px;height: 140px;border: 1px solid #ddd;background: #eee;}
#btn_id{background:linear-gradient(to right, #3786c7 , #2671ac);width: 218px;height: 60px;border-radius: 30px;border: none;color: #fff;font-size: 12pt;margin: 5px 0;cursor:pointer}
#btn_pw{background:linear-gradient(to right, #3786c7 , #2671ac);width: 180px;height: 40px;border-radius: 30px;border: none;color: #fff;font-size: 12pt;margin: 5px 0;cursor:pointer}
.service_box h3 {font-size: 18px;}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%;margin-bottom: 0;}
.join-contents {max-width: 680px;margin: 0 auto;}
#card_form ul{padding:0}
#card_form ul li{padding:20px 0;border-bottom:1px solid #000;margin: 20px 0;text-align:left}
#card_form input {font-size: 16px;display: block;width: 100%;line-height: 20px;border:none;}
.card_logo h2{position: relative;top: 30px;margin:0;padding:0;}
label {display: inline-block;margin-bottom: .5rem;}
.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
#phone_number{border: 1px solid #d0d0d0;/* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); */border-radius: .25rem;width: 150px;}
.card_label{max-width:27%;}
.card_input_box{width:70%}
.card_tabs {margin: 0;padding: 0;list-style: none;height: 32px;width: 100%;font-size: 12px;margin: 30px 0 20px;}
.card_tabs li {float: left;text-align: center;font-size: 14pt;cursor: pointer;width: 50%;height: 40px;border-bottom: 3px solid #eee; border-left: none;font-weight: bold;color: #888;overflow: hidden;position: relative;}
ul.card_tabs li.card_active {color:#3381c0;border-bottom: 3px solid #3381c0;}