@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/* 공통 */
.subbox { margin-bottom: 40px;}
.subbox.mg { margin-bottom: 0;}
.subtit { font-size: 20px; font-weight: 700; letter-spacing: -.025em; line-height: 1.3em; position: relative; padding-left: 37px; color: #242424; margin-bottom: 15px;}
.subtit.fz { font-size: 18px;}
.subtit.pd { padding-left: 0;}
.subtit::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain;}
.subtit.message::before { background-image: url(../images/sub/message-icon.png);}
.subtit.short::before { background-image: url(../images/sub/short-icon.png) ;}
.subtit.long::before { background-image: url(../images/sub/long-icon.png) ;}
.subtit.fax::before { background-image: url(../images/sub/fax-icon.png) ;}
.subtit.check::before { background-image: url(../images/sub/check-icon.png) ;}
.subtit span { display: inline-block; font-size: 15px; font-weight: 400; color: #555; line-height: 1.3em; padding-left: 16px;}
.subtit-fx { margin-bottom: 15px; align-items: flex-end; justify-content: space-between; display: flex; gap: 5px 10px; flex-wrap: wrap;}
.subtit-fx .subtit { margin-bottom: 0; }
.subtit-fx .vat { display: inline-block; font-size: 15px; font-weight: 400; letter-spacing: -.025em; line-height: 1em; color: #555;} 
.select-fx { display: flex; gap: 10px;}

/* 파일 업로드 공통 */
.file-upload-preview {margin:0 5px;}
.file-upload-preview li {margin-top:10px; font-size:14px; line-height:1.3em; word-break:break-all;}
.file-upload-preview button {display:inline-block; margin:-.2em 5px 0 0; padding:4px; background:#000; border:0; vertical-align:middle;}
.file-upload-preview button svg {display:block; vertical-align:top; width:8px; height:auto;}

/* 공통 팝업 텍스트 공통 */
.pop-txt { font-size: 15px; font-weight: 700; letter-spacing: -.025em; line-height: 1em; color: #242424; position: absolute; right: 17px; top: 0; padding-left: 25px; }
.pop-txt::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 20px; height: 20px; background: url(../images/sub/computer-icon.png) center no-repeat; background-size: contain;}
.pop-txtbox { margin-bottom: 8px;}
.pop-txtbox .pop-txt { position: relative; right: auto; top: auto; }

/* 공통 th 배경있는 테이블 */
.sub-tbl-wrap { overflow: auto;}
.sub-tbl-wrap.h200 { max-height: 220px; }
.sub-tbl-wrap.h200::-webkit-scrollbar { width: 10px; background: #f2f2f2;}
.sub-tbl-wrap.h200::-webkit-scrollbar-thumb { background-color: #ccc; width: 10px; height: 120px; background-clip: padding-box; }
.sub-tbl-wrap.h200::-webkit-scrollbar-track { background-clip: padding-box; }
.sub-tbl-wrap.h200::-webkit-scrollbar-button { width: 0;}
.sub-tbl { width: 100%; border-collapse: collapse; border-top: 1px solid #ccc;}
.sub-tbl tr { border-bottom: 1px solid #ccc;}
.sub-tbl th { font-size: 15px; font-weight: 700; letter-spacing: -.025em; line-height: 1em; color: #555; background: #f2f2f2; padding: 18px 5px;}
.sub-tbl td { font-size: 15px; font-weight: 400; letter-spacing: -.025em; line-height: 1.5em; color: #555; padding: 15px 5px; text-align: center; background: #fff; vertical-align: top;}
.sub-tbl td .move { font-size: 15px; font-weight: 700; letter-spacing: -.025em; color: #242424; display: flex; align-items: center; gap: 5px; justify-content: center;}
.sub-tbl td.left { text-align: left; padding-left: 20px;}
.sub-tbl td.fw { font-weight: 700;;}
.sub-tbl td .red { color: #f00;}
.sub-tbl td .tbl-delete { line-height: 1em; display: flex; align-items: center; justify-content: center; gap: 6px; line-height: 1em; font-weight: 700; color: #242424;}
.sub-tbl tr th .lange { font-size: 11px;}
.sub-tbl th.bg-sky { background: #ecf4fc;}
.sub-tbl th.bg-basic { background: #fcf3ec;}
.sub-tbl th.bg-people { background: #ececfc;}
.sub-tbl.bd tr th { border-right: 1px solid #ccc;}
.sub-tbl.bd tr th:last-child { border: none;}
.sub-tbl.bd tr th.bd {border-right: 1px solid #ccc;}
.sub-tbl.bd tr td { border-right: 1px solid #ccc;}
.sub-tbl.bd tr td:last-child { border: none;}
.sub-tbl.bd tr td.bg { background: #eef6fe;}
.sub-tbl tr td .receipt { text-decoration: underline; text-underline-position: under; color: #13579f;}
.sub-tbl .blue-link { text-decoration: underline; text-underline-position: under; color: #13579f;}
.sub-tbl-wrap.height { max-height: 430px; border-top: 1px solid #ccc; min-height: 430px; border-bottom: 1px solid #ccc;}
.sub-tbl-wrap.height::-webkit-scrollbar { width: 5px; background: #f2f2f2;}
.sub-tbl-wrap.height::-webkit-scrollbar-thumb { background-color: #ccc; width: 10px; height: 120px; background-clip: padding-box; }
.sub-tbl-wrap.height::-webkit-scrollbar-track { background-clip: padding-box; }
.sub-tbl-wrap.height::-webkit-scrollbar-button { width: 0;}
.msg-tbl.height { border-top: none; }
.msg-tbl.height thead th { height: 50px; position: sticky; top: 0; z-index: 1; }

/* th 배경없는 테이블 */
.sub-bd-tbl { width: 100%; border-collapse: collapse; border-top: 1px solid #ccc;}
.sub-bd-tbl tr { border-bottom: 1px solid #ccc;}
.sub-bd-tbl th { font-size: 15px; font-weight: 700; letter-spacing: -.025em; line-height: 1em; color: #555; padding: 14px 5px; text-align: left; padding-left: 30px; border-right: 1px solid #ccc;}
.sub-bd-tbl td { font-size: 15px; font-weight: 400; letter-spacing: -.025em; line-height: 1.5em; color: #555; padding: 10px 5px; padding-left: 18px; position: relative; }
.sub-bd-tbl td .input { margin: 0 15px;}
.sub-bd-tbl td p {margin-top: 10px;}
.sub-bd-tbl td .pop-txt { top: 20px;}

/* 공통 툴팁 및 버튼 */
.tool-wrap { display: flex; align-items: center; justify-content: center; gap: 10px;}
.tooltip { display: inline-block; width: 18px; height: 18px; background: url(../images/sub/tooltip-icon.png) center no-repeat; background-size: contain;}
.tooltip.notice { background: url(../images/sub/bizlink-mn-icon4.png) center no-repeat; background-size: contain;}
.submit-btn { width: 260px; height: 60px; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; font-weight: 700; letter-spacing: -.025em; line-height: 1em; border: none; background: #1da4d8; margin: 50px auto 0; gap: 10px;}
.submit-btn img { padding-top: 2px;}
.submit-btn.w100 { width: 100%; margin: 20px auto 0;}
.sub-btn { height: 50px; padding: 5px 25px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; background: #fff; border-radius: 4px; font-size: 15px; font-weight: 700; color: #555; line-height: 1em;  gap: 5px;} 
.submit-btn.blue { background: #13579f;}
.sub-btn.bg1 { background: #333; color: #fff; border: 1px solid #333;}
.sub-btn.bg2 { background: #777; color: #fff; border: 1px solid #777;}
.sub-btn.bg3 { background: #272e3a; color: #fff; border: 1px solid #272e3a; padding: 5px 45px;}
.sub-btn.bg3.gray { background: #777; border: 1px solid #777;}
.sub-btn.bg3.border { border: 1px solid #ccc; background: #fff; color: #555;}

/* 공통 탭메뉴 */
.sub-tab {text-align:center; margin-bottom:30px; display: flex; border-bottom: 1px solid #ccc; flex-wrap: wrap;}
.sub-tab li { height:50px; border:1px solid #ccc; border-right:0; background:#f8f9f9; border-bottom: none; position: relative;}
.sub-tab li a {display:flex; align-items:center; justify-content:center; height:100%; color:#242424; font-size:15px; font-weight:700; line-height:1.3em; padding: 5px 30px; position: relative;}
.sub-tab li.active {border:1px solid #ccc; border-bottom:1px solid #fff; background:#fff; border-right: none;}
.sub-tab li.active a::after { content: ""; left: 0; bottom: -2px; position: absolute; width: 100%; height: 1px; background: #fff; }
.sub-tab li.active + li {border-left-color:#ccc;}
.sub-tab li:last-child {border-right:1px solid #ccc;}

/* 공통 기간설정 */
.cate-top { margin-bottom: 40px; background: #f2f2f2; border: 1px solid #ccc; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 4px; padding: 20px 5px; gap: 10px;}
.cate-top.tl { justify-content: flex-start; padding: 20px;}
.cate-top.sb { justify-content: space-between; padding: 20px;}
.cate-top.tl span { padding-left: 10px;}
.cate-top.fn { display: block;}
.cate-top.mg { margin-bottom: 20px;}
.cate-tit { font-size: 15px; font-weight: 700; line-height: 1em; letter-spacing: -.025em; color: #555; padding-right: 10px;}
.cate-btbox { display: flex; gap: 5px; flex-wrap: wrap; justify-content: center;}
.cate-btm { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 10px;}
.cate-left { padding-left: 20px;}
.cate-left.pl { padding-left: 0;}
.cate-left p { font-size: 15px; font-weight: 400; letter-spacing: -.025em; line-height: 1.556em; color: #555;}
.cate-left p strong { font-weight: 500; color: #242424;}
.cate-right { flex: 1 1 auto; min-width: 0; width: 1%; display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
.cate-right .sub-btn { color: #242424;}
.cate-right .sub-btn.bg3 { color: #fff;}
.cate-right .cate {margin-left: 0;}
.cate-right.tl { justify-content: flex-start;}
.cate-right.tl .sub-btn { padding: 5px 15px;}

/* 공통 오름/내림차순 */
.updown-box a { display: inline-flex; padding-right: 30px; position: relative;  align-items: center; justify-content: center; gap: 4px; flex-wrap: wrap;}
.updown-box a::after { content: ""; position: absolute; right: 14px; width: 1px; height: 12px; background: #ccc; top: 7px;}
.updown-box a:last-child { padding-right: 0;}
.updown-box a:last-child::after { display: none;}

/* 충전 - 결제하기 */
.paybox { padding: 42px 27px; display: flex; position: relative; align-items: flex-start;}
.paybox .txtbox { flex: 1 1 auto; min-width: 0; width: 1%; padding-top: 20px; padding-left: 25px; }
.paybox .txtbox h3 { font-size: 24px; font-weight: 800; letter-spacing: -.025em; line-height: 1.2em; margin-bottom: 5px; color: #4472c4;}
.paybox .txtbox strong { display: block; font-size: 15px; font-weight: 700; letter-spacing: -.025em; line-height: 1.3em; color: #242424; margin-bottom: 5px;}
.paybox .txtbox p { line-height: 1.5em; font-weight: 400; letter-spacing: -.025em; color: #555;}
.paybox .pop-txt { top: 43px;}

/* 충전 - 세금계산서 */
.tax-box { margin-bottom: 30px; padding: 25px 20px; background: #f2f2f2; border: 1px solid #ccc; border-radius: 4px; }
.tax-box.mg { margin-bottom: 10px;}
.tax-box .item { padding-right: 30px;}
.tax-box h3 { margin-bottom: 15px; line-height: 1em; font-weight: 700; letter-spacing: -.025em; color: #242424;}
.orange-txt { color: #ff7e00;}
.tax-box .input { margin-bottom: 10px;}
.tax-box p { margin-bottom: 15px; padding-left: 10px;}
.tax-box h4 { font-size: 15px; font-weight: 700; letter-spacing: -.025em; line-height: 1.3em; margin-bottom: 10px;}

/* 주소록 - 주소록관리 */
.group-button-fx { display: flex; gap: 10px; flex-wrap: wrap;}
.group-button-fx .sub-btn { width: calc(100%/2 - 5px); background: #272e3a; border: 1px solid #272e3a; color: #fff; gap: 7px;}
.group-button-fx .sub-btn.w100 { width: 100%; }
.group-button-fx .sub-btn.auto { width: auto; }
.group-button-fx .sub-btn.bd { background: #fff; border: 1px solid #ccc; color: #555;}
.group-button-fx .sub-btn.w145 { max-width: 145px; padding: 5px 10px; width: 100%;}
.group-button-fx.fx2 { justify-content: center;}
.group-button-fx.fx2 .sub-btn { height: 60px; font-size: 20px; border: none;}
.group-button-fx.flex .sub-btn { flex: 1; padding: 5px 10px;}

/* 주소록 - 대량등록 공통*/
.adr-txtbox .txt { display: flex; align-items: center; margin-bottom: 5px;}
.adr-txtbox .txt .num { width: 18px; height: 18px; border-radius: 100%; background: #13579f; display: flex; align-items: center; justify-content: center; line-height: 1em; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: -.025em; margin-right: 8px;}
.adr-txtbox .txt p { flex: 1 1 auto; min-width: 0; width: 1%; font-size: 15px; color: #555; font-weight: 400; letter-spacing: -.025em; line-height: 1.5em; }
.adr-txtbox>p { margin-bottom: 15px;}
.adr-jum { margin-bottom: 15px;}
.adr-jum p { position: relative; padding-left: 11px;}
.adr-jum p::before { content: ""; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #555; border-radius: 100%; }
.adr-txtbox img { display: block; margin-bottom: 25px;}
.adr-txtbox img:last-child { margin-bottom: 0;}

/* 주소록 - 대량등록(붙여넣기) */
.paste-fx { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 10px;}
.paste-fx.tc { margin-bottom: 0; justify-content: center; color: #242424; font-weight: 700;}
.paste-fx .checkbox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.1em 5px 0 0; width:20px; height:20px; background: url(../images/sub/msg-chk-icon.png) 50% 50% no-repeat; border: none;}
.paste-fx .checkbox input:checked + label:before { background: url(../images/sub/msg-chk-icon-c.png) 50% 50% no-repeat;}

/* 주소록 - 문자 템플릿 관리 */
.adr-message-fx { display: flex; gap: 20px;}
.adr-message-fx .left { width: 15%; }
.adr-message-fx .left2 { width: 20%; }
.adr-message-fx .left ul {border: 1px solid #ccc; height: 400px; overflow: auto;}
.adr-message-fx .left ul li { border-bottom: 1px solid #ddd;}
.adr-message-fx .left ul li:last-child { border: none;}
.adr-message-fx .left ul li a { padding: 15px 30px 12px; color: #999; font-size: 15px; font-weight: 500; letter-spacing: -.025em; line-height: 1.4em; display: block; position: relative;}
.adr-message-fx .left ul li.checked { background: #d9e6f3;}
.adr-message-fx .left ul li.checked a { color: #333; }
.adr-message-fx .left ul li.checked a::before { content: ""; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; width: 13px; height: 11px; background: url(../images/sub/category-chk.png) center no-repeat; background-size: contain;}
.adr-message-fx .left ul::-webkit-scrollbar { width: 10px; background: #f2f2f2;}
.adr-message-fx .left ul::-webkit-scrollbar-thumb { background-color: #ccc; width: 10px; height: 120px; background-clip: padding-box; }
.adr-message-fx .left ul::-webkit-scrollbar-track { background-clip: padding-box; }
.adr-message-fx .left ul::-webkit-scrollbar-button { width: 0;}
.adr-message-fx .right { width: 85%; }
.adr-message-fx .right2 { width: 80%; }

.adr-message-list { display: flex; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid #ccc; gap: 18px;}
.adr-message-list li { width: calc(100%/6 - 15px); border-radius: 4px; overflow: hidden; border: 1px solid #ccc; font-size: 15px; font-weight: 500; line-height: 1.5em; letter-spacing: -.025em; color: #999;}
.adr-message-list li .tit { border-bottom: 1px solid #ccc; font-size: 15px; padding: 10px 15px 8px; }
.adr-message-list li .ctt { padding: 15px 15px 12px;}
.adr-message-list li .ctt .byte { margin-top: 6px; font-size: 14px; font-weight: 500; letter-spacing: -.025em; color: #555;}
.adr-message-list li .thumb {position:relative; padding-bottom:160%; overflow:hidden;}
.adr-message-list li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}

.adr-message-list2 { display: flex; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid #ccc; gap: 8px;}
.adr-message-list2 li { width: calc(100%/4 - 6px); border-radius: 4px; overflow: hidden; border: 1px solid #ccc; font-size: 15px; font-weight: 500; line-height: 1.5em; letter-spacing: -.025em; color: #999;}

/* 주소록 - 수신거부관리 */
.adr-receive-abbox { position: absolute; right: 20px; top: 30px;  text-align: right;}
.adr-receive-abbox .pop-txt { position: relative; right: auto; top: auto;}
.adr-receive-abbox .sub-btn { margin-top: 10px;}
.unsub-tbl tr td .input { height: 33px; border-radius: 0; font-size: 13px; padding: 5px 8px;}
.unsub-fx { display: flex; align-items: center; justify-content: space-between;}
.unsub-fx p { flex: 1 1 auto; min-width: 0; width: 1%; }
.unsub-icon { width: 20px; height: 20px; margin-left: 15px; display: inline-block;}

/* 발송결과 - 문자 */
.subtit-right { display: flex; gap: 25px;}
.subtit-right .pop-txt { position: relative; right: auto; top: auto;}
.sp-msg-situation { display: flex; gap: 10px; margin-bottom: 30px; flex-wrap: wrap;}
.sp-msg-situation li { flex: 1; background: #f2f2f2; border: 1px solid #ccc; border-radius: 4px; padding: 20px; }
.sp-msg-situation li .fx { display: flex; justify-content: space-between; align-items: center;}
.sp-msg-situation li .titlebox { padding: 0 15px; margin-bottom: 10px;}
.sp-msg-situation li .titlebox .tit { font-size: 18px; font-weight: 700; letter-spacing: -.025em; color: #242424; line-height: 1em; }
.sp-msg-situation li .txt { font-size: 16px; font-weight: 300; color: #555; line-height: 1em; }
.sp-msg-situation li .txt .num { font-size: 18px; font-weight: 800; color: #1da4d8; display: inline-block; padding-right: 3px;}
.sp-msg-situation li .txt .num.fail { color: #ff0030;}
.sp-msg-situation li .whitebox { background: #fff; border-radius: 4px; overflow: hidden; padding-bottom: 10px;}
.sp-msg-situation li .whitebox.pt { padding-top: 10px; margin-top: 15px;}
.sp-msg-situation li .webbox { background: #d9e6f3; padding: 15px; margin-bottom: 10px;}
.sp-msg-situation li .webbox .tit { font-size: 15px; font-weight: 700; color: #555; line-height: 1em; }
.sp-msg-situation li .white { padding: 6px 15px;}
.sp-msg-situation li .white .tit { font-size: 15px; font-weight: 400; color: #555; line-height: 1em; }
.sp-icon-txt { position: relative; padding-left: 24px;}
.sp-icon-txt::before { content: ""; position: absolute; left: 0; width: 18px; height: 18px; background: url(../images/sub/complete-icon.png) center no-repeat; background-size: contain;top: 2px;}
.sp-complete { display: inline-block; position: relative; padding-left: 24px;}
.sp-complete::before { content: ""; position: absolute; left: 0; width: 18px; height: 18px; background: url(../images/sub/complete-icon.png) center no-repeat; background-size: contain; top: 2px;}

/* 발송결과 - 구독서비스 */
.cate-status { background: #f8f8f8; padding: 30px 20px; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between;}
.cate-status.bg { padding: 0px 0; background: transparent; margin-bottom: 0; display: block;}
.cate-status-left a { display: inline-block; font-size: 15px; font-weight: 400; letter-spacing: -.025em; line-height: 1.5em; color: #555; padding: 0 20px; position: relative;}
.cate-status-left a::after { content: ""; position: absolute; right: -2px; width: 1px; height: 15px; background: #ccc; top: 4px;}
.cate-status-left a:last-child::after { display: none;}
.cate-status-left a.active { color: #000;}
.cate-status-left a.active::before { content: ""; position: absolute; left: 5px; width: 12px; height: 10px; background: url(../images/sub/msg-all-chk.png) center no-repeat; background-size: contain; top: 6px;}
.cate-status-right { display: flex; gap: 5px;}
.cate-status-right .sub-btn:hover { background: #13579f; color: #fff; border: 1px solid #13579f;}

/* 문자(AI) - 공통 */
.msg-box { margin-bottom: 30px;}
.msg-box.mg { margin-bottom: 0;}
.msg-box .white-fx { display: flex; justify-content: space-between; position: relative; border-radius: 4px; border: 1px solid #ccc; background: #fff; align-items: center;overflow: hidden; margin-bottom: 5px; padding-right: 15px;}
.msg-box .white-fx .input { flex: 1 1 auto; min-width: 0;}
.msg-box .white-fx .msg-btbox { display: flex; gap: 10px; align-items: center;}
.msg-box .white-fx .msg-btbox a { display: flex; align-items: center;}
.msg-box .white-fx .msg-btbox::before { content: ""; position: absolute; left: -20px; top: 18px; bottom: 0; width: 1px; height: 15px; background: #ccc;}
.msg-box .white-fx .tit { line-height: 1em; color: #242424; font-size: 15px; font-weight: 700; letter-spacing: -.025em; width: 25%; padding-left: 15px;}
.msg-box .white-fx.jt { justify-content: flex-start;}
.msg-byte { display: block; text-align: right; font-size: 14px; font-weight: 500; letter-spacing: -.025em; line-height: 1em; color: #555; margin: 10px 0;}
.msg-byte.mg { margin-top: 0;}
.msg-box .input { margin-bottom: 0;}
.msg-radio-fx { display: flex; padding: 13px 0; gap: 25px; align-items: center;}
.msg-radio-fx .tit { line-height: 1em; color: #242424; font-size: 15px; font-weight: 700; letter-spacing: -.025em;}
.msg-radio .item {padding-right: 10px;}
.filebox { display: flex; background: #fff; border-radius: 4px; border: 1px solid #ccc; overflow: hidden; position: relative; margin-bottom: 5px;}
.filebox::after { content: "+"; position: absolute; right: 15px; top: 13px; font-size: 20px; font-weight: 700; color: #242424; line-height: 1em;}
.filebox .upload-name { display: inline-block; height: 50px; padding: 0 15px; vertical-align: middle;  width: 100%; color: #242424; font-size: 15px; font-weight: 700; border: none;}
.filebox label { display: inline-block; color: #fff; vertical-align: middle; cursor: pointer; height: 50px; text-align: center; position: absolute; width: 100%; }
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.msg-tab { display: flex; border: 1px solid #ccc; border-radius: 4px; overflow: hidden; margin-bottom: 10px;}
.msg-tab li { flex: 1; border-right: 1px solid #ccc; text-align: center; }
.msg-tab li:last-child { border-right: none;}
.msg-tab li a { font-size: 15px; font-weight: 700; letter-spacing: -.025em; line-height: 1em; color: #242424; display: flex; align-items: center; justify-content: center; padding: 17px 5px;}
.msg-tab li.active { background: #4472c4;}
.msg-tab li.active a { color: #fff;}
.msg-txtbox p { font-size: 15px; line-height: 1.5em; letter-spacing: -.025em; font-weight: 400; color: #555; position: relative; padding-left: 10px;}
.msg-txtbox p a { font-weight: 700; color: #242424;display: inline-block; padding-left: 5px;}
.msg-txtbox p a img { padding-right: 3px; padding-top: 2px;}
.msg-txtbox p::before { content: ""; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; border-radius: 100%; background: #555;}
.msg-txtbox span { display: block; padding-left: 10px;}
.msg-help-txt { display: flex; align-items: center; gap: 5px; font-size: 15px; font-weight: 700; letter-spacing: -.025em; line-height: 1em; color: #242424; margin: 15px 0;}
.msg-help-txt.mg { margin: 0; }
.messenger { display: flex; flex-wrap: wrap; margin-bottom: 25px; gap: 22px; }
.messenger>div { width: calc(100%/2 - 11px); }
.messenger-write { background: #ecf4fc; border-radius: 4px; padding: 15px; }
.messenger>div h4 { font-size: 16px; font-weight: 700; letter-spacing: -.025em; line-height: 1em; color: #242424; padding-bottom: 14px;}
.messenger-receive-wrap { padding: 15px 12px;}
.messenger-receive { border-radius: 4px; border: 1px solid #ccc;}
.messenger-receive h4 { border-bottom: 1px solid #ccc; padding: 14px 12px; display: flex; align-items: center; justify-content: space-between;}
.messenger-receive h4 a { display: inline-block; font-size: 15px;}
.messenger-receive-number { height: 120px; overflow: auto; }
.messenger-receive-number::-webkit-scrollbar { width: 4px; background: #f2f2f2;}
.messenger-receive-number::-webkit-scrollbar-thumb { background-color: #ccc; width: 4px; height: 60px; background-clip: padding-box; }
.messenger-receive-number::-webkit-scrollbar-track { background-clip: padding-box; }
.messenger-receive-number::-webkit-scrollbar-button { width: 0;}
.messenger-receive-number p { margin-bottom: 5px;}
.messenger-receive-wrap .paste-fx { margin-bottom: 0; margin-top: 20px;}
.msg-items {margin-bottom: 40px;}
.msg-items .item { margin-bottom: 2px; display: flex; align-items: center; gap: 5px; flex-wrap: wrap;}
.msg-items .item.bl a { width: 100%; display: flex; align-items: center; gap: 5px;}
.msg-items .item.fx { justify-content: flex-start; margin: 10px 0 15px;}
.advise h4 { width: 100%; background: #ffd400; display: flex; align-items: center; padding: 13px 20px 11px; gap: 12px; border-radius: 4px; font-size: 18px; position: relative; margin-bottom: 28px;}
.advise h4::before { content: ""; position: absolute; left: 28px; bottom: -18px; border-top: 18px solid #ffd400; border-left: 11px solid transparent; border-right: 11px solid transparent; width: 0; height: 0; }
.advise-ctt { background: #13579f; border-radius: 4px; color: #fff; padding: 16px; }
.advise-ctt>p { font-size: 15px; line-height: 1.4em; letter-spacing: -.025em; font-weight: 400; margin-bottom: 15px;}
.advise-view { margin-bottom: 35px; text-align: left;}
.advise-view.mg { margin-bottom: 0;}
.advise-view a { display: flex; align-items: center; gap: 5px; font-weight: 600; font-size: 15px; letter-spacing: -.025em; line-height: 1em; margin-bottom: 10px;}
.advise-view span { display: block; font-size: 15px; line-height: 1.4em; letter-spacing: -.025em; font-weight: 400; }
.msg-file .file-upload { margin-bottom: 5px;}
.msg-file .file-button {display:flex; justify-content:center; align-items:center; height:50px; padding:0 5px; border:0; border-radius:4px; background:#272e3a; color:#fff; cursor:pointer; width: 100%; gap: 5px; margin-top: 5px;}
.msg-file .file-button:hover {background:#2c2c2c;}
.msg-file .file-name {width: 100%; display:flex; align-items:center; height:50px; padding:0 14px; border:1px solid #ccc; border-radius:4px; background: #fff; font-size: 15px; letter-spacing: -.025em; font-weight: 500; color: #999;}

/* 팩스발송 */
.fax-box { margin-bottom: 30px;}
.fax-advise h5{ font-size: 16px; font-weight: 700; line-height: 1.3em; margin-bottom: 8px;}
.fax-advise .whitebox { border-radius: 16px; background: #fff; color: #555; padding: 15px;}
.fax-advise .whitebox .graybox { padding: 15px 20px; border-radius: 16px; background: #f4f4f4; margin: 6px 0;}
.fax-advise-box { border-bottom: 1px solid #ccc; padding: 20px 0;}
.fax-advise-box.bd { padding-bottom: 0; border: none; }
.fax-advise-box p { color: #fff; }
.fax-advise-box p.yellow { color: #ffd400;}
.fax-fx { display: flex; justify-content: space-between; margin-top: 20px; gap: 5px 10px; flex-wrap: wrap;}
.fax-fx.mg { margin-top: 0;}
.fax-btn { display: flex; gap: 6px;}
.fax-num span { display: inline-block; padding: 0 10px; position: relative;}
.fax-num span.af::after { content: ""; position: absolute; right: -2px; width: 1px; height: 10px; background: #ccc; top: 8px;}
.fax-box .file-upload { margin-bottom: 5px; display: flex; gap: 5px;}
.fax-box .file-name { display:flex; align-items:center; height:50px; padding:0 14px; border:1px solid #ccc; border-radius:4px; background: #fff; font-size: 15px; letter-spacing: -.025em; font-weight: 500; color: #999; width: 440px;}
.fax-txtbox h5{ font-weight: 700; font-size: 15px; margin-top: 12px;}
.fax-left { width: 50%;}
.fax-price-fx { display: flex; gap: 6px; margin-top: 5px;}
.fax-right p strong { font-size: 24px; font-weight: 800; color: #1da4d8; display: inline-block; padding-right: 5px;}

/* 선거문자 - 국회의원 선거 */
.cg-items { margin: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 240px; overflow: auto;}
.cg-items.h { height: 100px;}
.cg-items::-webkit-scrollbar { width: 4px; background: #f2f2f2;}
.cg-items::-webkit-scrollbar-thumb { background-color: #ccc; width: 4px; height: 60px; background-clip: padding-box; }
.cg-items::-webkit-scrollbar-track { background-clip: padding-box; }
.cg-items::-webkit-scrollbar-button { width: 0;}
.cg-items .item { display: block; padding: 12px; border-bottom: 1px solid #ccc;}
.cg-items .item:last-child { border: none;}
.cg-tit { font-size: 16px; font-weight: 700; color: #242424; letter-spacing: -.025em; line-height: 1em;}
.cg-tit span { font-weight: 500; color: #555; display: inline-block; padding-left: 10px;}

/* 선거문자 - 선거음성 */
.spk-box h4 { font-size: 16px; color: #242424; display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;}
.spk-box h4 .pop-txt { position: relative; right: auto; top: auto;}
.spk-box .whitebox { border: 1px solid #ccc; border-radius: 4px; background: #fff; padding: 18px 15px;}
.spk-box .white-inbox { margin-bottom: 10px;}
.spk-box .white-inbox.mg { margin-bottom: 0;}
.spk-box .white-inbox h5 { font-size: 16px; font-weight: 700; letter-spacing: -.025em; line-height: 1em; color: #242424; margin-bottom: 8px;}
.spk-box p { margin-bottom: 0;}
.spk-list li { margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; padding: 25px 28px; position: relative;}
.spk-list li:last-child { margin-bottom: 0;}
.spk-list li .num { width: 46px; height: 46px; border-radius: 100%; background: #4472c4; color: #fff; margin-bottom: 6px; display: flex; align-items: center; justify-content: center; line-height: 1em; font-size: 24px; font-weight: 700; }
.spk-list li .tit { line-height: 1.5em; letter-spacing: -.025em; font-size: 18px; color: #242424; font-weight: 700; }
.spk-list li img { position: absolute; right: 28px; bottom: 30px;}
.spk-txtbox { margin-bottom: 25px;}
.spk-txtbox p { position: relative; padding-left: 11px;}
.spk-txtbox p::before {content: ""; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; border-radius: 100%; background: #555;}
.spk-clr1 { color: #13579f;}
.spk-clr2 { color: #ff6c00;}
.spk-clr3 { color: #806df6;}
.spk-input-write { position: relative;}
.spk-input-write .spk-delete-btn { position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; width: 16px; height: 16px; background: url(../images/sub/election-close.png) center no-repeat; background-size: contain;}

/* 선거문자 - 전자임명장 */
.ap-list { margin-bottom: 20px;}
.ap-list li { display: flex; border: 1px solid #ccc; border-radius: 4px; padding: 25px 35px; align-items: flex-start; margin-bottom: 10px;}
.ap-list li:last-child { margin-bottom: 0; }
.ap-list li .txtbox {flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 25px;}
.ap-list li .txtbox .tit { font-size: 18px; font-weight: 700; letter-spacing: -.025em; color: #242424; line-height: 1.5em; margin-bottom: 10px; }
.ap-list li .txtbox p { padding-left: 11px; position: relative;}
.ap-list li .txtbox p::before {content: ""; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; border-radius: 100%; background: #555;}

/* 선거문자 - 선거RCS */
.election-msg { background: #b0cfe4; border-radius: 4px; overflow: hidden; margin-bottom: 10px;}
.election-msg .titbox { display: flex; justify-content: space-between; align-items: center; padding: 17px 20px; background: #9fc6df;}
.election-msg-ctt { padding: 30px 20px; }
.election-msg-ctt .tit { display: flex; align-items: center; margin-bottom: 18px;}
.election-msg-ctt .tit span { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 10px; font-size: 15px; font-weight: 500; letter-spacing: -.025em; line-height: 1em; color: #333;}
.election-rcs-wrap { margin-bottom: 40px;}
.election-rcsbox .radiobox { color: #242424; font-weight: 700; }
.election-rcsbox .radiobox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 3px 0 0; width:19px; height:19px; border-radius:100%; background: url(../images/sub/rcs-check-w.png) center no-repeat; background-size: contain; border: none; }
.election-rcsbox .radiobox input:checked + label:before {background: url(../images/sub/rcs-check.png) 50% 50% no-repeat; border: none;}
.election-rcs-wrap .file-wrap { margin-top: 20px; position: relative;}
.election-rcs-wrap .file-wrap::after { content: "+"; position: absolute; right: 15px; top: 13px; font-size: 20px; font-weight: 700; color: #242424; line-height: 1em; }
.election-rcs-wrap .file-upload-btn {display:block; padding:13px 18px; background:#fff; border:1px solid #ccc; border-radius:4px; color:#242424; font-weight:700; line-height:1.3em; width: 100%;}
.election-rcs-wrap .file-upload-btn svg {width:14px; height:auto; margin:-.2em 5px 0 0; vertical-align:middle;}
.election-rcs-wrap .file-upload-preview {margin:0 5px;}
.election-rcs-wrap .file-upload-preview li {margin-top:10px; font-size:14px; line-height:1.3em; word-break:break-all;}
.election-rcs-wrap .file-upload-preview button {display:inline-block; margin:-.2em 5px 0 0; padding:4px; background:#000; border:0; vertical-align:middle;}
.election-rcs-wrap .file-upload-preview button svg {display:block; vertical-align:top; width:8px; height:auto;}
.election-rcs-fx { display: flex; gap: 10px; margin-top: 10px;}
.election-rcs-fx.al { align-items: center;}
.election-rcs-fx.at { align-items: center; justify-content: flex-end;}
.election-rcs-fx.at span { width: 100px;}
.election-rcs-left { width: 100px;padding-top: 20px;}
.election-rcs-right { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 20px;}
.election-rcs-right .file-upload { margin-bottom: 5px; display: flex; gap: 5px;}
.election-rcs-right.fx { display: flex; justify-content: space-between; flex-wrap: wrap;}
.election-rcs-right .file-name { display:flex; align-items:center; height:50px; padding:0 14px; border:1px solid #ccc; border-radius:4px; background: #fff; font-size: 15px; letter-spacing: -.025em; font-weight: 500; color: #999; width: 290px;}
.election-passivity { margin-top: 120px; }
.ec-pass-fx { display: flex; margin: 20px 0 45px;}
.ec-pass-left {width: 50%; padding-right: 50px; }
.ec-pass-right { width: 50%; }
.ec-rcs-send-btn { padding: 5px; border-radius: 4px; color: #fff; font-size: 12px; font-weight: 600; line-height: 1em; background: #13579f;}
.ec-pass-right h4 { font-size: 16px; line-height: 1.5em; font-weight: 700; letter-spacing: -.025em; color: #555; margin-bottom: 5px;}
.ec-pass-txtbox { margin-bottom: 20px;}
.ec-pass-txtbox p { padding-left: 11px; position: relative;}
.ec-pass-txtbox p::before {content: ""; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; border-radius: 100%; background: #555;}

/* RCS - RCS소개 */
.rcs-pd { padding-bottom: 100px;}
.rcs-intro-sec1 { text-align: center;}
.rcs-intro-sec1 h2 { font-size: 40px; font-weight: 800; letter-spacing: -.025em; color: #000; line-height: 1.2em;}
.rcs-img { text-align: center; }
.rcs-intro-fx { display: flex; align-items: flex-start;}
.rcs-intro-fx.rv { flex-direction: row-reverse;}
.rcs-intro-left { width: 50%; display: flex; align-items: flex-start;}
.rcs-intro-left .txtbox { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 20px; padding-top: 10px;}
.rcs-intro-left .txtbox h3 { margin-bottom: 15px; font-size: 28px; font-weight: 800; letter-spacing: -.025em; line-height: 1.3em; color: #333;}
.rcs-intro-right { width: 50%; text-align: center;}
.rcs-intro-fx.rv .rcs-intro-left { flex-direction: row-reverse; width: 40%;}
.rcs-intro-fx.rv .rcs-intro-right { width: 60%;}
.rcs-intro-fx.rv .rcs-intro-left .txtbox { padding-left: 0; padding-right: 20px;}
.rcs-intro-sec5 { text-align: center; }
.rcs-intro-sec5 h3 { margin-bottom: 45px; font-size: 28px; font-weight: 800; letter-spacing: -.025em; line-height: 1.3em; color: #333;}
.rcs-intro-list { display: flex; gap: 52px; flex-wrap: wrap; margin-bottom: 10px;}
.rcs-intro-list li { width: calc(100%/4 - 39px); text-align: center; position: relative; }
.rcs-intro-list li::after { content: ""; position: absolute; top: 60px; width: 12px; height: 21px; right: -33px; background: url(../images/sub/rcs-right.png) center no-repeat; background-size: contain;}
.rcs-intro-list li:last-child::after { display: none;}
.rcs-intro-list li .iconbox { border-radius: 16px; background: #a1c9fa; padding-bottom: 10px; height: 150px;}
.rcs-intro-list li .iconbox.bg2 { background: #bfbfe8;}
.rcs-intro-list li .iconbox.bg3 { background: #eeddd0;}
.rcs-intro-list li .iconbox.bg4 { background: #aae2f2;}
.rcs-intro-list li .iconbox .tit { line-height: 1.5em; font-size: 18px; font-weight: 800; letter-spacing: -.025em; color: #333;}
.rcs-intro-list li .txt { font-size: 16px; line-height: 1.5em; margin-top: 20px;}

/* RCS - 브랜드 관리 */
.rcs-brand-input dl { margin-bottom: 6px; border: 1px solid #ccc; border-radius: 4px; display: flex; height: 50px; overflow: hidden;}
.rcs-brand-input dl.auto { height: auto; }
.rcs-brand-input dl.auto dt { padding-top: 13px;}
.rcs-brand-input dl.auto dt::after { top: 12px;}
.rcs-brand-input dl dt { height: 100%; font-size: 15px; font-weight: 500; line-height: 1.5em; letter-spacing: -.025em; color: #333; padding-left: 15px; width: 165px; position: relative; display: flex; align-items: center; }
.rcs-brand-input dl dt::after { content: ""; position: absolute; right: 0; top: 0;bottom: 0; margin: auto; background: #ccc; width: 1px; height: 15px;}
.rcs-brand-input dl dd { flex: 1 1 auto; min-width: 0; width: 1%; position: relative; }
.rcs-brand-input dl dd .input { border: none; border-radius: 0; height: 48px;}
.rcs-brand-input dl input[readonly] {
    background-color: #f8f8f8;
    color: #999;
}
.bs-number-fx { display: flex; gap: 30px; align-items: center; margin-left: 15px;}
.bs-number-fx .input { padding: 0;}
.rcs-brand-input dl dd .file-upload {display:flex; height:48px;}
.rcs-brand-input dl dd .file-button {display:flex; justify-content:center; align-items:center; height:100%; padding:0 15px; border:0; color:#242424; cursor:pointer; font-weight: 700; font-size: 15px; gap: 5px; background: transparent;}
.rcs-brand-input dl dd .file-name {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; height:100%; padding:0 15px; color: #878787;}
.rcs-brand-input dl dd a { display:flex; align-items:center; color: #242424; font-weight: 700; font-size: 15px; gap: 5px; position: absolute; right: 15px; top: 0; bottom: 0; margin: auto;}
.rcs-brand-input dl dd a.id-cp { color: #13579f; pointer-events: none;}
.rcs-brand-input dl dd .items { height: 50px; display: flex; align-items: center; padding-left: 16px;}
.rcs-brand-input dl dd .items .item { padding-right: 30px; color: #555;}
.rcs-brand-input dl dd .af { position: relative;}
.rcs-brand-input dl dd .af::after { content: "건"; position: absolute; right: 20px; top: 17px; font-size: 15px; font-weight: 400; line-height: 1em; letter-spacing: -.025em; color: #555;}

/* RCS - RCS발송 */
.rcs-shipbox { margin: 25px 0;}
.rcs-shipbox .tit-fx { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }
.rcs-shipbox .tit { font-size: 15px; font-weight: 800; letter-spacing: -.025em; color: #242424; }
.rcs-shipbox .tit-fx a { line-height: 1em; padding: 5px 8px; display: inline-block; font-size: 13px; font-weight: 400; color: #fff; background: #272e3a; border-radius: 4px;}
.rcs-ship-fx { display: flex; gap: 10px; margin-bottom: 10px;}
.radio-items .item { padding-right: 25px;}
.radio-items .item:last-child { padding-right: 0;}
.rcs-ship-fx .input2 { flex: 1 1 auto; min-width: 0; width: 1%; }
.rcs-ship-input { display: none;}

/* RCS - 템플릿관리 */
.rcs-tempbox {margin-bottom: 10px; }
.rcs-tempbox .tit { color: #fff; font-size: 15px; display: inline-block; margin-bottom: 20px; padding: 8px 30px 6px; border-radius: 18px; font-weight: 700; line-height: 1.3em; letter-spacing: -.025em; background: #13579f;}

/* 카카오톡 - 가입안내 */
.kakao-info-pc { display: flex; gap: 112px; flex-wrap: wrap; margin-bottom: 100px; }
.kakao-info-pc li { width: calc(100%/4 - 84px); border: 1px solid #ccc; border-radius: 8px; text-align: center; padding: 35px 30px 80px; position: relative;}
.kakao-info-pc li .tit { font-size: 24px; font-weight: 800; letter-spacing: -.025em; color: #242424; margin: 20px 0;}
.kakao-info-pc li .txt { font-size: 16px; margin-bottom: 30px;}
.kakao-info-pc li a { display: flex; width: calc(100% - 60px); text-align: center; line-height: 1.3em; padding: 16px 5px 14px; border-radius: 4px; background: #000; color: #fff; font-size: 15px; font-weight: 700; letter-spacing: -.025em; position: absolute; align-items: center; justify-content: center; gap: 10px; bottom: 30px; left: 0; right: 0; margin: auto;}
.kakao-info-txt { display: flex; gap: 32px; flex-wrap: wrap;}
.kakao-info-txt li { width: calc(100%/4 - 24px); text-align: center;}
.kakao-info-txt li .tit { font-size: 24px; font-weight: 800; letter-spacing: -.025em; line-height: 1em; color: #242424; margin-bottom: 20px;}

/* 카카오톡 - 발신프로필설정 */
.kakao-pfbox { margin-top: 60px;}
.kakao-temp-complete { color: #fff; font-weight: 700; line-height: 1em; padding: 6px 8px; border-radius: 4px; display: inline-block; background: #13579f;}

/* 카카오톡 - 알림톡발송 */
.kakao-msgbox { position: relative;}
.kakao-msg-tit { position: relative; padding: 20px 30px; color: #020303; font-weight: 700; line-height: 1em; background: #ffd200; border-radius: 16px 16px 0 0;}
.kakao-msg-logo { width: 46px; height: 46px; border-radius: 100%; color: #fff; display: flex; align-items: center; justify-content: center; background: #000; font-size: 10px; font-weight: 700; line-height: 1em; position: absolute; right: -15px; top: -15px;}
.kakao-msg-ctt { border-radius: 0 0 16px 16px; background: #fff; padding: 20px;}
.kakao-msg-ctt .input { border-radius: 0; border: none;}
.kakao-alerm { background: #fff; padding: 15px 18px; border: 1px solid #ccc; border-radius: 4px; margin-bottom: 30px; display: none;}
.kakao-alerm-tit { display: flex; justify-content: space-between; align-items: center; margin-bottom: 13px;}
.kakao-alerm-left { gap: 10px; display: flex; align-items: center;}
.kakao-alerm-left select { margin-bottom: 0 !important;}
.kakao-alerm-right { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; width: 1%; gap: 7px; justify-content: flex-end;}

/* 구독상품 이용안내 */
.gd-banner { height: 260px; background: url('/b2c/resource/img/kpmobile/sub/guide-banner.jpg') center no-repeat; background-size: cover; border-radius: 16px; padding: 50px 60px; }
.gd-banner p { font-size: 16px; font-weight: 400; line-height: 1.5em; color: #555; letter-spacing: -.025em; margin: 0;}
.gd-banner h3 { font-size: 40px; font-weight: 800; letter-spacing: -.025em; line-height: 1.2em; color: #000; margin: 0; margin-bottom: 8px;}
.gd-tit { font-size: 28px; font-weight: 800; letter-spacing: -.025em; margin: 0; line-height: 1.3em; text-align: center; margin-bottom: 12px; color: #333;}
.gd-txt { line-height: 1.2em; font-size: 16px; font-weight: 400; text-align: center; margin: 0; color: #555; letter-spacing: -.025em; margin-bottom: 35px;}
.gd-ctt { margin-top: 100px; }
.gd-fx { display: flex; margin-bottom: 25px;}
.gd-left { width: 50%; margin-right: 10px; background: #a1e9f2; border-radius: 16px; padding: 55px 30px 35px 48px; text-align: right;}
.gd-fx .txtbox {text-align: left; margin-bottom: 20px;}
.gd-fx .gd-txt { margin-bottom: 5px; text-align: left;}
.gd-fx .txtbox h4 { font-size: 46px; font-weight: 800; letter-spacing: -.025em; line-height: 1.2em; color: #1da4d8; margin-top: 0;}
.gd-right { width: 50%; }
.gd-rightbox { padding: 24px 55px; border-radius: 16px; background: #eef8f8; width: 100%; margin-bottom: 8px; text-align: left; position: relative; overflow: hidden;}
.gd-rightbox h5 { margin: 0; font-size: 28px; font-weight: 800; letter-spacing: -.025em; line-height: 1.2em; color: #333;}
.gd-rightbox:last-child { margin-bottom: 0; }
.gd-icon { position: absolute; right: 55px; bottom: -3px;}
.gd-fxbox>p { font-size: 14px; }
.gd-list1 { display: flex; gap: 21px; flex-wrap: wrap;}
.gd-list1 li { width: calc(100%/3 - 14px); border-radius: 24px; border: 1px solid #ccc; padding: 30px 25px; }
.gd-list1 li img { border-radius: 16px; width: 100%;}
.gd-list1 li .tit { line-height: 1.2em; font-size: 18px; font-weight: 700; letter-spacing: -.025em; color: #242424; margin: 20px 0; text-align: center;}
.gd-list1 li .txt { line-height: 1.5em; font-size: 16px; font-weight: 400; letter-spacing: -.025em; color: #555;}
.gd-list2 { display: flex; gap: 28px; flex-wrap: wrap;}
.gd-list2 li { width: calc(100%/4 - 21px); }
.gd-list2 li img { border-radius: 16px;  width: 100%;}
.gd-list2 li .tit { line-height: 1.2em; font-size: 18px; font-weight: 700; letter-spacing: -.025em; color: #242424; margin: 25px 0 12px;}
.gd-list2 li .txt { line-height: 1.5em; font-size: 16px; font-weight: 400; letter-spacing: -.025em; color: #555; }
.gd-price { display: flex; margin-top: 40px; flex-wrap: wrap; gap: 21px;}
.gd-price>div { width: calc(100%/3 - 14px); border-radius: 16px; overflow: hidden; }
.gd-titbox { padding: 20px 25px 25px; text-align: left; position: relative; background: #c7e2f8; overflow: hidden;}
.gd-titbox span { display: block; font-size: 12px; font-weight: 800; letter-spacing: 0.5em; line-height: 1em; color: #333; margin-bottom: 15px;}
.gd-titbox p { font-size: 16px; font-weight: 400; letter-spacing: -.025em; color: #333; margin: 0;}
.gd-titbox p strong { display: inline-block; font-size: 30px; font-weight: 800; letter-spacing: -.025em; color: #333; padding-right: 3px;}
.gd-titbox img { position: absolute; right: -10px; bottom: -12px; }
.gd-price-ctt { padding: 15px 10px 35px; background: #f6faff;}
.gd-price-list li { border-bottom: 1px solid #dae9f5; padding: 10px; position: relative; font-size: 16px; font-weight: 400; letter-spacing: -.025em; line-height: 1.3em; color: #333; padding-left: 29px;}
.gd-price-list li::before { content: ""; position: absolute; left: 10px; top: 15px; width: 13px; height: 13px; background: url('/b2c/resource/img/kpmobile/sub/guide-chk.png') center no-repeat; background-size: contain;}
.gd-price-list li:last-child { border: none;}
.gd-price-bt { width: 100%; display: flex; align-items: center; justify-content: center; line-height: 1em; background: #fff; border-radius: 4px; border: 1px solid #ccc; font-size: 15px; font-weight: 700; letter-spacing: -.025em; color: #242424; margin-top: 60px; height: 50px;}
.gd-price-bt.mg { margin-top: 18px;}
.btn-subscribe {padding:20px; font-size:20px; font-weight:700; color:#fff; border-radius: 4px; letter-spacing: -.025em; width: 200px; display: inline-block;}
.btn-subscribe.clr1 { background: #1da4d8;}
.btn-subscribe.clr2 { background: #13579f;}
.gd-img {text-align: center;}

/* 구독상품 추천받기 */
.sg-box { padding: 35px; border: 1px solid #ccc; border-radius: 4px; display: none;}
.sg-box .tit {display: flex; align-items: center; font-size: 16px; font-weight: 800; letter-spacing: -.025em; color: #242424; margin-bottom: 40px;}
.sg-box .tit .num { width: 24px; height: 24px; border-radius: 100%; background: #13579f; color: #fff; line-height: 1em; font-size: 16px; font-weight: 800; letter-spacing: -.025em; margin-right: 10px; display: flex; align-items: center; justify-content: center;}
.sg-box p { margin-bottom: 15px;}
.sg-box .group-button-fx { justify-content: center; margin-top: 30px;}
.sg-box .group-button-fx .sub-btn { width: 250px;}
.sg-box .group-button-fx .sub-btn.bd { background: #fff; color: #242424; border: 1px solid #ccc;}
.sg-chk-items .item { border: 1px solid #ccc; border-radius: 4px; width: 100%; padding: 15px ; display: block; font-weight: 500; color: #999; margin-bottom: 5px;}
.sg-chk-items .item .checkbox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.1em 5px 0 0; width:20px; height:20px; background: url(../images/sub/subscribe-chk.png) 50% 50% no-repeat; border: none;}
.sg-chk-items .item .checkbox input:checked + label:before { background: url(../images/sub/subscribe-chk-c.png) 50% 50% no-repeat;}
.sg-chk-items .item .checkbox input:checked + label{ color: #000;}
.sg-chk-items .item .radiobox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.1em 5px 0 0; width:20px; height:20px; background: url(../images/sub/subscribe-chk.png) 50% 50% no-repeat; border: none;}
.sg-chk-items .item .radiobox input:checked + label:before { background: url(../images/sub/subscribe-chk-c.png) 50% 50% no-repeat;}
.sg-chk-items .item .radiobox input:checked + label{ color: #000;}
.sg-result { border-radius: 4px; text-align: center; background: #f2f2f2; padding: 60px 5px;}

/* 구독하기 */
.scribe-sv { display: flex; padding: 30px; position: relative;}
.scribe-sv .txtbox { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 50px; padding-top: 20px;}
.scribe-sv .txtbox h2 { font-size: 40px; font-weight: 800; letter-spacing: -.025em; color: #000; margin-bottom: 10px; line-height: 1.3em; }
.scribe-sv .txtbox h3 { font-size: 16px; font-weight: 700; letter-spacing: -.025em; line-height: 1.5em; color: #555;}
.subscribe-sb { position: absolute; right: -20%; bottom: -130px; }
.gd-ctt .tr { text-align: right; display: block; margin-top: 12px;}

/* 비즈챗 - 이용안내 */
.bizchat-info-title { text-align: center; margin-top: 50px; }
.bizchat-info-title h2 { font-size: 40px; font-weight: 800; letter-spacing: -.025em; color: #333; line-height: 1.2em; margin-bottom: 5px;}
.bizchat-info-title p { margin-bottom: 40px;}
.bizchat-info-list1 { display: flex; gap: 52px; flex-wrap: wrap;}
.bizchat-info-list1 li { width: calc(100%/4 - 39px); text-align: center; }
.bizchat-info-list1 li img { border-radius: 16px; }
.bizchat-info-list1 li .tit { font-size: 18px; font-weight: 700; letter-spacing: -.025em; line-height: 1.3em; margin: 20px 0 15px;}
.bizchat-info-list1 li .txt { font-size: 16px; text-align: left;}
.bizchat-info-img { display: flex; flex-wrap: wrap; margin-top: 90px;}
.bizchat-info-img>div { text-align: center; width: calc(100%/2);}
.bizchat-info-list2 {display: flex; flex-wrap: wrap;}
.bizchat-info-list2 li { width: calc(100%/6); text-align: center;}
.bizchat-info-list2 li .tit { font-size: 18px; font-weight: 700; letter-spacing: -.025em; line-height: 1.3em; margin: 20px 0 10px;}
.bizchat-info-list2 li .txt { font-size: 16px; }
.bizchat-bd { display: block; border-radius: 16px; margin-top: 30px;}
.bizchat-tit { font-size: 20px; font-weight: 800; color: #333; line-height: 1.3em; margin-bottom: 35px;}
.bizchat-info-list3 { display: flex; margin-top: 45px; gap: 30px; flex-wrap: wrap; margin-bottom: 80px;}
.bizchat-info-list3 li { width: calc(100%/5 - 24px); text-align: center; position: relative;}
.bizchat-info-list3 li::after { content: ""; position: absolute; width: 12px; height: 21px; background: url(../images/sub/biz-right.png) center no-repeat; background-size: contain; right: -21px; top: 63px;}
.bizchat-info-list3 li .iconbox { border-radius: 16px; border: 1px solid #ccc; padding: 42px 5px; margin-bottom: 13px;}
.bizchat-info-list3 li .txt { font-size: 16px; font-weight: 400;}
.bizchat-info-list3 li .txt span { font-size: 14px; line-height: 1.2em; display: block; margin-top: 10px;}
.bizchat-info-list3 li:last-child::after { display: none;}

/* 비즈링크 - 소개 */
.bizlink-fx { display: flex; }
.bizlink-left { width: 34%; border-radius: 16px; overflow: hidden;}
.bizlink-right { width: 66%; padding-left: 55px; padding-top: 20px; text-align: left ; }
.bizlink-right .gd-tit { text-align: left;}
.bizlink-right .gd-txt { text-align: left; line-height: 1.5em;}
.bizlink-box { position: relative;}
.bizlink-box .url-icon { position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%);}
.bizlink-fx2 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.bizlink-fx2.mg { margin-bottom: 0;}
.bizlink-fx2>div { display: inline-block; padding: 18px 20px 25px; border: 1px solid #ccc; border-radius: 16px; display: flex; align-items: flex-start; width: 300px; height: 130px;}
.bizlink-fx2>div .txtbox { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 15px; padding-top: 8px;}
.bizlink-fx2>div .txtbox h4 { font-size: 18px; font-weight: 800; letter-spacing: -.025em; line-height: 1em; margin-bottom: 12px;}
.bizlink-fx2>div .txtbox p { font-size: 14px; line-height: 1.23em; font-weight: 500;}
.bizlink-list { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 100px;}
.bizlink-list li { width: calc(100%/2 - 10px); display: flex; align-items: center; border-radius: 16px; border: 1px solid #ccc; padding: 30px; }
.bizlink-list li .txtbox { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 25px;}
.bizlink-list li .txtbox .txt { line-height: 1.25em; font-size: 16px; margin-bottom: 10px;}
.bizlink-list li .txtbox .txt.txt2 { margin-bottom: 0; }
.bizlink-list li .txtbox .txt strong { display: inline-block; font-weight: 700; color: #242424; padding-right: 10px;}

/* 비즈링크 - 관리 */
.bizlink-mn-list { display: flex; gap: 10px; margin-bottom: 15px; flex-wrap: wrap;}
.bizlink-mn-list li { width: calc(100%/3 - 7px); border: 1px solid #ccc; border-radius: 4px; padding: 15px; background: #f2f2f2;} 
.bizlink-mn-list li .tit { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; letter-spacing: -.025em; color: #242424; line-height: 1.2em; margin-bottom: 25px;}
.bizlink-mn-list li .whitebox { background: #fff; text-align: right; padding: 45px 20px 12px; font-size: 25px; font-weight: 700; line-height: 1.2em; color: #555;}
.bizlink-mn-list li:last-child { background: #fff;}
.bizlink-mn-list li .txt { padding: 0 20px; line-height: 1.5em; font-size: 16px; font-weight: 400; }
.bizlink-mn-fx { gap: 7px; display: flex; align-items: center; justify-content: center;}
.bizlink-mn-fx button { border: none; border-radius: 4px; background: #272e3a; width: 80px; height: 30px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px; font-weight: 700; line-height: 1em; }
.bizlink-mn-fx a { display: flex; height: 30px; align-items: center; justify-content: center; text-align: center; font-size: 15px; font-weight: 700; color: #333; border-radius: 4px; border: 1px solid #13579f; padding: 6px 15px; line-height: 1em; }

/* 구독서비스 - 이벤트 */
.subscribe-event {margin-bottom:120px;}
.subscribe-event .box {position:relative; display:flex; align-items:flex-start; min-height:180px; margin:0 0 13px; padding:37px 38px;  border:1px solid #ccc; border-radius:20px;}
.subscribe-event .box .num {position:relative; margin:-14px 15px 0 0; min-width:50px; background:#ed695d; border-radius:100%; text-align:center; line-height:50px; color:#fff; font-weight:700;}
.subscribe-event .box .cnt {margin-right:170px;}
.subscribe-event .box .cnt h3 {margin:0 0 12px; font-size:20px; font-weight:700; letter-spacing:-.03em;}
.subscribe-event .box .cnt p {margin:0;}
.subscribe-event .box .cnt ul {margin-top:1em; display:grid; gap:2px 0;}
.subscribe-event .box .cnt .text-red {color:#af2c38;}
.subscribe-event .box .cnt .text-dark {color:#333;}
.subscribe-event .box .cnt .text-sm {margin-top:6px; color:#999; font-size:14px;}
.subscribe-event .box .img {position:absolute; bottom:5px; right:44px;}

.subscribe-event .lucky-chance {display:flex; margin:36px 0 60px;}
.subscribe-event .lucky-chance .ico {min-width:77px; margin:0 20px 0 15px;}
.subscribe-event .lucky-chance h3 {margin:0 0 6px; font-family:'GmarketSans',sans-serif; font-size:24px; font-weight:700;}
.subscribe-event .lucky-chance h3 em {font-style: normal; color:#ed695d;}
.subscribe-event .lucky-chance h3 .dot {position:relative;}
.subscribe-event .lucky-chance h3 .dot:before {content:''; position:absolute; top:0; left:50%; margin:-13px 0 0 -3px; width:6px; height:6px; border-radius:100%; background:#ed695d;}
.subscribe-event .lucky-chance .s-tt {font-size:18px; color:#333;}
.subscribe-event .lucky-chance ul {display:grid; gap:6px; margin:1em 0 0 .7em;}
.subscribe-event .lucky-chance ul li {position:relative; padding-left:13px;}
.subscribe-event .lucky-chance ul li:before {content:'˙'; position:absolute; top:0; left:0; font-weight:700;}

.event-gift {margin:50px 0 130px; text-align:center;}
.event-gift .items {display:flex; justify-content:space-around; gap:30px;}
.event-gift .item .img {margin-bottom:20px;}
.event-gift .item .num {margin:25px auto 0; width:62px; height:62px; background:#ed695d; border-radius:100%; color:#fff; font-size:20px; font-weight:700; line-height:62px;}

.event-step {position:relative; margin-bottom:60px; border:1px solid #ccc; text-align:center;}
.event-step h4 {position:absolute; top:-23px; left:calc(50% - 100px); width:200px; margin:0; border-radius:30px; background:#333; color:#fff; font-size:20px; font-weight:700; line-height:46px;}
.event-step h4 i {display:inline-block; margin:-.2em 10px 0 0; width:23px; height:23px; background:url('/b2c/resource/img/kpmobile/sub/icon-check-white.png') 50% 50% no-repeat; vertical-align:middle;}
.event-step .items {display:flex; padding:60px 30px 50px;}
.event-step .item {flex:1;}
.event-step .item .ico {margin-bottom:20px;}
.event-step .item .step {margin:0 auto; width:100px; background:#ed695d; border-radius:26px; color:#fff; font-size:12px; font-weight:700; line-height:26px; letter-spacing:.1em;}
.event-step .item .tit {margin:10px 0; color:#333; font-size:18px; line-height:24px;}
.event-step .item .txt {color:#333; font-size:14px; line-height:1.5em;}

/* 2024-11-05 추가 */
/* 충전 - 결제완료 */
.clear-box { display: flex; border-bottom: 1px solid #ccc; margin-bottom: 40px; padding: 50px 120px; align-items: flex-start;}
.clear-box .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 45px; }
.clear-box .info h2 { font-size: 40px; line-height: 1.2em; letter-spacing: -.025em; font-weight: 800; color: #333; margin-bottom: 30px; }
.clear-box .info p { font-size: 16px; font-weight: 300; line-height: 1.4em; letter-spacing: -.025em; color: #555; margin-bottom: 35px;}
.clear-box .info p strong { font-weight: 800; color: #333;}
.clear-txt { display: flex; justify-content: center;}
.clear-txt p { position: relative; padding-left: 22px;}
.clear-txt p::before { content: ""; position: absolute; left: 0; width: 14px; height: 14px; background: url(../images/sub/notice-i.png) center no-repeat; background-size: contain;top: 5px;}
.clear-txt p a { text-decoration: underline; text-underline-position: under; color: #13579f;}

/* 주소록 관리 */
.mn-fx { display: flex; gap: 20px; margin-top: 15px;}
.mn-fx .left { width: 33.3333%;}
.mn-fx .right { width: 66.6667%;}
.mn-sch { position: relative; }
.mn-sch .input { padding-right: 50px;}
.mn-sch-btn { position: absolute; right: 0; top: 0; height: 50px; width: 50px; background: url(../images/sub/mn-sch.png) center no-repeat; background-size: 14px; border: none; background-color: transparent; text-indent: -9999em;}
.mn-box .group-button-fx .input { flex: 1 1 auto; min-width: 0; width: 1%;}
.mn-folder { padding: 16px; background: #fff; border-radius: 4px; border: 1px solid #ccc; min-height: 575px; overflow: auto;}
.mn-folder::-webkit-scrollbar { width: 10px; background: #f2f2f2;}
.mn-folder::-webkit-scrollbar-thumb { background-color: #ccc; width: 10px; height: 120px; background-clip: padding-box; }
.mn-folder::-webkit-scrollbar-track { background-clip: padding-box; }
.mn-folder::-webkit-scrollbar-button { width: 0;}
.mn-folder ul li { padding: 5px; display: flex; align-items: center; justify-content: space-between; border-radius: 2px; transition: .2s;}
.mn-folder ul li:hover { background: #ccc;}
.mn-folder ul li .name { line-height: 1em; font-size: 15px; font-weight: 700; letter-spacing: -.025em; color: #555; position: relative; padding-left: 26px; cursor: pointer; }
.mn-folder ul li .name::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 15px; height: 13px; background: url(../images/sub/mn-folder.png) center no-repeat; background-size: contain;}
.mn-folder ul li .link { display: inline-flex; gap: 10px;}
.mn-folder ul li .link a { display: contents;}
.mn-folder-fx { display: flex; gap: 5px; margin-top: 15px;}
.mn-folder-fx .folder-sch { width: 58%; display: flex; align-items: center; gap: 10px;}
.mn-folder-fx .folder-sch .input { flex: 1 1 auto; min-width: 0; width: 1%; height: 33px; margin-bottom: 0;}
.mn-folder-fx .btns { display: flex; gap: 4px; flex-wrap: wrap; width: 42%;}
.mn-folder-fx .btns a { width: calc(100%/2 - 2px); height: 33px; line-height: 1em; font-size: 15px; font-weight: 700; color: #fff; letter-spacing: -.025em; border-radius: 4px; background: #272e3a; display: flex; align-items: center; justify-content: center;}
.mn-top h3 {margin-right: 30px;}
.mn-top .mn-upload { margin-left: 60px;}
.cate-btm .mn-sch { max-width: 300px; width: 100%; position: relative; }
.mn-tbl tr td .input { height: 33px; border-radius: 0; font-size: 15px; font-weight: 400; letter-spacing: -.025em; color: #999;text-align: center;}
.mn-tbl tr td .input[readonly] {border: none; padding: 5px 10px; color: #555; }
.mn-tbl tr td { padding: 8px 3px;}

/* 팝업예시 */
.example-pop { display: flex; gap: 5px; margin-top: 50px; flex-wrap: wrap;}
.example-pop a { width: auto;}

/* 주소록 - 내문자함 */
.my-msg-list { display: flex; border-top: 1px solid #ccc; padding-top: 20px; gap: 55px 10px; flex-wrap: wrap;}
.my-msg-list.list2 { gap: 25px 12px;}
.my-msg-list li { width: calc(100%/5 - 8px); }
.my-msg-list.list2 li { width: calc(100%/4 - 9px); }
.my-msg-list li .input { margin-bottom: 10px;}
.my-msg-list li textarea { margin-bottom: 5px !important;}
.my-msg-list li .input[readonly] { background: #f2f2f2;}
.my-msg-list li .link { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap;}
.my-msg-list li .link a { height: 40px;}
.my-msg-list li .link a.save { background: #13579f; border: 1px solid #13579f; color: #fff; display: none;}
.my-msg-list li .link a.cancel { background: #272e3a; border: 1px solid #272e3a; color: #fff; display: none;}

/* 문자(AI) - 공통 */
.ms-select-fx { margin-bottom: 10px; display: flex; gap: 10px; flex-wrap: wrap; position: relative; }
.ms-select-fx select { width: calc(100%/2 - 5px); font-size: 15px; font-weight: 700; color: #242424;}
.msg-ad-fx { display: flex; justify-content: space-between; margin-bottom: 15px; align-items: center;}
.msg-ad-fx .category { border-radius: 2px; width: 50px; height: 25px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; font-weight: 500; letter-spacing: -.025em; line-height: 1em; background: #1da4d8;}
.msg-ad-fx .category.clr2 { background: #13579f;}
.msg-ad-fx .category.clr3 { background: #7845d5;}
.msg-ad-fx .category2 { border-radius: 2px; height: 25px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; font-weight: 500; letter-spacing: -.025em; line-height: 1em; background: #00cfe2; padding: 0 5px; width: 130px; text-align: center;}
.msg-ad-fx .category2.clr2 { background: #13579f;}
.msg-ad-fx .category2.clr3 { background: #339a6d; }
.msg-ad-fx .category2.clr4 { background: #b78039; }
.msg-ad-fx .category3 { border-radius: 2px; width: 40px; height: 20px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: -.025em; line-height: 1em; background: #00cfe2;}
.msg-ad-fx .category3.clr2 { background: #13579f;}
.msg-ad-fx .category3.clr3 { background: #7845d5;}
.msg-ad-fx.tr { justify-self: flex-end;}
.switch-wrap { display: flex; align-items: center; }
.switch-wrap .txt { font-size: 15px; font-weight: 600; letter-spacing: -.025em; line-height: 1em; color: #333; margin-right: 15px; }
.switch-wrap .switch { width: 40px; height: 20px; border: 1px solid #ccc; border-radius: 10px; background: #ccc; position: relative; cursor: pointer; transition: .2s;}
.switch-wrap .switch .circle { position: absolute; left: 0; width: 18px; height: 18px; border-radius: 100%; background: #fff; transition: .2s;}
.switch-wrap .switch.on { background: #1da4d8; }
.switch-wrap .switch.on .circle { left: 20px;}
.swi-txtarea { position: relative; }
.swi-txtarea .ad-txt { position: absolute; padding: 3px; line-height: 1em; top: 13px; background: #f2f2f2; height: 25px; font-size: 15px; font-weight: 500; letter-spacing: -.025em; color: #999; width: calc(100% - 32px); margin-left: 16px; display: none; align-items: center;}
.swi-txtarea.on textarea { padding: 45px 13px;}
.swi-txtarea.on .ad-txt { display: flex; }
.swi-txtarea.on .ad-txt.bottom { top: auto; bottom: 35px;}
.image-swiper { margin-top: 10px; display: none;}
.image-swiper .swiper-slide { width: 100%; position: relative; display: block; }
.image-swiper .swiper-slide .thumb {position:relative; padding-bottom:150%; overflow:hidden; border-radius: 4px;}
.image-swiper .swiper-slide .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.image-swiper .swiper-slide .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08); border-radius: 4px;}
.image-swiper .swiper-slide .thumb .close { width: 9px; height: 9px; position: absolute; right: 5px; top: 5px; background: url(../images/sub/image-close.png) center no-repeat; background-size: contain; display: inline-block; z-index: 11;}
.images-btn { height: 50px; padding: 5px 25px; display: flex; align-items: center; justify-content: center; border: 1px solid #272e3a; background: #272e3a; border-radius: 4px; font-size: 15px; font-weight: 700; color: #fff; line-height: 1em; gap: 5px; width: 100%;}
.ms-cenbox { margin-bottom: 40px;}
.ms-cen .group-button-fx .input { flex: 1 1 auto; min-width: 0; width: 1%; }
.ms-receive { display: flex; align-items: center; margin-bottom: 25px;}
.ms-receive h4 { font-size: 15px; font-weight: 700; line-height: 1em; letter-spacing: -.025em; color: #242424; margin-right: 25px;}
.ms-receive .group-button-fx { flex: 1 1 auto; min-width: 0; width: 1%; }
.ms-btn-fx { display: flex; align-items: flex-start !important; justify-content: space-between; margin-bottom: 25px;}
.ms-btn-fx>div { flex: 1 1 auto; min-width: 0; width: 1%; display: flex; justify-content: flex-end; gap: 10px;}
.msg-copy-wrap { padding: 0 !important;}
.msg-tbl { border: 1px solid #ddd;}
.msg-copy { min-height: 430px; display: flex; align-items: center; justify-content: center; overflow: auto; padding: 0 5px;}
.msg-copy::-webkit-scrollbar { width: 10px; background: #f2f2f2;}
.msg-copy::-webkit-scrollbar-thumb { background-color: #ccc; width: 10px; height: 120px; background-clip: padding-box; }
.msg-copy::-webkit-scrollbar-track { background-clip: padding-box; }
.msg-copy::-webkit-scrollbar-button { width: 0;}

/* RCS 발송 */
.ship-fx { display: flex; gap: 20px; }
.ship-fx .left { width: 33.3333%;}
.ship-fx .center { width: 36.6667%; position: relative;}
.ship-fx .right2 { width: 30%; position: relative;}
.ship-txtbox p { padding-left: 23px; }
.ship-txtbox p a { text-decoration: underline; text-underline-position: under; color: #1da4d8;}
.ship-txtbox p::before { width: 14px; height: 14px; background: url(../images/sub/upload-i.png) center no-repeat; background-size: contain; top: 5px;}
.ms-cenbox .radio-items .radiobox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:20px; height:20px; background-color:#f4f4f4; border:1px solid #ccc; border-radius:2px;}
.ms-cenbox .radio-items .radiobox input:checked + label:before {background:#13579f url("../images/bbs/checkbox.png") 50% 50% no-repeat;}
.ship-msg-fx { display: flex; align-items: center; gap: 15px; margin-bottom: 6px;}
.ship-msg-fx .subtit { margin-bottom: 0;}
.ship-letter-wrap .ship-letter { display: none;}
.ship-letter-wrap.on .ship-letter { display: block;}
#photoWrap { display: none;}
.photo-fx { display: flex; align-items: flex-start; margin-bottom: 10px;}
.photo-fx .tit { line-height: 1em; font-size: 15px; font-weight: 700; letter-spacing: -.025em; color: #333; width: 95px; padding-top: 5px;}
.photo-fx .info { flex:1 1 auto; min-width: 0; width: 1%; }
.photo-fx .contents { display: none;}
.photo-fx .file-wrap { display: flex; align-items: center; margin: 10px 0; flex-wrap: wrap;}
.photo-fx .file-wrap .file-upload-btn2 {display:inline-block; padding:9px 18px; background:#272e3a;border-radius:4px; color:#fff; font-weight:500; line-height:1.3em; margin-right: 25px; }
.photo-fx .file-wrap .file-upload-btn svg {width:14px; height:auto; margin:-.2em 5px 0 0; vertical-align:middle;}
.photo-fx .file-wrap .file-upload-preview { flex: 1 1 auto; min-width: 0; width: 1%; }
.photo-fx .file-wrap .file-upload-preview li { font-size:14px; line-height:1.3em; word-break:break-all; }
.photo-fx .file-wrap .file-upload-preview li .title { font-size: 15px; font-weight: 300; line-height: 1.2em; margin-bottom: 5px; color: #ff6c00;}
.photo-fx .file-wrap .file-upload-preview li .txt { font-size: 15px; font-weight: 700; letter-spacing: -.025em; line-height: 1.2em; color: #555; position: relative; padding-left: 20px; }
.photo-fx .file-wrap .file-upload-preview li .txt::before { content: ""; position: absolute; left: 0; top: 2px; width: 14px; height: 14px; background: url(../images/sub/notice-i.png) center no-repeat; background-size: contain;}
.photo-fx .file-wrap .file-upload-preview button {display:inline-block; margin:-.2em 5px 0 0; padding:4px; background:#000; border:0; vertical-align:middle;}
.photo-fx .file-wrap .file-upload-preview button svg {display:block; vertical-align:top; width:8px; height:auto;}
.file-video-txt { margin-top: 10px;}
.file-video-txt p { position: relative; font-size: 15px; font-weight: 700; letter-spacing: -.025em; line-height: 1.2em; color: #555; position: relative; padding-left: 20px; }
.file-video-txt p::before { content: ""; position: absolute; left: 0; top: 2px; width: 14px; height: 14px; background: url(../images/sub/notice-i.png) center no-repeat; background-size: contain;}
#Radio4 .input[readonly] { background: #eee;}
.tab2-box { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 30px;}
.tab2-box.on { display: flex;}
.tab2-box .item { width: calc(100%/3 - 4px); text-align: center; line-height: 1em; position: relative; font-size: 15px; font-weight: 500; letter-spacing: -.025em; color: #999; background: #e6e6e6; padding: 5px; transition: .2s; cursor: pointer; }
#tab2Wrap .item .close { position: absolute; right: 2px; top: 2px; width: 8px; height: 7px; background: url(../images/sub/tab-close.png) center no-repeat; background-size: contain; display: inline-block; z-index: 11;}
#tab2Wrap .item:hover { background: #fff; color: #242424; }
#tab2Wrap .item:hover .close { background-image: url(../images/sub/tab-close-b.png);}
#tab2Wrap .item.on { background: #fff; color: #242424; }
#tab2Wrap .item.on .close { background-image: url(../images/sub/tab-close-b.png);}

.tab-menu { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 30px;}
.tab-menu.on { display: flex;}
.tab-menu .item { width: calc(100%/3 - 4px); text-align: center; line-height: 1em; position: relative; font-size: 15px; font-weight: 500; letter-spacing: -.025em; color: #999; background: #e6e6e6; padding: 5px; transition: .2s; cursor: pointer; }
.tab-menu .item .close { position: absolute; right: 2px; top: 2px; width: 8px; height: 7px; background: url(../images/sub/tab-close.png) center no-repeat; background-size: contain; display: inline-block; z-index: 11;}
.tab-menu .item:hover { background: #fff; color: #242424; }
.tab-menu .item:hover .close { background-image: url(../images/sub/tab-close-b.png);}
.tab-menu .item.on { background: #fff; color: #242424; }
.tab-menu .item.on .close { background-image: url(../images/sub/tab-close-b.png);}

/* .tab2-box button { width: calc(100%/3 - 3px); background: #e6e6e6; padding: 5px; text-align: center; cursor: pointer; font-size: 15px; font-weight: 500; letter-spacing: -.025em; line-height: 1em; color: #999; border: none; transition: .2s; margin-bottom: 15px;}
.tab2-box { display: none;}
.tab2-box.on { display: block; }
.tab2-box button:hover { background: #fff; color: #242424;}
.tab2-swiper .swiper-slide-active { background: #fff; color: #242424;}
.tab2-swiper .swiper-slide-active .close { background-image: url(../images/sub/tab-close-b.png);}
.tab2-swiper .swiper-slide.active { background: #fff; color: #242424;}
.tab2-swiper .swiper-slide.active .close { background-image: url(../images/sub/tab-close-b.png);}
.tab2-swiper-slide:hover { background: #fff; color: #242424; }
.tab2-swiper-slide:hover .close { background-image: url(../images/sub/tab-close-b.png);} */

/* 문자 토글다운 레이어 */
.ms-toggle {display:inline-block; vertical-align:middle; position:relative; z-index:10; width: calc(100%/2 - 5px) !important;}
.ms-toggle .select-hidden {display:none;}
.ms-toggle .select-input {position:relative; padding:0 40px 0 12px; height:50px; font-size:15px; line-height:48px; overflow:hidden; white-space:nowrap; cursor:pointer; background:#fff url("../images/sub/custom_select.png") right 12px center no-repeat; border:1px solid #ccc; z-index:2; font-weight: 700; color: #242424; border-radius: 4px; }
.ms-toggle .select-options {display:none; position:absolute; margin-top:-1px; left:0; width:100%; max-height:460px; font-size:15px; line-height:1.5em; letter-spacing:-.025em; background:#fff; border:1px solid #ccc; overflow:auto; color: #999; padding: 15px 0;}
.ms-toggle .select-options li {padding:2px 12px; cursor:pointer; transition:.2s;}
.ms-toggle.active .select-input {background-image: url(../images/sub/custom_select_up.png); border-radius: 4px 4px 0 0;}
.ms-toggle .select-option2 { width: calc(200% + 10px); }

.ms-toggle2 {display:inline-block; vertical-align:middle; position:relative; z-index:10; width: calc(100%/2 - 5px) !important;}
.ms-toggle2 .select-hidden {display:none;}
.ms-toggle2 .select-input {position:relative; padding:0 40px 0 12px; height:50px; font-size:15px; line-height:48px; overflow:hidden; white-space:nowrap; cursor:pointer; background:#fff url("../images/sub/custom_select.png") right 12px center no-repeat; border:1px solid #ccc; z-index:2; font-weight: 700; color: #242424; border-radius: 4px; }
.ms-toggle2 .select-options {display:none; position:absolute; margin-top:-1px; left:0; width:100%; max-height:460px; font-size:15px; line-height:1.5em; letter-spacing:-.025em; background:#fff; border:1px solid #ccc; overflow:auto; color: #999; padding: 15px 0;}
.ms-toggle2 .select-options li {padding:2px 12px; cursor:pointer; transition:.2s;}
.ms-toggle2.active .select-input {background-image: url(../images/sub/custom_select_up.png); border-radius: 4px 4px 0 0;}
.ms-toggle2 .select-option2 { width: calc(200% + 10px); }

.toggle-btnwrap { display: flex; flex-wrap: wrap;}
.toggle-btnwrap button { width: calc(100%/10); text-align: center; border: none; background: transparent; font-size: 16px; color: #020303; display: inline-block; font-weight: 300; font-family: '굴림'; }


/* RCS 소개 2025.03 */
.mobile { display:none; }
.rcs-wrap { position:relative; padding:0 64px; }
.rcs-wrap h4 { text-align:center; font-size:28px; line-height:1.4; font-weight:700; margin-bottom:40px; color:#000; }
.rcs-wrap:before {content:''; position:absolute; left:0; right:0; top:0; height:730px; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(4,96,165,1) 100%); z-index:-1;} 
.rcs-wrap .head { max-width:880px;  padding: 90px 0 0; background:url(../images/sub/rcs/rcs_ico1.svg) no-repeat 100% 70px; margin:0 auto; }
.rcs-wrap .head h2 { margin-bottom:60px; color:#fff;  }
.rcs-wrap .head h2 strong { font-family: "Lexend", sans-serif; font-size:96px;  line-height:1; }
.rcs-wrap .head h2 p { font-size:28px; font-weight:600; margin-top:20px; }
.rcs-wrap .head h3 { font-size:18px; line-height:1.7; margin-bottom:60px; color:#fff; font-weight:300; }
.rcs-wrap .msg1 { display:flex; justify-content:space-between;  padding: 50px 50px 20px 60px; border-radius:32px; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 48%, rgba(255,255,255,1) 100%);margin-bottom:40px; }
.rcs-wrap .msg1 .t1 { font-size:16px; color:#1D4B6A; line-height:1.5; margin-bottom:10px; }
.rcs-wrap .msg1 .t2 { font-size:25px; color:#000; line-height:1.5; }
.rcs-wrap .msg2 { display:flex; justify-content:space-between; gap:30px; margin-bottom:120px; }
.rcs-wrap .msg2 section { padding: 40px 50px; border-radius:32px; background:#368ecf; text-align:center; }
.rcs-wrap .msg2 section dl dt { font-size:16px; color:#fff; line-height:1.5; opacity:0.8; margin-bottom:5px; }
.rcs-wrap .msg2 section dl dd { font-size:18px; color:#fff; line-height:1.5;  font-weight:600; margin-bottom:30px;  }
.rcs-wrap .msg2 section:last-child { background:#d7e8f4; }
.rcs-wrap .msg2 section:last-child dl dt { color:#0D5184; }
.rcs-wrap .msg2 section:last-child dl dd { color:#0D5184;  margin-bottom:50px;}
.rcs-wrap .msg3 { padding-bottom:100px; }
.rcs-wrap .msg3 .img { text-align:center; margin-top:-20px; }
.rcs-feature { padding: 95px 64px; background:#FAFAFA; margin:0 -64px; }
.rcs-feature .inner { max-width:880px; margin:0 auto;}
.rcs-feature ul { display:flex; flex-wrap:wrap;justify-content:space-between; gap:48px 0; max-width:730px; margin:0 auto; }
.rcs-feature ul li { flex:0 0 200px; text-align:center;  }
.rcs-feature ul li i { display:flex; align-items:center;justify-content:center; width:96px; height:96px; margin:0 auto; border-radius:40px; background:#fff; box-shadow:0 0 16px rgba(0,0,0,0.05);  }
.rcs-feature ul li dl dt { font-size:18px; font-weight:600; margin:14px 0 4px; color:#000; }
.rcs-feature ul li dl dd { font-size:15px; line-height:1.5; color:#737373; }

.rcs-guide { padding: 120px 0; }
.rcs-guide .inner { max-width:900px; margin:0 auto;}
.rcs-guide ul { display:flex; flex-wrap:wrap; gap:46px;  }
.rcs-guide ul li { flex:1; position:relative; }
.rcs-guide ul li + li:before {content:''; position:absolute; left:-46px; width:46px; height:46px; top:50%; margin-top:-23px; background:url(../images/sub/rcs/ico_step_arr.svg) no-repeat 50% 50%;}
.rcs-guide ul .item { display:flex; flex-direction:column; justify-content:space-between; height:100%;  padding: 54px 30px 30px ; border-radius:32px; border:1px solid #eaeaea; position:relative; text-align:center; }
.rcs-guide ul .item em { position:absolute; left:22px; top:22px; font-size:20px; font-weight:700;   font-family: "Montserrat", sans-serif;  color:#000;  font-style:normal; }
.rcs-guide ul .item dl dt { font-size:18px; font-weight:600; line-height:1.5; margin:10px 0 8px; color:#000; }
.rcs-guide ul .item dl dd { font-size:15px; line-height:1.5; color:#737373; }
.rcs-guide ul .item .btns { margin-top:22px; }
.rcs-guide ul .item .btns a { display:block; line-height:36px; border-radius:8px; background:#E9E9E9; font-size:14px; color:#000; font-weight:500; margin-top:8px; }


.rcs-faq { padding:  0 0 120px; }
.rcs-faq .inner { max-width:900px; padding:0 50px; margin:0 auto;}
.rcs-faq ul li { margin-bottom:20px; border-radius:12px; background:#fff; border:1px solid #f2f2f2; box-shadow:0 0 16px rgba(0,0,0,0.1);  padding: 24px; }
.rcs-faq ul li .q a { display:block; padding-left:20px; position:relative;  font-size:18px; font-weight:700; color:#000; padding-right:30px;  }
.rcs-faq ul li .q a:before{ content:''; position:absolute; right:0; top:0; width:24px; height:24px; background:url(../images/sub/rcs/ico_qna_arr.svg) no-repeat 50% 50%; transition:all 0.5s ease; transform:rotate(180deg); }
.rcs-faq ul li .q strong { color:#13579F; position:absolute; left:0; top:0; }
.rcs-faq ul li .a { display:none; font-size:16px; line-height:1.55; color:#606060; padding-top:12px; }
.rcs-faq ul li .q.active a:before { transform:rotate(0); }

.bs h4 { font-size:18px; font-weight:600; padding:20px 0; color:#898989;}
.bs ul { display:flex; flex-wrap:wrap; padding:20px 0 35px; border-bottom:1px solid #eaeaea; }
.bs ul li.arr { flex:0 0 24px; display:flex; align-items:center;justify-content:center;  }
.bs ul li.arr:before {content:''; display:block; width:24px; height:24px;background:url(../images/sub/rcs/ico_brand_arr.svg) no-repeat 50% 50%;  }
.bs ul li { text-align:center;flex:0 1 200px; }
.bs ul li i { display:flex; align-items:center;justify-content:center; width:96px; height:96px; margin:0 auto; border-radius:40px; background:#fff; box-shadow:0 0 16px rgba(0,0,0,0.05);  }
.bs ul li dl dt { font-size:16px; font-weight:600; margin:14px 0 2px; color:#000; }
.bs ul li dl dd { font-size:15px; line-height:1.5; color:#737373; }
.bs-doc { display:flex; gap:18px; border-bottom:1px solid #eaeaea; padding-bottom:20px; margin-bottom:20px; }
.bs-doc dl { border-radius:24px; background:#f6f6f6; padding: 24px; }
.bs-doc dl dt{ font-size:16px; font-weight:600; color:#505050; margin-bottom:10px; }
.bs-doc dl dd p { font-size:16px; color:#777; line-height:1.5; position:relative; padding-left:24px; margin-top:5px;  }
.bs-doc dl dd p:before{ content:''; position:absolute; left:10px; top:9px; width:4px; height:4px; border-radius:100%; background:#767676; }
.bs .sub-btn { background:#272E3A; max-width:420px;}


.sub-tbl-wrap.type2 { }
.sub-tbl-wrap.type2 .sub-tbl th { padding:5px 3px 2px; font-size:13px; }
.sub-tbl-wrap.type2 .sub-tbl td { padding:2px 3px; font-size:13px; }
.sub-tbl-wrap.type2 strong.blue { color:#007aff; font-weight:700; }
.sub-btn.type2 {background:#272E3A; max-width:420px; height:50px; font-size:20px; color:#fff;border:0; }
.send-progress { padding: 10px; background:#f7f7f7; border-radius:6px; margin-top:10px; position:relative;  }
.send-progress dl { display:flex; justify-content:space-between;  font-size:13px; margin-bottom:5px;  }
.send-progress dl dt { color:#555; font-weight:600; }
.send-progress dl dd { color:#a0a0a0; }
.send-progress dl dd strong { color:#555; }
.send-progress .bar { height:4px; border-radius:4px; background:#dbdbdb; position:relative; }
.send-progress .bar em { position:absolute; left:0; top:0; bottom:0; border-radius:4px; width:0; background:#13579E; }
.send-progress .msg { position:absolute; left:50%; bottom:0; width:164px; margin-left:-84px; line-height:46px; border-radius:16px; background:#000; font-size:14px; color:#fff; text-align:center; }
.modal_wrap.type2 { padding-top:20px !important; padding-bottom:15px !important; }
.modal_wrap.type2 .buttons { margin-bottom:0; }


/* 카카오톡 안내 */
.kakao-guide{  background:url(../images/sub/kakao/bg_head.png) repeat-x 0 0; }
.kakao-guide .inner { max-width:900px; margin:0 auto; }
.kakao-guide .head { padding:100px 0 150px; background:url(../images/sub/kakao/ico_tit.svg) no-repeat right 90px; }
.kakao-guide .head h2 { font-size:70px; font-weight:700; color:#444444; line-height:1; margin-bottom:20px}
.kakao-guide .head h3 { font-size:20px; color:#444; font-weight:300; }
.sub-tit { text-align:center ; font-size:28px; font-weight:700;  margin-bottom:50px; text-align:center; line-height:1.1; color:#444; }
.sub-tit p { font-size:16px; font-weight:500;  margin-top:10px;}
.sub-tit2 { text-align:center; font-size:18px; font-weight:600; padding:10px 0 20px; position:relative; color:#444;  }
.sub-tit2:before {content:''; position:absolute; left:50%; top:0; width:17px; height:3px; background:#444; margin-left:-8px;  }
.kakao1  { margin-bottom:130px; }
.kakao1 ul { display:flex; gap:20px; text-align:center; }
.kakao1 ul li p { font-size:18px; font-weight:600; padding:10px 0 15px; position:relative; }
.kakao1 ul li p:before {content:''; position:absolute; left:50%; top:0; width:17px; height:3px; background:#444; margin-left:-8px; }
.kakao2  { margin-bottom:130px; }
.kakao2 ul { display:flex; flex-wrap:wrap; margin:0 -10px; gap:20px 0; }
.kakao2 ul li { width:50%; padding:0 10px; }
.kakao2 ul li .item { height:100%; border-radius:32px; padding: 36px 0 0 36px; height:280px; background:#296088;color:#fff;  }
.kakao2 ul li .item dl dt { font-size:24px; font-weight:600; margin-bottom:10px;}
.kakao2 ul li .item dl dd { font-size:16px; font-weight:500; opacity:0.8; line-height:1.5; font-weight:400; }
.kakao2 ul li .item.i1 { background:#296088 url(../images/sub/kakao/ico_fe1.png) no-repeat 70% 100%; }
.kakao2 ul li .item.i2 { background:#D7E8F4 url(../images/sub/kakao/ico_fe2.svg) no-repeat 90% 80%; }
.kakao2 ul li .item.i3 { background:#D7E8F4 url(../images/sub/kakao/ico_fe3.svg) no-repeat 90% 80%; }
.kakao2 ul li .item.i4 { background:#296088 url(../images/sub/kakao/ico_fe4.svg) no-repeat 90% 80%; }
.kakao2 ul li .item.i2 dl,
.kakao2 ul li .item.i3 dl{ color:#296088; }
.kakao-guide .rcs-guide { padding:0; margin-bottom:40px; }
.kakao-guide .rcs-faq { margin-top:130px; }

.rcs-faq .dott { padding-left:20px; position:relative; }
.rcs-faq .dott:before{ content:''; position:absolute; left:9px; top:9px; width:3px; height:3px; border-radius:100%; background:#606060; }






.hr1 { display:block; width:100%; margin:20px 0; height:1px; background:#E4E4E4; border:0; }
.tit-inp { font-size:14px; font-weight:600; color:#8d9ea9; margin-bottom:8px; }
.inp-box1 { display:flex; gap:10px; }
.timeout { margin-bottom:20px; font-size:13px; color:#919191; font-weight:500; }
.timeout strong { color:#ff0000; font-weight:500; }

.inp-box1 .sub-btn { flex:0 0 70px; padding-left:0; padding-right:0; }
.sub-btn.lg { height:60px; font-size:20px; width:245px; }



.main-banner1 { margin-top:-30px; }
.main-banner1 .swiper-slide a { display:block; height:360px; background-position:50% 50%; background-repeat:repeat-x; }
.main-banner1 .swiper-slide a.mobile { display:none; }
.main-banner1 .controls { max-width:1120px;  display:flex; align-items:center; gap:20px;margin:12px auto 95px; padding:0 20px;}
.main-banner1 .controls .swiper-pagination { position:static; height:1px; background:#D9D9D9;  } 
.main-banner1 .controls .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#24589C; }
.main-banner1 .controls .swiper-button-prev,
.main-banner1 .controls .swiper-button-next { width:28px; height:28px; position:static; margin:0; background:url(../images/main/ico_slider_off.svg) no-repeat 50% 50%; }
.main-banner1 .controls .swiper-button-next:after, 
.main-banner1 .controls .swiper-button-prev:after { display:none; }
.main-banner1 .controls .swiper-button-next { transform:scaleX(-1); }
.main-banner1 .controls .swiper-button-next:hover { background-image:url(../images/main/ico_slider_on.svg); transform:scaleX(1);}
.main-banner1 .controls .swiper-button-prev:hover { background-image:url(../images/main/ico_slider_on.svg); transform:scaleX(-1);}
.main-banner1 .controls .num { display:flex; align-items:center; font-size:14px; font-weight:600; color:#000; font-size:0; gap:17px; position:relative; }
.main-banner1 .controls .num { }
.main-banner1 .controls .num span,
.main-banner1 .controls .num em { font-size:14px; font-style:normal; width:20px; text-align:center; }
.main-banner1 .controls .num em:before,
.main-banner1 .controls .num span:before{ content:'0';display:inline;}
.main-banner1 .controls .num:before {content:''; position:absolute; left:calc(50% - 2px); top:6px; bottom:6px; width:1px; background:#C1C1C1; }

.main-cs { max-width:970px; margin:0 auto 122px; padding:0 20px; display:flex; justify-content:space-between; color:#000; }
.main-cs .quicks { width:370px; }
.main-cs .quicks ul { display:flex; flex-wrap:wrap; gap:30px 10px;  justify-content:space-between;}
.main-cs .quicks ul li { text-align:center; }
.main-cs .quicks ul li a p {font-size:18px; font-weight:500; margin-top:10px; }
.main-cs .cscenter { flex:1; padding-left:60px; flex:1; margin-left:60px; border-left:1px solid #E6E6E6;  flex-direction:column; display:flex;} 
.main-cs .cscenter h2 { font-size:20px; color:#13579F; margin-bottom:15px;  }
.main-cs .cscenter .number{ font-size:68px; line-height:1; font-weight:600; font-family: 'Lexend'; color:#000; margin-bottom:8px;}
.main-cs .cscenter .desc strong { font-size:16px; font-weight:400; color:#000;  }
.main-cs .cscenter .desc p { font-size:14px; color:#858585; line-height:1.5; margin-top:10px;}
.main-cs .cscenter .btns { display:flex; gap:12px; margin-top:auto;  }
.main-cs .cscenter .btns a { flex:1; justify-content:center; display:flex; gap:8px; align-items:center; font-size:16px; line-height:48px; border-radius:8px; background:#F2F6F8; }
.main-cs .cscenter .btns a strong { font-weight:600; }


.main-benefit { max-width:1120px; padding:0 20px; margin:0 auto 95px; position:relative; }
.main-benefit h3 { text-align:center; font-size:36px; color:#000; margin-bottom:35px; padding-top:10px; }
.main-benefit ul {display:flex; justify-content:space-between; gap:20px; }
.main-benefit ul li { flex:1; }
.main-benefit ul li a { display:block;  height:445px; border-radius:24px; background:#ddf1ff; background-position:50% 100%; background-repeat:no-repeat; background-position:center bottom 30px;;padding: 32px; color:#000; pointer-events:none; }
.main-benefit ul li a.b1-1 { background-image:url(../images/main/ico_banner1_1.png); }
.main-benefit ul li a.b1-2 { background-image:url(../images/main/ico_banner1_2.png); }
.main-benefit ul li a.b1-3 { background-image:url(../images/main/ico_banner1_3.png); }
.main-benefit ul li a.b2-1 { background-image:url(../images/main/ico_banner2_1.png); }
.main-benefit ul li a.b2-2 { background-image:url(../images/main/ico_banner2_2.png); }
.main-benefit ul li a.b2-3 { background-image:url(../images/main/ico_banner2_3.png); }
.main-benefit ul li dl dt { font-size:28px; line-height:1.3; margin-bottom:13px; font-weight:700; }
.main-benefit ul li dl dd { font-size:16px; line-height:1.5; }
.main-benefit .swiper-button-prev,
.main-benefit .swiper-button-next { top:50%; width:52px; height:52px; border-radius:100%; border:1px solid #EFEFEF; background:#fff url(../images/main/ico_slider_next.svg) no-repeat 55% 50%;  }
.main-benefit .swiper-button-prev:after,
.main-benefit .swiper-button-next:after { display:none;}
.main-benefit .swiper-button-prev { transform:scaleX(-1); }
.main-benefit .swiper-button-prev { left:-65px;}
.main-benefit .swiper-button-next { right:-65px;}
.main-benefit .swiper-pagination { position:static; display:flex; justify-content:center;margin-top:36px;  }
.main-benefit .swiper-pagination-bullet { width:6px; height:6px; background:#d9d9d9; opacity:1; transition:all 0.5s ease;} 
.main-benefit .swiper-pagination-bullet-active { background:#24589C; }

.main-latest { position:relative; max-width:1120px; padding:0 20px; margin:0 auto 95px; }
.main-latest h3 { font-size:36px; color:#000; font-weight:700; margin-bottom:30px; }
.main-latest .more { position:absolute; right:20px; top:0; font-size:14px; font-weight:500; color:#000; padding-right:24px; line-height:20px; background: url(../images/main/ico_more.svg) no-repeat right 50%; }
.main-latest ul { border-top:1px solid #000; }
.main-latest ul li a { display:block; line-height:64px; font-size:16px;font-weight:500; color:#000; position:relative; border-bottom:1px solid #EBEBEB; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:70px; }
.main-latest ul li a p { position:absolute; right:0; top:0; font-size:14px; color:#7C7C7C; }










.label1 { display:none;  align-items:center; gap:5px;  margin-left:15px; padding-left:16px; position:relative;}
.label1:before {content:''; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#bababa; }
.label1 p { margin:0 !important;  padding:0; line-height:1.1;}
.label1 .checkbox label:before { background-color:#fff; }
.label1.active { display:inline-flex; }
#powerTip.top { max-width:435px; padding:15px; background:rgba(0,0,0,0.8); font-size:16px; line-height:1.5; color:#fff; }
#powerTip.top.n:before { border-top-color:rgba(0,0,0,0.8); }
.ad-txt.active.bottom { display:none !important; }
.txt080.active.bottom { display:none !important; }

/* Event */
.mb30 { margin-bottom:30px; }
.event0326 { max-width:100%; background:#03122f; flex:1; padding-bottom:80px ; }
.event0326 .head { text-align:center; margin-bottom:60px; }
.event0326 .dday { height:120px; background:#3A5ECE; display:flex; align-items:center; justify-content:center; gap:20px; margin-bottom:66px; }
.event0326 .dday p { font-size:24px; font-weight:600; color:#fff; opacity:0.6; }
.event0326 .dday strong { line-height:80px; border-radius:20px; background:#2141A2; padding:0 15px; font-size:62px; color:#fff; font-weight:600; font-family: 'Lexend'; }
.event0326 .box2 { max-width:694px; margin:0 auto; border-radius:24px; background:#fff; padding: 40px; }
.event0326 .box2 h3 { font-size:16px; font-weight:600; color:#4A5F82; margin-bottom:8px; }
.event0326 .box2 select { width:100%; height:52px; border-radius:4px;  border:1px solid #ccc; background:#F3F3F3 url(../images/event/bu_select.svg) no-repeat right 50%; background-position:right 15px center; font-size:22px; color:#000; padding-left:15px;  appearance:none; outline:none; font-weight:600;}
.event0326 .box2 .cuts { display:flex; }
.event0326 .box2 .cuts dl { flex:1; color:#000; }
.event0326 .box2 .cuts dl dt{  font-size:18px; font-weight:500; margin-bottom:8px; }
.event0326 .box2 .cuts dl dd { font-size:32px; font-weight:700; }
.event0326 .box2 hr { display:block; margin:30px 0; width:100%; height:1px; border:0; background:#E0E0E0; }
.event0326 .box2 .price { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;  }
.event0326 .box2 .price h3 { font-size:20px; color:#000; margin-bottom:0; }
.event0326 .box2 .price p { font-size:24px; color:#3A5ECE; font-weight:700; }
.event0326 .box2 .radios > label { display:block; margin-bottom:12px; }
.event0326 .box2 .radios .last { display:flex; gap:20px; align-items:center; }
.event0326 .box2 .inp { width:230px; height:40px; border:1px solid #ccc; background:#fff; border-radius:4px; padding-left:15px; font-size:15px; color:#000; outline:none;}
.event0326 .box2 .inp::placeholder{ color:#b8b8b8; }
.event0326 .box2 .desc { padding: 24px; background:#F6F6F6; border-radius:24px; margin:30px 0;  }
.event0326 .box2 .desc h4 { font-size:16px; font-weight:600; color:#505050; margin-bottom:8px; }
.event0326 .box2 .desc p { font-size:14px; line-height:1.5; color:#777; padding-left:20px; position:relative; }
.event0326 .box2 .desc p:before {content:''; position:absolute; left:8px; top:9px; width:3px; height:3px; background:#777; border-radius:100%; }
.event0326 .btns { text-align:center; }
.btn1 { display:block; max-width:420px; line-height:60px; border-radius:4px; background:#272E3A; font-size:20px; font-weight:600; color:#fff; margin:0 auto;  }


.checkbox1 { position:absolute; display:none; }
.checkbox1 + div { display:flex; align-items:center; gap:10px; font-size:16px ;color:#000; cursor:pointer; }
.checkbox1 + div p small { display:block; margin-top:3px; font-size:12px; color:#A0A0A0; line-height:1; }
.checkbox1 + div em { width:26px; height:26px; border-radius:100%; border:1px solid #E1E1E1; position:relative; }
.checkbox1 + div em:before {content:''; position:absolute; left:5px; top:5px; right:5px; bottom:5px; background:#000; opacity:0; transform:scale(0.3); transition:all 0.5s ease; border-radius:100%; }
.checkbox1:checked + div em:before{ opacity:1; transform:scale(1); }

/* RCS 브랜드관리 */
.desc1 {font-size:15px; color:#737373; margin-bottom:35px; }
.desc2 {font-size:15px; color:#939393;  }
.desc3 {font-size:13px; color:#000; text-align:center; margin-bottom:10px;  }
.link1 {font-size:15px; color:#1DA4D8;  font-weight:500; }
.rcs-brand { max-width:900px; }
.rcs-brand h4 { font-size:28px; line-height:1.4; font-weight:700; margin-bottom:40px; color:#000; position:relative; }
.rcs-brand h4 .right { position:absolute; right:0; top:0; }
.rcs-brand .rcs-guide { padding-top:0;  padding-bottom:0; }
.rcs-brand hr { display:block; border:0; width:100%; height:1px; background:#f2f2f2; margin:65px 0; padding:0; }
.brand-form { max-width:610px; padding-right:130px; margin-bottom:35px; position:relative; }
.brand-form dl { display:flex; align-items:center; }
.brand-form dl + dl { margin-top:13px; }
.brand-form dl dt { flex:0 0 95px; font-size:16px; color:#000; }
.brand-form dl dd { flex:1; }
.brand-form dl .inp { width:100%; height:40px; border:1px solid #ccc; border-radius:4px; outline:none; padding-left:12px; font-size:15px; }
.brand-form dl .inp::placeholder { color:#b8b8b8; }
.brand-form .btn-up { position:absolute; right:0; top:0; width:110px; height:100%; border-radius:4px; background:#13579f; font-size:15px; color:#fff; font-weight:700; border:0; }
.tip-box { padding:16px; border-radius:16px; border:1px solid #E9E9E9; background:#fafafa; }
.tip-box > div { padding-left:24px; line-height:20px; font-size:13px; color:#737373; background:url(../images/sub/rcs/ico_tip.svg) no-repeat 0 0; }
.tip-box > div + div { margin-top:5px; }

.table1 { margin-bottom:10px; }
.table1 table { width:100%; border-collapse:collapse; }
.table1 table thead th { height:36px; background:#f2f2f2; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:15px; font-weight:700; color:#555; }
.table1 table tbody td { text-align:center; font-size:15px; color:#555; height:36px; border-bottom:1px solid #ccc; }
.blue { color:#13579F !important;  }
.red{ color:#FF3434 !important;  }
.orange{ color:#FF8E3E !important;  }
.green { color:#069D0E !important;  }
.table1 .noresult { height:158px; text-align:center; color:#939393; }
.table1 .noresult:before {content:''; display:block; width:36px; height:36px; background:url(../images/sub/rcs/ico_no_result.svg) no-repeat 50% 50%; margin:0 auto 8px;}

.btn2 { display:inline-block; vertical-align:middle; padding:0 10px; line-height:32px; border:1px solid #d9d9d9; border-radius:5px; font-size:15px; color:#535353; font-weight:600;}
.btn3 { display:inline-block; vertical-align:middle; padding:0 12px; line-height:24px; border:1px solid #d9d9d9; border-radius:5px; font-size:13px; color:#13579F; font-weight:600;}
.btn3.black { color:#000; }
.btn3.gray { color:#737373; }
.switch1 { position:absolute; display:none; }
.switch1 + div { display:inline-block; vertical-align:middle; width:38px; height:24px; border-radius:24px; background:#B5BECB; position:relative;transition:all 0.5s ease; cursor:pointer; }
.switch1 + div:before {content:''; position:absolute; left:5px; top:5px; width:14px; height:14px; border-radius:100%;background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.15); transition:all 0.5s ease; }
.switch1:checked + div { background:#13579F;}
.switch1:checked + div:before { left:19px; }

.talk-info { padding:27px 10px; border-radius:16px; background:#fafafa; border:1px solid #e9e9e9; margin:20px 0; }
.talk-info ul { display:flex; flex-wrap:wrap; gap:20px 0; }
.talk-info ul li { width:33.33333%; padding:0 10px;text-align:center;  }
.talk-info ul li dl dt { font-size:18px; font-weight:700; color:#000; margin:2px 0 4px; }
.talk-info ul li dl dd { font-size:15px; line-height:1.5; color:#737373; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }




/* jbnoh */
.desc-box { display:flex; justify-content:space-between; align-items:center; }
.desc-box .right {display:flex; gap:10px; }
.btn-area { display:flex; justify-content:center; margin-top:20px; }
.btn-area .fancybox-close { width:136px; height:48px; position:static !important; text-align:center; border-radius:5px; background:#272e3a; border:0; font-size:16px; color:#fff; font-weight:600; line-height:48px; }


.rcv-box { padding: 40px; border-bottom:1px solid #f2f2f2; }
.h4 { font-size:28px; line-height:1.4; font-weight:700; margin-bottom:40px; color:#000; position:relative;  margin-bottom:20px;}
.h4 a { margin-left:12px; }
.description1 p { font-size:14px; line-height:1.5; margin-bottom:4px; color:#000; padding-left:15px; position:relative; }
.description1 p:before {content:''; position:absolute; left:5px; top:8px; width:3px;height:3px; border-radius:100%; background:#000; }
.btn-box1 { display:flex; flex-wrap:wrap; gap:10px 20px; margin-bottom:20px;  }
.btn4 { display:inline-block; vertical-align:middle; padding: 0 15px; line-height:39px; border-radius:4px; background:#13579F; font-size:15px; color:#fff; font-weight:600; border:0; }

.table2 table { width:100%; border-collapse:collapse; }
.table2 table thead th { background:#F2F4F7; border:1px solid #D0D5DD; height:40px;  font-size:14px; font-weight:600; color:#667085; }
.table2 table tbody th { background:#F2F4F7; border:1px solid #D0D5DD; height:40px;  font-size:14px; font-weight:600; color:#667085; }
.table2 table tbody td { background:#fff; border:1px solid #D0D5DD; padding: 14px 10px;  font-size:14px; line-height:1.4; color:#000; }
.table2 table tbody td p { padding-left:15px; position:relative; }
.table2 table tbody td p:before {content:''; position:absolute; left:5px; top:8px; width:3px;height:3px; border-radius:100%; background:#000; }

.form-tit { display:flex; align-items:flex-start; gap:8px; margin-bottom:10px;  }
.form-tit .num { width:60px; line-height:28px; border-radius:6px; text-align:center; background:rgba(19,87,159,0.1); font-size:14px; color:#13579F; font-weight:700; }
.form-tit .txt { font-size:18px; font-weight:700; color:#000; }
.form-box { display:flex; align-items:center; gap:10px;  }
.form-box .tit { font-size:16px; color:#000; }
.form-box .inp1 { width:310px; }
.inp1 { height:40px; border-radius:4px; border:1px solid #ccc; padding-left:8px; font-size:15px; color:#000; outline:none; }
.inp1::placeholder { color:#b8b8b8; }
.inp1[readonly] { background:#fafafa; }
.select { height:40px; border-radius:4px; border:1px solid #ccc; padding-left:8px; padding-right:40px; font-size:15px; color:#000; outline:none; background:url(../images/common/bu_select.svg) no-repeat right center; background-position:right 10px center;  appearance:none;}
.hr2 { display:block; width:100%; margin:20px 0; height:1px; border:0; border-top:1px dashed #ebebeb;background:none; outline:none;   }
.upload-group { flex:1; display:flex; gap:10px; margin-bottom:10px;  }
.upload-group .tit { flex:0 0 118px; }
.upload-group .tit .btn4 { width:100%; border:0;  }
.upload-group .inp1 { width:100%; }

.multiuploads { margin-bottom:10px; }
.multiuploads .list { padding:12px 20px; background:#fafafa; border:1px solid #ccc; border-radius:4px; min-height:70px; }
.multiuploads .list .file-item { display:flex; justify-content:space-between; align-items:center;  }
.multiuploads .list .file-item + .file-item { margin-top:12px; }
.multiuploads .list .file-item span { font-size:14px; color:#000; }
.multiuploads .list .file-item .btn3 {  background:#fff; }
.link2 { color:#1E90FF; text-decoration:underline; }
.cal-box { padding:20px 40px; }
.cal-box .tit2 { font-size:13px; font-weight:700; color:#7e7e7e; margin-bottom:10px; }
.cal-box .cals { width:280px; display:inline-flex; border:1px solid #e1e1e1; border-radius:5px; align-items:center; }
.cal-box .cals > span { flex:0 0 30px; text-align:center;}
.cal-box .cals .input.datepicker { width:120px; border:0; padding:0; height:38px; padding-left:35px; background:url(../images/common/ico_calendar.svg) no-repeat 10px 50%; outline:none; padding-right:0; font-size:14px; color:#000; }
.cal-box .cate-btbox { display:inline-flex; gap:10px; margin-left:6px; }
.cal-box .cate-btbox .sub-btn { height:40px; line-height:38px; padding:0; width:60px; border-radius:5px; border:1px solid #d9d9d9; font-size:15px; color:#535353; }
.cal-box .cate-btbox .sub-btn.active { border-color:#13579F; color:#13579F; }
.cal-box .cate-btbox .sub-btn.bg1 { background:#13579F; border-color:#13579F; color:#fff; }

.form-box2 { padding:20px 40px;  }
.form-box2 dl { display:flex; gap:0; align-items:center; margin-bottom:16px; }
.form-box2 dl dd + dt { margin-left:35px;}
.form-box2 dl dt { flex:0 0 60px; font-size:16px; color:#000; }
.form-box2 dl dd { flex:1; }
.form-box2 dl dd .inp1 { width:100%; }

.total-btns { display:flex; align-items:center; justify-content:flex-end; margin-bottom:15px; }
.total-btns p { font-size:13px; font-weight:600; color:#7e7e7e; margin-right:6px;}

.desc4 { text-align:right; }
.desc4 p { display:inline-block;vertical-align:middle; font-size:13px; color:#737373; padding-left:20px; position:relative; }
.desc4 p:before {content:''; position:absolute; left:0; top:3px; width:17px; height:17px; background:url(../images/common/ico_tip1.svg) no-repeat 0 0;}
.vali-msg { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; margin-top:20px; }
.vali-msg p { padding:12px 15px; border-radius:16px; background:#000; font-size:14px; color:#fff; line-height:1.4; }

.terms { font-size:14px; line-height:1.5; color:#7e7e7e; }


/* 2025.05.12 */
.input.datepicker { background-image:url(../images/common/ico_calendar.svg);}
.btn-refresh { width:50px; height:50px; border-radius:4px; border:1px solid #ccc; background:#fff url(../images/common/ico_refresh.svg) no-repeat 50% 50%; }

.clear-search { position: absolute; right: 5px; top: 0; cursor: pointer; z-index:2; bottom:0; width:30px;background: url(../images/common/ico_select_close.svg) no-repeat 50% 50%; }
.chosen-container {  }
.chosen-container-single .chosen-single { height:50px; line-height:48px; border:1px solid #ccc; border-radius:4px; background:#fff; box-shadow:none; color:#555; font-size:14px; font-weight:600; padding-left:14px;}
.chosen-container-active.chosen-with-drop .chosen-single { background:#fff; border-color:#ccc; box-shadow:none; }
.chosen-container-single .chosen-drop { border-color:#ccc;  }
.chosen-container-single .chosen-search input[type="text"] { border-color:#e1e1e1; }
.chosen-container-single .chosen-single div { width:40px; }
.chosen-container-single .chosen-single div b { background:url(../images/common/bu_select.svg) no-repeat 50% 50%; }
.chosen-container-active.chosen-with-drop .chosen-single div b { background-position:50% 50%; transform:rotate(180deg); }
.chosen-container-single .chosen-single span { margin-right:35px; }

.cate-top .left { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.cate-top .right { display:flex;flex-wrap:wrap; gap:10px; }
.cate select { color:#404040 !important; }
.green { color:#1cc100; }
.red{ color:#FB3B3B; }
.link2 { text-decoration:underline; color:#1E90FF; }
.modal_wrap .txt1 { font-size:14px !important; color:#494949; padding-left:0 !important; }
.modal_wrap .txt1:before {display:none; }
.sms-ex .phone { max-width:320px; margin:10px auto 0; border:6px solid #000; border-radius:30px; overflow:hidden; }
.sms-ex .phone:before {content:''; display:block; width:80px; height:14px; margin:12px auto;background:#000; border-radius:14px; }
.sms-ex .phone .top { display:flex; justify-content:space-between; align-items:center; height:48px; border-bottom:1px solid #e1e1e1; padding:0 8px; }
.sms-ex .phone .bd { padding: 12px; background:#fafafa; }
.sms-ex .phone .bd img { max-width:210px; }
.sms-ex .phone .bd .msg { max-width:210px; padding: 10px; border-radius:8px; background:#e1e1e1; font-size:14px; color:#000; line-height:1.4; margin:8px 0; }
.sms-ex .phone .bd .msg span { color:#1E90FF; }

.pw-find { max-width:900px; margin:0 auto; padding:60px 15px;  }
.pw-find h2 { text-align:center; font-size:28px; font-weight:700; color:#000; }
.pw-find .h2-desc { text-align:center; font-size:14px; color:#000;  line-height:1.5; margin:12px 0 40px; padding-bottom:40px; border-bottom:1px solid #f2f2f2; }
.pw-find .form-box2  { max-width:440px; margin:0 auto; padding:0; }
.pw-find .form-box2 dl dt { flex:0 0 140px; }
.pw-find .form-box2 dl dt em { color:#FB3B3B; }
.pw-find .form-box2 dl dd { flex:1;  }
.pw-find .form-box2 .msg { margin:-10px 0 16px; font-size:13px; color:#ff0000; margin-left:140px; }
.common-btns { display:flex; justify-content:center; gap:12px; margin-top:48px; }
.btn-type1 { display:inline-block; vertical-align:middle; min-width:146px; line-height:48px; border-radius:8px; text-align:center; font-size:16px; font-weight:600; color:#fff; background:#272E3A; }
.btn-type2 { display:inline-block; vertical-align:middle; min-width:146px; line-height:48px; border-radius:8px; text-align:center; font-size:16px; font-weight:600; color:#000; background:#e9e9e9; }

.modal_wrap .h3 { font-size:24px; line-height:1.4; color:#000; font-weight:800; border-bottom:1px solid #333; margin-bottom:20px; padding-bottom:10px; }
.modal_wrap .h3 span { color:#13579F; }
.first-modal .description1 { padding: 20px 0;margin:-40px 0 30px; border-bottom:1px solid #ebebeb; }
.first-modal h4 { text-align:center; font-size:20px; font-weight:700; color:#000; margin-bottom:20px; }
.first-target { margin-bottom:40px; }
.first-target .box { display:flex; justify-content:space-around; text-align:center; }
.first-target .box > div { width:120px; }
.first-target .box p { font-size:14px; line-height:1.5; margin-top:8px; color:#000; }
.black { color:#000 !important; }