@charset "utf-8";

/* table */
table {width: 100%;border-collapse: collapse; border-spacing: 0; table-layout: fixed;margin: 0;}
table .th_20{background: rgb(159 159 159 / 10%);}

table th, table td {padding: 10px 20px; height: 70px; border:0; border-bottom: 1px solid #ddd;  color: #333; vertical-align: middle; text-align: center; word-break: keep-all; box-sizing: border-box;}
table th {background-color:#f7f7f7; font-weight: 500; border-right: 1px solid #ddd;}
table th:last-child{border-right: 0;}
table td {text-align: left;}
table td img{margin-right: 20px;width: inherit;vertical-align:middle;}
table td.support img{width: 18%;margin-right: 10px; margin: 35px 5px;}

input[type="text"], input[type="submit"], input[type="password"], textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
.inp, input[type="text"], input[type="password"] { width: 100%;line-height: 50px;box-sizing: border-box;  padding: 0 20px; border: 1px solid #ddd;font-size: 14px;color: #717171; background:none}
input::placeholder {color:#aaa;}
input::-webkit-input-placeholder {color:#aaa;}
input:-ms-input-placeholder {color:#aaa;}
input[type="text"].input_s {width: calc((95% - 30px)/3);}
.view_td img {display: block; margin: 0 auto; max-width: 100%;}
table.inq_table th {width: 20%;}
table.inq_table td {width: 80%;}

.view_table{margin-bottom:110px;border-bottom:1px solid #ddd;border-collapse:collapse;clear:both;width:100%;}
.inq_table{border-bottom: 0;}
table.view_table th {text-align: center;font-weight:500; line-height: 1.4; background-color:#f7f7f7;vertical-align:middle; word-break:keep-all;}
table.view_table td {padding: 10px 30px;vertical-align:middle;word-break:break-all;}
.table_bottom{ position:relative; width:100%; text-align:center; margin: 60px auto 0;}
td.list_tit > a {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}/*제목 말줄임*/
table.view_table td > iframe {width: calc(100% + 2px) !important;}/*board write 에디터 잘리는 문제*/

.view_td { min-height:300px; line-height: 1.4;}
table.view_table .agree_box {width: 100%;text-align: left; border: 1px solid #ddd; padding: 15px 2%;  box-sizing: border-box; height: 150px; overflow-y: auto;}
table.view_table .agree_chk {text-align: left; margin-top: 10px;}
table.view_table .agree_chk input[type="checkbox"] {display: none;}
table.view_table .agree_chk > label {display: inline-block; vertical-align: middle;}

.w_span {width: 3%;display: inline-block;line-height: 50px;vertical-align: top;text-align: center;overflow: hidden;}

input[type="checkbox"],input[type="checkbox"]:checked,input[type='radio'],input[type='radio']:checked {appearance: none;width: 16px;height: 16px;border-radius: 100%;}
input[type='radio'],input[type="checkbox"] {background-color: #fff;border: 1px solid #ddd;position: relative; margin-bottom: 4px;}
input[type='radio']:after,input[type="checkbox"]:after {content: "";display: none;width: 5px;height: 5px;border: 1px solid #ddd;border-radius: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;}
input[type='radio']:checked,input[type="checkbox"]:checked {background-color: #e30713;border: 1px solid #e30713;}
input[type='radio']:checked:after,input[type="checkbox"]:checked::after {display: block;}




/*아이폰 인풋 버튼 둥근테두리 그림자 제거*/
input[type="button"] { -webkit-appearance: none; -webkit-border-radius: 0;}
/*크롬 검정 테두리 지우기*/
a:focus, input:focus, select:focus, button:focus, textarea:focus {outline: none;}

/*보드 쪽 pre 태그 줄바꿈*/
pre {white-space: pre-wrap;}
/* top-btn */
.top_btn {position: fixed;bottom: 30px;right: calc(50% - 715px);width: 45px;height: 45px;cursor: pointer;opacity: 0; background: #5ac5f1; z-index: 99;}
.top_btn.scroll {opacity: 1;transition: 0.6s ease-out;}
.top_btn:hover, .top_btn:focus {transition: 0.6s ease-out;background: #01478d;}
.top_btn .ico {background: url(/resources/img/main/quick_arrow.png) no-repeat center/contain; height: 20px;width: 20px;margin: 10px auto;display: block;transform: rotate(90deg);}
.top_btn:hover .ico, .top_btn:focus .ico {background: url(/resources/img/common/quick_arrow.png) no-repeat center/contain;transform: rotate(-90deg)}

 .pa50{padding:50px !important;}

 table th.th_5 { width:5%;}
 table th.th_10 { width:10%;}
 table th.th_15 { width:15%;}
 table th.th_18 { width:18%;}
 table th.th_20 { width:20%;}
 table th.th_25 { width:25%;}
 table th.th_28 { width:28%;}
 table th.th_30 { width:30%;}
 table th.th_35 { width:35%;}
 table th.th_36 { width:36%;}
 table th.th_40 { width:40%;}
 table th.th_45 { width:45%;}
 table th.th_50 { width:50%;}
 table th.th_55 { width:55%;}
 table th.th_60 { width:60%;}
 table th.th_64 { width:64%;}
 table th.th_65 { width:65%;}
 table th.th_70 { width:70%;}
 table th.th_75 { width:75%;}
 table th.th_80 { width:80%;}
 table td.td_5 { width:5%;}
 table td.td_10 { width:10%;}
 table td.td_15 { width:15%;}
 table td.td_20 { width:20%;}
 table td.td_25 { width:25%;}
 table td.td_30 { width:30%;}
 table td.td_35 { width:35%;}
 table td.td_40 { width:40%;}
 table td.td_45 { width:45%;}
 table td.td_50 { width:50%;}
 table td.td_55 { width:55%;}
 table td.td_60 { width:60%;}
 table td.td_65 { width:65%;}
 table td.td_70 { width:70%;}
 table td.td_75 { width:75%;}
 table td.td_80 { width:80%;}
 /*table사용 e*/


/*animation*/
@-webkit-keyframes Gradient {
    0% { background-position: 0% 50%}
    50% { background-position: 100% 50%}
    100% { background-position: 0% 50%}
}

@-moz-keyframes Gradient {
    0% { background-position: 0% 50%}
    50% { background-position: 100% 50%}
    100% { background-position: 0% 50%}
}

@keyframes Gradient {
    0% { background-position: 0% 50%}
    50% { background-position: 100% 50%}
    100% { background-position: 0% 50%}
}




/* member_join */
.member_title { font-size: 37px; font-weight: 500; text-align: center; margin-top:15px;}
.member_s_tit { font-size: 16px; color:#555; text-align: center; margin-top:7px;}
.member_content { max-width:800px;margin:30px auto 0; overflow:hidden; transition: .3s ease; /*padding:65px;*/ box-sizing:border-box; box-shadow:10px 50px 120px rgba(0,0,0,.24); border-radius: 30px; background:#fff; }
.member_content.fullwidth { max-width: 100%; padding:50px 65px;}

.member_lnk { border-bottom: 2px solid #005383;}
.member_lnk::after { clear:both;display:block; content:''; } 
.member_lnk a { float:left; width:50%; padding:13px 0; color:#888; font-size: 20px; text-align: center; background: #eee; box-sizing: border-box;}
.member_lnk a.on { background:#005383; color:#fff;}
.mem_join_form { padding:35px 65px;}
strong.required {vertical-align: -3px;}
.member_wrap .p_tit { font-weight:600; font-size:18px; margin:27px 0 18px;}
.mem_join_form .lgnDiv { margin-top: -1px; font-size: 0;}
.mem_join_form .lgnDiv label {max-width: 127px; box-sizing: border-box; padding-left: 11px; font-size: 16px; width: 19%;display:inline-block; vertical-align: middle; font-weight: 500;}
.mem_join_form .lgnDiv .mem_inp { width:81%;padding:13px 25px;  font-size: 16px; display:inline-block; vertical-align: middle;}
.mem_join_form .lgnDiv span.mem_inp {box-sizing: border-box; border: 1px solid #ddd; background: #f9f9f9;} /* mypage */
.mem_submit_btn {border:none; cursor: pointer;  margin:30px auto 0; width:50%; background:#005a8b; display: block; color:#fff; padding:16px 0;  font-size:18px; transition: .3s ease;}
.mem_submit_btn:hover, .mem_submit_btn2:hover {background:#094769;} 
.mem_submit_btn2 {display:inline-block; color:#fff;border:none; cursor: pointer;  padding:10px 35px; background:#005a8b;  border:1px solid #005a8a;  font-size:18px; transition: .3s ease; } 
.mem_submit_btn3 {display:inline-block; color:#fff;border:none; cursor: pointer;  padding:10px 35px; background:#555;  border:1px solid #555556;  font-size:18px; transition: .3s ease; } 
.mem_submit_btn3:hover {background:#333;  border:1px solid #333332;} 
.mem_cancel_btn {display:inline-block; color:#777;border:none; cursor: pointer;  padding:10px 35px; border:1px solid #ccc;  font-size:18px; transition: .3s ease;}
.mem_more_btn {transition:.3s ease;  padding:8px 20px; border-radius: 3px; color:#777; background:#ddd; border:1px solid #ccc; display: inline-block; }
.mem_more_btn:hover { background:#ccc;}
.lgnDiv .required {position: relative; }
.lgnDiv .required::before { color:#094769; content:'*'; position: absolute; left:0;}

#btn_address {padding: 0 15px; box-sizing: border-box; color: #fff;  background-color: #333; transition: all .3s ease-in-out; height: 32px; text-align: center; line-height: 32px; width: 60px;}




/* responsive */
@media screen and (max-width:1300px){
    .top_btn {right: 30px;}
    .inner { width:97%}
}
@media screen and (max-width:1200px){

}
@media screen and (max-width:768px){
    .sch_wrap .fr { width:100%;margin-top: 15px;}
    .sch_form input { width:50%; margin:0;float: left;}
    .sch_form .sch_btn { width:20%; margin:0;float: left; border-radius: 0;}

    .inner { width:92%}

    table th{font-size: 15px;}
    table td{font-size: 14px; line-height: 1.5;}
    .view_table{margin-bottom: 70px;}
    table.view_table td{padding:15px;}

    .inp, input[type="text"], input[type="password"]{font-size: 13px; padding: 0 15px;}
}


@media screen and (max-width:500px){
    table th{font-size: 14px;}
    table th, table td{height: 50px;}
    table.inq_table th{width: 30%;}
    table.view_table th{font-size: 13px;}
    table.view_table .th_mo{height: auto; font-size: 14px;}

    .inp, input[type="text"], input[type="password"]{line-height: 40px; height: 40px;}
    input::placeholder {opacity: 0;}
    input::-webkit-input-placeholder {opacity: 0;}
    input:-ms-input-placeholder {opacity: 0;}
}


@media screen and (max-height:800px){
    .member_wrap {height:auto; padding-bottom:70px;}
}