@charset "UTF-8";
@import url('common.css?version=20260519');

/*common*/
/*body {background: url('../images/sub/sub_bg.png') right bottom no-repeat;}*/
.iframe {background: none;}
/*#content {padding-bottom: 60px;}*/
.tit_desc {text-align: center; margin-top: 16px; margin-bottom: 32px;}

.input_area {width: 388px; margin: 0 auto;}
.input_wrap {font-size: 0; margin-top: 8px; text-align: left;}
.input_wrap.radio {margin-top: 16px;}
.input_wrap input, .input_wrap select {vertical-align: middle;}
.input_wrap input[type="text"]:not(:first-child) {margin-left: 8px;}
.input_wrap input[type="radio"]:not(:first-child) {margin-left: 32px;}
.input_wrap select {margin-left: 8px;}

/*input*/
input[type="text"], input[type="password"]{display: inline-block; width: 100%; height: 50px; box-sizing: border-box; padding: 0 16px; border: 1px solid #0098d8; border-radius: 6px; font-size: 18px;}
input[disabled="disabled"] {border: 1px solid #8a8e99; background-color: #e8e8eb; color: #888;}
input[type="radio"], input[type="checkbox"] {width: 16px; height: 16px; vertical-align: middle; cursor: pointer;}
input[type="radio"] + label, input[type="checkbox"] + label {margin-left: 8px; font-size: 16px; vertical-align: middle; cursor: pointer;}
select {width: 100%; height: 50px; box-sizing: border-box; padding: 0 16px; border: 1px solid #0098d8; border-radius: 6px; font-size: 18px; cursor: pointer; background: url('../images/sub/arrow_D.svg') right 16px center no-repeat #fff;}

.check {height: 50px; box-sizing: border-box; padding: 0 16px; border: 1px solid #0098d8; border-radius: 6px; font-size: 0; text-align: left;}
.check input[type="text"] {height: 48px; line-height: 48px; border: none; padding: 0;}
.check input {width: 68%;}

.cert fieldset {display: block;}
.cert .time {line-height: 48px; color: #bd1b17; vertical-align: middle;}

/*width*/
input.w106, select.w106 {width: 106px;}
input.w120 {width: 120px;}
input.w133 {width: 133px;}
select.w150 {width: 150px;}
input.w160 {width: 160px;}
input.w200 {width: 200px;}
input.w274 {width: 274px;}
input.w10p {width: 10%;}
input.w14p {width: 14%;}
input.w40p {width: 40%;}
input.w54p {width: 54%;}
input.w58p {width: 58%;}
input.w100p {width: 100%;}

/*margin*/
.MT0 {margin-top: 0;}
.MT16 {margin-top: 16px;}
.MT32 {margin-top: 32px;}
.MTB60 {margin: 60px 0;}
.MB0 {margin-bottom: 0;}
.ML10 {margin-left: 10px;}

/*button*/
.btn_XS {display: inline-block; height: 32px; box-sizing: border-box; padding: 0 16px; border-radius: 6px; text-align: center; vertical-align: middle;}
.btn_S {display: inline-block; height: 40px; box-sizing: border-box; padding: 0 20px; border-radius: 6px; text-align: center; vertical-align: middle;}
.btn_M {display: inline-block; height: 50px; box-sizing: border-box; border-radius: 6px; text-align: center;}
.btn_L {display: block; height: 70px; box-sizing: border-box; margin-top: 32px; border-radius: 6px; text-align: center;}

.btn_XS span {line-height: 32px; color: #fff; font-size: 16px;}
.btn_S span {line-height: 40px; color: #fff; font-weight: 700; font-size: 16px;}
.btn_M span {line-height: 50px; color: #fff; font-weight: 700; font-size: 20px;}
.btn_L span {line-height: 70px; color: #fff; font-weight: 700; font-size: 24px;}

.btn_XS.green, .btn_S.green {background-color: #2ebbc2;}
.btn_S.blue, .btn_M.blue, .btn_L.blue {background-color: #0098d8;}
.btn_M.gray, .btn_L.gray {background-color: #8a8e99;}
.btn_M.brown, .btn_L.brown {background-color: #9a8c72;}

/*search*/
.search {text-align: right;}
.search .calendar {width: 180px; height: 40px; font-size: 16px; background: url('../images/sub/icon_calendar.svg') center right 16px no-repeat #fff; background-size: 22px; cursor: pointer;}
.search input[type="text"] {height: 40px; font-size: 16px;}
.search select {width: 130px; height: 40px; font-size: 16px; margin-right: 10px;}
.search .btn_S {margin-left: 10px;}

/*table*/
table {width: 100%;}
table th, table td {height: 50px; box-sizing: border-box; padding: 8px 16px; border: 1px solid #d0d4df; font-size: 16px;}
table th {background-color: #e7f0f4; font-weight: 500;}
table td {background-color: #fff;}

/*paging*/
.paging {text-align: center; margin: 32px 0;}
.paging a {display: inline-block; width: 22px; height: 22px; vertical-align: middle; font-size: 18px; color: #888; line-height: 22px;}
.paging a.on {font-weight: 500; color: #0098d8;}
.paging .btn {box-sizing: border-box; font-size: 0; background: center center no-repeat; background-size: cover;}
.paging .btn.first {background-image: url('../images/sub/arrow_LL_gray.svg');}
.paging .btn.first:hover {background-image: url('../images/sub/arrow_LL_blue.svg');}
.paging .btn.prev {background-image: url('../images/sub/arrow_L_gray.svg'); margin-right: 16px;}
.paging .btn.prev:hover {background-image: url('../images/sub/arrow_L_blue.svg');}
.paging .btn.next {background-image: url('../images/sub/arrow_R_gray.svg'); margin-left: 16px;}
.paging .btn.next:hover {background-image: url('../images/sub/arrow_R_blue.svg');}
.paging .btn.last {background-image: url('../images/sub/arrow_RR_gray.svg');}
.paging .btn.last:hover {background-image: url('../images/sub/arrow_RR_blue.svg');}

/*아이디 찾기*/
.input_area .email, .input_area .sms, .input_area .id {display: none;}
.input_area .email.active, .input_area .sms.active, .input_area .id.active {display: block;}

.input_area .btn_M {display: block; margin-top: 16px;}

/*비밀번호 변경*/
.pw_area {width: 500px; margin: 0 auto;}
.pw_area .tab_btn_area {display: flex;justify-content: center;}
.pw_area .tab_btn_area .tab_btn {width:39%;}

/*외부인 회원가입 - 개인정보 동의*/
.terms_area {width: 500px; margin: 0 auto;}
.terms_area .input_wrap {margin-top: 32px;}
.terms_area .terms {height: 160px; box-sizing: border-box; border-radius: 6px; border: 1px solid #0098d8; padding: 16px; margin-top: 16px; font-size: 18px; color: #888; background-color: #fff;}
.terms_area .btn_wrap {margin-top: 32px; font-size: 0; text-align: left;}
.terms_area .btn_wrap .btn_M {display: inline-block; width: 242px; vertical-align: middle;}
.terms_area .btn_wrap .btn_M:last-child {float: right;}

/*외부인 회원가입 - 개인정보 작성*/
.btn_check {display: inline-block; vertical-align: middle; height: 36px; line-height: 36px; padding: 0 8px; margin-top: 6px; border-radius: 6px; background-color: #2ebbc2; text-align: center; float: right;}
.btn_check span {color: #fff;}

.input_area .input_wrap .btn_M {margin-top: 0; padding: 5px;}
.input_area .input_wrap .btn_M span {display: block; line-height: 1.2; font-size: 18px; font-weight: 500;}
.input_area .input_wrap .btn_M span:last-child {font-size: 14px; font-weight: 400;}

.request .check, .request .time {display: none;}
.red {margin-top: 16px; color: #bd1b17; font-size: 16px;}

/*외부인 회원가입 - 완료화면*/
.done_area {width: 500px; margin: 0 auto;}
.done_area .desc_wrap {box-sizing: border-box; margin: 60px 0; padding: 76px 94px; border: 1px solid #a1a5b2; border-radius: 6px; text-align: center; background-color: #fff;}
.done_area .desc_wrap img {margin-bottom: 40px; width: 80px; height: 80px;}
.done_area .desc_wrap p {font-size: 28px; line-height: 1.6;}
.done_area .btn_login {display: block; height: 70px; line-height: 70px; border-radius: 6px; background-color: #0098d8; text-align: center;}
.done_area .btn_login span {font-size: 24px; font-weight: 700; color: #fff;}

/*비밀번호 변경*/
.input_area .desc {box-sizing: border-box; margin: 24px 0; padding: 16px; border: 1px solid #bd1b17; border-radius: 6px; text-align: center; color: #bd1b17; font-size: 16px;}

/*2차 인증 등록/설정*/
.set_area {width: 500px; margin: 0 auto;}
.set_wrap {box-sizing: border-box; margin: 60px 0; padding: 32px; border: 1px solid #a1a5b2; border-radius: 6px; background-color: #fff; font-size: 0; line-height: 40px; text-align: left;}
.set_wrap .radio_tit {font-size: 18px; font-weight: 500; vertical-align: middle;}
.set_wrap .input_wrap {display: inline-block; margin-left: 16px; vertical-align: middle;}
.set_wrap input[type="radio"] + label {font-size: 18px;}
.set_wrap input[type="radio"]:not(:first-child) {margin-left: 16px;}
.set_wrap .btn_S {float: right;}

.set_area .btn_L {margin-top: 0;}

/*나의 정보 보기*/
.tab_info .tab_btn_area {font-size: 0; margin: 32px 0;}
.tab_info .tab_btn {display: inline-block; height: 50px; box-sizing: border-box; vertical-align: middle; text-align: center; background-color: #e8e8eb;}
.tab_info .tab_btn:first-child {border-top-left-radius: 6px;}
.tab_info .tab_btn:last-child {border-top-right-radius: 6px;}
.tab_info .tab_btn.on {background-color: #2ebbc2;}
.tab_info .tab_btn a {display: block; line-height: 50px; font-size: 20px; color: #888;}
.tab_info .tab_btn.on a {color: #fff; font-weight: 700;}
.tab_info .tab_cont_area .tab_cont .btn_area {display: flex;justify-content: center;}
.tab_info .tab_cont_area .tab_cont .btn_area .btnInfo {margin: 0 10px;}

.info_area table {margin-top: 24px;}
.info_list td {word-break: break-all;}

.btn_L.info_change {width: 500px; margin: 0 auto; margin-top: 32px;}
.btn_M.info_change {width: 200px; margin: 0 auto; margin-top: 32px;}
.info_change + .red {width: 500px; margin: 0 auto; margin-top: 16px;}

/*나의 정보 변경*/
.info {width: 388px; margin: 0 auto;}

/*admin - input*/
.adm_set_area input[type="text"], .adm_set_area input[type="password"] {height: 32px; font-size: 16px; margin-right: 8px;}
.adm_set_area input[type="radio"]:not(:first-child), .adm_set_area input[type="checkbox"]:not(:first-child) {margin-left: 16px;}

.adm_set_area select {height: 32px; font-size: 16px;}

.adm_set_area table td .input_wrap:first-child {margin-top: 0;}
.adm_set_area table td .input_wrap input[type="text"]:not(:first-child) {margin-left: 0;}

/*admin - btn*/
#admin .btn_M, #admin .btn_L {display: inline-block; width: 500px; padding: 0 20px; margin: 0; vertical-align: middle;}

#admin .btn_wrap {font-size: 0;}
#admin .btn_wrap .btn_L:not(:first-child) {margin-left: 32px;}

/*admin - table layout*/
.adm_set_area table .w16p {width: 16%;}
.adm_set_area table .w12p {width: 14%;}
.adm_set_area table .w_auto {width: auto;}

/*admin - 이용약관 관리*/
.term_set {width: 1018px; margin: 0 auto;}
.term_set table td {padding: 16px;}
.term {width: 100%; height: 300px; box-sizing: border-box; overflow-y: auto; line-height: 1.6;}

/*admin - 관리자 계정 관리*/
.adm_set_area .ip_list ul li {display: inline-block; margin-right: 32px; font-size: 16px; vertical-align: middle; line-height: 26px;}
.adm_set_area .ip_list .btn_delete {display: inline-block; width: 14px; height: 14px; margin-left: 8px; font-size: 0; background: url('../images/sub/icon_delete.svg') center center no-repeat;}
.adm_set_area p {font-size: 16px; color: #bd1b17;}

/*에러페이지*/
.error .desc_wrap {padding: 76px 46px;}
.error .desc_wrap img {width: 80px; height: 80px;}

/*211025 김은서 추가 (admin - 서비스 관리 목록)*/
.service .search select {width: 140px;}
.service .table_wrap {overflow-x: auto;}
.service table td a {font-size: inherit;}
.service table .name a:hover {font-weight: 500;}
.service table .url a {color: #4978ff;}
.service table .url a:hover {text-decoration: underline;}

/*admin - 서비스 관리 상세*/
.service table .w16p {width: 16%;}
.service table .w_auto {width: auto;}

.service input[type="text"] {height: 32px;}
.service .Ast::before {content: "* "; color: #bd1b17;}
.service .desc {margin-top: 6px; color: #888;}

/*211101 김은서 추가*/
#admin .service .btn_wrap .btn_L {width: 300px;}

/*211124 김은서 추가 (datepicker)*/
.ui-datepicker th {background: #fff; height: auto; padding: 0.3em;}
.ui-datepicker th span {font-size: 14px;}
.ui-datepicker td {height: auto;}
.ui-widget-header .ui-datepicker-prev .ui-icon {background-image: url('../images/sub/arrow_L_gray.svg');}
.ui-widget-header .ui-datepicker-next .ui-icon {background-image: url('../images/sub/arrow_R_gray.svg');}
.ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e {background-position: center center; background-size: 18px;}

/* 211216 김은서 추가 */
.iframe .input_area .desc, .find_id .input_area .desc {margin-top: 0; text-align: left; font-size: 15px;}

.iframe .input_area .check input {width: 62%;}

/* 211229 김은서 추가 */
.cert .cert_wrap {width: auto; float: right;}
.cert .cert_wrap .btn_check {float: none; margin-top: 0; margin-left: 8px;}
.cert .check input, .iframe .input_area .cert .check input {width: 43%;}

/* 220105 김은서 추가 */
.term_set .select_wrap {margin-top: 32px;}
.term_set .select_wrap select {width: 110px; height: 36px; box-sizing: border-box; border-color: #d3d7e3; font-size: 14px;}

/* 220504 김은서 추가 */
.input_wrap.radio input[type="radio"]:nth-child(3n+1) {margin-left: 0;}

/* 220510 김은서 추가 */
.input_area .input_wrap.radio .rd_wrap {display: inline-block; width: 50%;}
.input_area .input_wrap.radio .rd_wrap label:lang(en), .input_area .input_wrap.radio .rd_wrap label:lang(zh-cn) {font-size: 13px;}

/* 230202 김은서 _ 나의 정보보기 > sns 연계 탭 추가 */
.info_area .sns_login_btn {display: flex; align-items: center; gap: 30px; justify-content: center; margin-top: 80px; flex-wrap: wrap;}
.info_area .sns_login_btn li {text-align: center;}
.info_area .sns_login_btn li a {display: block; width: 60px; height: 60px;}
.info_area .sns_login_btn li span {display: block; box-sizing: border-box; margin-top: 15px; padding: 0 10px; border-radius: 999px; line-height: 24px;}
.info_area .sns_login_btn li span.connect {color: #2ebbc2; font-weight: 500; background-color: rgba(65, 207, 214, 0.2);}
.info_area .sns_login_btn li span.unconnect {color: #8a8e99; background-color: rgba(183, 188, 199, 0.2);}

/* 230213 김은서 - 로그인 계정 설정 페이지 추가 */
#content.sns{margin-top:20px;}
.sns_list {margin: 0 auto;}
.sns_list:after{display:block; content: ''; clear: both;}
.sns_list li {display: flex; align-items: center; margin-bottom: 20px; float: left; width: 50%; padding: 0 20px 0 0; box-sizing: border-box;}
.sns_list li:nth-child(2n){ padding: 0 0 0 20px;}
.sns_list li img {width: 28px; margin-right: 10px; border-radius: 50%; overflow: hidden;}
.sns_list li > span {font-size: 16px; font-weight: 500;}
.sns_list li .right_wrap {margin-left: auto;}
.sns_list li .right_wrap .date {vertical-align: middle;}

.btn_toggle[type="checkbox"] {appearance: none; position: relative; box-sizing: border-box; border-radius: 1.25em; width: 44px; height: 28px; border: 2px solid #a1a5b2; vertical-align: middle; margin-left: 15px}
.btn_toggle[type="checkbox"]:checked {background-color: #0098d8; border-color: #0098d8;}
.btn_toggle[type="checkbox"]::before {content: ""; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; border-radius: 50%; background-color: #a1a5b2; transition: left 0.25s linear;}
.btn_toggle[type="checkbox"]:checked::before {background-color: #fff; left: 18px;}

/* 230223 박강근 - 체크 박스 이미지 추가 */
.right_wrap .check_img img{display: inline-block; width: 44px; height:23px; line-height:23px; margin: 0; border-radius: 0;}

/*responsive*/
@media all and (max-width: 1072px) {
    #admin .user .btn_wrap .btn_L {width: 48%;}
    #admin .user .btn_wrap {text-align: left;}
    #admin .btn_wrap .btn_L:not(:first-child) {margin-left: 0; float: right;}
    
    #admin .service .btn_wrap .btn_L {width: 28%;}
    #admin .service .btn_wrap .btn_L:not(:first-child) {float: none; margin-left: 4%;}
}

@media all and (max-width: 1058px) {
    .term_set {width: 100%; box-sizing: border-box;}
}

@media all and (max-width: 1040px) {
    #content {padding: 0 20px;}
    
    .red {text-align: left;}
    
    #admin input[type="radio"], #admin input[type="checkbox"] {width: 14px; height: 14px;}
    .adm_set_area input[type="radio"]:not(:first-child), .adm_set_area input[type="checkbox"]:not(:first-child) {margin-left: 8px;}
    #admin input[type="radio"] + label, #admin input[type="checkbox"] + label {margin-left: 0; font-size: 14px;}
    #admin table th, #admin table td {font-size: 14px; padding: 8px; word-break: break-all;}
    #admin .btn_XS {padding: 0 8px;}
    #admin .btn_XS span {font-size: 14px;}
    
    .term_set {padding: 0;}
    #admin .term_set table th {font-size: 16px;}
    #admin .term_set table td {padding: 16px;}
    
    .adm_set_area input[type="text"], .adm_set_area input[type="password"], .adm_set_area select {font-size: 14px; padding: 0 8px;}
    
    .adm_set_area .ip_list ul li {font-size: 14px; margin-right: 16px; line-height: 24px;}
    .adm_set_area .ip_list .btn_delete {width: 12px; height: 12px;}
    
    /*211124 김은서 추가*/
    #admin .ui-datepicker th {padding: 0.3em;}
    #admin .ui-datepicker td {padding: 1px;}
}

@media all and (max-width: 989px) {
    .monitor .search {text-align: left;}
    .monitor .search select {width: 21%; font-size: 14px;}
    .monitor .search .calendar {width: 21%; font-size: 14px; background-size: 18px;}
    .monitor .search .btn_S {display: block; margin-left: 0; margin-top: 8px;}
    #admin .monitor .search .btn_S {display: inline-block; width: 49%;}
    #admin .monitor .search .btn_S.green {float: right;}
    .monitor .search .btn_S span {font-size: 14px;}
}

@media all and (max-width: 768px) {
    section .table_wrap {overflow-x: auto;}
    .user_area table {width: 728px;}
    
    input.w10p {width: 14%;}
    input.w14p {width: 18%;}
    .adm_set_area table .w12p {width: 18%;}
    
    .service .table_wrap table {width: 728px;}
    
    .service table .w16p {width: 24%;}
}

@media all and (max-width: 681px) {
    .monitor .search select {width: 29%;}
    .monitor .search .calendar {width: 32%;}
    .monitor .search input.w200 {width: 100%; margin-left: 0; margin-top: 8px;}
}

@media all and (max-width: 648px) {
   .info_area table th, .info_area table td {font-size: 14px; padding: 0 8px;}
}

@media all and (max-width: 554px) {
    .service .search {text-align:left;}
    .service .search input {width: 64%;}
    .service .search .btn_S {width: 49%; margin-left: 0; margin-top: 8px;}
    .service .search .btn_S.green {float: right;}
    
    .service table input.w40p {width: 100%;}
}

@media all and (max-width:540px) {
    .terms_area, .done_area, .set_area {width: 100%; box-sizing: border-box; padding: 0 20px;}
    .terms_area .btn_wrap .btn_M {width: 48%;}
    
    .pw_area {width: 100%;}
    
    .info_area .table_wrap {width: 100%; overflow-x: auto;}
    .btn_M span {font-size:15px;}
    /*.info_area table {width: 540px;}*/
    
    .term_set table tr th {width: 20%;}
    .term_set .btn_wrap .btn_L {width: 100%;}
    
    .btn_L.info_change, .info_change + .red {width: 100%;}
    .btn_M.info_change {width:100px;}
    
    .done_area .desc_wrap {padding: 20px;}
    
    #admin .btn_L {width: 100%;}
    
    #admin table td.email .input_wrap:not(:first-child) {margin-top: 8px;}
    #admin table td.email .input_wrap .w58p {width: 100%; margin-right: 0; margin-bottom: 4px;}
    #admin table td.phone .input_wrap .w10p {width: 26%; margin-bottom: 4px;}
    #admin table td.phone .input_wrap .w14p {width: 30%; margin-bottom: 4px;}
    
    /* 230213 김은서 - 로그인 계정 설정 페이지 추가 */
    .sns_list {width: 100%;}
}

@media all and (max-width: 519px) {
    .set_wrap .radio_tit {display: block;}
    .set_wrap .input_wrap {margin-left: 0;}

    /* 230202 김은서 _ 나의 정보보기 > sns 연계 탭 추가 */
    .tab_info .tab_btn_area {display: flex; justify-content: center;}
    .tab_info .tab_btn {display: block; width: 100%; padding: 0 10px; flex: 1 0 0;}

    .info_area .sns_login_btn {margin-top: 52px;}
}

@media all and (max-width: 489px) {
    .adm_set_area table .w16p {width: 20%;}
    .adm_set_area table .w12p {width: 20%;}
    
    .service table .w16p {width: 28%;}
}

@media all and (max-width: 463px) {
    .search {text-align: left;}
    .search input.w200 {width: 63%;}
    .search .btn_S {width: 100%; margin-left: 0; margin-top: 8px;}
}

@media all and (max-width: 452px) {
    .service .search input {width: 62%;}
}

@media all and (max-width: 441px) {
    .service .search input {width: 60%;}
}

@media all and (max-width:428px) {
    body {background-position: right bottom -79px;}
    #content {width: 100%; box-sizing: border-box; padding: 0 20px;}
    #content.sns {padding:0;}
    #content.sns .sns_list {display: inline-flex;flex-direction: column;flex-wrap: nowrap;align-items: center;}
    #content.sns .sns_list li {padding:0 7px 0 7px;width:92%;}
    #content.sns .sns_list li .right_wrap .date {font-size:13px;}

    .search select {display: block; width: 100%; margin-right: 0; margin-bottom: 8px;}
    .search .calendar {width: 47.6%;}
    .search input.w200 {width: 100%;}
    
    .monitor .search select {width: 100%;}
    .monitor .search .calendar {width: 47%;}
    .monitor .search input.w200 {width: 100%; margin-left: 0; margin-top: 8px;}
    
    .input_area {width: auto;}
    
    .check input {width: 68%;}
    
    input.w106, select.w106 {width: 27.3%;}
    input.w160 {width: 41.2%;}
    input.w274 {width: 70.6%;}
    
    .terms_area {padding: 0;}
    
    .done_area .desc_wrap p {font-size: 22px;}
    
    .set_wrap input[type="radio"] + label {margin-left: 4px; font-size: 16px;}
    .set_wrap input[type="radio"]:not(:first-child) {margin-left: 8px;}
    .set_wrap .btn_S {padding: 0 12px;}
    .set_wrap .btn_S span {font-size: 16px;}
    
    .tab_info .tab_btn a {font-size: 16px;}
    .tab_info .tab_btn:last-child a {font-size: 13px;}

    .info {width: 100%;}
    
    .term_set table tr th {width: 30%;}
    
    #admin table td.phone .input_wrap .w10p, #admin table td.phone .input_wrap .w14p {margin-top: 0; margin-right: 0;}
    #admin table td.phone .input_wrap .w10p {width: 80%;}
    #admin table td.phone .input_wrap .w14p {width: 100%;}
    
    .service .search select {width: 100%;}
}

@media all and (max-width:419px) {
    .btn_L span {font-size: 20px;}
    
    .radio input[type="radio"] {width: 14px; height: 14px;}
    .radio input[type="radio"] + label {margin-left: 4px; font-size: 14px;}
    .radio input[type="radio"]:not(:first-child) {margin-left: 8px;}
    
    .check input {width: 61%;}
    .overlap input {width: 56%;}
    
    select.w106,input.w160,input.w274 {width: 100%;}
    input.w106 {width: 49%;}
    .input_wrap input[type="text"]:not(:first-child), .input_wrap select {margin-left: 0; margin-top: 8px;}
    input.day {float: right;}
    
    .set_wrap {padding: 20px;}
    
    .paging {font-size: 0;}
    .paging a {font-size: 16px; width: 20px; height: 20px; line-height: 20px;}
    .paging .btn.prev {margin-right: 0;}
    .paging .btn.next {margin-left: 0;}
    
    .adm_set_area table .w16p {width: 24%;}
    .adm_set_area table .w12p {width: 26%;}
    
    .adm_set_area .ip_list ul li {margin: 0;}
    .adm_set_area table td.ip .input_wrap input {width: 100%; margin-bottom: 8px;}
    
    .service table .w16p {width: 36%;}
    .service table input.w58p {display: block; width: 100%; margin-left: 0; margin-top: 8px;}

    .iframe .input_area .check input {width: 54%;}

    .cert .check input, .iframe .input_area .cert .check input {width: 30%;}
}