/* 모달 공통 */
html {overflow:auto;}
.fancybox-skin {background:transparent;}
.fancybox-close { right: 25px; top: 25px; width: 20px; height: 20px; background: url(../images/sub/fancybox-close.png) center no-repeat; background-size: contain; position: absolute !important;}
.modal_wrap { width:90vw; max-width:650px; border-radius:20px; background:#fff; overflow:auto; padding: 70px 25px 40px; }
.modal_wrap.w1000 { max-width: 1000px !important;}
.modal_wrap.w1000.pd { padding: 70px 75px;}
.modal_wrap.w320 { max-width: 320px !important;}
.modal_wrap.w500 { max-width: 500px !important;}
.modal_wrap.w870 { max-width: 870px !important;}
.modal_wrap h2 { font-size: 20px; font-weight: 700; letter-spacing: -.025em; line-height: 1.3em; color: #242424; padding-bottom: 10px; border-bottom: 1px solid #333333;}
.modal_wrap .content { padding-top: 15px; position: relative;}
.modal_wrap .content .cen { text-align: center;}
.modal_wrap .content>h3 { font-size: 16px; letter-spacing: -.025em; line-height: 1.5em; color: #242424; font-weight: 800; margin-bottom: 12px;}
.modal_wrap .content>p { font-size: 15px; line-height: 1.556em; letter-spacing: -.025em; color: #555; font-weight: 400; padding-left: 11px; position: relative;}
.modal_wrap .content>p::before { content: ""; position: absolute; left: 0; width: 3px; height: 3px; border-radius: 100%; background: #555; top: 9px;}
.modal_wrap [data-tab-content] { display: none;}
.modal_wrap [data-tab-content].active { display: block;}
.modal_wrap .sub-tab { margin-top: 30px; margin-bottom: 10px;}

/* 주소록 선택 이동 */
.modal_wrap .movebox { padding-left: 11px;}
.modal_wrap .movebox p { font-size: 15px; line-height: 1.556em; letter-spacing: -.025em; color: #333; font-weight: 400; margin-bottom: 12px;}
.modal_wrap .movebox h3 { font-size: 15px; font-weight: 700; letter-spacing: -.025em; color: #333; line-height: 1em;  margin: 12px 0;}
.modal_wrap .movebox h3 span { display: inline-block; padding-left: 10px;}
.modal_wrap .movebox h3 .txt { font-size: 14px; font-weight: 400; display: inline-block;}
.modal_wrap .buttons .sub-btn { margin: auto;}
.modal_wrap .movebox dl { border: 1px solid #ccc; height: 50px; border-radius: 4px; margin-bottom: 8px; display: flex; align-items: center; }
.modal_wrap .movebox dl dt { font-size: 15px; font-weight: 400; letter-spacing: -.025em; color: #333; line-height: 1em; padding-left: 15px; width: 20%; position: relative;}
.modal_wrap .movebox dl dt::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 15px; background: #ccc;}
.modal_wrap .movebox dl dd { width: 80%; }
.modal_wrap .movebox dl dd .input { border: none; border-radius: 0; height: 48px;}

/* 주소록 수신거부번호 등록 */
.adr-receive-border { border: 1px solid #ccc; border-radius: 4px; padding: 20px 25px; margin-bottom: 20px;}
.adr-receive-border p { padding-left: 11px; position: relative;  }
.adr-receive-border p::before { content: ""; position: absolute; left: 0; width: 3px; height: 3px; border-radius: 100%; background: #555; top: 9px;}
.adr-receive-border .sub-btn { display: inline-flex;}
.adr-receive-files { border: 1px solid #ccc; background: #ecf4fc; border-radius: 4px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 25px 5px; gap: 8px; margin: 20px 0; }
.adr-receive-files p { color: #999; font-weight: 400; letter-spacing: -.025em; line-height: 1.3em; }
.files-message { display: flex; gap: 8px; align-items: center; justify-content: center;}
.adr-receive-files-btn .sub-btn { display: inline-flex;}
.register-btn-fx { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 15px;}
.register-btn-fx .sub-btn { height: 40px; align-items: center; padding: 3px 20px; line-height: 1.5em;}

/* 발송결과 통신사 스팸규격 안내 */
.msg-spam { margin-top: 30px;}
.msg-spam h4 { font-size: 18px; font-weight: 800; letter-spacing: -.025em; color: #242424; line-height: 1.5em; margin-bottom: 12px;}
.msg-spam h5 { font-size: 16px; font-weight: 700; letter-spacing: -.025em; color: #242424; line-height: 1.5em; margin-bottom: 12px;}
.msg-spam-homepage li { margin-bottom: 6px; background: #ecf4fc; padding: 30px 25px; display: flex; justify-content: space-between; }
.msg-spam-homepage li .left { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; width: 1%; }
.msg-spam-homepage li .left .logobox { width: 115px; text-align: center;}
.msg-spam-homepage li .left .txt { flex: 1 1 auto; width: 1%; min-width: 0; padding-left: 35px; font-size: 14px; line-height: 1.5em; letter-spacing: -.025em; color: #555; font-weight: 500; }
.msg-spam-homepage li .sub-btn { width: 210px; height: 40px; padding: 3px 10px;}
.msg-spam-app { background: #f2f2f2; display: flex; flex-wrap: wrap; gap: 45px;}
.msg-spam-app li { padding: 35px; display: flex; justify-content: center; width: calc(100%/3 - 30px); align-items: flex-start;}
.msg-spam-app li .txtbox { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 12px; line-height: 1.5em; color: #555; letter-spacing: -.025em; }
.msg-spam-app li .txtbox .tit { font-size: 15px; font-weight: 700;}
.msg-spam-app li .txtbox .txt { font-size: 14px; font-weight: 500;}
.msg-spam-centerbox { background: #f2f2f2; padding: 22px 38px; line-height: 1.5em; letter-spacing: -.025em; color: #555; font-size: 15px;}
.msg-spam-centerbox h5 { font-weight: 700;  margin-bottom: 10px; font-size: 15px;}
.msg-spam-centerbox p { position: relative; padding-left: 11px; font-weight: 400; }
.msg-spam-centerbox p::before { content: ""; position: absolute; left: 0; width: 3px; height: 3px; border-radius: 100%; background: #555; top: 9px;}

/* 발송결과 출력하기 */
.sp-fx { display: flex; align-items: center; justify-content: space-between; margin: 40px 0 12px; }
.sp-fx p { font-size: 15px; font-weight: 400; letter-spacing: -.025em; line-height: 1.3em; color: #555;}
.sp-fx p strong { display: inline-block; color: #333; font-weight: 700; }
.sp-fx span { font-size: 14px; letter-spacing: -.025em; line-height: 1em;}
.sp-print-date { font-size: 15px; font-weight: 400; letter-spacing: -.025em; color: #555; text-align: center; margin-top: 50px;}

/* 문자(AI) - 내 저장함 */
.msg-popbox { padding-left: 10px; margin-bottom: 30px;}
.msg-popbox.mg { margin-bottom: 0; }
.msg-popbox p { margin-bottom: 10px;}
.msg-popbox h4 { font-size: 16px; font-weight: 800; letter-spacing: -.025em; line-height: 1.5em; color: #242424; }
.msg-popbox .tc { text-align: center;}
.msg-popbox .tc h5 { font-size: 15px; font-weight: 700; letter-spacing: -.025em; line-height: 1em; margin-bottom: 10px; color: #555;}
.msg-save-list { display: flex; gap: 30px; flex-wrap: wrap; margin-bottom: 50px;}
.msg-save-list li { width: calc(100%/3 - 20px); border-radius: 4px; border: 1px solid #ccc; overflow: hidden;}
.msg-save-list li .txtbox { height: 155px; padding: 12px 14px; font-size: 15px; font-weight: 400; letter-spacing: -.025em; line-height: 1.5em; color: #999;}
.msg-save-list li .btn { display: flex;}
.msg-save-list li .btn a { border-top: 1px solid #ccc; width: calc(100%/2); text-align: center; line-height: 1em; padding: 13px 5px; line-height: 1em; font-size: 15px; font-weight: 700; letter-spacing: -.025em; color: #242424; background: #f2f2f2;}
.msg-save-list li .btn a:last-child { border-left: 1px solid #ccc;}

/* 문자(AI) - 조합문자 안내 */
.msg-combinate { display: flex; flex-wrap: wrap; gap: 18px; }
.msg-combinate li { width: calc(100%/2 - 9px); border-radius: 4px; border: 1px solid #ccc; overflow: hidden;}
.msg-combinate li .tit { color: #fff; font-weight: 800; font-size: 16px; line-height: 1.2em; padding: 14px 20px; background: #13579f;}
.msg-combinate li .ctt { padding: 12px 15px; text-align: center;}
.msg-combinate li .txt { text-align: left; margin-top: 13px; font-size: 15px; font-weight: 400; line-height: 1.6em; letter-spacing: -.025em; color: #555;}

/* 문자(AI) - 샘플보기 */
.msg-sample-wrap { display: flex; padding: 15px 40px;}
.msg-sample-wrap img { display: inline-block;}
.msg-sample-txtbox { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 35px; padding-top: 15px;}
.msg-samplebox { margin-bottom: 25px;}
.msg-samplebox.mg { margin-bottom: 0; }
.msg-samplebox h3 { font-size: 16px; font-weight: 800; letter-spacing: -.025em; line-height: 1.5em; color: #242424; margin-bottom: 0px;}

/* 문자(AI) - 자체수신거부관리 */
.refuse-txtbox p { position: relative; padding-left: 11px; margin-bottom: 0px;}
.refuse-txtbox p::before { content: ""; position: absolute; left: 0; width: 3px; height: 3px; border-radius: 100%; background: #555; top: 11px;}
.refuse-file .file-upload {display:flex; height:50px; margin-top: 10px;}
.refuse-file .file-button {display:flex; justify-content:center; align-items:center; height:100%; padding:20px; border:0; border-radius:4px; background:#272e3a; color:#fff; cursor:pointer;}
.refuse-file .file-button:hover {background:#2c2c2c;}
.refuse-file .file-name {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; height:100%; padding:0 14px; border:1px solid #ccc; border-radius:4px; margin-right: 10px; background: #fff; font-size: 15px; letter-spacing: -.025em; font-weight: 500; color: #999;}
.refuse-tit-fx { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.refuse-tit-fx h3 { margin-bottom: 0; }
.refuse-tit-fx a { display: flex; align-items: center; font-size: 15px; letter-spacing: -.025em; color: #242424; line-height: 1em; gap: 5px; font-weight: 700;}
.refuse-sch { display: flex; height: 50px;}
.refuse-sch.bd { padding-bottom: 20px; border-bottom: 1px solid #ccc; height: 70px;}
.refuse-sch button {display:flex; justify-content:center; align-items:center; height:100%; padding:0 20px; border:0; border-radius:4px; background:#272e3a; color:#fff; cursor:pointer; width: 100px;}
.refuse-sch .input {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; height:100%; padding:0 14px; border:1px solid #ccc; border-radius:4px; margin-right: 10px; background: #fff; font-size: 15px; letter-spacing: -.025em; font-weight: 500; color: #999;}
.refuse-result { padding: 15px 0; border-top: 1px solid #ccc; margin: 20px 0; border-bottom: 1px solid #ccc;}
.refuse-result .item { font-size: 16px; font-weight: 400; color: #272e3a; letter-spacing: -.025em; display: block;}
.refuse-btbox { display: flex; gap: 10px; margin-top: 20px;}

/* 팩스 - 자주 보내는 번호 */
.fax-btn-fx { display: flex; justify-content: center; gap: 10px; margin-top: 15px;}
.fax-sample-btn { display: inline-flex; padding-left: 10px; gap: 5px; align-items: center; font-weight: 700; color: #242424; }
.fax-pop-fx { display: flex; }
.fax-pop-fx { padding-left: 11px; position: relative;}
.fax-pop-fx p::before { content: ""; position: absolute; left: 0; width: 3px; height: 3px; border-radius: 100%; background: #555; top: 11px;}
.fax-ctt p { padding-left: 11px;}
.fax-ctt .thumb { margin: 30px auto 0; width: 240px;}
.fax-ctt .thumb .img {position:relative; padding-bottom:150%; overflow:hidden;}
.fax-ctt .thumb .img 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;}

/* 팩스 - 주소록 불러오기 */
.fax-pop-add { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 50px;}
.fax-pop-add>div { width: calc(100%/2 - 10px);}
.fax-pop-add>div h3 { font-size: 18px; font-weight: 800; color: #000; letter-spacing: -.025em; margin-bottom: 12px;}
.fax-group-fx { padding: 25px 20px; border-radius: 4px; background: #f2f2f2; display: flex; gap: 10px; align-items: center; margin-bottom: 20px;}
.fax-group-fx .input { flex: 1 1 auto; min-width: 0; width: 1%; }
.fax-group-fx button { width: 100px; display: flex; align-items: center; justify-content: center; gap: 5px;}

/* 선거문자 - 국회의원 선거 */
.cg-pop-txtbox {margin-top: 5px;}
.cg-pop-txtbox p { display: flex; margin-bottom: 0; }
.cg-pop-txtbox p .num { width: 30px; line-height: 1.666em; font-weight: 700; display: inline-block;padding-top: 1px;}
.cg-pop-txtbox p span { display: inline-block; flex: 1 1 auto; min-width: 0; width: 1%;}
.cg-pop-txtbox p span img { display: block; margin: 20px 0;}

/* 선거문자 - 선거음성 - 발신번호등록 */
.spk-pop-gray { background: #f2f2f2; border-radius: 4px; padding: 25px 30px; margin: 20px 0 30px;}
.spk-pop-gray h3 { font-size: 16px; font-weight: 700; line-height: 1em; letter-spacing: -.025em; color: #242424;}
.spk-pop-gray h3 span { font-size: 15px; font-weight: 400; letter-spacing: -.025em; color: #555; display: inline-block; padding-left: 16px;}
.spk-pop-gray .inbox { margin-top: 20px;}
.spk-pop-gray .inbox h4 { font-size: 15px; font-weight: 600; letter-spacing: -.025em; line-height: 1em; color: #555; margin-bottom: 5px;}
.register-result { display: none;}
.spk-pop-number { text-align: center; margin: 15px 0;}
.spk-pop-number h4 { font-size: 24px; font-weight: 800; line-height: 1.2em; color: #13579f;}

/* 선거문자 - 선거음성 - 등록안내 */
.spk-bg-tbl tr th { background: #eef6fe;}
.spk-bg-tbl tr td.fw { text-align: center; font-weight: 700; background: #eaf6fb;}
.spk-bg-tbl tr td.tl { text-align: left; padding-left: 20px;}

/* 선거문자 - 선거음성 - 상태 */
.spk-status-list li { display: flex; margin-bottom: 15px; align-items: center;}
.spk-status-list li .tit { width: 130px; border-radius: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; padding: 13px 0 11px; line-height: 1.4em; font-size: 15px; font-weight: 800; color: #333; text-align: center;}
.spk-status-list li:last-child { margin-bottom: 0;}
.spk-status-list li .txt { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 18px;}
.spk-status-list li .tit.clr1 { color: #13579f;}
.spk-status-list li .tit.clr2 { color: #806df6;}
.spk-status-list li .tit.clr3 { color: #ff6c00;}

/* 선거문자 - 전자임명장 - 메세지템플릿관리 사용안내 */
.app-info { padding-left: 10px; margin: 10px 0;}
.app-info p { padding-left: 10px; position: relative;}
.app-info p::before { content: ""; position: absolute; left: 0; width: 3px; height: 3px; border-radius: 100%; background: #555; top: 11px;}
.app-tempbox { border-bottom: 1px solid #ccc; padding: 15px; display: flex; align-items: center; justify-content: center; gap: 20px;}
.letter-file button { display: inline-flex !important; background: #272e3a; border: 1px solid #272e3a; color: #fff; }

/* 충전 - 인쇄하기 */
#print { padding-top: 15px;}
#print .btn-wrap { text-align: center;}
.print-logo { text-align: right; margin-bottom: 10px; padding-right: 5px;}
.print-address { display: flex; justify-content: space-between; align-items: center; font-size: 15px; font-weight: 700; letter-spacing: -.025em; line-height: 1.3em; color: #555; background: #f2f2f2; padding: 3px;}
.print-address span { display: inline-block;}
#print .name { text-align: center; font-size: 50px; font-weight: 800; letter-spacing: -.025em; line-height: 1em; color: #000; margin: 60px 0;}
#print .rc { margin-bottom: 40px;}
#print .rc h4 { font-size: 18px; font-weight: 700; letter-spacing: -.025em; line-height: 1em; margin-bottom: 10px; color: #000; }
.print-tbl { border-collapse: collapse; width: 100%; border-top: 1px solid #000;}
.print-tbl tr { border-bottom: 1px solid #ccc;}
.print-tbl tr th { text-align: left; padding: 10px 0; font-size: 15px; font-weight: 500; letter-spacing: -.025em; line-height: 1em; color: #000; }
.print-tbl tr td { font-size: 15px; font-weight: 500; letter-spacing: -.025em; line-height: 1em; color: #555; padding: 10px 0;}
.print-tbl tr td strong {font-weight: 700; color: #000; }
.print-tbl tr td.tc {text-align: center;}
.print-tbl.right tr td { text-align: right;}
#print .money { margin-bottom: 70px;}
#print .money p { text-align: right; }
.print-tbl-bg tr th { text-align: center; background: #f2f2f2;}
.print-tbl-bg tr td { text-align: center; }
#print .date { text-align: center; margin: 0 0 30px; font-size: 15px; font-weight: 400; letter-spacing: -.025em; line-height: 1em; color: #555;}
#print .sign { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; margin-bottom: 40px;}  
#print .sign p { font-size: 20px; font-weight: 300; letter-spacing: -.025em; line-height: 1.3em; margin-right: 20px; color: #555; }
#print .sign strong { display: inline-block; line-height: 1em; font-size: 40px; font-weight: 800; letter-spacing: -.025em; color: #000; margin-right: 10px;}

@page {
	size: A4;
	margin: 0;
}
@media print{
    html, body {width:210mm;height:297mm;}
    #print {width:21cm; min-height:29.7cm;margin:0;padding:1.4cm 1.2cm;max-width:100%;page-break-after:always; height:100%;}
    .print-logo { text-align: right; margin-bottom: 10px; padding-right: 5px;}
    .print-address { display: flex; justify-content: space-between; align-items: center; font-size: 15px; font-weight:  700; letter-spacing: -.025em; line-height: 1.3em; color: #555; background: #f2f2f2; padding: 3px;}
    .print-tbl-bg tr th  { background: #f2f2f2;}
}

/* 주소록 - 대량업로드 */
.mn-upload-border { padding-bottom: 25px; border-bottom: 1px solid #ccc; display: flex; align-items: flex-end; margin-bottom: 45px; flex-wrap: wrap;}
.mn-upload-border .sub-btn { width: auto;}
.mn-upload-border .mn-upload-txt { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 25px;}
.mn-upload-border .mn-upload-txt p { position: relative; padding-left: 22px; }
.mn-upload-border .mn-upload-txt p::before { content: ""; position: absolute; left: 0; width: 14px; height: 14px; top: 5px; background: url(../images/sub/upload-i.png) center no-repeat; background-size: contain;}
.mn-upload-fx { display: flex; justify-content: space-between; align-items: center; margin-bottom: 45px; gap: 10px;}
.mn-upload-fx .left { display: flex; gap: 5px; flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 15px; align-items: center;}
.mn-upload-fx .left h3 { font-weight: 800; letter-spacing: -.025em; color: #242424; margin-right: 40px; font-size: 15px;}
.mn-upload-fx.flex { justify-content: flex-end; margin-bottom: 0;}
.mn-btn-fx { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 15px; position: relative; }
.board-search .total-page.lh { line-height: 1em;}
.mn-pop-wrap { overflow: auto; max-height: 400px; height: 100%;}
.mn-pop-wrap.bd tr { border: none;}
.mn-pop-wrap.bd tr td { padding: 7px 0;}
.mn-talk { position: relative; }

/* 주소록 - 폴더이동 */
.mn-folder-txt { padding: 30px 0; border-bottom: 1px solid #ddd; color: #555 !important; padding-top: 15px; margin-bottom: 40px;}
.pop-folder-fx { display: flex; flex-wrap: wrap; margin-bottom: 60px;}
.pop-folder-fx>div { width: calc(100%/2);}
.pop-folder-fx>div h3 { font-size: 15px; font-weight: 700; line-height: 1em; color: #242424; margin-bottom: 10px;}

/* 문자(AI) - 주소록 불러오기 */
.ms-pop-btn { display: inline-flex; justify-content: center; gap: 10px;}
.ms-pop-fx { display: flex; gap: 10px; margin-top: 10px; }
.ms-pop-fx .left { padding: 10px; background: #f2f2f2; border: 1px solid #ccc; border-radius: 4px; width: 25%; }
.ms-pop-fx .left .inbox { padding: 10px; background: #fff; height: 100%;}
.ms-pop-fx .left .inbox ul li { transition: .3s; border-radius: 3px; padding-left: 4px;}
.ms-pop-fx .left .inbox ul li a { display: block; padding: 6px 0; line-height: 1em; font-size: 15px; font-weight: 700; letter-spacing: -.025em; color: #555; position: relative; padding-left: 25px; }
.ms-pop-fx .left .inbox ul li a::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; }
.ms-pop-fx .left .inbox ul li:hover { background: #ccc;}
.ms-pop-fx .right { width: 75%; border: 1px solid #ccc; padding: 10px; border-radius: 4px; }
.ad-alert { padding: 15px 20px; background: #fff; border-radius: 8px; box-shadow: 0 0 20px rgba(0,0,0,0.4); font-size: 15px; font-weight: 700; letter-spacing: -.025em; color: #242424; line-height: 1.2em; position: absolute; left: 50%; bottom: -55px; transform: translateX(-50%); display: none; }
.ad-alert.auto { left: auto; transform: none;}
.ad-alert.auto.b0 { bottom: auto; top: 0;}

/* 문자(AI) - 문자 템플릿 */
.ms-msg-fx { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.ms-msg-fx .sub-tab { margin-right: 30px; flex: 1 1 auto; min-width: 0; width: 1%; margin-top: 0; margin-bottom: 0;}
 
/* RCS 발송 - 버튼추가 */
.rcs-upload-border { border-bottom: none; padding-bottom: 10px; margin-bottom: 0;}
.rcs-button-box { margin-top: 20px;}
.rcs-button-box .tit {padding-left: 5px; line-height: 1em; font-size: 15px; font-weight: 800; letter-spacing: -.025em; color: #242424; margin-bottom: 10px;}

/* 카카오톡 - 템플릿 등록 */
.kk-fx { display: flex; margin-top: 30px;}
.kk-fx .left{ width: 25%; }
.kk-fx .right { width: 75%; padding-left: 20px;}
.kk-wrap { display: flex; flex-wrap: wrap; gap: 15px 0;}
.kk-wrap>div { display: inline-flex; align-items: center; margin-right: 37px; gap: 10px;}
.kk-tit { font-size: 15px; font-weight: 700; letter-spacing: -.025em; line-height: 1em; color: #242424; margin-right: 7px; }
.kk-wrap>div.db { display: flex; width: 100%; }
.kk-wrap2 { margin-top: 35px; position: relative; margin-bottom: 10px;}
.kk-wrap2 .kk-tit { margin-bottom: 10px;}
.kk-wrap2 p { position: relative; padding-left: 22px; }
.kk-wrap2 p::before { content: ""; position: absolute; left: 0; width: 14px; height: 14px; top: 5px; background: url(../images/sub/upload-i.png) center no-repeat; background-size: contain;}
.kk-wrap2 .pop-txtbox {margin-bottom: 0; position: absolute; right: 0; bottom: 0;}
.kk-wrap2 .kk-btns {margin-bottom: 0; position: absolute; right: 0; bottom: 0; display: flex; gap: 5px; flex-wrap: wrap;}
.kk-wrap2 .kk-btns a { font-size: 15px; font-weight: 700; line-height: 1em; color: #555; border: 1px solid #ddd; border-radius: 4px; display: inline-block; padding: 7px 12px;}
.kk-tbl-wrap { overflow: auto;}
.kk-tbl { width: 100%; border-collapse: collapse;}
.kk-tbl tr th { color: #333; line-height: 1.2em; letter-spacing: -.025em; font-size: 15px; font-weight: 700; background: #f2f2f2; padding: 16px 5px;}
.kk-tbl tr td { padding: 6px 5px; text-align: center;}
.kk-tbl tr td a { display: flex; width: 60px; height: 50px; border-radius: 4px; background: #272e3a; color: #fff; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; line-height: 1em; letter-spacing: -.025em; margin: auto;}
.kk-tbl tr td .input { margin: auto !important;}

/* 모바일 */
@media (max-width: 1560px) {
    .ad-alert { padding: 10px 12px; border-radius: 3px; font-size: 13px; bottom: auto; top: -50px; left: auto; transform: none; right: 0;}
    .ad-alert.wh { top: auto; bottom: 20px;}
    .ad-alert.auto.b0 { bottom: auto; top: 0; left: 0; transform: translateX(0); right: auto;}
}
@media (max-width: 1300px) {
    .fancybox-close  { width: 16px; height: 16px; top: 15px; right: 15px;}
    .modal_wrap { border-radius: 5px; padding: 50px 15px;}
    .modal_wrap h2{ font-size: 18px;}
    .modal_wrap .content>h3{ font-size: 15px;}
    .modal_wrap .content>p { font-size: 14px; }
    .modal_wrap.w1000.pd { padding: 50px 15px;}

    /* 주소록 선택이동 */
    .modal_wrap .movebox { padding-left: 0; }
    .modal_wrap .movebox p { font-size: 14px;}
    .modal_wrap .movebox h3 { font-size: 14px; margin: 7px 0;}
    .register-btn-fx { flex-wrap: wrap;}

    /* 발송결과 통신사 스팸규격 안내 */
    .msg-spam h4 { font-size: 16px; }
    .msg-spam-homepage li { padding: 20px 10px; display: block; text-align: center;}
    .msg-spam-homepage li .left { width: 100%;  display: block;}
    .msg-spam-homepage li .left .logobox{ margin: auto;}
    .msg-spam-homepage li .left .txt { width: 100%; padding-left: 0; margin-top: 10px;}
    .msg-spam-homepage li .sub-btn {margin: 10px auto 0;}
    .msg-spam-app { gap: 0;}
    .msg-spam-app li { width: 100%; padding: 20px;}

    /* 발송결과 출력하기 */
    .sp-fx { display: block; margin: 30px 0 10px;}
    .sp-fx p { font-size: 14px;}
    .sp-fx span { font-size: 12px;}

    /* 문자(AI) - 내 저장함 */
    .msg-save-list { gap: 10px; margin-bottom: 35px;}
    .msg-save-list li { width: calc(100%/3 - 7px); }
    .msg-save-list li .txtbox { font-size: 13px; }

    /* 문자(AI) - 조합문자 안내 */ 
    .msg-combinate { gap: 10px;}
    .msg-combinate li { width: calc(100%/2 - 5px); }
    .msg-combinate li .tit { font-size: 15px; padding: 10px;}
    .msg-combinate li .ctt{ padding: 10px;}
    .msg-combinate li .txt { font-size: 13px; }

    /* 문자(AI) - 샘플보기 */
    .msg-sample-wrap { align-items: flex-start;}
    .msg-samplebox h3{ font-size: 15px; }
    .msg-samplebox { margin-bottom: 15px;}
    .refuse-result .item{ font-size: 13px;}

    /* 팩스 - 주소록 불러오기 */
    .fax-pop-add>div { width: 100%; }

    /* 선거문자 - 선거음성 - 발신번호등록 */
    .spk-pop-gray {padding: 15px;}
    .spk-pop-gray h3 { font-size: 15px; }
    .spk-pop-gray h3 span { font-size: 13px; padding-left: 5px; }

    /* 주소록 - 대량업로드 */
    .mn-upload-border { margin-bottom: 20px; padding-bottom: 15px; display: block;}
    .mn-upload-border .mn-upload-txt { width: 100%; }
    .mn-upload-border .sub-btn { margin-top: 10px;}
    .mn-upload-fx { width: 100%; flex-wrap: wrap;}
    .mn-upload-fx .left { padding-left: 0; width: 100%; }
    .mn-upload-fx .left h3  { font-size: 13px;}
    select.input { font-size: 13px;}
    .mn-upload-fx .left input[type="text"] { width: 100% !important; }
    .mn-upload-fx .sub-btn { width: 100%; }

    /* 문자(AI) - 주소록 불러오기 */
    .ms-pop-fx {flex-wrap: wrap;}
    .ms-pop-fx .left { width: 100%; }
    .ms-pop-fx .right { width: 100%; }
    .ms-pop-fx .left .inbox ul li a { font-size: 14px;}

    /* 카카오톡 - 템플릿 등록 */
    .kk-fx { flex-wrap: wrap; gap: 25px 0;}
    .kk-fx .left{ width: 100%; }
    .kk-fx .right { width: 100%; padding-left: 0;}
    .kk-wrap>div { margin-right: 20px; gap: 5px;}
    .kk-tit { margin-right: 6px; font-size: 14px;}
    .kk-wrap2 .pop-txtbox { position: relative; margin-top: 5px; right: auto ; left: 0 !important; text-align: left;}
    .kk-wrap2 .kk-btns { position: relative; margin-top: 5px;}
    .kk-wrap2 .kk-btns a { font-size: 13px;}
    .kk-tbl tr th { font-size: 13px; padding: 12px 5px;}
    .kk-tbl tr td a { height: 40px; font-size: 13px;}
}
@media (max-width: 640px) {
    /* 문자(AI) - 내 저장함 */
    .msg-save-list li { width: 100%;}

    /* 문자(AI) - 조합문자 안내 */ 
    .msg-combinate li { width: 100%; }

    /* 문자(AI) - 샘플보기 */ 
    .msg-sample-wrap { display: block; text-align: center;padding: 15px 0;}
    .msg-sample-txtbox { width: 100%; padding-left: 0; padding-top: 25px; text-align: left;}

    /* 주소록 - 폴더이동 */ 
    .mn-folder-txt { padding: 15px 0; margin-bottom: 15px; padding-top: 0;}
    .pop-folder-fx { display: block; margin-bottom: 30px;}
    .pop-folder-fx>div { width: 100%; margin: 15px 0;}
    .pop-folder-fx>div .input { width: 100% !important; }

    /* 주소록 - 문자 템플릿 */
    .my-msg-list.list2 { gap: 25px 10px;}
    .my-msg-list.list2 li { width: calc(100%/2 - 5px);}
    .ms-msg-fx { display: block; margin-bottom: 15px;}
    .ms-msg-fx .sub-tab{ width: 100%; margin-bottom: 10px;}
}