@charset "utf-8";

@font-face {
	font-family:'LatoR';
	font-display:fallback;
	font-style:normal;
	font-weight:normal;
	src: url('/font/Lato-Regular.woff2') format('woff2'),
	url('/font/Lato-Regular.woff') format('woff');
	unicode-range:U+0020-0040, U+005B-0060, U+007B-007E;
}
@font-face {
	font-family:'LatoB';
	font-display:fallback;
	font-style:normal;
	font-weight:normal;
	src: url('/font/Lato-Bold.woff2') format('woff2'),
	url('/font/Lato-Bold.woff') format('woff');
	unicode-range:U+0020-0040, U+005B-0060, U+007B-007E;
}

*, *::after, *::before {-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
html, body {-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; text-size-adjust:none; -webkit-tap-highlight-color:transparent;}
html {font-size:16px; overflow-y:scroll;}
html.no_scroll,
html.no_scroll body {height:var(--window-inner-height); overflow:hidden;}
html.no_scroll body {height:calc(var(--window-inner-height) - 1px)}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, table, th, td, input, select, textarea, button {margin:0; padding:0; word-break:break-all; word-wrap:break-word;}
body, input, textarea, select, button, table {color:#111; font-size:0.875rem; font-family:-apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', AppleSDGothcNeo, 'Apple SD 산돌고딕 Neo', system-ui, 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림', arial, sans-serif; font-weight:normal; line-height:20px; letter-spacing:-0.25px}
em {font-style:normal;}
fieldset, img {border:0 none;}
img {vertical-align:middle;}
dl, ul, ol, menu, li {list-style:none;}
input::-ms-clear {display:none;}
button {border:0 none; border-radius:0; background-color:transparent; cursor:pointer;}
a {color:inherit; text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
address {font-style:normal;}
:focus {outline:0;}

.hide,
.blind {position:absolute !important; left:0; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; clip:rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path:inset(50%) !important; clip-path:inset(50%) !important; white-space:nowrap !important; overflow:hidden !important;}
.only_pc {display:none;}
.only_mo {}

.clr:before {content:''; display:block; width:100%; height:0; clear:both;}



/* 간격 조정 클래스(수정용) */
.mt0 {margin-top:0 !important;}
.mt8{margin-top:8px !important;}
.mt16{margin-top:16px !important;}
.ml4 {margin-left:4px !important;}

.pt0 {padding-top:0 !important;}


/* Typography */
.tit_dep0 {color:#111; font-size:1.5rem; line-height:32px; font-weight:bold;}
.tit_dep1 {color:#111; font-size:1.375rem; line-height:30px; font-weight:bold;}
.tit_dep2 {color:#111; font-size:1.25rem; line-height:28px; font-weight:bold;}
.tit_dep3 {color:#111; font-size:1.125rem; line-height:24px; font-weight:bold;}
.tit_dep4 {color:#111; line-height:22px; font-weight:bold;}
.tit_dep5 {color:#111; line-height:20px; font-weight:bold;}
.tit_dep6 {color:#111; line-height:18px; font-weight:normal;}

.fs_24 {font-size:1.5rem; line-height:32px; font-weight:700;} /* Body0 : 산돌고딕Bold */
.fs_22 {font-size:1.375rem; line-height:30px; font-weight:700;} /* Body1 : 산돌고딕Bold */
.fs_20 {font-size:1.25rem; line-height:28px; font-weight:700;} /* Body2 : 산돌고딕Bold */
.fs_18 {font-size:1.125rem; line-height:24px; font-weight:400;} /* Body3 : 산돌고딕Medium */
.fs_16 {font-size:1rem; line-height:22px; font-weight:400;} /* Body4 : 산돌고딕Medium */
.fs_14 {font-size:0.875rem; line-height:22px; font-weight:400;} /* Body5 : 산돌고딕Regular */
.fs_12 {font-size:0.75rem; line-height:18px; font-weight:normal;} /* Body6 : 산돌고딕Regular */
.fs_11 {font-size:0.6875rem; line-height:18px; font-weight:300;} /* Body6 : 산돌고딕Light */

/* .num {font-family:'LatoB'; line-height:14px; font-weight:700; letter-spacing:-1px; white-space:nowrap;} */
.num {font-family:'LatoR'; line-height:14px; letter-spacing:-0.25px; white-space:nowrap;} /* 2차 LatoB ->  LatoR  변경*/
.num.fs_24 {line-height:24px;}
.num.fs_22 {line-height:22px;}
.num.fs_20 {line-height:20px;}
.num.fs_18 {line-height:18px;}
.num.fs_16 {line-height:16px;}
.num.fs_12 {line-height:12px;}
.num.fs_11 {line-height:11px;}

/* font-color */
.fc_blue01 {color:#0080ff !important}
.fc_blue02 {color:#005eff !important}
.fc_white {color:#fff !important}
.fc_org {color:#f45a62 !important}
.fc_gray01 {color:#a4a4a4 !important}
.fc_gray02 {color:#666 !important}
.fc_gray03 {color:#999 !important}
.fc_gray04 {color:#c7c7c7 !important}
.fc_gray05 {color:#e2e5eb !important}

/* icons */
.emoji {display:inline-block; font-weight:400;}

/*  display */
.dis_bc{display:block !important;}
.dis_ib{display:inline-block !important;}

/* width 관련 */
.w50{width:50% !important;}
.w100{width:100% !important;}
.max_w100{max-width:100% !important;}
.max_w50{max-width:50% !important;}

/* button */
.btn {display:-ms-flexbox; display:-webkit-flex; display:flex; width:100%; padding-right:40px; padding-left:40px; border:1px solid transparent; align-items:center; justify-content:center; text-align:center; vertical-align:middle;}
.btn:hover, .btn:focus {text-decoration:none;}
.btn:hover span, .btn:focus span {text-decoration:none;}
.btn > span {display:-ms-inline-flexbox; display:-webkit-inline-flex; display:inline-flex;  align-items:center; justify-content:center;}
/* .btn.btn_prim {padding-top:16px; padding-bottom:16px; background:#2f76ff; border-color:#2f76ff; border-radius:8px;} */
.btn.btn_prim {padding-top:11px; padding-bottom:13px; background:#2f76ff; border-color:#2f76ff;}  /* [NEW] 공통 수정 */
/* .btn.btn_prim > span {color:#fff; line-height:14px; font-weight:bold;} */
.btn.btn_prim > span {font-size:1rem; color:#fff; line-height:1.38; font-weight:bold; letter-spacing:-1px;} /* [NEW] 공통 수정 */
/* .btn.btn_secon {padding-top:13px; padding-bottom:13px; background:#2f76ff; border-color:#2f76ff; border-radius:12px;} */
.btn.btn_secon {padding-top:13px; padding-bottom:13px; background:#2f76ff; border-color:#2f76ff; border-radius:8px; font-size:1rem;} /* [NEW] 공통 수정 */
.btn.btn_secon > span {color:#fff; line-height:14px; font-weight:400;}
/* .btn.btn_third {padding:9px 24px 9px 24px; background:#0080ff; border-color:#0080ff; border-radius:8px;} */
/* .btn.btn_third {padding:7px 24px 6px 24px; background:#0080ff; border-color:#0080ff; border-radius:8px;} */ /* [NEW] PSHPDP90C21 관련 수정 */
.btn.btn_third {padding:7px 16px 6px; background:#0080ff; border-color:#0080ff; border-radius:8px;} /* [new] 공통 수정 */
/* .btn.btn_third > span {color:#fff; font-size:0.75rem; line-height:normal; font-weight:normal;} */
.btn.btn_third > span {color:#fff; font-size:1rem; line-height:normal; font-weight:normal;} /* [NEW] PFLBP09C 관련 수정 */
/* .btn.btn_util {display:-ms-inline-flexbox; display:-webkit-inline-flex; display:inline-flex; width:auto; min-width:80px; padding:5px 5px 4px 5px; background:#0080ff; border-radius:6px; font-size:0.8125rem; line-height:normal; font-weight:normal;} */
.btn.btn_util {display:-ms-inline-flexbox; display:-webkit-inline-flex; display:inline-flex; width:auto; padding:4px 7px 4px 6px; background:#0080ff; border-radius:6px; font-size:0.875rem; line-height:normal; font-weight:normal; white-space:nowrap;} /* [new] PSHPOR12C001 관련 수정 */
/* .btn.btn_util > span {color:#fff; font-size:0.8125rem; font-weight:normal;} */
.btn.btn_util > span {color:#fff; font-size:0.875rem; font-weight:normal;} /* [new] PSHPOR12C001 관련 수정 */
.btn.btn_blue {background:#e5efff; border-color:#e5efff;}
.btn.btn_blue > span {color:#0080ff;}
.btn.btn_gray {background:#f4f6fb; border-color:#f4f6fb;}
.btn.btn_gray > span {color:#111;}
.btn.btn_dgray {background:#7f8ba8; border-color:#7f8ba8;}
.btn.btn_dgray > span {color:#fff;}
.btn.btn_outline {background:#fff; border-color:#2f76ff;}
.btn.btn_outline > span {color:#0080ff;}
.btn.btn_ghost {background:#fff; border-color:#e2e5eb;}
.btn.btn_ghost > span {color:#111;}
.btn.btn_login_price {background:#f4f6fb; border-color:#f4f6fb;}
.btn.btn_login_price > span {color:#7c8aad;}
.btn.btn_dis, .btn.btn_dgray.btn_dis {background:#e9e9e9; border-color:#e9e9e9; pointer-events:none;}
.btn.btn_dis > span, .btn.btn_dgray.btn_dis > span {color:#999;}
.btn.btn_dis:hover span, .btn.btn_dis:focus span {text-decoration:none;}
.btn.btn_blue.btn_dis {background:#f3f3f3; border-color:#f3f3f3; pointer-events:none;}
.btn.btn_blue.btn_dis > span {color:#999;}
.btn.btn_outline.btn_dis {background:#fff; border-color:#e9e9e9; pointer-events:none;}
.btn.btn_outline.btn_dis > span {color:#999;}
.btn.btn_ghost.btn_dis {background:#fff; border-color:#f3f3f3; pointer-events:none;}
.btn.btn_ghost.btn_dis > span {color:#999;}
.btn:first-child:last-child {margin-right:0;}
/* 여러배소지 재설정 */
.btn.btn_ghost.btn_addr_reset > span {position:relative; padding-left:18px;}
.btn.btn_ghost.btn_addr_reset > span:before {content:' '; position:absolute; top:0; left:0; width:16px; height:16px; background:url('/images/common/ico_map_pin.svg') no-repeat 0 0; background-size:16px 16px;}

.btn.iconR {position:relative; padding:14px 16px 15px 16px; border-color:#dcdcdc; border-radius:8px; background:#fff; line-height:1.0625rem; text-align:left; justify-content:start;}
.btn.iconR::after  {content:''; position:absolute; top:50%; right:15px; width:20px; height:20px; margin-top:-10px; background:url('/images/common/ico_select_arrow.svg') no-repeat 0 0; background-size:20px 20px; transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}

.btn_wrap {display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:space-between; -ms-flex-flow:row; flex-direction:row;}
.btn_wrap.only_pc {display:none !important} /* [new] 공통 디자인현행화 수정 */
.btn_wrap .btn {position:relative; margin-right:4px; white-space: nowrap;}
.btn_wrap .btn + .btn {margin-right:0; margin-left:4px;}
.btn_wrap.al_col {-ms-flex-flow:column; flex-direction:column;}
.btn_wrap.al_col .btn {margin:0;}
.btn_wrap.al_col .btn + .btn {margin:8px 0 0 0;}
.btn_wrap.al_row {flex-wrap:wrap;}
.btn_wrap.al_row .btn {width:calc(50% - 4px);}
.btn_wrap.al_row .btn:last-child {width:100%; margin-top:8px; margin-left:0px}

/* .btn_wrap.fixed {position:fixed; left:0; bottom:20px; width:100%; padding-right:20px; padding-left:20px;} */
.btn_wrap.fixed {position:fixed; left:0; bottom:0; width:100%; padding-right:20px; padding-left:20px; border-top:1px solid #eee; background:#fff;  z-index:10;} /* [new] 공통 디자인현행화 수정 */
.btn_wrap.tline {padding:20px; border-top:1px solid #eee;}
.btn_wrap.full {width:100%;}

/* [NEW] 검수 추가 */
/* .btn_wrap.static{position:static; width:100%; padding:0; margin: 32px auto 0;} */
.btn_wrap.static{position:static; width:100%; padding:0; margin: 32px auto 0; border-top:none} /* 220623 수정 */

/* 작은 기능 버튼 */
.btn_wrap .sbtn {padding:0 6px 4px; line-height:1; color:#999; border:1px solid #e2e5eb; border-radius:4px; background:#fff;}
.btn_wrap .sbtn + .sbtn {margin-left:4px;}
.btn_wrap .sbtn > span {font-size:0.625rem;}

/* 더보기 버튼[new] - PSHPMP13C026 참고 */
.btn_wrap.more .btn.btn_blue {background:#f3f6fb;}
.btn_wrap.more .btn.btn_blue > span {color:#111;}
.btn_wrap.more .btn.btn_blue > span:after {content:''; display:inline-block; width:20px; height:20px; margin-left:6px; background:url('/images/common/ico_arr_down_20.svg') no-repeat center; background-size:contain;}
.btn_wrap.more .btn.btn_blue > span > span {position:relative; margin-left:4px; padding-left:4px; color:#666;}
.btn_wrap.more .btn.btn_blue > span > span:before {content:''; position:absolute; top:1px; left:0; width:1px; height:12px; background:#666;}
.btn_wrap.more .btn.btn_blue > span > strong {font-weight:400; color:#111;}


.txt_link {position:relative; display:inline-flex; padding:0 20px 0 0; color:#666; font-size:0.875rem; line-height:normal; vertical-align:middle;}
.txt_link > span {display:block; text-decoration:none;}
.txt_link::after {content:''; position:absolute; top:50%; right:0; width:20px; height:20px; background:url('/images/common/ico_arr_right_20_gray.svg') no-repeat; background-size:cover; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.txt_link2 {position:relative; display:inline-flex; padding:0 20px 0 0; color:#666; font-size:0.875rem; line-height:normal; vertical-align:middle;} /* [new] 디자인현행화 수정 */
.txt_link2 > span {display:block; text-decoration:none;} /* [new] 디자인현행화 수정 */
.txt_link2::after {content:''; position:absolute; top:50%; right:0; width:14px; height:14px; background:url('/images/common/ico_arr_right_14_gray.svg') no-repeat; background-size:contain; transform:translateY(-50%); -webkit-transform:translateY(-50%);} /* [new] 디자인현행화 수정 */

.txt_link3 {color:#666; font-size:0.875rem; text-decoration:underline} /* [new] 디자인현행화 수정 */

.btn.download {position:relative; padding:15px 43px 15px 15px; border-color:#111; border-radius:8px; text-align:left; justify-content:space-between;}
.btn.download::after {content:''; position:absolute; top:50%; right:15px; width:20px; height:20px; background:url('/images/common/ico_download_20.svg') no-repeat; background-size:cover; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.btn.download > span {color:#111; font-size:0.75rem; font-weight:700; line-height:0.75rem;}
.btn.download > span:first-child {padding-right:8px;}
.btn.download .size {color:#666; font-weight:400; text-decoration:none; white-space:nowrap;}

/* [new] TBD 이미지용 클래스 */
.tbd_img68:before {content:'TBD'; display:flex; width:68px; height:68px; font-size:1rem; font-weight:700; justify-content:center; align-items:center; background:#ddd;}
.tbd_img105:before {content:'TBD'; display:flex; width:100%; height:105px; font-size:1.375rem; font-weight:700; justify-content:center; align-items:center; background:#ddd;}
.tbd_img120:before {content:'TBD'; display:flex; width:100%; height:120px; font-size:1.375rem; font-weight:700; justify-content:center; align-items:center; background:#ddd;}
/* //[new] TBD 이미지용 클래스 */

/* Form */
input, select, textarea, button {vertical-align:middle;}
input[type='text'], input[type='password'], input[type='color'], input[type='date'], input[type='datetime-local'], input[type='email'], input[type='file'], input[type='month'], input[type='number'], input[type='search'], input[type='tel'], input[type='time'], input[type='url'], input[type='week'] {border:1px solid #222; background:transparent; -webkit-border-radius:0; -webkit-appearance:none;}
input[type='date' i]::-webkit-calendar-picker-indicator, input[type='datetime-local' i]::-webkit-calendar-picker-indicator, input[type='month' i]::-webkit-calendar-picker-indicator, input[type='week' i]::-webkit-calendar-picker-indicator, input[type='time' i]::-webkit-calendar-picker-indicator {display:none;}
input::-ms-clear {display:none; width:0; height:0;}
/* ::-webkit-input-placeholder {color:#c7c7c7; font-size:0.875rem}
::-moz-placeholder {color:#c7c7c7; font-size:0.875rem}
:-ms-input-placeholder {color:#c7c7c7; font-size:0.875rem}
:-moz-placeholder {color:#c7c7c7; font-size:0.875rem} */
::-webkit-input-placeholder {color:#999; font-size:0.875rem} /* [new] 공통 디자인현행화 수정 */
::-moz-placeholder {color:#999; font-size:0.875rem} /* [new] 공통 디자인현행화 수정 */
:-ms-input-placeholder {color:#999; font-size:0.875rem} /* [new] 공통 디자인현행화 수정 */
:-moz-placeholder {color:#999; font-size:0.875rem} /* [new] 공통 디자인현행화 수정 */
input[type='submit'], input[type='button'], input[type='reset'], button {cursor:pointer;}
label {vertical-align:middle;}
/* textarea {width:100%; overflow-y:auto; resize:vertical;} */
textarea {width:100%; overflow-y:auto; resize:none;} /* [new] 공통 디자인현행화 수정 */

input[type='text']:focus,
input[type='password']:focus,
input[type='color']:focus,
input[type='date']:focus,
input[type='datetime-local']:focus,
input[type='email']:focus,
input[type='file']:focus,
input[type='month']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='time']:focus,
input[type='url']:focus,
input[type='week']:focus {outline:none;}

/* input */
.input_wrap {display:inline-block; position:relative; width:100%; height:100%;}
.input_wrap:before {content:' '; position:absolute; left:0; bottom:1px; width:100%; height:2px; border-radius:2px; background-color:#dcdcdc;} /* 기존 스타일 */
.input_wrap.focused:before {background-color:#111}
.input_wrap input[type='text'], .input_wrap input[type='number'], .input_wrap input[type='tel'], .input_wrap input[type='password'],  .input_wrap input[type='email'] {width:100%; height:52px; padding-right:36px; border:none; color:#111; font-size:1.25rem; font-weight:bold;}
.input_wrap .input_del {display:none; position:absolute; top:50%; right:0; width:20px; height:20px; margin-top:-10px; background:url('/images/common/ico_input_btn_reset.svg') no-repeat 0 0;}
/* [new] 삭제버튼 없을 떄 추가 */
.input_wrap.no_del input {padding-right:16px !important;}
.input_wrap.no_del .input_del {display:none !important;}
/* //[new] 삭제버튼 없을 떄 추가 */
.input_wrap input[type='text']:disabled,
.input_wrap input[type='email']:disabled,
.input_wrap input[type='tel']:disabled {color:#666; background:#f9fafc; opacity:1; -webkit-text-fill-color:inherit;} /* [new] 비활성화 스타일 추가 */
.input_wrap.error:before {background-color:#e60000;}
.input_wrap.error input[type='text'], .input_wrap.error input[type='password'] {color:#e60000;}
/* .input_wrap input[type='text']::placeholder,
.input_wrap input[type='number']::placeholder,
.input_wrap input[type='password']::placeholder,
.input_wrap input[type='text']:disabled::-webkit-input-placeholder,
.input_wrap input[type='text']:read-only::-webkit-input-placeholder,
.input_wrap input[type='number']:disabled::-webkit-input-placeholder,
.input_wrap input[type='number']:read-only::-webkit-input-placeholder,
.input_wrap input[type='password']:disabled::-webkit-input-placeholder,
.input_wrap input[type='password']:read-only::-webkit-input-placeholder {font-size:0.875rem; color:#c7c7c7;} */
.input_wrap input[type='text']::placeholder,
.input_wrap input[type='number']::placeholder,
.input_wrap input[type='password']::placeholder,
.input_wrap input[type='email']::placeholder,
.input_wrap input[type='tel']::placeholder,
.input_wrap input[type='text']:disabled::-webkit-input-placeholder,
.input_wrap input[type='number']:disabled::-webkit-input-placeholder,
.input_wrap input[type='password']:disabled::-webkit-input-placeholder,
.input_wrap input[type='email']:disabled::-webkit-input-placeholder,
.input_wrap input[type='tel']:disabled::-webkit-input-placeholder,
.input_wrap input[type='text']:read-only::-webkit-input-placeholder,
.input_wrap input[type='number']:read-only::-webkit-input-placeholder,
.input_wrap input[type='password']:read-only::-webkit-input-placeholder,
.input_wrap input[type='email']:read-only::-webkit-input-placeholder,
.input_wrap input[type='tel']:read-only::-webkit-input-placeholder {font-size:1rem; color:#999; line-height:1.38;} /* [NEW] PSHPDP90C21 관련 수정 */


.input_wrap.type:before {display:none;}
/* .input_wrap.type input[type='text'], .input_wrap.type input[type='number'], .input_wrap.type input[type='tel'], .input_wrap.type input[type='pasword']  {height:48px; padding:0 52px 0 16px; border:1px solid #e2e5eb; border-radius:8px; font-size:0.875rem; font-weight:400;} */
.input_wrap.type input[type='text'],
.input_wrap.type input[type='number'],
.input_wrap.type input[type='tel'],
.input_wrap.type input[type='pasword'],
.input_wrap.type input[type='email']  {height:48px; padding:0 16px; border:1px solid #e2e5eb; border-radius:8px; font-size:1rem; font-weight:400;} /* [NEW] PSHPDP90C21 관련 수정 */
.input_wrap.type.focused input[type='text'],
.input_wrap.type.focused input[type='number'],
.input_wrap.type.focused input[type='tel'],
.input_wrap.type.focused input[type='pasword'],
.input_wrap.type.focused input[type='email'] {padding:0 16px 0 16px;}
/* .input_wrap.type input[type='text']::-webkit-input-placeholder {color:#c7c7c7;} */
.input_wrap.type input[type='text']::-webkit-input-placeholder {color:#999;} /* [NEW] 공통 관련 수정 */
.input_wrap.type input[type='tel']::-webkit-input-placeholder {font-size:1rem; color:#999;} /* [NEW] PSHPDP90C21 관련 수정 */
.input_wrap.type .input_del {right:16px;}
.input_wrap.type.error input[type='text'],
.input_wrap.type.error input[type='password'],
.input_wrap.type.error input[type='email'] {border-color:#e60000;}
.input_wrap.type.error input[type='text'],
.input_wrap.type.error input[type='password'],
.input_wrap.type.error input[type='email'] {color:#e60000;}
/* .input_wrap.type input[type='text']:disabled::-webkit-input-placeholder,
.input_wrap.type input[type='text']:read-only::-webkit-input-placeholder,
.input_wrap.type input[type='pasword']:disabled::-webkit-input-placeholder,
.input_wrap.type input[type='pasword']:read-only::-webkit-input-placeholder {color:#c7c7c7;} */
.input_wrap.type input[type='text']:disabled::-webkit-input-placeholder,
.input_wrap.type input[type='text']:read-only::-webkit-input-placeholder,
.input_wrap.type input[type='pasword']:disabled::-webkit-input-placeholder,
.input_wrap.type input[type='pasword']:read-only::-webkit-input-placeholder,
.input_wrap.type input[type='email']:disabled::-webkit-input-placeholder,
.input_wrap.type input[type='email']:read-only::-webkit-input-placeholder {color:#999; font-size:1rem} /* [NEW] PSHPDP90C21 관련 수정 */

.input_wrap.search {height:52px;}
/* .input_wrap.search:after {content:' '; display:block; position:absolute; top:50%; right:16px; width:20px; height:20px; margin-top:-10px; background-color:#2090ff;} */
/* .input_wrap.search input[type='text'],
.input_wrap.search input[type='number'] {height:52px; padding-right:90px; border:2px solid #111; font-weight:bold;} */
.input_wrap.search input[type='text'],
.input_wrap.search input[type='number'] {height:52px; padding-right:90px; border:2px solid #111; font-weight:500;} /* [NEW] PSHPCO24C010 관련 수정 */
.input_wrap.search .input_del {right:48px;}
.input_wrap.search .btn_search {display:block; position:absolute; top:50%; right:16px; width:20px; height:20px; margin-top:-10px; background:url('/images/common/ico_search_input.svg') no-repeat 0 0; background-size:20px 20px;}
/* .input_wrap {display:table; width:100%; position:relative; border-bottom:2px solid #dcdcdc;}
.input_wrap .input_group {display:table-cell; position:relative;}
.input_wrap .input_group input[type='text'] {width:100%; height:48px; padding-right:30px; color:#222; font-size:18px; border:none; background-color:transparent;}
.input_wrap .input_group input[type='text']:focus,
.input_wrap .input_group input {background:transparent;}
.input_wrap .btn_reset {position:absolute; top:50%; right:0; width:20px; height:20px; margin-top:-10px; border-radius:50%; background-color:#666;}
.input_wrap .input_addon {display:table-cell; width:1%;}
.input_wrap.on {border-color:#2090ff;} */

/* radio , checkbox */
.rdo_wrap,
.chk_wrap {display:inline-block; position:relative; min-width:20px; vertical-align:top;}
.rdo_wrap input[type='radio'],
.chk_wrap input[type='checkbox'] {position:absolute; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); border:0; background:transparent; vertical-align:middle; overflow:hidden;}
/* .chk_wrap input[type='checkbox'] + label {display:block; position:relative; min-height:22px; line-height:22px;} */
.chk_wrap input[type='checkbox'] + label {display:block; position:relative; min-height:22px; font-size:1rem; line-height:22px;} /* [NEW] PSHPDP90C21 관련 수정 */
.chk_wrap input[type='checkbox'] + label:before {content:' '; display:inline-block; position:absolute; top:1px; left:0; width:20px; height:20px; background:url('../img/ico_checkbox.svg') no-repeat left top;}
.chk_wrap input[type='checkbox'] + label > span {display:block; padding-left:28px;}  /* [new] PSHPSE10C010 */
/* .chk_wrap input[type='checkbox'] + label > span {display:block; padding-left:24px;} */ /* [new] PSHPPD22C013 */
/* .chk_wrap input[type='checkbox']:focus + label:before {outline:1px dashed #111; border-radius:100%;} */
.chk_wrap input[type='checkbox']:disabled + label {color:#b8b8b8;}
.chk_wrap input[type='checkbox']:checked + label:before {background-position:left -40px;}
.chk_wrap input[type='checkbox']:disabled + label:before,
.chk_wrap input[disabled] + label:before{background-position:left -20px;}
.rdo_wrap.strong label,
.chk_wrap.strong label {font-weight:bold;}

.chk_wrap.reverse input[type='checkbox'] + label:before {display:none;}
/* .chk_wrap.reverse input[type='checkbox'] + label:after {content:' '; display:inline-block; position:absolute; top:4px; right:0; width:14px; height:14px; background:url('/images/common/ico_checkbox.svg') no-repeat left top; background-size:cover;} */
.chk_wrap.reverse input[type='checkbox'] + label:after {content:' '; display:inline-block; position:absolute; top:4px; right:0; width:14px; height:14px; background:url('../img/ico_checkbox.svg') no-repeat left top; background-size:cover;} /* [new] 원형이 잘린다는 의견이 있어서 배경사이즈 수정, 디자인 검수 수정 */
.chk_wrap.reverse input[type='checkbox'] + label > span {padding:0 18px 0 0;}
/* .chk_wrap.reverse input[type='checkbox']:focus + label:after {outline:1px dashed #111; border-radius:100%;} */
.chk_wrap.reverse input[type='checkbox']:checked + label:after {background-position:left -28px;}
.chk_wrap.reverse input[type='checkbox']:disabled + label:after,
.chk_wrap.reverse input[disabled] + label:after{background-position:left -20px;}
.chk_wrap.reverse input[type='checkbox']:checked + label > span {font-weight:700; color:#0080ff;}


/* .rdo_wrap input[type='radio'] + label {display:block; position:relative; min-height:22px; line-height:22px;} */
.rdo_wrap input[type='radio'] + label {display:block; position:relative; min-height:22px; font-size:1rem; line-height:22px;} /* [NEW] PSHPDP90C 관련 수정 */
.rdo_wrap input[type='radio'] + label:before {content:' '; display:inline-block; position:absolute; top:1px; left:0; width:20px; height:20px; background:url('/images/common/ico_radio.svg') no-repeat left top;}
.rdo_wrap input[type='radio'] + label > span {display:block; padding-left:28px;}
/* .rdo_wrap input[type='radio']:focus + label:before {outline:1px dashed #111; border-radius:100%;} */
.rdo_wrap input[type='radio']:disabled + label {color:#b8b8b8;}
.rdo_wrap input[type='radio']:checked + label:before {background-position:left -40px;}
.rdo_wrap input[type='radio']:disabled + label:before,
.rdo_wrap input[disabled] + label:before{background-position:left -20px;}

/* toggle */
.chk_wrap.toggle {vertical-align:middle;}
.chk_wrap.toggle label {display:inline-block; position:relative; width:42px; height:24px;}
.chk_wrap.toggle input[type='checkbox'] + label:before {content:' '; display:block; position:absolute; top:0; left:0; width:42px; height:24px; border-radius:12px; background-color:#e2e5eb; background-image:none; vertical-align:middle; -webkit-transition:all .2s ease-in; transition:all .2s ease-in;}
.chk_wrap.toggle input[type='checkbox'] + label:after {content:' '; display:block; position:absolute; top:2px; left:2px; width:20px; height:20px; border-radius:100%; background-color:#fff; box-shadow:1px 1px 2px 0 rgba(0,0,0,.08); -webkit-transition:all .2s ease-in; transition:all .2s ease-in;}
.chk_wrap.toggle input[type='checkbox']:checked + label:before {background-color:#0080ff; background-image:none;}
.chk_wrap.toggle input[type='checkbox']:checked + label:after {transform:translateX(18px);}
/* disabled */
.chk_wrap.toggle input[type='checkbox']:disabled + label:before,
.chk_wrap.toggle input[disabled] + label:before {background-color:rgba(226,229,235,.5);}
.chk_wrap.toggle input[type='checkbox']:checked:disabled + label:before,
.chk_wrap.toggle input[disabled]:checked + label:before {background-color:rgba(0,128,255,.5);}

/* btn-type */
.rdo_wrap.btn_type,
.chk_wrap.btn_type {width:100%;}
.rdo_wrap.btn_type label,
/* .chk_wrap.btn_type label {padding:20px 10px 20px 44px; border:1px solid #e2e5eb; border-radius:8px;} */
.chk_wrap.btn_type label {padding:16px 10px 16px 44px; border:1px solid #e2e5eb; border-radius:8px;} /* [new] PSHPOR12C001 관련 수정 */
.rdo_wrap.btn_type input[type='radio'] + label:before,
/* .chk_wrap.btn_type input[type='checkbox'] + label:before {top:18px; left:16px;} */
.chk_wrap.btn_type input[type='checkbox'] + label:before {top:14px; left:16px;} /* [new] PSHPOR12C001 관련 수정 */
.rdo_wrap.btn_type input[type='radio'] + label > span,
.chk_wrap.btn_type input[type='checkbox'] + label > span {display:flex; padding-left:0; line-height:100%; vertical-align:middle;}
.rdo_wrap.btn_type input[type='radio']:checked + label,
.chk_wrap.btn_type input[type='checkbox']:checked + label {border-color:#0080ff;}
.rdo_wrap.btn_type input[disabled] + label,
.chk_wrap.btn_type input[disabled] + label {border-color:#ccc; color:#ccc;}
.rdo_wrap.btn_type input[readonly] + label,
.chk_wrap.btn_type input[readonly] + label {border-color:#e2e5eb !important; background-color:#f9fafc;}
/* .rdo_wrap.btn_type input[readonly] + label:before,
.chk_wrap.btn_type input[readonly] + label:before {background-position:left top;} */
.rdo_wrap.btn_type input[readonly] + label:before,
.chk_wrap.btn_type input[readonly] + label:before {background-position:left center;} /* [new] PSHPOR12C008 관련 수정 */
.rdo_wrap.btn_type input[readonly] + label > span .price,
.chk_wrap.btn_type input[readonly] + label > span .price {color:#999 !important;}

.rdo_wrap.btn_type.readonly{border-color: #e2e5eb !important; background-color: #f9fafc}

/* .rdo_wrap.btn_type input[type='radio'] + label > span .price {max-width:80px; color:#999; font-size:0.875rem; font-weight:bold; line-height:14px;} */
.rdo_wrap.btn_type input[type='radio'] + label > span .price {max-width:90px; color:#999; font-size:1rem; font-weight:bold; line-height:14px;} /* [new] PSHPOR12C001 관련 수정 */
/* .rdo_wrap.btn_type input[type='radio'] + label > span .add {flex-grow:1; padding-left:8px; color:#999; font-size:0.75rem; line-height:14px; word-break:keep-all;} */
.rdo_wrap.btn_type input[type='radio'] + label > span .add {flex-grow:1; padding-left:3px; color:#999; font-size:0.875rem; line-height:14px; word-break:keep-all;} /* [new] PSHPOR12C001 관련 수정 */
.rdo_wrap.btn_type input[type='radio']:checked + label > span .price {color:#0080ff;}
.rdo_wrap.btn_type input[type='radio']:checked + label > span .add {color:#999; font-weight:normal;}
.rdo_wrap.btn_type + .rdo_wrap.btn_type {margin-top:8px;}
.bullet_list + .rdo_wrap.btn_type {margin-top:8px;}
.btm_desc_text + .rdo_wrap.btn_type {margin-top:12px;}

.rdo_wrap.sel_type {width:100%;}
/* .rdo_wrap.sel_type input[type='radio'] + label {padding:14px 12px; border:none; border-radius:12px; background-color:#f4f6fb; font-size:0.875rem; font-weight:400; line-height:100%; text-align:center;} */
.rdo_wrap.sel_type input[type='radio'] + label {padding:14px 12px; border:none; border-radius:12px; background-color:#f4f6fb; font-size:1rem; font-weight:400; line-height:1.375rem; text-align:center;} /* [new] 공통 수정 */
.rdo_wrap.sel_type input[type='radio'] + label:before {display:none;}
.rdo_wrap.sel_type input[type='radio'] + label > span {padding-left:0;}
.rdo_wrap.sel_type input[type='radio']:checked + label {padding: 12px 10px; border:2px solid #0080ff; color:#0080ff; background-color:#fff;}
.rdo_wrap.sel_type + .rdo_wrap.sel_type {margin-top:8px;}

.rdo_wrap.img_sel_type {width:100%;}
.rdo_wrap.img_sel_type input[type='radio'] + label {padding:16px; border:1px solid #e2e5eb; border-radius:8px;}
.rdo_wrap.img_sel_type input[type='radio'] + label:before {display:none;}
.rdo_wrap.img_sel_type input[type='radio'] + label .prd_info {display:flex; align-items:center;}
.rdo_wrap.img_sel_type input[type='radio'] + label .prd_info .img {flex-shrink:0; width:64px; height:64px; border-radius:10px;}
.rdo_wrap.img_sel_type input[type='radio'] + label .prd_info .detail {width:100%; padding-left:16px;}
.rdo_wrap.img_sel_type input[type='radio'] + label .prd_info .detail .bedge_b {display:inline-block; min-width:41px; height:20px; padding:0 6px; border-radius:4px; background-color:rgba(47,118,255,.1); color:#0080ff; font-size:0.625rem; line-height:20px; letter-spacing:-0.2px; vertical-align:top;}
.rdo_wrap.img_sel_type input[type='radio'] + label .prd_info .detail .name {margin:0 0 4px; font-size:0.875rem; line-height:20px;}
.rdo_wrap.img_sel_type input[type='radio'] + label .prd_info .detail .price {font-size:0.875rem; font-weight:bold;}
.rdo_wrap.img_sel_type input[type='radio']:checked + label {border:2px solid #0080ff;}
.rdo_wrap.img_sel_type + .rdo_wrap.img_sel_type {margin-top:8px;}


body {background-color:#E2E5EB}
/* 로그인_인증 관련 */
#wrap {max-width:500px; margin:40px auto}
#header {text-align:center}
#footer {text-align:center}
.htop_wrap {display:block; width:234px; margin:0 auto}
.htop_wrap.type {width:250px}
.htop_wrap img {width:100%}
.footer_wrap {position:absolute; bottom:-32px; left:50%; width:100%; transform:translateX(-50%); text-align:center}
.footer_wrap p {color:#999; font-size:1rem; line-height:22px}
.welcome {margin:16px 0 0; font-size:1.375rem; font-weight:bold; line-height:32px; text-align:center}
.welcome + .form_wrap {margin-top:48px}
.system_desc {margin-top:16px; color:#666; font-size:0.875rem; text-align:center}

.login_wrap {position:absolute; top:50%; left:50%; width:420px; margin-top:-20px; padding:40px; background-color:#fff; transform:translate(-50%, -50%)}
/* .login_wrap.cnt {margin-top:104px} */
.login_wrap .tit {font-size:1.75rem; font-weight:bold; line-height:40px; text-align:center}
.login_wrap .tit + .form_wrap {margin-top:64px}
.login_wrap .form_wrap legend {position:absolute !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; clip:rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path:inset(50%) !important; clip-path:inset(50%) !important; white-space:nowrap !important; overflow:hidden !important;}
.login_wrap .form_wrap .btn_util {position:absolute; top:50%; right:0; transform:translateY(-50%)}
.login_wrap .form_wrap .input_wrap:before {content:' '; position:absolute; left:0; bottom:1px; width:100%; height:2px; border-radius:2px; background-color:#dcdcdc;} /* 기존 스타일 */
.login_wrap .form_wrap .input_wrap.focused:before {background-color:#111}
.login_wrap .form_wrap .input_wrap .input_time {position:absolute; right:0; bottom:17px; padding-right:24px; color:#2090ff; font-size:0.813rem; font-weight:bold}
.login_wrap .form_wrap .input_wrap .input_time:after {content:' '; display:block; position:absolute; top:0; right:0; width:20px; height:20px; background:url('/images/common/ico_input_time.svg') no-repeat 0 0; background-size:20px 20px}
.login_wrap .form_wrap .input_wrap.error .input_time {color:#e60000}
.login_wrap .form_wrap .input_wrap.error .input_time:after {background-image:url('/images/common/ico_input_time_error.svg')}
.login_wrap .form_wrap .input_wrap .circle_wrap {position:absolute; right:0; bottom:17px; width:20px; height:20px; border-radius:100%; border:1px solid #dcdcdc}
.login_wrap .form_wrap .input_wrap .circle_wrap .inner {position:absolute; top:50%; left:50%; z-index:6; width:17px; height:17px; border-radius:100%; background-color:#fff; transform:translate(-50%, -50%)}
.login_wrap .form_wrap .input_wrap .circle_wrap .inner:before {content:' '; position:absolute; top:9px; right:4px; width:4px; height:1px; background-color:#0080ff}
.login_wrap .form_wrap .input_wrap .circle_wrap .inner:after {content:' '; position:absolute; top:2px; left:8px; width:1px; height:8px; background-color:#0080ff}
.login_wrap .form_wrap .input_wrap .circle_wrap .number {position:absolute; top:50%; left:50%; z-index:10; color:#000; transform:translate(-50%, -50%)}
.login_wrap .form_wrap .input_wrap .circle_wrap .bar {position:absolute; width:100%; height:100%; -webkit-border-radius:100%; clip:rect(0, 20px, 20px, 10px); background-color:rgba(0,0,0,.2)}
.login_wrap .form_wrap .input_wrap .circle .bar .progress {position:absolute; width:100%; height:100%; -webkit-border-radius:100%; clip:rect(0, 10px, 20px, 0); background-color:#0080ff}
.login_wrap .form_wrap .input_wrap .circle .left .progress {z-index:1; animation:left 4s linear both}
.login_wrap .form_wrap .input_wrap.error .circle_wrap .inner:before,
.login_wrap .form_wrap .input_wrap.error .circle_wrap .inner:after {background-color:#e60000}
.login_wrap .form_wrap .input_wrap.error .circle_wrap .bar {background-color:#e60000}
.login_wrap .form_wrap .input_wrap.error .circle .bar .progress {background-color:#e60000; animation:none}
.login_wrap .form_wrap .btn_wrap + dl {margin-top:64px}
.login_wrap .form_wrap + .btn_wrap {margin-top:24px}
.login_wrap .desc {margin-top:16px; color:#666; text-align:center}

.login_wrap > i {display:block; width:48px; height:48px; margin:24px 0 32px;}
.login_wrap > i > img {width:100%;}
.laypop_wrap .login_wrap > i {margin-top:0;}
.login_wrap .l_txt {font-size:1.5rem; line-height:1.33; font-weight:700;}
.login_wrap .l_txt:first-child {padding-top:23px} /* 220830_복지와 동기화 */
.login_wrap .l_txt > span {display:block;}
/* .login_wrap .s_txt {margin-top:16px; color:#666; font-size:1.125rem; line-height:1.5rem;}*/
.login_wrap .s_txt {margin-top:16px; color:#666; font-size:1rem; line-height:1.5rem;}/* 검수 수정 */
.login_wrap .l_txt + .chk_wrap {margin-top:16px;}
.login_wrap .form_wrap {margin-top:24px;}
.login_wrap .form_wrap + a {display:block; margin-top:24px;} /* 220623 추가 */
.login_wrap .form_wrap > dl {padding-top:16px;}
.login_wrap .form_wrap > dl:nth-child(2) {padding-top:0;}
/* .login_wrap .form_wrap > dl > dt {color:#666;} */
.login_wrap .form_wrap > dl > dt {font-size: 0.875rem; color:#666; } /*PSHPME15C023 , 로그인 타이틀 문구 전체 수정 */
.login_wrap .form_wrap > dl > dd {margin-top:4px;}
/* .login_wrap .form_wrap .btn_wrap {margin-top:12px;} */
.login_wrap .form_wrap .btn_wrap {justify-content:end; margin-top:16px}
.login_wrap .form_wrap .btn_wrap > a {display:block; color:#666; font-size:1rem; text-align:right}
/*
.login_wrap .join_advice {display:flex; margin:24px 0 28px; padding:24px 16px; border-radius:12px; background:#f4f6fb; justify-content:space-between; align-items:center;}
*/
.login_wrap .join_advice {display:flex; margin:0 0 8px; padding:16px 16px; border-radius:12px; background:#f4f6fb; justify-content:space-between; align-items:center;}/* [new] PSHPME15C003
디자인 검수 수정 */
/*.login_wrap .join_advice > dl > dt {font-weight:700;}*/
.login_wrap .join_advice > dl > dt {font-size:1rem; font-weight:700;}/* 디자인검수 추가 PSHPME15C003*/
/* .login_wrap .join_advice > dl > dd {margin-top:6px; font-size:0.75rem; color:#666;} */
.login_wrap .join_advice > dl > dd {margin-top:6px; color:#666;}/* 디자인검수 추가 PSHPME15C003*/
.login_wrap .join_advice .btn {height:28px;}
.login_wrap .input_wrap input[type='text'],
.login_wrap .input_wrap input[type='number'],
.login_wrap .input_wrap input[type='password'] {padding-right:115px;}
.login_wrap .input_wrap input[type='text']::placeholder,
.login_wrap .input_wrap input[type='number']::placeholder,
.login_wrap .input_wrap input[type='password']::placeholder,
.login_wrap .input_wrap input[type='email']::placeholder,
.login_wrap .input_wrap input[type='text']:disabled::-webkit-input-placeholder,
.login_wrap .input_wrap input[type='text']:read-only::-webkit-input-placeholder,
.login_wrap .input_wrap input[type='number']:disabled::-webkit-input-placeholder,
.login_wrap .input_wrap input[type='number']:read-only::-webkit-input-placeholder,
.login_wrap .input_wrap input[type='password']:disabled::-webkit-input-placeholder,
.login_wrap .input_wrap input[type='password']:read-only::-webkit-input-placeholder,
.login_wrap .input_wrap input[type='email']:disabled::-webkit-input-placeholder,
.login_wrap .input_wrap input[type='email']:read-only::-webkit-input-placeholder {font-size:1rem; color:#666; font-weight:normal;}
.login_wrap .input_wrap.input_save .chk_wrap {position:absolute; top:50%; right:0; transform:translateY(-50%);}
.login_wrap .input_wrap.input_save .input_del {right:62px;}
.login_wrap .other_login {margin-top:2px; text-align:center;}
/*.login_wrap .other_login > a {color:#666;}*/
.login_wrap .other_login > a {font-size:1rem; color:#666;} /* 검수 추가 PSHPME15C003*/
.login_wrap .other_login > a > span:after {content:''; display:inline-block; width:20px; height:20px; margin-left:4px; background:url('/images/common/ico_arr_down_20_gray.svg') no-repeat; background-size:contain; vertical-align:top;}
/* .login_wrap .other_login + .btn_wrap {margin-top:14px; padding:16px 0;} */
.login_wrap .other_login + .btn_wrap {margin-top:10px;}
.login_wrap .input_wrap.input_save .chk_wrap {position:absolute; top:50%; right:0; transform:translateY(-50%);}
.login_wrap .input_wrap.input_save .input_del {right:62px;}