@charset "UTF-8";

/*@import url('fonts/font.css');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500&display=swap'); /* notosans */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, .nav, output, ruby,
section, summary, time, mark, audio, video { margin:0; padding:0; border:0; box-sizing: border-box;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,.nav,section,summary { display:block;}

/*:lang(ko) {font-family: 's-core_dream', sans-serif;}*/
:lang(ko) {font-family: 'Noto Sans KR', "돋움", Dotum, Arial, sans-serif;}

html, body { margin:0;padding:0; word-break: keep-all; height:100%; min-height:100%; color:#656579;}  /* 0226 */
body {font-size: 14px; font-weight:normal; line-height:1.3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #F8FAFD;
    -webkit-text-size-adjust: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smooth: always;}
ul, ol, li { list-style:none; }
input, textarea, select, button { vertical-align:middle; margin:0; padding:0; font-size:14px; line-height:1.3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
legend, caption { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none;  }
a[href^="tel"]{ font-style:normal;}
address, caption, em, var{font-style:normal;font-weight:normal;}
table { border-collapse:collapse; border-spacing:0; border:0; }
img { vertical-align: top; }
a {text-decoration:none; cursor:pointer; }
a:hover, a:active, a:focus { color:#3C5665;  text-decoration:none; }
ins { display:inline-block; vertical-align:middle; margin:0; text-decoration:none; font-weight:normal; font-style:normal; }
label, dt, th { font-weight: normal}
button { border: 0; margin:0; padding:0; text-align: center; text-shadow: none; background:none; cursor: pointer;}
button:active span, button:focus span {position:relative;}
:focus { outline: 0; }
::-webkit-scrollbar {width:4px; border-radius: 10px;} /* 스크롤바 전체*/
::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.1);}/*스크롤 막대*/
::-webkit-scrollbar-track {background-color: transparent}/*스크롤 막대 외부*/


/* Forms */
select { min-width: 70px; height:28px; font-size: 12px; }
input[type="text"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="password"]
{ border: solid 1px #E4E8F0; border-radius:2px; box-shadow:none;-webkit-appearance:none;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
textarea:focus {color:#295FD3; font-weight: 400; border:1px solid #4365ED;}

input[type="text"]:valid,
input[type="password"]:valid,
input[type="number"]:valid,
input[type="email"]:valid,
input[type="date"]:valid,
input[type="text"]:valid,
input[type="search"]:valid,
input[type="tel"]:valid,
input[type="time"]:valid,
textarea:valid {font-weight: 400; border:1px solid #E4E8F0; color:#444444; border-radius: 2px;}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="date"]:disabled,
input[type="text"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
textarea:disabled {border:1px solid #E4E8F0; opacity: .7}
input::-ms-input-placeholder {color: #656579; }
input::-webkit-input-placeholder {color: #656579; }
input::-moz-placeholder {color: #656579; }

input[type="checkbox"] {display: none;}
input[type="checkbox"] + label { height: 20px; background:url(../images/ico_check.svg) no-repeat; cursor: pointer; display: inline-block;}
input[type="checkbox"]:checked + label {background:url(../images/ico_checked.svg) no-repeat; display: inline-block; }
input[type="checkbox"] + label span {padding: 1px 0 0 27px; width:auto; display: inline-block;}
.check_minus + label {display:inline-block; width:20px; height:20px; background: url('../images/ico_check_minus.svg') no-repeat !important; overflow:hidden; cursor: pinter;}

input[type="radio"] {display: none;}
input[type="radio"] + label {min-width:20px; background:url(../images/ico_radio.svg) no-repeat; cursor: pointer; display: inline-block; background-position: 0 center;}
input[type="radio"]:checked + label {background:url(../images/ico_radioed.svg) no-repeat; display: inline-block; background-position: 0 center;}
input[type="radio"] + label span {padding: 1px 0 0 27px; width:auto; display: inline-block;}

body {
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 400;
}
.container {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

/* 흐름 */
.fl {float: left;}
.fr {float: right;}
.center {text-align: center;}

select {
    width: 200px; /* 원하는 너비설정 */
    padding: 0 10px; /* 여백으로 높이 설정 */
    height: 34px;
    line-height: 34px;
    font-size:14px;
    background: url('../images/ico_select_arrow.svg') no-repeat 95% 50% #fff; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    border: 1px solid #E4E8F0 !important;
    border-radius: 2px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
  /* for IE 11 */
  display: none;
}
select option{min-height:0; padding:0; line-height: 1;}

input[type="text"],input[type="number"],input[type="password"],input[type="email"]
{padding:0 10px; border: 1px solid #E4E8F0; border-radius: 2px; line-height: 34px; height:34px;}

/*#header{position:fixed; width:100%; height: 60px; border-bottom:1px solid #eeeeee;  box-shadow: 0 4px 4px 0 rgba(43, 45, 55, 0.01); background-color: #ffffff; z-index:100;}*/
#footer{position: absolute;  bottom:0; left:0; right:0; width:100%; height:60px; border-top:1px solid #F0F0F1; background: #fff;}
#footer .left{position:absolute; top:12px; left:220px;}
#footer .left p{font-size:12px;}
#footer .right{position:absolute; top:20px; right:20px; font-size:12px; font-weight: 300;}
#footer .bar{padding:0 5px 0 7px; font-weight: 100; font-size:10px;}
#footer .right .corp_name{margin-left:15px; font-weight: 600;}
#footer .sns_instar{width:25px; height:25px; background: url("../images/ico_sns_instar.svg") no-repeat; display: inline-block; overflow: hidden; text-indent: -100px;}
#footer .sns_facebook{margin-left:5px; width:25px; height:25px; background: url("../images/ico_sns_facebook.svg") no-repeat; display: inline-block; overflow: hidden; text-indent: -100px;}

/*#footer{position:fixed; left:120px; bottom:0px; width:100%; height:30px; line-height:30px; text-align: center; background: #fff; font-size:11px;}*/
/*#header .logo{margin:12px 0 0 10px; width:190px; height:35px; line-height: 35px; text-align: center; background:url(../images/logo_top.png) no-repeat ; background-size: 154px auto; text-indent: -1000px; overflow:hidden; display: block;}*/
#header_main{width:100%;
    /*height: 240px;*/
    border-bottom: 1px solid #eeeeee;
    box-shadow: 0 4px 4px 0 rgb(43 45 55 / 1%);
    z-index: 99;
    position: relative;
    background: #ffffff;
}
#header_main .header_wrap,
#header .header_wrap{max-width:1060px; margin:0 auto; position: relative;}

#header_main h1{width:200px; height:40px; margin-right:60px; background: url('../images/partner_logo.svg') no-repeat center center; background-size: 100%; overflow: hidden; text-indent: -1000px;}
#header_main .partner_nav{display:flex; justify-content: space-between; padding:10px 180px 10px 20px;}
#header_main .partner_nav ol{display: flex; align-items: center}
#header_main .partner_nav ol li{margin-right: 20px; display: inline-block}
#header_main .partner_nav ol li a{height:40px; display:flex; align-items: center; color:#444444;}
#header_main .partner_nav ul a{height:40px; margin-right:20px; display:flex; align-items: center;color:#444444;}
#header_main .partner_nav ul a:hover{display:flex; flex-direction: row;}
#header_main .nav_content{display: flex; left:0; flex-direction: column; position:absolute; background: #ffffff; border-radius: 10px;}
#header_main .nav_content{display:none;}
#header_main .nav_content{display:flex;}
#header_main .nav_content a:last-child{margin-right: 0;}
#header_main .focasable_nav{position: relative;}
#header_main .focasable_nav:hover .nav_content{display:flex;}
#header_main .focasable_nav .menu{cursor: pointer; height:30px; display: flex; align-items: center;}
#header_main .focasable_nav .nav_content{display:none; top:30px; left:0;}
#header_main .partner_nav ol:last-child{right:0;}
#header_main .signup_area{position:absolute; top:23px; right:30px;}
#header_main .signup_area .mobile{display: none;}
#header_main .signup_area a{margin-left:15px; font-size:12px;}

#header{width: 100%;
    height: 200px;
    border-bottom: 1px solid #eeeeee;
    box-shadow: 0 4px 4px 0 rgb(43 45 55 / 1%);
    background-color: #4265ed;
    z-index: 99;}
#header h1{width:200px; height:40px; margin-right:60px; margin-left:10px; background: url('../images/logo_white.svg') no-repeat center center; background-size: 100%; overflow: hidden; text-indent: -1000px;}
#header .logo{margin:0; width:199px; height:60px; line-height: 35px; text-align: center; background:url(../images/logo_w.png) no-repeat #304aca center bottom; background-size: 138px auto; text-indent: -1000px; overflow:hidden; display: block; border-radius:0 20px 0 0;}
#header .header_right{position: absolute; top:25px; right:40px; font-size:12px; color:#ffffff;}
#header .header_right dl{float:left; margin-left:10px; line-height: 30px;}
#header .header_right dt{float:left; }
#header .header_right dt a{display:inline-block; margin:0 5px; width:65px; height:20px; line-height: 20px; font-size:11px; color:#686D82; background: #EEF2F8; border-radius: 20px; text-align: center;}
#header .header_right dt a:hover{background: #295FD3; color:#fff;}
#header .header_right dd{float:left;padding-left:20px; font-size:14px; font-weight: 600; font-family: Roboto, sans-serif;}
#header .header_right dd .balance{color:#FB6B41; font-weight: 600;}
#header .header_right dd .number{color:#295FD3; font-weight: 600;}
#header .header_right span{font-weight: 500; font-size:14px; color:#4a4a4a;}
#header .header_right dt select{ width:75px; height:23px; line-height: 23px; font-size:11px; color:#686D82; border-radius: 3px; border:none; background:url('../images/ico_header_arrow.svg') right #EEF2F8 no-repeat; }
#header .header_right{cursor: pointer;}
#header .user_info:hover .nav_content{display:block; position: absolute;}

#header .usermenu{position:absolute; top:9px; right:20px; width:40px; height:40px; border:1px solid #295FD3; border-radius: 20px; overflow: hidden; display: inline-block; text-indent: -1000px;}
#header .usermenu .ico_user{float:left; width:30px; height:30px; margin-right:5px; display: inline-block; background: url(../images/ico_user.svg) no-repeat;}

#header .partner_nav{display:flex; justify-content: space-between; padding:20px 310px 10px 20px;}
#header .partner_nav ol{display: flex; align-items: center}
#header .partner_nav a{margin-right:20px; height:40px; display:flex; align-items: center; color:#ffffff;}
#header .partner_nav .nav_content a{color:#323232; padding:5px 20px;}
#header .user_info .nav_content{display:none; top:30px; right:0;  width:110px; z-index: 100; overflow: hidden;}
#header .user_info a{display:flex; padding:5px 20px;}

.nav_content {
    display: none;
    position: absolute;
    text-align: center;
    top: 50px;
    background: #ffffff;
    margin-left: -20px;
    box-shadow: 0 0px 4px rgb(0,0,0, 0.2);
    border-radius: 8px;
    justify-content: center;
    flex-direction: column;
    color:#444444;
    overflow:hidden;
    z-index: 4;
}
.nav_content a{ font-size:12px; color:#444444; display:flex; margin-right:0 !important; padding:0px 20px; border-bottom:1px solid #eeeeee;}
.nav_content a:last-child{border-bottom:none;}
.nav_content a:hover{background: #eeeeee;}
.nav_content:hover {
    display: flex;
}

aside .user_price{padding:20px 40px; border-bottom:1px solid #E4E8F0; font-size:14px;}
aside .user_price dl{padding:8px 0; overflow: hidden;}
aside .user_price dt{float:left; width:40%; color:#534f67;}
aside .user_price dd{float:left; width:60%; text-align: right; font-weight: 600;}
aside .user_price dd span{font-weight: 400;}
aside .user_price dl a{width:100%; height:40px; line-height: 40px; text-align: center; background:#133A8E; color:#fff; display: inline-block; border-radius: 40px;}

aside .user_addr{padding:20px 40px; font-size:14px;}
aside .user_addr dl{padding:10px 0; overflow: hidden;}
aside .user_addr dt{float:left; width:40%; color:#534f67;}
aside .user_addr dd{float:left; width:60%; text-align: right; font-weight: 600;}
aside .user_addr dd span{font-weight: 400;}
aside .user_addr dl a{width:100%; height:40px; line-height: 40px; text-align: center; background:#133A8E; color:#fff; display: inline-block; border-radius: 40px;}

.mymenu {display: inline-block; font-size: 16px; border: none; cursor: pointer; /*background: url(../images/ico_nav_arrow.svg) no-repeat 40px 50%; */}
.mymenu .user_img{width:30px; height:30px; margin-right:20px;}
.mymenu img{width:100%; height:100%;}

.user_menu {position: absolute; top:15px; right:12px; display: inline-block;}
.user_menu .ico_user{width:30px; height:30px; margin-right:20px; display: inline-block; border:2px solid #295FD3; border-radius: 20px;text-indent: -100px; overflow: hidden;}
.mymenu_conts {display: none; position: absolute; right: 0; border-radius:6px; background-color: #ffffff; min-width: 140px; box-shadow: 0 0px 8px 0 rgba(0,0,0,0.08); z-index: 1; overflow:hidden;}

.mymenu_conts a {padding: 10px 16px; font-size:14px; color:#666; text-decoration: none; display: block;}
.mymenu_conts a:hover {background-color: #EFF3FF;}
.user_menu:hover .mymenu_conts {display: block;}
.user_menu:hover .dropbtn {background-color: #3e8e41;}

#wrapper{min-height:100%; position: relative; padding-bottom:50px;}
#content {margin-top:0px; overflow:hidden; padding-bottom:230px;}
#content.login_class{margin-top:-150px;}
#content h3{line-height: 50px; font-size:16px; font-weight: 700; color:#3c5665}

/* 헤더 */
#headerTop {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border-bottom: 1px solid #eaeaea;
}

#headerTop .container::after {
    content: "";
    display: block;
    clear: both;
}

.btn_login{display:inline-block; margin-top:20px; width:100%; height:50px; line-height: 50px; border-radius: 3px; color:#fff !important; background: #295FD3; text-align: center;}
.btn_login.on {opacity: 1; cursor: pointer !important;;}
.btn_login.on:hover{color:#fff; background: #D31019;}

.btn_signup{display:inline-block; margin-top:20px; width:100%; height:50px; line-height: 50px; border-radius: 3px; color:#fff !important; background: #295FD3; text-align: center; opacity: 0.4; }
.btn_signup.on {opacity: 1; cursor: pointer !important;;}
.btn_signup.on:hover{color:#fff; background: #D31019;}

/* 전체 메뉴 */
.btn_menu {
    position: relative;
    background: #ff6600;
    cursor: pointer;
}


/* 로그인 */
#signArea{width:100%; height:100px;}
#signArea .signform{width: 360px; height:100%; margin:60px auto 0 auto;}
/*#signArea .signform{position: fixed; top:0; left:0; width: 55%; height:100%; overflow: scroll;}*/
#signArea .sign_banner{display:none; position: fixed; top:0; left:55%; width: 55%; height:100%; background: url('../images/pSign_banner.png') no-repeat; background-size: 100%;}
#signArea .sign_banner p{position: absolute; bottom:10px; left:5%; color:#fff; font-size:14px;}
/*#signArea .signform .signin{width:50%; margin:20% auto;}*/

#signArea h1,
#signupArea h1{margin-bottom:50px; height: 40px; font-size:28px; font-weight: 200; color:#4265ed; text-decoration: none; text-align: center;}
#signArea h1 b,
#signupArea h1 b{font-weight: 400; color:#001258;}
#signArea .signform .signin h1 b{font-weight: 400; color:#001258;}
#signArea .signform .signin input[type="text"], #signArea .signform .signin input[type="password"]{width:100%; height:48px; font-size:18px;}
#signArea .signform .signin dl{margin-bottom:30px; color:#5e6875;}
#signArea .signform .signin dt{margin-bottom:5px; font-size:15px;}
#signArea .signform .signin dd{}
#signArea .signform .signin dl:nth-last-child(2){margin-top:50px; margin-bottom:10px;   }
#signArea .signform .signin dl:last-child{}
#signArea .signform .signin .btn_login{height:50px; line-height: 50px; border-radius: 3px; color:#fff; text-decoration: none; background: #4265ed; text-align:center; font-size:16px; display:block;}

#signArea .signform .signup{width:55%; margin:5% auto;}
#signArea .signform .signup h1{margin-bottom:30px; font-size:28px; font-weight: 600; color:#4a4a4a;}
#signArea .signform .signup h1 span{font-weight: 400; color:#4265ed;}
#signArea .signform .signup input[type="text"]{width:75%; height:48px; font-size:16px;}
#signArea .signform .signup input[type="password"]{width:100%;}
#signArea .signform .signup dl{margin-bottom:10px; color:#5e6875;}
#signArea .signform .signup dt{margin-bottom:5px; font-size:15px;}
#signArea .signform .signup dd .btn_inside{width:25%;  height:48px; line-height: 46px; display: inline-block; background: #4265ed; color:#fff; border-radius: 0 3px 3px 0; text-align: center; text-decoration: none;}
#signArea .signform .signup dd .btn_inside:hover{background: #2F4FCD;}
#signArea .signform .signup dl:nth-last-child(2){}
#signArea .signform .signup dl:last-child{margin-top:30px; margin-bottom:10px;}
#signArea .signform .signup a{color:#e5484f; text-decoration: underline; font-size:14px;}
#signArea .signform .signup .btn_signup{height:50px; line-height: 50px; border-radius: 3px; color:#fff; text-decoration: none; background: #4265ed; display:block; text-align:center; font-size:16px;}
#signArea .signform .signup .signup_agree {margin-bottom:20px; font-size:14px;}
#signArea .signform .signup .signup_agree span{padding-left:5px; font-size:12px; color:#e5484f;}
#signArea .signform .signup .signup_agree dt{color:#444; font-weight: 600;}
#signArea .signform .signup .signup_agree dd{padding:8px 0; border:1px solid #d4dee7; border-radius: 3px;}
#signArea .signform .signup .signup_agree dd a{color: #555;}
#signArea .signform .signup .signup_agree dd li{padding:8px 15px;}
#signArea .signform .signup .signup_agree dd li:first-child{margin-bottom:8px; padding-bottom:10px; border-bottom:1px solid #d4dee7; }

.form_login { display: inline-block; width:100%;}

h1.logo_login { text-align: center; margin: 0 auto 50px auto; background: url(../images/partner_logo.svg) no-repeat; background-size: 100%; width:220px; height:40px; text-indent: -1000px; display: block; overflow: hidden;}

.login_bottom {padding-top: 5px;}
.login_bottom li { float: left; position: relative; font-size: 14px; color: #295FD3;}
.login_bottom li a{text-decoration: underline; color:#295FD3}
.login_bottom li:last-child{float:right;}
.login_sns{clear: both; margin-top:50px;}
.login_sns a{ width: 100%; height:45px; line-height:45px; font-size:14px; border-radius: 3px; display:inline-block; text-align: center;}
.login_sns .btn_sns_n{color:#fff; background: #22b90a;}
.login_sns .btn_sns_k{color:#501010; background: #ffec02;}
.login_sns .btn_sns_f{color:#fff; background: #3a5998;}
.login_sns .btn_sns_g{color:#4a4a4a; background: #ffffff; border:1px solid #c4c4c4}

.pop_pw_error{width:100%;padding:10px 0; }
.pop_pw_error h2{padding-bottom:40px !important; width:100%; height:auto !important; font-size:18px !important; line-height: 1.5em; text-align: center !important;}
.pop_pw_error p{ width:100%; text-align: center !important;}
.pop_pw_error p.info_txt{padding-bottom:50px;}
.pop_pw_error button{width:80%;}

.pop_conts{width:100%;padding:10px 0; }
.pop_conts h2{padding-bottom:40px !important; width:100%; height:auto !important; font-size:18px !important; line-height: 1.5em; text-align: center !important;}
.pop_conts p{ width:100%; text-align: center !important;}
.pop_conts p.info_txt{padding-bottom:50px;}
.pop_conts button{width:80%;}

#signupArea{width:96%; max-width: 360px; margin: 0 auto; padding-top: 60px;}
#signupArea .sns_signup{clear:both; width:100%; }
#signupArea h2{margin:50px 0; font-size:30px; text-align: left;}
#signupArea h4{ margin-bottom:20px; color:#9b9b9b; text-align: center;}
#signupArea .sns_signup ul{height:90px; margin-bottom:30px;  border-bottom:1px solid #cfcfcf}
#signupArea .sns_signup li{float:left; }
#signupArea .welcom{padding:20px 0 180px 0; width:100%; line-height: 150%; font-size:21px; color:#323232; text-align: center; display: inline-block; background: url(../images/bg_signup.svg) no-repeat bottom center; letter-spacing: -1px;}
#signupArea .user_info{width:100%; display: block;}
#signupArea .input_box{padding:0 10px; width:100%; line-height:34px; height:34px; color:#444444; border:1px solid #444444; border-radius: 2px;}
#signupArea dl{clear: both; height:40px; border-bottom:1px solid #D8D8D8}
#signupArea dl:first-child{border-top:2px solid #d8d8d8}
#signupArea dl:last-child{margin-bottom: 30px;}
#signupArea dt{float:left; padding-left: 20px; width:30%; height:40px; line-height: 40px; font-size: 14px; color:#7F8498;}
#signupArea dd{float:left; width:70%;height:40px; line-height: 40px; color:#4A4A4A;}
#signupArea button{width:100%;}
#signupArea .userID_list button{float:left; margin:0 1%; width:48%;}
#signupArea .userID_list .signup_date{position: absolute; right:20px; padding:0; font-size:12px; color:#4365ED;}
#signupArea .userID_list li{margin-bottom:0; padding:20px; border-top:1px solid #efefef; border-right:1px solid #efefef; border-left:1px solid #efefef; background: #fff;}
#signupArea .userID_list li:last-child{padding:20px 0; border-top:1px solid #efefef; border-right:none; border-left:none; background: none;}
#signupArea .info_box{padding:20px; border-radius: 20px; background: #ffffff; color:#7F8498; text-align: center; font-size:1rem; line-height: 1.4; letter-spacing: -1px;}
#signupArea .has_btn{width:70%;}
#signupArea .btn_inline{margin-left:5px; width:calc(30% - 5px); border-radius: 2px;}

@media screen and (max-width:600px) {
  .form_signup .agree_box{margin-bottom:40px;}
    #signupArea .btn_login{position: absolute; bottom:20px; left:0; width:100%;}
}

#signupArea .userID_none{margin-bottom:40px; font-size: 16px; text-align: center;}
#popup_policy textarea, #popup_privacy textarea{width:100%; border:none; height:300px; line-height: 1.4;}
.btn_join_n, .btn_join_k, .btn_join_f, .btn_join_g{margin:0 10px; width:60px; height:60px; display:inline-block; border-radius: 30px; text-indent: -1000px;}
.btn_join_n{margin-left:0; background: #22b90a}
.btn_join_k{background: #ffec02}
.btn_join_f{background: #3a5998}
.btn_join_g{margin-right:0; border:1px solid #e1e1e1; background: #ffffff;}

.form_signup .signup_type{display:flex; margin-left:-120px; width:600px; justify-content: space-between; }
.form_signup .signup_type a{display:flex;}
.form_signup dl{border:none !important; }
.form_signup dd{line-height: 1.4 !important;}
.form_signup .signup_type .type_per{position:relative; width:251px; height:310px;border-radius: 10px; background: #FFE3F0; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.form_signup .signup_type .type_per:after{content: '' ; position: absolute; bottom:0; left:0; width:289px; height:310px;border-radius: 10px; background: url('../images/partner_free.png')   no-repeat; background-size: 100%}
.form_signup .signup_type .type_per:hover:after{background:transparent; -webkit-transition: all .4s; transition: all .4s;}
.form_signup .signup_type .type_per:hover{width:251px; background:#FFE3F0; border-radius: 10px; -webkit-transition: all .4s; transition: all .4s;  box-shadow:none;}

.form_signup .signup_type .type_biz{position:relative; width:251px; height:310px;border-radius: 10px; background: #EBEBFF no-repeat;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.form_signup .signup_type .type_biz:after{content: '' ; position: absolute; bottom:0; right:0; width:280px; height:310px; background: url('../images/partner_corp.png') no-repeat ; border-radius: 10px;  background-size: 100%; -webkit-transition: all .4s; transition: all .4s;}
.form_signup .signup_type .type_biz:hover{width:251px; background:#EBEBFF; border-radius: 10px; -webkit-transition: all .4s; transition: all .4s; box-shadow:none;}
.form_signup .signup_type .type_biz:hover:after{background:transparent; -webkit-transition: all .4s; transition: all .4s;}
.form_signup .signup_type a dl{display:none;}
.form_signup .signup_type a:hover dl{display:block; display:flex;flex-direction: column; }
.form_signup .signup_type a:hover dt{padding:40px 0 60px 30px !important;  width:100% !important; font-size:18px !important; font-weight: 600; color:#444444 !important;}
.form_signup .signup_type a:hover dd{padding:0 30px; width:100% !important;}
.form_signup .title{margin-bottom:60px; font-size:14px; text-align: center; }
.form_signup .title p:last-child {margin-top:10px;font-size:24px; color:#444444;}

.form_signup .partner_login{margin-top:40px; text-align: center;}
.form_signup .partner_login a{text-decoration: underline;}
.form_signup{position:relative;padding-bottom:60px;}
.form_signup .signup_tab{position: relative; padding:10px 0; clear: both;}
.form_signup .signup_tab:after{height:2px; background: #cccccc;}
.form_signup .signup_tab li{float:left; width:50%; height:40px; line-height: 40px; display: inline-block; border:1px solid #D4DEE7; text-align: center; }
.form_signup .signup_tab li:first-child { border-radius: 4px 0 0 4px;}
.form_signup .signup_tab li:last-child { border-radius: 0 4px 4px 0;}
.form_signup .signup_tab li.on {display: inline-block; color:#fff; background: #295FD3; border:1px solid #295FD3;}
.form_signup .info_txt{margin-bottom:30px; padding-bottom:20px; font-size:14px; border-bottom:1px solid #D4DEE7; letter-spacing: -1px;}
.form_signup li{position: relative; margin-bottom:20px; overflow: hidden;}
.form_signup .signup_info label{padding-left:0; margin-bottom:5px; line-height: 22px; display: block;}

.form_signup .signup_info input[type="text"],
.partner_info input[type="email"],
.partner_info input[type="text"],
.partner_info input[type="password"]
{ width:100%; height:42px; border:1px solid #D4DEE7; border-radius: 4px;}

.form_signup .signup_info input[type="password"]{ width:100%;}
.form_signup .signup_info input[type="text"]:read-only {height:42px; background:#f7f9fa;}
.form_signup input[type="checkbox"] + label{padding-left:25px; margin-bottom:5px; line-height: 22px; display: block;}
.form_signup button.inline{float:left; width:30%; height:40px; color:#295FD3; background:#fff; border:1px solid #295FD3; border-radius: 0 3px 3px 0}
.form_signup button.inline:focus{ background:#295FD3; color:#fff;}
.form_signup .left{width:70%; float:left; border-right: none;}
.form_signup .count_time{position:absolute; top:40px; left:58%; font-size:12px; color:#295FD3}
.form_signup .agree{ margin-top:20px; padding:30px 0; }
.form_signup .agree h3{padding-bottom:5px;}
.form_signup .agree ul{padding:10px 0 5px 0; border:1px solid #D4DEE7; background: #fff;}

.form_signup .agree_activeUser{ margin-top:20px; padding:20px 20px 10px 20px; border:1px solid #D4DEE7; background: #fff;}
.form_signup .agree_activeUser li{margin-bottom:5px;}
.form_signup .agree_activeUser li:last-child{font-size:12px;}
.form_signup .agree ul:first-child {border-radius: 3px 3px 0 0}
.form_signup .agree ul:last-child {border-radius: 0 0 3px 3px; border-top:none;}
.form_signup .agree ul > li{position: relative; margin:0; padding:5px 15px 5px 16px;  font-size:14px; letter-spacing: -1px; }
.form_signup .agree ul > li a{text-decoration: underline;}
.form_signup .agree ul > li a.agree_link{position: absolute; bottom:10px; right:25px; font-size:13px; color:#7F8498; z-index:8}
.form_signup .agree ul > li .point{color:#295FD3; font-size:12px;}
.form_signup .agree input[type="checkbox"] + label span{padding:1px 0 0 0;}
.form_signup .agree_activeUser input[type="checkbox"] + label span{padding:1px 0 0 0;}

.form_signup .agree_box {overflow:hidden;}
.form_signup .agree_box ul{padding:10px 0 5px 0; border:1px solid #D4DEE7; background: #fff;}
.form_signup .agree_box ul > li{position: relative; margin:0; padding:5px 15px 5px 16px;  font-size:14px; letter-spacing: -1px; }
.form_signup .agree_box input[type="checkbox"] + label span{padding:1px 0 0 0;}

/*
.agree label { background-color: #fff; border-radius: 2px; cursor: pointer; position: absolute; top: 5px; left: 20px; width: 20px; height: 20px;}
.agree li:first-child label {top:13px;}
.form_signup .agree ul > li:nth-child(2) label{top:19px;}
.agree label:after { content: ""; position: absolute; top: 4px; left: 2px;  width: 12px; height: 4px; transform: rotate(-45deg);  opacity: 0; border: 2px solid red; border-top: none; border-right: none; }

.agree input[type="checkbox"] {visibility: hidden;}
.agree input[type="checkbox"]:checked + label:after {opacity: 1;}
*/
.error_txt{clear: both; padding: 5px 0 0 26px; font-size:12px; min-height:22px; color:#E5484F; background:url(../images/ico_error.svg) no-repeat 4px 6px; }
.good_txt{clear: both; padding: 5px 0 0 26px; font-size:12px; color:#4265ED; background:url(../images/ico_good.svg) no-repeat 4px 6px; }
.ico_help{clear: both; padding: 5px 23px 0 0; font-size:12px;  background:url(../images/ico_help.svg) no-repeat 97% 4px; cursor: pointer}
.point{color:#E5484F;}
/* 인풋 박스 - 로그인 */
.input_large {
    width: 100%;
    height: 50px;
    padding: 0 17px;
    box-sizing: border-box;
    border: 1px solid #d4dee7;
    background: #fff;
    font-size: 16px;
    font-weight: 200;
    color: #999;
    border-radius: 2px;
}

.box_form {
    margin-bottom: 10px;
}

.box_form::after {
    content: "";
    display: block;
    clear: both;
}

.dashboard{margin:30px auto; padding:0; width:94%; max-width: 1004px; overflow: hidden;}
.dashboard h2{margin-bottom:30px; font-weight: 300; font-size:20px}
.dashboard h2 span{font-weight: 500; color:#4265ED}
/*.dashboard .guide_banner {float:left; width:560px;}*/
/*.dashboard .guide_banner li{float:left; display: inline-block;}*/
/*.dashboard .guide_banner li:first-child{margin-right: 30px;}*/
/*.dashboard .guide_banner ul{overflow: hidden;}*/
/*.dashboard .guide_banner ul:first-child{margin-bottom: 30px;}*/
.dashboard section{margin-bottom:30px;}
.dashboard section:last-child{margin-bottom:0;}
.dashboard .board_list{margin-right:10px; width:36%; background: #FFFFFF; border-radius: 10px;}
.dashboard .board_list:first-child{width:26%;}
.dashboard .board_list:last-child{margin-right:0;}
.dashboard .board_list h3 {padding:0 20px; border-bottom:1px solid #EEF2F8;}
.dashboard .board_list li{position:relative; padding:0 20px; line-height: 26px; font-size:14px; font-weight: 500; color:#4A4A4A; cursor:pointer;}
.board_list .date{position:absolute;top:0%; right:20px; margin-bottom:5px; font-size: 12px; clear: both; font-weight: 300;}
.board_list .ellipsis {width: 80%; display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}  /* 말줄임 적용 */
.board_list .board_detail{padding:15px 20px;}
.board_list .board_detail dl{margin-bottom:10px; padding:15px 20px; background: #EAF8F6; border-radius: 10px;}
.board_list .board_detail dl:last-child{margin-bottom:0}
.board_list .board_detail dt{margin-bottom:10px;}
.board_list .board_detail dd input[type=text]{width:calc(100% - 60px); background: #ffffff;}
.board_list .board_detail dd button{font-size:12px;}
.dashboard .notice_wrap{display:flex; justify-content: space-between;}
.dashboard h3 {position:relative; margin-bottom:0px; font-size:14px; font-weight: 500 !important; color:#001258; }
.dashboard h3 .date_range_pos{position:absolute; top:10px; right:0; font-weight: normal; font-size:12px;}
.account_status{padding:10px 10px 0 10px; display: flex; flex-wrap:wrap;}
.account_status dl{margin:2%; padding:10px 0 0 0; width:46%; text-align: center; border-radius: 8px; background: #FFFAEB;}
.account_status dt{display: flex; align-items: center; margin-left:5px; width:100%;}
.account_status dd{padding:20px 0; font-size:16px; font-weight: 700; color:#295FD3;}
.ico_account, .ico_bank, .ico_customer, .ico_partner{
    width:20px; height:22px;
    display:inline-block; padding-left:35px; font-size:12px;
    text-align: center; background-size:100%;
}


.income_status{padding:20px;}
.income_status dl{ width:100%; margin-right:10px; padding:16px 20px; background: #EEF0FE; border-radius: 10px;}
.income_status dt{margin-bottom: 16px;}
.income_status dd{font-size:1.2rem; font-family: Roboto, sans-serif; font-weight: 700; text-align: right;}
.income_status dd .unit{font-size:1rem;}
.income_status ul{display: flex; margin-bottom:10px;}
.income_status ul:nth-child(2){margin-bottom:0;}
.income_status ul:nth-child(2) dl{width:50%; }

.chart_wrap{padding:30px; border-radius: 10px; background: #ffffff;}

.ico_account{background: url("../images/ico_account.svg") no-repeat 5px;}
.ico_bank{background: url("../images/ico_bank.svg") no-repeat 5px;}
.ico_customer{background: url("../images/ico_customer.svg") no-repeat 5px;}
.ico_partner{background: url("../images/ico_partner.svg") no-repeat 5px;}

.help_center{padding:30px 0; margin:0 auto; max-width:980px;}
.help_center .tabs {margin-bottom:30px; font-weight:300;}
.help_center .tabs span{padding:0 20px; color:#979797; font-weight: 200;}
.help_center .tabs a.active{font-weight: 600;}

.help_center .ui-accordion-header{position: relative; padding-left:20px; font-size:14px !important; border-bottom:1px solid #D4DEE7; font-weight: 500 !important; background:#fff; cursor: pointer;}
.help_center .ico_q{margin-right:10px; width:24px; height:24px; line-height: 24px; text-align: center; border-radius: 24px; background: #295FD3; color:#fff; display: inline-block;}
.help_center .ico_a{position:absolute; left:40px; top:20px; width:24px; height:24px; line-height: 24px; text-align: center; border-radius: 24px; background: #FB6B41; color:#fff; display: inline-block;}
.help_center .ico_a{position:absolute; left:40px; top:20px; width:24px; height:24px; line-height: 24px; text-align: center; border-radius: 24px; background: #FB6B41; color:#fff; display: inline-block;}
.help_center .ui-accordion-header:first-child{border-top:1px solid #D4DEE7}
.help_center .ui-accordion-header .date{position: absolute; right:20px; font-weight: 300;}
.help_center .ui-accordion-content{padding:30px; font-size:14px;border-bottom:1px solid #D4DEE7}
.help_center .ui-accordion-header-active{border-bottom:none;}
.help_center .v-expansion-panel::before{box-shadow:none;}
.help_center .v-expansion-panels{border-top:1px solid #d4dee7; border-radius:0;}
.help_center .v-expansion-panels{color:#656579 !important;}
.theme--light.v-expansion-panels .v-expansion-panel{color:#656579 !important;}
.v-expansion-panel--active > .v-expansion-panel-header{min-height: 48px !important;}
.help_center .date{position:absolute; top:16px; right:20px; font-weight:300;}
.help_center:last-child .v-expansion-panels{border-bottom:1px solid #d4dee7;}
.help_center .v-expansion-panel-content{padding:20px; border-bottom:1px solid #d4dee7}
.v-expansion-panel--active:not(:first-child), .v-expansion-panel--active + .v-expansion-panel{margin:0 !important;}
.v-expansion-panel-header > *:not(.v-expansion-panel-header__icon){flex: none !important;}
.help_center .v-expansion-panel-content{position: relative}
.help_center .qna_conts{margin-left:30px;}
.help_center textarea{width:100%; padding:10px;}
.help_center dl{display:flex; padding:10px 20px; background: #ffffff; border-bottom:1px solid #D4DEE7; align-items: center;}
.help_center dl:first-child{border-top:1px solid #D4DEE7}
.help_center .flex_start{align-items:flex-start !important; }
.help_center .anwser{align-items:flex-start !important; background: #EEF2F8; }
.help_center dt{width:100px; font-size: 12px; font-weight:bold;}
.help_center dd{width:calc(100% - 100px );}
.help_center strong{font-size:12px; font-weight: 300;}
.help_center .btn_area{text-align: center;}
.help_center .empty_data{min-height:300px; padding: 170px 0 50px 0; color: #94AAC0; text-align: center; border: 1px solid #eaebef; background: url("../images/ico_emtpy_qna.svg") no-repeat #ffffff center 100px;}

.main_wrapper .container{width:1004px; margin:0 auto;}
.main_wrapper .key_visual{position:relative; margin:0 auto; max-width:1004px; width:100%; height:400px;}
.main_wrapper .text_area{padding:90px 20px;}
.main_wrapper .img_area{position:absolute; top:-150px; right:-230px; width:74%; height:auto;}
.main_wrapper .img_area img{width:100%;}
.main_wrapper .key_visual h2{font-size:2.2rem; line-height: 1.4; letter-spacing: -3px;}
.main_wrapper .key_visual p{margin-bottom:80px; font-size:1.2rem;}
.main_wrapper .key_visual .btn {padding:10px 25px; border-radius: 8px; background: #295FD3; color:#ffffff;}
.main_wrapper .bg_line{background: #EFF1FD;}
.main_wrapper .bg_line_yellow{background: #FEFAED}
.main_wrapper .container{padding:60px 0; }
.main_wrapper .container h3{margin-bottom:20px; text-align: center; font-size:1.4rem !important; color:#001258 !important;}
.main_wrapper .container p{margin-bottom:40px; text-align: center; font-size:1rem;}
.main_wrapper .container ul{display:flex; flex-wrap: wrap; justify-content: space-between;}
.main_wrapper .container dl{margin:10px; padding:30px; width:30%; background: #ffffff; border-radius: 8px;}
.main_wrapper .container dt{padding-top:10px; margin-bottom:20px; font-size:16px; font-weight: 700; color:#001258;}
.main_wrapper .container dd{font-size:14px;color:#A5A3A2;}

.main_wrapper .container i{margin-bottom:10px; font-size:40px; display:block;}
.main_wrapper .service_flow{position: relative; display:flex; justify-content: center; }
.main_wrapper .service_flow img{width:80%;}
.main_wrapper .service_start{position: relative; display:flex; justify-content: center; }
.main_wrapper .service_start img{width:40%;}

.count_wrap{display: flex; justify-content: space-between;}
.count_wrap dl{padding:20px 0 30px 0; width:22%; border-radius: 10px; text-align: center; background: #ffffff;}
.count_wrap dl:last-child{width:29%;}
.count_wrap dt{margin-bottom:15px; color:#7F8498;}
.count_wrap dd{font-family: Roboto, sans-serif; font-size:22px;}
.recent_send{border-radius: 10px; background: #ffffff;}
.recent_send table{width:100%;table-layout:fixed }
.recent_send table th,
.recent_send table td{padding:10px; border-bottom:1px solid #EEF2F8; text-align: center}
.recent_send table tr:last-child th,
.recent_send table tr:last-child td{border-bottom:none;}
.recent_send table td:nth-child(2){text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.recent_send table .status_done{ padding:2px 9px 3px 9px; font-size: 11px; background: #4265ED; color:#fff; border-radius: 15px; text-align: center;}
.recent_send table .status_book{padding:2px 9px 3px 9px; font-size: 11px; background: #24C36E; color:#fff; border-radius: 15px; text-align: center;}
.recent_send table .status_check{padding:2px 9px 3px 9px;  font-size: 11px; background: #50E3C2; color:#fff; border-radius: 15px; text-align: center;}
.recent_send table .status_return{padding:2px 9px 3px 9px; font-size: 11px; background: #E54B52; color:#fff;  border-radius: 15px; text-align: center;}

    /*.dashboard .tabs li{float: left;}*/
/*.dashboard .tabs li a{padding:0 15px; height:32px; line-height: 32px;px color:#7F8498; display: inline-block; border-radius: 30px;}*/
/*.dashboard .tabs .ui-tabs-active a{padding:0 15px; height:32px; line-height: 32px; color:#fff; background: #295FD3;}*/

/*.dashboard #tabs_notice, .dashboard #tabs_update, .dashboard #tabs_guide*/
/*{ padding:0 20px; background: #FFFFFF; border-radius: 20px;}*/
/*#tabs_notice dl{padding:25px 0 25px 70px; background: url('../images/ico_ssantalk.svg') no-repeat left 25px;}*/
/*#tabs_update dl{padding:25px 0 25px 70px; background: url('../images/ico_ssantalk.svg') no-repeat left 25px;}*/
/*#tabs_guide dl{padding:25px 0 25px 70px; background: url('../images/ico_ssantalk.svg') no-repeat left 25px;}*/
/*.board_list dl:first-child{border-bottom:1px solid #E4E8F0;}*/
/*.board_list dt{margin-bottom:10px; font-weight: 500;}*/
/*.board_list dd{font-weight: 300; font-size:12px;}*/
/*.board_list dd a{clear: both; margin-top:10px; padding:0 15px; line-height: 26px; background: #EEF2F8; font-size:12px; color:#7F8498; border-radius: 20px; display:inline-block;}*/


/** 문자 보내기 **/
/* The switch - the box around the slider */
.ad_check .switch {float:left; position: relative; display: inline-block; margin-right: 10px; width: 34px; height: 20px;}
/* Hide default HTML checkbox */
.ad_check .switch input { opacity: 0; width: 0; height: 0;}
/* The slider */
.ad_check .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #C8D1DD; -webkit-transition: .4s; transition: .4s; border-radius: 18px;}
.ad_check .slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 3px; bottom: 3px; background-color:#fff; -webkit-transition: .4s; transition: .4s;border-radius: 18px;}
.ad_check input:checked + .slider { background-color: #295FD3;}
.ad_check input:focus + .slider { box-shadow: 0 0 1px #295FD3;}
.ad_check input:checked + .slider:before { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px);}

.ad_check{font-size:14px; line-height: 1.7;}
.ad_check input[type="checkbox"] + label{display: inline}
.send_wrap{position: relative; max-width:980px; margin: 0 auto; padding:30px}
.send_step{border:1px solid red;}
.conts_ad_guide{margin:-20px; width:540px; height:680px; background: url('../images/conts_ad_guides.png') no-repeat; display: inline-block;}
/* 단계별 상태 스타일 */
.step-box { padding:0 10px 10px 10px;}

.step-state{max-width:800px; height:80px; margin:0 auto; position: relative}
.step-state .step_line{position:absolute; top:18px; right:0; left:0;  height:3px; background:#E4E8F0; content:''; z-index: 1}

.step-state ul:before{position:absolute; top:18px; left:0; right:0; height:3px; background:#E4E8F0; content:''}
.step-state ul li {position:absolute; width:33.33%; font-size:14px;}
.step-state ul li:nth-child(1){left:0;}
.step-state ul li:nth-child(2){left:33.33%; text-align: center;}
.step-state ul li:nth-child(3){right:0; text-align: right;}

/* 도전중, 달성 텍스트 영역 */
.step-state ul li p{padding:0 25px; line-height: 34px; font-size:14px; border-radius: 30px; border:3px solid #E4E8F0; color:#8897B6; background:#F8FAFD; display: inline-block; z-index: 9999;}
.step-state ul li p:after {position:absolute;
    width:41px; height:24px; margin-right:-20px; color:#fff; font-size:11px; line-height:16px; letter-spacing:-.5px; }

.step-state ul li span {font-weight: 500;} /* 회색 진행바 생성 */

/* .step-state ul li:before { position:absolute; top:18px; left:0; right:0; height:3px; background:#E4E8F0; content:'' } */

/* 첫 번째 진행바 반만 생성*/
.step-state ul li:nth-child(1):before { }

/* 마지막 진행바 반만 생성*/
.step-state ul li:nth-child(3):before { right:50% }

/* 활성화 진행바 및 활성화 화살표 아이콘 표시 */
/* 활성화 상태바 */
.step-state.step1 ul li:nth-child(1) p{color:#295FD3; border:3px solid #295FD3;  background: #fff;}
.step-state.step1 ul li:nth-child(1):after{background:#ff889b}

.step-state.step2 ul li:nth-child(1) p{color:#ffffff; border:3px solid #295FD3;  background: #295FD3;}
.step-state.step2 ul li:nth-child(1):after{position: absolute; display:inline-block; top:18px; left:60%; right: 0; height:3px; background:#295FD3; content:''}
.step-state.step2 ul li:nth-child(2) p{color:#295FD3; border:3px solid #295FD3;  background: #fff;}
.step-state.step2 ul li:nth-child(2):after{position: absolute; display:inline-block; top:18px; left:0; right: 87%; height:3px; background:#295FD3; content:''}

.step-state.step3 ul li:nth-child(1) p{color:#ffffff; border:3px solid #295FD3;  background: #295FD3;}
.step-state.step3 ul li:nth-child(1):after{position: absolute; display:inline-block; top:18px; left:60%; right: 0; height:3px; background:#295FD3; content:''}
.step-state.step3 ul li:nth-child(2) p{color:#ffffff; border:3px solid #295FD3;  background: #295FD3;}
.step-state.step3 ul li:nth-child(2):after{position: absolute; display:inline-block; top:18px; left:0; right: 81%; height:3px; background:#295FD3; content:''}
.step-state.step3 ul li:nth-child(2)::before{position: absolute; display:inline-block; top:18px; left:81%; right: 0; height:3px; background:#295FD3; content:''}
.step-state.step3 ul li:nth-child(3) p{color:#295FD3; border:3px solid #295FD3;  background: #fff;}
.step-state.step3 ul li:nth-child(3):after{position: absolute; display:inline-block; top:18px; left:0; right: 58%; height:3px; background:#295FD3; content:''}

.message_wrap {display:flex; justify-content: space-between;}
.write_msg{float:left; position:relative; width:100%;}
.write_msg .ad_check{margin-bottom:10px;}
.write_msg dl{clear: both; margin:13px 0; overflow: hidden;}
.write_msg dl:first-child{padding-bottom:15px; border-bottom:1px solid #e4e4e4;}
.write_msg dt{float:left; width:16%; font-size:12px; line-height: 46px;}
.write_msg dd{float:left; position: relative; padding:5px 10px; width:84%; border:1px solid #DEE4ED; border-radius: 3px; background: #fff;}
.write_msg dd input[type="text"]{border:none;}
#send_title{padding:5px;}
.write_msg dd .ad_txt{height:30px; width:60px; background:#EEF2F8; border-radius: 3px;}
.write_msg dd .sender_msg{margin-left:5px; width:calc(100% - 70px); display:inline-block;}
.write_msg dd .sender_txt{ margin:0; padding-left:10px; width:100%; height:32px; line-height: 30px; background: url(../images/ico_select_arrow.svg) no-repeat 96% 50% #EEF2F8; border-radius: 3px;}
.write_msg dd .sender_txt.selfinsert{width:100px;}
.write_msg dd .sender_input{padding-left:10px; height:30px; line-height: 30px; width:calc(100% - 100px); border:1px solid #EEF2F8 !important; background:#ffffff; border-radius: 3px; }
.write_msg dd .reject_num{margin-left:5px; width:calc(100% - 85px); display:inline-block;}
.write_msg dd .reject_txt{height:30px; width:100%; background:#EEF2F8; border-radius: 3px;}
.write_msg dd .reject_input{margin-left:0; padding-left:10px; height:30px; line-height: 30px; width:102%; border:1px solid #EEF2F8 !important; background:#ffffff; border-radius: 3px;}
.write_msg dd .reject_select{margin-left:0; padding-left:10px; height:30px; line-height: 30px; width:102%; background: url(../images/ico_select_arrow.svg) no-repeat 97% 50% #EEF2F8; border-radius: 3px;}
/* .write_msg dd .reject_select{margin-left:0px; padding-left:10px; height:30px; line-height: 30px; width:102%; background: url(../images/ico_select_arrow.svg) no-repeat 97% 50% #EEF2F8; border-radius: 3px;} */

.write_msg dd .byte_msg, .write_msg dd .byte_title{position: absolute; right:10px; bottom:12px; font-size:11px; color:#9296AA;}
.write_msg dd .byte_msg .now, .write_msg dd .byte_title .now{font-weight: 500; color:#FB6B41;}
.write_msg dd textarea{margin:5px 0; padding:0 10px; width:100%; height:140px; border:none;}
.write_msg .msg_image {position:relative; margin-top:5px; width:70%; border-radius: 10px; overflow: hidden;}
.write_msg .msg_image .btn_del_img{display:none; position: absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px; width:50px; height:50px; background: url('../images/ico_del_red.svg'); background-size: 100%; overflow: hidden; text-indent:-1000px;z-index:9}
.write_msg .msg_image .img_cover{display:none; position:absolute; width:100%; height:100%; background: #ffffff; opacity: 0.8; border-radius: 10px; border:2px solid #182F74}
.write_msg .msg_image:hover .btn_del_img{display:block;}
.write_msg .msg_image:hover .img_cover{display:block;}
.write_msg .msg_image {
    display: inline-block;
    margin-right: 10px;
    width: 30%;
    height:80px;
    vertical-align: middle;
    overflow: hidden;
}

.write_msg .msg_image:last-child {
    margin-right:0;
}
.write_msg .msg_image img{width:100%;}
.write_msg dd .send_footer{margin:10px -10px 0 -10px; padding:8px 5px 0 10px; border-top:1px solid #DEE4ED}
.write_msg dd .send_footer li{float:left; line-height: 13px;}
.write_msg dd .send_footer .status_sms{margin-left:5px; padding:3px 5px; font-weight: 300;border-radius: 3px; background: #F5A623; color:#fff;}
.write_msg dd .send_footer .status_lms{margin-left:5px; padding:3px 5px; font-weight: 300;border-radius: 3px; background: #FF8B27; color:#fff;}
.write_msg dd .send_footer .status_mms{margin-left:5px; padding:3px 5px; font-weight: 300;border-radius: 3px; background: #FB6B41; color:#fff;}
.write_msg dd select{ padding:0 5px; width:100%; background-position:100% 50%; border:1px solid #ffffff !important; color:#656579;}
#adTxt{ display: none;}

.write_msg .ad_info_txt{clear: both; margin-left:16%; padding-top:5px; }
.write_msg .ad_info_txt li{margin-top:10px; padding: 0 0 0 10px; font-size:12px; background: url('../images/ico_dot_gray.svg') 0 5px no-repeat;}
.write_msg .ad_wrap{margin:5px 0 10px 0; display:flex; align-items: center;}
.write_msg .msg_title{width:calc(100% - 60px);}
.write_msg .bytesmsg{position: absolute; top:92px; left:77px; padding:10px 15px; width:200px; background:#FF8B27; border-radius: 3px; color:#fff; z-index: 99; display: none;}

.message_setting_wrap{width:56%;}
.msg_preview{position: relative; margin:0 0 20px 0; padding:13px 5px 0 5px; width:330px; min-height: 100%; background:#ffffff; border-radius: 20px;}
.msg_preview .msg_sender{ padding:10px 15px; width:320px; height:50px; line-height: 30px; background: #EEF2F8; border-radius: 20px 20px 0 0;}
.msg_preview .msg_sender i{float:left; display:inline-block; margin-right: 10px; width:31px; height:31px; border-radius: 30px; background: url('../images/ico_user.svg') #50E3C2;}
.msg_preview .msg_sender span{float:left;}
.msg_preview .conts{padding:10px; width:320px; height:calc(100% - 90px); max-height:770px; overflow-y:scroll; background: #E4E8F0; border-radius: 0 0 15px 15px}
.msg_preview .conts .msg_box{margin-bottom:5px; padding:10px; width:80%; line-height: 1.5; letter-spacing: -1px; border-radius: 10px; background: #fff; word-break: break-all;}
.msg_preview .conts .msg_box .title{font-weight: 500;}
.msg_preview .conts .img_box {margin-bottom:5px; width:80%; max-height:200px; border-radius: 10px; overflow: hidden; background: #ffffff;}
.msg_preview .conts .img_box img{width:100%; height:auto;  border-radius: 10px;}
.msg_preview .point{padding:10px; font-size:11px;}

.msg_setting {float:left; margin-bottom:5px; width:100%;}
.msg_setting .send_target{position: relative;padding-top:15px; border-top:1px solid #e4e8f0;}
.msg_setting .send_target dt{font-size:12px; padding:12px 0; height:45px; }
.msg_setting .send_target .add_addr{position:absolute; top:15px; right:0; width:84%; padding:3px; border:1px solid #E4E8F0; background: #ffffff; border-radius: 3px;}
.msg_setting .send_target .add_addr input[type=text]{width:84%; border:none; font-size:14px;}
.msg_setting .send_target .add_dropbtn{padding:0 15px; line-height:30px; font-size:14px; color:#ffffff; border:1px solid #4265ED; border-radius: 4px; background: #4265ED; cursor: pointer}
/* Dropdown Content (Hidden by Default) */
.msg_setting .send_target .add_addr_conts { display: block; position: absolute; top:43px; right:0; padding:5px 0; background-color: #F6F9FF; border:1px solid #4265ED; min-width: 140px; z-index: 99;}

/* Links inside the dropdown */
.msg_setting .send_target .add_addr_conts a { font-size:14px; padding: 6px 15px; width:100%; font-weight: 400;text-decoration: none; display: block;}
.msg_setting .send_target .add_addr_conts a:hover{background: #fff;}

.msg_setting .send_target dd{position: relative; margin-bottom:5px;}
.msg_setting .send_target .list_receiver{padding:10px 10px 8px 10px; width:100%; height:150px; border-radius: 4px 4px 0 0; border:1px solid #DEE4ED; background: #ffffff; overflow-y:auto;}
.msg_setting .send_target .list_receiver span{position:relative; margin:0 4px 4px 0; padding:3px 7px; border-radius: 3px; color:#295FD3; display:block;}
.msg_setting .send_target .list_receiver button{width:20px; height:20px; background: url(../images/ico_del.svg) 0 -1px; background-size: 100%; text-indent: -100px; overflow: hidden; display: inline-block;}

.msg_setting .send_target .list_receiver table{width:100%;}
.msg_setting .send_target .list_receiver td{padding: 5px 15px; border-bottom:1px solid #DEE4ED}
.msg_setting .send_target .list_receiver .btn_listDel{width:30px; height:30px; border-radius: 3px; display: inline-block; text-indent: -1000px; overflow: hidden; background: url(../images/ico_send_del.svg) #ffffff center no-repeat; }
.msg_setting .send_target .list_receiver .btn_listDel:hover{background: url(../images/ico_send_del_w.svg) #7F95EE center no-repeat; }
.msg_setting .send_target dd .target_total{position:relative; width:100%; margin-top:-1px; padding:8px 5px 8px 5px; text-align: right; font-size:16px; font-weight: 200; background: #ffffff; border-radius: 0 0 4px 4px; border:1px solid #DEE4ED}
.msg_setting .send_target dd .target_total .info_txt{position:absolute; top:5px; left:7px;}
.msg_setting .send_target dd .target_total span{color:#4265ED; font-weight: 500;}
.msg_setting .send_target dd .target_total .bt-link{margin:0 5px;font-size:12px; text-decoration:underline;}
.msg_setting .btn_add_address{padding-bottom:20px; border-bottom:1px solid #DEE4ED; display: flex; justify-content: flex-end}
.msg_setting .btn_add_address button{margin-left:5px;}
.msg_setting .info_txt{padding-top:5px; font-size:12px; color:#FB6B41;}

.msg_setting .send_time{padding:15px 0; border-bottom:1px solid #DEE4ED;}
.msg_setting .send_time dt{float:left; padding-right: 20px; font-size:12px;}
.msg_setting .send_time dd{}
.msg_setting .send_time .send_time_booking {clear: both; padding-top:10px; overflow:hidden; }
.msg_setting .send_time select{border: 1px solid #E4E8F0 !important;background: url(../images/ico_select_arrow.svg) no-repeat 95% 50% #fff !important;}
.msg_setting input[type="text"], .msg_setting input[type="number"]{ background: #ffffff;}
.msg_setting .send_time li{float:left; margin-right: 5px; line-height: 34px;}
.msg_setting .send_time li select{width:auto;}
.msg_setting .send_time li .ico_booking{ padding:0 0 0 30px; background: url('../images/ico_calendar.svg') 5px 4px no-repeat #fff;}
.msg_setting .send_time li input[type="number"]{padding-right: 0; width:70px;}
.msg_setting .send_time .send_time_div{clear: both; padding-top:10px; overflow:hidden;}

.msg_setting .send_pay{padding:15px 0;}
.msg_setting .send_pay dt{margin-bottom:7px; font-size:12px;}
.msg_setting .send_pay dl{padding:7px 20px; background: #fff; border-right:1px solid #DEE4ED; border-bottom:1px solid #DEE4ED; border-left:1px solid #DEE4ED; overflow: hidden;}
.msg_setting .send_pay dl:first-child{border:1px solid #4265ED;}
.msg_setting .send_pay dl dt{float:left; margin-bottom:0;  width:60%; font-size:14px;}
.msg_setting .send_pay dl dd{float:left; width:40%; text-align: right;}
.msg_setting .send_pay dl:first-child dd{font-weight: 500; color:#4265ED;}
.msg_setting .send_pay dl:nth-child(3) dt, .msg_setting .send_pay dl:nth-child(3) dd{color:#295FD3; font-weight: 500;}
.msg_setting .send_pay .empty{color:red !important}
.msg_setting .send_pay dd{display:flex;}
.msg_setting .send_pay table{width:70%; background: #ffffff; border-radius: 4px;}
.msg_setting .send_pay thead th{padding:5px; border:1px solid #DEE4ED; }
.msg_setting .send_pay tbody th{padding:5px; border:1px solid #DEE4ED}
.msg_setting .send_pay tbody td{padding:13px 10px; border:1px solid #DEE4ED; text-align: center; font-weight: bold; font-size:16px;}
.msg_setting .send_pay table.costs{width:40%}
.msg_setting .send_pay table.costs thead th{border-top:1px solid #295FD3; border-right:1px solid #295FD3; border-left:1px solid #295FD3;}
.msg_setting .send_pay table.costs tbody th:first-child{border-left:1px solid #295FD3;}
.msg_setting .send_pay table.costs tbody th:last-child{border-right:1px solid #295FD3; color:#295FD3;}
.msg_setting .send_pay table.costs tbody td:first-child{border-left:1px solid #295FD3; border-bottom:1px solid #295FD3;}
.msg_setting .send_pay table.costs tbody td:last-child{border-right:1px solid #295FD3; border-bottom:1px solid #295FD3; color:#295FD3;}
/*.msg_setting .send_pay thead th:last-child{border-top:1px solid #295FD3; border-right:1px solid #295FD3}*/
/*.msg_setting .send_pay tbody th:last-child{border-right:1px solid #295FD3}*/
/*.msg_setting .send_pay tbody td:last-child{border-right:1px solid #}*/
/*.msg_setting .send_pay .costs{color:#295FD3; border:1px solid #295FD3;}*/
.send_wrap .send_road_msg{text-align: right; margin-bottom:10px;}
.send_wrap .send_btn{position: relative; clear: both; padding-top:20px; border-top:1px solid #DEE4ED;}
.send_wrap .send_btn .pos_right{position:absolute; top:20px; right:0;}
.send_wrap .send_btn .pos_right button {margin-left:5px;}
.send_wrap .send_btn button, .send_wrap .send_btn a{min-width:90px; }

.send_wrap .empty_cash{position:relative; padding-top:5px;}
.send_wrap .empty_cash .btn_pos{position: absolute; right:0; top:-30px;}

.send_wrap .spam_noti{margin:10px 0; padding:10px 10px 10px 80px; width:100%; line-height: 1.2; font-size: 12px; background:url('../images/icon_warning.svg') #FFEDD0 no-repeat 20px; border-radius: 4px; color:#FB6B41;}
.send_wrap .spam_noti h3{line-height:25px !important; font-size: 12px !important; color:#FB6B41 !important;}

.send_done{width:540px; margin:20px auto;}
.send_done .done_msg {padding:30px 0 0 210px; height:150px; background: url('../images/bg_sendDone.svg') no-repeat 40px;}
.send_done .done_msg h4{margin-bottom:20px; font-size:22px; font-weight: 500; color:#4265ED;}
.send_done .done_msg .info_txt{line-height: 1.5; font-weight:300; color:#7F8498}

.done_result .table_vat{margin-bottom:5px; font-size:12px; text-align: right; font-weight:300; color:#7F8498;}
.done_result table{width:100%;border:1px solid #E4E8F0;}
.done_result th{padding:7px; background: #EEF2F8; border-bottom:1px solid #E4E8F0; color:#7F8498;  font-weight: 300; text-align: center;}
.done_result td{padding:10px; text-align: center; font-weight: 500; background: #fff;}
.send_done .send_done_btn{margin-top:30px; text-align: center;}

.send_sms{position: fixed; width:100%; height:100%; -webkit-transition: all .7s; transition: all .7s;}
.send_sms .send_list{position:relative; width:40%; height:100%;background: #fff; border-right:1px solid #eee}
.send_sms .send_list .list_search{width:calc(100% - 80px); position: relative; padding:18px 30px; border-bottom:1px solid #eee;}
.send_sms .send_list .list_search input[type=text]{width:100%; padding:10px 30px 10px 15px; border:1px solid #E4E8F0; font-size:14px; font-weight: 300;}
.send_sms .send_list .list_search .btn_search{position: absolute; top:50%; right:37px; margin-top:-12px;  width:24px; height:24px; display: inline-block; overflow: hidden; text-indent: -100px; background: url(../resources/images/ico_search.svg) no-repeat;}
.send_sms .send_list .new_msg a{position:absolute; right:0; width:80px; height:77px; background: url(../images/ico_new_msg.svg) #295FD3; border-bottom:1px solid #eee;  border-left:1px solid #eee; display:block; overflow: hidden; text-indent: -500px;}
.send_sms .send_list .new_msg a:hover{background: url(../images/ico_new_msg.svg) #133A8E;}

.send_list section ul{clear: both; position: relative; padding:25px; font-size:14px; border-bottom:1px solid #eee;}
.send_list section ul:hover{background:#F8FAFD; cursor: pointer;}
.send_list section ul .msg_status button{opacity: 0}
/**.send_list section ul:hover .msg_status button{transition-duration: .3s; transition-delay: .1s; opacity: 1}**/
.send_list section .active{border-right:2px solid #295FD3; background: #F8FAFD}
.send_list .msg_status{float:left; width:10%; height:90px;}

.send_list .scroll{height:100%; overflow-y:auto;}
.send_list .list_select {position: absolute; display: none;}
.send_list .list_select label {background-color: #fff; border: 1px solid #D4DEE7; border-radius: 40px; cursor: pointer; position: absolute; top: 0; left: 0; width: 30px; height: 30px;}
.send_list .list_select label:after {content: ""; position: absolute; top: 10px; left: 8px;  width: 12px; height: 4px; transform: rotate(-45deg);  opacity: 0; border: 2px solid red; border-top: none; border-right: none; }

.send_list .list_select input[type="checkbox"]{visibility: hidden;}
.send_list .list_select input[type="checkbox"]:checked + label:after {opacity: 1;}


.send_list .receiver{padding-top:10px;}
.send_list .receiver button{font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 15px; border-radius: 3px;}
.send_list .receiver_num{position:relative; height:26px; max-width:160px; color:#4a4a4a; display: inline-block;}
.send_list .send_type_sms{ padding:3px 8px; background: #FFC534; color:#fff; border-radius: 0; font-size:11px; font-family: Gotham, sans-serif; font-weight: 600;}
.send_list .send_type_lms{ padding:3px 8px; background: #FF8B27; color:#fff; border-radius: 0; font-size:11px; font-family: Gotham, sans-serif; font-weight: 600;}
.send_list .send_type_mms{ padding:3px 8px; background: #FB6B41; color:#fff; border-radius: 0; font-size:11px; font-family: Gotham, sans-serif; font-weight: 600;}
.send_list .group_btns{position: absolute; right:20px; bottom:20px; display:inline-block;}

.send_list .btn_listDel, .send_list .btn_listDel:hover,
.send_list .btn_reportGo, .send_list .btn_reportGo:hover,
.send_list .btn_resendGo, .send_list .btn_resendGo:hover
{width:30px; height:30px; display: inline-block; text-indent: -1000px; overflow: hidden; }

.send_list .btn_listDel{background: url(../images/ico_send_del.svg) #ffffff center no-repeat; }
.send_list .btn_listDel:hover{background: url(../images/ico_send_del_w.svg) #7F95EE center no-repeat; }
.send_list .btn_reportGo{background: url(../images/ico_send_report.svg) #ffffff center no-repeat; }
.send_list .btn_reportGo:hover{background: url(../images/ico_send_report_w.svg) #7F95EE center no-repeat; }
.send_list .btn_resendGo{background: url(../images/ico_send_resend.svg) #ffffff center no-repeat; }
.send_list .btn_resendGo:hover{background: url(../images/ico_send_resend_w.svg) #7F95EE center no-repeat; }

.send_list .receiver_wrap {position: relative;}
.send_list .receiver .one{max-width:100%;}
.send_list .send_time{position:absolute; top:25px; right:20px; margin:0; font-size:13px; color:#969DB8; display: inline-block; font-family: roboto, sans-serif}
.send_list .send_conts{color:#9b9b9b}
.send_list .send_conts .msg_tit{margin-bottom:5px; color:#333;}
.send_list .send_conts .msg_txt{width:90%; line-height: normal;}
.send_list .send_result{padding-top:15px; font-weight: 300; color:#999;}
.send_list .send_result h4{margin:-2px 10px 0 0; float:left; background: #EEF2F8; padding:2px 5px; border-radius: 3px; font-size:12px;}
.send_list .send_result a{margin-right:10px; font-weight: 500; color:#333; text-decoration:underline;}
.send_list .sendReturn .send_result{color:#FF6678;}
.send_list .sendReturn .send_result h4{background: #FFF2EF; color:#FF6678;}


.send_list .msg_status .icon_sendBooking{padding-top:34px; width:34px; height:34px; border-radius: 50%; display:inline-block; background:url('../images/ico_booking.svg') #E3FAF5 no-repeat center; text-align: center; color:#2DDBB5; font-size:12px;}
.send_list .msg_status .icons{padding-top:34px; width:34px; height:34px; border-radius: 50%; display:inline-block; background:url('../images/ico_done.svg') #EEF2F8 no-repeat center; text-align: center; color:#9B9B9B; font-size:12px;}
.send_list .msg_status .icon_tempSave{line-height: normal; padding-top:34px; width:34px; height:34px; border-radius: 50%; display:inline-block; background:url('../images/ico_savelist.svg') #FEE9D8 no-repeat center; text-align: center; color:#FDA353; font-size:12px;}
.send_list .sendReturn .msg_status .icons{padding-top:34px; width:34px; height:34px; border-radius: 50%; display:inline-block; background:url('../images/ico_return.svg') #FEE9D8 no-repeat center; text-align: center; color:#FF6678; font-size:12px;}

.pop_send_test{}
.pop_send_test dl{}
.pop_send_test dl:nth-child(3){margin-top:20px;}
.pop_send_test dl:nth-child(3) dd{height:100px;border:1px solid #E4E8F0; overflow-y:auto;}
.pop_send_test dl:nth-child(3) table{width:100%;}
.pop_send_test dl:nth-child(3) td{padding: 5px 15px; border-bottom: 1px solid #DEE4ED;}
.pop_send_test dl:nth-child(3) td:last-child{width:40px;}
.pop_send_test dt{margin-bottom:5px; font-weight: 500;}
.pop_send_test input[type=text]{width:100%;}
.pop_send_test .btn_listDel{width:30px; height:30px; border-radius: 3px; display: inline-block; text-indent: -1000px; overflow: hidden; background: url(../images/ico_send_del.svg) #ffffff center no-repeat; }
.pop_send_test .btn_listDel:hover{background: url(../images/ico_send_del_w.svg) #7F95EE center no-repeat; }

#receiverSearch {width:100%; box-sizing: border-box; background-position: 14px 12px; background-repeat: no-repeat; font-size: 14px; padding: 14px 45px 12px 15px;}

#receiverSearch:focus {outline: 1px solid #295FD3;}

.send_list .receiver_list {display: none; position: absolute; left:70px; padding:10px; background-color: #f6f6f6; min-width: 250px;border: 1px solid #ddd; z-index: 1;}
.send_list .receiver_list .list_header{position:relative; }
.send_list .receiver_list .list_header h3{position:relative; padding:0 10px; line-height: 40px !important; font-weight: 500 !important;}
.send_list .receiver_list .list_header h3 a{position: absolute; right:5px; width:20px; height:20px; background: url('../images/btn_close_pop.svg'); overflow: hidden; text-indent: -100px;}
.send_list .receiver_list .list_header .btn_search{position: absolute; bottom:8px; right:8px; width:24px; height:24px; background: url('../images/ico_search.svg') no-repeat;}
.send_list .receiver_list .list_body{margin-top:10px; height:200px;overflow: auto; }
.send_list .receiver_list p { color: #444; padding: 7px 10px; text-decoration: none; display: block;}
.send_list .receiver_list p:hover {background-color: #ddd;}
.show {display: block;}

.ui-tooltip {position: absolute; top:0; left:5px; margin:0; padding: 5px 10px; color:#eee; font-size:12px;  border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13); background-color: #778FEA; z-index: 9999;}
.ui-tooltip {
    /* tooltip container box */
    white-space: pre-line;
}

.ui-tooltip-content {
    /* tooltip content */
    white-space: pre-line;
}


.msg_sender .receiver{width:100%; padding:24px 150px 16px 30px;border-bottom:1px solid #F0F0F1; overflow:hidden;}
.msg_sender .receiver .receiver_list .title{float:left; margin:5px 10px 5px 0; padding:1px 0 0 0; /*width:70px; */font-size:12px; color:#333; font-weight: 500;/*text-align: center; border-radius: 2px; background: #FFDCDE; display: inline-block;*/}

.msg_sender .receiver .receiver_list{max-height:100px; display: inline-block;overflow-y: auto; font-size:14px; }
.msg_sender .receiver .receiver_list input[type="text"]{float:left; width:110px; height:30px; line-height: 30px; display: inline-block; border-radius: 5px; background: #DFE9FF;}
.msg_sender .receiver .receiver_list input[type="text"]:valid{border:none;}
.msg_sender .receiver .receiver_list .label{position: relative; float:left; margin:0 5px 8px 0; padding:5px 30px 4px 10px; display: inline-block; border-radius: 5px; background: #DFE9FF; color:#4a88d0;}
.msg_sender .receiver .receiver_list .ico_remove{position:absolute; top:4px; right:4px; width:20px; height:20px; display: inline-block; background: url(../images/ico_del.svg) no-repeat !important;}
.msg_sender .receiver .btn_load_addr{position: absolute; top:26px; right:120px; width:28px; height:28px; display: inline-block;background: url(../images/btn_add_num.svg) no-repeat; overflow: hidden; text-indent: -1000px; cursor:pointer;}
.msg_sender .receiver .btn_load_addr:hover, .msg_sender .receiver .btn_load_addr:focus{background: url(../resources/images/btn_add_num_on.svg) no-repeat;}
.msg_sender .receiver .total{position: absolute;top:31px; right:25px; font-size:16px; color:#4a4a4a; font-weight: 600; text-align: right;}
.phone_insert{float:left;}

.msg_sender .sender {}
.msg_sender .sender i{float: left; width:40px; height:40px; line-height: 40px; display:inline-block; border-radius: 50%; color:#fff; font-size:24px; text-align: center; background: #5292CC}
.msg_sender .scroll{padding:20px; height:calc(100% - 150px); overflow-y:auto;}
.msg_sender select{float:left; border:none; width:auto; color:#4A4A4A; font-weight: 500; background: url('../images/ico_select_arrow.svg') #F8FAFD no-repeat 99% 50%;}

.msg_sender .sender{padding-bottom:10px; overflow: hidden;}
.msg_sender .msg_box {margin-bottom:20px; background-color: #FFE2E4;}
.msg_sender .msg_box .msg_header{position:relative;}
.msg_sender .msg_box .msg_header .tool_group{position: absolute; top:-5px; right:0;}
.msg_sender .msg_box .msg_header .tool_group li{float:left; }

.selected .tool_ad, .selected .tool_img, .selected .tool_emo, .selected .tool_080, .selected .tool_blank,
.tool_ad, .tool_img, .tool_emo, .tool_080, .tool_blank,
.tool_ad:hover, .tool_img:hover, .tool_emo:hover, .tool_080:hover, .tool_blank:hover
{margin-right:7px; width:30px; height:27px; display: inline-block; overflow: hidden; text-indent: -100px; cursor: pointer}

.tool_ad{ background: url(../images/ico_ad.svg) no-repeat;}
.tool_img{ background: url(../images/ico_img.svg) no-repeat;}
.tool_emo{margin-right:0; background: url(../images/ico_emo.svg) no-repeat;}
.tool_blank{ background: url(../images/ico_blank.svg) no-repeat;}
.tool_080{ background: url(../images/ico_080.svg) no-repeat;}
.tool_name{padding:9px 8px; cursor: pointer;}
.tool_name:hover{color:#E54449;}
.tool_emo:hover{margin-right:0;}
/*툴팁추가*/
.tooltip, .tooltip:hover{position:relative; overflow:visible;}
.tooltip:hover .tooltip_text{display:inline-block; }
.tooltip_text{display:none;}
.tooltip_text {position: absolute; bottom:30px; left:0; max-width:300px; margin:0; white-space:nowrap; padding: 5px 10px; color:#eee; font-size:12px;  border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13); background-color: #778FEA; z-index: 9999; text-indent: 0;}


.selected .tool_ad, .tool_ad:hover{ background: url(../images/ico_ad_on.svg) no-repeat;}
.selected .tool_img, .tool_img:hover{ background: url(../images/ico_img_on.svg) no-repeat;}
.selected .tool_emo, .tool_emo:hover{ background: url(../images/ico_emo_on.svg) no-repeat;}
.selected .tool_blank, .tool_blank:hover{ background: url(../images/ico_blank_on.svg) no-repeat;}
.selected .tool_080, .tool_080:hover{ background: url(../images/ico_080_on.svg) no-repeat;}

.msg_sender .msg_box {padding:20px 20px 15px 20px; width:70%; height: auto; border-radius: 8px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff;}
.msg_sender .msg_box .msg_header .msg_title{ padding:0; width:100%; height:20px; line-height: 20px; font-weight: 500; border:none;}
.msg_sender .msg_texts textarea.autosize {width:100%; min-height: 260px; border:none; }
.msg_sender .msg_texts img{padding:10px 0; width:100%;}
.msg_footer {position: relative; margin:0 -20px; padding:15px 20px 0 20px; font-size:12px; border-top:1px solid #E4E8EC;}
.msg_footer span{color:#ff8200; font-weight: 500;}
.msg_footer .btn_reset{padding-left: 27px; line-height: 25px; background: url(../images/ico_reset.svg) no-repeat;}
.msg_footer .btn_reset:hover{padding-left: 27px; line-height: 25px; color:#295FD3; background: url(../images/ico_reset_on.svg) no-repeat;}
.msg_footer .btn_save_temp{margin-left:20px; padding-left: 27px; line-height: 25px; background: url(../images/ico_save.svg) no-repeat;}
.msg_footer .btn_save_temp:hover{margin-left:20px; padding-left: 27px; line-height: 25px; color:#295FD3; background: url(../images/ico_save_on.svg) no-repeat;}
.msg_footer .msg_btn{position:absolute; top:14px; right:20px;}
.msg_units{margin-top:10px; font-size:11px; color:#FF8200;}


.msg_right .msg_box .msg_header{position:relative;}
.msg_right .sender {position: relative; padding-bottom:5px; font-size:14px; color:#D31019;}
.msg_right .sender i{float:right; width:40px; height:40px; line-height: 40px; display:inline-block; border-radius: 50%; color:#fff; font-size:24px; text-align: center; background: #5292CC}
.msg_right .sender span{float:right; margin-right:10px; line-height: 40px;}
.msg_right .sender span.send_time{position:absolute; left:32%; padding-top:15px; line-height: 30px; font-size:12px; color:#999;}
.msg_right .scroll{padding:20px; height:calc(100% - 150px); overflow-y:auto;}
.msg_right select{float:right; border:none; width:auto; color:#4A4A4A; font-weight: 500;}
.msg_right .msg_box{margin-left:30%; font-size:14px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); background-color: #FFE2E4; color:#8F595C;}


.btn_group_send{position:absolute; bottom:0; width:100%;}
.btn_group_send button{float:left; height:60px; font-size:18px; border:1px solid #295FD3; }
.btn_group_send .btn_booking{width:35%; color:#295FD3;}
.btn_group_send .btn_send{width:65%; background:#295FD3; color:#ffffff;}

/** 받는사람 직접입력 **/
.pop_addr_insert .insert_area{height:100px;}
.pop_addr_insert .insert_area textarea{padding:10px; width:100%; height:100%;border:1px solid #efefef;}

/** 보내기 클릭시 팝업 **/
#popup_send_done, #popup_send_book {display:none; width:640px; padding:20px 20px 20px 20px; color:#393939; background: #fff; border-radius: 10px; box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.2); z-index: 9999}
#popup_send_done h2, #popup_send_book h2{margin-bottom:5px;}
#popup_send_done .error_txt, #popup_send_book .error_txt{margin-bottom:10px;}
#popup_send_done .btn_pop_close, #popup_send_book .btn_pop_close{position:absolute; top:20px; right:20px; width:24px; height:24px; background:url(../images/btn_close_pop.svg) no-repeat; overflow: hidden; text-indent: -100px;}
#popup_send_done .popup_head, #popup_send_book .popup_head{border-bottom:1px solid #ded5e1}
#popup_send_done .popup_body, #popup_send_book .popup_body{font-size: 14px; color:#4a4a4a;}
#popup_send_done .popup_body .preview_mob, #popup_send_book .popup_body .preview_mob{float:left; width:380px; background: #eef2f8;}
#popup_send_done .popup_body .preview_mob .prev_to, #popup_send_book .popup_body .preview_mob .prev_to{margin:15px 0 0 0; padding:0 20px; width:100%; height:60px; overflow-y: auto; border-bottom:1px solid #e4e8f0}
#popup_send_done .popup_body .preview_mob .prev_date, #popup_send_book .popup_body .preview_mob .prev_date{padding:15px 20px; font-size:12px; color:#7f8498; overflow: hidden;}
#popup_send_done .popup_body .preview_mob .prev_sender, #popup_send_book .popup_body .preview_mob .prev_sender{padding:0 20px; overflow-y: auto; font-size:14px; color:#4a4a4a; font-weight: 500;}
#popup_send_done .popup_body .preview_mob .prev_msg, #popup_send_book .popup_body .preview_mob .prev_msg{margin:10px 20px; width:280px; height:310px; background: #ffffff; border-radius: 10px; overflow-y:auto;}
#popup_send_done .popup_body .preview_mob .prev_msg .msg_title, #popup_send_book .popup_body .preview_mob .prev_msg .msg_title{padding:20px; font-weight: 500; color:#4a4a4a; font-size: 14px;}
#popup_send_done .popup_body .preview_mob .prev_msg .msg_conts, #popup_send_book .popup_body .preview_mob .prev_msg .msg_conts{padding:0 20px 20px 20px; color:#4a4a4a; font-size:14px; overflow: hidden;}
#popup_send_done .popup_body .preview_price, #popup_send_book .popup_body .preview_price  {float:left; width:200px;padding:20px 0 20px 30px;}
#popup_send_done .popup_body .preview_price dl, #popup_send_book .popup_body .preview_price dl{overflow: hidden;padding-bottom:5px;}
#popup_send_done .popup_body .preview_price dt, #popup_send_book .popup_body .preview_price dt{float:left; width:50%; line-height: 24px;}
#popup_send_done .popup_body .preview_price dd, #popup_send_book .popup_body .preview_price dd{float:left; width:50%;  line-height: 24px; font-weight: 500;text-align: right;}
#popup_send_done .popup_body .preview_price .balance, #popup_send_book .popup_body .preview_price .balance{padding:20px 0; border-top:1px solid #eef2f8; border-bottom:1px solid #eef2f8}
#popup_send_done .popup_body .preview_price .cut, #popup_send_book .popup_body .preview_price .cut{padding-top:20px;}
#popup_send_done .popup_body .preview_price .cut dt, #popup_send_book .popup_body .preview_price .cut dt{clear:both;}
#popup_send_done .popup_body .preview_price .cut dd, #popup_send_book .popup_body .preview_price .cut dd{clear: both; font-size:24px; text-align: left;}
#popup_send_done .popup_footer, #popup_send_book .popup_footer{clear: both; padding:20px 0 0 0; border-top:1px solid #ded5e1 }
#popup_send_done .popup_footer button, #popup_send_book .popup_footer button{padding:15px 30px; font-size:14px; border-radius: 3px;}
#popup_send_done .popup_footer .btn_edit, #popup_send_book .popup_footer .btn_edit{border:1px solid #295FD3; color:#295FD3;}
#popup_send_done .popup_footer .btn_send, #popup_send_book .popup_footer .btn_send{float:right; background: #295FD3; color:#fff;}
#popup_send_done .popup_footer .btn_charge, #popup_send_book .popup_footer .btn_charge{float:right; background: #FB6B41; color:#fff;}

/** 무통장 입금 **/
#pop_payment_step1 {display:none; width:440px; padding:35px 30px; color:#393939; background: #fff; border-radius: 0; box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.2); z-index: 9999}
#pop_payment_step1 .popup_head{}
#pop_payment_step1 h2{margin-bottom:20px;}
#pop_payment_step1 .btn_pop_close{position:absolute; top:15px; right:10px; width:24px; height:24px; background:url(../images/btn_close_pop.svg) no-repeat; overflow: hidden; text-indent: -100px; background-size: 100%;}
#pop_payment_step1 .popup_body{font-size:14px; color:#4a4a4a;}
#pop_payment_step1 .popup_body ul{}
#pop_payment_step1 .popup_body ul dt{margin-bottom:10px; font-size:12px;}
#pop_payment_step1 .popup_body .input_price{position: relative; width:100%; height:40px; border:1px solid #d9d9d9; border-radius: 2px;}
#pop_payment_step1 .popup_body .input_price input[type=text]{padding:0 10px; height:38px; border:none; }
#pop_payment_step1 .popup_body .input_price .unit{position: absolute; top:10px; right:10px; font-size:14px; color:#4a4a4a;}
#pop_payment_step1 .popup_body .input_price_btn {margin-top:15px; overflow: hidden;}
#pop_payment_step1 .popup_body .input_price_btn button{float:left; width:25%; line-height: 40px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-radius: 2px; }
#pop_payment_step1 .popup_body .input_price_btn button:last-child{float:left; width:25%; line-height: 40px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-radius: 2px; }
#pop_payment_step1 .popup_body .input_price_btn button:hover{ background: #fafafa;}
#pop_payment_step1 .popup_body .input_price_btn button:focus{border:1px solid #295FD3;}
#pop_payment_step1 .popup_body .charge_tool{}
#pop_payment_step1 .popup_body .charge_tool h3{margin-top:30px; margin-bottom:10px; font-size:12px;}
#pop_payment_step1 .popup_body .charge_tool dl{clear:both; padding:5px 20px; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; overflow: hidden; border-radius: 2px;}
#pop_payment_step1 .popup_body .charge_tool dl:last-child{border-bottom:1px solid #d9d9d9; }
#pop_payment_step1 .popup_body .charge_tool dt{float:left; width:25%; line-height: 36px; font-size:14px; margin-bottom:0;}
#pop_payment_step1 .popup_body .charge_tool dd{float:left; width:75%; line-height: 34px; }
#pop_payment_step1 .popup_body .charge_tool select{width:100%; padding:0;height:34px; line-height:34px; border:none;}
#pop_payment_step1 .popup_body .charge_tool input[type=text]{padding:0; width:100%; height:34px; border:none; }
#pop_payment_step1 .popup_footer {clear: both; margin-top:20px;}
#pop_payment_step1 .popup_footer .btn_charge_ok{width:100%; height:40px; background: #295FD3; color:#fff; border-radius: 2px; }

/** 무통장 입금 2 **/
#pop_payment_step2 {display:none; width:410px; padding:35px 30px; color:#393939; background: #fff; border-radius: 0; box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.2); z-index: 9999}
#pop_payment_step2 .popup_head{}
#pop_payment_step2 h2{margin-bottom:20px; font-weight: 500; line-height: 1.2;}
#pop_payment_step2 h2 span{color:#295FD3}
#pop_payment_step2 .btn_pop_close{position:absolute; top:15px; right:10px; width:24px; height:24px; background:url(../images/btn_close_pop.svg) no-repeat; overflow: hidden; text-indent: -100px;}
#pop_payment_step2 .popup_body{font-size:14px; color:#4a4a4a;}
#pop_payment_step2 .popup_body dl{clear:both; padding:5px 20px; overflow: hidden;}
#pop_payment_step2 .popup_body dl:first-child{padding:15px 20px 5px 20px; border-top:1px solid #d9d9d9; }
#pop_payment_step2 .popup_body dl:nth-child(5){padding:5px 20px 15px 20px;border-bottom:1px solid #d9d9d9; }
#pop_payment_step2 .popup_body dt{float:left; width:25%; line-height:24px; color:#838383; margin-bottom:0;}
#pop_payment_step2 .popup_body dd{float:left; width:75%; line-height: 24px; text-align: right; font-weight: 500;}
#pop_payment_step2 .popup_body dd.into_price{font-size:18px; color:#295FD3;}
#pop_payment_step2 .popup_body p{margin-top:10px; padding:0 20px; line-height: 1.4;font-size:12px; color:#838383}
#pop_payment_step2 .popup_body select{width:100%; padding:0;height:34px; line-height:34px; border:none;}
#pop_payment_step2 .popup_footer {clear: both; margin-top:20px;}
#pop_payment_step2 .popup_footer .btn_charge_done{width:100%; height:40px; background: #295FD3; color:#fff; border-radius: 2px; }



.popup{display:block; padding:20px 20px 10px 20px; color:#393939; background: #fff; border-radius: 10px; box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.2);}
.popup h2{margin-top:0; margin-bottom:0; font-size:18px; text-align: left; color:#393939; height:33px; font-weight: normal; }
.popup .btn_pop_close{position: absolute; top:15px; right:20px; width:20px; height:20px; background: url('../images/btn_pop_close.svg') no-repeat; overflow:hidden; text-indent: -1000px; display:inline-block;}
.popup .popup_footer{position:relative; margin:0 -20px; width:110%; text-align: right; padding:9px 15px; border-top:1px solid #ccc;}
.popup button{margin-left:10px;padding:0 17px; border-radius: 12px; height:50px; line-height: 50px; font-size:14px; font-weight: 300;}
.popup button:hover{color:#0F8AF9}
.popup button:active{ color:#0F8AF9}
.popup button.btn_primary{font-weight: 400;}
.popup button.btn_primary:active{ background: #d5d5d5;}

.popup{position:fixed; width:480px; overflow:hidden;}
.popup .popup_body {width:100%; text-align: left; }

.popup .popup_body p{width:400px;height:183px; margin:0 auto; display: table-cell; vertical-align: middle; font-size:22px;}
.popup .popup_body .tabs{height:35px; line-height: 35px; z-index: 9;}
.popup .popup_body .tabs li{float:left; }
.popup .popup_body .tabs li a{height: 33px; line-height: 26px; padding:5px 15px 3px 15px; font-size:14px; background: #eee; border-radius: 3px 3px 0 0; display: inline-block;}
.popup .popup_body .tabs li.ui-tabs-active a{height: 35px; border-radius: 3px 3px 0 0; color:#295FD3; border-top:2px solid #295FD3; border-right:2px solid #295FD3; border-left:2px solid #295FD3; border-bottom:2px solid #fff; background: #fff; font-weight: 500;}
.popup .popup_body button{padding: 0 20px; height: 40px; line-height: 40px; border: 1px solid #295FD3; border-radius: 3px; color: #295FD3; display: inline-block; }
.popup table{width:100%; font-size:14px;}
.popup .table_list{border-collapse:collapse; width:430px}
.popup .table_list thead{float:left; width:430px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.popup .table_list thead th{padding:5px;}
.popup .table_list thead th:nth-child(1){width:120px;}/** 이름 **/
.popup .table_list thead th:nth-child(2){width:145px;}/** 핸드폰번호 **/
.popup .table_list thead th:nth-child(3){width:100px;}/** 성공시간 **/
.popup .table_list thead th:nth-child(4){width:60px;}/** 관리 **/
.popup .table_list tbody{overflow-y:auto; overflow-x:hidden; float:left; width:430px; height:174px}
.popup .table_list tbody tr{display:table; width:430px;}
.popup .table_list td{padding:7px 5px; border-bottom:1px solid #eee;}
.popup .table_list td:nth-child(1){width:120px;}
.popup .table_list td:nth-child(2){width:140px;}
.popup .table_list td:nth-child(3){width:100px;}
.popup .table_list td:nth-child(4){width:60px;}

.popup_addr_group{height:180px;}
.popup_addr_group input[type="text"]{width:300px;}

.pop .setting_group {width:100%}
.pop .setting_group th{font-size:14px; font-weight: 500; color:#444444; border-top:none;}
.pop .setting_group tr:first-child th, .pop .setting_group tr:first-child td{border-top:1px solid #edf2f7;}

.pop_group_set table{width:100%;}
.pop_group_set th, .pop_group_set td{padding:5px 5px; border-bottom: 1px solid #edf2f7;}
.pop_group_set td{text-align: right}
.pop_group_set input[type="checkbox"] + label span{padding:0 0 0 27px;}
.pop_group_set .pop_footer{position: relative !important;}
.pop_group_set input[type="text"]{width: 100%}


.pop_report .tabs {overflow:hidden;}
.pop_report .tabs li{float: left; margin-bottom:10px; padding-top:10px; width:33.333%; line-height: 40px; text-align: center; font-size:14px; border-top:1px solid #ebeded; border-bottom:1px solid #ebeded; display: inline-block; cursor: pointer;}
.pop_report .tabs li.on{color:#295FD3; border-bottom:2px solid #295FD3; font-weight: 500;}
.pop_report .conts{clear: both; display:none;}
.pop_report .conts.on{display: block;}
.pop_report .conts .good_txt a{text-decoration:underline; font-weight: 500;}
.pop_report .conts section{clear:both; overflow: hidden;}
.pop_report .pop_search{margin:15px 0; width:100%; text-align: left;}
.pop_report .pop_search .bt_xls{float:right;}
.pop_report .btn_search{padding:0 15px 0 33px; line-height: 32px; color: #4365ED; border: 1px solid #4365ED; background: url('../images/btn_search.svg') no-repeat #fff 10px 9px; border-radius: 2px;}


.pop_history .pop_search{margin:0 0 15px 0; width:100%; text-align: left;}
.pop_history .btn_search{padding:0 15px 0 33px; line-height: 32px; color: #4365ED; border: 1px solid #4365ED; background: url('../images/btn_search.svg') no-repeat #fff 10px 9px; border-radius: 2px;}
.pop_history .tb_list tbody td:first-child{width:90px; font-size:12px;}
.pop_history .tb_list tbody td:nth-child(2){text-align: left;}
.pop_history .tb_list tbody td .img_wrap {margin-left:10px; float:right; width:60px; height:40px; border:1px solid #E4E8F0; overflow: hidden; display:inline-block;}
.pop_history .tb_list tbody td .img_wrap img{width:100%;}

#tabs_addr .tabs{border-bottom:2px solid #295FD3 !important;}
#tabs_addr .tabs .active{
  height: 35px;
    border-radius: 3px 3px 0 0;
    color: #295FD3;
    border-top: 2px solid #295FD3;
    border-right: 2px solid #295FD3;
    border-left: 2px solid #295FD3;
    border-bottom: 2px solid #fff;
    background: #fff;
    font-weight: 500;
}
#tabs_group table, #tabs_pre table{width:100%; font-size:14px; z-index: 8;}
#tabs_group table, #tabs_pre table{border-collapse:collapse; width:430px}
#tabs_group table thead, #tabs_pre table thead{float:left; width:430px; border-top:none; border-bottom:1px solid #ccc;}
#tabs_group table thead th, #tabs_pre table thead th{padding:5px;}
#tabs_group table thead th:nth-child(1), #tabs_pre table thead th:nth-child(1){width:40px !important;}/** 이름 **/
#tabs_group table thead th:nth-child(2), #tabs_pre table thead th:nth-child(2){width:145px;}/** 핸드폰번호 **/
#tabs_group table thead th:nth-child(3), #tabs_pre table thead th:nth-child(3){width:240px;}/** 성공시간 **/
#tabs_group table tbody, #tabs_pre table tbody{overflow-y:auto; overflow-x:hidden; float:left; width:430px; height:148px}
#tabs_group table tbody tr, #tabs_pre table tbody tr{display:table; width:430px;}
#tabs_group table tbody td, #tabs_pre table tbody td{padding:7px 5px; border-bottom:1px solid #eee;}
#tabs_group table tbody td:nth-child(1), #tabs_pre table tbody td:nth-child(1){width:40px !important;}
#tabs_group table tbody td:nth-child(2), #tabs_pre table tbody td:nth-child(2){width:140px;}
#tabs_group table tbody td:nth-child(3), #tabs_pre table tbody td:nth-child(3){width:245px;}

#tabs_addr table thead, #tabs_addr table thead{}

/** datepicker **/
.ui-datepicker{padding:15px; box-shadow: 0 1px 20px 0 rgba(0,0,0,.1); background: #fff; font-size:12px;}
.ui-datepicker-prev, .ui-datepicker-next{width:18px; height:18px; display: inline-block; overflow: hidden; text-indent: -100px;}
.ui-datepicker-prev{position: absolute; top:15px; left:10px; background: url(../images/ico_cal_prev.svg) no-repeat;}
.ui-datepicker-next{position: absolute; top:15px; right:10px;  background: url(../images/ico_cal_next.svg) no-repeat;}
.ui-datepicker-title{padding:0 20px 10px 20px; text-align: center; font-weight: 500;}
.ui-datepicker-calendar th{padding:3px 6px; }
.ui-datepicker-calendar th a, .ui-datepicker-calendar td a, .ui-datepicker-calendar td a:hover{width:100%; line-height: 26px; text-align: center; display: block;}
.ui-datepicker-today{ background: #295FD3; color:#fff; border-radius: 3px; }

.prev_date li{float:left; width:93px; margin-right:2px;}
.prev_date li:first-child{clear: both; width:100%;}
.prev_date li:nth-child(5){width:3px; line-height: 34px;}
.prev_date li:nth-child(3), .prev_date li:nth-child(6){width:70px}
.prev_date li select{width:100%; height:34px; line-height: 34px; font-size:12px;}
.prev_date input[type=text]{width:100%; height:34px; font-size:12px;}
.prev_sender{clear:both;}


/******/
.layer_emo{position: absolute;top:-1px; left:-1px; width:407px; height:230px; border:1px solid #E4E8F0; border-radius: 3px; background-color: #F6F9FF; z-index: 100; display: none;}
.layer_emo.dash{position: absolute; bottom:5px; right:40%;}
.layer_emo.show{display:block;}
.list_symbol{padding:10px; height:180px; overflow-y:scroll; display:flex; flex-wrap: wrap;}
.list_symbol li{}
.list_symbol li button{padding:9px 10px; border-radius: 3px; font-size:18px;}
.list_symbol li button:hover{color:#222; background: #EEF2F8}

.layer_info .layer_header, .layer_emo .layer_header{position:relative;}
.layer_info .layer_header h2, .layer_emo .layer_header h2{margin:0; padding:10px 15px; font-size:14px; border-bottom:1px solid #eee;}
.layer_info .layer_header a, .layer_emo .layer_header a{position: absolute; top:10px; right:10px; }

.layer_info .layer_header a.btn_layer_close,
.layer_emo .layer_header a.btn_layer_close{position: absolute; top: 7px; right: 5px; width: 24px; height: 24px; background: url(../images/btn_close_pop.svg) no-repeat; overflow: hidden; text-indent: -100px;}

.layer_info{position: absolute;top:28%; right:15%; width:200px; border:1px solid #F0F0F1; border-radius: 3px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; z-index: 100; display: none;}
.layer_info .info_list {padding:0; overflow:hidden;}
.layer_info .info_list li{padding:7px 15px; font-size:12px; border-bottom: 1px solid #F0F0F1;}

/******/
.addr{padding:30px 30px 0 30px;}
.addr .search{position: relative; margin-bottom:10px;}
.addr .search .search_right{float:right;}
.addr_wrap{position:relative; margin:auto; width:100%; max-width:980px;}

.addr .search .input_date{position: relative; text-align: left;}
.addr .search .input_date .ico_cal{position: absolute; top:6px; left:6px; width:22px; height:22px; background: url('../images/ico_calen.svg') no-repeat; }
.addr .search .input_date input[type=text]{padding-left: 30px; width:220px; font-size:14px; color:#0D256E;}
.addr .search input[type=number]{padding-right:0px; width:220px; font-size:14px; color:#0D256E; background: #ffffff;}


.fixed_head{position: sticky; top:0; height:41px; border-top:1px solid #eaeaea; background: #ffffff; z-index: 6}
.scroll{overflow-y:auto; height:calc(100vh - 362px);}
.addr_list input[type=text]{background: #ffffff;width:200px; }
.addr_list table{width:100%; border-collapse: separate;}
.addr_list th{padding:10px; color:#9b9b9b;font-size:12px;  border-top:1px solid #E4E8F0; border-bottom:1px solid #E4E8F0; background: #fff;}
.addr_list th:last-child{padding:0px !important;}
.addr_list td{padding:15px 10px; font-size:14px;  vertical-align: middle; text-align: center; border-bottom:1px solid #E4E8F0; background: #fff; display:flex;}
.addr_list .select_num{ display:inline-block; border-radius: 10px; font-size:14px; line-height: 1; margin-left:10px; padding:5px 10px; background: #f8e5e9; color:#f65d35; font-weight: normal}

.addr_list .satus_recept{color:#295FD3}
.addr_list .satus_reject{color:#FB6B41}
.addr_list .user_name{width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;}
.addr_list .group_name{position:relative; width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;}
.addr_list .group_type1, .addr_list .group_type2, .addr_list .group_type3, .addr_list .group_type4, .addr_list .group_type5, .addr_list .group_type6, .addr_list .group_type7,
#popup_addr_list .group_type1, #popup_addr_list .group_type2, #popup_addr_list .group_type3, #popup_addr_list .group_type4, #popup_addr_list .group_type5, #popup_addr_list .group_type6, #popup_addr_list .group_type7
{ float:left; margin-top: 4px; margin-right: -15px; padding: 0 0 0 7px; width:30px; height:30px; line-height:26px; color:#fff; letter-spacing: 15px; border-radius: 30px; border:2px solid #fff; display: inline-block; overflow:hidden;}
.addr_list .group_type1, #popup_addr_list .group_type1{background: #FC930A; }
.addr_list .group_type2, #popup_addr_list .group_type2{background: #F7C41F}
.addr_list .group_type3, #popup_addr_list .group_type3{background: #E0E05A;}
.addr_list .group_type4, #popup_addr_list .group_type4{background: #CCF390;}
.addr_list .group_type5, #popup_addr_list .group_type5{background: #F4EAD5;}
.addr_list .group_type6, #popup_addr_list .group_type6{background: #F98F6F;}
.addr_list .group_type7, #popup_addr_list .group_type7{background: #C1D9CD;}
.addr_list table .corp_name{float:left; margin:11px 0 0 20px; width: calc(100% - 60px); }
.addr_list .btn_edit{width: 30px; height: 30px; font-weight: 500; font-size: 15px; border-radius: 3px; background: url(../images/ico_edit.svg) center no-repeat; overflow: hidden; display: inline-block; text-indent: -1000px;}
.addr_list .btn_edit:hover{background: url(../images/ico_edit_w.svg) #7F94ED center no-repeat;}
.addr_list .btn_del{width: 30px; height: 30px; font-weight: 500; font-size: 15px; border-radius: 3px; background: url(../images/ico_send_del.svg) center no-repeat; overflow: hidden; display: inline-block; text-indent: -1000px;}
.addr_list .btn_del:hover{background: url(../images/ico_send_del_w.svg) #7F94ED center no-repeat;}
.addr_list .tooltip .group_name{display:inline-block;}
.addr_list .tooltip_text{top:-20px; bottom:unset; left:40%; white-space: pre-line}
#popup_addr_list .table_list .group_name{padding-left:20px; line-height: 38px; display: inline-block;}
#popup_addr_list .table_list td{vertical-align: middle;}
#popup_addr_list .paging{padding-top:20px; border-top:1px solid #eee}

.ico_editGname{width:21px; height:21px; line-height: 25px; background: url('../images/ico_editGname.svg'); display: inline-block; text-indent: -1000px;}
.ico_editGname:hover{background: url('../images/ico_editGname_on.svg');}
.ico_cancel{width: 30px; height: 30px; font-weight: 500; font-size: 15px; border-radius: 3px; background: url('../images/ico_cancel.svg') center no-repeat; overflow: hidden; display: inline-block; text-indent: -1000px;}
.ico_cancel:hover{background: url('../images/ico_cancel_w.svg') #7F94ED center no-repeat;}

.addr_wrap h2 {font-weight:300;}
.addr_wrap h2 span{padding:0 20px; color:#979797; font-weight: 200;}
.addr_wrap h2 a.active{font-weight: 600;}
.addr_wrap h3 {position:relative; font-size: 16px; font-weight: 700; color: #3c5665;}
.addr_wrap h3 a{line-height:1.2}
.addr_wrap h3 span.badge_blue{margin-top:-5px; font-size: 14px; font-weight: 300 !important; color:#227fe7;}
.addr_wrap h3 #groupAdd{position: absolute; bottom:10px; right:0;}
.addr_wrap .addr_add_file{padding:30px; background: #fff; border:1px solid #E4E8F0; overflow: hidden; text-align: center;}
.addr_wrap .addr_add_file .opacity0{opacity: 0;}
.addr_wrap .addr_add_file li{margin-bottom:10px;}
.addr_wrap .addr_add_file .info_txt{margin-top:10px; padding: 0 0 0 10px; font-size:12px; background: url('../images/ico_dot_gray.svg') 0 5px no-repeat; text-align: left;}
.addr_wrap .addr_add_file .file_box{position: relative; display:block; background: #F7F9FC; color: #3577C4;}
.addr_wrap .addr_add_file .file_box i.icon{width:45px; height:45px; display:inline-block; background: url(../images/ico_file_upoload.svg);}
.addr_wrap .addr_add_file .file_box .upload_file_name{display:none;}
.addr_wrap .addr_add_file .file_box .red{border:1px solid red;}
.addr_wrap .addr_add_file .file_box .blue{border:1px solid blue;}
.addr_wrap .addr_add_file .file_box .btn_del{width: 30px; height: 30px; font-weight: 500; font-size: 15px; border-radius: 3px; background: url(../images/ico_send_del.svg) center no-repeat; overflow: hidden; display: inline-block; text-indent: -1000px;}
.addr_wrap .addr_add_file .file_box .btn_del:hover{background: url(../images/ico_send_del_w.svg) #7F94ED center no-repeat;}
.addr_wrap .addr_add_file .file_box label {
    display: inline-block;
    padding: 0 20px 0 20px;
    /* line-height: 32px; */
    color: #295FD3;
    font-size:14px;
    vertical-align: middle;
    /* background-color: #fff; */
    cursor: pointer;
    /* border: 1px solid #295FD3; */
    /* border-radius: 3px; */
}
/*
.addr_wrap .addr_add_file .file_box .upload-name{width:300px;}
.addr_wrap .file_box .ico_upload_done{position: absolute; top:4px; right:8px; width:26px; height:26px; display: inline-block; background: url('../images/ico_upload_done.svg'); display:none;}
.addr_wrap .file_box.ad_ok .upload-name{border:1px solid #4365ED;}
.addr_wrap .file_box.ad_ok .ico_upload_done{display: block;}
*/
.addr_wrap .info_text{margin-bottom:10px; padding:10px 20px; display:block; background: #ffffff;font-size:12px; border-radius: 10px;}
.addr_wrap .info_text p:first-child {margin-bottom:5px; font-size:14px;}
.addr_wrap .info_text a{text-decoration: underline}

.addr_wrap .addr_xls_select .info_txt{margin-bottom:20px;}
.addr_wrap .addr_xls_select .info_txt a{color:#4365ED; text-decoration:underline;}
.addr_wrap .addr_add_select{overflow-x:auto;}
.addr_wrap .addr_add_select table{width:100%; overflow-x:auto; background: #fff;}
.addr_wrap .addr_xls_select .check_del{margin:10px 0;}

.addr_wrap .select_group_wrap {clear:both; margin-bottom:30px;}
.addr_wrap .select_group_wrap dl{margin-top:40px;}
.addr_wrap .select_group_wrap dt{padding:40px 0 0 0; font-size: 16px; font-weight: 700; color: #3c5665; border-top:1px solid #edf2f7}
.addr_wrap .select_group_wrap dd{padding:20px 0; font-weight: 300;}
.addr_wrap .select_group_wrap p{margin-top:5px;}
.addr_wrap .select_group_wrap p.good_txt{margin-bottom:30px;}
.select_group_wrap .select_group_list{position:relative; margin:0 0 20px 30px; width:50%; max-height:218px; border:1px solid #E4E8F0;background: #fff; overflow-y:auto;}
.select_group_wrap .select_group_list table{width:100%; border-collapse: separate;}
.select_group_wrap .select_group_list th{padding:10px 15px; border-bottom: 1px solid #edf2f7; text-align: left;}
.select_group_wrap .select_group_list td{padding:10px 15px; border-bottom: 1px solid #edf2f7;}
.select_group_wrap .select_group_list td{text-align: right}
.select_group_wrap .select_group_list > p{padding:0 15px 5px 15px}
.select_group_wrap .select_group_list .fixed_bottom{position:sticky; bottom:-1px; border-top:1px solid #eeeeee; background: #ffffff;border-collapse: separate;}
.select_group_wrap a{color:red; text-decoration: underline;}

.addr_wrap .table_top{margin-bottom:10px; text-align: right}
.addr_wrap .table_footer{display:flex; margin-top:10px; justify-content: flex-end; text-align: right;}
.addr_wrap .table_footer ul:first-child button{margin-left:5px;}
.addr_wrap .table_footer ul:last-child button{margin-right:5px;}
.table_list{background: #ffffff;}
.table_list table{width:100%; border-collapse: separate;}
.table_list th{padding:10px 15px; border-top: 1px solid #edf2f7; border-bottom: 1px solid #edf2f7; font-size:12px; color:#9b9b9b;}
.table_list td{padding:10px 15px; border-bottom: 1px solid #edf2f7; text-align: center}
.table_list.empty{height:250px; background: url('../images/ico_addr_file_upload.svg') no-repeat center center #ffffff; border: 1px solid #eaebef;}
.tabulator input[type=checkbox]{display:block;}

.addr_add_loader{margin:0 auto; padding:200px 0; width:100%; max-width:400px;}

.add_done{margin:0 auto; padding:60px 0; width:100%; max-width:400px;}
.add_done .add_insert_error{text-align: center; line-height: 1.6}
.add_done .add_insert_error strong{font-weight:500; color:#295FD3;}
.add_done .add_done_text {padding:100px 0 40px 0; background: url('../images/ico_contact_check.svg') no-repeat center 0; color:#4365ED; font-size:18px; text-align: center;}
.add_done .add_fail_text {padding:100px 0 40px 0; background: url('../images/ico_contact_fail.svg') no-repeat center 0; color:#555555; font-size:18px; text-align: center; }
.add_done .addr_fail_list{overflow: hidden; margin:0 auto;padding-bottom:40px; width:80%}
.add_done .addr_fail_list dl{padding:0 20px; height:50px; line-height:50px; cursor: pointer; background: #fff; border:1px solid #F7F9FC;}
.add_done .addr_fail_list dl:hover{border:1px solid #4365ED}
.add_done .addr_fail_list dt{float:left; width:60%;}
.add_done .addr_fail_list dd{float:left; width:40%; text-align: right; font-weight: 500; color:#E54853;}
.add_done .btn_area{text-align: center;}

.addr_info{margin-bottom:30px; padding:20px 30px; background: #8895b0; border-radius: 5px; color:#fff; font-size:12px;}
.addr_info li{margin:5px 0; padding:0 0 0 15px; background: url(../images/ico_dot.svg) no-repeat 0 3px;}
.addr_info a{text-decoration: underline; color:#f3e97a;}
.addr_info .point{color:#f3e97a; font-weight: bold;}
.btn_area a{display: block; margin-top:20px; color: #4365ED; text-decoration: underline;}
.pop .addr_info{margin-bottom:10px; padding:10px 15px;}
.pop .table_top{text-align: right; margin-bottom:10px;}
.pop .table_footer button{margin-right:5px;}
#popup_new_group input[type="text"]{width:100%;}
/* Center the loader */
#loader { position:relative; left: 50%; top: 50%; z-index: 1; width: 100px; height: 100px; margin: -50px 0 0 -50px; border: 10px solid #fff; border-radius: 50%; border-top: 10px solid #295FD3; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}
.loader_txt{padding:30px; text-align: center; color:#4365ED; font-size:18px;}


@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 }
  to { bottom:0; opacity:1 }
}

@keyframes animatebottom {
  from{ bottom:-100px; opacity:0 }
  to{ bottom:0; opacity:1 }
}

#myDiv { display: none; text-align: center;}

.send_list .list_select input[type="checkbox"] .select_group_list{visibility: hidden;}
.send_list .list_select input[type="checkbox"]:checked + label:after {opacity: 1;}

.addr_wrap .addr_txt{padding: 20px 0;}
.addr_wrap .btn_normal{ padding:0 50px; background: #295FD3; color:#fff;}
.addr_wrap .addr_form{padding:30px; width:100%; overflow:hidden; background: #ffffff; border:1px solid #eaebef;}
.addr_wrap .addr_form ul{clear: both; position:relative; display:flex; flex-basis:auto;}
.addr_wrap .addr_form dl{float:left; padding:0 15px 15px 0; width:32%; overflow: hidden; display: inline-block;}
.addr_wrap .addr_form dl:nth-child(4){padding:22px 0 0 0; width:5%; display:flex; }
.addr_wrap .addr_form dt{margin-bottom:5px; font-size:14px; color:#5e6875;}
.addr_wrap .addr_form dd input[type="text"], .addr_wrap .addr_form dd select{width:100%;}
.addr_wrap .addr_form .btn_lineDel{width:34px; height:34px; background: url('../images/ico_del_blue.svg') no-repeat #fff center; overflow: hidden; text-indent: -1000px}
.addr_wrap .addr_form .btn_lineDel:hover{width:34px; height:34px; background: url('../images/ico_del_red.svg') no-repeat #fff center; overflow: hidden; text-indent: -1000px}
.addr_wrap .addr_form .btn{position:absolute; top:35px; right:0;}
.addr_wrap .addr_form .btn_lineAdd{clear: both;}
.addr_wrap .addr_form table{width:100%;}
.addr_wrap .addr_form th{padding:10px 0 ;border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.addr_wrap .addr_form td{padding:10px 0; border-bottom:1px solid #eeeeee; text-align: center;}


.addr_wrap .addr_empty{padding:200px 0 100px 0; color:#94AAC0; text-align: center; background: url('../images/ico_contact.svg') center 100px no-repeat #fff; border: 1px solid #eaebef;}

.addr_wrap .dropdown_toggle{position: absolute; }

/* Dropdown Button */
.addr_dropbtn {cursor: pointer; }
.addr_dropbtn .down_arrow{float:right; display:inline-block; margin:8px 0 0 5px; width:16px; height:16px; background: url('../images/ico_down_arrow.svg') no-repeat;}
/* The container <div> - needed to position the dropdown content */
.addr_dropdown { position: absolute; top:7px; right:0; line-height: normal; display: inline-block;}

/* Dropdown Content (Hidden by Default) */
.addr_dropdown-conts { display: block; position: absolute; padding:5px 0; background-color: #fff; border:1px solid #CDD5DD; min-width: 140px; z-index: 99;}

/* Links inside the dropdown */
.addr_dropdown-conts a { font-size:14px; padding: 7px 15px; font-weight: 400;text-decoration: none; display: block;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
.disable{opacity: 0.4;}

.search_select{}
#selRecept:hover .search_dropdown-conts{display:block}
#selGroup:hover .search_dropdown-conts{display:block}
#selSatus:hover .search_dropdown-conts{display:block}

.search_select .btn_search{ padding:0 !important; width:34px;height:34px; overflow:hidden; text-indent: -1000px; background: url(../images/btn_search.svg) no-repeat #fff center center !important;}
/* Dropdown Button */
.search_dropbtn {cursor: pointer; padding:0 10px; min-width:130px; line-height: 32px; text-align: left; color:#7F8498; border: 1px solid #E4E8F0; border-radius: 2px; background: #fff;}
.search_dropbtn .search_arrow{float:right; display:inline-block; margin:8px 0 0 5px; width:16px; height:16px; background: url('../images/ico_select_arrow.svg') no-repeat;}
.search_dropdown { position: absolute; top:7px; right:0; line-height: normal; display: inline-block;}
.search_dropdown-conts { display: block; position: absolute; padding:10px 0; background-color: #fff; border:1px solid #CDD5DD; min-width: 140px; z-index: 99;}
.search_dropdown-conts ul{position:relative; width:100%; max-height:200px; overflow-y:auto; }
.search_dropdown-conts ul li:last-child {padding-bottom:40px !important;}
.search_dropdown-conts li {font-size:14px; padding: 7px 15px; font-weight: 400;text-decoration: none; display: block; cursor: pointer;}
.search_dropdown-conts li:hover{background: #f7f7f7}
.search_dropdown-conts input[type='checkbox'] + label span{max-width:200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;}
.search_dropdown-conts .btn_apply{position: absolute; bottom:0; left:0; width:100%; padding:10px; background: #ffffff;}
.search_dropdown-conts input[type="checkbox"] + label span{padding: 0 0 0 27px;}
.search_dropdown-conts  ul:nth-last-child(2){float:left !important;}
.addr_detail table{width:100%; color:#9b9b9b;}
.addr_detail th{padding:10px; color:#9b9b9b; font-size:14px; border-top:1px solid #979797; border-bottom:1px solid #979797; }
.addr_detail td{padding:15px 10px; vertical-align: middle; text-align: center; border-bottom:1px solid #E4E8F0;}
.addr_detail td:nth-child(2){color:#4A4A4A; text-align: left;}
.addr_detail .status_reject{color:#295FD3;}
.addr_detail .status_ok{color:#4a90e2;}

.addr_add_select table{width:100%; color:#9b9b9b;}
.addr_add_select th{padding:10px 10px 0 10px; color:#9b9b9b; font-size:14px; border-top:1px solid #E4E8F0;}
.addr_add_select td{padding:15px 10px; vertical-align: middle; text-align: center; border-bottom:1px solid #E4E8F0;}
.addr_add_select select{width:120px; border:1px solid #efefef;}

.addr_summery{display: none; position: fixed; top:0; right:0; width:280px; height:100%; border:1px solid red; background:#ffffff;}
.addr .btn_add_file{padding:0 20px; height:40px; line-height: 40px; border:1px solid #295FD3; border-radius: 3px; display: inline-block;}
.addr .btn_add_group{padding:0 20px; height:40px; line-height: 40px; border:1px solid #295FD3; border-radius: 3px; color:#fff; background: #295FD3; display: inline-block;}
.add_btn_group{position:absolute; top:0; right:0;}
.btn_area{margin-top:10px;}
.btn_area_r{float:right;}

.addr .search{height:40px; margin-bottom:5px;}
.addr .search ul{float:left; margin-right:5px;}
.addr .search select{padding-right:25px; width:auto;}
.addr .search .btn_search{padding:0 15px 0 33px; line-height: 34px; color: #4365ED; border: 1px solid #4365ED; background: url('../images/btn_search.svg') no-repeat #fff 10px 9px; border-radius: 2px;}
.addr .search .btn_area{text-align: center;}
.addr .search ul:nth-last-child(2){float: right; margin-right:0;}
.addr .search .search_dropbtn:disabled{opacity: 0.5}
.addr .quick_insert{padding:5px 10px; text-align: right; background: #ffffff; border-top:1px solid #E4E8F0;  }
.addr .quick_insert label{margin-right:10px;}

.data-table{display:block !important; position:relative;}
.data-table-pagination .pagination-search{display: none !important;}
.data-table-pagination .pagination {display:flex;}
.data-table-pagination .page-item{display: inline-block; margin: 0 2px; width: 22px; height: 22px; line-height: 22px; font-size: 12px; text-align: center;}
.data-table-pagination .page-item.active{color: #E5484F; border: 1px solid #E5484F; border-radius: 3px;}
.data-table .data-table-pagination{margin:1rem auto !important; justify-content: center; grid-template-columns: 100%}
/* .data-table>.data-table-search-filter{justify-content: flex-end;} */
.data-table .data-table-export-data{position:absolute; top:0; right:0; margin-top:0;}
.data-table-export-data select{display:none;}
.data-table-export-data button{padding: 0 20px; height: 34px; line-height: 34px; font-size: 14px; border: 1px solid #295FD3; background: #fff; color: #295FD3; border-radius: 4px;}

.payment{padding:30px;}
.payment .pay_wrap{max-width:980px; margin:0 auto;}
.payment .product_list{overflow:hidden;}
.payment .product_list .title_txt{margin-bottom:20px; color:#727272; font-size:14px;}
/*.payment h2 {font-weight:300;}*/
.payment h2 span{padding:0 20px; color:#979797; font-weight: 200;}
.payment h2 a.active{font-weight: 600;}
.payment h4{position: relative; margin-top:30px; font-size:16px;}
.payment h4 p{font-size:12px;}
.payment h4 a { position: absolute; bottom: 0; right: 0; font-size: 12px;}
.payment .top_right{position: absolute; bottom:0; right:0; font-size:14px;}

.payment .pay_calc{float:left; margin:0; padding:30px; width:25%; background:#f9f3f3; border-radius: 3px; border: none;}
.payment .pay_calc input[type=number]{width:80%; color:#295FD3; font-size:20px; text-align: right; border-top:none; border-right:none; border-left:none; border-bottom:2px solid #295FD3; background: none;}
.payment .pay_calc .btn_calc{margin-top:50px; width:100%; height:45px; line-height: 45px; font-size:18px; color:#295FD3; background: #fff; border:1px solid #295FD3; border-radius: 4px; display:inline-block;}
.payment .pay_calc .btn_calc:hover{color:#fff; background: #295FD3; }
.payment .pay_calc .info_txt{margin-top:40px; font-size:11px; color:#b27474; line-height: 1.3;}
.payment .payment_tabs {width:100%; margin-bottom:30px; padding:0 20px; height:43px; line-height: 40px; border:1px solid #ebeded; background: #fff; display: table;}
.payment .payment_tabs li{display: table-cell; margin:0 2%; font-size:14px; text-align: center;}
.payment .payment_tabs li.active{font-weight: 500;}
.payment .payment_tabs li a{display: inline-block; height:43px; line-height: 43px;}
.payment .payment_tabs li.active a{ line-height: 43px; border-bottom: 2px solid #295FD3; color:#295FD3}
.payment .pay_info{margin-bottom: 30px; padding: 20px 30px; width: 100%; background: #8895b0; color: #fff; font-size: 12px; border-radius: 3px;}
.payment .pay_info li{margin:3px 0; padding: 0 0 0 12px; background: url('../images/ico_dot.svg') no-repeat 0 5px;}
.payment .pay_info span { color: #fffa8d;}
.payment .pay_info b{font-weight: 600;}
.payment .pay_info a{text-decoration: underline; }
.payment .pay_info a:hover{color:#FFF99B}
.payment .pay_bank{width: 100%; padding:20px; border: 1px solid #ebeded; background: #fff; display: table;}
.payment .pay_bank .bank_list li{margin-bottom: 10px;}
.payment .pay_help {clear:both; margin-top:20px; margin-bottom:130px;}
.payment .pay_help dl{float:left; width:49%;}
.payment .pay_help dl:first-child{margin-right:2%;}
.payment .pay_help dt{line-height: 50px; font-size: 16px; font-weight: 700; color: #3c5665;}
.payment .pay_help dd{position: relative; padding: 20px; width:100%; min-height:78px; background: #fff; border: 1px solid #ebeded; display:inline-block;}
.payment .pay_help input[type="text"]{width:calc(100% - 110px);}
.payment .pay_help .pay_calc_wrap button{position:absolute; top:20px; right:20px;}


.calc_wrap {padding:20px;}
.calc_wrap .subtxt{font-size:11px; color:#999;}
.calc_tab {overflow:hidden;}
.calc_tab li{float: left; margin-bottom:10px; padding-top:10px; width:50%; line-height: 40px; text-align: center; font-size:14px; border-top:1px solid #ebeded; border-bottom:1px solid #ebeded; display: inline-block; cursor: pointer;}
.calc_tab li.on{color:#295FD3; border-bottom:2px solid #295FD3; font-weight: 500;}
.calc_conts{clear: both; display:none;}
.calc_conts.on{display: block;}
.calc_conts section{clear:both; overflow: hidden;}
.calc_conts .info_txt{margin:20px 0; padding:20px; font-size:12px; background: #f5f7fa}
.calc_conts .info_txt li{margin:3px 0; padding: 0 0 0 12px; background: url('../images/ico_dot_gray.svg') no-repeat 0 5px;}
.calc_conts h3{margin:20px 0 10px 0; font-size:16px; font-weight: 500;}
.calc_conts dl{margin:30px 0;}
.calc_conts dt{float:left; width:29%; line-height: 34px; font-size:16px; font-weight: 500;}
.calc_conts dd{float:left; width:70%; text-align: right;}
.calc_conts dd.input_price input[type="number"]{width:80%; font-size:16px; border:none; border-bottom:2px solid #c3c3c3;}
.calc_conts .calc_option table{width:100%;}
.calc_conts .calc_option th{background:#f5f7fa;}
.calc_conts .calc_option th, .calc_conts .calc_option td{padding:5px 10px; font-size:14px; text-align: center; border:1px solid #ebeded}
.calc_conts .calc_option td{text-align: right;}
.calc_conts .btn_area_center {width: 100%; text-align: center;}
.calc_conts .btn_area_center .estimateDown{margin:0 auto; display: inline-block;}
.calc_conts .calc_option input[type="number"]{width:80%;}
.calc_conts .btn_area{padding:10px 0 20px 0;}
.calc_conts .btn_area button{width:50% !important;}

.payment .pay_eidt_history{padding:10px 20px; background: #fff; border:1px solid #ebeded;}
.payment .pay_eidt_history li{margin:6px 0; padding: 0 0 0 12px; background: url('../images/ico_dot_gray.svg') no-repeat 0 5px;}

.payment .pay_bill_none{padding:150px 0 50px 0; width:100%; line-height: 1.6; text-align: center; background: url('../images/ico_bill_corp.svg') no-repeat center 50px #fff;}
.payment .pay_bill_none{}

.noti_txt{padding:20px; background: #fff; border-right: 1px solid #ebeded; border-bottom: 1px solid #ebeded; border-left: 1px solid #ebeded;}
.noti_txt li{ padding: 0 0 0 12px; font-size:12px; background: url('../images/ico_dot_gray.svg') no-repeat 0 5px;}
.noti_txt span{color:#4265ED; }
.payment .search {position:relative; margin-bottom:30px; padding:15px 30px; background: #fff; border:1px solid #eaebef; border-radius: 3px;}
.payment .search h4{margin-top:0;font-size:14px; font-weight: 500;}
.payment .search li{margin:5px 0;}
.payment .search select{margin-right:5px; width:auto;}
.payment .search .ico_calendar{background: url('../images/ico_calendar.svg') no-repeat right 4px #fff;}

.payment .search .btn_search{ padding-left: 15px; width:80px; height:34px; background: url(../images/btn_search.svg) no-repeat 8px 8px #fff;  border:1px solid #4365ED; color:#4365ED; border-radius: 3px;}
.payment .pay_history .table_list td:nth-last-child(2){color:#295FD3}
.payment .pay_history .table_list td:last-child{color:#4365ED}
.payment .price{color:#E5484F;}
.payment b{font-weight:600;}
.payment .refund_tab a{margin-bottom:10px; font-weight: 400; font-size:16px; display:inline-block;}
.payment .refund_tab a.active{font-weight: 500; color:#295FD3;}
.payment .refund_tab .bar{padding:0 15px; font-weight: 100;}
.payment .byte_check{padding-top:5px; width:100%; text-align: right; font-size:12px;}
.payment .now_byte{color:#FF8B27}
.payment .noti{padding: 20px 20px 18px 60px; margin-bottom: 10px; border-radius: 4px; background: url(../images/ico_noti.svg) #f8e5e9 no-repeat; background-position: 30px 18px; background-size: 20px 20px; color: #E5484F;}

.payment .table_h table{width:100%;}
.payment .table_h th{padding:15px; width:20%; font-size:12px; color:#4a4a4a; text-align: right; border-bottom: 1px solid #eaebef; vertical-align: middle;}
.payment .table_h td{padding:15px; font-size:14px; color:#7e7e7e; text-align: left; border-bottom: 1px solid #eaebef; vertical-align: middle;}
.payment .table_h td{border-right: 1px solid #eaebef;}
.payment .table_h td:last-child{border-right:none;}
.payment .table_h td p{margin-bottom:5px;}
.payment .table_h td input[type="text"], .payment .table_h td select{width:auto;}
.payment .table_h .filebox{margin-bottom:5px;}
.payment .table_h .point{font-size:12px;}
.payment textarea{padding:10px; width:100%; border: 1px solid #E4E8F0; border-radius: 2px;}

.ui-datepicker-calendar td a:hover{color:#fff; background: #295FD3; border-radius: 3px;}

.product_list dl{float:left; margin: 0 0 10px 1%; padding:30px; width:74%; border:1px solid #e4e8f0; background: #fff; border-radius: 3px;}
.product_list dl dt, .payment dl dd{float:left;}
.product_list dl dt{width:30%; color:#323232; font-size:18px;}
.product_list dl dt span{font-size:12px; color:#727272;}
.product_list dl dd{width:70%; font-size:14px;}
.product_list dl dd .total{float:right; font-size:24px; color:#295FD3; font-weight: 500; text-align: right;}
.product_list dl dd .unit_price, .payment dl dd .unit_num{font-size:18px; color:#4a4a4a;}
.product_list dl dd .unit{font-size:16px;}
.product_list dl dd .org_price{font-size:14px; color:#9b9b9b; font-weight: 300; text-decoration:line-through;}
.payment .btn_area{margin:0; padding:20px; text-align: center; overflow: hidden;}

.payment .balance{padding:30px; border-radius: 4px; background: #fff; border:1px solid #e6e8ef; overflow: hidden;}
.payment .balance dt{padding:0 0 15px 0; color:#5f7886; font-size:14px;}
/*.payment .balance dl:first-child{float:left; width:22%; border-right:1px solid #e6e8ef; }*/
.payment .balance dl:nth-child(2){float:left; width:100%;}
.payment .balance dl:nth-child(2) dt{padding-left:20px;}
.payment .balance dl:nth-child(2) dd{padding-right:0;}
.payment .balance dl:nth-child(2) dd p:last-child{padding-right:0;}
.payment .balance dd{width:100%; text-align: left; padding-right:30px;}
.payment .balance dd p{float:left; padding:0; width:33%;}
.payment .balance dd p:last-child{border-right:none;}
.payment .balance dd p.bar{font-size:12px; width:1%; padding:0; text-align: right; color:#295FD3; border-right:1px solid #e6e8ef;}
.payment .balance dd .price{padding-left:20px; font-size:28px; color:#323232; font-weight: 500;}

.pay_history{margin-top:5px; padding:0; border-radius: 4px; background: #fff; border:1px solid #e6e8ef; overflow: hidden;}
.pay_history .search_area{clear:both; padding:20px; width:100%; border-radius: 3px; border-bottom: 1px solid #d8d8d8; overflow: hidden;}
.pay_history .search_area li{float:left; position:relative;}
.pay_history .search_area li a{padding:9px 15px; display: inline-block; background: #f9f9f9; border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; font-size:12px;}
.pay_history .search_area li:first-child a{border-left:1px solid #d8d8d8; border-radius: 3px 0 0 3px;}
.pay_history .search_area li .btn_search{position: absolute; top:7px; right:3px; border:none; width:25px; height:25px; background: url(../images/ico_search.svg) no-repeat;}
.pay_history .search_area li input[type=text]{padding-right:35px; border-left:none;}

.pay_history .table_list table{width:100%;}
.pay_history .table_list th{padding:10px; font-size:12px; color:#4a4a4a; text-align: center; border-bottom: 1px solid #eaebef}
.pay_history .table_list td{padding:10px; font-size:14px; color:#7e7e7e; text-align: center; border-bottom: 1px solid #eaebef}
.pay_history .table_list td:nth-child(2), .pay_history .table_list td:nth-child(3), .pay_history .table_list td:nth-child(4){}
.pay_history .table_list tr:last-child td{}
.pay_conts .btn_area_top{width:100%; text-align: right}
.pay_conts h3{position: relative}
.pay_conts h3 button{position: absolute; right:0; bottom:15px;}
.pay_conts .pay_input{padding:20px 20px 40px 20px; background: #fff; border: 1px solid #ebeded; text-align: center;}
.pay_conts .pay_input dl{padding:10px 0; display:flex; justify-content: center; }
.pay_conts .pay_input dt{float:left; line-height: 36px; font-size:16px; font-weight: bold;}
.pay_conts .pay_input dt .subtxt{font-size:12px; font-weight: normal}
.pay_conts .pay_input dd{display:flex; align-items: center;}
.pay_conts .pay_input input[type=number]{width:280px; padding:5px 0; font-size:30px; font-weight:bold; text-align: right; border-top:none;border-left:none;border-right:none; border-bottom: 2px solid #eeeeee}
.pay_conts .pay_input input[type=number]:focus{border-bottom: 2px solid #295FD3}
.pay_conts .pay_input .btn_del{display:inline-block; width:20px; height:16px; margin-left:5px; background: url("../images/ico_del.svg") no-repeat; text-indent: -1000px; overflow: hidden; cursor: pointer}
.pay_conts .pay_input .pay_type{margin-bottom:60px; display:flex; justify-content: space-between;}
.pay_conts .pay_input .pay_type button{width:calc(50% - 5px)}
.pay_conts .pay_btns{margin:20px 0;}
.pay_conts .pay_btns button{margin-right:10px;}
.pay_conts .send_count span{font-weight: bold; color:#f05b4f;}
.pay_conts .acount_done{padding: 40px; font-size:18px; line-height: 1.6; text-align: center; background: #fff; border: 1px solid #ebeded;}
.pay_conts .acount_done a{text-decoration: underline}
.pay_conts .acount_info{}
.pay_conts .acount_info h4{margin-bottom:15px; text-align: center;}
.pay_conts .acount_info table{background: #ffffff; border:1px solid #eaebef;}
.pay_conts .search{display:flex; flex-direction:column; justify-content: space-between;}
.pay_conts .search h4{margin-right: 20px;height: 24px;}
.pay_conts .search button{margin-right:5px;}
.pay_conts .search ol:first-child{display:flex; flex-direction: row; align-items: center;}
.pay_conts .search ol li{margin-right:15px;}
.pay_conts .search label span{margin-right:10px;}
.pay_conts .search ol p{margin:10px 0;}

.receipt_conts{ color:#0075DF; border:1px solid #39A1FF}
.receipt_conts h3{padding:20px 0; font-size:20px; text-align: center; border-top:1px solid #39A1FF; border-right:1px solid #39A1FF; border-left:1px solid #39A1FF; }
.receipt_conts h3 span{font-size:12px;}
.receipt_conts .to{width:100%; padding:10px 20px; text-align: right; border-right:1px solid #39A1FF; border-left:1px solid #39A1FF;}
.receipt_conts table{width:100%;}
.receipt_conts td{padding:5px; font-size:12px; text-align: center; vertical-align: middle; border:1px solid #39A1FF}

.pop_receipt_cash .receipt_tab{margin-bottom:15px;}
.pop_receipt_cash select{width:140px;}
.pop_receipt_cash .receipt_income{display: block;}
.pop_receipt_cash .receipt_expend{display: none;}
.popup_receipt{position: relative;}
.popup_receipt .corp_sign{padding:10px 0; text-align: center}
.popup_receipt .corp_sign .logo{width:100px; display: inline-block; background: url("../images/logo-light.png") no-repeat; text-indent: -1000px; overflow: hidden;}
.popup_receipt .stamp{position: absolute; top:180px; right:0px; width:70px; height:70px; display:inline-block; overflow:hidden; text-indent: -1000px; background: url("../images/livrio_stamp.png") no-repeat 0 0; background-size: 100%;}
.popup_receipt .date{padding:10px 0; width:100%; text-align:center; font-size:12px;}


.cs_wrapper{padding:30px 0; margin:0 auto; max-width:980px;}
.cs_tabs {margin-bottom:30px; font-weight:300;}
.cs_tabs span{padding:0 20px; color:#979797; font-weight: 200;}
.cs_tabs a.active{font-weight: 600;}

.cs_wrapper .ui-accordion-header{position: relative; padding-left:20px; font-size:14px !important; border-bottom:1px solid #D4DEE7; font-weight: 500 !important; background:#fff; cursor: pointer;}
.cs_wrapper .ico_q{margin-right:10px; width:24px; height:24px; line-height: 24px; text-align: center; border-radius: 24px; background: #295FD3; color:#fff; display: inline-block;}
.cs_wrapper .ico_a{position:absolute; left:40px; top:20px; width:24px; height:24px; line-height: 24px; text-align: center; border-radius: 24px; background: #FB6B41; color:#fff; display: inline-block;}
.cs_wrapper .ico_a{position:absolute; left:40px; top:20px; width:24px; height:24px; line-height: 24px; text-align: center; border-radius: 24px; background: #FB6B41; color:#fff; display: inline-block;}
.cs_wrapper .ui-accordion-header:first-child{border-top:1px solid #D4DEE7}
.cs_wrapper .ui-accordion-header .date{position: absolute; right:20px; font-weight: 300;}
.cs_wrapper .ui-accordion-content{padding:30px; font-size:14px;border-bottom:1px solid #D4DEE7}
.cs_wrapper .ui-accordion-header-active{border-bottom:none;}
.cs_wrapper .v-expansion-panel::before{box-shadow:none;}
.cs_wrapper .v-expansion-panels{border-top:1px solid #d4dee7; border-radius:0;}
.cs_wrapper .v-expansion-panels{color:#656579 !important;}
.theme--light.v-expansion-panels .v-expansion-panel{color:#656579 !important;}
.v-expansion-panel--active > .v-expansion-panel-header{min-height: 48px !important;}
.cs_wrapper .date{position:absolute; top:16px; right:20px; font-weight:300;}
.cs_wrapper:last-child .v-expansion-panels{border-bottom:1px solid #d4dee7;}
.cs_wrapper .v-expansion-panel-content{padding:20px; border-bottom:1px solid #d4dee7}
.v-expansion-panel--active:not(:first-child), .v-expansion-panel--active + .v-expansion-panel{margin:0 !important;}
.v-expansion-panel-header > *:not(.v-expansion-panel-header__icon){flex: none !important;}
.cs_wrapper .v-expansion-panel-content{position: relative}
.cs_wrapper .qna_conts{margin-left:30px;}
.cs_wrapper textarea{width:100%; padding:10px;}
.cs_wrapper dl{display:flex; padding:10px 20px; background: #ffffff; border-bottom:1px solid #D4DEE7; align-items: center;}
.cs_wrapper dl:first-child{border-top:1px solid #D4DEE7}
.cs_wrapper .flex_start{align-items:flex-start !important; }
.cs_wrapper .anwser{align-items:flex-start !important; background: #EEF2F8; }
.cs_wrapper dt{width:100px; font-size: 12px; font-weight:bold;}
.cs_wrapper dd{width:calc(100% - 100px );}
.cs_wrapper strong{font-size:12px; font-weight: 300;}
.cs_wrapper .btn_area{text-align: center;}
.cs_wrapper .empty_data{min-height:300px; padding: 170px 0 50px 0; color: #94AAC0; text-align: center; border: 1px solid #eaebef; background: url("../images/ico_emtpy_qna.svg") no-repeat #ffffff center 100px;}

.partner_info, .withdraw,
.report{padding:30px; margin: 30px auto 0 auto; width:94%; max-width: 1004px; border-radius: 10px; background: #ffffff;}
.report .mypage_tabs {width:100%; margin-bottom:30px; padding:0 20px; height:43px; line-height: 40px; border:1px solid #ebeded; background: #fff; display: table;}
.report .mypage_tabs li{display: table-cell; margin:0 2%; font-size:14px; text-align: center;}
.report .mypage_tabs li.active{font-weight: 500;}
.report .mypage_tabs li a{display: inline-block; height:43px; line-height: 43px;}
.report .mypage_tabs li.active a{ line-height: 43px; border-bottom: 2px solid #295FD3;}

.report .table_top{position: relative;}
.report .table_top .btn_area a{width:150px; height:40px; line-height: 40px; text-align: center; font-size:14px; color:#295FD3; background: #fff; border:1px solid #295FD3; border-radius: 4px; display: inline-block;}
.report .search_area{clear:both; width:100%; border-radius: 3px; overflow: hidden;}
.report .search_area li{float:left; position:relative;}
.report .search_area li input[type=text]{padding-right:35px; border-left:none;}
.report .search_area li input[type=text]:focus{}
.report .search_area li a{padding:9px 15px; display: inline-block; background: #ffffff; border-top:1px solid #ebeded; border-right:1px solid #ebeded; border-bottom:1px solid #ebeded; font-size:12px;}
.report .search_area li a:focus, .mypage .search_area li input[type=text]:focus{border:1px solid #295FD3}
.report .search_area li .btn_search{position: absolute; top:7px; right:3px; border:none; width:25px; height:25px; background: url(../images/ico_search.svg) no-repeat;}
.report .search_area li:first-child a{border-left:1px solid #ebeded; border-radius: 3px 0 0 3px;}

.report .table_top .btn_top_area {position: absolute; top:0; right:0; margin: 0; }
.report .table_top .btn_top_area a{height:40px; line-height: 40px; padding:0 20px; font-size:14px; color:#295FD3; border-radius: 4px; border:1px solid #295FD3; display: inline-block;}
.report .table_list{margin-top:10px; }
.report .table_list table{width:100%;border:1px solid #ebeded; border-radius: 3px; background: #fff;}
.report .table_list th{padding:10px; font-size:12px; color:#4a4a4a; text-align: center; border-bottom: 1px solid #eaebef}
.report .table_list td{padding:10px; font-size:14px; color:#7e7e7e; text-align: center; vertical-align: middle; border-bottom: 1px solid #eaebef}
/* .mypage .table_list td:nth-child(3),.mypage .table_list td:nth-child(4),.mypage .table_list td:nth-child(5)
{text-align: right;} */
.report .number_list {position: relative;}
/* .mypage .number_list td:nth-child(3),.mypage .number_list td:nth-child(4),.mypage .number_list td:nth-child(5)
{text-align: center;} */

/* .mypage .table_list tr:last-child td{} */
.report .number_list input[type="radio"] + label{height:30px; background-position:0 8px;}
.report .number_list .btn_numDel{
    width:30px; height:30px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 15px;
    border-radius: 3px;
    background: url(../images/ico_send_del.svg) #ffffff center no-repeat;
    overflow:hidden; display: inline-block; text-indent: -1000px;
}
.report .number_list .btn_numDel:hover{background: url(../images/ico_send_del_w.svg) #7F95EE center no-repeat;}
.report .number_list .status_ok, .pop_num_status .status_ok, .pay_history .status_ok{padding:4px 10px; border-radius: 20px; background: #295FD3; color:#fff; font-size:11px;}
.report .number_list .status_overlap, .pop_num_status .status_overlap, .pay_history .status_overlap{padding:4px 10px; border-radius: 20px; background: #FB6B41; color:#fff; font-size:11px;}
.report .number_list .status_return, .pop_num_status .status_return, .pay_history .status_return{padding:4px 10px; border-radius: 20px; background: #555; color:#fff; font-size:11px;}
.report .number_list .status_ing, .pop_num_status .status_ing, .pay_history .status_ing{padding:4px 10px; border-radius: 20px; background: #FFC534; color:#fff; font-size:11px;}
.report .info_text{margin:20px 0;}
.report .report_summary{display:flex; justify-content: space-between;}
.report .report_summary dl{margin:20px 0; padding:30px 20px; width:32%; border-radius: 10px; display:flex; font-size:14px; background: #EEF0FE;}
.report .report_summary dd,
.report .report_summary dt{margin-right:20px; width:40%;}
.report .report_summary dd{text-align: right; width:60%; font-size:20px; font-weight: 700; color:#4265ed;}
.report .empty{width:100%; min-height: 150px; display: flex; border:1px solid #E4E8EC; flex-direction: column; border-radius: 10px; align-items: center; justify-content: center;}
.report .empty i{display:inline-block; margin-bottom:15px; width:50px; height:50px; background: url("../images/ico_data_empty.svg") no-repeat; background-size: 100%; opacity: 0.4;}

.partner_info{margin:30px auto 0 auto !important; max-width:1004px !important; padding-top:20px !important;}
.partner_info h2{margin:10px 0 0 0 !important; font-size:18px !important;}
.partner_info .input_box{height:34px; line-height:34px !important; padding:0 10px; border:1px solid #E4E8F0 !important; }
.partner_info .input_box dl{}
.partner_info .form_signup{padding-bottom:0;}
.partner_info .form_signup li{width:50%; }
.partner_info .form_signup .info_txt{display: flex; justify-content: space-between;}
.partner_info .form_signup .info_text{font-size:0.8rem;}
.partner_info .form_signup .point{color:#295FD3;}

.partner_info ol{padding:30px 0; border-bottom:1px solid #eeeeee;}
.partner_info ol:last-child{padding:20px 0 0 0; border-bottom:none;}
.partner_info h3{}
.partner_info ul{display:flex; justify-content: space-between; flex-wrap: wrap;}
.partner_info dl{margin-bottom:20px; width:49%;}
.partner_info dt{margin-bottom:5px;}
.partner_info .has_btn{width:calc(100% - 100px) !important;}
.partner_info ol p{margin-top:10px;}

.policy{padding:30px; margin: 30px auto 0 auto; width:94%; max-width: 1004px; border-radius: 10px; background: #ffffff;}

.help_center{padding:30px; margin: 30px auto 0 auto; max-width: 1004px; border-radius: 10px; background: #ffffff;}
.help_center .tabs{display:flex; height:40px; margin-bottom:10px;}
.help_center .tabs a{margin-right:20px;}
.pop_num_status table{width:100%;}
.pop_num_status tr:first-child{border-top:2px solid #eaebef}
.pop_num_status tr:last-child{border-bottom:2px solid #eaebef}
.pop_num_status tr{border-bottom:1px solid #eaebef}
.pop_num_status th{width:20%; padding:5px 0; text-align: center; border-bottom:1px solid #eaebef}
.pop_num_status td{border-bottom:1px solid #eaebef}
.number_box{overflow: hidden; margin-bottom:20px; padding:15px 20px 5px 15px; background: #F7F9FC; border-radius: 5px;}
.number_box dl{height:30px;}
.number_box dt{float:left; width:40%; color:#3C5665; font-size: 12px; font-weight: 600;}
.number_box dd{float:left; text-align: right; width:60%;}
.number_box .noti{padding-top:10px; border-top:1px solid #eaeaea; font-size:12px; color:#295FD3; line-height: 1.4;}

.mypage .number_list .subtxt, .pop_num_status .subtxt{font-size:11px}

.mypage .number_list {-webkit-transition: all .7s; transition: all .7s;}

.withdraw .withdraw_conts{}
.withdraw .withdraw_conts dt{margin-bottom:10px; font-size: 16px; font-weight: 700;}
.withdraw .withdraw_conts dd{padding:10px 0;}
.withdraw .withdraw_conts dd p{margin-bottom: 10px;}
.withdraw .info_text{margin-bottom:40px; padding:20px 30px; border-radius: 20px; background: #fafafa;}
.withdraw .info_text h4{margin-bottom:10px; font-weight: 700;}
.withdraw .info_text li{margin-top:5px; padding-left: 15px; background: url("../images/ico_dot_gray.svg") no-repeat 0 center;}
.agency_info_txt{padding-bottom:20px; font-size:12px;}
.agency_list{margin:0 -1%; width:100%;}
.agency_list dl{float:left; margin:1%; padding:15px; width:58%; height:110px; border-radius: 5px; background: #F7F9FC;}
.agency_list dl:nth-child(2n){width:38%}
.agency_list dt{position: relative; height:50px;}
.agency_list dt .logo_tworld{height:50px; background: url(../images/logo_tworld.svg) no-repeat;}
.agency_list dt .logo_telink{height:50px; background: url(../images/logo_sktelink.svg) no-repeat;}
.agency_list dt .logo_kt{height:50px; background: url(../images/logo_kt.svg) no-repeat;}
.agency_list dt .logo_broadband{height:50px; background: url(../images/logo_broadband.svg) no-repeat;}
.agency_list dt .logo_hello{height:50px; background: url(../images/logo_hello.svg) no-repeat;}
.agency_list dt .logo_uplus{height:50px; background: url(../images/logo_uplus.svg) no-repeat;}
.agency_list dt .logo_sejong{height:50px; background: url(../images/logo_sejong.svg) no-repeat;}
.agency_list dt .logo_kct{height:50px; background: url(../images/logo_kct.svg) no-repeat;}


.agency_list dt a{position: absolute; padding:3px 10px; line-height: 15px; font-size:12px; color:#fff; background: #FF5B2B; border-radius: 20px; top:0; right:0;}
.agency_list dd{line-height: 1.4; font-size:11px;}

.mypage .list_wrap{position: relative;}
.mypage .list_wrap .add_number{position:relative; margin-top:10px; width:100%; display: block;}

.mypage .list_wrap .add_number .add_btn_pos{position: absolute; top:-48px; right:0;}
.mypage .list_wrap .add_number dt{margin-top:20px; line-height: 30px !important; font-size:14px; font-weight: 500;}
.mypage .list_wrap .add_number dd{padding:50px 20px; width:100%; text-align: center; font-size:14px; font-weight: 300; background: #fff; border: 1px solid #ebeded; overflow: hidden;}
.mypage .list_wrap .add_number .add_step1 dd{line-height: 1.9;}
.mypage .list_wrap .add_number .add_step1 p{line-height: 1.5}
.mypage .list_wrap .add_number .phone_num{margin-bottom:40px;font-size:16px;}
.mypage .list_wrap .add_number .add_step2 dd{line-height: 1.9;}
.mypage .list_wrap .add_number dl strong{font-size:16px; color:#3C5665; font-weight: 500;}
.mypage .list_wrap .add_number .input_box{padding-top:40px; width:100%; text-align: center;}
.mypage .list_wrap .add_number .input_box label{margin-right:10px;}
.mypage .list_wrap .add_number .input_box input[type="text"]{padding:30px 40px; border-radius: 4px 0 0 4px; border:none; background: #f6f6f6; font-size:18px;}
.mypage .list_wrap .add_number .input_box p{width:270px; margin:0 auto; text-align: left; display: block;}
.mypage .list_wrap .add_number .input_box .bt_cert{padding:16px 30px; border: 1px solid #295FD3; background: #295FD3; color: #fff !important; border-radius: 0 4px 4px 0;}
.mypage .list_wrap .add_number .add_step5 .noti {margin-top:5px; font-size:11px; text-align: left; line-height: 1.3;}
.mypage .list_wrap .add_number li{text-align: left; font-size:12px; list-style: disc;}
.mypage .list_wrap .add_number .add_step5 .noti .point{color:#295FD3;}
.mypage .list_wrap .add_number{}
.mypage .add_number .table_h {margin-top:10px;}
.mypage .add_number .table_h table{background: #fff; border:1px solid #eaebef;}
.mypage .add_number .table_h input[type=password]{width:230px;}
.mypage .add_number .table_h .input_box{width:90%; max-width:411px; }
.mypage .add_number .table_h th{vertical-align: top; padding-top:24px; width:30%;}
.mypage .add_number .table_h td{position: relative; width:70%;}
.mypage .add_number .info_title{font-size:14px;}
.mypage .add_number .file_box{width:246px; padding-right:30px;}
.mypage .add_number .btn_file_del{position: absolute; top:22px; left:232px; width:20px; height:20px; background: url("../images/ico_del.svg") no-repeat; z-index: 7; cursor: pointer; text-indent: -1000px; overflow: hidden;}
.mypage .certi_file dd{padding:0px !important;}
.mypage .certi_file .input_flex{display:flex; margin-bottom:10px;}
.mypage .certi_file textarea{width:100%; height:100px; border:none; padding:15px;}
.mypage .certi_file a{text-decoration: underline; color:#295FD3}
.mypage .my_refund_menu h3 a{font-weight: 400 !important;}
.mypage .my_refund_menu h3 span {padding: 0 20px; color: #979797; font-weight: 200;}
.mypage .my_refund_menu h3 a.active{ font-weight: 600 !important;}
.mypage .refund_info, .mypage .number_info, .mypage .corp_info{padding:20px 30px; width:100%; background: #8895b0; color:#fff; font-size:12px; border-radius: 3px;}
.mypage .refund_info li, .mypage .number_info li, .mypage .corp_info li{margin:0; padding:3px 0 3px 13px; line-height: 1.5; display:block; background: url(../images/ico_dot.svg) no-repeat 0 6px;}
.mypage .refund_info span, .mypage .number_info span, .mypage .corp_info span{color:#fffa8d; text-decoration: underline;}

.mypage .number_info{position: relative;}
.mypage .number_info a{text-decoration: underline;}
.mypage .number_info a:hover{color:#fffa8d;}
.mypage .number_info .btn_num_area{position: absolute; top:20px; right:20px;}
.mypage .number_info .btn_num_area a{clear:both; margin-bottom:6px; padding:10px; width:200px; border:1px solid #295FD3; font-size: 14px; border-radius: 3px; color:#295FD3; background: #fff; text-decoration: none; display: block; text-align: center;}
.mypage .number_ars{padding:20px 0;}
.mypage .number_ars .ars_info{padding:10px; font-size:14px; color:#295FD3;}
.mypage .number_ars input[type=text]{width:39%;}
.mypage .number_ars button{width:20%; height:40px; color:#fff; background: #295FD3;}

.mypage .pw_edit {width:300px; margin:0 auto;}
.mypage .pw_edit h3{font-size:18px}
.mypage .pw_edit li{margin-bottom: 10px;}
.mypage .pw_edit input[type=text]{padding:0 16px; width:100%; height:60px; font-size: 16px;}
.mypage .pw_edit button{margin-top:20px; width:100%; height:60px; background: #295FD3; color:#fff;}
.mypage .pw_edit .txt_noti{margin-top: 5px; font-size:14px;}

.mypage .button{margin-top:10px; border:1px solid #ebeded; border-radius: 3px; background: #fff;}
.mypage .table_h table{width:100%;}
.mypage .table_h th{padding:15px; width:20%; font-size:12px; color:#4a4a4a; text-align: right; /*border-bottom: 1px solid #eaebef;*/ vertical-align: middle;}
.mypage .table_h td{padding:15px; font-size:14px; color:#7e7e7e; text-align: left; /*border-bottom: 1px solid #eaebef;*/ vertical-align: middle;}
.mypage .table_h td p{margin-bottom:5px;}
.mypage .table_h .filebox{margin-bottom:5px;}

.filebox input[type="file"] {  /* 파일 필드 숨기기 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}


.mypage .corp_bill{padding:30px 0 20px; border-bottom: 1px solid #ccc;}
.mypage .btn_area{padding:20px 0; text-align: center;}
.mypage .btn_area button{width:200px;}


.mypage .filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.mypage .filebox label {
    display: inline-block;
    padding: 0 20px;
    line-height: 32px;
    color: #295FD3;
    vertical-align: middle;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #295FD3;
    border-radius: 3px;
}

/* named upload */
.mypage .upload_name {
    display: inline-block;
    width:200px;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

.mypage .my_conts{}
.mypage .my_info{margin-bottom:30px; padding:20px 30px; width:100%; background: #8895b0; color:#fff; font-size:12px; border-radius: 3px;}
.mypage .my_info li{margin:0; padding:3px 0 3px 13px; line-height: 1.5; display:block; background: url(../images/ico_dot.svg) no-repeat 0 6px;}
.mypage .my_info h5{font-weight: 600;}
.mypage .my_info span{color:#fffa8d; text-decoration: underline;}
.mypage .check_taxbill {position: absolute; font-size:14px; top:0; right:10px;}
.mypage .check_taxbill span{padding:0 0 0 25px; line-height: 22px;}

.my_conts h4{margin-top:30px; position:relative; font-size:16px;}
.my_conts h4 a{position: absolute; bottom:0; right:0; font-size:12px;}
.my_conts h4 p{font-size:12px;}
.my_conts .table_h {margin-top:10px;}
.my_conts .table_h table{background: #fff; border:1px solid #eaebef;}
.my_conts .table_h input[type=password]{width:230px;}
.my_conts .table_h .input_box{width:90%; max-width:411px; }
.my_conts .table_h td{position: relative}
.my_conts .noti{padding: 20px 20px 18px 60px; margin-bottom:10px; border-radius: 4px; background:url(../images/ico_noti.svg) #f8e5e9 no-repeat; background-position: 30px 18px; background-size: 20px 20px; color:#295FD3;}
.my_conts .info_title{font-size:14px;}
.my_conts .corp_checking{margin-top: 10px; padding:230px 0 50px 0; width:100%; border: 1px solid #eaebef; background:url('../images/bg_checking.svg') #fff center 50px no-repeat; text-align: center;}
.my_conts .corp_checking dt{font-weight: 500;}
.my_conts .corp_checking dd{font-size:14px;}
.my_conts .file_box{width:246px; padding-right:30px;}
.my_conts .check_owner{margin-top:10px;}
.my_conts .btn_file_del{position: absolute; top:25px; left:232px; width:20px; height:20px; background: url("../images/ico_del.svg") no-repeat; z-index: 7; cursor: pointer; text-indent: -1000px; overflow: hidden;}

.my_withdrawal{ border:1px solid #ebeded; border-radius: 3px; background: #fff; text-align:center;}
.my_withdrawal p{padding:50px 0 30px 0;}

.my_withdrawal h3{text-align: left; font-size:12px;  padding:0 20px;}
.my_withdrawal dl{position: relative; padding:20px; border-bottom: 1px solid #ebeded; text-align: left; font-size:13px; }
.my_withdrawal dt{padding-bottom:10px; font-weight: 500;}
.my_withdrawal .withdrawal_check{position: absolute; right:20px;}

.my_withdrawal_detail{margin-top:30px;}
.my_withdrawal_detail h3{border-bottom:1px solid #ebeded; }
.my_withdrawal_detail dl{padding:10px; overflow: hidden;}
.my_withdrawal_detail dt{padding:10px 0; font-weight: 500;}
.my_withdrawal_detail dd{padding-left:15px; overflow: hidden;}
.my_withdrawal_detail dd li{padding:5px 0;}
.my_withdrawal_detail dd textarea{padding:10px; width:100%; height:100px;}
.my_withdrawal_done{padding:160px 0 30px 0; width:100%; line-height: 150%; font-size:21px; color:#7F8498; text-align: center; display: inline-block; background: url(../images/bg_withdrawal.svg) no-repeat top center;}
.my_withdrawal_done h3{margin-bottom:30px;}
.my_withdrawal_done p{font-size:14px; line-height: 130%;}
.my_withdrawal_done a{margin-top:30px; padding:0 40px;}

.number_status{position: relative; font-size: 14px;}
.number_status .bar{padding:0 10px; color:#aaa;font-weight: 200;}
.number_status .slash{padding:0 0; color:#aaa;font-weight: 200;}
.number_status .user_type_per, .number_status .num_used{color:#4265ED; }
.number_status .user_type_corp, .number_status .num_left{color:#295FD3; }
.number_status button{position: absolute; top:-10px; right:0;}

/*.report{padding:30px; margin: 0 auto; max-width: 980px;}*/
.report .info_txt{margin-bottom:30px; padding:20px 30px; width:100%; background: #8895b0; color:#fff; font-size:12px; border-radius: 3px;}
.report .info_txt li{margin:0; padding:3px 0 3px 13px; line-height: 1.5; display:block; background: url(../images/ico_dot.svg) no-repeat 0 6px;}
.report .info_txt span{color:#fffa8d;}
.report .info_txt a{font-weight: 500; color:#fffa8d; text-decoration: underline;}

.report .report_search {position:relative;}
.report .report_search .select{position: absolute; right:0; top:0;}
.report .report_search .select select{float:left; margin-right:5px; padding-right: 25px; width:auto !important}
.report .report_search .select .report_input{float:left;}
.report .report_search .select .report_input input{width:200px;}
.report .report_search .select .btn_search{width:34px; height:34px; border-radius: 3px; background: url('../images/btn_search.svg') no-repeat #E4E8F0; background-position: 50% 50%; display: inline-block; overflow: hidden; text-indent: -100px;}
.report .report_search .select .btn_search i{width:34px; height:34px; border-radius: 3px; background: url('../images/btn_search.svg') no-repeat #E4E8F0; background-position: 50% 50%; display: inline-block; overflow: hidden; text-indent: -100px;}
.report .report_search .select .btn_search:hover{background: url('../images/btn_search_w.svg') no-repeat #4365ED; background-position: 50% 50%; }
.report .report_search .input_date{position: relative; padding-top:5px; text-align: left;}
.report .report_search .input_date .ico_cal{position: absolute; top:10px; left:6px; width:22px; height:22px; background: url('../images/ico_calen.svg') no-repeat; }
.report .report_search .input_date input[type=text]{padding-left: 30px; width:220px; font-size:14px; color:#0D256E;}

.report .report_sort{position: relative;height:40px; margin-top:5px; padding:5px 0; text-align: right; border-top:1px solid #F0F0F1;}
.report .report_sort .sort_time{ display: inline-block; padding:5px 30px 5px 5px; color:#182F74; background: url('../images/ico_sort.svg') right no-repeat;}
.report .report_sort .sort_time:hover{border-radius: 3px; background: url('../images/ico_sort.svg') right no-repeat #EEF2F8;}

.report .report_list{margin:0 -2%;}
.report .report_list ul{float:left; position:relative; margin:0 2% 30px 2%; width:46%; background:#EEF2F8;}
.report .report_list ul li{position:relative;}
.report .report_list ul li.msg_info{padding:15px 10px 10px 10px; border-bottom:1px solid #E4E8F0;}
.report .report_list ul li.msg_info dl{padding:5px 10px}
.report .report_list ul li.msg_info dt{padding-right:10px; float: left; font-size: 12px; font-weight: 300; color:#6E97AF;}
.report .report_list .members{font-weight: 500; color:#323232; }
.report .report_list .send_pee{position:absolute; bottom:10px; right:10px; text-align: right;}

.report .report_list ul li.msg_info .send_pee dt{float: none; padding-right:0; width:100%; line-height: 30px; font-size:20px; color:#4265ED; font-weight: 500; text-align: right;}
.report .report_list ul li.msg_info .send_pee dd{clear: both; font-size: 12px; color:#6E97AF; font-weight: 300;}
.report .report_list ul li.msg_view {position: relative;}
.report .report_list ul li.msg_view dl{position:relative; padding:20px 20px 90px 20px;}
.report .report_list ul li.msg_view dt{margin-bottom:10px; font-weight: 500;}
.report .report_list ul li.msg_view dt span{margin-right:10px; font-size:12px; color:#6E97AF; font-weight: 300;}
.report .report_list ul li.msg_view dd{padding:20px; width:80%; line-height: 1.4; border-radius: 10px; background: #fff;}
.report .report_list ul li.msg_view .status{position:absolute; top:50px; left:80%;}
.report .report_list ul li.msg_view .status{font-size:12px; font-weight: 300; color:#6E97AF;}
.report .report_list ul li.msg_view .status .done{margin-top:5px; padding:3px 5px 2px 5px; font-size: 11px; background: #4265ED; color:#fff; border-radius: 10px; text-align: center;}
.report .report_list ul li.msg_view .status .book{margin-top:5px; padding:3px 5px 2px 5px; font-size: 11px; background: #24C36E; color:#fff; border-radius: 10px; text-align: center;}
.report .report_list ul li.msg_view .status .check{margin-top:5px; padding:3px 5px 2px 5px; font-size: 11px; background: #50E3C2; color:#fff; border-radius: 10px; text-align: center;}
.report .report_list ul li.msg_view .status .return{margin-top:5px; padding:3px 5px 2px 5px; font-size: 11px; background: #E5484F; color:#fff; border:1px solid #E5484F; border-radius: 10px; text-align: center;}
/* 20220517 김다슬수정 */

.report .report_list ul li.msg_view .title{margin-bottom:5px; font-weight: 500;}
.report .report_list ul li.msg_view .byte{position:absolute; right:24%; bottom:60px; font-size:11px; color:#9296AA;}
.report .report_list ul li.msg_view .byte .now{color:#FB6B41; font-weight: 500;}
.report .report_list ul li.msg_view .type_sms,
.report .report_list ul li.msg_view .type_sms,
.report .report_list ul li.msg_view .type_sms{margin-left:5px;}
.type_sms{display: inline-block; padding:2px 8px 2px 8px; border-radius: 3px; background: #FFC534; color:#fff; font-weight: 300; font-size:11px;}
.type_lms{display: inline-block; padding:2px 8px 2px 8px; border-radius: 3px; background: #FF8B27; color:#fff; font-weight: 300;font-size:11px;}
.type_mms{display: inline-block; padding:2px 8px 2px 8px; border-radius: 3px; background: #FB6B41; color:#fff; font-weight: 300;font-size:11px;}

.report .report_list ul li.msg_view .msg_conts{word-break: break-all; max-height: 200px; overflow-y:auto;}
.report .report_list ul li.msg_view .img_box{position:relative; height:100px; margin-bottom: 10px; border-radius: 15px; overflow:hidden; display:block; justify-content: center}
.report .report_list ul li.msg_view img{
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
width: 100%;
height: auto;
transform: translate(-50%, -50%);
}
.report .report_list ul li.msg_view .img_box{max-height:100px; margin-bottom: 10px; border-radius: 15px; overflow:hidden; display:flex; justify-content: center}
.report .report_list ul li.msg_view a.btn_book{margin-top:5px; color:#24C36E; text-decoration: underline; display:inline-block;}
.report .report_list ul li.msg_view a.btn_return{margin-top:5px; color:#295FD3; text-decoration: underline; display:inline-block;}

.report .report_list .report_btn_area{position: absolute; bottom:0; width:100%; border:1px solid #E9EDF4; background: #fff;}
.report .report_list .report_btn_area button{width:50%; line-height: 36px; color:#8B91AA;}
.report .report_list .report_btn_area .btn_report span{display: inline-block; padding-left:30px; background: url('../images/ico_send_report.svg') no-repeat 0 49%;}
.report .report_list .report_btn_area .btn_resend span{display: inline-block; padding-left:30px; background: url('../images/ico_send_resend.svg') no-repeat 0 49%;}
.report .report_list .report_btn_area .btn_return span{display: inline-block; padding-left:25px; background: url('../images/ico_return.svg') no-repeat 0 48%;}
.report .report_list .report_btn_area .btn_cancel span{display: inline-block; padding-left:24px; background: url('../images/ico_cancel.svg') no-repeat 0 48%;}


.report .num_select{padding: 10px 10px 7px 20px; border-radius: 30px; background: #fff; box-shadow: 0 1px 4px 0 rgba(234, 234, 234, 0.5); overflow: hidden;}
.report .num_select select{width:100%; border:none; font-size:16px; color:#0D256E; font-weight: 600}
.report .num_select dt{float:left; width:80px; line-height: 40px; text-align: center;}
.report .num_select dd{float:left; width:calc(100% - 80px);}

.report .total_result{width:33%; height:300px; margin-right: 2%;}
.report .date_result{width:65%; height:300px;}
.report .agency_result{width:49%; margin-right: 2%;}
.report .fail_result{width:49%;}

.report .total_result,
.report .date_result,
.report .agency_result,
.report .fail_result{position: relative; float:left;  margin-top: 20px; padding: 10px 30px 15px 30px; border-radius: 20px; background: #fff; box-shadow: 0 1px 4px 0 rgba(234, 234, 234, 0.5);}

.report h3{font-size:16px; line-height: 35px; border-bottom: 1px solid #f0f0f1}
.report .total_list dl{padding:20px 0; border-top:1px solid #f0f0f1; overflow: hidden;}
.report .total_list dt{float:left; width:50%; font-size:14px; color:#656579}
.report .total_list dt span{font-size: 12px; color:#b3b3c6;}
.report .total_list dd{float:right; width:50%; font-weight: 600; text-align: right; font-size: 14px; color:#4a4a4a;}
.report .total_list dl:first-child dd{font-size: 16px;}
.report .total_list .graph_bg{position: relative; margin-bottom:15px; width:78%; height:8px; border-radius: 10px; background: #e1e2eb;}
.report .total_list .graph_bg .per{position:absolute; top:-4px; right:-28%; font-size: 14px; font-weight: 700;}
.report .total_list .graph_bg .bar{position: absolute; top:0; height:8px;  border-radius: 10px; display: inline-block;}

.report .total_list .graph_success .bar{background: #295fd3;}
.report .total_list .graph_success .per{color:#295fd3}
.report .total_list .graph_fail .bar{background: #fb6b41;}
.report .total_list .graph_fail .per{color:#fb6b41}

.report .date_result h3{}
.report .date_result h3 .select_num{position: absolute; top:10px; right:20px;}
.report .date_result h3 .select_num li{float:left; margin-right: 10px; font-size: 14px; color: #9b9b9b; font-weight: 400;}
.report .date_result h3 .select_num select{width:150px;}
.report .date_result .input_date input[type=text]{padding-left: 40px; width:250px; font-size:14px; color:#0D256E;}
.report .date_result .graph_area{}
.report .date_result .graph_area .input_date{position: relative; padding-top:5px; text-align: right;}
.report .date_result .graph_area .input_date .ico_cal{position: absolute; top:14px; right:220px; width:22px; height:22px; background: url('../images/ico_calen.svg') no-repeat; }
.report .chart_donut{padding:20px 0 10px 0;}
.report .no_data{    padding: 200px 0 100px 0;
    color: #94AAC0;
    text-align: center;
    background: url(../images/ico_nodata.svg) center 100px no-repeat #fff;
    border: 1px solid #eaebef;}
h2{margin-bottom:30px; font-size:18px; font-weight: 600; color:#323232;}


/** 토스트 팝업 **/
.toast__container { font-family: 'Roboto Condensed', sans-serif; position:fixed; left: 50%; top: 10px; text-align: center }
.toast__cell{display:inline-block }
.add-margin{margin-top:20px }
.toast__svg{fill:#fff }
.toast { display:none; text-align:left; padding: 21px 0; background-color:#fff; border-radius:4px; max-width: 500px; min-width:290px; top: 0; left: -50%; position:relative; box-shadow: 1px 5px 20px -3px rgba(255, 0, 0, 0.2);}
.toast:before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; border-top-left-radius:4px; border-bottom-left-radius: 4px;}
.toast__icon{ position:absolute; top:50%; left:22px; transform:translateY(-50%); width:14px; height:14px; padding: 7px; border-radius:50%; display:inline-block;}
.toast__type { color: #3e3e3e; font-weight: 700; margin-top: 0; margin-bottom: 8px;}
.toast__message { font-size: 14px; margin-top: 0; margin-bottom: 0; color: #878787;}
.toast__content{padding-left:70px; padding-right:60px;}
.toast__close { position: absolute; right: 22px; top: 50%; width: 14px; cursor:pointer; height: 14px; fill:#878787; transform: translateY(-50%);}
.toast--green .toast__icon{background-color:#2BDE3F}
.toast--green:before{background-color:#2BDE3F}
.toast--blue .toast__icon{background-color:#1D72F3}
.toast--blue:before{background-color:#1D72F3}
.toast--yellow .toast__icon{background-color:#FFC007}
.toast--yellow:before{background-color:#FFC007}
/*BTN Style Start(if don't use button, can delete here)*/
.ussal-btn-success{ font-family: 'Raleway', sans-serif; padding:15px 20px; border-radius:10px; background-color:#2BDE3F; color:#fefefe; margin:10px;}
.ussal-btn-error{ font-family: 'Raleway', sans-serif; padding:15px 20px; border-radius:10px; background-color:#FFC007; color:#fefefe; margin:10px;}
.ussal-btn-info{ font-family: 'Raleway', sans-serif; padding:15px 20px; border-radius:10px; background-color:#1D72F3; color:#fefefe; margin:10px;}


.v-picker {position:absolute !important; z-index:98;overflow-y: auto;
  overflow-x: hidden;
  contain: content;
  box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%);
  border-radius: 4px;}
  .v-date-picker-header{ padding:0 16px;}
.v-date-picker-table .v-btn.v-btn--active{ background:#295FD3;}
.v-date-picker-table--date th{padding:0 !important;}
.v-btn:disabled{opacity: 0.5;}
.v-icon.v-icon.mdi-chevron-right{width:18px; height:18px; background: url(../images/ico_cal_next.svg) no-repeat 3px 3px;}
.v-icon.v-icon.mdi-chevron-left{width:18px; height:18px; background: url(../images/ico_cal_prev.svg) no-repeat 3px 3px;}

/*BTN Style Finish*/


/** 라이브러리 **/
.highlight{font-weight: 500; color:#E5484F; background: url('../images/bg_point.svg') bottom repeat-x;}

/* 테이블 */
.tb_list table{width:100%;}
.tb_list thead th{padding: 5px; color: #9b9b9b; font-size: 14px; border-top: 1px solid #979797; border-bottom: 1px solid #979797; vertical-align: middle; text-align: center}
.tb_list tbody td{padding: 10px 6px; vertical-align: middle; text-align: center; border-bottom: 1px solid #E4E8F0;}
.ico_important i{width:28px; height:28px; display: inline-block; background: url('../images/ico_important_off.svg') no-repeat; overflow: hidden; text-indent: -1000px;}
/** 페이징 **/

/**/
.mdi-arrow-up{width:18px; height:18px; background:url('../images/ico_sort.svg')}
/* radio
.radio {position:absolute; width:1px; height:1px; opacity:0; }
.radio + label{ position:relative; display:inline-block; height:16px; margin-right:20px; padding-left:22px; color:#8e8e8e; line-height: 17px;  vertical-align: middle; cursor: pointer;}
.radio + label i{width:16px; height:16px; display:inline-block; position:absolute; top:0; left:0; margin:0 10px 0 0;  background:#fff; border: 1px solid #e6e6e6; border-radius: 50%;}
.radio:checked + label { color:#1e1e1e }
.radio:checked + label i:before{content:""; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px; width:10px; height:10px; border: 4px solid #295FD3; border-radius: 50%;}
*/

/* 기본 버튼
.bt{padding: 0 20px; height: 34px; line-height: 34px; font-size: 14px; border: 1px solid #295FD3; background:#295FD3; color:#fff;}
.bt-lg{padding: 0 20px; height: 50px; line-height: 50px; font-size: 16px; border: 1px solid #295FD3; background:#295FD3; color:#fff;}
.bt-md{padding: 0 20px; height: 34px; line-height: 34px; font-size: 14px; border: 1px solid #295FD3; background:#295FD3; color:#fff;}
.bt-sm{padding: 0 20px; height: 24px; line-height: 24px; font-size: 12px; border: 1px solid #295FD3; background:#295FD3; color:#fff;}
 */

 /* 기본 버튼 사이즈 */
 .bt, .btL, .bt-ra, .btL-ra, .bt-c, .btL-c, .btW-ra,
 .bt-lg, .btL-lg, .bt-lg-ra, .btL-lg-ra, .bt-lg-c, .btL-lg-c, .btW-lg-ra,
 .bt-md, .btL-md, .bt-md-ra, .btL-md-ra, .bt-md-c, .btL-md-c, .btW-md-ra,
 .bt-sm, .btL-sm, .bt-sm-ra, .btL-sm-ra, .bt-sm-c, .btL-sm-c, .btW-sm-ra{display: inline-block; text-decoration: none !important; cursor: pointer;}

.bt, .btL, .bt-ra, .btL-ra, .bt-c, .btL-c, .btW-ra{padding:0 20px; height: 30px; line-height: 28px; font-size: 14px; }
.bt-lg, .btL-lg, .bt-lg-ra, .btL-lg-ra, .bt-lg-c, .btL-lg-c, .btW-lg-ra{padding:0 30px; height: 46px; line-height: 44px; font-size: 16px; }
.bt-md, .btL-md, .bt-md-ra, .btL-md-ra, .bt-md-c, .btL-md-c, .btW-md-ra{padding:0 20px; height: 42px; line-height: 32px; font-size: 14px; }
.bt-sm, .btL-sm, .bt-sm-ra, .btL-sm-ra, .bt-sm-c, .btL-sm-c, .btW-sm-ra{padding:0 20px;  height: 24px; line-height: 22px; font-size: 12px; }

.bt, .btL, .bt-lg, .bt-md, .bt-sm{padding:0 10px; border: 1px solid #295FD3; background:#295FD3; color:#fff; border-radius: 4px;}
.bt:hover, .bt-lg:hover, .bt-md:hover, .bt-sm:hover{border: 1px solid #CD3940; background:#CD3940; color:#fff;}

/* 아웃라인 버튼 */
.btL, .btL-lg, .btL-md, .btL-sm{border: 1px solid #295FD3; background:#fff; color:#295FD3;}
.btL:hover, .btL-lg:hover, .btL-md:hover, .btL-sm:hover{border: 1px solid #295FD3; background:#fff; color:#295FD3;}
/* 기본 라운드 버튼 */
.bt-ra, .bt-lg-ra, .bt-md-ra, .bt-sm-ra{border: 1px solid #295FD3; background:#295FD3; color:#fff !important; border-radius: 4px}
.bt-ra:hover, .bt-lg-ra:hover, .bt-md-ra:hover, .bt-sm-ra:hover{border: 1px solid #CD3940; background:#CD3940; color:#fff; border-radius: 4px}
.bt-lg-ra:disabled{opacity: 0.5}
/* 아웃라인 라운드 버튼 */
.btL-ra, .btL-lg-ra, .btL-md-ra, .btL-sm-ra{border: 1px solid #295FD3; background:#fff; color:#295FD3; border-radius: 4px}
.btL-ra:hover, .btL-lg-ra:hover, .btL-md-ra:hover, .btL-sm-ra:hover{border: 1px solid #CD3940; background:#fff; color:#CD3940;}

/* 기본 원형 버튼 */
.bt-c, .bt-lg-c, .bt-md-c, .bt-sm-c{border: 1px solid #295FD3; background:#295FD3; color:#fff; border-radius: 24px}
.bt-c:hover, .bt-lg-c:hover, .bt-md-c:hover, .bt-sm-c:hover{border: 1px solid #CD3940; background:#CD3940; color:#fff; border-radius: 24px}

/* 아웃라인 원형 버튼 */
.btL-c, .btL-lg-c, .btL-md-c, .btL-sm-c{border: 1px solid #295FD3; background:#fff; color:#295FD3; border-radius: 24px}

/* 라이트 라운드 버튼 */
.btW-ra, .btW-lg-ra, .btW-md-ra, .btW-sm-ra{border: 1px solid #edf2f7; background:#edf2f7; color:#333; border-radius: 4px;}
.btW-ra:hover, .btW-lg-ra:hover, .btW-md-ra:hover, .btW-sm-ra:hover{border: 1px solid #D8DAE7; background:#D8DAE7; color:#222; border-radius: 4px;}

.bt-link{color:#295FD3; text-decoration: underline; display: inline-block; cursor:pointer !important;}

.paging{margin:15px 0; width:100%; font-size:12px; text-align:center; clear: both; display:block; }
.paging ul{display:inline-block; margin:0 auto; width:auto;}
.paging ul li{float:left; display:inline-block; }
.paging ul li button{display:inline-block; height:22px; line-height: 20px; text-align: center; box-shadow: none; background: none !important;}
.theme--light.v-pagination .v-pagination__item--active{color:#295FD3 !important; border:1px solid #295FD3!important; border-radius: 3px;}
.paging ul li.disabled button{pointer-events: none !important; cursor: default; color:#ccc;}
.theme--light.v-pagination .v-pagination__item--active{color:#295FD3; background: none;}
.v-pagination__item{min-width:auto !important; font-size:13px !important;}
.v-pagination__navigation{margin:1px !important; }
.v-data-table > .v-data-table__wrapper > table > tbody > tr > th, .v-data-table > .v-data-table__wrapper > table > thead > tr > th, .v-data-table > .v-data-table__wrapper > table > tfoot > tr > th
{height:40px !important; line-height: 40px; border-top:1px solid #E4E8F0;}

/** 팝업**/
.pop_bg{display:flex;
  justify-content:center;
    align-items:center;
    position:fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 998; background:rgba(0, 0, 0, 0.8)}
.pop {padding:0; color:#393939; background: #fff; border-radius: 10px; box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.2); z-index: 999; overflow:hidden;}
.pop .btn_pop_close{position: absolute; top:15px; right:20px; width:20px; height:20px; background: url('../images/btn_pop_close.svg') no-repeat; overflow:hidden; text-indent: -1000px; display:inline-block;}
.pop h2{margin-top:0 !important; margin-bottom:0 !important; padding:20px !important; font-size:16px !important; text-align: left; color:#393939; height:33px; font-weight: 500;}
.pop .pop_head{position: relative; margin-top:0; margin-bottom:0; height:55px; border-bottom:1px solid #edf2f7;}
.pop .pop_head .sub_txt{font-weight: 300; font-size:12px;}
.pop .pop_body {padding:20px; width:100%; height:100%; text-align: left; font-size:14px; overflow: hidden; }
.pop .pop_footer{bottom:0; left:0; width:100%; text-align: right; padding:10px 20px; border-top:1px solid #edf2f7; display:flex; justify-content: flex-end;}
.pop .pop_footer button{margin-left:10px;}
.pop .pop_footer a{width:100%; text-align: center;}
.pop .btn_area{text-align: center;}
.pop .btn_area button{width:100%;}
.pop .info_text{margin-bottom: 30px; padding: 15px 20px; width: 100%; background: #8895b0; color: #fff; font-size: 12px; border-radius: 3px;}
.pop .info_text li{margin:3px 0; padding: 0 0 0 12px; background: url('../images/ico_dot.svg') no-repeat 0 5px;}
.pop .info_text span { color: #fffa8d;}
.pop .info_text b{font-weight: 600;}
.pop .info_text a{text-decoration: underline; }
.pop .info_text a:hover{color:#FFF99B}
.pop .btn_area.type2{display:flex; justify-content: space-evenly; margin:0; padding:0}
.pop .btn_area.type2 button{width:48%;}
.pop .alerts{margin-top:20px; text-align: center;}
.pop .alerts .info_txt{margin-bottom:30px; font-size:16px; line-height: 1.6;}
.pop .alerts button{ width:90%; }
.pop .send_count{font-size:12px;}
.pop_sm{width:100%; max-width:320px; }
.pop_md{width:100%; max-width:540px;}
.pop_lg{width:1004px; }

.modal{
    display:flex;
    justify-content:center;
    align-items:center;
    position:fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 998; background:rgba(0, 0, 0, 0.8)
}

/** 595px 842px 72dpi / **/
.print_estimate page[size="A4"]{width: 210mm;height: 297mm;}
.print_estimate page{position: relative; display:block; margin:0 auto; padding:0; width:210mm;height:297mm; background:#fff; overflow: hidden; }
.print_wrap{}
.print_estimate h2{position: absolute; top:15mm; width:100%; text-align: center; font-size:8mm;}
.print_estimate .livro_info{position: absolute; top:40mm; left:50%; margin-left:-90mm; width:180mm; text-align: right; line-height: 1.6em; display: block;}
.print_estimate .esti_info {position: absolute; top:60mm; left:50%; margin-left:-90mm; width:180mm; display: block;}
.print_estimate .esti_info table{width:100%;}
.print_estimate .esti_info th, .print_estimate .esti_info td{ line-height: 32px; border-top:1px solid #E4E8F0; border-bottom:1px solid #E4E8F0}
.print_estimate .esti_info tr:first-child th, .print_estimate .esti_info tr:first-child td{border-top:1px solid #C1C9DB;}
.print_estimate .esti_info tr:last-child th, .print_estimate .esti_info tr:last-child td{border-bottom:1px solid #C1C9DB;}
.print_estimate .esti_info th{padding-left:10px; text-align: left; font-size:0.92em; color: #6A6A6A;}
.print_estimate .esti_info td{color:#323232;}

.print_estimate .esti_detail {position: absolute; top:100mm; left:50%; margin-left:-90mm; width:180mm;}
.print_estimate .esti_detail table{width:100%;}
.print_estimate .esti_detail .tTop{position: relative; margin:30px 0 5px 0; width:100%; font-size:0.92em;}
.print_estimate .esti_detail .tTop .right{position: absolute; right:0; font-size: 0.9em; color:#295FD3}
.print_estimate .esti_detail th, .print_estimate .esti_detail td{padding:0 10px; line-height: 35px; border:1px solid #E4E8F0; }
.print_estimate .esti_detail th{border:1px solid #E4E8F0; background: #EEF2F8; vertical-align: middle; }
.print_estimate .esti_detail input[type=number]{padding:0 5px; width:auto; height:30px; line-height: 30px; text-align: right;}
.print_estimate .esti_detail td{text-align: center;}
.print_estimate section{font-size:3.6mm}
.print_estimate input[type=text]{padding:0 5px;height:30px; line-height: 30px;}
.print_estimate .esti_detail input[type=text]{padding:0 5px;height:30px; line-height: 30px; text-align: right;}
.print_estimate .esti_detail .esti_date{position: absolute; top:70mm; width:100%; text-align: center;}
.print_estimate .esti_attention{position: absolute; top:175mm; left:50%; margin-left:-90mm; width:180mm; font-size: 0.8em;}
.print_estimate .esti_btnGroup{position: absolute; top:190mm; left:50%; margin-left:-90mm; width:180mm; text-align: center;}


@page {
  size: A4;
  margin: 0;
}
@media print {
  .page {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
  }
}

.logo-footer{display:block; width:69px; height: 25px; background: url('../images/logo_livrio.svg') no-repeat; background-size: 100%; overflow: hidden; text-indent: -1000px;}
@media screen and (max-width:800px){
    .main_wrapper .img_area {
        position: absolute;
        top: -150px;
        right: -230px;
        width: 87%;
        height: auto;}
    .main_wrapper .container{width:100%; padding:60px 0 40px 0;}
    #header h1{margin-right:20px;}
}
.view_pc{}
.view_mob{display:none;}
.view_mob img{display:none;}
.mobile_footer{display:none;}
/*#header_main .focasable_nav .nav_content{display: block;}*/

@media screen and (max-width:330px){
    .form_signup .agree ul > li a.agree_link{position: relative; bottom:unset; right:unset; padding-left:25px;}
}
@media screen and (max-width:480px){
    .view_mob{display: block;}
    .view_pc{display:none !important;}

    #wrapper{width:100%;}
    #header .header_wrap{height:60px;}
    #header .header_wrap h1{width:170px;}
    #header .sub_title {
        padding: 5px 20px;
        background: #f4f4f4;
        text-align: left;
    }
    #header .header_wrap.view_mob{display:flex; align-items: center; justify-content: center; position:fixed; width:100%; background: #4265ED; z-index: 10;}
    #header .header_wrap .navi .menu{position:absolute; top:0; left:0; width:50px; height:60px !important; background: url("../images/ico_mob_menu_w.svg") no-repeat center center; overflow: hidden; text-indent: -100px; background-size: 50%; display:block; }
    #header .header_wrap .navi a, #header .header_wrap .user_menu a{padding:10px 20px; display:inline-block;}
    #header .header_wrap .navi .nav_detail a:hover{background: #f1f3f9;}
    #header .header_wrap .navi .nav_detail{
        display: none;
        position: absolute;
        text-align: left;
        top: 50px;
        left:10px;
        background: #ffffff;
        box-shadow: 0 0px 4px rgb(0 0 0 / 20%);
        border-radius: 8px;
        justify-content: center;
        flex-direction: column;
        color: #444444;
        overflow: hidden;
        z-index: 4;

    }
    #header .header_wrap .user_menu .user_menu_detail {
        display: none;
        position: absolute;
        text-align: left;
        top: 50px;
        right:10px;
        padding:0;
        width:125px;
        background: #ffffff;
        box-shadow: 0 0px 4px rgb(0 0 0 / 20%);
        border-radius: 8px;
        justify-content: center;
        flex-direction: column;
        color: #444444;
        overflow: hidden;
        z-index: 4;
    }
    #header .header_wrap .user_menu .user_menu_detail .referral_code dt{ margin-bottom:5px; opacity: 0.8; font-size:12px; }
    #header .header_wrap .user_menu .user_menu_detail .referral_code{padding: 10px 20px; border-bottom:1px solid #dadada;}
    #header .header_wrap .navi:hover .nav_detail{display:flex;}
    #header .header_wrap .user_menu:hover .user_menu_detail{display:block;}
    #header .header_wrap .user_menu {top:0; right:0;}
    #header .header_wrap .user_menu .user_button{position:absolute; top:0; right:0; width:50px; height:60px !important; background: url("../images/ico_mob_user_w.svg") no-repeat center center; overflow: hidden; text-indent: -100px; background-size: 50%; display:block;}


    #header_main h1{width:170px;}
    #header_main .signup_area{top:0; right:0;}
    #header_main .signup_area .pc{display:none;}
    #header_main .signup_area .mobile{display:block; width:50px; height:60px; background: url("../images/ico_mob_user.svg") no-repeat center center; overflow: hidden; text-indent: -100px; background-size: 50%;}
    #header_main .menu{width:50px; height:60px !important; background: url("../images/ico_mob_menu.svg") no-repeat center center; overflow: hidden; text-indent: -100px; background-size: 50%;}

    #header_main h1{margin:0 auto; }
    #header_main .partner_nav ul a{margin-right:0;}
    #header_main .partner_nav{padding:10px; display: flex; justify-content: center;}
    #header_main .focasable_nav{position: absolute; top:0; left:0;}
    #header_main .focasable_nav .nav_content{top:60px; left:20px; background: #ffffff; border-radius: 0;}
    #header_main .focasable_nav .nav_content{width:200px;}
    #header_main .focasable_nav .nav_content .sub_title{padding:5px 20px; background: #f4f4f4; text-align: left;}
    #header_main .focasable_nav .nav_content a{height:50px; font-size:1rem;}
    #signArea{padding-top:0px; height:100%;}
    #signArea .signform{display:flex; justify-content: center; align-items: center; width:100%;}

    .footer-header{border:1px solid red; position: absolute; bottom:20px;}
    .mobile_footer{display:block !important;}
    #loginFooter .footer-header, #loginFooter .logo-div,
    #loginFooter .desc
    {display:none;}
    .signin{width:86%}
    #signArea h1, #signupArea h1{font-size:24px; margin-bottom:20px;}
    #signArea .signform .signin dl{margin-bottom:20px; }
    .mobile_footer{padding:20px 0 0 0;}
    .mobile_footer .logo{margin-bottom:20px;}
    .find_idpw{text-align: right; color: #295FD3;}
    .btn_login_signup{ margin-top:15px; width:100%; border:1px solid #295FD3; border-radius: 4px; color:#295FD3}
    .footer_menu {margin-top:15px;}
    .footer_menu a{text-decoration: underline;}

    .partner_info ul{flex-direction: column;}
    .partner_info dl{width:100%;}
    .form_signup .agree{font-size:1rem;}
    .form_signup input[type="checkbox"] + label{line-height: 20px;}
    .form_signup .signup_info input[type="text"],
    .partner_info input[type="email"],
    .partner_info input[type="text"],
    .partner_info input[type="password"]{height:46px; font-size:0.9rem}
    .partner_info input[type="password"]{height:46px; font-size:0.9rem}
    .form_signup .signup_info input[type="text"]:read-only{height:46px;}
    .partner_info dd input+button{margin-left:5px; width:80px; height:46px;}
    /*.partner_info dd .btn_inline{height:42px;}*/
    .partner_info .has_btn{width:calc(100% - 80px); border-radius: 4px 0 0 4px;}
    .partner_info{margin:0 !important; padding:0 10px !important; width:100%;}
    .form_signup .signup_type{}
    .btn_signup{font-size:1rem;}
    /*#signupArea{padding-top:0}*/
    dd input+button{width:unset;}
    .form_signup .signup_type{margin: 0; width:100%; flex-direction: column; align-items: center; }
    .form_signup .signup_type h4{padding:20px 0 0 30px; font-size:20px; font-weight: 600; color:#295fd3 !important; z-index: 9;}
    .form_signup .signup_type .type_biz,
    .form_signup .signup_type .type_per{height:170px; overflow:hidden;}
    .form_signup .signup_type .type_per{margin-bottom:20px}
    .form_signup .signup_type .type_biz:after,
    .form_signup .signup_type .type_per:after{height:170px;}
    .form_signup .signup_type .type_per:after{background-position: -1px -72px}
    .form_signup .signup_type .type_biz:after{background-position: 0 -60px;}
    .form_signup .title p:last-child{font-size:20px;}
    .form_signup .title{margin-bottom:30px;}
    .form_signup select{width:100%; height:42px; border-radius: 4px;}
    .form_signup .signup_type a:hover dl{display:none;}
    .form_signup .signup_type .type_per:hover:after{width:251px; height:170px; border-radius: 10px; background: url('../images/partner_free.png') no-repeat; background-size: 100%; background-position: -1px -72px}
    .form_signup .signup_type .type_per:hover{width:251px;}
    .partner_info .form_signup li{width:100%;}

    .form_signup .signup_type .type_biz:hover{width:251px;}
    .form_signup .signup_type .type_biz:hover:after{width:251px; height:170px; border-radius: 10px; background: url('../images/partner_corp.png') no-repeat; background-size: 100%; background-position: 0 -60px}
    .dashboard .notice_wrap{flex-direction: column;}
    .dashboard .board_list{width:100%; margin-bottom:10px}
    .dashboard .board_list:first-child{width:100%;}
    .partner_info, .withdraw, .report, .policy,
    .dashboard{margin:10px auto 0 auto; padding:0;}
    .policy, .report{padding:20px;}

    .dashboard section{margin-bottom:0;}
    .report_summary {padding:10px 0; flex-direction: column; background: #EEF0FE; border-radius: 6px;}
    .report_summary dt{margin-bottom:5px; width: 100% !important;}

    .report .report_summary dl{margin:0; padding:10px 20px; width:100%; flex-direction: column; background: transparent;}
    .report .report_summary dd{width:100%; text-align: left; }
    .report .report_summary dt{margin-bottom:5px;}
    .report .table_list{overflow-x:auto;}
    .report .table_list table{min-width:800px;}
    .report .info_text{color:#295FD3; font-size:12px;}
    .payment .search{padding:10px;}
    .pay_conts .search ol{display:flex;}
    .pay_conts .search ol li{width:50%; margin:0;}
    .pay_conts .search label span{margin-right:0; text-align: center; width:100%; padding:10px 0;}
    .pay_conts .search ol li input[type="radio"] + label{height:40px; color:#295FD3; border:1px solid #295FD3; display: block; background: transparent;}
    .pay_conts .search ol li input[type="radio"] + label input[type=text]{display:none;}
    .pay_conts .search ol li input[type="radio"]:checked + label{height:40px; background: #295FD3; color:#ffffff; display: block;}
    .pay_conts .search ol li input[type="radio"]:checked + label input[type=text]{display:block}
    .payment .search{position:relative;}
    .payment .search{padding-top:50px; padding-bottom:50px;}
    .payment .search input[type=text]{position:absolute; top:10px; left:0; width:98%; border:none;}
    .payment .search .ico_calendar{background-position: right 6px; margin-bottom:15px;}
    .payment .search .btn_search{margin-top:10px; width:93%; position:absolute; bottom:10px;}
    .payment .search .v-picker{top:48px; left:0;}
    .main_wrapper .img_area{display:none;}
    .main_wrapper .text_area{text-align: center}
    .main_wrapper .key_visual {height:490px;}
    .main_wrapper .service_flow img{width:50%;}
    .main_wrapper .key_visual .btn{margin:0 auto; width:80%; display:block; text-align: center;}
    .main_wrapper .container dl{width:100%;}
    .main_wrapper .key_visual h2{font-size:1.8rem}
    .main_wrapper .key_visual p{margin-bottom:40px;}
}