@charset "utf-8";
/* reset css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; /*vertical-align:baseline;*/ background:transparent; font-family:'Noto Sans KR', sans-serif}
body {line-height:normal !important; /*overflow:scroll;*/ width:auto; word-break:keep-all; min-width:1470px; overflow-x:auto}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
dl,ul,ol,menu,li {list-style:none}
caption, legend {overflow:hidden; text-indent:-9999px; height:1px}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; cursor:pointer}
a:focus, a:hover {text-decoration:none !important}
ins {background-color:#ff9; color: #000; text-decoration:none}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del {text-decoration:line-through}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help}
table {border-collapse:collapse; border-spacing:0}
hr {display:block; height:1px; border:0; border-top: 1px solid #cccccc; margin:1em 0; padding:0}
input, select {vertical-align:middle}
input[type=checkbox], input[type=radio] {margin:0}
i {vertical-align:middle}
a[href^="tel"] {color:inherit; text-decoration:none}

.bx-wrapper {margin:0}
.bx-wrapper .bx-viewport {box-shadow:none; border:none; background:none; left:0}


/* 2022-03-10 */
.API_delete a i{font-size:20px; color:#707070}
.API_delete a i:hover {color:#FD004E}


/* common */
.row-no-margin {margin-left:0px; margin-right:0px} 
.lc-1 {letter-spacing:-1px}
.lsTight {letter-spacing:-0.11em}
.fr, .float-right {float:right}
.fl, .float-left {float:left}
.mt0 {margin-top:0px !important}
.mt5 {margin-top:5px !important}
.mt8 {margin-top:8px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt18 {margin-top:18px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
.mt90 {margin-top:90px !important}
.mt120 {margin-top:120px !important}
.mt150 {margin-top:150px !important}
.mr0 {margin-right:0 !important}
.mr5 {margin-right:5px !important}
.mr7 {margin-right:7px !important}
.mr9 {margin-right:9px !important}
.mr10 {margin-right:10px !important}
.mr20 {margin-right:20px !important}
.mr30 {margin-right:30px !important}
.mr100 {margin-right:100px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.mb40 {margin-bottom:40px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml13{margin-left:13px !important}
.ml20 {margin-left:20px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml38{margin-left:38px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml60{margin-left:60px !important}
.ml95{margin-left:95px !important}
.ml120{margin-left:120px !important}
.ml123{margin-left:123px !important}
.ml350{margin-left:350px !important}
.ml_28{margin-left:28% !important}
.auto {margin:0 auto !important}
.pd0 {padding:0 !important}
.pr0 {padding-right:0 !important}
.pr10 {padding-right:10px !important}
.pd20 {padding:20px !important}
.pl0 {padding-left:0 !important}
.pl10 {padding-left:10px !important}
.bt-70 {border-top:1px solid #707070}
.bb-d5 {border-bottom:1px solid #d5d5d5 !important}
.bb-ddd {border-bottom:1px solid #ddd}
.box-shadow {box-shadow:0 2px 4px rgba(0,0,0,0.16)}
.of_h {overflow:hidden}
.absolute {position:absolute}
.clear:after{content:"";display:block;clear:both}
.top0 {top:0}
.right0 {right:0}
.color1 {color:#FD004E !important}
.color2 {color:#BA7FFF !important}
.color3 {color:#B2B2B2 !important}
.color4 {color:#707070 !important}
.color5 {color:#505050 !important}
.color6 {color:#0072ff !important}
.color000 {color:#000 !important}
.text-overflow {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.font-normal {font-weight:400 !important}
.inline-block {display:inline-block}
.inline {display:inline}
.block {display:block !important;}
.width70 {width:70px !important}
.width90 {width:90px !important}
.width120 {width:120px !important}
.width150 {width:150px !important}
.width160 {width:160px !important}
.width180 {width:180px !important}
.width200 {width:200px !important}
.width276 {width:276px !important}
.width286 {width:286px !important}
.width291 {width:291px !important}
.width300 {width:300px !important}
.Width322 {width:322px !important}
.width338 {width:338px !important}
.width350 {width:350px !important}
.width393 {width:393px !important}
.width404 {width:404px !important}
.width414 {width:414px !important}
.minWidth30 {min-width:30% !important}
.minWidth46 {min-width:46px !important}
.minWidth120 {min-width:120px !important}
.minWidthAuto {min-width:auto !important}
.maxWidth120 {max-width:120px}
.maxWidth160 {max-width:160px}
.maxWidth200 {max-width:200px}
.maxWidth208 {max-width:208px}
.maxWidth320 {max-width:320px}
.maxWidth322 {max-width:322px}
.maxWidth350 {max-width:350px}
.maxWidth380 {max-width:380px}
.maxWidth430 {max-width:430px}
.maxWidth600 {max-width:600px}
.borderC2 {border:1px solid #C2C2C2}
.borderC2-right {border-right:1px solid #C2C2C2}
.line-height2em {line-height: 2em}
.line-height1-5em {line-height: 1.5em}
.font-size10 {font-size:10px !important}
.font-size12 {font-size:12px !important}
.font-size13 {font-size:13px !important}
.font-size14 {font-size:14px !important}
.font-size15 {font-size:15px !important}
.font-size16 {font-size:16px !important}
.font-size18 {font-size:18px !important}
.font-size20 {font-size:20px !important}
.font-size22 {font-size:22px !important}
.vertical-middle {vertical-align:middle !important}
.vertical-bottom {vertical-align:bottom !important}
.vertical-baseline {vertical-align:baseline !important}
.vertical-top {vertical-align:top !important}
.vertical-sub {vertical-align:sub !important}
.bt-000 {border-top:1px solid #000}
.draggable {cursor:pointer}
.form01 {display:inline; margin-left:40px}
.height26 {height: 26px !important}
.height30 {height: 30px !important}
.height31 {height: 31px !important}
.height40 {height: 40px !important}
.height41 {height: 41px !important}
.height45 {height: 45px !important}
.height48 {height: 48px !important}
.height120 {height: 120px !important}
.form01 input {border: 1px solid #d5d5d5; border-radius: 0; width: 432px !important; height: 45px;}

.modalStyle .modal-body {padding:40px 40px; overflow:hidden}
.modalStyle .modal-body h5 {color:#000; font-size:18px; font-weight:700}
.modalStyle .modal-body h4 {color:#000; font-size:14px; vertical-align:top; margin-top:10px}
.modalStyle .modal-body h3 {color:#000; font-weight:700}
.modalStyle .modal-body p {color:#000; font-size:14px}
.modalStyle .modal-body input {vertical-align:bottom}
.modalStyle .modal-body .input2 {width:414px; height: 160px}
.modalStyle .modal-body .input3 {width:62px; height: 40px; vertical-align:middle; margin-left:6px}
.modalStyle .payment {color:#505050; font-size: 16px; font-weight: 500; vertical-align: sub}
.modalStyle .Modaltext {color:#727272 !important; font-size:13px; margin-left:90px}
.modalStyle .Modaltext2 {color:#727272 !important; font-size:13px; line-height:26px}
.modalStyle #payment01 {vertical-align:middle}
.modalStyle #payment02 {vertical-align:middle}
.modalStyle span.spanTitle {color:#707070; font-size:14px; display:inline-block; width:36px; margin-left:15px; letter-spacing:-1px}
.ModalClose {position: absolute; top:6px; right: 14px; font-size: 18px; color: #000;}
.ModalClose:hover, .ModalClose:focus {color:#000}

.menuBox .inputStyle {height:40px}
.menuBox .selectStyle3 {padding:5px 20px 9px 20px}
.menuBox .tab_s2 > li > a {height:40px; line-height:36px}
.menuBox h4 {vertical-align:middle; margin:0}

/* color */
.bgColorRed {background:#C10C40}
.bgColorGray {background:#323232}
.bgColor_tapGray {background:#A5A5A5}
.bgColor_f1 {background:#f1f1f1}

/* inputStyle */
.inputStyle {border:1px solid #D5D5D5; background-color:#fff; height:45px; line-height:inherit; padding:0 15px; width:100%}
.textareaStyle {border:1px solid #D5D5D5; padding:15px; width:100%}
.inputStyle:hover, .inputStyle:focus {background-color:rgba(0,0,0,0.05)}
.datepicker {background:url('../images/datepicker.png') #fff no-repeat 90% 50%}

/* button */
.btnGuide {border:1px solid #fff; border-radius:5px; color:#fff; padding:8px 15px; font-size:11px; font-weight:500; display:inline-block; transition:0.3s}
.btnGuide:hover {background:#fff; color:#000 !important}
.btnStyle1 {border:1px solid #E63353; background:#FFF4FB; color:#FD004E; border-radius:2px; padding:10px 17px; font-size:13px; font-weight:500; display:inline-block; transition:0.3s; text-align:center}
.btnStyle1:hover {background:#FD004E; color:#fff !important}
.btnStyle1 i {vertical-align:baseline}
.btnStyle1.gray {background:#F1F1F1; color:#222; border-color:#999}
.btnStyle1.gray:hover {background:#222; color:#fff !important; border-color:#222}

.btnStyle2 {border:1px solid #FD004E; background:#fff; color:#FD004E; border-radius:2px; padding:7px 17px; font-size:16px; font-weight:500; display:inline-block; transition:0.3s; min-width:100px; text-align:center}
.btnStyle2:hover {background:#FD004E; color:#fff !important}
.btnStyle2 i {vertical-align:baseline}

.btnStyle2.gray {border:1px solid #727272; background:#727272; color:#fff; border-radius:2px; padding:10px 17px; font-size:16px; font-weight:500; display:inline-block; transition:0.3s; min-width:100px; text-align:center}
.btnStyle2.gray:hover {background:#525252; color:#fff !important}
.btnStyle2.gray i {vertical-align:baseline}

.btnStyle3 {border:1px solid #222; border-radius:2px; padding:9px 10px; font-weight:500; display:inline-block; transition:0.3s; min-width:80px; text-align:center}
.btnStyle3.white {background:#fff; color:#222}
.btnStyle3.black {background:#222; color:#fff}
.btnStyle3.gray {background:#F1F1F1; color:#222; border-color:#999}
.btnStyle3.gray2 {background:#fff; color:#505050; border-color:#d5d5d5}
.btnStyle3.gray3 {background: #F2F2F2; color: #000; border-color: #999999;}
.btnStyle3.white:hover {background:#222; color:#fff !important}
.btnStyle3.black:hover {background:#fff; color:#222 !important}
.btnStyle3.gray:hover {background:#222; color:#fff !important; border-color:#222}
.btnStyle3.gray2:hover {background:#505050; color:#fff !important; border-color:#505050}
.btnStyle3.gray3:hover {background: #999999; color:#fff;}
.btnStyle3 i {vertical-align:baseline}
.btnStyle3.left {text-align:left}
.btnStyle3.left i {float:right; margin-top:4px}
.btnStyle4 {border:1px solid #FD004E; border-radius:2px; padding:9px 10px; font-size:14px; font-weight:500; display:inline-block; transition:0.3s; min-width:80px; text-align:center}
.btnStyle4.red {background:#FD004E; color:#fff}
.btnStyle4.gray {background:#D5D5D5; color:#222; border-color:#D5D5D5}
.btnStyle4.white {background:#fff; color:#FD004E; border-color:#FD004E}
.btnStyle4 i {vertical-align:baseline}
.btnStyle4.red:hover {background:#fff; color:#FD004E !important}
.btnStyle4.gray:hover {background:#fff; color:#222 !important}
.btnStyle4.white:hover {background:#FD004E; color:#fff !important}
.btnStyle5 {border:1px solid #FD004E; border-radius:2px; padding:10px 10px; font-size:16px; font-weight:500; display:inline-block; transition:0.3s; min-width:80px; text-align:center}
.btnStyle5.red {background:#FD004E; color:#fff}
.btnStyle5.white {background:#fff; border-color:#FD004E; color:#FD004E}
.btnStyle5.white:hover {background:#FD004E; color:#fff !important}

.btnStyle5.border-black {background:#fff; border-color:#000; color:#000}
.btnStyle5.border-black:hover {background:#000; color:#fff !important}


.btnStyle5.gray {background:#D5D5D5; color:#222; border-color:#D5D5D5}
.btnStyle5 i {vertical-align:baseline}
.btnStyle5.red:hover {background:#fff; color:#FD004E !important}
.btnStyle5.gray:hover {background:#fff; color:#222 !important}
.btnStyle6 {background:#F1F1F1; color:#505050; border:1px solid #ddd; font-size:13px; border-radius:2px; padding:5px 10px; font-weight:500; display:inline-block; transition:0.3s; min-width:74px; text-align:center}
.btnStyle6:hover {background:#222; color:#fff !important; border-color:#222}
.btnStyle7 {background:#F1F1F1; color:#222; border:1px solid #ddd; font-size:13px; border-radius:2px; padding:12px 10px; font-weight:500; display:inline-block; transition:0.3s; min-width:120px; text-align:center}
.btnStyle7.btnPw {padding:15px 0px; min-width:auto; width:100%}
.btnStyle7:hover {background:#222; color:#fff !important; border-color:#222}
.btnStyle8 {background:#fff; color:#505050; border:1px solid #a5a5a5; font-size:10px; border-radius:2px; padding:4px 11px; font-weight:500; display:inline; transition:0.3s; min-width:74px; text-align:center}
.btnStyle8:hover {background:#222; color:#fff !important; border-color:#222}
.btnStyle9 {background:#F1F1F1; color:#222; border:1px solid #ddd; font-size:11px; border-radius:2px; padding:7px 20px; font-weight:500; display:inline-block; transition:0.3s; min-width:120px; text-align:center}
.btnStyle9:hover {background:#222; color:#fff !important; border-color:#222}
.btnStyle10 {background:#50504D; color:#fff; padding:5px 10px; border-radius:3px} 
.btnStyle10:hover {background:#40403d; color:#fff} 


.moreBtn {}
.moreBtn:hover img {animation-name:moreBtn; animation-duration:1s; animation-fill-mode:both}
@keyframes moreBtn {
	from {transform:rotate(90deg)}
	to {transform:rotate(180deg)}
}

/* 로그인체크박스 */
label {cursor:pointer}
.checks {position:relative}
input[class="checkStyle"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[class="checkStyle"] + label {display:inline-block; vertical-align:top; position:relative; padding-left:30px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none}
input[class="checkStyle"] + label:before {content:''; position:absolute; left:0; top:0; width:20px; height:20px; line-height:20px; text-align:center; background:#fff; border:2px solid #bcbcbc}
input[class="checkStyle"]:checked + label:before {border: 7px solid #FF004E}
.checkbox span {color:#707070; font-size:12px; vertical-align:top; margin-left:8px}

/* 체크박스2 */
.consolCheck {position:relative; display:inline-block}
input[class="checkStyle2"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[class="checkStyle2"] + label {display:inline-block; vertical-align:top; position:relative; padding-left:23px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:14px; font-weight:300; color:#505050}
input[class="checkStyle2"] + label:before {content:''; position:absolute; left:0; top:3px; width:15px; height:15px; text-align:center; background:#fff; border:1px solid #727272; border-radius:3px}
input[class="checkStyle2"]:checked + label:before {border-color:#FD004E; background:url('../images/consolCheck.svg') #FD004E no-repeat}
.checkbox span {color:#707070; font-size:12px; vertical-align:top; margin-left:8px}

/* 체크박스3 */
input[class="checkStyle3"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[class="checkStyle3"] + label {display:inline-block; vertical-align:top; position:relative; padding-left:30px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:14px; font-weight:400; color:#000}
input[class="checkStyle3"] + label:before {content:''; position:absolute; left:0; top:0; width:20px; height:20px; text-align:center; background:url('../images/consolCheck.svg') center center #E8E3DB no-repeat; background-size:15px; border-radius:3px}
input[class="checkStyle3"]:checked + label:before {background-color:#FD004E}
.checkbox span {color:#707070; font-size:12px; vertical-align:top; margin-left:8px}

/* 체크박스4 */
input[class="checkStyle4"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[class="checkStyle4"] + label {display:inline-block; vertical-align:top; position:relative; padding-left:30px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:14px; font-weight:400; color:#000}
input[class="checkStyle4"] + label:before {content:''; position:absolute; left:0; top:1px; width:20px; height:20px; text-align:center; background:#E8E3DB; background-size:15px; border-radius:3px}
input[class="checkStyle4"]:checked + label:before {background:url('../images/consolCheck.svg') center center #E0047A no-repeat;}
.checkbox span {color:#707070; font-size:12px; vertical-align:top; margin-left:8px}

/* 게시판 리스트 체크박스 */
input[class="boardCheckStyle"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[class="boardCheckStyle"] + label {display:inline-block; vertical-align:top; position:relative; padding-left:15px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:16px; font-weight:300; color:#505050}
input[class="boardCheckStyle"] + label:before {content:''; position:absolute; left:0; top:2px; width:15px; height:15px; text-align:center; background:#fff; border:1px solid #727272; border-radius:3px}
input[class="boardCheckStyle"]:checked + label:before {border-color:#FD004E; background:url('../images/consolCheck.svg') #FD004E no-repeat}
.checkbox span {color:#707070; font-size:12px; vertical-align:top; margin-left:8px}

/* 라디오 버튼 
input[type='radio'] {appearance:none; width:14px; height:14px; border-radius:100%; margin-right:5px; background:#fff; border:1px solid #B2B2B2; cursor:pointer}
input[type='radio']:checked, input[type='radio']:focus {appearance:none; width:14px; height:14px; border-radius:100%; margin-right:5px; background:#fff; border:5px solid #FD004E; outline:none; outline-offset:0}
*/
/* 라디오 버튼 */
input[type='radio'] {display:none}
input[type='radio'] + label {display:inline-block; vertical-align:baseline; margin-right:5px; padding-left:22px; background:url('../images/consolRadio_off.png') 0 center no-repeat; cursor:pointer}
input[type='radio']:checked + label, input[type='radio']:focus {appearance:none; padding-left:22px; margin-right:5px; background:url('../images/consolRadio_on.png') 0 center no-repeat; outline:none; outline-offset:0}

/* tabs */
.tabStyle {overflow:hidden; border-top:1px solid #E7E7E7; padding-left: 0; margin-top:15px}
.tabStyle li {list-style:none}
.tabStyle li.active a, .tabStyle li a:hover {background:#666; color:#fff}
.tabStyle li:first-child a {border-left:1px solid #E7E7E7}
.tabStyle li a {display:block; float:left; background:#A5A5A5; border-right:1px solid #E7E7E7; box-sizing:border-box; padding:16px 0; text-align:center; font-size:14px; color:#fff; font-weight:700}
.tab6 li a {width:16.66%}
.tab6 li:nth-child(7) a {border-left:1px solid #E7E7E7}
.tab8 li a {width:12.5%; font-size:12px !important}

.tab_s {display:inline-block; overflow:hidden; vertical-align:top}
.tab_s > li {display:inline-block; float:left}
.tab_s > li > a {display:block; width:48px; height:25px; line-height:21px; font-size:12px; color:#B2B2B2; border:1px solid #D5D5D5; background:#fff; text-align:center}
.tab_s > li.active > a, .tab_s > li > a:hover {border-color:#FD004E; color:#FD004E}

.tab_s2 {display:inline-block; overflow:hidden; vertical-align:middle}
.tab_s2 > li {display:inline-block; float:left}
.tab_s2 > li > a {display:block; width:65px; height:45px; line-height:42px; font-size:16px; color:#B2B2B2; border:1px solid #D5D5D5; background:#fff; text-align:center}
.tab_s2 > li.active > a, .tab_s2 > li > a:hover {border-color:#FD004E; color:#FD004E}

.tab_s3 {display:inline-block; overflow:hidden; vertical-align:middle; position:absolute}
.tab_s3 > li {display:inline-block; float:left}
.tab_s3 > li > a {display:block; line-height:42px; font-size:18px; color:#B2B2B2; text-align:center; padding-bottom:15px}
.tab_s3 > li.active > a, .tab_s3 > li > a:hover {border-bottom:3px solid #D61274; color:#000}

.tab_s4 {display:inline-block; overflow:hidden; vertical-align:middle}
.tab_s4 > li {display:inline-block; float:left; background-color:#fff}
.tab_s4 > li > a {padding: 8% 0; width:100%; border:1px solid #E5E5E5; color:#707070}
.tab_s4 .tab_maintext {color:#707070; font-size:16px}
.tab_s4 .number {font-size:20px; font-weight:700}
.tab_s4 .text {font-size:12px}
.tab_s4 .border-right {border-right:1px solid #DFDFDF}
.tab_s4 > li.active > a, .tab_s4 > li > a:hover .tab_maintext{color:#000}
.tab_s4 > li.active > a, .tab_s4 > li > a:hover {border-top:2px solid #FD7FA6}
.tab_s4 > li.active:nth-child(2) {border-bottom:2px solid #FD7FA6}

.tab_s4_1 {display:inline-block; overflow:hidden; vertical-align:middle}
.tab_s4_1 > li {display:inline-block; float:left; padding:30px; width:100%; border:1px solid #E5E5E5; border-bottom:none; color:#707070; width:25%}
.tab_s4_1 .tab_maintext {color:#000; font-size:16px}
.tab_s4_1 .tab_subtext {color:#707070; font-size:17px; background:#F1F1F1; border-radius:30px; padding:10px 0; width:50%; margin:0 auto}
.tab_s4_1 .number {font-size:25px; font-weight:700}
.tab_s4_1 .text {font-size:15px}
.tab_s4_1 .border-right {border-right:1px solid #DFDFDF}

.tab_s4_2 {display:inline-block; overflow:hidden; vertical-align:middle}
.tab_s4_2 > li {display:inline-block; float:left; background-color:#fff}
.tab_s4_2 > li > a {padding: 8% 0; width:100%; border-top:1px solid #E5E5E5; border-right:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-bottom:1px solid #fff; color:#707070}
.tab_s4_2 .tab_maintext {color:#707070; font-size:16px}
.tab_s4_2 .number {font-size:14px; font-weight:700}
.tab_s4_2 .border-right {border-right:1px solid #DFDFDF}
.tab_s4_2 > li.active > a, .tab_s4_2 > li > a:hover .tab_maintext{color:#000}
.tab_s4_2 > li.active > a, .tab_s4_2 > li > a:hover {border-top:1px solid #FD7FA6; border-left:1px solid #FD7FA6; border-right:1px solid #FD7FA6; border-bottom:3px solid #fff}


.tab_s5 {display:inline-block; overflow:hidden; vertical-align:middle; margin-bottom: -1px}
.tab_s5 > li {display:inline-block; float:left}
.tab_s5 > li > a {display:block; padding:20px 45px; font-size:14px; color:#000; border-top:1px solid #D5D5D5; border-left:1px solid #D5D5D5; border-right:1px solid #D5D5D5; background:#f1f1f1; text-align:center}
.tab_s5 li:nth-child(2) a {border-left:none}
.tab_s5 > li.active > a, .tab_s5 > li > a:hover {background-color:#fff}



/* date */
.date {font-size:16px; color:#000; font-weight:700; display:inline-block; vertical-align:top}
.date > a {display:inline-block}
.date .fa-chevron-left{color:#B5B5B5; border:1px solid #B5B5B5; padding:3px 8px 4px 8px; margin-right:10px; vertical-align:top}
.date .fa-chevron-left:hover {background:#B5B5B5; color:#fff}
.date .fa-chevron-right{color:#B5B5B5; border:1px solid #B5B5B5; padding:3px 8px 4px 8px; margin-left:10px; vertical-align:top}
.date .fa-chevron-right:hover {background:#B5B5B5; color:#fff}


/* pagination */
.pagination1 .number {border: 1px solid #D5D5D5; background-color: #fff; color: #A3A3A5; font-size: 12px; padding: 0; border-radius: 2px; margin-right: 1px; width: 30px; height: 30px; display: inline-block; line-height: 27px}
.pagination1 .number.active, .pagination1 .number:hover {border: 1px solid #FD004E; color: #FD004E}
.pagination1 .fa-chevron-left {border: 1px solid #D5D5D5; background-color: #FBFBFB; color: #B2B2B2; font-size: 12px; padding: 0; border-radius: 2px; margin-right: 1px; width: 30px; height: 30px; display: inline-block; line-height: 27px; vertical-align: bottom; margin-right: 17px}	
.pagination1 .fa-chevron-left:hover {border: 1px solid #9a9a9a; color:#9a9a9a}
.pagination1 .fa-chevron-right {border: 1px solid #D5D5D5; background-color: #FBFBFB; color: #B2B2B2; font-size: 12px; padding: 0; border-radius: 2px; margin-right: 1px; width: 30px; height: 30px; display: inline-block; line-height: 27px; vertical-align: bottom; ; margin-left: 17px}	
.pagination1 .fa-chevron-right:hover {border: 1px solid #9a9a9a; color:#9a9a9a}
.pagination1 .fa-chevron-double-left {border: 1px solid #D5D5D5; background-color: #FBFBFB; color: #B2B2B2; font-size: 12px; padding: 0; border-radius: 2px; margin-right: 1px; width: 30px; height: 30px; display: inline-block; line-height: 27px; vertical-align: bottom}	
.pagination1 .fa-chevron-double-left:hover {border: 1px solid #9a9a9a; color:#9a9a9a}
.pagination1 .fa-chevron-double-right {border: 1px solid #D5D5D5; background-color: #FBFBFB; color: #B2B2B2; font-size: 12px; padding: 0; border-radius: 2px; margin-right: 1px; width: 30px; height: 30px; display: inline-block; line-height: 27px; vertical-align: bottom}	
.pagination1 .fa-chevron-double-right:hover {border: 1px solid #9a9a9a; color:#9a9a9a}


.fa-chevron-left {border: 1px solid #D5D5D5; background-color: #FBFBFB; color: #B2B2B2; text-align: center; font-size: 12px; padding: 0; border-radius: 2px; margin-right: 1px; width: 30px; height: 30px; display: inline-block; line-height: 27px; vertical-align: bottom}	
.fa-chevron-left:hover {border: 1px solid #9a9a9a; color:#9a9a9a}
.fa-chevron-right {border: 1px solid #D5D5D5; background-color: #FBFBFB; color: #B2B2B2; text-align: center; font-size: 12px; padding: 0; border-radius: 2px; margin-right: 1px; width: 30px; height: 30px; display: inline-block; line-height: 27px; vertical-align: bottom; ; margin-left: 10px}	
.fa-chevron-right:hover {border: 1px solid #9a9a9a; color:#9a9a9a}


.pagination2 .number {border: 1px solid #E8ECEF; background-color:#fff; color: #727272; font-size: 10px; padding: 3px 8px; border-radius: 5px}
.pagination2 .number.active, .pagination2 .number:hover {border: 1px solid #FD004E; color: #FD004E}
.pagination2 .fa-chevron-left {border: 1px solid #C5C5C5; background-color:#F7F7F7; color: #727272; font-size: 10px; padding: 5px 8px; border-radius: 5px}
.pagination2 .fa-chevron-left:hover {border: 1px solid #969696; color: #969696}
.pagination2 .fa-chevron-right {border: 1px solid #C5C5C5; background-color:#F7F7F7; color: #727272; font-size: 10px; padding: 5px 8px; border-radius: 5px}
.pagination2 .fa-chevron-right:hover {border: 1px solid #969696; color: #969696}


/* menuBox */
.menuBox {background-color:#F1F1F1; padding:30px 38px}
.menuBox > ul.consolLsit {overflow:hidden}
.menuBox > ul > li {float:left; width:90px}
.menuBox.bgWhite{border:1px solid #E6E6E6; background:#fff}

/* menuBox2 */
.menuBox2 {background-color:#F5F5F5; padding:20px 24px}

/* 로그인 */
.loginBg1 {background:url(../images/bg_1.png) #f7f7f7 top right no-repeat; background-size:cover}
.loginForm {max-width:555px}
.form-heading { color:#fff; font-size:23px;}
.login-form h2{ color:#1B1E24; font-size:24px; font-weight:500; margin:0 0 54px 0; letter-spacing: -1px}
.panel p { color:#777777; font-size:14px; margin-bottom:30px; line-height:24px; letter-spacing: -1px}
.login-form .form-control {border: 1px solid #E8ECEF; border-radius: 4px; font-size: 14px; height: 52px; line-height: 50px}
.main-div {background: #ffffff none repeat scroll 0 0; border-radius: 2px; margin: 10px auto 30px; width:555px; padding: 54px 98px 54px 98px; margin-top:112px}
.login-form .form-group {margin-bottom:19px}
.login-form{}
.login-form  .btn.btn-primary {background:#BB48D0 none repeat scroll 0 0; border-color: #BB48D0; color: #ffffff; font-size: 16px; width: 100%; height: 54px; line-height: 50px; padding: 0; transition:0.3s}
.login-form  .btn.btn-primary:hover {background:#9D2BB2}
.forgot {text-align: left; margin-bottom:23px}
.botto-text {color: #B2B2B2; font-size: 14px; margin: auto; margin-top: 100px}
.login-form .btn.btn-primary.reset {background: #ff9900 none repeat scroll 0 0}
.back { text-align: left; margin-top:10px;}
.back a {color: #444444; font-size: 13px; text-decoration: none;}
.form-group p {text-align:left; font-size: 12px; margin-bottom: 11px; color: #252631}
.forgot {text-align:right}
.checkbox {text-align:left}
.forgot a {color:#000; font-size:12px; text-decoration: none; letter-spacing: -1px; vertical-align:sub}
.checkbox label {color:#707070; font-size:12px; letter-spacing: -1px}
.bottom_text {font-size:12px; color:#B2B2B2; letter-spacing:-1px; margin-top:168px; margin-bottom:0}
.bottom_text a {color:#000; text-decoration: none}
.form-control:focus, .form-control:hover {background-color:rgba(0,0,0,0.05)}


/* headerTop */
#headerTop {padding:15px 30px; height:64px; position:relative; width:100%}
#headerTop h1 {float:left; font-size:12px; margin:4px 30px 0 0}
#headerTop .adminName {font-size:14px; font-weight:500; color:#fff; float:left; margin-top:7px}
#headerTop .adminUtil {float:right; display:flex; align-items:center}
#headerTop .adminUtil > li {float:left; margin-left:10px; position:relative; display:flex; align-items:center}
#headerTop .adminUtil > li > a {color:#fff; vertical-align:sub}
#headerTop .adminUtil > li > a  i {vertical-align:middle}
.userDrop {border-radius:0; padding:5px 20px; margin-top:10px}
.userDrop>li {border-bottom:1px solid #D5D5D5}
.userDrop>li>a {padding:12px 0; font-size:13px; font-weight:400}
.userDrop>li:last-child {border-bottom:none}
.userDrop>li>a:focus, .userDrop>li>a:hover {background:none; color:#FD004E}
.bellIcon {position:relative; display:none}
.bellIcon:before {content:""; width:6px; height:6px; display:inline-block; background:#fd004e; position:absolute; top:4px; left:-1px; border-radius:3px; display:none}
.bellIcon.active:before {display:block}

#contentWrap {position:relative}
.contentWrap {background:#eee; padding:25px 25px 120px 25px; overflow:hidden; box-sizing:border-box; display:flex; align-items:flex-start; min-height:100vh}

/* sidebar consoleMenu */
#sidebar {width:230px; position:relative; flex-shrink:0}
.sideMenu {position:absolute; top:0; right:-18px; cursor:pointer; display:none}
.sideMenu > img {vertical-align:top}
.SideMenuOn {display:none}
#sidebar > dl {border-radius:15px; background:#fff; position:relative; z-index:999; margin-bottom:10px}
#sidebar > dl > dt {position:relative}
#sidebar > dl > dt > a {display:block; padding:20px 25px; font-size:16px; color:#707070; font-weight:400; position:relative; transition:0.3s; font-weight:500}
#sidebar > dl > dt > a i {vertical-align:baseline}
#sidebar > dl > dt > a .navIcon {margin-right:10px}
#sidebar > dl > dt > a .cog {font-size:10px; color:#A3A3A5; margin-left:8px}
#sidebar > dl > dt > a .navArrow {font-size:10px; position:absolute; top:27px; right:20px; background:none; border:none; width:auto; height:auto; line-height:inherit}
#sidebar > dl > dt.active > a, #sidebar > dl > dt > a:hover {color:#000; font-weight:500}
.consoleMenu {background:url('../images/consoleMenuArr.png') 0 15px no-repeat; display:none; position:absolute; top:10px; right:-212px; width:220px; z-index:999; padding-left:8px}
.consoleMenu ul {border:1px solid #999; background:#fff}
.consoleMenu ul > li > a {display:block; font-size:14px; color:#707070; transition:0.3s; line-height:45px; padding-left:40px; font-weight:400; border-bottom:1px solid #d5d5d5}
.consoleMenu ul > li.active > a, #sidebar > dl > dt > .consoleMenu ul > li > a:hover {color:#FD004E; font-weight:500}
.consoleMenu ul > li.active a {background:url('../images/check.svg') 20px center no-repeat; background-size:12px}
#sidebar > dl > dt.active > .consoleMenu {display:block}
#sidebar > dl > dt:first-child > a {border-radius:15px 15px 0 0}

/* sidebar lnb */
#sidebar > ul {border-radius:15px; background:#fff; position:relative; z-index:999}
#sidebar > ul > li {position:relative; border-bottom:1px solid #E5E5E5}
#sidebar > ul > li > a {display:block; padding:18px 20px; font-size:16px; color:#707070; position:relative; transition:0.3s; font-weight:500}
/*#sidebar.thum > ul > li.active > a {background:#F7F7F7}*/
#sidebar > ul > li > a i {vertical-align:baseline}
#sidebar > ul > li > a .navIcon {margin-right:10px}
#sidebar > ul > li > a .navArrow {font-size:10px; position:absolute; top:27px; right:20px}
#sidebar > ul > li > a .navArrow:before {content:"\f078"}
#sidebar > ul > li.active > a {background:#FD004E; color:#fff}
#sidebar > ul > li.active > a .navArrow:before {content:"\f077"}
#sidebar > ul > li:first-child > a {border-radius:15px 15px 0 0}
#sidebar > ul > li:last-child {border-bottom:none}

#sidebar > ul > li .depth2Lnb {display:none}
#sidebar > ul > li .depth2Lnb > ul {background:#FFF2F6; padding:10px 10px 10px 45px}
#sidebar > ul > li:last-child .depth2Lnb > ul {border-radius:0 0 15px 15px}
#sidebar > ul > li .depth2Lnb > ul > li {}
#sidebar > ul > li .depth2Lnb > ul > li a {display:block; font-size:14px; color:#707070; padding:4px 0; transition:0.3s}
#sidebar > ul > li .depth2Lnb > ul > li.active a, #sidebar > ul > li .depth2Lnb > ul > li a:hover {color:#FD004E; font-weight:500}
#sidebar > ul > li.active .depth2Lnb {display:block !important}

.depth2Lnb > ul > li .depth3Lnb {display:none}
.depth2Lnb > ul > li .depth3Lnb > ul {}
.depth2Lnb > ul > li .depth3Lnb > ul > li {display:flex; align-items:center; margin-left:18px}
.depth2Lnb > ul > li .depth3Lnb > ul > li:before {content:""; width:5px; height:1px; display:inline-block; background:#707070; vertical-align:middle; margin:0 5px 0 2px}
.depth2Lnb > ul > li .depth3Lnb > ul > li > a {display:inline-block; vertical-align:middle; font-size:14px; color:#707070 !important; padding:2px 0; transition:0.3s}
.depth2Lnb > ul > li .depth3Lnb > ul > li.active > a, .depth2Lnb > ul > li .depth3Lnb > ul > li > a:hover {color:#FD004E !important; font-weight:400}
.depth2Lnb > ul > li .depth3Lnb > ul > li:hover:before, .depth2Lnb > ul > li .depth3Lnb > ul > li.active:before {background:#FD004E}
.depth2Lnb > ul > li.active .depth3Lnb {display:block !important}

#sidebar > ul > li .depth2Lnb.thum {background:url('../images/consoleMenuArr2.png') 0 15px no-repeat; display:none; position:absolute; top:10px; right:-192px; width:200px; z-index:999; padding-left:8px}
#sidebar > ul > li .depth2Lnb.thum > ul {background:#fff; padding:0; border-radius:15px; box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
#sidebar > ul > li .depth2Lnb.thum > ul > li {}
#sidebar > ul > li .depth2Lnb.thum > ul > li a {display:block; font-size:14px; color:#707070; transition:0.3s; line-height:45px; padding:0 0 0 20px; font-weight:400; border-bottom:1px solid #E5E5E5}
#sidebar > ul > li .depth2Lnb.thum > ul > li:last-child a {border-bottom:none}
#sidebar > ul > li .depth2Lnb.thum > ul > li.active a, #sidebar > ul > li .depth2Lnb.thum > ul > li a:hover {color:#FD004E; font-weight:500}
#sidebar > ul > li.active .depth2Lnb.thum {display:block !important}

/* content */
#content {width:calc(100% - 230px); padding:20px 50px 100px 50px; position:relative; margin-left:30px; background:#fff; border-radius:15px}
#content > article {margin:0 auto}
/*#content {float:left; width:100%; min-width:1100px; max-width:1510px; min-height:1500px; padding:40px 70px 200px 70px; border-left:1px solid #E6E6E6; position:relative}*/
.contentHeader {padding:15px 0; border-bottom:1px solid #B2B2B2; margin-bottom:40px; position:relative}
.contentHeader h2 {font-size:26px; font-weight:700; color:#000}
.contentBody {border-bottom:1px solid #D5D5D5; position:relative; height:37px}

/* contentHeader_cate */
.contentHeader_cate {display:flex}
.contentHeader_cate > li > a {color:#777}
.contentHeader_cate > li > a:hover {color:#000}
.contentHeader_cate > li:after {font-family:"Font Awesome 5 Pro"; font-weight:400; content:"\f054"; font-size:12px; color:#B6B6B6; padding-left:8px; margin-right:8px; vertical-align:middle}
.contentHeader_cate > li:last-child:after {display:none}

/* receiveWrap */
.receiveWrap {display:none}
.sendWrap {display:none}
.varUseWrap {display:none}
.urlAdd1 {display:none}
.urlAdd2 {display:none}

/* table */
.tableScroll {width:100%; overflow:auto}
.tableScroll > table {white-space:nowrap; border-collapse:collapse}
.tableScroll > p {display:inline;}

.tbl-striped tbody tr:nth-child(even) { background-color: #f7f7f7;}
.tbl-striped-odd tbody tr:nth-child(odd) { background-color: #f7f7f7;}

.table_skin1 {width:100%; background:#fff; text-align:center}
.table_skin1 th {background-color:#F1F1F1; color:#000 !important; padding:7px !important; border-right:1px solid #D5D5D5; border-bottom:1px solid #d5d5d5; vertical-align:middle}
.table_skin1 td {color:#707070; padding:4px 7px 5px 7px !important; border-right:1px solid #D5D5D5;  border-bottom:1px solid #D5D5D5}
.table_skin1 a {color:#707070}
.table_skin1 tr:hover td{background-color:#f7f7f7}
.table_skin1 tr.selected:hover td{background-color:#b0bed9}
.table_skin1 .end {border-right:0}
.table_skin1 .hover-none:hover td{background-color:#fff}
.boardTitle {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:sub; letter-spacing:-1px}

.table_skin2 {width:100%; background:#fff}
.table_skin2 th {background-color:#A5A5A5; font-size:12px; color:#fff; padding:13px; border-right: 1px solid #b7b7b7}
.table_skin2 td {font-size:10px; color:#707070; padding:13px}
.table_skin2 tr { border:1px solid #E8ECEF}
.table_skin2 a {color:#707070}
.table_skin2 tr:hover td{background-color:#f7f7f7}
.table_skin2 tr.selected:hover td{background-color:#b0bed9}
.table_skin2 .end {border-right:0}

.table_skin3 {width:100%; background:#fff}
.table_skin3 .th {background-color:#707070; color:#fff}
.table_skin3 th {background-color:#F1F1F1; font-size:14px; color:#000; padding:15px; border-right:1px solid #D5D5D5; font-weight:500}
.table_skin3 td {font-size:12px; color:#000; padding:13px; font-size:14px; border-right:1px solid #D5D5D5;  border-bottom:1px solid #D5D5D5}
.table_skin3 a {color:#707070}
.table_skin3 tr:hover td{background-color:#f7f7f7}
.table_skin3 tr.selected:hover td{background-color:#b0bed9}
.table_skin3 .end {border-right:0}

.tbl_use_skin {width:100%; background:#fff; text-align:left}
.tbl_use_skin thead th {background-color:#A5A5A5; font-size:12px; color:#fff; padding:13px 10px; border-right: 1px solid #b7b7b7; text-align:center}
.tbl_use_skin tbody td {font-size:10px; color:#707070; padding:13px 10px}
.tbl_use_skin tr {border:1px solid #E8ECEF}
.tbl_use_skin a {color:#707070}
.tbl_use_skin tr:hover td{background-color:#f7f7f7}
.tbl_use_skin tr.selected:hover td{background-color:#b0bed9}
.tbl_use_skin .end {border-right:0}


/* select */
.selectStyle {vertical-align:baseline; padding:8px 15px; border:1px solid #707070; font-size:13px; font-weight:400; color:#727272; background:url('../images/selectArrow.png') #fff no-repeat 95% 50%; border-radius:3px; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.selectStyle::-ms-expand {display:none}
.selectStyle2 {vertical-align:baseline; padding:13px 20px; border:1px solid #D5D5D5; font-size:12px; font-weight:400; color:#727272; background:url('../images/selectStyle2Arr.png') #fff no-repeat 95% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.selectStyle2::-ms-expand {display:none}
.selectStyle3 {width:100%; vertical-align:baseline; padding:11px 20px; border:1px solid #D5D5D5; font-size:16px; font-weight:400; color:#727272; background:url('../images/selectStyle2Arr.png') #fff no-repeat 95% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.selectStyle3::-ms-expand {display:none}
.selectStyle3.height26 {padding:0 20px; font-size:14px}

/* Dashboard01 */
.tableScroll {min-height:.01%; overflow-x:auto; margin-bottom:15px; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar}
.Dashboard01 {background-color: #fff; padding: 35px 30px; width:100%}
.Dashboard01 h4 {font-size:16px; color:000; font-weight:700; display:inline-block}
.New {font-size:11px; color:#fff; background-color:#FD004E; padding:5px; font-weight:700; margin-right:10px}
.Notification {font-size:11px; color:#fff; background-color:#FEBF7F; padding:5px; font-weight:700; margin-right:10px}
.Notice {font-size:11px; color:#fff; background-color:#7FD0FF; padding:5px; font-weight:700; margin-right:10px}


/* Dashboard02 */
.Dashboard02 {background-color: #fff; padding: 35px 30px; width:100%}
.Dashboard02 h4 {font-size:16px; color:000; font-weight:700; display:inline-block}
.Reply {font-size:11px; color:#fff; background-color:#B2B2B2; padding:5px; font-weight:700}
.n_Reply {font-size:11px; color:#fff; background-color:#FD004E; padding:5px 10px; font-weight:700}


/* Dashboard03 */
.Dashboard03 {width:100%; background-color: #fff; padding: 35px 30px; overflow:hidden}
.Dashboard03 h4 {font-size:16px; color:000; font-weight:700; display:inline-block}
.Dashboard03 .sub_Text {display:inline; float:right; font-size:18px; color:#000}
.Dashboard03 .sub_Text .color1 {color:#FD004E}
.Dashboard03 .img_chart01 {padding-top: 20px; border-top: 1px solid #CECECE}


/* Dashboard04 */
.Dashboard04 {background-color: #fff; padding: 35px 30px; width:100%}
.Dashboard04 h4 {font-size:16px; color:000; font-weight:700; display:inline-block}
.Dashboard04 .box {border: 1px solid #B2B2B2; padding: 10px; border-radius: 5px}
.Dashboard04 .box > span {font-size: 16px; color: #778CA2; font-weight:700}


/* Dashboard05 */
.Dashboard05 {background-color: #fff; padding: 35px 30px; width:100%}
.Dashboard05 h4 {font-size:16px; color:000; font-weight:700; display:inline-block}
.Dashboard05 .img_chart03 {margin-top:75px}


/* Menu01 */
.Menu01 h4 {font-size:16px; color:000; display:inline}
.Menu01_1 {display:inline; margin-right:100px}
.Menu01_2 {display:inline}

/* Menu02 */
.Menu02 {padding:35px 20px; border-right:1px solid #C2C2C2}
.Menu02 h4 {font-size:16px; display:inline}
.Menu02 i {margin-right:5px}
.Menu02 .tb_subText {color:#B2B2B2; font-size:11px}

/* Menu03 */
.Menu03 {padding:35px 20px; overflow:hidden}
.Menu03 {border-left: 0}
.Menu03 h4 {font-size:14px; color:#252631; position:relative; margin-top:5px}
.editIcon {position:absolute; right:20px; top:-5px; color:#fd004e; font-size:16px}
.editIcon:hover {color:#222}
.Menu03 .tb_subText {color:#B2B2B2; font-size:11px}
.Menu03 .table_back {background-color: #FAFAFA; padding: 20px; margin-bottom:0}
.Menu03 .fa-retweet {color:#Fff; background-color:#FD004E;padding: 10px; border-radius: 25px; margin:20px 0}
.Menu03 .pd_b55 {padding-bottom:55px}

/* footer */
footer {font-size:14px; color:#fff; font-weight:400; position:absolute; bottom:-100px; left:0; width:100%; background:#999; border-radius:15px; padding:30px 50px}



/* dataTables */
.dataTables_info {margin-right:20px; margin-bottom:20px}
.dataTables_length {margin-bottom:20px}
.dataTables_info strong {color:#FD004E}
.dataTables_length select {vertical-align:baseline; padding:11px 20px !important; border-radius:0 !important; border:1px solid #D5D5D5; font-size:12px; font-weight:400; color:#727272; background:url('../images/selectStyle2Arr.png') #fff no-repeat 95% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.dataTables_wrapper .dataTables_paginate {float:none; text-align:center; margin-top:20px}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {color:#FD004E !important; border:1px solid #FD004E !important; background:#fff !important}
.paginate_button.first, .paginate_button.previous, .paginate_button.next, .paginate_button.last {padding:.5em 1.2em !important; color:#666 !important; border:1px solid #d5d5d5 !important; text-indent:-9999px !important; background: #fbfbfb !important; color:#B2B2B2 !important}
.paginate_button.first {background:url('../fontawesome-pro-5.15.2-web/svgs/solid/chevron-double-left.svg') #fbfbfb center center no-repeat !important; background-size:12px !important}
.paginate_button.previous {margin-right:20px !important; background:url('../fontawesome-pro-5.15.2-web/svgs/solid/chevron-left.svg') #fbfbfb center center no-repeat !important; background-size:8px !important}
.paginate_button.next {margin-left:20px !important; background:url('../fontawesome-pro-5.15.2-web/svgs/solid/chevron-right.svg') #fbfbfb center center no-repeat !important; background-size:8px !important}
.paginate_button.last {background:url('../fontawesome-pro-5.15.2-web/svgs/solid/chevron-double-right.svg') #fbfbfb center center no-repeat !important; background-size:12px !important}
.paginate_button.first:hover, .paginate_button.previous:hover, .paginate_button.next:hover, .paginate_button.last:hover {border-color:#999 !important}

/*plus-box*/
.plus-box {border: 1px solid #b2b2b2; padding: 2px 3px; border-radius: 5px}
.plus-box:hover {background:#b2b2b2; color:#fff}


/* phone1 */
.phone1 .phoneWrap .text-main {font-size:12px; color:#505050; font-weight:500}
.phone1 .phoneWrap .text-sub {font-size:10px; color:#707070}
.phoneTextWrap1 {position: absolute; top: 198px; left: 87px}

/* phone2 */
.phoneWrap {position:relative; margin-top:-15px; margin-left:-15px}
.phoneTextWrap {position:absolute; top:70px; left:45px; width:240px}
.phoneText1 {background:#fff; border-radius:10px; padding:20px 15px 30px 15px; color:#848484}
.modalStyle .modal-body .phoneText1 > p {color:#848484}

/* phone3 */
.phone3 div .text-main {font-size:11px; color:#000; text-align:center}
.phone3 div .text-sub {font-size:13px; color:#000; text-align:left}
.phone3 div .text-sub_1 {font-size:6px; color:#727272; text-align:left}
.phone3 div .text-sub_2 {font-size:10px; color:#727272; text-align:left}
.phoneTextWrap2 {position: absolute; top: 348px; left: 79px}

.phoneTextWrap3 {position:absolute; top:190px; left:79px}
.phoneTextWrap3 > div {border-radius:10px; background:#fff; overflow:hidden; width:193px}
.phoneTextWrap3 > div .text-main {font-size:11px; background:#FFE200; color:#000; text-align:center; padding:10px 0}
.phoneTextWrap3 > div .text-sub-wrap {padding:30px 10px; text-align:left}
.phoneTextWrap3 > div .text-sub {font-size:13px}
.phoneTextWrap3 > div .text-sub_1 {font-size:6px}
.phoneTextWrap3 > div .text-sub_2 {font-size:10px; color:#727272; text-align:left; background:#F7F7F7; padding:10px; box-sizing:border-box}

.rcsWrap {width:240px; position:absolute; top:53px; left:45px; background:#ededed}
.rcsWrap .rcsImage {width:100%; height:200px; border-radius:10px 10px 0 0}
.rcsWrap .rcsProfileImage {text-align:center; margin-top:-28px; position:relative}
.rcsWrap .rcsProfileImage img {border-radius:49px; box-shadow:0 3px 6px rgba(0,0,0,0.16)}
.rcsWrap .rcsCon {padding:20px}
.phoneTextWrap {position:absolute; top:70px; left:45px; width:240px}
.phoneIcon {justify-content:space-between; display:flex; flex-wrap:wrap}

.border-line2 {border:1px solid #d6d6d6}
.pd10 {padding: 10px !important}

.border-top-line3 {border-top:0.5px solid #FD004E}

/* tab_s6 */
.tab_s6 {display:inline-block; vertical-align:middle; margin-bottom:-1px}
.tab_s6 > li {display:inline-block; float:left; margin-left:-1px}
.tab_s6 li:first-child {margin-left:0}
.tab_s6 > li > a {display:block; padding:10px 35px; color:#000; border-top:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5; border-right:1px solid #D5D5D5; border-left:1px solid #D5D5D5; background:#f1f1f1; text-align:center}
.tab_s6 > li.active > a, .tab_s6 > li > a:hover {background-color:#fff}
.tab_s6 > li.active > a {border-bottom-color:#fff}

/* toolTip */
.toolTip {color:#B2B2B2; vertical-align:baseline; position:relative; cursor:pointer}
.toolTip .toolTipText, .toolTipicon .toolTipText{visibility:hidden; width:210px; line-height:20px; box-sizing:border-box; background-color:#fff; border:1px solid #D5D5D5; color:#707070; font-weight:500; text-align:left; padding:15px; position:absolute; z-index:1; bottom:125%; left:50%; margin-left:-20px; opacity:0; transition:opacity 0.3s; box-shadow:0 0 5px #eee}
.toolTip .toolTipText::after, .toolTipicon .toolTipText::after {content:""; position:absolute; top:100%; left:15px; border-width:5px; border-style:solid; border-color:#D5D5D5 transparent transparent transparent}
.toolTip.toolRight .toolTipText {left:inherit; right:0}
.toolTip.toolRight .toolTipText::after {left:calc(100% - 10px)}
.toolTip.toolBottom .toolTipText {top:100%; height:100%; height:max-content}
.toolTip:hover .toolTipText , .toolTipicon:hover .toolTipText{visibility:visible; opacity:1}

.toolTip .toolTipText_new {border:0.5px solid #CCCCCC; width: auto; font-size: 10px; color: #666666; font-weight: 400; left: 35%;}
.toolTip .toolTipText_new::after {border-color: #CCCCCC transparent transparent transparent; left: 50%;}
.toolTip .toolTipText_visible {visibility: visible; opacity: 1; width: 170px; left: -42%; padding: 5px; text-align: center;}

/* templateBox */
.templateBox {border:1px solid #D5D5D5; box-sizing:border-box; padding:20px 35px}
.templateList {text-align:center; overflow-x:auto; white-space:nowrap; padding-bottom:15px; text-align:left}
.templateList > li {display:inline-block; margin-right:50px; vertical-align:top}
.templateList > li:last-child {margin-right:0}
.templateList > li img {display:block; margin:0 auto}
.templateList > li h6 {text-align:center}
.templateList > li div {text-align:center}



.scroll-y {max-height:380px; overflow-y:auto}
.scroll-y2 {max-height:480px; overflow-y:auto; min-height:110px}
.scroll-y3 {max-height:180px; overflow-y:auto}
.scroll-y4 {height:450px; overflow-y:auto}
.scroll-y5 {max-height:354px; overflow-y:auto}
.scroll-y6 {max-height:100px; overflow-y:auto}

.channelBtn {border:1px solid #D5D5D5; color:#B2B2B2; padding:4px 5px; font-size:10px}


/* color */
.btnGuideBlack {border:1px solid #6C6C70; border-radius:5px; color:#fff; background-color:none; padding:8px 15px; font-size:11px; font-weight:500; display:inline-flex; transition:0.3s; height:36px; align-items:center}
.btnGuideBlack:hover {background:#fff; color:#000 !important}

.border-line {border:0.5px solid #d6d6d6; border-radius:3px}

.sendSteps {display:flex; justify-content:space-between; border:1px solid #D5D5D5; box-sizing:border-box; padding:20px 30px}
.sendSteps > div {text-align:center}
.sendSteps > div > p {font-size:12px !important; line-height:15px}
.sendSteps_icon {background:#cb97a8; border-radius:100%; width:70px; height:70px; display:flex; justify-content:center; align-items:center; font-size:26px; color:#fff}
.sendSteps_icon2 {background:#610620; border-radius:100%; width:70px; height:70px; display:flex; justify-content:center; align-items:center; font-size:26px; color:#fff}
.sendSteps_arr {font-size:34px; color:#aaa; margin-top:18px}



input[disabled] {color: #939192;background: #f5f5f5!important;cursor: default;}

.textareaHeight {min-height:120px}


/* 2022-09-22 */
.btnStyle3.red {background:#FD004E; border-color:#FD004E; color:#fff}
.btnStyle3.red:hover {background:#fff; color:#FD004E !important}
.screeningList .bx-wrapper {box-shadow:none; border:none}
.screeningList .bx-wrapper .bx-viewport {height:auto !important}
.screeningSlider {margin-top:40px; display:flex}
.screeningSlider > li {text-align:center; border:1px solid #d5d5d5; padding:20px; border-radius:10px; position:relative; padding-bottom:70px; width:285px !important}
.scrTitle {font-size:15px !important; font-weight:500; height:45px}
.scrFile {display:block; font-size:13px !important; font-weight:400; margin-top:5px}
.attachThum {display:flex; justify-content:center; align-items:center; width:100%; height:250px; border:1px solid #ccc; font-size:13px; margin-top:15px; padding:0 15px}
.attachThum > span {font-size:13px !important; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.scrFileNote {font-size:12px !important; line-height:15px; margin-top:5px}
.attachDownWrap {position:absolute; bottom:20px; left:0; width:100%; text-align:center}






/* 2022-11-03 */
.m0auto {margin:0 auto !important}
.radioStyle_new {display:inline-block !important; vertical-align:bottom; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; border-radius:100% !important; height:14px !important; width:14px; background:#fff; border:1px solid #707070; color:#fff; cursor:pointer; display:inline-block; outline:none; position:relative; z-index:90}
.radioStyle_new:checked {border:5px solid #FD004E}
.radioStyle_new:focus {padding:0 !important; margin:0 !important; background:none !important}
.radioStyle_new + label {padding:0 !important; margin:0 !important; background:none !important; font-size:12px; color:#505050}
.radioStyle_new + label.mr30 {margin-right:30px !important}
.radioStyle_new + label.mr40 {margin-right:40px !important}
.radioStyle_new + label.ml5 {margin-left:5px !important}





/* selectStyle */
.selectStyle_new {border:1px solid #ddd; border-radius:4px; color:#505050; padding:0 20px; width:100%; height:40px; line-height:40px; box-sizing:border-box; font-size:13px; font-weight:400; vertical-align:baseline; background:url('../images/selectArw.png') #F1F3F4 no-repeat right 20px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
.selectStyle_new::-ms-expand {display:none}
.selectStyle_new2 {border:none; border-radius:4px; color:#505050; padding:0 20px; width:100%; height:40px; line-height:40px; box-sizing:border-box; font-size:12px; font-weight:400; vertical-align:baseline; background:url('../images/selectArw.png') #F1F3F4 no-repeat right 20px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
.selectStyle_new2::-ms-expand {display:none}

.btnStyleNew {display:inline-flex; align-items:center; justify-content:center; height:50px; width:100%; border-radius:4px; box-sizing:border-box; font-size:16px; font-weight:500; margin:0 5px; transition:.3s}
.btnStyleNew.height40 {height:40px; font-size:12px}
.btnStyleNew.height30 {height:30px; font-size:12px; border-radius:2px}
.btnStyleNew.height26 {height:26px; font-size:10px; border-radius:2px}
.btnStyleNew:hover {border-color:#D00000; background:#D00000; color:#fff}
.btnStyleNew.red {border:1px solid #FD004E; color:#fff; background:#FD004E}
.btnStyleNew.red:hover {border-color:#D00000; background:#D00000; color:#fff}
.btnStyleNew.whiteRed {border:1px solid #FD004E; color:#FD004E; background:#fff}
.btnStyleNew.whiteRed:hover {background:#FFF4FB}
.btnStyleNew.white {border:1px solid #222; color:#222; background:#fff}
.btnStyleNew.white:hover {border-color:#222; background:#222; color:#fff}
.btnStyleNew.black {border:1px solid #000; color:#fff; background:#000}
.btnStyleNew.black:hover {border-color:#FD004E; background:#FD004E; color:#fff}
.btnStyleNew.gray {border:1px solid #7F7F7F; color:#fff; background:#7F7F7F}
.btnStyleNew.gray:hover {border-color:#333; background:#333; color:#fff}
.btnStyleNew.whiteGray {border:1px solid #727272; color:#727272; background:#fff}
.btnStyleNew.whiteGray:hover {border-color:#727272; background:#727272; color:#fff}
.radioStyle_new + label.mr80 {margin-right:80px !important}

.relative {position:relative}
.absolute {position:absolute}
.maxWidth180 {max-width:180px}
.txtUnderline {text-decoration:underline; text-underline-position:under}
.txtUnderline:hover, .txtUnderline:focus {text-decoration:underline !important}
.textCount2 {position:absolute; right:10px; top:12px; font-size:10px; color:#B2B2B2}

/* inputStyle_new */
.inputStyle_new {border:1px solid #D5D5D5; border-radius:4px; color:#333; padding:0 20px; width:100%; height:40px; line-height:40px; box-sizing:border-box; font-size:12px; font-weight:500; vertical-align:baseline; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.inputStyle_new::placeholder {color:#B2B2B2; font-size:12px; font-weight:400}
.inputStyle_new2 {border:1px solid #D5D5D5; border-radius:4px !important; color:#333; padding:0 20px; width:100%; height:40px; line-height:40px; box-sizing:border-box; font-size:10px; font-weight:500; vertical-align:baseline; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.inputStyle_new2::placeholder {color:#B2B2B2; font-size:10px; font-weight:400}

/* textareaStyle_new */
.textareaStyle_new {display:block; resize :vertical; font-size:14px; font-weight:400; color:#000; background:#F5F5F5; border:1px solid #F5F5F5; border-radius:4px; box-sizing:border-box; padding:10px 15px; width:100%; height:100%; /*max-height:180px; overflow-y:auto*/}
.textareaStyle_new::placeholder {color:#B2B2B2; font-size:12px; font-weight:400}
.sendOp_textarea {display:block; resize :vertical; font-size:14px; font-weight:400; color:#000; background:#fff; border:1px solid #D5D5D5; border-radius:4px; box-sizing:border-box; padding:10px 15px; width:100%; height:100%}
.sendOp_textarea::placeholder {color:#B2B2B2; font-size:12px; font-weight:300}

/* sendFormWrap */
.sendFormWrap {display:flex}
.sendStep {width:100%; max-width:120px; margin:0 75px 0 20px}
.sendTemplate {width:100%; max-width:320px; margin-right:15px}
.sendOption {width:100%; max-width:875px; padding-top:4px}
.sendOpDate {width:100%; max-width:290px}

/* sendStep */
.sendStepTit {font-size:18px; font-weight:500; color:#000; margin:50px 0 40px 0; text-align:center}
.sendStepList > li > a {display:flex; align-items:center; justify-content:center; width:100%; height:40px; font-size:14px; font-weight:400; color:#000; border:1px solid #D5D5D5; border-radius:20px; box-sizing:border-box; position:relative}
.sendStepList > li > a > i {font-size:10px; color:#D5D5D5; position:absolute; left:8px; background-color:#fff0; border-radius:20px; padding:7px;}
.sendStepList > li > a > i:hover {color:#fff; background-color:rgb(177 177 177 / 50%); transition:.3s}
/*.sendStepList > li:after {content:''; display:block; width:100%; height:39px; background:url('../images/sendStepList_arr_off.png') top center no-repeat}*/
.sendStepList > li:last-child:after {background:none}
.sendStepList > li.complete > a {border-color:#E63353; color:#FD004E}
/*.sendStepList > li.complete:after {background:url('../images/sendStepList_arr_on.png') top center no-repeat}*/
.sendStepList > li.active > a {background-color:#E63353; border-color:#E63353; color:#fff}

/* templMockup */
.sendTemplate .bx-viewport {height:auto !important}
.sendTemplate .bx-wrapper {box-shadow:none; border:none; background:none}
.sendTemplate .bx-wrapper .bx-pager.bx-default-pager a {background:#D5D5D5; width:8px; height:8px; margin:0 3px; border-radius:100%}
.sendTemplate .bx-wrapper .bx-pager.bx-default-pager a.active {background:#FD004E}
.templMockup > li {width:320px !important; border:6px solid #000; border-radius:40px; min-height:640px; /*overflow-y:scroll;*/ box-sizing:border-box; padding:0 19px 80px 19px}
.templMockup > li::-webkit-scrollbar {width:0; opacity:0}
.templMockup > li:before {content:''; display:block; width:14px; height:14px; background:#000; border-radius:100%; margin:16px auto 15px auto}
.templeTop {display:flex; align-items:center; justify-content:space-between; margin-bottom:20px}
.templeTit {font-size:18px; font-weight:500; color:#000}
.templeTopBtn {display:flex; align-items:center; height:26px; padding:0 8px; font-size:12px; font-weight:400; color:#fff; background:#FE7FA6; border-radius:2px; transition:.3s}
.templeTopBtn:hover, .templeTopBtn:focus {background:#FD004E; color:#fff}
.templebottBtn {display:inline-flex; align-items:center; height:26px; padding:0 15px; font-size:12px; font-weight:400; color:#fff; background:#FD004E; border-radius:2px; transition:.3s}
.templebottBtn:hover, .templeTopBtn:focus {background:#D00000; color:#fff}
.templeBtn {display:inline-flex; align-items:center; font-size:14px; font-weight:500; color:#000; background:#F5F5F5; border:1px solid #F5F5F5; border-radius:4px; box-sizing:border-box; padding:0 10px; width:100%; height:40px; text-align:center; position:relative}
.templeBtn::placeholder {color:#B2B2B2; font-size:12px; font-weight:400; letter-spacing:-0.45px}
.templeBtn > input {width:100%; border:none; background:none; font-size:12px; font-weight:500; color:#000}
.templeBtn > input::placeholder {color:#B2B2B2; font-size:12px; font-weight:400; letter-spacing:-0.45px}
.templeBtn > input:focus-visible {outline:none}
.templeBtn-w {font-size:12px !important; color:#505050; background:#fff; border:1px solid #D5D5D5; border-radius:4px !important}

/*.templeBtn:focus-visible {outline:none}*/
.textCount {min-width:30px; font-size:10px; font-weight:300; color:#B2B2B2}

/* sendOption */
.sendOptionSec {display:flex; align-items:center}
.titleH4 {width:167px}
.titleH4 h4 {font-size:18px; margin:0; color:#000; font-weight:500}
.titleH5 {width:125px}
.titleH5 h5 {font-size:14px; margin:0; color:#000; font-weight:500}
.sendOptionBtn {display:inline-flex; align-items:center; padding:0 10px; height:30px; font-size:12px; color:#fff; background:#7F7F7F; border-radius:2px; width:max-content}
.sendOptionBtn > i {margin-left:8px}
.sendOptionBtn:hover, .sendOptionBtn:focus {background:#000; color:#fff}
.datepicker_input {display:inline-flex; align-items:center; font-size:12px; font-weight:500; color:#000; border:1px solid #F5F5F5; border-radius:4px; box-sizing:border-box; padding:0 10px; width:100%; height:40px; text-align:left; background:#F5F5F5}
.datepicker {background: url('../images/datepicker_input.png') #F5F5F5 no-repeat 90% 50%}
.btnLgSt1 {border:1px solid #000; color:#000; background:#fff; display:inline-flex; align-items:center; justify-content:center; height:50px; min-width:130px; border-radius:4px; box-sizing:border-box; font-size:16px; font-weight:500; margin:0 5px; transition:.3s}
.btnLgSt1:hover, .btnLgSt1:focus {background:#000; color:#fff}
.btnLgSt2 {border:1px solid #FD004E; color:#FD004E; background:#fff; display:inline-flex; align-items:center; justify-content:center; height:50px; min-width:130px; border-radius:4px; box-sizing:border-box; font-size:16px; font-weight:500; margin:0 5px; transition:.3s}
.btnLgSt2:hover, .btnLgSt2:focus {background:#FD004E; color:#fff}
.btnLgSt3 {border:1px solid #FD004E; color:#fff; background:#FD004E; display:inline-flex; align-items:center; justify-content:center; height:50px; min-width:130px; border-radius:4px; box-sizing:border-box; font-size:16px; font-weight:500; margin:0 5px; transition:.3s}
.btnLgSt3:hover, .btnLgSt3:focus {border-color:#D00000; background:#D00000; color:#fff}

/* fileUpload */
.fileUploadWrap {display:flex; align-items:center; justify-content:center; height:192px; font-size:14px; font-weight:500; color:#000; background:#F5F5F5; border:1px solid #F5F5F5; border-radius:4px; box-sizing:border-box; width:100%}
.fileUpload {display:none !important}
.fileUpload::file-selector-button {display:none}
.fileUpload + label {width:100%; font-size:10px; font-weight:300; color:#B2B2B2; text-align:center; line-height:15px; margin-top:10px}
.fileUpload + label:before {content:''; display:block; width:100%; height:92px; background:url('../images/fileUpload_icon.png') top center no-repeat}

.textareaBtn {font-size:12px; font-weight:500; color:#505050; border-radius:2px; border:1px solid #B2B2B2; padding:6px 10px; letter-spacing:-0.45px}
.textareaBtn > i {margin-left:5px}

.fileUploadWrap2{width: calc(100% - 130px);}
.fileUploadWrap2>div{display: flex; align-items: center; position: relative;}
.fileUploadWrap2 div + div {margin-top: 20px;}
.fileUploadWrap2 .inputStyle{padding-left: 94px; height: 46px; padding-right: 50px; text-overflow: ellipsis; font-size: 12px;}
.fileUploadWrap2 .btn-del{position: absolute; left: 313px; top: 0; padding: 12px 15px;}
.fileUploadWrap2 .btnStyle3{position: absolute; left: 20px; border-color: #B2B2B2; border-radius: 2px; padding: 4px 7px; min-width: auto; top: 10px; font-size: 12px;}

/* thumImage */
.thumImage {display:flex; align-items:center; justify-content:space-between}
.thumImage > div {display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:400; color:#000; background:#F5F5F5; border:1px solid #F5F5F5; border-radius:4px; box-sizing:border-box; width:82px; height:82px}
.thumImage > div a {color:#B2B2B2}
.thumUpload {display:none !important}
.thumUpload::file-selector-button {display:none}
.thumUpload + label {display:inline-flex; align-items:center; justify-content:center; width:100%; height:100%; color:#505050}

/* flex */
.flex {display:flex}
.align-items-center {align-items:center}
.align-items-end {align-items:flex-end}
.align-items-flex-start {align-items:flex-start}
.justify-space-between {justify-content:space-between}
.justify-space-center {justify-content:center}
.justify-space-end {justify-content:flex-end}
.margin-left-auto {margin-left:auto !important} /* flex에서 우측 정렬 */
.center-center {display:flex; align-items:center; justify-content:center} /* flex로 x,y 중앙 정렬 */
.Width100 {width:100px}
.width100_{width:100% !important}
.width80 {width:80px !important}
.width110 {width:110px !important}
.width120 {width:120px !important}
.width230 {width:230px !important}
.width400 {width:400px !important}
.maxWidth60 {max-width:60px !important}
.minHeight100 {min-height:100px !important}
.minHeight140 {min-height:140px !important}
.ml40 {margin-left:40px !important}
.ml80 {margin-left:80px !important}
.line-height18 {line-height:18px}
.btnStyleNew.whiteLightGray {border:1px solid #ECECEC; color:#727272; background:#fff}
.btnStyleNew.whiteLightGray:hover {border-color:#7D7D7D; background:#7D7D7D; color:#fff}
.emptyWhite {width:100%; height:230px}
.templMockup.twowayMockup > li {padding-bottom:0}
.twowayBox {background:#F5F5F5; width:calc(100% + 38px); min-height:310px; margin-left:-19px; border-radius:0 0 40px 40px; padding:10px 30px 40px 30px; box-sizing:border-box}
.twowayBox:before {content:''; display:block; width:80px; height:4px; background:#D6D6D6; border-radius:2px; box-sizing:border-box; margin:0 auto}
.twowayMenu {margin-top:40px}
.twowayMenu > li {display:flex; align-items:center; margin-bottom:20px}
.twowayMenu > li:last-child {margin-bottom:0}
.twowayMenu > li .twowayMenu_tit {font-size:14px; font-weight:500; color:#000; width:100%}
.twowayMenu > li i {font-size:14px; font-weight:400; color:#727272}
.inputReadonly {background:url('../images/pencil-slash.png') #fff no-repeat right 10px center; padding:0 10px}
.inputAct {background:url('../images/inputAct.png') #fff no-repeat right 10px center; padding:0 10px}
.menuTabs {display:flex}
.menuTabs > li {font-size:14px; font-weight:400; color:#000; min-width:140px; text-align:center; margin-left:-1px}
.menuTabs > li > a {display:flex; justify-content:center; align-items:center; color:#000; background:#F8F9FB; border:1px solid #E6E6E6; border-bottom:none; box-sizing:border-box; height:45px; position:relative}
.menuTabs > li > a > .toolTip  {margin-left:6px; margin-top:1px}
.menuTabs > li > a:hover, .menuTabs > li.active > a {background:#fff}
.menuTabs > li.active > a:before {content:''; display:block; width:100%; height:2px; background:#FD004E; position:absolute; top:-1px; left:0}
.menuTabs > li.active > a:after {content:''; display:block; width:100%; height:4px; background:#fff; position:absolute; bottom:-2px; left:0}
.menuTabs > li:first-child {margin-left:0}
.menuTabs.tab4 > li {min-width:25% !important}
.menuTabs.tab5 > li {min-width:20% !important}
.menuTabs.tab6 > li {min-width:16.66% !important}
.menuTabDel {position:absolute; top:17px; right:15px; font-size:12px; color:#727272}
.menuTabInnerBox {border:1px solid #E6E6E6; box-sizing:border-box; padding:40px 30px 40px 40px; border-radius:0; min-height:510px}
.innerBox {border:1px solid #E6E6E6; border-radius:4px; padding:20px; box-sizing:border-box}
.opIcon2 {display:inline-flex; align-items:center; justify-content:center; background:#FD004E; border-radius:2px; font-size:9px; color:#fff; width:19px; height:19px; cursor:pointer}
.opIcon2:hover, .opIcon2:focus {color:#fff; background:#D00000}
.inner_hr {border-color:#E6E6E6; margin:10px 0}
.inner_hr2 {border-color:#E6E6E6; margin:20px 0}
.menuBox .inner_hr2 {border-color:#D9D9D9;}
.table_skin1.pdmdWide th {padding:10px 7px !important}
.table_skin1.pdmdWide td {padding:10px 7px !important}
.chipSliderWrap {background:#F5F5F5; border-radius:4px; box-sizing:border-box; padding:5px 23px; margin:20px 0}
.chipSliderWrap .bx-wrapper {margin:0; box-shadow:none; border:none; background:none}
.chipSliderWrap .bx-wrapper .bx-viewport {box-shadow:none; border:none; background:none; left:0; height:auto !important;}
.chipSliderWrap .bx-wrapper .bx-controls-direction a {top:auto; top:10px; width:23px; height:10px; z-index:9; margin-top:0;position: absolute; outline: 0; text-indent: -9999px;}
.chipSliderWrap .bx-wrapper .bx-prev {background:url('../images/chipSliderLeft.png') no-repeat; left:-23px}
.chipSliderWrap .bx-wrapper .bx-next {background:url('../images/chipSliderRight.png') no-repeat; right:-23px}
.chipSliderWrap .bx-wrapper .bx-prev:hover, .chipSliderWrap .bx-wrapper .bx-prev:focus, .chipSliderWrap .bx-wrapper .bx-next:hover, .chipSliderWrap .bx-wrapper .bx-next:focus {opacity:0.6}
.chipSlider > li {border:1px solid #A5A5A5; border-radius:15px; display:flex; align-items:center; justify-content:center; min-width:50px; height:30px; box-sizing:border-box; padding:0 10px}
.textareaStyle_new3 {display:block; resize :vertical; font-size:14px; font-weight:400; color:#000; background:#fff; border:1px solid #D5D5D5; border-radius:4px; box-sizing:border-box; padding:10px 15px; width:100%; height:100%; /*max-height:180px; overflow-y:auto*/}
.textareaStyle_new3::placeholder {color:#B2B2B2; font-size:12px; font-weight:400}
.inline-block {display:inline-block}
.Tall {text-align:right; margin-bottom:20px}
.Tall > a {color:#fff; font-size:12px; font-weight:500; background-color:#0094FF; padding:10px 20px; border-radius:30px; margin-left:10px}
.Tall > a:hover {opacity:0.8; transition:.3s}
.Text {padding:15px; background-color:#F5F5F5; border-radius:5px}
.Text .title {font-size:14px; font-weight:700; margin-bottom:10px}
.Text .con {font-size:12px}
.Tall_btn a {font-size:14px; color:#0094FF; display:block; padding:10px; border-radius:5px; background-color:rgba(0,0,0,0.1); text-align:center; margin:10px 0}
.Tall_btn a:hover {background-color:rgba(0,0,0,0.2); transition:.3s}
.Tall_btn2 {margin-top:50px}
.Tall_btn2 a {font-size:12px; color:#E63353; padding:10px 20px; border:1px solid #E63353; border-radius:30px}
.Tall_btn2 a:last-child {margin-left:10px}
.Tall_btn2 a:hover {background-color:#E63353; color:#fff; transition:.3s}

/* 2022-11-29 */
.flex-shrink0 {flex-shrink:0} 
.pl30 {padding-left:30px}

/* 2023-01-26 */
.inline-block {display:inline-block}
.text-center {text-align:center}
.text-left{text-align:left}
.BoldUnderline {font-weight:700; text-decoration:underline}
.scroll-y340 {max-height:340px; overflow-y:auto}

/* 2023-02-02 */
.disabledWrap {opacity:0.5}

/* 2023-02-08 */
.ModalClose {position:absolute; top:6px; right:14px; font-size:18px; color:#000}
.menuBoxCircle {display:inline-block; width:5px; height:5px; border-radius:100%; background:#777; position:relative; top:-2px; margin-right:6px}

/* 2023-02-14 */
.fileInput {display:inline-block !important; width:100%; font-size:12px; font-weight:400; color:#777; padding:10px 20px; background:#F1F1F1; border-radius:4px; cursor:pointer}

/* 2023-07-04 */
.redBox {background-color:#FD004E; padding:20px 10px; border-radius:5px; color:#fff; height:auto; width:155px; margin-right:10px; display:flex; flex-direction:column; justify-content:center; margin-bottom:10px}
.redBox .text01 {font-size:14px; text-align:center}
.redBox .text02 {font-size:14px; text-align:center; margin-top:20px}
.redBox .text02 span {font-size:28px; font-weight:700}
.redBox .text03 {font-size:14px; text-align:center; margin-top:20px}
.grayBoxWrap {max-width:1350px}
.grayBoxWrap .grayBox {background-color:#F1F1F1; padding:20px 10px; border-radius:5px; color:#333; width:155px; margin-right:10px; margin-bottom:10px; display:inline-block}
.grayBoxWrap .text01 {font-size:14px; text-align:center}
.grayBoxWrap .text02 {font-size:28px; font-weight:700; text-align:center; margin-top:20px}
.grayBoxWrap .text03 {font-size:14px; text-align:center; margin-top:20px}
.no-image {background-color:#f1f1f1; height:300px; padding:20px}

/* 2023-07-28 */
.clientSelectBox {display:inline-flex; align-items:center; background:#F1F1F1; padding:10px 10px; min-width:565px; max-width:89.5%}
.clientSelectBox .clientSelect {flex-shrink:0; margin-right:20px}
.clientSelectBox > div > span {margin-right:20px}

/* 2023-08-11 */
.infoTxt {font-size:12px; font-weight:400; color:#777; letter-spacing:-0.35px; line-height:20px}
.infoTxt > i {font-size:14px; color:#FD004E; vertical-align:baseline}
.bgcolor1 {background-color:#F5F5F5}
.bgColor2 {background-color:#f1f1f1}
.sendFormWrap {display:flex}
.sendStep {width:100%; max-width:120px; margin:0 75px 0 20px}
.sendTemplate {width:100%; max-width:320px; margin-right:15px}
.sendOption {width:100%; max-width:875px; padding-top:4px}
.sendOpDate {width:100%; max-width:300px}
.sendOptionSec .sendOptionList {display:flex}
.sendOptionList > li {display:flex; align-items:center}
.sendOptionList > li a {color:#000; width:80px; height:40px; background:#fff; border-radius:4px; border:solid 1px #D5D5D5}
.sendOptionList > li a.active {color:#fff; background:#FD004E; border:solid 1px #FD004E}
.sendOptionList > li:after {font-family:"Font Awesome 5 Pro"; font-weight:400; content:"\f054"; font-size:10px; color:#727272; padding-left:20px; margin-right:20px; vertical-align:middle}
.sendOptionList > li:last-child:after {display:none}
.table_skin_new2 {width:100%; background:#fff; text-align:center}
.table_skin_new2 th {font-weight:500; background-color:#F1F1F1; color:#000 !important; padding:15px 0 !important; vertical-align:middle; text-align:center}
.table_skin_new2 td {color:#707070; padding:20px 10px}
.table_skin_new2 tr:hover td{background-color:#f7f7f7}


@media screen and (max-width:1850px) {
	.Menu02 {width:60%}
	.Menu03 {width:40%}
}
@media screen and (max-width:1620px) {
	.Menu02 {width:50%}
	.Menu03 {width:50%}
}

.alimtalkBtn {background: #F1F1F1; border-color: #ddd; color: #000; width: 100%; padding: 0px 20px; height: 30px; line-height: 28px;}
.kakaoCh {display:flex; justify-content:center; align-items:center; width:100%; height:34px; font-size:12px; font-weight:500; border-radius:2px; background:#fae103; color:#010102}
.kakaoCh > img {height:14px; margin-right:3px}
.preTag {font-size: 13px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: 'Noto Sans KR', sans-serif;}
.modalStyle {background-color: rgba(0,0,0,.5); top: 0; right: 0; bottom: 0; left: 0; position: fixed; overflow: auto; margin: 0; z-index: 9999;}

.nextRegStep {display:flex; padding:20px 30px; background:#F5F5F5; border-radius:4px; font-size:14px}
.nextRegStep.whiteBg {background:#fff}
.nextRegStep > dt {flex-basis:300px; color:#000; font-weight:500}
.nextRegStep > dd {flex-grow:1; color:#777; font-weight:400; position:relative}
.nextRegStep .numList li {line-height:24px}

.line-height30 {line-height:30px}

/*2024-08-14*/
.tableScrollY{overflow-y: auto; position: relative; max-height: 335px;}
.tableScrollY table{width: 100%; overflow-y: hidden;}
.tableScrollY thead{position: sticky; top: 0;}
.tableScrollY::-webkit-scrollbar {width: 6px;}
.tableScrollY::-webkit-scrollbar-track,.tableScrollY::-webkit-scrollbar-track-piece{background-color: none;}
.tableScrollY::-webkit-scrollbar-track{background: #F2F2F299;}
.tableScrollY::-webkit-scrollbar-thumb{background: #D9D9D9; border-radius: 4px;}
.previousBtn{background:url('../images/prvButton.png') #fff no-repeat; background-size: 12px 24px; margin-right: 14px; width: 12px; height: 24px;}
.radioStyle_new + label.ml8 {margin-left:8px !important}
.radioStyle_new + label.mr12 {margin-right:12px !important}
.searchlist3wrap {width:33.3%; display: flex; align-items: center;}
.searchlist3wrap h4 {width:140px; font-weight: normal; font-size: 16px; }
.searchlist3wrap>div, .searchlist3wrap .selectStyle3, .searchlist3wrap .inputStyle{width:calc(100% - 140px);}
.color444 {color: #444;}
.color333 {color: #333;}
.color666 {color: #666 !important;}
.break-all {word-break: break-all;}
.minHeight40 {min-height: 40px;}
/* 2줄 말줄임표 */
.text-overflow-line2 {-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis;}
.word-limit {position: absolute; right: 12px; top: 25%; color: #ccc; font-size: 12px; }
.inputStyle.disabled,[class^="btnStyle"].disabled {background-color: #E1E1E1 !important; border: 1px solid #CCCCCC;}
.disabled:hover{color: unset;}
.width49_ {width: 49%;}
.col-3{width: 33.33%;}
.col-3 .inputStyle, .col-3 .selectStyle3 {min-width: 308px;}

/* 2025.11.01 */
.checkMo {-webkit-appearance:none; -moz-appearance: none; -ms-appearance:none; -o-appearance:none; appearance:none; position:relative; height:14px; width:14px; background:#fff; border:1px solid #aaa; border-radius:2px; box-sizing:border-box; cursor:pointer; display:inline-block; outline:none; vertical-align:middle}
.checkMo:checked {background:url('../images/consolCheck.svg') center center #FD004E no-repeat; border-color:#FD004E}
.checkMo:focus {outline:none !important}
.opIcon {display:inline-flex; align-items:center; justify-content:center; background:#7F7F7F; border-radius:2px; font-size:9px; color:#fff; width:19px; height:19px; position:absolute; right:-39px}
.opIcon:hover, .opIcon:focus {color:#fff; background:#333}
.searchResult {padding:17px 30px; border:1px solid #D5D5D5; overflow-y:auto; max-height:250px}
.searchResult ul {}
.searchResult ul > li {float:left; width:25%; margin:13px 0}
.searchResult .radioStyle_new + label {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:calc(100% - 25px)}
.boxSt {border:1px solid #E6E6E6; box-sizing:border-box; padding:30px 40px; border-radius:4px}
.boxSt h5 {margin:3px 0}
.boxSt.selectpjbox {margin-left: 130px; padding: 20px; min-height: 103px; height: auto;}
.boxSt.selectpjbox>div{overflow: hidden; max-height: 168px;}
.boxSt.selectpjbox ul {margin-top: 22px; max-height: 150px;}
.boxSt.selectpjbox ul  li {width: auto; padding: 8px 35px 8px 10px; margin: 5px; background-color: #F5F5F5; position: relative; border-radius: 20px; max-width: 514px; min-width: 100px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.boxSt.selectpjbox ul li a {width: 16px; height: 16px; position: absolute; top: 12px; right: 10px; background:url('../images/icon_x.png') no-repeat;}
.boxSt.selectpjbox .color1.disabled {color: #CCCCCC !important; cursor: default;} /* 0808 퍼블 추가 */

/* ===== 한도금액 팝업 공통 ===== */
.limitPop.modalStyle .modal-body h3,
.limitPop.modalStyle .modal-body h5 {font-size:26px}
.limitPop .modal-body hr {margin:20px 0}
.limitPop .popClose {position:absolute; top:22px; right:26px; font-size:22px; line-height:1; cursor:pointer; color:#000}
.limitPop .popBtn {width:80px}
.limitPop .modal-body .subTit {color:#333333; font-size:18px; font-weight:500; height:40px; line-height:40px; margin:0}
.limitPop .fRow {display:flex; align-items:center; min-height:40px; margin-top:10px}
.limitPop .fRow.fld {align-items:flex-start}
.limitPop .fRow .lbl {width:200px; flex-shrink:0; font-weight:500; line-height:40px; margin:0}
.limitPop .fRow .val {flex:1; min-width:0; line-height:40px; margin:0}
.limitPop .fRow .valFld {flex:1; min-width:0}
.limitPop .fldRadio {height:40px; line-height:40px}
.limitPop .modal-body .helpTxt {color:#807E7F; font-size:12px; line-height:1.5; margin-top:10px}
.limitPop .subRow {display:flex; align-items:center; min-height:40px; margin-top:10px}
.limitPop .subRow .subLbl {width:80px; flex-shrink:0; font-size:14px; font-weight:500; line-height:40px}
.limitPop .subRow .subVal {flex:1; min-width:0; display:flex; align-items:center}
.limitPop .halfInput {width:46%}

/* 한도금액 변경 이력 팝업 */
.corpLimitHistoryPop .modal-dialog {width:1300px}
.corpLimitHistoryPop.modalStyle .modal-body {padding:50px 40px}
.corpLimitHistoryPop .popClose {top:24px; right:28px}
.corpLimitHistoryPop .hisSearchBox {height:102px; padding:0 38px; display:flex; align-items:center}
.corpLimitHistoryPop .modal-body .hisLbl {width:8%; flex-shrink:0; margin:0}
.corpLimitHistoryPop .hisVal {width:24%; flex-shrink:0}
.corpLimitHistoryPop .table_skin1 {width:100%}

/* 프로젝트 한도금액 설정 팝업 */
.projectLimitSetPop .modal-dialog {width:1050px}
.projectLimitSetPop .prjLeftCol {width:380px}
.projectLimitSetPop .prjSearchBox {width:380px; height:80px; padding:20px}
.projectLimitSetPop .prjSearchBox .inputStyle {width:241px}
.projectLimitSetPop .prjSearchBox .btnStyle2 {min-width:90px; padding:0 15px; line-height:38px; border-color:#FD014E; color:#FD014E}
.projectLimitSetPop .prjListBox {width:380px; padding:10px; max-height:570px; overflow-y:auto; overflow-x:hidden}
.projectLimitSetPop .prjCard {width:360px; max-width:100%; height:83px; border:1px solid #E6E6E6; box-shadow:0px 2px 4px 0px #0000001A; border-radius:6px; padding:16px; margin-bottom:10px; cursor:pointer; background:#fff}
.projectLimitSetPop .prjCard:last-child {margin-bottom:0}
.projectLimitSetPop .prjCard:hover,
.projectLimitSetPop .prjCard.on {border-color:#FD004E; background:#FFF4FB}
.projectLimitSetPop .prjCard .prjCardTop {display:flex; align-items:baseline}
.projectLimitSetPop .prjCard .prjName {color:#000000; font-weight:normal; min-width:0; padding-right:2px; margin-right:4px}
.projectLimitSetPop .prjCard .prjId {color:#CBCBCB; flex-shrink:0}
.projectLimitSetPop .prjRightCol {width:54%}
.projectLimitSetPop .prjEmpty {min-height:450px; display:flex; flex-direction:column; justify-content:center; align-items:center}
.projectLimitSetPop .modal-body .prjEmptyTit {font-size:16px; font-weight:700}
.projectLimitSetPop .prjEmptyDesc {max-width:240px}

/* 고객사 한도 관리 페이지 */
.corpLimitMngPage .contentHeader {padding-bottom:20px; margin-bottom:20px}
.corpLimitMngPage .dataTables_info,
.corpLimitMngPage .dataTables_length {margin-bottom:0}
.corpLimitMngPage .dataTables_length select {text-align:center; text-align-last:center}
.corpLimitMngPage .tableScroll {margin-bottom:15px}
.corpLimitGrid {min-width:1480px; width:100%}
.corpLimitGrid thead th,
.corpLimitHistoryPop thead th {white-space:nowrap}
.corpLimitGrid thead th {height:34px !important; padding-top:0 !important; padding-bottom:0 !important; vertical-align:middle !important}
.corpLimitGrid tbody td:last-child {white-space:nowrap}
.corpLimitGrid .btnStyleNew {background:#F2F2F2; border:1px solid #999999; color:#000; width:auto; padding:0 10px; margin:7px 5px}
.corpLimitGrid .btnStyleNew:hover {background:#999999; color:#fff}

/* ===== 검색조건 3칸 행 (공통) ===== */
.srchRow3 {display:flex; align-items:center; column-gap:40px; position:relative; height:40px}
.srchRow3 + .srchRow3 {margin-top:20px}
.srchRow3 > .srchCol {display:flex; align-items:center; flex:1 1 0; min-width:0}
.srchRow3 .srchLbl {width:130px; flex-shrink:0; font-size:16px; margin:0}
.srchRow3 .inputStyle, .srchRow3 .selectStyle3 {width:318px; max-width:100%}
.srchRow3 .srchBtn {position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:14px; font-weight:400}
/* [임시] */
@media (max-width:1800px) {
  .srchRow3 {height:auto; min-height:40px; flex-wrap:wrap}
  .srchRow3 > .srchCol {flex:1 1 30%}
  .srchRow3 .srchBtn {position:static; transform:none; margin-left:auto; margin-top:20px}
}
.srchRow3 input[class="checkStyle2"] + label,
.srchRow3 input.cBox + label {color:#333; font-size:14px; font-weight:400}