@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 {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:25px 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}
.linkStyle {text-underline-position:under}
.linkStyle:hover, .linkStyle:hover {text-decoration:underline !important}

/* common */
.row-no-margin {margin-left:0px; margin-right:0px}
.lc-1 {letter-spacing:-1px}
.fr, .float-right {float:right}
.fl, .float-left {float:left}
.m0 {margin:0 !important}
.marin4 {margin:4px}
.mt0 {margin-top:0px !important}
.mt1 {margin-top:1px !important}
.mt2 {margin-top:2px !important}
.mt3 {margin-top:3px !important}
.mt5 {margin-top:5px !important}
.mt7 {margin-top:7px !important}
.mt8 {margin-top:8px !important}
.mt10 {margin-top:10px !important}
.mt12 {margin-top:12px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !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}
.mr36 {margin-right:36px !important}
.mr40 {margin-right:40px !important}
.mr93 {margin-right:93px !important}
.mr100 {margin-right:100px !important}
.mb0 {margin-bottom:0 !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}
.mb50 {margin-bottom:50px !important}
.mb200 {margin-bottom:200px !important}
.ml0{margin-left:0 !important}
.ml2{margin-left:2px !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}
.ml55 {margin-left:55px !important}
.ml60{margin-left:60px !important}
.ml70{margin-left:70px !important}
.ml90{margin-left:90px !important}
.ml95{margin-left:95px !important}
.ml100{margin-left:100px !important}
.ml120{margin-left:120px !important}
.ml140{margin-left:140px !important}
.ml180{margin-left:180px !important}
.ml123{margin-left:123px !important}
.ml350{margin-left:350px !important}
.ml_28{margin-left:28% !important}
.auto, .m0auto {margin:0 auto !important}
.pd0 {padding:0 !important}
.pd5 {padding:5px !important}
.pd10 {padding:10px !important}
.pd12 {padding:12px !important}
.pd20 {padding:20px !important}
.pd30 {padding:30px !important}
.pr0 {padding-right:0}
.pr10 {padding-right:10px !important}
.pl0 {padding-left:0}
.pl10 {padding-left:10px !important}
.pl20 {padding-left:20px !important}
.pd60 {padding:60px !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}
.clear:after{content:"";display:block;clear:both}
.overflow-x-auto {overflow-x:auto}
.overflow-y-auto {overflow-y:auto}
.white-space-nowrap {white-space:nowrap}
.absolute {position:absolute}
.top0 {top:0}
.top5 {top:5px}
.top10 {top:10px}
.right0 {right:0}
.color1 {color:#FD004E !important}
.color2 {color:#BA7FFF !important}
.color3 {color:#B2B2B2 !important}
.color4 {color:#707070 !important}
.color5 {color:#727272 !important}
.color6 {color:#505050 !important}
.color7 {color:#666666 !important}
.color-red {color:red !important}
.color-blue {color:blue !important}
.background-color6 {background:#505050 !important}
.color000 {color:#000 !important}
.colorfff {color:#fff !important}
.text-overflow {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.font-weight300 {font-weight:300 !important}
.font-weight400, .font-normal {font-weight:400 !important}
.font-weight500, .font-500 {font-weight:500 !important}
.font-600 {font-weight:600 !important}
.font-weight700 {font-weight:700 !important}
.inline-block {display:inline-block !important}
.inline {display:inline !important}
.block {display:block !important}
.width100_{width:100% !important}
.width73_{width:73% !important}
.width70_{width:70% !important}
.width25_{width:25% !important}
.width70 {width:70px !important}
.width90 {width:90px !important}
.width120 {width:120px !important}
.width130 {width:130px !important}
.width150 {width:150px !important}
.width160 {width:160px !important}
.width180 {width:180px !important}
.width204 {width:204px !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}
.width420 {width:420px !important}
.width640 {width:640px !important}
.WidthAuto, .width-auto {width:auto !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}
.maxWidth260 {max-width:260px}
.maxWidth320 {max-width:320px}
.maxWidth322 {max-width:322px}
.maxWidth350 {max-width:350px}
.maxWidth380 {max-width:380px}
.maxWidth430 {max-width:430px}
.maxWidth560 {max-width:560px !important}
.maxWidth600 {max-width:600px}
.borderC2 {border:1px solid #C2C2C2}
.borderC2-right {border-right:1px solid #C2C2C2}
.line-height30 {line-height:30px}
.line-height2em {line-height: 2em}
.line-height2-5em {line-height: 2.5em}
.line-height3em {line-height: 3em}
.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}
.font-size26 {font-size:26px !important}
.font-size30 {font-size:30px !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-unset {vertical-align:unset !important}
.bt-000 {border-top:1px solid #000}
.draggable {cursor:pointer}
.form01 {display:inline; margin-left:40px}
.height26 {height:26px !important}
.height31 {height: 31px !important}
.height40 {height: 40px !important}
.height41 {height: 41px !important}
.height45 {height: 45px !important}
.height90 {height: 90px !important}
.height120 {height: 120px !important}
.height180 {height:180px}
.height190 {height: 190px !important}
.minHeight120 {min-height:120px !important}
.minHeight160 {min-height:160px !important}
.minHeight180 {min-height:180px !important}
.minHeight360 {min-height:360px !important}
.form01 input {border: 1px solid #d5d5d5; border-radius: 0; width: 432px !important; height: 45px;}
.modalStyle .modal-content {border-radius:15px}
.modalStyle .modal-body {padding:40px 40px; overflow:hidden}
.modalStyle .modal-body h2 {font-size:24px; font-weight:700}
.modalStyle .modal-body h4 {color:#000; font-size:14px; vertical-align:top}
.modalStyle .modal-body h5 {color:#000; font-size:14px}
.modalStyle .modal-body p {color:#000; font-size:14px}
.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-weight: 500; vertical-align: sub}
.modalStyle .Modaltext {color:#727272 !important; margin-left:90px}
.modalStyle .Modaltext2 {color:#727272 !important; line-height:26px}
.modalStyle #payment01 {vertical-align:middle}
.modalStyle #payment02 {vertical-align:middle}
.modalStyle span.spanTitle {color:#707070; display:inline-block; width:36px; margin-left:15px; letter-spacing:-1px}
.modal-dialog {z-index:999999}
.word-break-all{word-break: break-all}
.relative {position:relative !important}
.absolute {position:absolute}
.l640 {left:-640% !important}
.hr_new {border-color:#E6E6E6}
.text-left {text-align:left !important}
.text-right {text-align:right !important}
.text-center {text-align:center !important}

#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}
h3 {font-size:22px; margin:40px 0 15px 0; font-weight:700}
h4, .Dashboard01 h4 {font-size:18px; margin:40px 0 15px 0; font-weight:700; vertical-align:middle}
h5 {font-size:15px; margin:10px 0; font-weight:500; vertical-align:middle}
h6 {font-size:14px; margin:10px 0; font-weight:500}
p {font-size:14px; font-weight:400}
.btnStyle1, .inputStyle, .txtCaption, .tab_s > li > a, .tab_s6 > li > a, .table_skin1, .selectStyle2, .toolTip .toolTipText, .toolTip {font-size:12px}
.btnStyle2 {font-size:14px}
.consoleCon h4 {margin-top:7px; /*vertical-align:top*/}
.consolMarginTop {margin-top:10px; /*vertical-align:top*/}
.h4Minus {margin-top:-30px} /*h4 top margin 만큼 수정*/
.topH4 {margin-top:0 !important}
.consolLineheight {line-height:30px}
.contentHeader .btnStyle2 {top:5px !important}
.content a:focus, .content a:hover {color:#777}
.menuBox h4 {font-size:14px !important; margin-top:0; margin-bottom:0; vertical-align:middle !important}
.h4Button {margin-top:22px}

/* inputStyle */
.textareaStyle {border:1px solid #D5D5D5; padding:15px; width:100%; resize:vertical; border-radius:4px}
.datepicker {background:url('../images/datepicker.png') #fff no-repeat 90% 50%}
.datepicker_gray {background:url('../images/datepicker_gray.png') #fff no-repeat 90% 50%}

/* button1 */
.btnStyle1 {border:1px solid #FD004E !important; color:#FD004E !important; border-radius:4px; box-sizing:border-box; padding:0 15px; height:40px; display:inline-flex !important; align-items:center; justify-content:center; min-width:65px; font-weight:500; transition:0.3s; text-align:center; font-size:13px; vertical-align:middle}
.btnStyle1.small {height:30px; min-width:50px; font-size:11px}
.btnStyle1.backPink {background:#FFF4FB !important; color:#FD004E !important}
.btnStyle1.backRed {background:#FD004E !important; color:#fff !important}
.btnStyle1.backBlack {background:#000 !important; border-color:#000 !important; color:#fff !important}
.btnStyle1.backWhite {background:#fff !important; border-color:#000 !important; color:#000 !important}
.btnStyle1.backGray {background:#D5D5D5 !important; border-color:#D5D5D5 !important; color:#000 !important}
.btnStyle1.backLightGray {background:#F1F1F1 !important; border-color:#ddd !important; color:#000 !important}
.btnStyle1.borderGray {background:#F1F1F1 !important; border-color:#999 !important; color:#000 !important}
.btnStyle1.borderLightGray {background:#fff !important; border-color:#D5D5D5 !important; color:#000 !important}
.btnStyle1 i {margin-left:5px; margin-top:1px}
.btnStyle1:hover {background:#FD004E !important; color:#fff !important}
.btnStyle1.backPink:hover {background:#FD004E !important; color:#fff !important}
.btnStyle1.backRed:hover {background:#fff !important; color:#FD004E !important}
.btnStyle1.backBlack:hover {background:#fff !important; border-color:#000 !important; color:#000 !important}
.btnStyle1.backWhite:hover {background:#000 !important; border-color:#000 !important; color:#fff !important}
.btnStyle1.backGray:hover {background:#D5D5D5 !important; border-color:#D5D5D5 !important; color:#000 !important}
.btnStyle1.backLightGray:hover {background:#000 !important; border-color:#000 !important; color:#fff !important}
.btnStyle1.borderGray:hover {background:#fff !important; border-color:#D5D5D5 !important; color:#000 !important}
.btnStyle1.borderLightGray:hover {background:#F1F1F1 !important; border-color:#999 !important; color:#000 !important}
.btnStyle1.borderLightGray.active {background:#F1F1F1 !important; border-color:#999 !important; color:#000 !important}

/* button2 */
.btnStyle2 {border:1px solid #FD004E; color:#FD004E; border-radius:4px; box-sizing:border-box; padding:0 15px; height:40px; display:inline-flex !important; align-items:center; justify-content:center; min-width:65px; font-weight:500; transition:0.3s; text-align:center; font-size:13px}
.btnStyle2.backPink {background:#FFF4FB; color:#FD004E}
.btnStyle2.backRed {background:#FD004E; color:#fff}
.btnStyle2.backBlack {background:#000; border-color:#000; color:#fff}
.btnStyle2.backWhite {background:#fff; border-color:#000; color:#000}
.btnStyle2.backGray {background:#D5D5D5; border-color:#D5D5D5; color:#000}
.btnStyle2.backGrayFontWhite {background:#D5D5D5; border-color:#D5D5D5;}
.btnStyle2.backLightGray {background:#F1F1F1; border-color:#ddd; color:#000}
.btnStyle2.borderGray {background:#F1F1F1; border-color:#999; color:#000}
.btnStyle2.borderLightGray {background:#fff; border-color:#D5D5D5; color:#000}
.btnStyle2 i {margin-left:5px; margin-top:1px}
.btnStyle2:hover {background:#FD004E; color:#fff}
.btnStyle2.backPink:hover {background:#FD004E; color:#fff}
.btnStyle2.backRed:hover {background:#fff; color:#FD004E}
.btnStyle2.backBlack:hover {background:#fff; border-color:#000; color:#000}
.btnStyle2.backWhite:hover {background:#000; border-color:#000; color:#fff}
.btnStyle2.backGray:hover {background:#D5D5D5; border-color:#D5D5D5; color:#000}
.btnStyle2.backLightGray:hover {background:#000; border-color:#000; color:#fff}
.btnStyle2.borderGray:hover {background:#999; color:#fff}
.btnStyle2.borderLightGray:hover {background:#F1F1F1; border-color:#999; color:#000}

/* tab */
.tab_s {display:inline-block; overflow:hidden; vertical-align:top}
.tab_s > li {display:inline-block; float:left}
.tab_s > li > a {display:block; line-height:28px; padding:0 15px; 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_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}

/* select */
.selectStyle {vertical-align:baseline; padding:0 15px; border:1px solid #707070; 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}
.selectStyle3 {width:100%; vertical-align:baseline; padding:0 20px; border:1px solid #D5D5D5; 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}
.selectStyle3.height45 {padding:0 20px}

/* 라디오 버튼 */
input[type='radio'] {display:none}
input[type='radio'] + label {display:inline-block; vertical-align:middle; line-height:16px; margin-top:10px; margin-right:5px; margin-bottom:10px; padding-left:22px; background:url('../images/consolRadio_off.png') left 2px no-repeat; cursor:pointer; font-weight:normal; font-size:14px}
input[type='radio']:checked + label, input[type='radio']:focus {appearance:none; padding-left:22px; margin-right:5px; background:url('../images/consolRadio_on.png') left 2px no-repeat; outline:none; outline-offset:0}
input[type='radio'][class="radioStyle"] {display:none}
input[type='radio'][class="radioStyle"] + label {display:inline-block; vertical-align:text-bottom; margin:0; padding:0; width:14px; height:14px; background:url('../images/consolRadio_off.png') 0 center no-repeat; cursor:pointer}
input[type='radio'][class="radioStyle"]:checked + label, input[type='radio'][class="radioStyle"]:focus {appearance:none; margin:0; padding:0; background:url('../images/consolRadio_on.png') 0 center no-repeat; outline:none; outline-offset:0}

/* 체크박스2 */
.consolCheck {position:relative; display:inline-block}
input.checkStyle2 {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
input.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-weight:300; color:#505050}
input.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.checkStyle2:checked + label:before {border-color:#FD004E !important; background:url('../images/consolCheck.svg') #FD004E no-repeat !important}
.checkbox span {color:#707070; vertical-align:top; margin-left:8px}

/* addList */
.addList {background:url('../images/treeLine.svg') 25px 0 repeat-y}
.addList a {color:#505050;display: block;line-height:20px; background:#fff}
.addList a i {vertical-align:baseline; color:#D5D5D5; margin-right:10px; background-color:#fff}
.addList a.active {color:#FD004E}
.addList ul {margin-left:25px}
.addList > li li {padding-left:16px; background:url('../images/addressList_line.png') 0 -23px no-repeat; line-height:40px; padding-top:10px}
.addList > li li.last {background-position: 0px -67px;}
.addList_minus {background-position:0 -68px !important; margin-left:-21px; background-image:none !important}
.addList_plus {background-position:0 -68px !important; margin-left:-21px; background-image:none !important}
.addList_plus > ul {display:none}
.addList_minus > ul {display:show}
.addList > li {margin-left:0}

.addList2 {background:url('../images/treeLine.svg') 25px 0 repeat-y}
.addList2 a {color:#505050;display: block;line-height:20px; background:#fff}
.addList2 a i {vertical-align:baseline; color:#D5D5D5; margin-right:10px; background-color:#fff}
.addList2 a.active {color:#FD004E}
.addList2 ul {margin-left:32px}
.addList2 > li li {padding-left:10px; background:url('../images/addressList_line.png') 0 -23px no-repeat; line-height:40px; padding-top:10px}
.addList2 > li li.last {background-position: 0px -67px;}
.addList2 > li {margin-left:0}

/* toolTip */
.toolTip {color:#B2B2B2; vertical-align:baseline; position:relative; cursor:pointer; z-index:99}
.toolTip .toolTipText {visibility:hidden; width:210px; line-height:17px; box-sizing:border-box; background-color:#fff; border:1px solid #D5D5D5; color:#707070; font-weight:400; text-align:left; padding:10px; position:absolute; z-index:1; bottom:125%; left:50%; margin-left:-20px; opacity:0; transition:opacity 0.3s; box-shadow:0 0 5px #eee; letter-spacing:-0.35px}
.toolTip .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:hover .toolTipText {visibility:visible; opacity:1}

/* 변작사업자 toolTip */
.toolTip .toolTipText.toolTipPink{background-color:#FFF4FB ; border: 0.5px solid #C10C40; color: #000; width: 200px; visibility: visible; opacity: inherit; left: -66%; padding: 7px;}
.colorpoint{color: #FD014E;}
.toolTip .toolTipText.toolTipPink .accent{background: url('../images/icon_accent.png') center left / 17px 16px no-repeat; width: 17px; height: 30px;}
.toolTip .toolTipText.toolTipPink::after{border-color: #C10C40 transparent transparent transparent; right: 15px; left: initial;}

/* color */
.bgColorRed {background:#C10C40}
.bgColorGray {background:#090D19}
.bgColor_tapGray {background:#A5A5A5}
.bgColor_adminConsole {background:#444}
.bgColor_f1 {background:#f1f1f1}
.bgColor_f7 {background:#f7f7f7}
.bgColor_sky {background:#F8FAFB !important}

.cellActive {background:#fff5f5 !important}


.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}

.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.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 i {vertical-align:baseline}
.btnStyle3.left {text-align:left}
.btnStyle3.left i {float:right; margin-top:4px}

.btnStyle3_1 {border:1px solid #222; border-radius:2px; padding:12px 10px; font-weight:500; display:inline-block; transition:0.3s; min-width:80px; text-align:center; height:45px}
.btnStyle3_1.gray {background:#F1F1F1; color:#222; border-color:#999}
.btnStyle3_1.gray:hover {background:#222; color:#fff !important; border-color:#222}
.btnStyle3_1.white {background:#fff; color:#000; border-color:#D5D5D5}
.btnStyle3_1.white:hover {background:#000; color:#fff !important; border-color:#000}

.btnStyle4 {border:1px solid #FD004E; border-radius:2px; padding:9px 10px; 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-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.black {background:#fff; border-color:#000; color:#000}
.btnStyle5.white:hover {background:#FD004E; 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}
.btnStyle5.black:hover {background:#000; color:#fff !important}

.btnStyle6 {background:#F1F1F1; color:#505050; border:1px solid #ddd; 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}
.btnStyle6.white {background:#fff; color:#222; border:1px solid #D5D5D5; line-height:40px; border-radius:2px; padding:0 10px; font-weight:500; display:inline-block; transition:0.3s; text-align:center}
.btnStyle6.white:hover {background:#F1F1F1; color:#222 !important}

.btnStyle7 {background:#F1F1F1; color:#222; border:1px solid #ddd; border-radius:2px; padding:12px 10px; font-weight:500; display:inline-block; transition:0.3s; min-width:120px; text-align:center}
.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} 

.btnStyle1.Newgray {background-color: #F2F2F2; border-color: #999 !important; color: #000 !important;}
.btnStyle1.Newgray:hover {background-color: #999999 !important; color: #fff !important;}
.btnStyle1.NewDgray {background-color: #807E7F; color: #fff !important; border-color: transparent !important;}
.btnStyle1.NewDgray:hover {background-color: #000 !important;}
.btnStyle1.NewDgray.disabled {background-color: #ccc !important; border-color: #B2B2B2 !important; color: #A5A5A5 !important; }

.btn.btn-login {background:#FD004E; border-color:#FD004E; color:#fff; font-size:17px; width:100%; height:60px; line-height:60px; padding:0; transition:0.3s; text-shadow:none}
.btn.btn-login:hover, .btn.btn-login:focus {background:#000; border-color:#000}
.btn.btn-join {background:#fff; border-color:#000; color:#000; font-size:17px; width:100%; height:60px; line-height:60px; padding:0; transition:0.3s; text-shadow:none}
.btn.btn-join:hover, .btn.btn-join:focus {background:#000; border-color:#000; color:#fff}

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

.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}

/* 체크박스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}

/* 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:10px 0; text-align:center; color:#fff; font-weight:700}
.tab6 li a {width:9%}
.tab6 li:nth-child(7) a {border-left:1px solid #E7E7E7}
.tab8 li a {width:12.5%; font-size:12px !important}
.tab6_sub01 li a {width:16.6%}

.tab_s2 {display:inline-flex; overflow:hidden; vertical-align:middle}
.tab_s2 > li {display:inline-block}
.tab_s2 > li:first-child {margin-left:0}
.tab_s2 > li > a {display:flex; align-items:center; height:40px; padding:0 15px; 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:40px; color:#B2B2B2; text-align:center; padding:0 30px; font-size: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:14px; font-weight:700}
.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:1px 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:16.666%}
.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:60%; 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 #fd7fa6; 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:1px 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:16px; 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_s5 li:nth-child(2) a {border-left:none}
.tab_s5 > li.active > a, .tab_s5 > li > a:hover {background-color:#fff}
.tab_s5 > li.active > a {border-bottom-color:#fff}
 
.tab_s7 {display:inline-block; vertical-align:middle; margin-bottom:-1px}
.tab_s7 > li {display:inline-block; float:left; margin-left:-1px}
.tab_s7 li:first-child {margin-left:0}
.tab_s7 > li > a {display:block; padding:8px 20px; 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_s7 > li.active > a, .tab_s7 > li > a:hover {background-color:#fff}
.tab_s7 > li.active > a {border-bottom-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}

.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:15px 30px}
.menuBox > ul.consolLsit {overflow:hidden}
.menuBox > ul > li {float:left; width:90px}
.menuBox input[type='radio'] + label {font-size:13px} /* 2021-12-02 추가 */

/* 로그인 */
.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:14px 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;left:auto;right: 0;}
.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}

/* 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; max-height:485px; overflow-y:auto}
.consoleMenu ul > li > a {display:block; font-size:14px; color:#707070; transition:0.3s; line-height:45px; padding:0 10px 0 40px; font-weight:400; border-bottom:1px solid #d5d5d5; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.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}
.consoleMenu ul::-webkit-scrollbar-track {opacity:0}
.consoleMenu ul::-webkit-scrollbar {width:6px; background-color:#F5F5F5}
.consoleMenu ul::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:10px}

/* 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 {background:transparent}
.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:100%; 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:42px}

/* 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}

/* 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, .table_skin1_1 {width:100%; background:#fff; text-align:center; border-top: 1px solid #222; border-bottom: 1px solid #222}
.table_skin1 th, .table_skin1_1 th {border-bottom:1px solid #d5d5d5; background-color:#F1F1F1; font-size:14px; color:#000; padding:15px 10px; border-right:1px solid #D5D5D5; border-bottom:1px solid #d5d5d5; border-top:#222; vertical-align:middle; font-weight:500; letter-spacing:-0.75px}
.table_skin1 td, .table_skin1_1 td {font-size:14px; color:#707070; padding:15px 10px !important; border-right:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5; letter-spacing:-0.75px}
.table_skin1 a, .table_skin1_1 a {color:#707070}
.table_skin1 tr:hover td, .table_skin1_1 tr:hover td {background-color:#f7f7f7}
.table_skin1 .end, .table_skin1_1 .end {border-right:0}
.table_skin1 tbody tr:last-child th, .table_skin1 tbody tr:last-child td, .table_skin1_1 tbody tr:last-child th, .table_skin1_1 tbody tr:last-child td {border-bottom:none}
.bb {border-bottom:1px solid #D5D5D5 !important}
.bb2 {border-bottom:1px solid #222 !important}

.modalStyle .table_skin1 th, .modalStyle .table_skin1_1 th {padding:7px 5px !important}
.modalStyle .table_skin1 td, .modalStyle .table_skin1_1 td {padding:7px 5px !important}
/* 테이블 클릭 시 배경 색상 추가 */
.table_skin1 tbody tr.active td, .table_skin1 tbody tr.active:hover td{background-color: #B0BED9;}

.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 .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 .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 .end {border-right:0}

.table_skin4 {width:60%; margin:0 auto; background:#fff; text-align:center}
.table_skin4 td {font-size:12px; color:#000; padding:13px !important; border-bottom:1px solid #D5D5D5}
.table_skin4 tr:last-child td {border-bottom:none}
.table_skin4 tr:hover td{background-color:#f7f7f7; border-bottom:1px solid #d5d5d5}
.table_skin4 .end {border-right:0}

.tableScrollxy {position:relative; width:100%; z-index:1; margin:auto; overflow:auto; height:260px}
.tableScrollxy table {width:100%; min-width:600px; min-width:max-content; margin:auto; border-collapse:separate; border-spacing:0}

/* 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%}
.New {font-size:11px; color:#fff; background-color:#FD004E; padding:5px; font-weight:700; margin-right:10px}
.Information {font-size:11px; color:#fff; background-color:#49c333; padding:5px; font-weight:700; margin-right:10px}
.Inspect {font-size:11px; color:#fff; background-color:#2991cd; padding:5px; font-weight:700; margin-right:10px}
.Fault {font-size:11px; color:#fff; background-color:#f3983c; 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}

/* Dashboard06 */
.Dashboard06 {padding:10px 30px}
.Dashboard06 h4 {font-size:16px; color:000; font-weight:700; display:inline-block}

/* Menu01 */
.Menu01 h4 {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}

/* 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:1px solid #d6d6d6; border-radius:3px;}
.border-line2 {border:1px solid #d6d6d6}
.border-line2 ul li:hover {background-color:#F1F1F1}
.border-line3 {border:1px solid #fd7fa6; border-top:none}

.wickedpicker {z-index:9999; height:auto}
.wickedpicker .wickedpicker__title {display:none}

/* user console */
.user-phone .main-text {font-size:20px; color:#000; font-weight:500}
.user-phone .sub-text {font-size:16px; color:#000; font-weight:500}
.user-phone .radio {font-size:16px; font-weight:300; color:#505050}

/* phone4 */
.phone_04 {background:url('../images/phone_04.svg') top left no-repeat; width: 359px; height: 659px}
.phone_04 .whiteBg {background:#fff; padding:16px 16px 32px 16px; width:240px; border-radius:10px; position: absolute; margin: 93px 44px}
.phone_04 .whiteBg p {font-size:14px; color:#B2B2B2; text-align:left}
.phone_04_btn {width: 164px; text-align:center; margin-left:79px}
.phone_04_btn6 {width: 305px; text-align:center}
.phone_04_btn7 ul li a {border:1px solid #FD004E; border-radius:2px; height:30px; line-height:28px; padding:0 20px; font-weight:500; display:inline-block; transition:0.3s; text-align:center; background:#fff; border-color:#000; color:#000}
.phone_04_btn7 ul {overflow:hidden; margin-left:8%}
.phone_04_btn7 ul li {float:left; margin-right:10px}
.phone_04_btn7 ul li:hover a {background:#000; border-color:#000; color:#fff}
.phone_04_btn7 ul li.active a {background:#000; border-color:#000; color:#fff}

/*kakaotalk*/
.talk_Gray {background:url('../images/talk_Gray.png') top left no-repeat; width:78px; height:72px; position:relative}
.talk_Gray h5 {margin-top: 10px; position: absolute; top: 12px; left: 18px}
.talk_Yellow {background:url('../images/talk_Yellow.png') top left no-repeat; width:78px; height:72px; position:relative}
.talk_Yellow h5 {margin-top: 10px; position: absolute; top: 12px; left: 18px}

/* 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}

/* phoneWrap */
.phoneWrap {position:relative; margin-top:-15px; margin-left:-15px}
.phoneFixed {}
.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}
.phoneTextWrap hr {margin:10px 0}
.phoneIcon {/*justify-content:space-between; */display:block; /*flex-wrap:wrap*/ text-align:center}
.phoneIcon i {padding:0 17px}
.phoneText1 {background:#fff; border-radius:10px; padding:20px 15px 30px 15px; color:#848484; position:relative}
.phoneText2 {background:#fff; border-radius:10px; padding:15px; color:#848484; position:relative}
.phoneTextWrap2 {position:absolute; top:306px; left:68px}
.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}


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

.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}

/* phoneCardWrap */
.cardBxsliderWrap .bx-wrapper {height:520px; box-shadow:none; background:none; border:none}
.cardBxsliderWrap .bx-wrapper .bx-viewport {min-height:470px}
.cardBxsliderWrap .bx-wrapper .bx-controls-direction a {top:auto; bottom:-35px; width:30px; height:30px; z-index:9}
.cardBxsliderWrap .bx-wrapper .bx-prev {background:url('../images/cardSliderLeft.png') no-repeat; left:50px}
.cardBxsliderWrap .bx-wrapper .bx-next {background:url('../images/cardSliderRight.png') no-repeat; right:50px}
.cardBxsliderWrap .bx-wrapper .bx-prev:hover, .cardBxsliderWrap .bx-wrapper .bx-prev:focus, .cardBxsliderWrap .bx-wrapper .bx-next:hover, .cardBxsliderWrap .bx-wrapper .bx-next:focus {opacity:0.6}
.phoneCardWrap {position:absolute; top:70px; left:45px; width:240px}
.cardBox {background:#fff; border-radius:10px}
.cardBox > div {padding:15px}

/* phone */
.sub03_4_1_1_1 .text-main {font-size:12px; color:#505050; font-weight:500}
.sub03_4_1_1_1 .text-sub {font-size:10px; color:#707070}

.attachList {border:1px solid #D5D5D5; padding:10px 15px; width:100%; color:#B2B2B2; position:relative; border-radius:4px; min-height:40px}
.attachList > li {margin-bottom:10px}
.attachList > li:last-child, .attachList > li:first-child {margin-bottom:0}
.attachList a {color:#B2B2B2}

/* admin_sub03_4_1_1 */
.admin_sub03_4_1_1 .underLine:hover {text-decoration:underline}

/* toolTipStyle */
.toolTipOver {vertical-align:top}
.toolTipStyle {display:none}

.numList {margin-left:15px}
.numList > li {list-style:decimal}
.dotList {margin-left:15px}
.dotList > li {list-style:disc}

#slide-counter {position:absolute; bottom:-27px; width:100%; text-align:center; font-size:10px}

.textareaHeight {min-height:120px}

/* 2022-02-23 */
.height170 {height:170px !important}

/* 2022-08-24 */
.phoneImgWrap {border-radius:10px; overflow:hidden; position:relative}
.fileDataPhone {position:absolute; top:10px; right:10px; font-size:10px; background:#fff; padding:5px 8px; border-radius:30px; height:26px; border:1px solid #333}
.fileDataImg {position:absolute; top:5px; left:calc(100% + 10px); font-size:11px}
.fileDataList {border:1px solid #ddd; padding:20px; box-sizing:border-box}
.fileDataList > .inner {padding:0 15px}

/* head_type_user */
header.head_type_user {border-bottom:1px solid #E6E6E6}
header.head_type_user.fixed {position:fixed; width:100%; top:0; left:0; z-index:999999; background:#fff}
.wrap_head {width:100%; min-width:1400px; padding:0 50px; height:80px; margin:0 auto; text-align:center}
.wrap_head .tit_logo {float:left}
.wrap_head .tit_logo .userLogo {display:block; margin-top:15px}
.wrap_head .tit_logo .userLogo > img {height:25px}
#userGnb {display:inline-block; vertical-align:top}
#userGnb .list_gnb {margin-top:20px; height:61px}
#userGnb .list_gnb > li {float:left; margin:0 15px; position:relative}
#userGnb .list_gnb > li > a {display:block; position:relative; padding:0 25px 0 25px; font-size:17px; line-height:40px; color:#1e1e1e; font-weight:400}
#userGnb .list_gnb > li > a:hover, #userGnb .list_gnb > li > a:focus {color:#CB1871}
#userGnb .list_gnb > li > ul.dep2 {display:none; position:absolute; top:60px; background:#fff; z-index:999; width:100%; border:1px solid #F1F1F1; padding:0 25px; min-width:140px}
#userGnb .list_gnb > li > ul.dep2 > li {}
#userGnb .list_gnb > li > ul.dep2 > li > a {display:block; border-bottom:1px solid #ddd; font-size:14px; color:#707070; padding:9px 0; font-weight:400; text-align:left}
#userGnb .list_gnb > li > ul.dep2 > li:last-child > a {border-bottom:none}
#userGnb .list_gnb > li > ul.dep2 > li > a:hover, #userGnb .list_gnb > li > ul.dep2 > li > a:focus {color:#000}
#userGnb .list_gnb > li.console > a, #userGnb .list_gnb > li.console > a:hover, #userGnb .list_gnb > li.console > a:focus {background:#000; color:#fff; border-radius:20px}
#userGnb .list_gnb > li.console > a:hover {background:#CB1871}
.list_login {float:right; margin-top:25px}
.list_login li {float:left; margin-left:50px}
.list_login li > a {font-size:16px; color:#727272}
.list_login li.active > a, .list_login li > a:hover, .list_login li > a:focus {color:#000; font-weight:500}

/* userSection */
.userSection {margin:0 auto}
.userSection.width540 {width:540px}

/* userLogin-form */
.userLogin-form {width:460px; margin:0 auto}
.userLogin-form > h2 {font-size:28px !important; margin-bottom:70px; color:#000}
.userLogin-form h3 {font-size:20px; color:#707070; font-weight:400}
.userLogin-form .form-control {border:1px solid #E8ECEF; border-radius:5px; font-size:15px; height:60px; line-height:60px; box-shadow:none}
.userLogin-form .checkbox {margin:0}
.userLogin-form .checkbox label {font-size:15px}
.userLogin-form .forgot {margin:-3px 0 0 0}
.userLogin-form .forgot a {font-size:15px}
.userLogin-form .forgot a i {color:#D5D5D5; vertical-align:baseline}
.userLogin-form .forgot span {vertical-align:sub; padding:0 10px}
.loginThum {background:#B2B2B2; border-radius:28px; width:58px; height:58px; font-size:26px; color:#fff; line-height:58px}

/* join */
.provisionMore {color:#222}
.provisionMore i {color:#B2B2B2}
.provisionMore:hover, .provisionMore:hover i {color:#000}
.provisionWrap {max-height:620px; overflow-y:scroll}
.provisionWrap h5 {font-size:14px !important; font-weight:600 !important; color:#000 !important}
.provisionWrap h6 {font-size:12px !important; font-weight:500 !important; color:#000 !important}
.provisionWrap p {font-size:12px !important; font-weight:300 !important; color:#000 !important}
.provisionWrap .numList {font-size:12px !important; font-weight:300 !important; color:#727272 !important; margin-left:13px}
.provisionWrap .numList > li {list-style:decimal}
.provisionWrap .discList {font-size:12px !important; font-weight:300 !important; color:#727272 !important; margin-left:33px}
.provisionWrap .discList > li {list-style:disc}
.provisionWrap .numList > li > .discList {margin-left:20px}
.joinBox {border:1px solid #D5D5D5; border-radius:4px; padding:20px}

/* foot_type_user */
.foot_type_user {/*border-top:1px solid #E6E6E6;*/ padding:30px 50px; margin-top:150px}
.foot_logo {float:left; margin-right:125px}
.foot_info_wrap {float:left; margin-top:2px; padding-bottom:30px}
.foot_info {overflow:hidden}
.foot_info > li {float:left; margin-right:30px}
.foot_info > li > a {font-size:14px; color:#000}
.foot_info > li > a:hover, .foot_info > li > a:focus {color:#E93978}
.foot_copy {color:#858585; margin-top:25px; font-size:13px}
.foot_copy > p {margin-bottom:5px}
.foot_copy > p span {color:#D0D0D0; padding:0 15px}

/* quickRightWrap */
.quickRightWrap {position:relative}
.quickRight {position:fixed; bottom:40px; right:40px; z-index:999}
.quickRight.fix {position:fixed}
.quickRight .quick_inquiry {display:block; border-radius:30px; width:60px; height:60px; background:#000; text-align:center; padding:10px; box-shadow:0 3px 6px rgb(0,0,0,0.3); transition:.3s; line-height:40px}
.quickRight .quick_inquiry img {margin-left:-2px}
.quickRight .quick_inquiry:hover, .quickRight .quick_inquiry:focus {background:#CB1871}
.quickRight .quick_top {display:block; border-radius:30px; width:60px; height:60px; background:#fff; text-align:center; padding:10px; box-shadow:0 3px 6px rgb(0,0,0,0.3); transition:.3s; margin-top:10px; line-height:35px}
.quickRight .quick_top:hover, .quickRight .quick_top:focus {background:#CB1871}
.quickRight .quick_top:hover img, .quickRight .quick_top:focus img {filter:brightness(0) invert(1)}

/* mainVisualWrap */
#mainVisualWrap {overflow:hidden}
#mainVisualWrap section {}
.mainBxslider > li {width:100% !important}
.mainBxslider > li > .mainVisualTitle {position:absolute; top:110px; left:0px; width:100%}
.mainBxslider > li > .mainVisualTitle > div {max-width:1088px; margin:0 auto; position:relative}
.mainBxslider > li > .mainVisualTitle > div > h2 {font-weight:400; font-size:40px !important; color:#000; line-height:70px}
.mainBxslider > li > .mainVisualTitle > div > h2 strong {font-weight:500; font-size:60px !important}
.mainBxslider > li > .mainVisualTitle > div > h2.colorWhite {color:#fff}
.mvBtn {padding:18px 38px; color:#fff; background:#E93978; font-size:17px; border-radius:5px; display:inline-block; margin-top:40px; transition:.3s}
.mvBtn:hover, .mvBtn:focus {background:#000; color:#fff}
#mainVisualWrap .bx-wrapper img {max-width:inherit; width:100%}
#mainVisualWrap .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-18px; outline:0; width:19px; height:37px; text-indent:-9999px; z-index:99; transition:.3s}
#mainVisualWrap .bx-wrapper .bx-prev {left:55px; background:url('../images/mainArrLeft.png') no-repeat}
#mainVisualWrap .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {opacity:0.6}
#mainVisualWrap .bx-wrapper .bx-next {right:55px; background:url('../images/mainArrRight.png') no-repeat}
#mainVisualWrap .bx-wrapper .bx-next:hover, #mainVisualWrap .bx-wrapper .bx-next:focus {background-position:0; opacity:0.6}
#mainVisualWrap .bx-wrapper .bx-pager, #mainVisualWrap .bx-wrapper .bx-controls-auto {bottom:95px}
#mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a {background:none; border:1px solid #fff}
#mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a.active, #mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#fff}

/* noticeWrap */
#noticeWrap {margin-top:-70px; position:relative; background:url('../images/noticeWrapBg.png') top center no-repeat; z-index:99}
#noticeWrap > section {width:1198px; margin:0 auto; padding:55px; background:#fff; overflow:hidden}
.noticeList {float:left; width:516px}
.archivesList {float:right; width:516px}
.noticeList h3, .archivesList h3 {font-size:24px; font-weight:500; margin:0}
.noticeList h3 .more, .archivesList h3 .more {display:inline-block; float:right; width:18px; height:18px; background:#707070; border-radius:10px; text-align:center; transition:.3s; padding:5px}
.noticeList h3 .more img, .archivesList h3 .more img {vertical-align:top}
.noticeList h3 .more:hover, .archivesList h3 .more:hover {background:#CB1871}
.listSt {border-top:1px solid #B2B2B2; margin-top:20px}
.listSt > li {}
.listSt > li a {display:block; overflow:hidden; font-size:14px; font-weight:400; padding:15px 0; border-bottom:1px solid #B2B2B2}
.listSt > li a .noti_tt {width:75%; display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#707070}
.listSt > li a .noti_day {width:25%; display:block; float:right; color:#707070; text-align:right}
.listSt > li a:hover .noti_tt, .listSt > li a:hover .noti_day {color:#000}
.newIcon {color:#fff; font-weight:500; font-size:11px; padding:2px 7px; background:#E0007A; margin:0; display:inline-block; vertical-align:text-top}

/* mainConWrap1 */
#mainConWrap1 {margin-top:90px}
#mainConWrap1 section {max-width:1088px; margin:0 auto; text-align:center}
#mainConWrap1 section h3 {margin-bottom:0}
#mainConWrap1 .CloudIcon {padding:70px 0; overflow:hidden}
#mainConWrap1 .CloudIcon li {float:left; text-align:center; width:25%}
#mainConWrap1 .CloudIcon .IconMainText {font-size:20px; color:#000; margin-top:25px}
#mainConWrap1 .CloudIcon .IconSubText {font-size:14px; color:#676767; margin-top:15px}

/* quiryWrap */
#quiryWrap {background:url('../images/quiryWrapBg.png') #F4F2FC no-repeat; background-size:cover; padding:100px 0}
#quiryWrap section {width:700px; margin:0 auto; text-align:center}
.quiryList {background:#fff; padding:75px 70px}
.quiryList > h3 {font-size:30px; font-weight:400; margin:0 0 45px 0}
.quiryList .form-control {border:1px solid #E8ECEF; border-radius:5px; font-size:15px; height:60px; line-height:60px; box-shadow:none}
.quiryList .form-textarea {border:1px solid #E8ECEF; border-radius:5px; font-size:15px; box-shadow:none; width:100%; padding:10px}
.quiryAgree {text-align:left; font-size:15px; color:#707070; margin-top:15px}
.quiryAgree input.checkStyle2 + label:before {top:4px}
.quiryAgree .provisionMore {border-bottom:1px solid #000}
.quiryList .btnStyle2 {padding:15px 50px; font-size:16px; margin-top:45px}

.image-center {text-align:center}

/* subVisualWrap01 */
#subVisualWrap01 section {background:url(../images/subVisual01.png); height:370px; padding-top:110px}
#subVisualWrap01 section div > p {margin-top:22px; color:#fff; font-size:18px}
#subVisualWrap01 section div > div {margin-top:44px}
#subVisualWrap01 section div > div > a {color:#A142D3; font-size:17px; background-color:#fff; border-radius:5px; padding:15px 40px; font-weight:500}
#subVisualWrap01 section div div a:hover {background-color:#570792; color:#fff}

/* .serviceCon01 */
.serviceCon01 section {max-width:1000px; margin:110px auto}
.serviceCon01 section .subTitle {text-align:center; font-size:24px !important}
.serviceCon01 section .CloudIcon {padding:70px 70px 0 70px; overflow:hidden}
.serviceCon01 section .CloudIcon li {float:left; text-align:center; width:33.3%}
.serviceCon01 section .CloudIcon .IconMainText {font-size:20px; color:#000; margin-top:25px}
.serviceCon01 section .CloudIcon .IconSubText {font-size:14px; color:#676767; margin-top:15px}

/* .serviceCon02 */
.serviceCon02 section .subTitle {text-align: left; font-size: 24px !important}
.serviceCon02 {background-color:#F4F2FC; padding-top:133px}
.serviceCon02 section {max-width:1100px; margin:0 auto}
.serviceCon02 section .subText {font-size:16px; color:#676767; margin-top:34px}
.serviceCon02 section > ul {overflow:hidden; background:url('../images/send.png') top right no-repeat; height:630px}
.serviceCon02 section > ul > li {overflow:hidden; float:left; width:50%}
.serviceCon02 section > ul > li .people01 {float:right}

/* serviceBxsliderWrap */
.serviceBxsliderWrap {}
.serviceBxsliderWrap .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:20px; outline:0; width:92px; height:92px; text-indent:-9999px; z-index:99; transition:.3s}
.serviceBxsliderWrap .bx-wrapper .bx-prev {left:2px; background:url('../images/serviceArrLeft.png') no-repeat}
.serviceBxsliderWrap .bx-wrapper .bx-prev:hover, .serviceBxsliderWrap .bx-wrapper .bx-prev:focus {opacity:0.8}
.serviceBxsliderWrap .bx-wrapper .bx-next {right:-10px; background:url('../images/serviceArrRight.png') no-repeat}
.serviceBxsliderWrap .bx-wrapper .bx-next:hover, .serviceBxsliderWrap .bx-wrapper .bx-next:focus {background-position:0; opacity:0.8}
#bx-pager {margin-top:30px}
#bx-pager > li > a {color:#000; font-size:18px; font-weight:400}
#bx-pager > li > a:before {content:""; width:4px; height:34px; display:inline-block; background:#D5D5D5; margin-right:15px; vertical-align:middle}
#bx-pager > li > a.active {color:#FC6D26}
#bx-pager > li > a.active:before {background:#FC6D26}

.serviceCon02_list {color:#000; font-size:18px; font-weight:400; margin-top:20px; line-height:1px}
.serviceCon02_list li {line-height:2em}

/* faqList */
.faqList {}
.faqList > li {border-bottom:1px solid #B2B2B2; padding:15px 0}
.faqTitle {overflow:hidden; cursor:pointer}
.faqTitle .faqBg {color:#9941FF; font-size:16px; background-color:rgba(153,65,255,0.15); font-weight:700; border-radius:5px; display:inline-flex; align-items:center; justify-content:center; width:50px; height:30px}
.faqTitle p {display:inline-block; font-size:16px; color:#333; padding:0 15px 0 20px; width:95.5%}
.faqTitle p .faqIcon {float:right; width:13px; height:13px; background:url('../images/icon_plus.png') no-repeat; text-indent:-9999px; margin-top:5px}
.faqAn {font-size:14px; color:#000; margin:15px 0 0 68px; min-height:100px; display:none}
.faqList > li.active .faqAn {display:block}
.faqList > li.active .faqIcon {float:right; width:13px; height:13px; background:url('../images/icon_minus.png') no-repeat; text-indent:-9999px; margin-top:5px}

/* .serviceCon03 */
.serviceCon03 section {max-width:1088px; margin:110px auto}
.serviceCon03 section .subTitle {text-align:center; font-size:24px !important}
.serviceCon03 section .subText {text-align:center; font-size:16px; color:#676767; margin-top:34px; margin-bottom:50px}
.serviceCon03 section .chartWrap {position:relative}
.serviceCon03 section .people02 {position:absolute; left:0; bottom:0}
.serviceCon03 section .people03 {position:absolute; right:0; bottom:0}

/* serviceCon04 */
.serviceCon04 {background-color:#F4F4F4; padding:100px 0}
.serviceCon04 section {max-width:1088px; margin:0 auto}
.serviceCon04 section .textBox {background:url(../images/textBox_bg.png) no-repeat; padding:63px 70px}
.serviceCon04 section .subTitle {color:#fff; font-size:38px !important; margin:0}
.serviceCon04 section .subTitle2 {color:#7FD0FF; margin-top:30px; font-weight:700; font-size:22px}
.serviceCon04 section .subText {font-size:16px; color:#fff; margin-top:94px}
.serviceCon04 section ul {overflow:hidden; margin-top:40px}
.serviceCon04 section ul li {width:50%; float:left}
.serviceCon04 section ul li .AWS_MainText {margin-top:20px; font-size:22px; color:#000}
.serviceCon04 section ul li .AWS_SubText {margin-top:23px; font-size:15px; color:#000}

/* serviceCon05 */
.serviceCon05 {background-color:#FFE13B; padding:110px 0}
.serviceCon05 section {max-width:1088px; margin:0 auto}
.serviceCon05 section .subTitle {text-align:center; font-size:24px !important}
.serviceCon05 section .subText {font-size:16px; color:#000; margin-top:32px; text-align:center}
.serviceCon05 section .btn {margin-top:65px; text-align:center; display:block}
.serviceCon05 section .btn .btnBcackRed {font-size:15px; color:#fff; font-weight:700; padding:20px 43px; background-color:#E0007A; border-radius:5px; margin-right:15px}
.serviceCon05 section .btn .btnBcackRed:hover {color:#E0007A; background-color:#fff}
.serviceCon05 section .btn .btnBcackWhite {font-size:15px; color:#000; font-weight:700; padding:20px 43px; background-color:#fff; border:1px solid #000; border-radius:5px}
.serviceCon05 section .btn .btnBcackWhite:hover {background-color:#000; color:#fff}

/* subVisualWrap02 */
#subVisualWrap02 section {background:url(../images/subVisual02.png); height:370px; padding-top:150px}
#subVisualWrap02 section div > p {margin-top:22px; color:#fff; font-size:18px}
.sub02_conWrap {padding:50px 0; max-width:1088px; margin:0 auto}
.subVisualWrap02 {margin-top:57px}
.subVisualWrap02 .tableTitle {font-size:20px; color:000; font-weight:700}
.subVisualWrap02 .tableTitle i {color:#CB1871}
.subVisualWrap02 .tableTitle2 {position:relative; font-size:20px; color:#fff; font-weight:500; padding:4px 15px; background-image: linear-gradient(to right, rgb(90 5 206), rgba(73,66,253,1))}
.subVisualWrap02 .tableTitle2 img{position:absolute; right:0; top:0}
.subVisualWrap02 .tableText {float:right; font-size:14px; color:#707070; margin-bottom:20px}
.user_table_skin1 {width:100%; border-top:1px solid #000}
.user_table_skin1 td {background-color:#fff; color:#505050; font-size:14px; text-align:center; border-right:1px solid #D5D5D5; padding:17px 0; border-bottom:1px solid #D5D5D5}
.user_table_skin1 th {background-color:#F2E6FF; color:#000; font-size:14px; font-weight:500; border-right:1px solid #D5D5D5; text-align:center; padding:17px 0}
.user_table_skin1 tr .end {border-right:0}
.infoText {font-size:13px; color:#505050; font-weight:100; margin-top:20px}
.infoText i {color:#b2b2b2}
.sub02_conWrap .tab2 {width:100%; overflow:hidden}
.sub02_conWrap .tab2 li {float:left; width:50%}
.sub02_conWrap .tab2 li a {font-size:15px; color:#676767; text-align:center; background-color:#F2F2F2; border:1px solid #D1D1D1; display:block; padding:14px; border-right:0}
.sub02_conWrap .tab2 li:last-child {border-right:1px solid #D1D1D1}
.sub02_conWrap .tab2 li a:hover {font-weight:700; color:#fff; background-color:#9941FF}
.sub02_conWrap .tab2 li.active a{font-weight:700; color:#fff; background-color:#9941FF}
.sub02_conWrap .tab3 {width:100%; overflow:hidden; border-radius:30px 30px 0 0 / 30px 30px 0 0}
.sub02_conWrap .tab3 li {float:left; width:50%}
.sub02_conWrap .tab3 li a {font-size:18px; color:#676767; text-align:center; background-color:#F2F2F2;  display:block; padding:17px; box-shadow:0px -10px 5px -5px #0000001f inset}
.sub02_conWrap .tab3 li:last-child {}
.sub02_conWrap .tab3 li a:hover {font-weight:500; color:#fff; background-color:#601fff}
.sub02_conWrap .tab3 li.active a{font-weight:500; color:#fff; background-color:#601fff}

/* table */
.user_table_skin2 {width:100%; background:#fff; text-align:center; border-top: 1px solid #222; border-bottom: 1px solid #222}
.user_table_skin2 th {font-size:14px; border-bottom:none !important; background-color:#F1F1F1; color:#000 !important; padding:7px !important; border-right:1px solid #D5D5D5; border-bottom:1px solid #d5d5d5; border-top:#222; vertical-align:middle}
.user_table_skin2 td {font-size:14px; color:#707070; padding:7px; border-right:1px solid #D5D5D5;  border-bottom:1px solid #D5D5D5}
.user_table_skin2 a {color:#707070}
.user_table_skin2 tr:hover td{background-color:#f7f7f7}
.user_table_skin2 .end {border-right:0}
.user_table_skin2 tr:last-child td {border-bottom:none}

.user_table_skin3 {width:100%}
.user_table_skin3 td {color:#505050; font-size:17px; text-align:center; border-right:3px solid #fff; padding:13px 0}
.user_table_skin3 th {color: #fff; font-size:20px; font-weight:500; border-right:3px solid #fff; text-align:center; padding:13px 0}
.user_table_skin3 tr .end {border-right:0}
.user_table_skin3 thead .lg{background-image: linear-gradient(to right, rgb(90 5 206), rgba(73,66,253,1))}
.user_table_skin3 tbody tr:nth-child(even) {background-color:#e3edff}

/* subVisualWrap03 */
#subVisualWrap03 section {background:url(../images/subVisual03.png); height:370px; padding-top:140px}
#subVisualWrap03 section div > p {margin-top:22px; color:#fff; font-size:18px}

/* sub03_conWrap */
.sub03_conWrap {padding:50px 0}
.sub03_conWrap section {width:1300px; margin:0 auto}
.sub03_conWrap .con01 .tab5 {width:100%; overflow:hidden}
.sub03_conWrap .con01 .tab5 li {float:left; width:20%}
.sub03_conWrap .con01 .tab5 li a {font-size:15px; color:#676767; text-align:center; background-color:#F2F2F2; border:1px solid #D1D1D1; display:block; padding:14px; border-right:0}
.sub03_conWrap .con01 .tab5 li:last-child {border-right:1px solid #D1D1D1}
.sub03_conWrap .con01 .tab5 li a:hover {font-weight:700; color:#fff; background-color:#9941FF}
.sub03_conWrap .con01 .tab5 li.active a{font-weight:700; color:#fff; background-color:#9941FF}

.sub03_conWrap .con01 .question {border-bottom:1px solid #B2B2B2; padding:15px 0; overflow:hidden}
.sub03_conWrap .con01 .question .questionBg {color:#9941FF; font-size:15px; background-color:rgba(153,65,255,0.15); font-weight:700; padding:6px 10px; border-radius:5px}
.sub03_conWrap .con01 .question p {display:inline-block; font-size:14px; color:#707070; margin-left:20px}
.sub03_conWrap .con01 .question .icon_plus {float:right; margin-right:14px}
.sub03_conWrap .con01 .question .icon_minus {float:right; margin-right:14px}

.sub03_conWrap .con01 .Answer {font-size:14px; color:#000; margin-top:15px}
.sub03_conWrap .con01 .Answer {border-bottom:1px solid #B2B2B2; overflow:hidden; height:auto; padding-bottom:30px;}
.sub03_conWrap .con01 .Answer .questionBg {color:#9941FF; font-size:15px; background-color:rgba(153,65,255,0.15); font-weight:700; padding:6px 10px; border-radius:5px; display:inline-block}
.sub03_conWrap .con01 .Answer p {display:inline-block; font-size:14px; color:#707070; margin-left:20px}
.sub03_conWrap .con01 .Answer .icon_plus {float:right; margin-right:14px}
.sub03_conWrap .con01 .Answer .icon_minus {float:right; margin-right:14px}
.sub03_conWrap .con01 .Answer .AnswerText {font-size:14px; color:#000; margin-top:22px; display:block; margin-left:68px}
.sub03_conWrap .con01 .btn_more {text-align:center; margin-top:35px}
.sub03_conWrap .con01 .btn_more a {font-size:16px; color:#222; padding:10px 40px; border-radius:3px; border:1px solid #222; font-weight:500}
.sub03_conWrap .con01 .btn_more a:hover {color:#fff; background-color:#222}

.sub03_conWrap .con02 {background-color:#F4F2FC; padding:70px 0; margin-top:100px}
.sub03_conWrap .con02 section {width:1300px; margin:0 auto}
.sub03_conWrap .con02 section .Icon {overflow:hidden}
.sub03_conWrap .con02 section .Icon li {float:left; width:33.3%; text-align:center}
.sub03_conWrap .con02 section .Icon li .IconTitle {font-size:15px; color:#000; margin-top:17px}
.sub03_conWrap .con02 section .Icon li .IconsdubText {font-size:14px; color:#707070; margin-top:24px}

.sub03_conWrap .con03 {margin-top:109px}
.sub03_conWrap .con03 section {width:1300px; margin:0 auto; overflow:hidden}
.sub03_conWrap .con03 section .Notice {width:48%; float:left}
.sub03_conWrap .con03 section .Notice .boder-bottom {border-bottom:1px solid #B2B2B2; overflow:hidden; padding:15px 0}
.sub03_conWrap .con03 section .Notice .NoticeTitle {font-size:24px; color:#000; font-weight:500; display:inline-block}
.sub03_conWrap .con03 section .Notice .boder-bottom .more {float:right}
.sub03_conWrap .con03 section .Notice .NoticeSubText {font-size:14px; color:#707070; display:inline-block}
.sub03_conWrap .con03 section .Notice .date {font-size:14px; color:#707070; float:right; font-weight:200}
.sub03_conWrap .con03 section .Notice .NoticeSubText .new {color:#fff; font-weight:500; font-size:11px; padding:3px 8px; background-color:#E0007A; margin-right:10px}

.sub03_conWrap .con03 section .archives {width:48%; float:right}
.sub03_conWrap .con03 section .archives .boder-bottom {border-bottom:1px solid #B2B2B2; overflow:hidden; padding:15px 0}
.sub03_conWrap .con03 section .archives .NoticeTitle {font-size:24px; color:#000; font-weight:500; display:inline-block}
.sub03_conWrap .con03 section .archives .boder-bottom .more {float:right}
.sub03_conWrap .con03 section .archives .NoticeSubText {font-size:14px; color:#707070; display:inline-block}
.sub03_conWrap .con03 section .archives .date {font-size:14px; color:#707070; float:right; font-weight:200}
.sub03_conWrap .con03 section .archives .boder-bottom .fileIcon {margin-left:5px}

.sub03_conWrap .boardTitle {border-left:4px solid #9941FF; padding-left:20px; margin-bottom:72px}
.sub03_conWrap .boardTitle .titleText {font-size:28px; color:#000; font-weight:700}
.sub03_conWrap .boardTitle .subText {margin-top:15px; font-size:16px; color:#707070}

.sub03_conWrap .new2 {color:#fff; background-color:#E93978; border-radius:5px; padding:3px 6px; margin-right:8px; font-size:10px}

.sub03_conWrap .boardWrite .title {border-top: 1px solid #000; background-color:#F1F1F1; padding:22px 18px}
.sub03_conWrap .boardWrite .title p {display:inline-block; font-size:14px; color:#000}
.sub03_conWrap .boardWrite .title .date {float:right; font-size:14px; font-weight:300}
.sub03_conWrap .boardWrite .content {border-bottom: 1px solid #000; padding:22px 18px; min-height:370px; font-size:13px; color:#000; font-weight:300}
.sub03_conWrap .boardWrite .content p {font-size:14px}
.sub03_conWrap .boardWrite .content2 {border-bottom: 1px solid #d5d5d5; padding:22px 18px; min-height:370px; font-size:13px; color:#000; font-weight:300}
.sub03_conWrap .boardWrite .content2 p {font-size:14px}
.sub03_conWrap .boardWrite .content-file {border-bottom: 1px solid #000; padding:30px 18px}
.sub03_conWrap .boardWrite .content-file a {font-size:12px; color:#000; font-weight:300; display:block}
.sub03_conWrap .btn {text-align:center}
.sub03_conWrap .btnList {font-size:16px; color:#222; border-radius:3px; border:1px solid #222; padding:17px 50px}

.modal-body .boardTitle {border-left:4px solid #9941FF; padding-left:20px; margin-bottom:72px}
.modal-body .boardTitle .titleText {font-size:28px; color:#000; font-weight:700}
.modal-body .boardTitle .subText {margin-top:15px; font-size:16px; color:#707070}

.modal-body .new2 {color:#fff; background-color:#E93978; border-radius:5px; padding:3px 6px; margin-right:8px; font-size:10px}
.modal-body .boardWrite .title {border-top: 1px solid #000; background-color:#F1F1F1; padding:22px 18px}
.modal-body .boardWrite .title p {display:inline-block; font-size:14px; color:#000}
.modal-body .boardWrite .title .date {float:right; font-size:14px; font-weight:300}
.modal-body .boardWrite .content {border-bottom: 1px solid #000; padding:22px 18px; min-height:370px; font-size:13px; color:#000; font-weight:300}
.modal-body .boardWrite .content p {font-size:14px}
.modal-body .boardWrite .content2 {border-bottom: 1px solid #d5d5d5; padding:22px 18px; min-height:370px; font-size:13px; color:#000; font-weight:300}
.modal-body .boardWrite .content2 p {font-size:14px}
.modal-body .boardWrite .content-file {border-bottom: 1px solid #000; padding:30px 18px}
.modal-body .boardWrite .content-file a {font-size:12px; color:#000; font-weight:300; display:block}

/* user_index */
.subTitle_h3 {font-size:24px}

/* user_join */
.user_join_h2 {font-size:30px !important; margin-top:20px !important; margin-bottom:30px !important;}
.user_sub_h2 {font-size:30px !important; color:#fff}

/* user > PopupBtn_Wrap */
.PopupBtn_Wrap {position:absolute; top:-20px; right:-20px}

/* phoneWrap > phoneTextWrap btn*/
.phoneWrap .btnStyle1.backLightGray {background:#F1F1F1; border-color:#ddd; color:#000; width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; margin:5px 0}
.phoneWrap .btnStyle1.backLightGray:hover {background:#000; border-color:#000; color:#fff}
.modal-body .scroll-y_modal {max-height:140px; overflow-y:auto; line-height:1.4em}

/* 2022-01-13 */
#subVisualWrap02a section {background:url(../images/subVisual01.png) no-repeat center/cover; height:37vh; display:flex; align-items:center; justify-content:center}
#subVisualWrap02a section div > p {margin-top:22px; color:#fff; font-size:18px}
#subVisualWrap02a section div > div {margin-top:44px}
#subVisualWrap02a section div > div > a {color:#A142D3; font-size:17px; background-color:#fff; border-radius:5px; padding:15px 40px; font-weight:500}
#subVisualWrap02a section div div a:hover {background-color:#570792; color:#fff}
.inner1088 {width:1088px; margin:0 auto}
.userChannelList {display:flex; justify-content:space-between}
.userChannelList > li {width:249px; text-align:center; border-radius:32px 32px 0 0; overflow:hidden}
.userChannelList_box {display:flex; align-items:flex-end; border:1px solid #CECECE; box-sizing:border-box; height:180px; padding-bottom:40px}
.userChannelList_box > div {width:100%}
.userChannelList_box p {font-size:20px; font-weight:500; color:#000; line-height:29px}
.userChannelList_box a {display:inline-block; width:140px; height:40px; text-align:center; line-height:40px; font-size:16px; font-weight:400; color:#fff; background:#000; border-radius:20px; box-sizing:border-box; transition:.3s}
.userChannelList_box a:hover, .userChannelList_box a:focus {background:#a142d3}
#userChannel1-1, #userChannel1-3 {background:#F6F6FC; padding:80px 0}
#userChannel1-2, #userChannel1-4 {padding:80px 0}
.userChannelTitle {font-size:30px; font-weight:700; color:#333}
.userSmsList {display:flex; justify-content:space-between; margin-top:60px}
.userSmsList > li {width:340px; text-align:center; font-size:16px; font-weight:500}
.userBtn {display:inline-block; min-width:137px; height:42px; line-height:42px; text-align:center; border-radius:21px; box-sizing:border-box; color:#fff; font-size:16px; font-weight:700}
.userRcsList {display:flex; justify-content:space-between; margin-top:40px}
.userRcsList > li {width:527px; text-align:center; font-size:20px; font-weight:500}
.userRcsList > li span {vertical-align:middle}
.userArrow {font-size:18px; margin:0 10px; vertical-align:middle}
.userKakaoList {display:flex; justify-content:space-between; margin-top:60px}
.userKakaoList > li {width:340px; text-align:center; font-size:16px; font-weight:500}

/* 2022-02-04 */
#mainConWrap2 {border-bottom: 1px solid #D5D5D5}
#mainConWrap2 section {max-width:1088px; margin:0 auto; text-align:center}
#mainConWrap2 section h3 {margin-bottom:0}
#mainConWrap2 .CloudIcon {padding:80px 0}
#mainConWrap2 .CloudIcon:after {content:''; display:block; clear:both}
#mainConWrap2 .CloudIcon li {float:left; overflow:hidden; text-align:center; width:340px; margin-right:34px; border: 1px solid #EAEAEA; border-radius:16px; box-shadow:5px 5px 10px rgb(0 0 0 / 7%)}
#mainConWrap2 .CloudIcon li:last-child {margin-right:0}
#mainConWrap2 .CloudIcon .IconMainBox {padding:23px 0 40px 0}
#mainConWrap2 .CloudIcon .IconMainText {font-size:20px; color:#000}
#mainConWrap2 section .btn2 {margin-top:25px; text-align:center; display:block}
#mainConWrap2 section .btn2 .btnBcackWhite {font-size:15px; color:#000; font-weight:700; padding:13px 25px; background-color:#fff; border:1px solid #000; border-radius:8px}
#mainConWrap2 section .btn2 .btnBcackWhite:hover {background-color:#000; color:#fff}

.serviceCon02_2 {background-color:#F4F2FC;}
.serviceCon02_2 section {max-width:1088px; margin:0 auto; padding:80px 0}
.serviceCon02_2 section .subTitle {text-align:left; font-size:30px !important; line-height:40px; letter-spacing:-2px; font-weight:400}
.serviceCon02_2 section .subText {font-size:16px; color:#676767; margin:26px 0 45px 0}
.serviceCon02_2 section > ul {overflow:hidden; background:url('../images/send2.png') top right no-repeat; height:630px}
.serviceCon02_2 section > ul > li {overflow:hidden; float:left; width:50%}
.serviceCon02_2 section .chartWrap_sub {color:#B2B2B2; font-size:14px; margin-bottom:-20px}

.serviceCon03_2 section {max-width:1088px; margin:0 auto; padding:80px 0}
.serviceCon03_2 section .subTitle {text-align:left; font-size:30px !important; line-height:40px; letter-spacing:-2px}
.serviceCon03_2 section .subText {text-align:left; font-size:16px; color:#676767; margin:26px 0 45px 0; letter-spacing:-0.3px}
.serviceCon03_2 section .chartWrap {position:relative; padding:0 120px}
.serviceCon03_2 section .chartWrap .chartWrap_sub {color:#B2B2B2; font-size:14px; margin-bottom:10px}

.serviceCon04_2 section {max-width:1088px; margin:0 auto; padding:80px 0}
.serviceCon04_2 section .subTitle {text-align:left; font-size:30px !important; line-height:40px; letter-spacing:-2px; font-weight:400}
.serviceCon04_2 section .subText {text-align:left; font-size:16px; color:#676767; margin:26px 0 45px 0}

.serviceCon05_2 {background-color:#FECE02; background:url(../images/serviceCon05_2_bg.jpg) no-repeat; background-color:#fece02}
.serviceCon05_2 section {max-width:1088px; margin:0 auto; padding:80px 0; text-align:left}
.serviceCon05_2 section .subTitle {font-size:30px !important; line-height:40px; letter-spacing:-2px; font-weight:400; margin:15px 0 40px 0}
.serviceCon05_2 section .quiryList {width:840px; margin:0 auto; background:#fff;  padding:40px; border: 1px solid #EAEAEA; border-radius:16px; box-shadow:5px 5px 10px rgb(0 0 0 / 7%)}
.serviceCon05_2 section .quiryList > h3 {font-size:30px; font-weight:400; margin:0 0 45px 0}
.serviceCon05_2 section .quiryList .form-control {border:1px solid #c2c2c2; border-radius:5px; font-size:15px; height:60px; line-height:60px; box-shadow:none}
.serviceCon05_2 section .quiryList .form-textarea {border:1px solid #c2c2c2; border-radius:5px; font-size:15px; box-shadow:none; width:100%; padding:10px}
.serviceCon05_2 section .quiryAgree {text-align:left; font-size:15px; color:#c2c2c2; margin-top:30px}
.serviceCon05_2 section .quiryAgree input.checkStyle2 + label:before {top:4px}
.serviceCon05_2 section .quiryAgree .provisionMore {border-bottom:1px solid #000}
.serviceCon05_2 section .quiryList .btnStyle2 {padding:9px 45px; font-size:16px; margin-top:20px; border-radius:8px}

#NotFoundWrap section {max-width:650px; margin:0 auto; padding:290px 0; overflow:hidden}
#NotFoundWrap section > h2 {color:#323232; font-size:20px !important; font-weight:700; margin-top:48px}
#NotFoundWrap section > p {color:#B2B2B2; font-size:14px; margin-top:10px}
#NotFoundWrap section > .rightimg {float:right; margin-top:-25px}

/* 2022-02-09 */
.userLogin-form > .Chrome, .userSection > .Chrome {margin-top:40px; text-align:right}
.userLogin-form > .Chrome > span, .userSection > .Chrome > span {padding-left:2px; color:#3467CB; height:30px}
.userLogin-form > .Chrome > img, .userSection > .Chrome > img {vertical-align:top}

/* 2022-02-21 */
.serviceCon05_2 {background-color:#FECE02; background:url(../images/serviceCon05_2_bg.jpg) no-repeat; background-color:#fece02}
.serviceCon05_2 section {max-width:1088px; margin:0 auto; padding:80px 0; text-align:left}
.serviceCon05_2 section .subTitle {font-size:30px !important; line-height:40px; letter-spacing:-2px; font-weight:400; margin:15px 0 40px 0}
.serviceCon05_2 section .quiryList {width:840px; margin:0 auto; background:#fff;  padding:40px; border: 1px solid #EAEAEA; border-radius:16px; box-shadow:5px 5px 10px rgb(0 0 0 / 7%)}
.userChannelList_box .btnBcackWhite {line-height:10px; font-size:15px; color:#000; font-weight:700; padding:13px 25px; background-color:#fff; border:1px solid #000; border-radius:8px}
.userChannelList_box .btnBcackWhite:hover {background-color:#000; color:#fff}
#subVisualWrap02a section {background:url(../images/subVisual01.png) no-repeat center/cover; height:370px; display:flex; align-items:center; justify-content:center}
#subVisualWrap02 section {background:url(../images/subVisual02.png) no-repeat center/cover; height:370px; padding-top:150px}
#subVisualWrap03 section {background:url(../images/subVisual03.png) no-repeat center/cover; height:370px; padding-top:140px}

/* 2022-05-30 */
#subVisualWrap02b section {background:url(../images/subVisual02b.png) no-repeat center/cover; height:370px; display:flex; align-items:center; justify-content:center}
#subVisualWrap02b section div > p {margin-top:22px; color:#fff; font-size:18px}
#subVisualWrap02b section div > div {margin-top:44px}
#subVisualWrap02b section div > div > a {color:#A142D3; font-size:17px; background-color:#fff; border-radius:5px; padding:15px 40px; font-weight:500}
#subVisualWrap02b section div div a:hover {background-color:#570792; color:#fff}
.user_sub02b { margin:0 auto; padding:10px 0; border-bottom:1px solid #D5D5D5}
.user_sub02b h3{text-align:left; font-size:30px; font-weight:700; color:#333; line-height:40px; letter-spacing:-2px}
.tr {text-align:right}

/* 2022-08-01 */
.noticePop {position:absolute; top:140px; left:70px; z-index:99; width:100%}
.noticePop .inner {margin:0 auto}
.noticeBox {background:#fff; width:760px; padding:30px 40px 40px 40px; position:relative; border-radius:25px}
.noticeBox h2 {font-size:24px !important; font-weight:500}
.noticeBoxHeader {border-top:1px solid #000; padding:15px 20px; box-sizing:border-box; display:flex; align-items:center; margin-top:15px; background:#F1F1F1}
.noticeBoxHeader span {font-size:10px; font-weight:500; background:#92CBF7; color:#fff; border-radius:4px; padding:2px 4px; margin-right:8px}
.noticeBoxHeader_tit {font-size:16px; font-weight:500; color:#000; width:532px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; flex-shrink:0}
.noticeBoxHeader_date {font-size:14px; font-weight:400; color:#000}
.noticeBoxBody {padding:20px; font-size:14px; font-weight:400; color:#707070; line-height:20px; max-height:350px; overflow-y:auto; box-sizing:border-box}
.noticeBoxFooter {border-top:1px solid #000; margin-top:20px; padding-top:10px}
.noticeBoxFooter input[class="checkStyle3"] + label {color:#707070}
.noticePopCloseWrap {text-align:center}
.noticePopClose {display:inline-block; font-size:16px; font-weight:500; color:#222; border:1px solid #222; border-radius:2px; min-width:100px; padding:7px 0; text-align:center; transition:.3s}
.noticePopClose:hover, .noticePopClose:focus {background:#222; color:#fff}
.noticePopClose2 {display:flex; position:absolute; top:-13px; right:-13px; font-size:45px; color:#B2B2B2; background:#fff; border-radius:100%}
.noticePopClose2:hover, .noticePopClose2:focus {color:#FF004E}

/* 2023-04-25 */
.form-input--file {position:relative; overflow:hidden; padding-right:105px; text-overflow:ellipsis; white-space:nowrap; width:100%}
.formInputFileText {border:1px solid #D5D5D5; height:30px; line-height:28px !important; padding:0 15px; width:100%; display:block; color:#B2B2B2; font-size:12px; font-weight:400}
.formInputFileText_new {border:1px solid #D5D5D5; border-radius:4px; height:40px; line-height:40px !important; padding:0 20px; width:100%; display:block; color:#333; font-size:12px; font-weight:500}
.formInputFile {opacity:0; visibility:hidden; position:absolute; top:0; left:0}
.formInputFileButton {cursor:pointer; display:inline-block; position:absolute; top:0; right:0; background:#F1F1F1 !important; border:#ddd 1px solid !important; color:#000 !important;border-radius:2px;height:30px;line-height:28px;padding:0 10px;font-weight:500;display:inline-block;transition:0.3s;text-align:center}
.formInputFileButton:hover {background:#000 !important; border-color:#000 !important; color:#fff !important}
.formInputFileButton_new {cursor:pointer; position:absolute; top:0; right:0; display:inline-flex; align-items:center; justify-content:center; height:40px; width:100px; border-radius:4px; box-sizing:border-box; font-size:12px; font-weight:500; margin:0; border:1px solid #7F7F7F; color:#fff; background:#7F7F7F; transition:.3s}
.formInputFileButton_new:hover {border-color:#333; background:#333; color:#fff}
.fileDel {display:flex; align-items:center; position:absolute; top:0; left:170px; height:40px; padding:0 5px; color:#333}

/* infoTxt */
.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}

/* h4Title */
.h4Title {font-size:18px; font-weight:500}

/* tabs */
.tabs {display:flex}
.tabs > li {font-size:14px; font-weight:400; color:#000; min-width:160px; text-align:center; margin-left:-1px}
.tabs > 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}
.tabs > li > a > .toolTip  {margin-left:6px; margin-top:1px}
.tabs > li > a:hover, .tabs > li.active > a {background:#fff}
.tabs > li.active > a:before {content:''; display:block; width:100%; height:2px; background:#FD004E; position:absolute; top:-1px; left:0}
.tabs > li.active > a:after {content:''; display:block; width:100%; height:4px; background:#fff; position:absolute; bottom:-2px; left:0}
.tabs > li:first-child {margin-left:0}
.tabInnerBox {border:1px solid #E6E6E6; box-sizing:border-box; padding:0 55px 0 55px; border-radius:0 0 4px 4px; display:flex; align-items:center; height:260px}
.templateList2 {text-align:left; width:100%}
.templateList2 > li {display:inline-block; margin-right:90px; vertical-align:top; max-width:485px}
.templateList2 > li:last-child {margin-right:0}
.templateList2 > li img {display:block;margin:0 auto;transition:.3s;max-height: 142px;position:relative;z-index:999;}
.templateList2 > li:hover img {transform:scale(2,2); transform-origin:50% 100%}
.templateList2.small > li:hover img {transform:scale(1.1,1.1); transform-origin:50% 100%}
.templateList2 > li h6 {text-align:center; margin:15px 0 5px 0; line-height:16px}
.templateList2 > li div {text-align:center}

/* radioStyle_new */
.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.mr100 {margin-right:100px !important}
.radioStyle_new + label.ml5 {margin-left:5px !important}

/* selectStyle */
.selectStyle2, .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:middle; background:url('../images/selectArw.png') #F1F3F4 no-repeat right 20px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
.selectStyle2::-ms-expand, .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:middle; 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}

/* inputStyle_new */
.inputStyle, .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:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.inputStyle::placeholder, .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:middle; -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}

.boxSt {border:1px solid #E6E6E6; box-sizing:border-box; padding:30px 40px; border-radius:4px}
.boxSt h5 {margin:3px 0}
.boxSt2 {border:1px solid #E6E6E6; box-sizing:border-box; padding:20px 40px; border-radius:4px; background:#FBFBFB}
.boxSt2 h5 {font-size:14px;}
.boxSt3 {border:1px solid #E6E6E6; box-sizing:border-box; padding:20px; border-radius:4px; background:#FBFBFB}
.boxSt4 {box-sizing:border-box; padding:40px 0; border-radius:4px; background:#F5F5F5}

/* 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:300px}

/* 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:last-child:after {background:none}
.sendStepList > li.complete > a {border-color:#E63353; color:#FD004E}
.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}
.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:4px; 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, .datepicker-month {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:110px; 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:110px; 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:110px; 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}

/* 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}

/* thumTitleWrap */
.thumTitleWrap {position:relative}
.thumTitleWrap .countPosition {right:4px; bottom:inherit}
.thumTitleIcon {display:flex; align-items:center; justify-content:center; background:#7F7F7F; border-radius:2px; font-size:9px; color:#fff; width:19px; height:19px; position:absolute; top:50%; margin-top:-9px}
.thumTitleIcon:hover, .thumTitleIcon:focus {color:#fff; background:#333}
.ttPlus {left:-15px}
.ttMinus {right:-15px}
.thumTitle {display:flex; align-items:stretch; justify-content:space-between}
.thumTitle > .thumTitle_tit {display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:500; color:#000; background:#F5F5F5; border:1px solid #F5F5F5; border-radius:4px; box-sizing:border-box; width:82px; height:auto; margin-right:10px}
.thumTitle > .templeBtn {width:calc(100% - 92px); height:38px}
.thumTitle .templeBtn {height:38px}
.thumTitle > .templeBtn input {width:100%}
.thumTitle > .thumTitle_tit .thum {color:#B2B2B2; font-size:12px}
.thumTitle > .thumTitle_tit_before {width:60px; height:60px}
.thumTitle > .thumTitle_tit_before > span {font-size:10px}

/* modal */
/* .modalStyle_new {z-index:9999999} */
.modalStyle_new .modal-body {padding:40px; overflow:hidden}
.modalStyle_new .modal-body h2 {font-size:24px; font-weight:700}
.modalStyle_new .modal-body h4 {color:#000; margin:0 auto}
.modalStyle_new .modal-body h5 {color:#000; font-size:14px}
.modalStyle_new .modal-body h6 {color:#707070; font-size:14px}
.modalStyle_new .modal-body input {vertical-align:bottom; border-radius:2px 0 0 2px; height:40px}
.modalStyle_new .modal-body .modal-HeaderWrap {width: 100%;}
.modalStyle_new .modal-body .modal-bodyWrap {display: flex;}
.modalStyle_new .modal-body .modal-bodyWrap .body01 {width: 100%; max-width:360px; margin:0;}
.modalStyle_new .modal-body .modal-bodyWrap .body02 {width: 100%; max-width:340px; margin: 0 40px;}
.modalStyle_new .modal-body .modal-bodyWrap .body03-phone {width: 100%; max-width:320px; margin: 0 20px 0 0; height:700px; overflow-y:scroll; overflow-x:hidden}
.ModalClose {position: absolute; top:6px; right: 14px; font-size: 18px; color: #000;}
.ModalClose:hover, .ModalClose:focus {color:#000}
.templeConBtn {display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:500; color:#FD004E; width:100%; height:40px; text-align:center}
.templeConBtn:hover, .templeConBtn:focus {color:#FD004E; background:#e7e7e7; transition:0.3s}
.templeFooterBtn1 {color:#fff; background:#222; display:inline-flex; align-items:center; justify-content:center; height:40px; padding:0 20px; border-radius:2px; box-sizing:border-box; font-size:13px; font-weight:500; margin:0 5px; transition:.3s}
.templeFooterBtn1:hover, .templeFooterBtn1:focus {background:#FD004E; color:#fff}
.templeFooterBtn2 {border:1px solid #000; color:#000; background:#fff; display:inline-flex; align-items:center; justify-content:center; height:40px; padding:0 20px; border-radius:2px; box-sizing:border-box; font-size:13px; font-weight:500; margin:0 5px; transition:.3s}
.templeFooterBtn2:hover, .templeFooterBtn2:focus {background:#000; color:#fff}
.imgBtn {position:absolute; font-size:10px; background-color:#fff; padding:5px 8px; border-radius:30px; height:26px}
.imgBtn > i {vertical-align:middle}
.btnStyle1_new {font-size:14px; padding:0; border:1px solid #DDDDDD !important; background-color:#F1F1F1; border-radius:0 2px 2px 0 !important; color:#000 !important; height:40px; display: inline-flex; align-items:center; justify-content:center; font-weight:500; transition:0.3s}
.thumTitleIcon2 {display:inline-flex; align-items:center; justify-content:center; background:#7F7F7F; border-radius:2px; font-size:9px; color:#fff; width:19px; height:19px}
.thumTitleIcon2:hover, .thumTitleIcon:focus {color:#fff; background:#333}
.dotList {margin-left: 15px;}
.dotList > li {list-style: disc;}
.groupadd > i {font-size:14px; cursor:pointer}
.br {border-right:none}

/* color */
.bgcolor1 {background-color:#F5F5F5}
.bgColor2 {background-color: #f1f1f1;}
.bgColor3 {background-color: #F1F3F4; border-radius:2px; border:1px solid #D5D5D5}
.color_black {color:#000}
.color1_new {color:#B2B2B2}
.color2_new {color:#505050}
.color3_new {color:#707070}

/* table */
.table_skin_new {width:100%; background:#fff; text-align:center; border-top: 1px solid #222; border-bottom: 1px solid #222}
.table_skin_new th {font-weight:400; border-bottom:none; background-color:#F1F1F1; color:#000 !important; padding:10px !important; border-right:1px solid #D5D5D5; border-top:#222; vertical-align:middle; text-align:center}
.table_skin_new td {color:#707070; padding:7px; border-right:1px solid #D5D5D5;  border-bottom:1px solid #D5D5D5}
.table_skin_new a {color:#707070}
.table_skin_new tr:hover td{background-color:#f7f7f7}
.table_skin_new .end {border-right:0}
.table_skin_new tr:last-child td {border-bottom:none}
.bb {border-bottom:1px solid #D5D5D5 !important}
.bb2 {border-bottom:1px solid #222 !important}

.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}

.table-Minus {display:inline-flex !important; background:#7F7F7F; border-radius:2px; font-size:9px; color:#fff; width:19px; height:19px;}
.table-Minus:hover, .table-Minus:focus {color:#fff; background:#333}

/* btnStyle */
.btnStyle_new {border:1px solid #FD004E !important; color:#FD004E !important; border-radius:2px; padding:10px 20px; font-weight:500; display:inline-block; transition:0.3s; text-align:center}
.btnStyle_new2 {border:1px solid #FD004E !important; color:#FD004E !important; border-radius:2px; height:30px; line-height:28px; padding:0 20px; font-weight:500; display:inline-block; transition:0.3s; text-align:center}
.btnStyle_new3 {border:1px solid #E93978 !important; color:#FD004E !important; border-radius:2px; height:40px; background:#fff; font-size:14px; padding:10px 36px; font-weight:500; display:inline-block; transition:0.3s; text-align:center}
.btnStyle_new4 {border-radius:4px; height:40px; font-size:12px; font-weight:500; display:inline-block; transition:0.3s; text-align:center; line-height:37px; padding:0 24px;}

.backBlack {background:#000 !important; border-color:#000 !important; color:#fff !important}
.backPink {background:#fff !important; color:#FD004E !important}
.backlightPink {border:1px solid #E93978 !important; color:#E93978 !important;}
.backDarkgray {background:#656565 !important; color:#fff !important}
.backBlack:hover {background:#fff !important; border-color:#000 !important; color:#000 !important}
.backPink:hover {background:#FD004E !important; color:#fff !important}
.backlightPink:hover {background:#FFF4FB !important}

.btnStyle_table {border:1px solid #FD004E; color:#FD004E !important; border-radius:2px; font-size:10px; font-weight:500; padding:5px 15px; display:inline-block; text-align:center}
.tablePink {border:1px solid #FD004E !important;; color:#FD004E !important;}
.tableGray {border:1px solid #A5A5A5 !important;; color:#727272 !important;}
.tablePink:hover {color:#fff !important; background-color:#FD004E; transition:0.3s}
.tableGray:hover {color:#fff !important; background-color:#808080; transition:0.3s}

.btnStyle_table2 {border:1px solid #A5A5A5; color:#727272 !important; border-radius:2px; font-size:10px; font-weight:500; padding:5px 15px; display:inline-block; text-align:center}
.btnStyle_table2:hover {color:#fff !important; background-color:#FD004E; transition:0.3s}

.countPosition {position:absolute; right:4px; bottom:4px}
.textMust {position:absolute; top:4px; left:0; width:100%; text-align:center; font-size:10px; font-weight:400; color:#B2B2B2}

/* flex */
.flex {display:flex}
.align-items-center {align-items:center}
.align-items-end {align-items:flex-end}
.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 중앙 정렬 */

/* 2022-07-14 */
.menuBox2 {background-color:#F5F5F5; padding:20px 30px; border-radius:4px}
.menuBox2.whiteBg {background-color:#fff; border:1px solid #E6E6E6}
.menuBox2 > p {margin-bottom:3px}
.menuBoxCircle {display:inline-block; width:5px; height:5px; border-radius:100%; background:#777; position:relative; top:-2px; margin-right:6px}
.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}
.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; vertical-align:middle}
.btnStyleNew.widthAuto {width:auto; padding:0 15px}
.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.backLightGray {border-color:#ddd; background:#F1F1F1; color:#000}
.btnStyleNew.backLightGray:hover {border-color:#000; background:#000; 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}
.certifySteps {display:flex; width:100%; margin:0 auto}
.certifySteps > li {width:100%; text-align:center; position:relative}
.certifySteps > li > span {display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:100%; background:#fff; margin:0 auto; box-shadow:0 3px 6px rgba(0,0,0,0.16); font-size:16px; font-weight:500; color:#999; position:relative; z-index:9}
.certifySteps > li.active > span {background:#7F7F7F; color:#fff}
.certifySteps > li > p {font-size:14px; font-weight:400; color:#777; margin-top:8px}
.certifySteps > li.active > p {color:#000}
.certifySteps > li:after {content:''; display:block; width:100%; height:1px; background:#E6E6E6; position:absolute; top:25px; left:50%; z-index:1}
.certifySteps > li.stepGo:after {background:#777777}
.certifySteps > li:last-child:after {display:none}
.bList > li {font-size:14px; font-weight:400; line-height:24px; color:#777; display:flex}
.bList > li:before {content:'-'; margin-right:6px}
.maxWidth50 {max-width:50px}
.maxWidth65 {max-width:65px}
.maxWidth96 {max-width:96px}
.maxWidth102 {max-width:102px}
.maxWidth140 {max-width:140px}
.maxWidth192 {max-width:192px}
.maxWidth340 {max-width:340px}
.maxWidth620 {max-width:620px}
.tblNumber {width:100%; background:#fff; text-align:center; border-top:none; border-bottom: 1px solid #E6E6E6; position:relative}
.tblNumber th {border-bottom:none; background-color:#F1F1F1; color:#000 !important; padding:10px !important; vertical-align:middle; font-size:14px; font-weight:500}
.tblNumber td {border-bottom:1px solid #E6E6E6; color:#707070; padding:20px 10px; font-size:12px}
.tblNumber.tblNumber-sm td {padding:10px 20px; font-size:12px}
.tblNumber .end {border-right:0}
.tblNumber tr:last-child td {border-bottom:none}
.font-500 {font-weight:500 !important}
.align-items-flex-end {align-items:flex-end}
.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}
.fileInput::file-selector-button {font-size:10px; font-weight:500; border:1px solid #A5A5A5; border-radius:2px; padding:6px 10px; background:#fff; margin-right:10px}
.fileInput:hover::file-selector-button {border:1px solid #777; background:#777; color:#fff}
.margin0 {margin:0 !important}
.selectStyle_new2.cateSel {padding:0 10px; font-size:12px; background:url('../images/selectArw.png') #F1F3F4 no-repeat right 10px center}
.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}
.selectTagWrap {display:flex; flex-wrap:wrap; margin-top:5px}
.selectTag {font-size:12px; font-weight:500; color:#999; display:flex; align-items:center; margin-right:20px; margin-bottom:5px}
.selectTag i {font-size:10px; margin-left:6px}
.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)}

/* 2022-07-19 */
.sendOptionDate > li {float:left}
.sendOptionDate > li > a {width:65px; height:40px; color:#B2B2B2; border:1px solid #D5D5D5; background:#fff}
.sendOptionDate > li.active > a, .sendOptionDate > li > a:hover {border-color:#FD004E; color:#FD004E}
.Width100 {width:100px}
.maxWidth80 {max-width:80px}
.maxWidth100 {max-width:100px}
.th_border_w th {color:#777777 !important}
.th_border_w td {padding:15px 0 !important}
.th_border_w .color_black {color:#000 !important}
.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}

/* 2022-07-20 */
.menuBox2 > ul li {margin-left:10px}
.maxWidth890 {max-width:890px}
.width74 {width:74px !important}
.hr_new2 {border-color:#000; margin:10px 0}
.textCount2 {position:absolute; right:10px; top:12px; font-size:10px; color:#B2B2B2}
.pr40 {padding-right:40px !important}
.tableFixed {table-layout:fixed}
.text-overflow {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.templateID {text-decoration:underline; text-underline-position:under}
.templateID:hover, .templateID:focus {text-decoration:underline !important}
.section_btn {display:inline-flex; align-items:center; justify-content:center; background:#999999; border-radius:2px; color:#fff; width:30px; height:30px; left:-39px; box-shadow:0 3px 6px rgb(0 0 0 / 16%);}
.section_btn:hover {background:#FD004E; transition:0.3s}
.section_btn.active {background:#FD004E;}
.btnStyle_new5 {display:inline-flex; align-items:center; justify-content:center; height:40px; width:100%; border-radius:4px; box-sizing:border-box; font-size:14px; font-weight:500; transition:.3s}
.btnStyle_new5.gray {border:1px solid #7F7F7F; color:#fff; background:#7F7F7F}
.btnStyle_new5.gray:hover {border-color:#333; background:#333; color:#fff}
.font-500 {font-weight:500 !important}
.inputStyle_new3 {border:1px solid #D5D5D5; border-radius:4px; color:#333; padding:0 10px; 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_new3::placeholder {color:#505050; font-size:12px; font-weight:400}
.sendOp_textarea2 {display:block; resize:vertical; font-size:12px; font-weight:400; color:#000; background:#fff; border:1px solid #D5D5D5; border-radius:4px; box-sizing:border-box; padding:5px; width:100%; height:100%}
.sendOp_textarea2::placeholder {color:#505050; font-size:12px; font-weight:300}

/* 2022-08-01 */
.maxWidth180 {max-width:180px}
.maxWidth350 {max-width:350px}
.ml17 {margin-left:17px !important}

/* 2022-08-08 */
.btnPreviewWrap {text-align:center}
.btnPreview {display:inline-flex; align-items:center; height:26px; padding:0 10px; font-size:12px; font-weight:500; color:#505050; border:1px solid #A5A5A5; border-radius:2px; vertical-align:top; transition:.3s}
.btnPreview i {margin-right:5px}
.btnPreview:hover, .btnPreview:focus {background:#F1F3F4}

/* 2022-08-10 */
.underline {text-decoration:underline}
.templeConBtn2 {display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:500; color:#000; width:100%; height:40px; text-align:center}
.templeConBtn2:hover, .templeConBtn2:focus {color:#FD004E; background:#e7e7e7; transition:0.3s}
.pd20 {padding:20px 16px !important}
.btnStyle_new6 {display:inline-flex; align-items:center; justify-content:center; height:26px; width:60px; border-radius:2px; box-sizing:border-box; font-size:12px; font-weight:500; border:1px solid #A5A5A5; color:#505050; bottom:20px; left:50%; transform:translate(-50%, -50%)}
.btnStyle_new6:hover {border-color:#A5A5A5; background:#F1F3F4}

/* 2022-08-16 */
.thumPlay {position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px}

/* 2022-10-05 */
.maxWidth90 {max-width:90px}
.maxWidth290 {max-width:290px !important}
.minHeight570 {min-height:570px !important}
.certifySteps_templMockup {display:flex; width:100%; margin:0 auto}
.certifySteps_templMockup > li {width:100%; text-align:center; position:relative}
.bgcolor4 {background-color:#b3c2d2}
.templeBtn_templMockup {font-weight:400; font-size:12px; text-align:left}
.radius-bottom {border-radius:0 0 10px 10px}

/* 2022-10-07 */
.color8 {color:#0094FF !important}
.maxWidth630 {max-width:630px !important}
.maxWidth130 {max-width:130px !important}
.minHeight100 {min-height:100px !important}
.minHeight200 {min-height:200px !important}
.ml400 {margin-left:400px !important}
.hr_new3 {height:3px; margin:10px 0; border:0; background:#000}
.textareaBox {background-color:#f5f5f5; padding:10px 20px; width:100%; bottom:0; border-radius:0 0 4px 4px; border:1px solid #D5D5D5; border-top:none}
.textareaStyle_new2 {display:block; resize :vertical; font-size:12px; font-weight:400; color:#000; background:#F5F5F5; border:1px solid #F5F5F5; box-sizing:border-box; width:100%; height:100%; /*max-height:180px; overflow-y:auto*/}
.textareaStyle_new2::placeholder {color:#000; font-size:12px; font-weight:400}
.templeBtn_memoboard {font-weight:300; font-size:14px; color:#777777; text-align:left; height:50px; padding:10px 20px}
.templeConBtn3 {display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:500; color:#0094FF; width:100%; height:40px; text-align:center}
.templeConBtn3:hover, .templeConBtn3:focus {color:#0094FF; background:#e7e7e7; transition:0.3s}
.textCount3 {border-radius:0 0 4px 4px; height:30px; align-items:flex-start; padding-top:5px}
.variableBtn {color:#fff; background:#E63353; font-size:14px; padding:10px 20px; border-radius:8px}
.variableBtn:hover, .variableBtn:focus {color:#fff; background:#D00000; transition:0.3s}
.btnStyle_new5.lightgray {border:1px solid #dddddd; color:#fff; background:#dddddd}
.btnStyle_new5.lightgray:hover {border-color:#fff; background:#fff}
.taSt:focus-visible {outline:none}
.miri {display:none; position:absolute; top:-6px; left:-6px; background:#fff; z-index:999999; border-radius:40px}
.miriMask {display:none; content:''; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:99999}
.variable {margin-top:10px}
.variable > li {display:inline-block; cursor:pointer; margin-right:20px;vertical-align:top;margin-bottom:10px;}
.varBtnRed {display:block;line-height:45px;border-radius:8px; padding:0 20px; height:45px; font-size:14px; font-weight:500; color:#fff; background:#E63353;max-width:160px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.varBtnGray {display:block;line-height:45px;border-radius:8px; padding:0 20px; height:45px; font-size:14px; font-weight:500; color:#505050; background:#F1F3F4;max-width:160px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.ui-draggable{position:relative;z-index:1000}

/* 2022-11-1 */
.width80 {width:80px !important}
.width110 {width:110px !important}
.width230 {width:230px !important}
.width400 {width:400px !important}
.minWidth70 {min-width:70px !important}
.minWidth100 {min-width:100px !important}
.minWidth160 {min-width:160px !important}
.minWidth180 {min-width:180px !important}
.maxWidth60 {max-width:60px !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}
.twoBxsliderWrap {width:320px; margin:0 auto}
.templMockup.twowayMockup > li {padding-bottom:80px; position:relative !important}
.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; overflow-x:auto; overflow-y:hidden}
.menuTabs > li {font-size:14px; font-weight:400; color:#000; min-width:139px; 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}
.menuTabDel {position:absolute; top:17px; right:15px; font-size:12px; color:#727272}
.menuTabInnerBox {border:1px solid #E6E6E6; box-sizing:border-box; padding:40px 30px 0 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}
.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; position:absolute; bottom:0; width:calc(100% - 38px)}
.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}
.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}
.disabledWrap {opacity:0.5}
.disabledWrap input:hover, .disabledWrap select:hover, .disabledWrap button:hover, .disabledWrap a:hover, .disabledWrap label:hover {cursor:default !important; background-color: inherit;}
.pb0 {padding-bottom:0 !important}

/* 2022-11-29 */
.ui-datepicker {z-index:9999 !important}
.flex-direction-row-reverse {flex-direction: row-reverse}
.justify-content-flex-start {justify-content:flex-start}
.flex-shrink0 {flex-shrink:0} 
.pl30 {padding-left:30px}

/* 2022-12-12 */
.grayBoxWrap {float:left; text-align:center; margin-right:30px}
.grayBox {background-color:#eee; padding:30px; text-align:center}

/* 2023-02-14 */
.menuBoxTabWrap {border-bottom:1px solid #D5D5D5}
.menuBoxTab {display:flex}
.menuBoxTab > li {display:inline-block; margin-left:-1px; position:relative}
.menuBoxTab li:first-child {margin-left:0}
.menuBoxTab > li > a {display:block; padding:10px 35px; color:#000; border-top:1px solid #D5D5D5; border-right:1px solid #D5D5D5; border-left:1px solid #D5D5D5; background:#fff; text-align:center}
.menuBoxTab > li.active > a, .menuBoxTab > li > a:hover {background-color:#F5F5F5}
.menuBoxTab > li.active > a {border-bottom-color:#F5F5F5}
.menuBoxTab > li.active:after {content:''; display:block; width:calc(100% - 2px); height:4px; background:#F5F5F5; position:absolute; left:1px; bottom:-2px}

/* 2023-03-07 */
.kakaoTop {display:flex; justify-content:center; align-items:center; background:#FFE200; border-radius:8px 8px 0 0; height:32px; font-size:12px}
.kakaoTop > i {font-size:14px; margin-top:2px; margin-right:5px}
.kakaoBottom {background:#fff; border-radius:0 0 8px 8px; box-sizing:border-box; text-align:left}
.kakaoBottom .mainImg {max-width: 100%; object-fit: cover}
.kakaoBottom .contentsWrap {padding:10px}
.kakaoBottom hr {margin:10px 0}
.kb_p1 {font-size:10px !important; font-weight:500 !important; color:#727272 !important}
.kb_p2 {font-size:16px !important; font-weight:700 !important; color:#000 !important}
.kb_extra {font-size:12px !important; font-weight:500 !important; color:#727272 !important}
.envelopeWrap {display:flex; justify-content:center; align-items:center; min-height:80px; background:#eee; padding:10px 0; margin:10px 0; box-sizing:border-box}
.envelopeWrap .inner {text-align:center}
.envelopeWrap .inner > i {font-size:34px}
.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}
.dList > li {display:flex; margin-left:0 !important; margin-bottom:5px}
.dList > li:before {content:''; display:inline-flex; flex-shrink:0; width:5px; height:5px; background:#777; border-radius:100%; margin-top:8px; margin-right:5px}

/* 2023-03-21 */
.thumTextarea {position:relative; display:flex}
.thumTextarea > textarea {resize:none; width:100%; min-height:77px; max-height:77px; font-size:12px; font-weight:500; color:#000; background:#F5F5F5; border:1px solid #F5F5F5; border-radius:4px; box-sizing:border-box; padding:5px 10px 0 10px}
.thumTextarea > textarea::placeholder {color:#B2B2B2; font-size:12px; font-weight:400}
.thumTextarea .textCount {position:absolute; bottom:5px; right:4px}

/* popStyle */
.popStyle {width:760px; box-sizing:border-box; padding:20px 40px; background:#fff; border:1px solid #333; box-sizing:border-box; z-index:99999999}
.popStyle > h3 {font-size:24px; font-weight:700; color:#000}
.popStyle label {font-size:14px; font-weight:400; color:#707070}
.popBox {border-top:solid 1px; border-bottom:solid 1px; margin-bottom:10px}
.popTitle {background-color:#F1F1F1; padding:17px 20px; font-size:16px; font-weight:500; overflow:hidden}
.CheckTitle {color:#fff; background-color:#93caf5; padding:3px 5px; border-radius:3px; font-size:10px; margin-right:5px; font-weight:300}
.popDate {float:right; font-size:14px; font-weight:400}
.popCont {max-height:315px; overflow-y:auto; padding:28px 22px; color:#8E8E8E; font-size:14px; height:350px; margin-bottom:28px}

/* 목업안에 버튼 말줄임표를 위한 버튼 속성 변경 2023-06-09 */
.templMockup .btnStyle1 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block !important; line-height:40px}


/* dashPop */
.dashPop {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999}
.dashPop > .inner {display:flex; align-items:center; justify-content:center; height:100vh}
.dashPopBox {background:#fff; border-radius:15px; max-width:700px; position:relative; width:100%; padding:40px}
.dashPopBox h2 {font-size:24px; font-weight:700}
.dashPopFooter {display:flex; align-items:center; justify-content:space-between; margin-top:40px}
.dashPopClose2 {}

/* userHeader */
.userHeader {padding:0 15px}
.userHeader_inner {min-width:1840px; max-width:97%; margin:30px auto; display:flex; align-items:center; justify-content:space-between}
.userHeader_logo > a {display:inline-flex; align-items:center}
.userHeader_logo > a > img {height:34px}
.userHeader_gnb_ul {display:inline-flex; align-items:center; letter-spacing:-0.75px}
.userHeader_gnb_ul > li {position:relative}
.userHeader_gnb_ul > li > a {display:inline-flex; font-size:20px; font-weight:500; color:#000; padding:10px 20px; margin:0 30px; transition:.3s}
.userHeader_gnb_ul > li.active > a, .userHeader_gnb_ul > li > a:hover, .userHeader_gnb_ul > li > a:focus {color:#EB008B}
.userHeader_gnb_ul > li > ul.dep2 {display:none; position:absolute; top:49px; left:30px;  background:#fff; z-index:999; min-width:140px; border:1px solid #ddd; padding:10px 20px; border-radius:10px}
.userHeader_gnb_ul > li > ul.dep2 > li > a {display:block; font-size:15px; font-weight:500; color:#000; padding:5px 0}
.userHeader_gnb_ul > li > ul.dep2 > li > a:hover, .userHeader_gnb_ul > li > ul.dep2 > li > a:focus {color:#EB008B}
.userHeader_gnb_ul > li > a.consoleBtn {display:inline-flex; align-items:center; justify-content:center; height:48px; padding:0 30px; background:#EB008B; color:#fff; box-sizing:border-box; border-radius:24px; transition:.3s}
.userHeader_gnb_ul > li > a.consoleBtn:hover, .userHeader_gnb_ul > li > a.consoleBtn:focus {background-color:#000}
.userHeader_util {display:flex; align-items:center; justify-content:center; height:48px; background:#000; padding:0 20px; box-sizing:border-box; border-radius:24px; min-width:158px}
.userHeader_util > li:first-child:after {content:''; display:inline-block; width:1px; height:10px; background:rgba(255,255,255,0.4); margin:0 15px}
.userHeader_util > li > a {font-size:14px; font-weight:500; color:#fff; transition:.3s}
.userHeader_util > li > a:hover, .userHeader_util > li > a:focus {color:#feabdd}

/* userMainVisual */
.userMainVisual {padding:0 15px}
.userMainVisual > .userMainVisual_inner {min-width:1840px; max-width:97%; margin:0 auto; border-radius:30px; overflow:hidden}
.userMainBxslider {letter-spacing:-0.75px}
.userMainBxslider > li {height:800px; background:url('../images/userMainVisual_bg.svg') center center no-repeat; background-size:cover; text-align:center; position:relative}
.userMainBxslider > li > h2 {font-size:54px; font-weight:500; color:#000; padding:70px 0 0 0}
.userMainBxslider > li > h2 > span {font-weight:700; color:#EB008B}
.userMainBxslider > li > h3 {font-size:20px; font-weight:400; color:#000; line-height:150%; margin:25px 0 0 0}
.userMainVisual_btn {display:inline-flex; align-items:center; justify-content:center; width:200px; height:60px; font-size:20px; font-weight:700; color:#fff; background:#333; border:2px solid #333; border-radius:10px; margin:0 10px; transition:.3s}
.userMainVisual_btn:hover, .userMainVisual_btn:focus {background-color:#fff; color:#333}
.userMainVisual_btn.red {background-color:#EB008B; border-color:#EB008B}
.userMainVisual_btn.red:hover, .userMainVisual_btn.red:focus {background-color:#fff; border-color:#EB008B; color:#EB008B}
.userMainVisual_laptop {position:absolute; bottom:0; width:100%; z-index:10}
.userMainVisual_icon {position:absolute; left:50%; margin-top:-120px; margin-left:270px; z-index:20}
.userMainVisual_leftTxt {position:absolute; z-index:30; font-size:18px; font-weight:500; color:#555; line-height:140%; border:5px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.2); display:flex; align-items:center; justify-content:center; padding:0 60px; height:110px; border-radius:55px}
.lt1 {bottom:465px; left:-50px}
.lt2 {bottom:305px; left:180px}
.lt3 {bottom:126px; left:-50px}

/* mainCon01 */
.mainCon01 {padding:0 15px}
.mainCon01_inner {width:1022px; margin:0 auto; padding:80px 0; letter-spacing:-0.75px; display:flex; align-items:center; justify-content:space-between}
.mainCon01_inner > a {display:block; position:relative; width:300px; height:260px; box-sizing:border-box; padding:30px; border-radius:10px 10px 50px 10px; background:#fff; box-shadow:0 0 30px rgba(0,0,0,0.1); transition:.3s}
.mainCon01_inner > a:hover, .mainCon01_inner > a:focus {background:#fff7ff}
.mainCon01_inner > a h3 {font-size:28px; font-weight:700; color:#000; margin:0 0 20px 0}
.mainCon01_inner > a span {font-size:18px; font-weight:500; color:#999}
.mainCon01_inner > a img {position:absolute; bottom:40px; right:40px}

/* mainCon02 */
.mainCon02 {padding:0 15px; background:#F2F3F5}
.mainCon02_inner {width:1300px; margin:0 auto; letter-spacing:-0.75px; padding-top:40px; display:flex; justify-content:space-between}
.mainCon02_inner > div:nth-child(1) {flex-shrink:0}
.mainCon02_inner h3 {font-size:42px; font-weight:700; color:#333; line-height:130%; letter-spacing:-1.45px; margin:30px 0 30px 0}
.mainCon02_inner h4 {font-size:18px; font-weight:400; color:#777; line-height:140%; margin:0}

/* mainCon03 */
.mainCon03 {padding:0 15px}
.mainCon03_inner {width:1300px; margin:0 auto; letter-spacing:-0.75px; padding:90px 0 140px 0; text-align:center}
.mainCon03_inner h3 {font-size:42px; font-weight:700; color:#333; line-height:130%; letter-spacing:-1.45px; margin:0 0 30px 0}
.mainCon03_inner h3 span {color:#EB008B}
.mainCon03_inner h4 {font-size:18px; font-weight:400; color:#777; line-height:140%; margin:0}
.mainCon03_step {display:flex; justify-content:space-between; margin-top:50px}
.mainCon03_stepBox {display:flex; align-items:center; flex-shrink:0; width:280px; height:100px; font-size:20px; font-weight:700; color:#333; box-sizing:border-box; padding:15px 25px; border-radius:20px; background:#fff; box-shadow:0 0 30px rgba(0,0,0,0.1); transition:.3s}
.mainCon03_stepBox > img {margin-right:20px}
.mainCon03_step .arrIcon {font-size:30px; color:#333; position:relative; margin-top:35px}
.mainCon03_step .arrDot {height:74px; background:url('../images/arrDot.svg') top center repeat-y; margin:20px 0 15px 0}
.mainCon03_step .arrTxt {position:absolute; left:-103px; font-size:18px; font-weight:400; color:#333; line-height:140%; letter-spacing:-1px; min-width:240px; width:max-content}

/* mainCon04 */
.mainCon04 {padding:0 15px; background:#F2F3F5}
.mainCon04_inner {width:1300px; margin:0 auto; letter-spacing:-0.75px; padding:60px 0 70px 0; display:flex}
.mainCon04_inner > div:nth-child(1) {flex-shrink:0; width:500px; margin-right:30px}
.mainCon04_inner h3 {font-size:42px; font-weight:700; color:#333; line-height:130%; letter-spacing:-1.45px; margin:50px 0 30px 0}
.mainCon04_inner h4 {font-size:18px; font-weight:400; color:#777; line-height:140%; margin:0}

/* mainCon05 */
.mainCon05 {padding:0 15px}
.mainCon05_inner {width:1300px; margin:0 auto; letter-spacing:-0.75px; padding:90px 0 150px 0; display:flex}
.mainCon05_inner > div:nth-child(1) {flex-shrink:0; width:590px}
.mainCon05_inner h3 {font-size:42px; font-weight:700; color:#333; line-height:130%; letter-spacing:-1.45px; margin:25px 0 30px 0}
.mainCon05_inner h3 > span {color:#EB008B}
.mainCon05_inner h4 {font-size:18px; font-weight:400; color:#777; line-height:140%; margin:0}
.mainCon05_inner h5 {font-size:26px; font-weight:700; color:#333; line-height:140%; margin:0}
.mainInputStyle {border:1px solid #DADADA; background:#F5F5F5; border-radius:10px; color:#333; padding:0 20px; width:100%; height:60px; line-height:60px; box-sizing:border-box; font-size:16px; font-weight:500; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.mainInputStyle::placeholder {color:#A1A1A1; font-size:16px; font-weight:400}
.mainInputFileWrap {position:relative; display:inline-flex; align-items:center; height:60px; padding-right:112px; text-overflow:ellipsis; white-space:nowrap; width:100%; border-radius:10px; overflow:hidden}
.mainInputFile {opacity:0; visibility:hidden; position:absolute; top:0; left:0}
.mainInputFileText {border:1px solid #DADADA; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; background:#F5F5F5; display:inline-flex; align-items:center; height:60px; font-size:16px; font-weight:400; color:#A1A1A1; padding:0 20px; border-radius:10px 0 0 10px}
.mainInputFileButton {cursor:pointer; display:inline-flex; align-items:center; justify-content:center; width:112px; height:60px; font-size:16px; font-weight:500; color:#fff; background:#333; position:absolute; top:0; right:0; bottom:0; transition:.3s}
.mainInputFileButton:hover {background:#EB008B}
.mainTextareaStyle {resize:vertical; border:1px solid #DADADA; background:#F5F5F5; border-radius:10px; color:#333; padding:20px; width:100%; height:200px; max-height:200px; line-height:140%; box-sizing:border-box; font-size:16px; font-weight:500; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[class="mainCheck"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[class="mainCheck"] + label {display:inline-flex; align-items:center; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:16px; font-weight:400; color:#555}
input[class="mainCheck"] + label:before {content:''; width:30px; height:30px; text-align:center; background:url('../images/consolCheck.svg') center center #F5F5F5 no-repeat; border:1px solid #DADADA; background-size:18px; border-radius:5px; margin-right:10px}
input[class="mainCheck"]:checked + label:before {background-color:#EB008B}

/* mainFooter */
.mainFooter {padding:0 15px; background:#333}
.mainFooter_inner {width:1300px; margin:0 auto; letter-spacing:-0.75px; padding:50px 0 60px 0; display:flex; align-items:flex-start}
.mainFooter_logo {flex-shrink:0; margin-top:5px; margin-right:100px}
.mainFooterInfo > a {font-size:16px; font-weight:500; color:#fff; line-height:140%; margin-right:40px}
.mainFooterSelect {border:1px solid #6A6A6A; border-radius:5px; color:#ddd; padding:0 15px; width:100%; max-width:120px; height:40px; line-height:40px; box-sizing:border-box; font-size:15px; font-weight:400; vertical-align:middle; background:url('../images/mainFooterSelect.png') #6A6A6A no-repeat right 15px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
.mainFooterSelect::-ms-expand {display:none}
.mainFooterCopy {color:#C2C2C2; margin-top:20px}
.mainFooterCopy > p {font-size:15px; font-weight:400; line-height:140%; margin-bottom:5px}
.mainFooterCopy > p span {color:#D0D0D0; padding:0 15px}
.mainFooterCopy > p.copyright {letter-spacing:0}

/* userSubVisual */
.userSubVisual {padding:0 15px}
.userSubVisual > .userSubVisual_inner {min-width:1840px; max-width:97%; min-height:180px; padding:45px 0; margin:0 auto; border-radius:30px; overflow:hidden; background:url('../images/userSubVisual_bg.svg') center center no-repeat; background-size:cover; text-align:center}
.userSubVisual_inner h2 {font-size:40px; font-weight:500; color:#333; line-height:130%; margin:0}
.userSubVisual_inner h3 {font-size:18px; font-weight:400; color:#333; line-height:140%; margin:10px 0 0 0}

/* subCon01-1 */
.subCon01-1 {padding:0 15px}
.subCon01-1_inner {width:1300px; margin:0 auto; padding:80px 0; letter-spacing:-0.75px; display:flex; align-items:center; justify-content:space-between}
.subCon01-1_inner > a {display:block; position:relative; width:300px; height:260px; box-sizing:border-box; padding:30px; border-radius:10px 10px 50px 10px; background:#fff; box-shadow:0 0 30px rgba(0,0,0,0.1); transition:.3s}
.subCon01-1_inner > a:hover, .mainCon01_inner > a:focus {background:#fff7ff}
.subCon01-1_inner > a h3 {font-size:28px; font-weight:700; color:#000; margin:0 0 20px 0}
.subCon01-1_inner > a span {font-size:18px; font-weight:500; color:#999}
.subCon01-1_inner > a img {position:absolute; bottom:40px; right:40px; width:56px}

/* subCon01-2 */
.subCon01-2 {padding:0 15px; background:#F2F3F5}
.subCon01-2_inner {width:1300px; margin:0 auto; padding:100px 0; letter-spacing:-0.75px}
.subCon01-2_inner h3 {font-size:42px; font-weight:700; color:#333; line-height:130%; letter-spacing:-1.45px; margin:0}
.smsList {display:flex; justify-content:space-around}
.smsList > div {text-align:center}
.smsList > div p {font-size:18px; font-weight:400; color:#333; margin-top:15px}
.subTitBox {display:inline-flex; align-items:center; justify-content:center; height:40px; padding:0 25px; font-size:24px; font-weight:700; color:#fff; line-height:140%; margin:0; background:#EB008B; border-radius:20px}

/* subCon01-3 */
.subCon01-3 {padding:0 15px}
.subCon01-3_inner {width:1300px; margin:0 auto; padding:100px 0; letter-spacing:-0.75px}
.subCon01-3_inner h3 {font-size:42px; font-weight:700; color:#333; line-height:130%; letter-spacing:-1.45px; margin:0}
.subCon01-3-list {background:#F2F3F5; border:1px solid #ddd; border-radius:20px 20px 0 0; display:flex; align-items:center; justify-content:center; height:80px;}
.subCon01-3-list > li {margin:0 35px}
.subCon01-3-list > li > a {font-size:22px; font-weight:400; color:#333; line-height:150%}
.subCon01-3-list > li > a:hover, .subCon01-3-list > li > a:focus {color:#EB008B}
.subCon01-3-list > li > a.active {color:#EB008B; border-bottom:2px solid #EB008B; font-weight:500}
.subCon01-3-Con {background:#fff; border:1px solid #ddd; border-radius:0 0 20px 20px; border-top:none}
.subCon01-3-Con .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; outline:0; width:50px; height:80px; text-indent:-9999px; z-index:99; transition:.3s}
.subCon01-3-Con .bx-wrapper .bx-prev {left:-70px; background:url('../images/subCon01-3-ConLeft.svg') no-repeat; opacity:0.2}
.subCon01-3-Con .bx-wrapper .bx-prev:hover, .subCon01-3-Con .bx-wrapper .bx-prev:focus {opacity:1}
.subCon01-3-Con .bx-wrapper .bx-next {right:-70px; background:url('../images/subCon01-3-ConRight.svg') no-repeat; opacity:0.2}
.subCon01-3-Con .bx-wrapper .bx-next:hover, .subCon01-3-Con .bx-wrapper .bx-next:focus {background-position:0; opacity:1}

/* subCon01-4, subCon01-5 */
.subCon01-4, .subCon01-5 {padding:0 15px; background:#F2F3F5}
.subCon01-4_inner, .subCon01-5_inner {width:1300px; margin:0 auto; padding:100px 0; letter-spacing:-0.75px}
.subCon01-4_inner h3, .subCon01-5_inner h3 {font-size:42px; font-weight:700; color:#333; line-height:130%; letter-spacing:-1.45px; margin:0}
.subCon01-4_inner h3 > span, .subCon01-5_inner h3 > span {color:#EB008B}
.subCon01-4_inner h4, .subCon01-5_inner h4 {font-size:18px; font-weight:400; color:#333; line-height:140%; margin:20px 0 0 0}
.subCon01-5 {padding:0 15px; background:#fff}

/* subCon01-6 */
.subCon01-6 {padding:0 15px; background:#F2F3F5}
.subCon01-6_inner {width:1300px; margin:0 auto; letter-spacing:-0.75px; padding:100px 0 200px 0; display:flex; justify-content:space-between}
.subCon01-6_inner > div:nth-child(1) {flex-shrink:0}
.subCon01-6_inner h3 {font-size:42px; font-weight:700; color:#333; line-height:130%; letter-spacing:-1.45px; margin:40px 0 30px 0}
.subCon01-6_inner h4 {font-size:24px; font-weight:400; color:#333; line-height:140%; margin:0 0 25px 0}
.subCon01-6_inner h5 {font-size:22px; font-weight:400; color:#333; line-height:140%; margin:0}

/* subCon02-1 */
.subCon02-1 {padding:0 15px; background:#fff}
.subCon02-1_inner {width:1300px; margin:0 auto; padding:100px 0; letter-spacing:-0.75px; text-align:center}
.subCon02-1_inner h3 {font-size:42px; font-weight:700; color:#333; line-height:130%; letter-spacing:-1.45px; margin:0}
.subCon02-1_inner h3 > span {color:#EB008B}
.subCon02-1_inner h4 {font-size:18px; font-weight:400; color:#333; line-height:140%; margin:20px 0 0 0}
.subCon02-1List {display:flex; align-items:flex-start; justify-content:space-evenly; margin-top:50px}

/* subCon02-2 */
.subCon02-2 {padding:0 15px; background:#F2F3F5}
.subCon02-2_inner {width:1300px; margin:0 auto; letter-spacing:-0.75px; padding:120px 0; display:flex; justify-content:space-between}
.subCon02-2_inner > div:nth-child(1) {flex-shrink:0}
.subCon02-2_inner h3 {font-size:42px; font-weight:700; color:#333; line-height:130%; letter-spacing:-1.45px; margin:40px 0 30px 0}
.subCon02-2_inner h3 > span {color:#EB008B}
.subCon02-2_inner h4 {font-size:18px; font-weight:400; color:#777; line-height:140%; margin:0 0 25px 0}
.subCon02-2List {display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:flex-end}
.subCon02-2List > img {box-shadow:0 0 30px rgba(0,0,0,0.1); border-radius:25px}
.subCon02-2List > img:nth-child(2) {margin:50px 0 0 30px}
.subCon02-2List > img:nth-child(3) {margin:0 0 0 -50px}
.subCon02-2List > img:nth-child(4) {margin:50px 50px 0 30px}

/* userTab */
.userTab {display:flex; align-items:center; justify-content:center; margin:80px 0 100px 0}
.userTab > a {width:420px; height:90px; background:#fff; border:3px solid #EB008B; border-radius:45px; display:inline-flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:#EB008B; margin:0 20px; transition:.3s}
.userTab > a.active, .userTab > a:hover {background:#EB008B; color:#fff}
.userTab > a i {margin:3px 10px 0 0}

/* userCon */
.userCon {width:1300px; margin:0 auto; letter-spacing:-0.75px}
.userTit {font-size:28px; font-weight:700; color:#333; line-height:140%; margin-left:-15px}
.userTit:before {content:''; display:inline-block; width:5px; height:20px; background:#EB008B; margin-right:10px}
.userTxt {font-size:20px; font-weight:400; color:#333; line-height:140%}
.userTxt2 {font-size:18px; font-weight:400; color:#666; line-height:140%}
.userTbl {width:100%; background:#fff; border-top:2px solid #333; text-align:center}
.userTbl thead th {background:#FFF4FB; font-size:22px; font-weight:700; color:#333; padding:20px 10px; border-right:1px solid #ddd; text-align:center}
.userTbl tbody td {font-size:20px; font-weight:400; color:#333; padding:13px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd}
.userTbl thead th:last-child, .userTbl tbody td:last-child {border-right:none}

/* dashNotiPop */
.dashNotiPop {min-height:250px}

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

/* 2023-10-12 */
.searchResult_1 {padding:17px 30px; border:1px solid #D5D5D5; overflow-y:auto; max-height:250px}
.searchResult_1 ul {}
.searchResult_1 ul > li {float:left; width:20%; margin:13px 0}
.searchResult_1 .radioStyle_new + label {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:calc(100% - 25px)}
.checkbox-wrapper-55 input[type="checkbox"] {visibility:hidden; display:none}
.checkbox-wrapper-55 .rocker {display:inline-block; position:relative; font-size:13px; font-weight:bold; text-align:center; color:#888; width:160px; height:40px; overflow:hidden}
.checkbox-wrapper-55 .switch-left, .checkbox-wrapper-55 .switch-right {cursor:pointer; position:absolute; display:flex; align-items:center; justify-content:center; height:40px; width:50%; transition:0.2s; user-select:none}
.checkbox-wrapper-55 .switch-left {background-color:#f1f1f1; color:#7d7d7d; border:1px solid #d5d5d5; border-radius:10px 0 0 10px}
.checkbox-wrapper-55 .switch-right {right:0.5em; background-color:#fff; color:#000; border:1px solid #d5d5d5; border-radius:0 10px 10px 0}
.checkbox-wrapper-55 input:checked + .switch-left {background-color:#fff; color:#000; border:1px solid #d5d5d5; border-radius:10px 0 0 10px}
.checkbox-wrapper-55 input:checked + .switch-left + .switch-right {background-color:#f1f1f1; color:#7d7d7d; border:1px solid #d5d5d5; border-radius:0 10px 10px 0}

/* 2023-10-27 수신자 선택*/
.receiveBox {border:1px solid #D9D9D9; box-sizing:border-box; padding:5px 0; overflow-y:auto; height:130px}
.receive-item {display:flex; align-items:center}
.receive-item input {display:none}
.receive-item input + label {width:100%; font-size:14px; font-weight:400; padding:5px 10px !important; margin:0; background:none}
.receive-item input + label:hover {background:#F1F3F4}
.receive-item input:checked + label {background:#eee}
.receive-textarea {padding:5px 10px; border: 1px solid #D9D9D9;
    border-width: 0 0 1px 0; resize:none; height:30px; color: #333; }
.receive-textarea::placeholder {color: #807E7F;}
.receive-textarea:focus-visible {outline:none}

/* 2차 인증 선택 */
/* .2ndMail {display:none} 미사용으로 주석*/
.disableInput {opacity:0.5; cursor:no-drop !important}
.btnStyle1.disableInput:hover {background:#F1F1F1 !important; border-color:#ddd !important; color:#000 !important}

.rgroupTit {background:#F1F1F1; color:#000; font-size:14px; font-weight:500; display:flex; align-items:center; height:35px; border-bottom:1px solid #d5d5d5; padding-left:20px}
.rgroupList > li > a {display:block; padding:10px 20px; color:#000}

/* 2023-12-04 */
.modalStyle input.checkStyle2 + 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}
/* 카카오톡 채널 선택 */
.selectChannelWrap {position:relative}
.selectChannel {text-align:left; 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:middle; background:url('../images/selectArw.png') #F1F3F4 no-repeat right 20px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
.channelList {display:none; border:1px solid #D5D5D5; border-radius:4px; position:absolute; right:0; width:100%; background:#fff; padding:20px; box-sizing:border-box}
.channelList > ul {display:flex; flex-wrap:wrap; height:180px; overflow-y:auto}
.channelList > ul > li {width:33%}
.selectChannelWrap.active .channelList {display:block}
.selectChannelWrap .channelList > ul > li > label {word-break: break-all;}
.pl13 {padding-left: 13ppx !important;}

/*240514 웹발송 대량 다운로드 */
.exceld_complete .fa-arrow-to-bottom{padding-left: 5px; margin-top: -2px;}

/*240702 양방향 메시지 통계 */
.width130 {width:130px !important}
.radioStyle_new.disabledWrap, .checkStyle2.disabledWrap + label:before {background-color: #ccc;}
.radioStyle_new.disabledWrap + label, .checkStyle2.disabledWrap + label {opacity: 0.5; }
.radioStyle_new.disabledWrap:hover, .radioStyle_new.disabledWrap + label:hover, .checkStyle2.disabledWrap + label:hover, .checkStyle2.disabledWrap:hover {cursor:default;}
.twowayMockupWrap .templMockup.twowayMockup > li {padding-bottom: 0;}
.ulBox {padding: 0 20px;}
.ulBox li{list-style-type: disc; font-size: 14px; color: #707070; margin-left: 20px;}
.tableScrollY thead{display: table; width: 100%;}
.tableScrollY thead tr th, .tableScrollY tbody tr td{width: 172px;}
.tableScrollY tbody{overflow-y: auto; max-height: 374px; display: block;}
.tableScrollY tbody tr {display: table; width: 100%;}
.tableScrollY tbody tr td:last-child, .tableScrollY thead tr th:last-child {border-right: none;}
.tableScrollY tbody::-webkit-scrollbar, .boxSt.selectpjbox ul::-webkit-scrollbar, .box_scrollY::-webkit-scrollbar {width: 6px;}
.tableScrollY tbody::-webkit-scrollbar-track,.tableScrollY tbody::-webkit-scrollbar-track-piece, .boxSt.selectpjbox::-webkit-scrollbar-track-piece, .boxSt.selectpjbox::-webkit-scrollbar-track, .box_scrollY::-webkit--webkit-scrollbar-track, .box_scrollY::-webkit--webkit-scrollbar-track-piece{background-color: none;}
.tableScrollY tbody::-webkit-scrollbar-track, .boxSt.selectpjbox ul::-webkit-scrollbar-track, .box_scrollY::-webkit-scrollbar-track {background: #F2F2F299;}
.tableScrollY tbody::-webkit-scrollbar-thumb, .boxSt.selectpjbox ul::-webkit-scrollbar-thumb, .box_scrollY::-webkit-scrollbar-thumb {background: #D9D9D9; border-radius: 4px;}
.breakword {word-wrap: break-word; word-break: break-all;}
.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 퍼블 추가 */
.customtextarea_wrap {background-color: #F5F5F5; width: 600px;}
.customtextarea_wrap .sendOp_textarea {resize:none; border:none; background-color: #F5F5F5; min-height: 125px;}
.customtextarea_wrap .textCount{color: #777; padding: 10px; line-height: normal;}

.maxtext{cursor: pointer; position: relative;}
.maxtext > p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 86px;}
.maxtext .maxtextbox {visibility: hidden; width: auto; line-height: 17px; box-sizing: border-box; background-color: #fff; border: 1px solid #D5D5D5; color: #707070; font-weight: 400; text-align: left; padding: 10px; position: absolute; z-index: 1; bottom: -46%; opacity: 0; transition: opacity 0.3s; box-shadow: 0 0 5px #eee; letter-spacing: -0.35px; border-radius: 10px; white-space: nowrap;}
.maxtext:hover .maxtextbox{visibility: visible; opacity: 1;}

/*240904 부가정보 관련 */
.tplselect-body .row.row-no-margin {display: inline-flex;}
.tplselect-body .tplselect-list {padding: 20px 16px 20px 13px; border: 1px solid #d6d6d6; margin-right: 39px; height: 569px; width: 63%;}
.tplselect-body .tplselect-list .flex .width120 {margin: 0;}
.tplselect-body .tplselect-list .flex .width120+.flex {width: calc(100% - 120px);}
.tplselect-body .tplselect-list .tableScrollY {height: 324px;}
.tplselect-body .tplselect-list .tableScrollY table {border: 1px solid #F1F1F1; height: 100%;}
.tplselect-body .tplselect-list .tableScrollY tbody {max-height: 324px;}
.tplselect-body .tplselect-list .tableScrollY tbody .nosearch td {border-bottom: 1px solid #F1F1F1;} 
.tableScrollY tbody .nosearch:hover td {background: none;}

.color999 {color: #999;}
.color333 {color: #333;}
.mr24 {margin-right: 24px !important;}
.ml24 {margin-left: 24px !important;}
.text-overflow-line2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; overflow: hidden; white-space: normal; line-height: 1.5em; max-height: 3em;}
.disabled {background-color: #D9D9D9 !important; cursor: default; border: none !important;} 
a.disabled:hover {cursor:default !important; background-color: inherit; color: #A5A5A5 !important;}  
.btnStyleNew.disabled, .btnStyle2.disabled, .btnStyle1.Newgray.disabled, .inputStyle_new.disabled {background-color: #E1E1E1 !important; border: 1px solid #CCCCCC !important; color: #A5A5A5 !important;}
input.checkStyle2.disabled:checked + label:before {border-color: #777777 !important; background: url(../images/consolCheck.svg) #777777 no-repeat !important;}

/* 테이블 클릭 시 배경 색상 추가 */
.table_skin1 tbody tr.bgColor_click td, .table_skin1 tbody tr.bgColor_click:hover td{background-color: #B0BED9;}

.checkStyle-new input {display: none;}
.checkStyle-new {display: flex; align-items: center; cursor: pointer; font-size: 14px;}
.checkStyle-new.disabled{background-color: transparent !important; cursor: default; }
.checkStyle-new .checkmark {width: 20px; height: 20px; border-radius: 4px; display: inline-block; position: relative; margin-right: 8px; background-color: #D9D9D9;}
.checkStyle-new input:checked + .checkmark {background-color: #FD014E;}
.checkStyle-new.disabled input + .checkmark {background-color: #666666;}
.checkStyle-new.disabled input:not(:checked) + .checkmark::after {border-color: #838383;}
.checkStyle-new.disabled input:checked + .checkmark {background-color: #FFAFC8;}
.checkStyle-new input + .checkmark::after { content: ""; position: absolute; left: 7px; top: 2px; width: 7px; height: 12px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);}

/* 알림톡 관련 */
.selectStyle_new2.almtselect{padding: 0 24px 0 12px; background-position: right 9px center; border: #D9D9D9; background-color: #F2F3F5;}
.line-height40 {line-height: 40px; height: 40px;}
.textareaStyle_new4 {border: 1px solid #D9D9D9; border-bottom: 0; padding: 15px; width: 100%; resize: vertical; border-radius: 4px 4px 0 0;}
.textareaStyle_new4::placeholder, .inputStyle_new::placeholder {color: #CCCCCC; font-size: 12px;}
.textareaStyle_new4 + .textarealetter {border: 1px solid #D9D9D9; border-top: 0; border-radius: 0 0 4px 4px; padding: 10px 15px 15px 15px; margin-top: -4px;}
.textareaStyle_new4 + .textarealetter p {color: #777777; font-size: 10px;}
.selectStyle_new2.popupselect_s {height: 20px; width: auto; line-height: 20px; max-width: 130px; padding: 0 18px 0 6px; background-position: right 5px center;}
.templateWrap .templMockupWrap .flex .guideButton div:last-of-type{display: none;}
.templateWrap .templMockupWrap .flex .guideButton:hover .fa-search {color: #000;}
.templateWrap .templMockupWrap .flex .guideButtonX div:first-of-type{display: none;}
.templateWrap .templMockupWrap .flex .guideButtonX div:last-of-type{display: block;}
.templateWrap .templMockupWrap .flex .guideButtonX {width: 40px; height: 40px; border-radius: 50%; padding: 0; min-width: auto;} 
.templateWrap .templMockupWrap .flex .guideButtonX .fa-times {margin: 0; font-size: 23px;}
/* 에뮬레이터 */
.templateWrap{display: flex; gap: 164px;}
.templateWrap .templMockupWrap{position: sticky; top: 0; align-self: flex-start; height: auto; width: 290px;}
.templateWrap .templMockupWrap .phoneWrap{width: 290px; min-height: 568px; background-color: #B2C2D2; border: 6px solid #000; border-radius: 40px; margin: 0; padding: 36px 0px 19px 19px;}
.templateWrap .templMockupWrap .phoneWrap::before{ content: ''; display: block; width: 12px; height: 12px; background-color: #000; border-radius: 50%; position: absolute; top: 22px; left: 50%;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap{position: relative; min-height: 80px; padding-left: 35px;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap::before { content: ''; position: absolute; left: 0; width: 26px; height: 26px; background: url('../images/emulicon_logo.png') no-repeat center / auto 26px;
}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .agentname{font-size: 8px; font-weight: bold;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox {width: 204px; border-radius: 10px; overflow: hidden; margin-top: 5px;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox .simulatorImgWrap .simulatorImg {height: 272px; width: 100%; background:url('../images/emulicon_default2.png'); background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .text-sub_2{ font-size: 7px; color: #333333; margin: 3px 25px 0 0; text-align: right;}
.phoneWrap .simulatorBtnWrap {display: flex; margin: 0 6px; gap: 2px;}
.phoneWrap .simulatorBtnWrap .btnStyle11 {padding: 6px 10px; border-radius: 4px; height: 28px; overflow: hidden; text-overflow: ellipsis; font-size: 11px;text-align: center; width: 100%;}
.phoneWrap .simulatorBtnWrap .btnStyle11.NewLgray {background-color: #E6E6E6; color: #333333 !important;}
.phoneWrap .simulatorBtnWrap .btnStyle11.NewLyellow {background-color: #FEE500; color: #000000 !important;}
.templateWrap .templMockupWrap .phoneWrap .phonebodybox .text-sub-wrap{min-height: 80px;}
.templateWrap .templMockupWrap .phoneWrap .phonebodybox .text-sub-wrap .simulatorTextWrap {padding: 10px 6px; min-height: 80px; background: #fff;}
.templateWrap .templateformWrap {width: 100%; margin-right: 147px;}
/*이미지형*/
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.default .simulatorImgWrap .simulatorImg{height: 196px;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.default .simulatorTextWrap pre{padding: 0 8px 5px 8px; font-size: 12px;}
/*와이드아이템리스트형*/
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.wideitem{background: #fff; padding: 10px 12px;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.wideitem .text-sub-wrap h5 {text-align: center; font-size: 10px; font-weight: bold; margin: 0; }
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.wideitem .simulatorListWrap {margin: 5px 0;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.wideitem .simulatorListWrap .simulatorList li{display: flex; gap: 8px; align-items: flex-start; margin-top: 5px;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.wideitem .simulatorImgWrap{position: relative;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.wideitem .simulatorImgWrap .simulatorImg{height: 95px; width: 100%; background:url('../images/emulicon_default.png');}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.wideitem .simulatorImgWrap .simulatorImgText {font-size: 12px; font-weight: bold; position: absolute; bottom: 6px; left: 8px;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.wideitem .simulatorListWrap .simulatorList li .simulatorImgWrap .simulatorImg{background-size: auto 30px; height: 30px; width: 30px;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.wideitem .simulatorListWrap .simulatorList li .simulatorImgText {font-size: 12px; letter-spacing: -1px; white-space: normal; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; line-height: 1.4; display: block; flex: 1;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.wideitem .simulatorBtnWrap{margin: 15px 0 0 0;}
/*커머스형*/
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.commc .text-sub-wrap .simulatorTextWrap {padding: 10px 8px;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.commc .text-sub-wrap .simulatorTextWrap .simulatorPrice {display: flex; gap: 4px; align-items: center;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.commc .text-sub-wrap .simulatorTextWrap .simulatorPrice .price{font-size: 10px;text-decoration: line-through;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.commc .text-sub-wrap .simulatorTextWrap .simulatorPrice p{color: #FF3300; font-size: 10px;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.commc .text-sub-wrap .simulatorTextWrap .simulatorPrice + p {
	font-size: 11px; 
	color: #a5a5a5; 
	padding: 5px 0;
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
	line-height: 1.4;
	overflow: visible;
}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.commc .text-sub-wrap .simulatorTextWrap .simulatorBtnWrap{margin: 5px 6px 0 6px;}
/* 커머스형 상품 제목 여러 줄 표시 */
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .phonebodybox.commc .text-sub-wrap .simulatorTextWrap > p.font-size13.color333 {
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
	line-height: 1.4;
	overflow: visible;
}
/*캐러셀 커머스형*/
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .carofdSwiper .phonebodybox .simulatorTextWrap .intro{width: 20px; height: 2px; background-color: #E1E1E1; display: block;}
/*캐러셀피드형*/
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .carofdSwiper .swiper-slide {width: 196px !important;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .carofdSwiper .phonebodybox {padding: 0; background: transparent; height: auto;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .carofdSwiper .phonebodybox .text-sub-wrap{height: 100%;}
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .carofdSwiper .phonebodybox .text-sub-wrap .simulatorTextWrap{height: 100%;}

/* 캐러셀 피드형 제목 여러 줄 표시 */
.templateWrap .templMockupWrap .phoneWrap .phonebodyWrap .carofdSwiper .phonebodybox.video .text-sub-wrap .simulatorTextWrap>h5 {
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
	line-height: 1.4;
	overflow: visible;
}

.templateWrap .templMockupWrap .phoneWrap .swiperBtnWrap {display: flex; justify-content: space-between; position: absolute; bottom: -10%; width: 100%; left: 0; align-items: center;}
.templateWrap .templMockupWrap .phoneWrap .swiperBtnWrap .swiper-pagination {position: unset;}
.templateWrap .templMockupWrap .phoneWrap .swiperBtnWrap .swiper-pagination .swiper-pagination-bullet{background: #E1E1E1 !important;}
.templateWrap .templMockupWrap .phoneWrap .swiperBtnWrap .swiper-pagination .swiper-pagination-bullet-active{background: #FD014E !important;}
.templateWrap .templMockupWrap .phoneWrap .swiperBtnWrap [class^="swiper-button"] {background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 2px; width: 28px; height: 28px; position: unset; color: #A5A5A5; margin: 0;}
.templateWrap .templMockupWrap .phoneWrap .swiperBtnWrap [class^="swiper-button"]::after {font-size: 8px;}
.templateWrap .templMockupWrap .phoneWrap .swiperBtnWrap .swiper-button-disabled { opacity: 1; background-color: #CCCCCC;}
.templateWrap .templMockupWrap .phoneWrap.no-profile {padding: 36px 0px 19px 0px;}
.templateWrap .templMockupWrap .phoneWrap.no-profile .phonebodyWrap{padding: 0;}
.templateWrap .templMockupWrap .phoneWrap.no-profile .phonebodyWrap::before{content: none;}
.templateWrap .templMockupWrap .phoneWrap.no-profile .phonebodyWrap .carofdSwiper.has-tail::before{content: ''; width: 35px; height: 35px; border-radius: 50%; position: absolute; right: 22px; top: 42%; background: #00000033 url('../images/emulicon_arrow.png') no-repeat center;}
.templateWrap .templMockupWrap .phoneWrap.no-profile .phonebodyWrap .carofdSwiper.has-tail::after{content: '더보기'; color: #00000066; font-size: 8px; position: absolute; right: 28px; top: 54%;}

/*프리미엄 동영상형*/
.video.phonebodybox .text-sub-wrap .simulatorTextWrap>h5{font-size: 13px; padding-bottom: 10px; border-bottom: 1px solid #E6E6E6; margin: 0;}
.video.phonebodybox .text-sub-wrap .simulatorTextWrap>p{font-size: 11px; padding: 5px 0 15px 0;}
.video.phonebodybox .text-sub-wrap .simulatorImgWrap.videoImg .simulatorImg{background:url('../images/emulicon_default3.png') no-repeat center / auto 95px;}

/* */
.phone3 .errorwrap{width: 283px; padding: 14px 25px 14px 50px; background: #FFBDD2; border-radius: 10px; font-weight: bold; margin-bottom: 12px; margin-left: 10px; word-break: break-all; position: relative;}
.phone3 .errorwrap::before {content: ''; position: absolute; width: 27px; height: 32px; left: 15px; top: 18px; background:url('../images/icon_error.png');}
.phone3 .errorwrap .errorclose { color: #D56386; position: absolute; top: 5px; right: 7px; width: 20px; text-align: center;}
.phoneText2.errorText {border: 1px solid #FD014E;}

/* 반응형 */
@media screen and (max-width:1850px) {
	.Menu02 {width:60%}
	.Menu03 {width:40%}
}

@media screen and (max-width:1700px) {
	.sendStep {margin:0 15px 0 15px}
	.titleH4 {width:100px}
	.titleH5 {width:80px}
	.sendOption .radioStyle_new + label.mr40 {margin-right:20px !important}
	.tab_s4_2 .number {font-size:13px; letter-spacing:-1px}
	.tab_s4_2 .pl10 {padding-left:5px !important}
	.tab_s4_2 .pr10 {padding-right:5px !important}
}

@media screen and (max-width:1620px) {
	.Menu02 {width:50%}
	.Menu03 {width:50%}
	.templateList2 > li {margin-right:85px; max-width:420px}	
}

@media screen and (max-width:768px) {
	#NotFoundWrap section {max-width:100%; padding:100px 0; text-align:center}
	#NotFoundWrap section img {display:block; margin:0 auto}
	#NotFoundWrap section > .logoimg {width:120px}
	#NotFoundWrap section > .rightimg {float:none; margin:40px auto; width:100px}
	#NotFoundWrap section > h2 {color:#323232; font-size:14px !important; font-weight:700; margin-top:40px}
	#NotFoundWrap section > p {color:#B2B2B2; font-size:10px; margin-top:10px}
	#NotFoundWrap section > p > span {display: block}
}