@charset "utf-8";

/*
 ***********************************************
 * @source      : sub_template.css
 * @description : 간편사전접수(방문/EMS) 웹 UI/UX 화면 개선 스타일 / 반영시 UEP, UEM 두곳에 반영해야함
 ***********************************************
 * DATE         AUTHOR		DESCRIPTION
 * ---------------------------------------------
 * 2025/04/24	백금란	최초작성
 * 2025/05/15	백금란	epost_2025_0222 - 개선UI 수정사항 반영(3차)
 ***********************************************
 */
 /* 주사님 요청사항으로 인한 어떤 브라우저로 접속해도 파란색으로 체크박스와 라디오 버튼으로 보이게끔 변경 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  margin: 4px;
  border: 1px solid #888;
  outline: none;
  cursor: pointer;
  position: relative;
  background-color: white;
  border-radius: 4px;
}

input[type="checkbox"]:checked {
    background-color: #007CFF;
    border-color: #007CFF;
}

input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

input[type="radio"] {
  border-radius: 50%;
}

input[type="radio"]:checked {
  background-color: white;
  border: 1px solid #007CFF;
}

input[type="radio"]:checked::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: #007CFF;
  border-radius: 50%;
  top: 3px;
  left: 3px;
}

input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  background-color: initial;
  border: initial;
  cursor: default;
}

input[type="checkbox"]:disabled:checked::after,
input[type="radio"]:disabled:checked:after{
  display:none;
}

body {font-family: Nanum Gothic, Malgun Gothic, Dotum, Gulim, serif; letter-spacing: -0.5px;}
#sbody_layout .contents_wrap3 .page_title {border-bottom: none !important;}
#sbody_layout .contents_wrap3 .contents .title_wrap p {display: inline-block;}
.sub_flex {display: flex;}
.note_gtn {cursor: pointer;}
table.table_col {border-top:1px solid #888;}
.h4_img .title_wrap h4 { background-image: url(../images/ff/dot_h4.png);background-position: left center;background-repeat: no-repeat;font-size: 17px;font-weight: bold; color: #444; line-height: 24px;display: inline-block;padding: 0px 0px 0px 12px; margin: 0px 0px 0px 0px;}
.h4_img .title_wrap p {  width: auto; font-size: 13px;line-height: 24px; margin: 0px 0px 0px 0px; display: inline-block; float: right;font-size: 12px;}
.btn_s {color: #3F51B5 !important; border: 1px solid #3F51B5 !important;}
td ul.ul_list li { background-image: url(../images/ff/dott_li1.png); background-position: 2px 5px; background-repeat: no-repeat; font-size: 13px; font-weight: normal;color: #454545; line-height: 22px;padding: 0px 0px 0px 16px;margin: 0px 0px 0px 0px;}
ul.ul_list li p _{font-size: 14px;}
.a.btn_m.red5 {font-size: 15px !important;}
.bg_sora {    background-color: #d7d7d7 !important;}
a.btn_m.songdal {    background-color: #d7d7d7 !important; color: #474747; background: none;}
.CommonSub table.info_table tbody tr td {border-right: 1px solid #e6e6e6;}

.blue5 {color: #007CFF;}
.gray5 {background: #000; }
.gray_btn  {display: inline-block; color: #707070; border: 1px solid #cbcbcb;background-color: #fff; font-size: 14px !important; line-height: 28px !important; box-sizing: border-box;    padding: 0px 15px; text-align: center;}

table.table_row td select {font-size: 14px !important;}

.CommonSub a.btn_s.red5 {background: #fff !important;}

span input[type=checkbox], span input[type=radio] {width: 18px !important; height: 18px !important; }
.CommonSub p > input[type=checkbox] {width: 18px !important; height: 18px !important; margin-right: 6px;}
.CommonSub table.table_row td select {height: 30px; line-height: 30px; font: 13px; }
.CommonSub table th > label,  .CommonSub table td label {line-height: 30px !important;}
.CommonSub table td input[type="checkbox"], .CommonSub table th input[type="checkbox"], .CommonSub table td input[type="radio"], .CommonSub table th input[type="radio"] {width: 18px !important; height: 18px !important;}
.CommonSub table td input[type=checkbox], .CommonSub table th input[type=checkbox], .CommonSub table td input[type=radio],  .CommonSub table th input[type=radio] {width: 18px !important; height: 18px !important;}
.CommonSub dl.dl_row dt {width: 130px;}
.CommonSub table.table_row tbody tr td a.btn_s {color: #3F51B5;border: 1px solid #3F51B5; line-height: 30px; font-size: 14px !important;}
.CommonSub td ul.ul_list li, table th ul li.th_li_new {font-size: 15px !important;}
.CommonSub span.btn_s, a.btn_s, .CommonSub a.btn_s .gray {font-size: 14px !important;}

.CommonSub {margin-bottom: 40px;}
.CommonSub * {font-size: 15px;}
.CommonSub p {margin-bottom: 2px;}
.CommonSub dl.dl_row dt {font-size: 15px; height: 30px; line-height: 30px;}
.CommonSub table td input[type=text], table th input[type=text], table td input[type=password], table th input[type=password] {height: 30px !important; font-size: 14px !important;}
.CommonSub table.table_row tbody tr td a.btn_s {line-height: 28px; box-sizing: border-box;}
.CommonSub  dl.dl_row dd {line-height: 30px; height: 30px;}
.CommonSub tr td {font-size: 15px !important;}
.CommonSub table.table_row tbody tr td {padding:10px 0px 10px 10px;}
.CommonSub .sub_btn {display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center;}
.CommonSub table.table_list thead tr th {font-size: 15px;}
.CommonSub table.table_list tbody tr td a.btn_s {line-height: 30px;}
.CommonSub .tit_dis {font-size: 14px;}
.CommonSub ul.ul_list li ul p, ul.ul_list li ul, ul.ul_list li, ul.ul_list li ul li, ul.ul_list li ul li strong {font-size: 15px; line-height: 25px;}
.CommonSub table.table_row tbody tr td {border-right: 0px;}
.CommonSub table.table_row {border-top: 1px solid #bbb !important; width: 99.6%; border-left: 0px;}
.CommonSub .tBar {line-height: 30px;}
.CommonSub table {margin-bottom: 10px !important;}
.CommonSub table.table_list, table.table_row, table.table_col {margin-bottom: 10px;}
.CommonSub table.table_row tbody tr th {padding: 10px 4px 10px 30px;}
.CommonSub input[type=text].wtel1 {width: 70px !important;}
.CommonSub input[type=text].wtel2 {width: 70px !important;}
.CommonSub a.btn_m.red5 {background: #fff !important; font-size: 14px !important;}
.CommonSub a.btn_m {font-size: 14px !important;}

.CommonSub #sbody_layout .contents_wrap3 .page_title {border-bottom: none !important;}
.CommonSub #sbody_layout table.table_row tbody tr td a.btn_s {color: #3F51B5; border: 1px solid #3F51B5;}
.CommonSub a.btn_m.gre5{color: #3F51B5; border: 1px solid #3F51B5;}
.CommonSub a.btn_b {margin-top: 20px; margin-bottom: -10px;}
.CommonSub dl.dl_row dt input[type=text], dl.dl_row dt input[type=password], dl.dl_row dd input[type=text], dl.dl_row dd input[type=password] {padding: 0px 30px 0px 10px;}
.CommonSub .search_wrap {margin-bottom: 13px;}
.CommonSub span.btn_s, .CommonSub a.btn_s, .CommonSub a.btn_s .gray {line-height: 28px !important; box-sizing: border-box;}
.CommonSub table.table_row td label {margin-right: 10px;}
.CommonSub dl.dl_list dt {font-size: 17px !important;}
.CommonSub table.table_col thead tr th {font-size: 15px !important;}
.CommonSub table.table_row table.table_col tbody tr th, table.table_row table.table_col tbody tr td {font-size: 15px !important;}
#lbldetail,
#lblcity,
#lblstate {display: inline-flex; width: 50px;}
#lbldetail::after,
#lblcity::after,
#lblstate::after {content: ':'; display: inline; margin-left: auto;}

/* 유의사항 */
.CommonSub {position: relative;/*  margin-top: 10px; */}
.CommonSub h4.sub_info_title {width: 100%;height: 52px;border-bottom: 2px solid #e9002b; box-sizing: border-box;padding: 0px; margin: 0px;}
.CommonSub h4.sub_info_title.on {display: block;}
.CommonSub h4.sub_info_title > span:nth-child(1) { font-weight: bold; background: #e9002b;font-size: 20px; display: inline-block; line-height: 52px; padding: 0px 66px 0px 40px; margin: 0px; color: #fff; border-radius: 0% 26% 8% 0% / 48% 129% 0% 25%; font-weight: bold;}
.CommonSub h4.sub_info_title > img {filter: grayscale(1); transition: transform 0.3s ease; padding: 18px 35px; position: absolute; right: 0px;}
.CommonSub .sub_info {position: relative; background: #f9f9f9; margin-top: -0px; padding: 20px 10px 20px 10px; border: none; }
.CommonSub .sub_info ul li{font-size: 15px;}
.CommonSub h4.sub_info_title .rotate {transform: rotate(180deg);}
.CommonSub .required {position: absolute; right: 86px; top: 16px; color: #737373 !important;}
.CommonSub .required.active {color: #e9002b !important;}
.CommonSub  .sub_title.slide_top.on .required.active {color: #e9002b !important;}

.CommonSub .no_required {position: absolute; right: 86px; top: 16px; color: #737373 !important;}
.CommonSub .no_required.active {color: #007CFF  !important;}


/* 타이틀 */
.CommonSub h4.sub_title {background: none !important; height: 60px; width: 99.6%; border: 1px solid #737373; box-sizing:  border-box; border-bottom: 3px solid #868484; border-radius: 5px 5px 0px 0px; padding-left: 38px; position: relative; box-shadow: 6px 12px 6px -3px rgb(179 179 179); margin: 45px 0px 28px 0px !important;}
.CommonSub h4.sub_title span:nth-child(1) {font-size: 20px; width: 60px; line-height: 60px; padding: 0px; font-weight: bold;}
.CommonSub h4.sub_title span:nth-child(2) {font-size: 20px; line-height: 60px; padding: 0px; font-weight: bold; margin-left: 0px;}
.CommonSub h4.sub_title.on {border-bottom: 3px solid #dd2d39;}
.CommonSub h4.sub_title > img {transition: transform 0.3s ease; padding: 22px 35px; position: absolute; right: 0px; filter: grayscale(1);}
.CommonSub table.table_row tbody tr th {font-size: 15px; background: #f2f2f2; }
.CommonSub .arrow.rotate {filter: grayscale(0); transform: rotate(180deg);}
.CommonSub .sub_info_wrap {display: none;}

/* 약관동의 */
.agree_top {height: 70px; background: #f8f8f8; font-size: 22px;margin-bottom: 14px;}
.agree_top p {line-height: 70px;  display: flex; align-items: center;}
.agree_top span {color: #f24141; margin-right: 5px;}
.agree_top span, .agree_top label {font-size: 20px; font-weight: bold; letter-spacing: -1;}
.agree_top input[type="checkbox"] {border: 1px solid #cbcbcb; border-radius: 3px; width: 18px; height: 18px; margin-right: 20px; margin-left: 20px;}
.agree_content {position: relative;}

.agree_form {position: relative;}
.agree_form .agree_border {margin-bottom: 0px; height: 60px; line-height: 60px; display: flex; align-items: center; border-bottom: 1px solid #949494;}
.agree_form .agree_border label em {font-size: 20px; color: #444444; font-weight: bold;}
.agree_form input[type="checkbox"] {border: 1px solid #cbcbcb; border-radius: 3px; width: 16px; height: 16px; margin-right: 20px; margin-left: 20px;}
.agree_form .agree_border span {position: absolute; right:0px; font-size: 17px; color: #525252; padding: 0px 6px;}
.agree_wrap.on {margin-bottom: 20px;}
.agree_wrap.on .agree {background: #fdfdfd; padding: 10px 15px; height: 110px; display: block;}
.agree_wrap.on .agree_border{border-bottom: 1px solid #f24141;}
.agree_wrap.on .agree_border > .text_border > em { box-shadow: inset 0 -13px 0 #fedce2;}
.agree_wrap .agree {display: none;}

.agree_terms.add {position: relative; margin-bottom: 40px;}
.agree_terms.add .term_add > label em {font-size: 20px !important;color: #525252; padding: 0px 6px;box-shadow: inset 0 -13px 0 #fedce2;border-radius: 2px;}
.agree_terms.add > .agree_top {height: 70px;}
.agree_terms.add > .agree_top > p {line-height: 70px;}
.agree_terms.add > .box_wrap1 .agree {margin-top: -70px;}
.agree_terms.add > .agree_top {margin-bottom: 0px !important;}


.noti_btn {color: #007CFF !important; font-weight: bold;}
.noti_info {background: #f9f9f9; padding: 20px; margin-top: 5px;}
.noti_info_1 {background: #f9f9f9; padding: 20px; margin-top: 5px;}

.background_position_none {background-position:unset !important;}
.background_position_l_c {background-position:left center !important;}

.no-inherit *{
	all:unset; display:block; color: black; font-size:13px;
}

/* EMS 필수동의 */
.term_add > .check_menu.ems em{ font-size: 20px;font-weight: bold;box-shadow: inset 0 -13px 0 #fedce2;}
.ems_cust_check p {font-size: 15px; background-image: url(../images/ff/dott_h5.png); background-position: 1px 2px;background-repeat: no-repeat;padding: 0px 0px 0px 23px;margin-left: 17px;}
.ems_cust_check p span {font-weight: 600; font-size: 15px !important;}
.ems_cust_check > span {color: #d60000; font-size: 16px; text-align: center; font-weight: 600; line-height: 2; display: block;}

ul.ulInfo li{background-image: url(../../np2assets/images/inc/dott_li1.png)!important;
    background-position: 3px 5px !important;
    background-repeat: no-repeat !important;
    font-weight: normal !important;
    color: #454545 !important;
    line-height: 22px !important;
    padding: 0px 0px 0px 17px !important;
    margin: 0px 0px 0px 0px !important;
}

ul.ulInfo li > span{font-size:14px !important;}

ul.ulInfo > li > ul > li {
	background-image: url(../../np2assets/images/inc/dott_li2.gif) !important;
    background-position: 3px 10px !important;
    color: #545454 !important;
}

.widthComm {width: 99.6% !important;}