@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

/*181128 추가*/

@media (max-width: 1100px) {


body.container {width:100% !important}
}

* {
  -webkit-box-sizing: border-box !important;
     -moz-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
/*공통*/
.fLeft {float:left; display:inline-block;  }
.fRight {float:right}
.alignL {text-align:left !important; }
.alignC {text-align:center !important}
.alignR {text-align:right !important}
a.view_more {  text-decoration:underline}
.dp-in-bl {display:inline-block; }
.di {width:100%; clear:both; }
.di input {display:inline-block;  width:42%;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {vertical-align: middle}
a.hover_unerline {color:#666;font-size:0.90em; text-align:left; float:left; font-weight:normal;  text-decoration:none; }
.border_st {border:1px solid #c8c8c8; padding:8px 0; }
sup{color: #EA3535;}

*{padding:0; margin:0;}
ul{list-style:none;}
img{border:0 none; vertical-align:top;}
a{text-decoration:none; color:#555;}
a:hover{text-decoration:underline;}
a.hover_unerline:hover {text-decoration:underline}
td.no_income {color:#ff1d6c !important }

/*메인 컬러에 대하여 - 스타일가이드 참고*/
/*PRIMARY*/
.pr_c01_pu {color:#5E69D4}
.pr_c02_br {color:#EB1B64}
.pr_c03_ltpu {color:#868B9E}
.pr_c04_mdpg {color:#505361}
.pr_c05_mdpg {color:#414451}

/*SECONDARY : hover*/
.se_c01_pr {color:#6A75ED}
.se_c02_br {color:#FD3A7F}
.se_c03_dkgy {color:#474544}
.se_c04_pred{color:#A90329}


/*GRAYSCALE*/
.gy_c01 {color:#FFFFFF}
.gy_c02 {color:#EEEEEE}
.gy_c03 {color:#DDDDDD}
.gy_c04 {color:#BBBBBB}
.gy_c05 {color:#888888}
.gy_c06 {color:#777777}
.gy_c07 {color:#454545}
.gy_c08 {color:#000000}

/*백그라운드*/

/*BG_PRIMARY*/
.bg_pr_c01_pu {background:#5E69D4}
.bg_pr_c02_br {background:#EB1B64}
.bg_pr_c03_ltpu {background:#868B9E}
.bg_pr_c04_mdpg {background:#505361}
.bg_pr_c05_mdpg {background:#414451}

/*BG_SECONDARY : hover*/
.bg_se_c01_pr {background:#6A75ED}
.bg_se_c02_br {background:#FD3A7F}
.bg_se_c03_dkgy {background:#474544}
.bg_se_c04_pred{background:#A90329}


/*BG_GRAYSCALE*/
.bg_gy_c02 {background:#EEEEEE}
.bg_gy_c03 {background:#DDDDDD}
.bg_gy_c04 {background:#BBBBBB}
.bg_gy_c05 {background:#888888}
.bg_gy_c06 {background:#777777}
.bg_gy_c07 {background:#454545}
.bg_gy_c08 {background:#000000}

.title_line strong.title_total_txt { font-size:0.80em; float:right; display:inline-block ;}
.user_sms_tag {width:100%;  padding:5px 0 !important}
.user_sms_tag span.sms_tag {background:#5e69d4; color:#fff; text-align:center;font-size:0.9em;  display:inline-block; padding:4px 12px; float:left; margin-right:6px; margin-bottom:2px; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px; }
.user_sms_tag span.sms_tag b {font-weight:bold ; margin-right:5px; }
.user_order_search .control-label {border-bottom:0px solid #cecece !important;}
.sms_title_line01 {color:#5e69d4 !important; width:100%; padding:10px 0 ; text-align:center; font-size:2.6em; }

.sms_list_wrap { width:100%; border:1px solid;margin-bottom:10px !important;background:#868b9e2e !important; border:1px solid #ddd;  padding:16px 20px !important; }
.sms_list_wrap strong.sms_list_name {font-size:1.3em; color:#5e69d4; width:100%;padding:5px 0 8px 0 ; float:left; text-align:left; }
.sms_list_01 dl {margin-bottom:0; display:inline-block;font-size:0.90em; width:100%;}
.sms_list_01 dl dt {float:left; margin-right:6px; }
.sms_list_01 dl dd {float:left; }

.user_order_search {border:1px solid #cecece /* !important */;  padding:10px 20px 0 20px }
.user_order_search input[type=text] {border:0px !important; padding:5px }
.user_order_search button[type=submit] {border:0 !important; background:0}
.sms_list_0101 {width:50%; float:left; text-align:left; }
.sms_list_0102 {width:100%;text-align:center;  }
.sms_list_name  .title_total_txt02 { font-size:0.75em; display:inline-block ; margin-left:8px}

/*181113dashboard_vol03에 대한 커스텀css*/
html {background:#fff !important; width:100%; overflow-x:hidden }
/* body :not(.con_header_bg) { width:100%; background:#5e69d4; display:inline-block; height:60px; position:absolute; top:0; left:0; } */
body.container {box-shadow:none; font-family: 'NotoSansKR', sans-serif; letter-spacing:-0.06em; border-right:0px ;background:#fff !important; }
h1, h2, h3, h4, h5, ul, li, a, button, b, i, dl, dd, dt, p, span, div, strong { font-family:   'NotoSansKR', sans-serif; letter-spacing:-0.06em;  }
.logo-group-bg {position:absolute; top:0 ; width:100%; height:49px; left:0 ; z-index:-1; display:block;  }

.header-search>input[type=text] {border:0;}
.header-search {border-bottom:1px solid #bfbfbf; }
body.container .demo {display:none}
/* 
body :not( .container_header_bg) {
 z-index:-100; top:0; left:0; float:left; 
}
 */
.mb2 {margin-bottom:2px;}
.mr5 {margin-right:5px}
.ml5 {margin-left:5px}
.mr2 {margin-right:2px}
.mt10 {margin-top:10px}
.tree .parent_li span.this {background:#5e69d4}

#content {padding:25px 22px 50px 22px} 

/*header*/
body.container #header {background:#5e69d4; padding:0 0px !important;height:60px; margin:0 auto; width:100%; max-width:1280px}
body.container #logo {margin-left:0;margin-top:0}
body.container #logo-group>span {width:220px;text-align:center; color:#fff; font-size:1.2em;height:60px;padding-top:5px; padding-bottom:5px;    } 
body.container #logo-group>span img {width:190px; text-align:center;margin:0 auto;  }  /* 로고가이미지일경우 */
#logo img {padding-left: 0px;}  /* 로고 속성 추가 2019-01-10 */


/*header-notice*/

#project-context>:first-child, body.container .project-context>:first-child {color:#fff; font-size:1.0em;font-weight:400;  }
#header-notice {margin-top:12px; padding:1px 20px 1 5px   }
#header>div.project-context {float:right; margin-top:8px; margin-right:8px}
#header-notice a {color:#fff; }
#header-notice a b {float:right; font-weight:300} 
#header-notice b {float:right; font-weight:300}   /* a -> button 버튼 css 속성 추가  2018-11-28 */
#header-notice button {color:#fff; }  /* a -> button 버튼 css 속성 추가  2018-11-26 */
#header-notice button b {float:right; font-weight:300}   /* a -> button 버튼 css 속성 추가  2018-11-26 */

/*left_navigation*/
#left-panel {background:#505361;z-index:1; float:left !important; }
nav ul span.menu-item-parent {font-size:1.10em;}
nav ul ul {background:#505361; padding:16px 0; border-bottom:1px solid #424550}
nav ul ul li>a {font-weight:300; }
nav ul li a {color:#fff; padding:15px 10px 15px 11px; font-weight:600;  border-bottom:1px solid #424550}
/*nav ul li a:active {background:#eb1b64}*/

nav ul li.open>a {background:#eb1b64; }
nav ul li.open>a:active {background:#eb1b64;  }


nav ul li a::after  {content:url('../img/custom/arr_left.png'); float:right }
nav ul li.open>a::after  {content:url('../img/custom/arr_bottom.png'); float:right  }


nav ul li ul li a::after  {content:'' }
nav ul li ul li.open>a::after  {content:'' }

nav ul li a:focus {background:#eb1b64; }
nav ul li.open>a b {background:#eb1b64 }
nav ul li.open a b em { font-size:1.4em;}
nav ul li a b .fa { font-size:1.4em;}
/* 하위메뉴 css 추가 */
nav ul ul li.open>a {background:#414451 !important; }
nav ul ul li.open>a:active {background:#414451 !important; }
nav ul ul li>a:hover {background:#414451 !important; }

nav>ul>li>a b {top:17px; right:20px;}
nav>ul ul li::before {border-color:#fff}
nav>ul>li>ul::before {border-left:0px}
nav>ul>li>ul>li>a, nav>ul>li>ul>li>ul>li>a {border:0; font-size:0.95em;}
 nav>ul>li>ul>li>ul>li>a:hover {background:none}
nav ul li.active>a:before {display:none}

#hide-menu { display:none!Important }
@media only screen and (max-width: 980px) and (min-width: 320px) {

#hide-menu { display:inline-block!Important}
#logo-group>span {text-align:left; }
#logo-group>span img {float:left; margin-top:5px; }

}

/* 공용으로 사용할 CSS */
.cursor {cursor: pointer};

/* flex 전용 */
.disp_f{display: flex !important;}
.disp_f_just_end{justify-content: flex-end;}
.wrap_f_r_cen{display : flex; vertical-align : middle; flex-direction : row; justify-content: center;}


/* 태블릿 사이즈 전용으로 작아지게 만듬 */
@media only screen and (max-width: 1526px) and (min-width: 150px) {
.banner{ top : unset !important; position: absolute !important; z-index: 1000; bottom: 24px; right: 8% !important}
.banner li{ display: inline-flex !important; margin: 0px 0px 0px 45px !important;}/* 글자 있을경우 */
.q_font{font-size: 13px !important; margin:-25px -100px 0px -15px;}/* 글자 있을경우 */
.quick_menu{width: 45px !important; height: 45px !important; background:#868b9e; border-radius: 50%; margin-bottom: 20px;display: inline-block;}
.quick_menu2{width: 60px !important; height: 90px !important; background:#868b9e; margin-bottom: -30px;padding : 30px; display: inline-block;}
.quick_menu .q_icon{font-size: smaller;color: white; margin: 10px 5px; cursor: pointer; width: 28px;}
.quick_menu .q_icon_cus{height: 31px !important}
.quick_menu2 .qick_img{padding : 35px 0px}
}
/*profile*/
.login-info  {height:350px;}
.login-info a {color:#fff}
.login-info button {color:#fff}  /* a -> button 버튼 css 속성 추가  2018-11-28 */
.login-info>span {height:350px;padding:0;  border-color:#424550 }
.login-info img {width:120px; height:120px; display:block; border-left:0; text-align:center ; margin:40px auto; border-radius:60px; -moz-border-radius:60px; -webkit-border-radius:60px; }
.login-info span {display:inline-block; width:100%; text-align:center;  }
.center_info  {font-size:1.2em;margin-bottom:4px; font-weight:400  }
.name_info  {font-size:1.5em;}
.name_info strong {font-size:1.2em;font-weight:600 ; font-family: 'NanumSquare', sans-serif !important; }
.profile_btn {margin-top:26px;  }
.profile_btn a {margin:0 5px ; font-size:1.1em; }
.profile_btn button {margin:0 6.5px ; font-size:1.1em; }  /* a -> button 버튼 css 속성 추가  2018-11-23 */


/*custome_buttom*/
.btn-custom01 {display: block; padding:6px 18px ! important; text-align:center; color:#fff; }  /* important css 속성 추가  2018-11-23 */
.btn-custom02 {display: block; padding:6px 13px ! important; text-align:center; color:#fff; }  /* important css 속성 추가  2019-06-14 */
.bg-color-ltgy {background:#868b9e ! important;}  /* important css 속성 추가  2018-11-23 */
.bg-color-ltpu {background:#5e69d4 ! important;}  /* important css 속성 추가  2018-11-23 */
.badge_new {display:inline-block;min-width:10px;padding:3px 7px;font-size:0.85px;color:#ff1d6c; line-height:1;vertical-align:middle;white-space:nowrap;
text-align:center;background:none; font-weight:600;text-shadow:none; }
.badge_dday {display:inline-block;min-width:10px;font-size:11px;color:#ff1d6c; line-height:1;vertical-align:middle;white-space:nowrap;
  text-align:center;background:none; font-weight:800;text-shadow:none; }
.btn,a:link,button{-webkit-tap-highlight-color:none}
.btn-header>:first-child>a {padding:0; background:none; border:0; color:#fff }
.btn-header>:first-child>a:hover, .btn-header>:first-child>a:active {padding:0; background:none; border:0; color:#fff }

#hide-menu i {color:#fff; }

/*대시보드 위젯*/
#mypl article:nth-child(2) .jarviswidget>header.circle_hbg { padding:0 !important;  height:140px !important; background:#5e69d4;  border:0 !important;}/*추가*/
#mypl article:nth-child(3) .jarviswidget>header.circle_hbg { padding:0 !important;  height:140px !important; background:#ff1d6c;  border:0 !important;}/*추가*/
@media only screen and (max-width: 980px) and (min-width: 320px) { 

  /*모바일일경우 프로필*/
  .login-info {padding-top:20px; height:120px}
  .login-info img {display:none; }
  .center_info {margin-bottom:0}
  .login-info>span {height:100px;}
  .profile_btn {margin-top:10px}
  .login-info span.center_info { font-size:1.0em;  padding:0 14px; font-weight:300; text-align:left; }
  .login-info span.name_info {font-size:1.2em; padding:0 14px; text-align:left;}
  .profile_btn a {font-size:0.95em}
  
  .login-info .link-button {width:100%; }





  .jarviswidget>header { padding:22px 20px 0px 20px !important; }  
  .jarviswidget>div { padding:10px 20px 10px 20px !important; }  
  #wid-id-1 .widget-body1 dd span:nth-child(2) {letter-spacing:-0.2em !important;}
}
.jarviswidget>header { padding:22px 24px 0px 24px !important; background:#fff;  height:70px !important;   border-top:1px solid #c2c2c2 !important; 
  border-left:1px solid #c2c2c2 !important; border-right:1px solid #c2c2c2 !important; border-bottom:0 !important;}
.jarviswidget>header>h2 { font-size:1.6em; font-weight:600; letter-spacing:-0.06em; font-family: 'NanumSquare', sans-serif !important; }
/*.jarviswidget header .btn-success { background:#5e69d41a; border:1px solid #5e69d4; color:#5e69d4;  font-weight:600 } 2019-05-17 IE적용안됨 색깔 수정*/
.jarviswidget header .btn-success { background:#e8e9fc; border:1px solid #5e69d4; color:#5e69d4;  font-weight:600 }
.jarviswidget header .btn-success:hover {background:#5e69d4; color:#fff; border:1px solid #5e69d4;  }
/* 원비수납 수기청구서 버튼 */
.jarviswidget_2 span .btn-success { background:#e8e9fc; border:1px solid #5e69d4; color:#5e69d4;  font-weight:600 }
.jarviswidget_2 span .btn-success:hover {background:#5e69d4; color:#fff; border:1px solid #5e69d4;  }

.jarviswidget>div {padding: 0 15px 15px 15px ; border-width:1px 1px 1px}
.jarviswidget-ctrls .button-icon {border-left:0 }
a.moreview-btn {color:#eb1b64; font-size:1.0em; font-weight:100;  margin-right:10px;   }
a.moreview-btn:hover {background:none}
button.moreview-btn {color:#eb1b64; font-size:1.0em; font-weight:100;  margin-right:10px;   }    /* a -> button 버튼 css 속성 추가  2018-11-28 */
button.moreview-btn:hover {background:none}    /* a -> button 버튼 css 속성 추가  2018-11-28 */
.jarvis_btn a { background:#5e69d41a; border:1px solid #5e69d4; color:#5e69d4;  display:block; padding:0 10px;}
.jarviswidget-ctrls a {line-height:24px;  font-size:0.90em;}
.jarvis_btn button { background:#5e69d41a; border:1px solid #5e69d4; color:#5e69d4;  display:block; padding:0 10px;}    /* a -> button 버튼 css 속성 추가  2019-03-28 */
.jarvis_btn2 button { background:#5e69d41a; border:1px solid #5e69d4; color:#5e69d4;  display:inline; padding:0 10px;}    /* button display:block -> display:inline으로 변경 2019-08-19 [김예인] */
.jarviswidget-ctrls button {line-height:24px;  font-size:0.90em;}    /* a -> button 버튼 css 속성 추가  2019-03-28 */

.widget-body {width:100%; }

/*대시보드 - wid-id-1 지사 가맹점 현황*/

#wid-id-1 .widget-body {min-height:220px; }
#wid-id-2 .widget-body {min-height:220px; }
#wid-id-3 .widget-body {min-height:240px; }
#wid-id-4 .widget-body {min-height:240px; }


#wid-id-1 .widget-body dl  {width:100%; border-top:1px solid#C2C2C2; border-bottom:1px solid#C2C2C2;border-right:1px solid#C2C2C2;
float:left; display:inline-block; text-align:center; padding:12px 0 10px 0; }
#wid-id-1 .widget-body dl:nth-child(1) {border-left:3px solid#5e69d4;margin-top:15px; margin-bottom:15px; }
#wid-id-1 .widget-body dl:nth-child(2) {border-left:3px solid#eb1b64;}
#wid-id-1 .widget-body dl dd, #wid-id-1 .widget-body dt {float:left;  }
#wid-id-1 .widget-body dt {width:30%;font-size:1.2em;  line-height:4.0em}
#wid-id-1 .widget-body dl dd {width:35%; }
#wid-id-1 .widget-body dl dd span {width:100%; display:block; font-size:1.0em; }
#wid-id-1 .widget-body dl dd span b {font-size:2.6em; font-style:normal; font-weight:600; line-height:1.2em;  }
#wid-id-1 .widget-body dl dd:nth-child(2) {border-left:1px solid #C2C2C2; border-right:1px solid #C2C2C2}
#wid-id-1 .widget-body dl dd:nth-child(3) b {color:#eb1b64}
.jarviswidget .widget-body {padding-bottom:0}



#wid-id-1 .widget-body1 dl  {width:100%;font-size:1.0em; margin-top:5px; float:left; display:inline-block; text-align:center; padding:0}
#wid-id-1 .widget-body1 dt {line-height:3.0em; float:left;   padding:2% 0}
#wid-id-1 .widget-body1 dd { line-height:3.0em; float:right; }


@media only screen and (max-width: 2200px) and (min-width: 761px) {
#wid-id-1 .widget-body1 dd {width:20%;}
}

@media only screen and (max-width: 760px) and (min-width: 480px) {   
#wid-id-1 .widget-body1 dd {width:18%;}
}
@media only screen and (max-width: 1200px){   
/* 배너 작아질 경우 display none */
/* .banner{display:none;}  */
}

@media only screen and (max-width: 479px) and (min-width: 320px)  {
  #wid-id-1 .widget-body1 dd {width:16%;}
 }

#wid-id-1 .widget-body1 dl dt span {width:100%; display:block; font-size:1.0em; }
#wid-id-1 .widget-body1 dl dt span b {font-size:3.4em; font-style:normal; font-weight:600; line-height:1.2em;  }
#wid-id-1 .widget-body1 dl dd span {width:100%; display:block; font-size:1.0em; }
#wid-id-1 .widget-body1 dl dd span:nth-child(2) {font-weight:700; }
#wid-id-1 .widget-body1 dl dd:nth-child(5) span:nth-child(1) {background:none; }
#wid-id-1 .widget-body1 dl dd span:nth-child(1) {background:url('../img/custom/line_bg.png') no-repeat; background-position:0 18px }
#wid-id-1 .widget-body1 dl dd span b {font-size:2.4em; font-style:normal; font-weight:400; line-height:1.9em;  }
#wid-id-1 .widget-body1 dl dd:nth-child(3) {margin-right:2px; } /*휴원*/
.jarviswidget .widget-body1 {padding-bottom:0}
#wid-id-1 .widget-body1 dl dd span.pr_c03_ltpu {color:#868b9e; } /*Lt. purple gray 컬러*/
#wid-id-1 .widget-body1 dl dd span.pr_c02_br {color:#eb1b64} /*Berry 컬러*/




/*대시보드 - wid-id-2 문의 및 알림*/

#wid-id-2 table.table {margin-bottom:0; border-top:3px solid #eee}
#wid-id-2 table.table a {border:1px solid; display:block; text-align:center; }
a.standby {color:#eb1b64; border:1px solid;  text-align:center;display:block; }
a.standby:hover {text-decoration:none; background:#eb1b64;color:#fff; }
a.finished {color:#868b9e; cursor:default; border:1px solid;  text-align:center; display:block;}
/* a -> button 버튼 css 속성 추가  2019-03-05 */
#wid-id-2 table.table button {border:1px solid; display:block; text-align:center;width: 100%; }
button.standby {color:#eb1b64; cursor:default; border:1px solid; text-align:center; display:block; margin:auto; width: 90%; }
/* button.standby:hover {text-decoration:none; background:#eb1b64; color:#fff; } */
button.finished {color:#868b9e; cursor:default; border:1px solid;  text-align:center; display:block; margin:auto; width: 90%; }
/* button.finished:hover {text-decoration:none; background:#868b9e; color:#fff; } */

/*대시보드 - 매입매출현황*/
#wid-id-3 .chart {margin:0 }
.chart_wrap {width:100%; padding:8px 28px 7px 10px;  }



/*대시보드 - wid-id-4 + 주문 및 반품현황*/
#wid-id-4 {width:100%; }
#wid-id-4 .widget-body { width:100%; }
#wid-id-4 .widget-body dl {display:inline-block; float:left ;  width:50%; padding:0px; text-align:Center;margin-top:40px; }
#wid-id-4 .widget-body dl a {display:block;color:#fff; margin:0 auto; text-align:Center; vertical-align:middle;  width: 100px;height:100px;border-radius: 50%; background:#c8c8c8}
#wid-id-4 .widget-body dl:nth-child(1) a {background:#5e69d4}
#wid-id-4 .widget-body dl:nth-child(2) a {background:#eb1b64}
#wid-id-4 .widget-body dl a b {font-size:4.4em; font-weight:500; line-height:1.5em; padding:0 5px; }
#wid-id-4 .widget-body dl dt {padding:12px 0; font-size:1.2em;  }
#wid-id-4 .widget-body dl dd {padding:8px 0 }
/* a -> button 버튼 css 속성 추가  2018-11-29 */
#wid-id-4 .widget-body dl button {display:block;color:#fff; margin:0 auto; text-align:Center; vertical-align:middle;  width: 100px;height:100px;border-radius: 50%; background:#c8c8c8}
#wid-id-4 .widget-body dl:nth-child(1) button {background:#5e69d4;padding-bottom: 8px;}
#wid-id-4 .widget-body dl:nth-child(2) button {background:#eb1b64;padding-bottom: 8px;}
#wid-id-4 .widget-body dl button b {font-size:4.4em; font-weight:500; line-height:1.5em; padding:0 5px; }
.bonsa_dashboard .panel01 .panel01_0101 dl dd.jisa_name {color:#5e69d4; font-weight:700;width:80%; margin-left:10%;margin-top:6px;  text-align:center; height:30px;
 background:#f7f8fa;  padding:10px 0;
 text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* overflow 말줄임 표시 추가 2020-02-04 */
.bonsa_dashboard .panel01 .panel01_0101 dl dd.jisa_name::after {content:''; } /* '지사이름' 제거 */

/*footer*/
.page-footer {background:none; color:#424550; text-align:center;z-index:0; bottom:0 ;}

/*본사 대시보드 추가*/
.bonsa_dashboard {margin-bottom: 50px; }
.bonsa_dashboard .panel01 {width:100%; }

.bonsa_dashboard .panel01 .panel01_0100 {border:1px solid #cecece; Width:98%; margin:0px auto;
padding:10px; background:#cecece6b; color:#505361; }
.bonsa_dashboard .panel01 .panel01_0100 p {margin-bottom:0}
.bonsa_dashboard .panel01 .panel01_0101 dl {display:inline-block; float:left ;  width:33%; border:0px; padding:0px;
   text-align:Center;margin-top:5px; margin-bottom:5px !important; }
.bonsa_dashboard .panel01 .panel01_0101 dl a {display:block;color:#fff; margin:0 auto; text-align:Center; cursor:normal; vertical-align:middle;  width: 60px;height:60px;
border-radius: 50%;background:#c8c8c8}
.bonsa_dashboard .panel01 .panel01_0101 dl a:hover {text-decoration:none; cursor:normal;}
.bonsa_dashboard .panel01 .panel01_0101 dl:nth-child(1) a {background:#5e69d4}
.bonsa_dashboard .panel01 .panel01_0101 dl:nth-child(2) a {background:#eb1b64}
.bonsa_dashboard .panel01 .panel01_0101 dl:nth-child(3) a {background:#505361}

.bonsa_dashboard .panel01 .panel01_0101 dl dt a b {font-size:2.4em; font-weight:500; line-height:1.8em;  width:100%;  text-align:center; }
.bonsa_dashboard .panel01 .panel01_0101 dd strong {font-size: 0.95em;font-weight:600}
.bonsa_dashboard .panel01 .panel01_0101 dd b {width:100%;  text-align:center; margin-top:20px; clear:both; /*float:left; */}
.bonsa_dashboard .panel01 .panel01_0101 dd:nth-child(2) b {border:0px solid; }
.bonsa_dashboard .panel01 .panel01_0101 dd:nth-child(4) b {font-size:0.85em; font-weight:normal !important }
.bonsa_dashboard .panel01 .panel01_0101 dd:nth-child(5)  {font-size:1.6em; }
.bonsa_dashboard .panel01 .panel01_0101:nth-child(1) dd:nth-child(1) b { background:#5e69d4; color:#fff; display:block; width:40px; height:40px;
  font-family: 'NanumSquare', sans-serif !important; font-size:1.1em; line-height:2.4em; text-align:center; margin:0 auto; border-radius:50%;}

/* .bonsa_dashboard .panel01 .panel01_0101 dl:nth-child(1) dd:nth-child(1) b {color:#5e69d4}
.bonsa_dashboard .panel01 .panel01_0101 dl:nth-child(2) dd:nth-child(1) b {color:#eb1b64}
.bonsa_dashboard .panel01 .panel01_0101 dl:nth-child(3) dd:nth-child(1) b {color:#505361} */





.bonsa_dashboard .panel01 .panel01_0101 dl dd {padding:0px 0; font-size:1.2em; width:100% ; clear:both;  text-align:center;   margin:0 auto ; }
.bonsa_dashboard .panel01 .panel01_0101 dl dt {padding:12px 0 22px 0; width:100% ;  text-align:center; clear:both; margin:0 auto ;  }

.panel01_0101 table.member_number {  width:70%; margin:10px auto;font-size:0.85em;   }
.panel01_0101 table.member_number th {text-align:center ;   }
.panel01_0101 table.member_number td {text-align:center}
.bonsa_dashboard .panel01 {width:100%; }
/*.bonsa_dashboard .panel01 .panel01_01 {width:100%;  float:left; padding:0; display:inline-block; }*/

.bonsa_dashboard .panel01 .panel01_02 .chart {height:10%; margin:0px 0px 0px 0px}

.panel0401 {float:left;margin-top:10px;  }
.panel0402 {float:left; margin-top:2px; }
@media only screen and (max-width: 2200px) and (min-width: 761px) { 
  .bonsa_dashboard .panel01 .panel01_01 {width:49%; margin-right:0%;  float:right; padding:10px 0 ; display:inline-block; background:#f7f8fa }
  .bonsa_dashboard .panel01 .panel01_02 {width:43%;  float:left; padding:10px 2% 10px 1%; display:inline-block; }
.panel0401 {width:38%; }
.panel0402 {width:55%;  }

}
@media only screen and (max-width: 760px) and (min-width: 480px) { 
  .bonsa_dashboard .panel01 .panel01_01 {width:100%; margin-right:0%;  float:right; padding:10px 0 ; display:inline-block; background:#f7f8fa; margin-bottom:20px;}
  .bonsa_dashboard .panel01 .panel01_02 {width:100%;  float:left; padding:10px 2% 10px 1%; display:inline-block;}
  .panel0401, .panel0402 {width:100%; }
  
}
@media only screen and (max-width: 479px) and (min-width: 320px) { 

.bonsa_dashboard .panel01 .panel01_01 {width:100%; margin-right:0%;  float:right; padding:10px 0 ; display:inline-block; background:#f7f8fa ; margin-bottom:20px;}
.bonsa_dashboard .panel01 .panel01_02 {width:100%;  float:left; padding:10px 2% 10px 1%; display:inline-block; }
.panel0401, .panel0402 {width:100%; }


}



#bwid-id-1 .widget-body {min-height:200px; }
#bwid-id-5 .widget-body {min-height:170px; }


#bwid-id-4 .widget-body {min-height:170px; }

   
#bwid-id-2 .widget-body {min-height:130px; }
#bwid-id-3 .widget-body {min-height:130px; }


#bwid-id-1 .widget-body dl dt , #bwid-id-1 .widget-body dd {float:left;  }

#bwid-id-1 .widget-body dl dt span {width:100%; display:block; font-size:1.0em; }
#bwid-id-1 .widget-body dl dt span b {font-size:2.6em; font-style:normal; font-weight:600; line-height:1.2em;  }
#bwid-id-1 .widget-body dl dt:nth-child(2) {border-left:1px solid #C2C2C2; border-right:1px solid #C2C2C2}
#bwid-id-1 .widget-body dl dt:nth-child(3) b {color:#eb1b64}
.jarviswidget .widget-body {padding-bottom:0}

.panel0401 dl  {width:100%;  clear:both; padding:10px 0;display:block;  }
.panel0401 dl dt {width:40%; float:left ; text-align:left;font-weight:bold; }
.panel0401 dl dd {width:50%; float:right;  text-align:right; padding-left:20px; font-size:1.5em;margin-top:-10px; }
.panel0401 dl dt a {width:8px; height:8px ; border-radius:50%; float:left; display:block; margin:5px 5px 0 5px}
.panel0401 dl:nth-child(1) dt a {background:#5e69d4;}
.panel0401 dl:nth-child(2) dt a {background:#eb1b64;}
.panel0401 dl:nth-child(3) dt a {background:#505361;}

.panel0402 dl {width:100%; }
.panel0402 dl dt {padding:5px 0}
.panel0402 dl dt, .panel0402 dl dd {width:100%;   }
.panel0402 dl dd  {line-height:2.0em;}
.panel0402 dl dd strong {font-size:2.8em; font-weight:300}



#bwid-id-1 .widget-body1 dl  {width:100%;font-size:1.0em; margin-top:5px; float:left; display:inline-block; text-align:center; padding:0}
#bwid-id-1 .widget-body1 dt {line-height:3.0em; float:left;   padding:2%}
#bwid-id-1 .widget-body1 dd {width:17%;  line-height:3.0em; float:right; }
#bwid-id-1 .widget-body1 dl dt span {width:100%; display:block; font-size:1.0em; }
#bwid-id-1 .widget-body1 dl dt span b {font-size:3.4em; font-style:normal; font-weight:600; line-height:1.2em;  }
#bwid-id-1 .widget-body1 dl dd span {width:100%; display:block; font-size:1.0em; }
#bwid-id-1 .widget-body1 dl dd span:nth-child(2) {font-weight:700; }
#bwid-id-1 .widget-body1 dl dd:nth-child(5) span:nth-child(1) {background:none; }
#bwid-id-1 .widget-body1 dl dd span:nth-child(1) {background:url('../img/custom/line_bg.png') no-repeat; background-position:0 18px }
#bwid-id-1 .widget-body1 dl dd span b {font-size:2.4em; font-style:normal; font-weight:400; line-height:1.9em;  }
#bwid-id-1 .widget-body1 dl dd:nth-child(3) {margin-right:2px; } /*휴원*/
.jarviswidget .widget-body1 {padding-bottom:0}
#bwid-id-1 .widget-body1 dl dd span.pr_c03_ltpu {color:#868b9e; } /*Lt. purple gray 컬러*/
#bwid-id-1 .widget-body1 dl dd span.pr_c02_br {color:#eb1b64} /*Berry 컬러*/





#bwid-id-5 .widget-body dl dt , #bwid-id-5 .widget-body dd {float:left; }
#bwid-id-5 .widget-body dd:nth-child(4) {float:left; background:#f7f8fa;  width:80%; margin-left:10%;  display:block; font-size:1.2em;}
#bwid-id-5 .widget-body dl dt span {width:100%; display:block; font-size:1.0em; }
#bwid-id-5 .widget-body dl dt span b {font-size:2.6em; font-style:normal; font-weight:600; line-height:1.2em;  }
#bwid-id-5 .widget-body dl dt:nth-child(2) {border-left:1px solid #C2C2C2; border-right:1px solid #C2C2C2}
#bwid-id-5 .widget-body dl dt:nth-child(3) b {color:#eb1b64}
.jarviswidget .widget-body {padding-bottom:0}



#bwid-id-5 .widget-body1 dl  {width:100%;font-size:1.0em; margin-top:5px; float:left; display:inline-block; text-align:center; padding:0}
#bwid-id-5 .widget-body1 dt {line-height:3.0em; float:left;   padding:2%}
#bwid-id-5 .widget-body1 dd {width:17%;  line-height:3.0em; float:right; }
#bwid-id-5 .widget-body1 dl dt span {width:100%; display:block; font-size:1.0em; }
#bwid-id-5 .widget-body1 dl dt span b {font-size:3.4em; font-style:normal; font-weight:600; line-height:1.2em;  }
#bwid-id-5 .widget-body1 dl dd span {width:100%; display:block; font-size:1.0em; }
#bwid-id-5 .widget-body1 dl dd span:nth-child(2) {font-weight:700; }
#bwid-id-5 .widget-body1 dl dd:nth-child(5) span:nth-child(1) {background:none; }
#bwid-id-5 .widget-body1 dl dd span:nth-child(1) {background:url('../img/custom/line_bg.png') no-repeat; background-position:0 18px }
#bwid-id-5 .widget-body1 dl dd span b {font-size:2.4em; font-style:normal; font-weight:400; line-height:1.9em;  }
#bwid-id-5 .widget-body1 dl dd:nth-child(3) {margin-right:2px; } /*휴원*/
.jarviswidget .widget-body1 {padding-bottom:0}
#bwid-id-5 .widget-body1 dl dd span.pr_c03_ltpu {color:#868b9e; } /*Lt. purple gray 컬러*/
#bwid-id-5 .widget-body1 dl dd span.pr_c02_br {color:#eb1b64} /*Berry 컬러*/




#bwid-id-2 .widget-body dl dt , #bwid-id-2 .widget-body dd {float:left;  }

#bwid-id-2 .widget-body dl dt span {width:100%; display:block; font-size:1.0em; }
#bwid-id-2 .widget-body dl dt span b {font-size:2.6em; font-style:normal; font-weight:600; line-height:1.2em;  }
#bwid-id-2 .widget-body dl dt:nth-child(2) {border-left:1px solid #C2C2C2; border-right:1px solid #C2C2C2}
#bwid-id-2 .widget-body dl dt:nth-child(3) b {color:#eb1b64}
.jarviswidget .widget-body {padding-bottom:0}



#bwid-id-2 .widget-body1 dl  {width:100%;font-size:1.0em; margin-top:5px; float:left; display:inline-block; text-align:center; padding:0}
#bwid-id-1 .widget-body1 dt {line-height:3.0em; float:left;   padding:2%}
#bwid-id-1 .widget-body1 dd {width:17%;  line-height:3.0em; float:right; }
#bwid-id-1 .widget-body1 dl dt span {width:100%; display:block; font-size:1.0em; }
#bwid-id-1 .widget-body1 dl dt span b {font-size:3.4em; font-style:normal; font-weight:600; line-height:1.2em;  }
#bwid-id-1 .widget-body1 dl dd span {width:100%; display:block; font-size:1.0em; }
#bwid-id-1 .widget-body1 dl dd span:nth-child(2) {font-weight:700; }
#bwid-id-1 .widget-body1 dl dd:nth-child(5) span:nth-child(1) {background:none; }
#bwid-id-1 .widget-body1 dl dd span:nth-child(1) {background:url('../img/custom/line_bg.png') no-repeat; background-position:0 18px }
#bwid-id-1 .widget-body1 dl dd span b {font-size:2.4em; font-style:normal; font-weight:400; line-height:1.9em;  }
#bwid-id-1 .widget-body1 dl dd:nth-child(3) {margin-right:2px; } /*휴원*/
.jarviswidget .widget-body1 {padding-bottom:0}
#bwid-id-1 .widget-body1 dl dd span.pr_c03_ltpu {color:#868b9e; } /*Lt. purple gray 컬러*/
#bwid-id-1 .widget-body1 dl dd span.pr_c02_br {color:#eb1b64} /*Berry 컬러*/


/*본사대시보드 - wid-id-2 문의 및 알림*/

#bwid-id-2 table.table {margin-bottom:0; border-top:3px solid #eee}
#bwid-id-2 table.table a {display:block;}
a.standby {color:#eb1b64; border:1px solid;  text-align:center;display:block; }
a.standby:hover {text-decoration:none; background:#eb1b64;color:#fff; }
a.finished {color:#868b9e; cursor:default; border:1px solid;  text-align:center; display:block;}
/* a -> button 버튼 css 속성 추가  2019-03-05 */
#bwid-id-2 table.table button {display:block;}
button.standby {color:#eb1b64; cursor:default; border:1px solid; text-align:center; display:block; margin:auto; width: 90%; }
/* button.standby:hover {text-decoration:none; background:#eb1b64; color:#fff; } */
button.finished {color:#868b9e; cursor:default; border:1px solid; text-align:center; display:block; margin:auto; width: 90%; }
/* button.finished:hover {text-decoration:none; background:#868b9e; color:#fff; } */

/*본사대시보드 - 매입매출현황*/
#bwid-id-3 .chart {margin:0 }
.chart_wrap {width:100%; padding:8px 28px 7px 10px;  }



/*본사대시보드 - wid-id-4 + 주문 및 반품현황*/
#bwid-id-4 {width:100%; }
#bwid-id-4 .widget-body { width:100%; }
#bwid-id-4 .widget-body dl {display:inline-block; float:left ;  width:33%; padding:0px; text-align:Center;margin-top:10px; }
#bwid-id-4 .widget-body dl a {display:inline-block !important; margin:0 3px;  text-align:Center; 
  display:block; width:8px; height:8px;  font-family: 'NanumSquare', sans-serif !important;font-size:0.6em; line-height:2.2em; 
padding-top:0px; border-radius:50%}
#bwid-id-4 .widget-body dl:nth-child(1) a {background-color:#5e69d4; }
#bwid-id-4 .widget-body dl:nth-child(2) a {background-color:#eb1b64}
#bwid-id-4 .widget-body dl:nth-child(3) a {background-color:#505361}
#bwid-id-4 .widget-body dl dd b {font-size:3.0em; font-weight:500; padding:0 5px; }
#bwid-id-4 .widget-body dl dt {font-size:1.3em; font-family: 'NanumSquare', sans-serif !important; }
#bwid-id-4 .widget-body dl dd {padding:12px 0 24px 0 }


/*마이페이지*/
#myp {padding:25px 22px; position:relative;}
#myp a.btn-success {border:1px solid #868b9e; color:#868b9e; background:#fff}
#myp header {padding:12px 12px 0 12px !important}
#myp div.widget-body {height:155px;}
#myp  header h2 {font-size:1.2em}

/*마이페이지 - 본사, 본인정보*/
#myp-id-1 .widget-body1 , #myp-id-2 .widget-body1  {height:155px;}
#myp-id-1-1 .widget-body1, #myp-id-2-2 .widget-body1  {height:120px;}
#myp-id-1 { width:100%;  }
#myp-id-1 header {width:100%; }
#myp-id-1 header h2 {width:100%;  display:block;}
#myp-id-1 dl dt, #myp-id-1 dl dd, #myp-id-2 dl dd  {padding:5px 0 }
#myp-id-1-1 dl dd, #myp-id-1 dl dd {font-size:1.1em; font-weight:700;  text-align: left; }  /* 추가 20220621 김예인 */
#myp-id-1 dl dt b {display:block;  }
#myp-id-1-1  a {margin-top:10px;}

/*마이페이지 - 이용중인 요금제(라이선스),가용포인트*/
/* 이용중인요금제 추가 2019.3.18 김예인 css추가 */
#myp-id-2 .widget-body1  {max-height:155px;}
#myp-id-2 dl dd.pr_c03_ltpu  {float:right;margin-top:0px;margin-bottom:0px ; }
#myp-id-2 dl dd.pr_c03_ltpu a.btn-success {float:right }
#myp-id-2-2 dl dt {padding: 0 0 10px 0 ; font-size:1.2em}
#myp-id-2-2 dl dt b {font-size:2.4em;  }
#myp-id-2-2 dl dd a.btn-success {float:right }
#myp-id-2-2 dl dd a.mr8 {margin-right:8px}
#myp-id-2 .widget-body1 dd a.mr8 {margin-right:8px}

#myp-id-2 .widget-body1 .fLeft:nth-child(1) {width:40%;   padding-top:0px; text-align:center}

#myp-id-2 .widget-body1 .fLeft:nth-child(1) img {width:80px; margin:10px auto; text-align:center; }
#myp-id-2 .widget-body1 dt { padding:8px; }
#myp-id-2 .widget-body1 dd {padding:0px 0; }
#myp-id-2 .widget-body1 dd 
#myp-id-2 .widget-body1 dd a { float:right }
#myp-id-2 .widget-body1 .fLeft:nth-child(2) {padding-top:26px; ; width:60% ; text-align:right }
#myp-id-2 .widget-body1 dl.fLeft:nth-child(2) dt {padding:0 1px !important }
#myp-id-2 .widget-body1 dl.fLeft:nth-child(2) dd.ex_day {font-size:1.8em; font-weight:800}
#myp-id-2 .widget-body1 dd.pr_c03_ltpu a {float:right}

/* 정기결제 UI개선안_20220621 김예인 */
#myp-id-2 .widget-body dl button {display:block;color:#fff; margin:0 auto; text-align:Center; vertical-align:middle;  width: 100px;height:100px;border-radius: 50%; background:#c8c8c8}
#myp-id-2 .widget-body dl:nth-child(1) button {background:#5e69d4;padding-bottom: 8px;}
#myp-id-2 .widget-body dl button b {font-size:1.4em; font-weight:500; line-height:1.8em; padding:0 5px; }



/* #myp .widget-body1  dl {margin-bottom:0; height:100%;  } */
#myp .widget-body1  dl {margin-bottom:0;  }
#myp .widget-body1  dl.fLeft  {margin-bottom:0; height:105px;   }
#myp-id-3 tr td:nth-child(2) {font-weight:800}

#myp-id-3 .table {margin-bottom:0}
#myp-id-3 .table tr td  {border:0}
#myp-id-3 .timetable_con {width:100%; height:155px;  overflow-y:scroll; margin:0px 0  }
#myp-id-3 .table>tbody>tr>td,#myp-id-3 .table>tbody>tr>th,#myp-id-3 .table>tfoot>tr>td,#myp-id-3 .table>tfoot>tr>th,#myp-id-3 .table>thead>tr>td,#myp-id-3 .table>thead>tr>th {padding:10px 4px}

#myp-id-3 .table-hover  {border:0}
#myp-id-3 .widget-body .timetable_con .table-responsive  {border:0}



#myp-id-1 div,#myp-id-1-1 div  {text-align:center; }
/*START 추가 CSS 2019.3.21*/
#myp-id-1-1 dt {padding:4px 0; }
#myp-id-1-1 dd.pr_c03_ltpu {margin-top:4px; }
 
p.error_txt_line {display:block; ; float:left;   padding-left:4px; color:#ff1d6c; text-align:left; text-decoration:italic}
p.error_txt_line i {display:block;float:left; padding:5px 2px; height:100%; }



/*마이페이지*/
#mypo {padding:25px 22px; position:relative;}
#mypo a.btn-success {border:1px solid #868b9e; color:#868b9e; background:#fff}
#mypo header {padding:12px 12px 0 12px !important}
/*#mypo div.widget-body {height:155px;}*/
#mypo  header h2 {font-size:1.2em}

/*마이페이지 - 본사, 본인정보*/
/*#mypo-id-1 .widget-body1 , #mypo-id-2 .widget-body1  {height:155px;}
#mypo-id-1-1 .widget-body1, #mypo-id-2-2 .widget-body1  {height:120px;}*/
#mypo-id-1 { width:100%;  }
#mypo-id-1 header {width:100%; }
#mypo-id-1 header h2 {width:100%;  display:block;}

#mypo-id-1 dl {margin-bottom:18px; margin-top:5px; }
#mypo-id-1 dl dt, #mypo-id-1 dl dd, #mypo-id-2 dl dd  {text-align:left}
#mypo dl dd {font-size:1.0em; }
#mypo-id-1 dl dt b {display:block;  }
#mypo-id-1 dl dt.d_title01 {font-size:1.2em; font-weight:600; line-height:1.8em;  }
#mypo-id-1 dl dd{ line-height:1.6em;  }

#mypo-id-1-1 .smart-accordion-default.panel-group .panel-title a {background:#505361; color:#fff}
#mypo-id-1-1 .btn b{font-size:1.2em; }
.panel-heading p.have_underline {margin-bottom:0; font-size:0.95em; }
svg:not(:root).svg-inline--fa {overflow:hidden}
#mypo-id-1-1 .tablet_block input[type=checkbox] {display:block !important; text-align:center !important; margin:0 auto !important;}
#mypo-id-1-1 .tablet_btn  {height:70px; vertical-align:middle }
.btn-default.active, .btn-default:active,.btn-default:hover {  box-shadow:none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important; border:1px solid #c8c8c8;}
.btn-default2.active, .btn-default2:active,.btn-default2:hover {  box-shadow:none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important; border:1px solid #c8c8c8;background-color: seagreen}
.open>.dropdown-toggle.btn-default, .open>.dropdown-toggle.btn-default, .btn-default.active.tablet { box-shadow:none !important;-webkit-box-shadow:none !important;  -moz-box-shadow:none !important;
   border:1px solid #c8c8c8;  background:none}  /*테블릿 전용 css 20190421 김예인 11111 */
.btn.active, .btn:active {box-shadow:none !important;-webkit-box-shadow:none !important;  -moz-box-shadow:none !important; border:1px solid #c8c8c8}
#mypo-id-1-1 .tablet_btn2  {height:40px; vertical-align:middle; padding-top:10px; }
/*END 추가 CSS 2019.3.21*/
.btn-default-week {height: 30px; width: 70px;font-size: 13px; font-weight: 550; margin: 0 2px;} /* week button css 추가 2019-04-05 */
.btn-default-week.active {height: 30px; width: 70px;font-size: 13px; font-weight: 550; margin: 0 2px; border:2px solid #5e69d4} /* week button css 추가 2019-05-02 김예인*/


.btn-default-check {height: 30px; font-size: 12px; font-weight: 520; margin: 0 2px; border:2px solid #c8c8c8;  } /* check button css 추가 2019-04-05 border 추가 2019-10-10 김수경 */
.btn-default-check.active {height: 30px; font-size: 12px; font-weight: 520; margin: 0 2px; border:2px solid #5e69d4; } /* check button css 추가 2019-05-07 김예인*/
.btn-default-check:hover {font-weight: 520; border:2px solid #9195a3;  } /* check button css 추가 2019-10-10 김수경 */
body.container #myp-id-1, body.container #myp-id-2 {margin-bottom:0 !important; }
body.container #mypl-id-1, body.container #mypl-id-2 {margin-bottom:0 !important; }/*추가*/
/* body.container #myp-id-1>div, body.container #myp-id-2>div {border-bottom:0 !important; } */ /* 20191011 fren마이페이지 수정 */
body.container #mypl-id-1>div, body.container #mypl-id-2>div {border-bottom:0 !important; }/*추가*/
.jarviswidget>header>h2 {margin-left:0}

/*START 추가 CSS 2019.3.21*/


#mypo  a.pay_btn {border:1px solid; display:block; text-align:center; padding:6px 10px; width:150px; margin:20px auto;  background:#5e69d4; color:#fff}
#mypo  a.pay_btn:hover {text-decoration:none; background:#5e69d4de}
#mypo-id-1-1 .pd10 {padding:20px 0 ;  clear:both; float:left; width:100%; }





/*마이페이지-라이선스*/
#mypl {padding:25px 22px; position:relative;}
#mypl a.btn-success {border:1px solid #868b9e; color:#868b9e; background:#fff}
#mypl header {padding:12px 12px 0 12px !important}
#mypl div.widget-body {height:155px;}
#mypl  header h2 {font-size:1.2em}
.circle_tit {border:0px solid; width:100px; margin:25px auto; height:100px; line-height:5.2em; font-size:1.2em;font-weight:600; 
border-radius:50px; 
-moz-border-radius:50px; 
-webkit-border-radius:50px; 
-o-border-radius:50px; 
display:block;   background:#fff;  }

#mypl-id-1 .circle_tit {color:#5e69d4}
#mypl-id-2 .circle_tit {color:#ff1d6c}

#mypl-id-1 .widget-body1 , #mypl-id-2 .widget-body1  {margin-bottom:20px;}
#mypl-id-1 ,#mypl-id-2 { width:100%;  }
#mypl-id-1 header , #mypl-id-2 header{width:100%; }
#mypl-id-1 header h2, #mypl-id-2 header h2 {width:100%;  display:block;}
#mypl-id-1 dl dt, #mypl-id-1 dl dd, #mypl-id-2 dl dt, #mypl-id-2 dl dd {padding:0px 0 }
#mypl-id-2 dl dd, #mypl-id-1 dl dd {font-size:1.0em; }
#mypl-id-1 dl dt, #mypl-id-2 dl dt  {font-size:1.2em; font-weight:700}
#mypl-id-1 dl dt b, #mypl-id-2 dl dt b {display:block;  }

/*베이직*/
#mypl-id-1 div.license_con_bg {background:#5e69d4 !important; border-right:1px solid #5e69d4 !important;  border-left:1px solid #5e69d4 !important; color:#fff; }
/*프리미엄*/
#mypl-id-2 div.license_con_bg {background:#ff1d6c !important; border-right:1px solid #ff1d6c !important;  border-left:1px solid #ff1d6c !important; color:#fff; }


#mypl-id-2-2 dl dt {padding: 0 0 10px 0 ; font-size:1.2em}
#mypl-id-2-2 dl dt b {font-size:2.4em;  }
#mypl-id-2-2 dl dd a.btn-success {float:right }
#mypl-id-2-2 dl dd a.mr8 {margin-right:8px}

#mypl-id-2 .widget-body1 .fLeft:nth-child(1){width:50%;   padding-top:0px; text-align:center}

#mypl-id-2 .widget-body1 .fLeft:nth-child(2) {padding-top:28px; ; width:45% ; text-align:right }
#mypl-id-2 .widget-body1 dl.fLeft:nth-child(2) dt {padding:0 8px !important }
#mypl-id-2 .widget-body1 dl.fLeft:nth-child(2) dd.ex_day {font-size:1.4em; }
#mypl-id-2 .widget-body1 dd.pr_c03_ltpu a {float:right}
#mypl-id-3 tr td:nth-child(2) {font-weight:800}

#mypl-id-3 .table {margin-bottom:0}
#mypl-id-3 .table tr td  {border:0}
#mypl-id-3 .timetable_con {width:100%; height:155px;  overflow-y:scroll; margin:0px 0  }
#mypl-id-3 .table>tbody>tr>td,#mypl-id-3 .table>tbody>tr>th,#mypl-id-3 .table>tfoot>tr>td,#mypl-id-3 .table>tfoot>tr>th,#mypl-id-3 .table>thead>tr>td,#mypl-id-3 .table>thead>tr>th {padding:10px 4px}

#mypl-id-3 .table-hover  {border:0}
#mypl-id-3 .widget-body .timetable_con .table-responsive  {border:0}


#mypl-id-1 div, #mypl-id-1-1 div, #mypl-id-1-2 div  {text-align:center; }
#mypl-id-1-1 dt, #mypl-id-1-2 dt {padding:4px 0; }
#mypl-id-1-1 dd.pr_c03_ltpu {margin-top:4px; }
#mypl-id-1-2 .row {margin-right:-5px !important; margin-left:-5px  !important; }

.list_in_point {margin:10px auto;  text-align:center;  display:block; width:100%; }
.list_inner_point {border:1px solid #ccc; padding:8px 0;background:#fff; }
.list_inner_point0 {border-top:1px solid #ccc; padding:8px 0;text-align:right; font-weight:700 }


a.license_btn, button.license_btn {display:block; color:#fff; padding:6px 4px; font-size:0.95em;  }
a.license_btn:hover, button.license_btn:hover  {text-decoration:none; }
a.license_btn .fa-layers-counter,  button.license_btn .fa-layers-counter {font-size:2.0em;transform : scale(0.28);right:-.18em; padding:0.2em}
a.license_btn .fa-fw, button.license_btn .fa-fw{font-size:1.2em; }
a.license_day {background:#fff; border:1px solid #5E69D4; color:#5E69D4 } /* 20190903 김예인 수정 */
/* a.license_day {background:#5E69D4; } */
a.license_day:hover {color:#fff; border:1px solid #5E69D4; background:#5E69D4 }

a.license_ex {background:#868b9ed1; cursor:default} 
tr.license_ex_line td {color:#9a9a9a}

a.btn_comfirm {background:#fff; border:1px solid #ff1d6c; color:#ff1d6c } /* 20190903 김예인 수정 */
a.btn_comfirm:hover {color:#fff; border:1px solid #ff1d6c; background:#ff1d6c }
a.btn_comfirm_cancel {background:#fff; border:1px solid #5E69D4; color:#5E69D4 } /* 20190903 김예인 수정 */
a.btn_comfirm_cancel:hover {color:#fff; border:1px solid #5E69D4; background:#5E69D4 }
/*END 추가 CSS 2019.3.21*/

button.license_day {background:#fff; border:1px solid #5E69D4; color:#5E69D4; width:70px} /* 20191030 김예인 수정 */
button.license_day:hover {color:#fff; border:1px solid #5E69D4; background:#5E69D4 }
button.license_ex {background:#868b9ed1; border:1px solid #868b9ed1; cursor:default; width:70px}
button.license_ex_line td {color:#9a9a9a}

button.btn_comfirm {background:#fff; border:1px solid #ff1d6c; color:#ff1d6c; width:70px} /* 20191030 김예인 수정 */
button.btn_comfirm:hover {color:#fff; border:1px solid #ff1d6c; background:#ff1d6c }
button.btn_comfirm_cancel {background:#fff; border:1px solid #5E69D4; color:#5E69D4; width:70px} /* 20191030 김예인 수정 */
button.btn_comfirm_cancel:hover {color:#fff; border:1px solid #5E69D4; background:#5E69D4 }

/*그리드 2018-11-22*/
.btn {border-radius:0;  display:inline-block; font-size:0.90em; padding:4px 12px ; 
-webkit-border-radius:0;
-moz-border-radius:0 ; }
.page-title {font-weight:500}
.btn-primary, .btn-primary:active {background-color:#5e69d4; border-color:#5e69d4}/*purple*/
.btn-primary:hover {background-color:#6a75ed; border-color:#5e69d4}/*purple:hover*/
.btn-success, .btn-success:active {background-color:#505361; border-color:#505361;}/*Med. purple grey*/
.btn-success:hover  {background-color:#676a7b; border-color:#676a7b}
.btn-info, .btn-info:active {background-color:#868b9e; border-color:#868b9e}/*Lt. purple gray*/
.btn-info2, .btn-info2:active {color:#fff; background-color:#868b9e; border-color:#868b9e}/*Lt. purple gray*/
.btn-info:hover  {background-color:#9095a8; border-color:#9095a8}
.btn-info2:hover  {color:#fff; ; background-color:#9095a8; border-color:#9095a8}
.btn-warning, .btn-warning:active {background-color:#ffce09; border-color:#ffce09}
.btn-warning:hover  {background-color:#fed42b; border-color:#fed42b}
.btn-danger, .btn-danger:active {background-color:#EB1B64; border-color:#EB1B64} /*berry*/
.btn-danger:hover   {background-color:#fd3a7f; border-color:#eb1b64} /*berry:hover*/
.btn-dark {
  background-color:#505361; border-color:#f7f8ff; color:#ffffff ;
}

.btn-mint {background-color:#44BCBC; border-color:#44BCBC; color : #fff } /*berry*/
.btn-mint:active {background-color:#66b9b994; border-color:#66b9b994 !important; color : #fff}
.btn-mint:hover   {background-color:#66b9b994; border-color:#66b9b994; color : #fff}

.btn-join  {background:#868b9e; color:#fff;   border-color:#868b9e}
.btn-join:hover {background:#868b9e; color:#fff; }

.line-primary {color:#5e69d4; border-color:#5e69d4; background:#fff;}/*purple*/
.line-primary:focus {color:#5e69d4; border-color:#5e69d4; background:#fff;}
.line-primary:active {color:#5e69d4; border-color:#5e69d4; background:#fff;}/*purple*/
.line-primary:hover {color:#fff; background-color:#6a75ed; border-color:#5e69d4}/*purple:hover*/


.label-primary{background-color:#5e69d4}
.label-primary[href]:focus,.label-primary[href]:hover{background-color:#6a75ed}
.label-success{background-color:#505361}
.label-success[href]:focus,.label-success[href]:hover{background-color:#676a7b}
.label-info{background-color:#868b9e}
.label-info[href]:focus,.label-info[href]:hover{background-color:#9095a8}
.label-warning{background-color:#ffce09}
.label-warning[href]:focus,.label-warning[href]:hover{background-color:#fed42b}
.label-danger{background-color:#eb1b64}
.label-danger[href]:focus,.label-danger[href]:hover{background-color:#fd3a7f}

.w100 {width:100%; clear:both;}

/*181123 그리드_서치박스*/
.grid_content {width:100%}
.grid_content header {border:0 !important;  background:none !important; padding:22px 0px 0px 0px !important;   }
.grid_content header h1 { font-family: 'NanumSquare', sans-serif !important; font-weight:600; font-size:1.8em; }
.grid_content > .table-responsive {margin-bottom: 50px;} /* 그리드 속성 추가 2019-01-10 */
.grid_content .jarviswidget {border:0px; margin-bottom:5px}
.shop_category_box {width:100%; border:0px solid #ccc; padding:0px 15px; background:#fff;margin-bottom:20px;  }
.search_box {width:100%; border:1px solid #ccc; padding:5px 20px; background:#fff;margin-bottom:20px;  }
h3.search_box_title {width:100%; clear:both ; font-size: 15px ; font-weight:600; color:#333; margin-bottom: 8px; font-family: 'NanumSquare', sans-serif !important;  }
h3.search_box_title2 {width:100%;font-size: 15px ; font-weight:600; color:#333;   font-family: 'NanumSquare', sans-serif !important; }

.search_box .form-control { display:inline-block; padding:6px 12px ; }
.search_box h3.search_box_title strong {margin:0; font-size:1.1em; padding:0px 0 0px 14px}
.search_box .form-group {  width:100%;  }
.search_box .form-group select {vertical-align:middle; background-color:#fff; padding:6px 12px 6px 4px ; font-size:12px ;  line-height:1.42857143; width:100%; 
border:1px solid #ccc; color:#555; }
.search_box .form-group label {margin-bottom:0 ; color:#666;}
.search_box .form-group label.search_box_st {display:inline-block ;font-weight: 700;  padding:6px 5px ; min-width:70px; text-align: center; }
.search_box .form-group label.input_text_wrap  {display:inline-block ;font-weight: 700;  padding:6px 5px ;   }
.search_box .btn-primary  { text-align:center; display:inline-block; padding:6px 14px;  } /* margin-left 삭제 2019-01-19 */
.grid_top_wrap {display:inline-block;height:30px;}
.grid_top_wrap .form-group {margin-bottom:0; }
/* .grid_top_wrap .form-group select {padding:3px 6px;margin-left: 5px;} */ /* 속성 수정 2019-03-05 */
.grid_top_wrap select {padding:3px 6px;margin-left: 5px;} /* 속성 수정 2019-03-05 */
.grid_top_wrap a.btn-success {border:1px solid #868b9e; color:#868b9e; background:#fff}
.grid_top_wrap button.btn-success {border:1px solid #868b9e; color:#868b9e; background:#fff} /* a -> button 속성 추가 2019-01-15 */
.search_box .form-control { display:inline-block;  }
.grid_top_wrap button { font-size: 0.90em; margin-top: 5px; } /* 탭메뉴 & excel 버튼추카 [20191023 김예인] */

.mess_group { padding:0 10px  ; text-align:center; margin:0 auto;  display:inline-block; }

/*그리드 상단영역02*/
.grid_top_wrap02 {display:inline-block; border:1px solid; background:#868b9e; color:#fff; text-align:center; padding:8px;
border:1px solid #616161; margin-bottom:8px; margin-top:10px   }
.grid_top_wrap02 table {  margin:0 auto; text-align:center;  }
.grid_top_wrap02 th {padding:0 20px 0 30px;}
.grid_top_wrap02 td {padding:0 20px 0 10px;}
.group_info_box .btn-delete  { margin-right:5px ; text-align:center; color:#ff1d6c; font-size:0.90em; border:1px solid #ff1d6c; background:#fff;  padding:3px 11px; float: right;} /* margin-right:10px ; -> margin-right:5px ; 2019-05-24 변경 */
.group_info_box .btn-delete2  { margin-right:5px ; color:#ff1d6c; font-size:0.90em;border:1px solid #ff1d6c; background:#fff;padding:2px 8px;
text-align:right; float: right;} /* margin-right:10px ; -> margin-right:5px ; 2019-05-24 변경 */
/* 버튼전용 추가, 커서 선택 안되게 수정 user-select: none; 2019-03-05 */
.btn-delete  { text-align:center; color:#ff1d6c; font-size:0.90em; border:1px solid #ff1d6c; background:#fff;  padding:3px 12px; margin: 0px auto; user-select: none;}
.btn-delete:hover   {text-decoration:none; background:#eb1b64;color:#fff; }
.btn-delete2  { margin-right:10px ; color:#ff1d6c; font-size:0.90em;border:1px solid #ff1d6c; background:#fff;padding:2px 8px;
  text-align:right; float: right; user-select: none;}
.btn-insert  { text-align:center; color:#868b9e; font-size:0.90em; border:1px solid #868b9e; background:#fff;  padding:3px 12px; margin: 0px auto; user-select: none;}
.btn-insert:hover   {text-decoration:none; background:#fff;color:#50556e; user-select: none;}
/* 주문버튼 width 고정추가 */
.btn-delete-fix { width : 93px;text-align:center; color:#ff1d6c; font-size:0.90em; border:1px solid #ff1d6c; background:#fff;  padding:3px 12px; margin: 0px auto; user-select: none;}
.btn-delete-fix:hover{text-decoration:none; background:#eb1b64;color:#fff; } 

/* 버튼 전용 - 비활성화 처럼 보이지만 선택가능함 */
.btn-available  { text-align:center; color:#5E69D4; font-size:0.90em; border:1px solid #5E69D4; background:#fff;  padding:3px 12px; margin: 0px auto; user-select: none;}
.btn-available:hover   {text-decoration:none; background:#5E69D4;color:#fff; }

/* 회원별교재신청 버튼전용 */
.btn-deleteOd  { width : 93px;text-align:center; color:#ff1d6c; font-size:0.90em; border:1px solid #ff1d6c; background:#fff;  padding:3px 12px; margin: 0px auto; user-select: none; cursor: no-drop;}
.btn-deleteOd:hover   { width : 93px; text-decoration:none; color:#ff1d6c;/*text-decoration:none;  background:#eb1b64;color:#fff; */ }

/* 체크박스 선택시(클릭하능한 버튼) */
.btn-checked  { width : 93px;text-align:center; color:#f27fa7; font-size:0.90em; border:1px solid #f27fa7; background:#fff;  padding:3px 12px; margin: 0px auto; user-select: none; cursor: no-drop;}
.btn-checked:hover   { width : 93px; text-decoration:none; color:#f27fa7;/*text-decoration:none;  background:#eb1b64;color:#fff; */ }

/* 완료 취소 버튼 전용 페이지 - 커리큘럼관리 [20190924 김예인] */
.btn-modify  { text-align:center; color:#868b9e; font-size:0.90em; border:1px solid #868b9e; background:#fff;  padding:3px 12px; margin: 0px auto; user-select: none;}
.btn-modify:hover   {text-decoration:none; background:#868b9e;color:#fff; }

/* 버튼전용 - disabled 비활성화 모드 추가 2019-10-16 */
.btn-disabled { text-align:center; color:#868b9e; font-size:0.90em; border:1px solid #868b9e; background:#fff;  padding:3px 12px; margin: 0px auto; user-select: none; cursor: no-drop; }
.btn-disabled:hover {text-decoration:none; background:#fff; color:#868b9e; user-select: none; cursor: no-drop; }
/* 버튼 전용 - disabled비활성화 width 고정 추가 2019-10-17 [김예인] */
.btn-disabled-fix { text-align:center; color:#868b9e; font-size:0.90em; border:1px solid #868b9e; background:#fff;  padding:3px 12px; margin: 0px auto; user-select: none; cursor: no-drop; width: 96px !important; }
/* 버튼 전용 - 비활성화 지만 선택가능함 */
.btn-disabled-available { text-decoration:none; text-align:center; color:#5E69D4 !important; font-size:0.90em; border:1px solid #5E69D4; background:#fff;  padding:3px 12px; margin: 0px auto; width: 96px }
/* .btn-disabled-available { text-decoration:none; text-align:center; color:#5E69D4 !important; font-size:0.90em; border:1px solid #5E69D4; background:#fff;  padding:3px 12px; margin: 0px auto; width: 95px !important; } */
.btn-disabled-available:hover {text-decoration:none; background:#5E69D4; color:#fff !important; user-select: none; }

/* 버튼 커스텀 전용 _ 2022.11.24 */
.btn-pay  { width: 60px;height: 35px;text-align: right;color: #5E69D4;font-size: 12px;border: 1.2px solid #5E69D4;background: #fff;cursor: pointer;padding-right: 10px;font-weight: 600; padding: 7px;margin-right: 5px;}
.btn-pay:focus{color: #5E69D4;}
.btn-pay:hover{text-decoration:none; background:#5E69D4;color:#fff; z-index: 3;} 
.btn-pay:hover .btn-pay-image-hover{z-index: 3 !important;}

.btn-pay_click{width: 60px;height: 35px;text-align: right;color: #fff;font-size: 12px;border: 1.2px solid #5E69D4;background: #5E69D4;cursor: pointer;padding-right: 10px;font-weight: 600; padding: 7px;margin-right: 5px;} 
.btn-pay_click .btn-pay_click-image-hover{z-index: 3 !important;}
/* .btn-pay_click .btn-pay-image-hover{z-index: 3 !important;} */

.btn-pay-custom  { width: 60px;height: 35px;font-size: 12px;color : #eb1b64; border : 1px solid #eb1b64; background: #fff;cursor: pointer;padding-right: 10px;font-weight: 600; padding: 7px;margin-right: 5px;}
.btn-pay-custom:hover{text-decoration:none; color:#fff; background: #eb1b64;z-index: 3;} 
.btn-pay-custom:hover .btn-pay-image-hover{color:#fff; z-index: 3 !important;}

.btn-pay-gray  { height: 42px;text-align: right;color: #676767;font-size: 12px;border: 1.2px solid #E5E5E5;background: #F1F1F1;cursor: pointer;padding-right: 10px;font-weight: 600; padding: 7px;margin-right: 2px;}
.btn-pay-gray:hover{text-decoration:none; background:#5E69D4;color:#fff; z-index: 3;} 

.btn-pay-blue, .btn-pay-blue:active { /* height: 42px; */background-color:#5e69d4; color:#fff;border-color:#5e69d4;font-weight: 600;} /*purple*/
.btn-pay-blue:hover {background-color:#6a75ed; border-color:#5e69d4;color:#fff;font-weight: 600;} /*purple:hover*/
.btn-pay-blue:focus{color:#fff; }



.grid_top_wrap03 {display:inline-block; border:1px solid; background:#868b9e; color:#fff; text-align:center; padding:8px;
border:1px solid #616161; margin-bottom:8px; margin-top:10px; }
.grid_top_wrap03 table {  margin:0 auto; text-align:center;  }
.grid_top_wrap03 th.big {/* padding:0 8px 0 30px */font-size:1.2em; min-width:30px ; text-align:right}
.grid_top_wrap03 td.big{/* padding:0 50px 0 10px; */font-size:1.2em; min-width:30px ; text-align:left; padding:0 8px}
.grid_top_wrap03 th.small {/* padding:0 8px 0 30px;  */font-size:0.90em;min-width:30px  ; text-align:right}
.grid_top_wrap03 td.small {/* padding:0 8px 0 10px; */font-size:0.90em; min-width:30px; text-align:left; padding:0 5px}


.grid_top_wrap03 th.big2 { padding:0 8px 0 30px ;font-size:1.2em; min-width:30px ; text-align:right}
.grid_top_wrap03 td.big2{ padding:0 50px 0 10px; font-size:1.2em; min-width:30px ; text-align:left; }
.grid_top_wrap03 th.small2 {padding:0 8px 0 10px; font-size:0.90em;min-width:30px  ; text-align:right}
.grid_top_wrap03 td.small2 { padding:0 8px 0 10px; font-size:0.90em; min-width:30px; text-align:left;}
.grid_top_wrap03 th.small2 { padding:0 8px 0 20px; font-size:0.90em; min-width:30px; text-align:left; }

/* grid top Total */
.grid_top_wrap_total {display:inline-block; border:1px solid; background:#f3f3f3; color:#505361; text-align:center; padding:8px;
  border:1px solid #9e9e9e; margin-bottom:8px; margin-top:0px; }



 .grid_top_wrap_total2 {display:inline-block; border:1px solid; background:#EBEBEB; color:#505361; 
     border: none;
     margin-bottom:8px; 
     height: 59px;
     line-height: 37px;
     text-align: left;
     padding: 10px 45px;
    }

.grid_top_wrap_total span {padding:0 8px 0 8px;; font-weight: 600; margin-right: 30px; }
.grid_top_wrap_total span:nth-last-child(1) {padding:0 8px 0 8px;; font-weight: 600; margin-right: 0px; } /* span 마지막 데이터 우측 여백 없애기 */
/* .grid_top_wrap_total span.pl8 {padding-left:8px;} */
.grid_top_wrap_total strong {font-weight: bold; color:#eb1b64}
.grid_top_wrap_total b {font-weight: bold; color:#5e69d4 }

.grid_top_wrap_total b.bTitle { font-weight: bold; color:#5e69d4;background:url('../img/custom/purple_bullet.png') no-repeat 2px 53%; padding-left: 10px; }
.grid_top_wrap_total b.bText { font-weight: bold; color:#5e69d4; padding-left: 2px; }
  

/*.group_info_box table {margin-bottom:5px; margin-top:5px; }*/
.group_info_box table tr th {padding:10px 4px; font-size:1.2em;vertical-align:middle;min-width:69px;} /* padding:10px 12px; -> padding:10px 4px; 2019-05-24 변경 */
.group_info_box table tr td {padding:4px 6px}
.group_info_box table tr:nth-last-child(1) td {border-bottom:0px solid #ddd; } /* 1px -> 0px 수정 그리드 마지막 데이터 표출 시 하위 border 삭제 2019-05-23 */
.group_info_box table#user_group_tbale02 tr td:nth-child(1) {text-align:left; }
.group_info_box .table-responsive {border:0 }
.group_info_box table tr td.th02 {font-weight:600; vertical-align:middle}
.group_info_box table tr td.th02:nth-last-child(1) {border-bottom:1px solid #ddd; }

/*사용자 그룹정보*/


.group_info_box {width:100%;background:#fff;margin-bottom:20px;  }
.group_info_box section {  margin:0px; }

h3.group_info_box_title {width:100%; clear:both ; font-size: 15px ; font-weight:600; color:#333;   }
h3.group_info_box_title2 {width:100%;font-size: 15px ; font-weight:600; color:#333;   }
.group_info_box .form-control { display:inline-block;  }

.group_info_box .row h3 {margin:8px 0 12px 0  ; }
.group_info_box .form-group { padding:3px 0;    }
.group_info_box .form-group select {vertical-align:middle; background-color:#fff; padding:6px 12px ; font-size:12px ;  line-height:1.42857143; width:100%; 
border:1px solid #ccc; color:#555; }

.group_info_box .form-group label {margin-bottom:0 ; color:#666;  text-align:center; }
.group_info_box .form-group label.group_info_box_st {display:inline-block ;font-weight: 700;  padding:6px 5px ; min-width:70px;  }
.group_info_box .btn-primary  { margin-right:10px ; text-align:center; font-size:0.90em; width:80px;  display:block;  }






/*커리큘럼용 그리드*/

.group_info_box2 table tr {border-bottom:1px solid #c8c8c8}
.group_info_box2 table tr th {padding:10px 4px; text-align:Center; font-size:0.95em;background:#e3e3e3}
.group_info_box2 table tr td {padding:4px 2px;text-align:Center; }

.group_info_box2 {width:100%;background:#fff;margin-bottom:20px;  }
.group_info_box2 section {  margin:0px; }
.curri_grid .form-control03 { padding:0 2px; font-weight:300;  height:28px;border:0px solid #000 !important; color:#555;background:#fff; }
.curri_grid .form-control05 { padding:0 2px; font-weight:300;  height:28px; color:#555;background:#fff; }

.curri_grid .css-1g48xl4-IndicatorsContainer { height:28px !important; }
.curri_grid th {text-align:center !important; }
.curri_grid td .form-control03 {text-align:Center;  }

.curri_grid  th:nth-child(1), .curri_grid  td:nth-child(1) {width:6%}
.curri_grid  td .form-control03  {width:100%; border:0px solid } 
.curri_grid  td .form-control05 {width:100%; border:1px solid #c8c8c8 !important; font-weight:300; } 
.curri_grid  th:nth-child(2), .curri_grid  td:nth-child(2)  {width:18%}

.curri_grid  th:nth-child(3), .curri_grid  td:nth-child(3)  {width:18%}

.curri_grid  th:nth-child(4), .curri_grid  td:nth-child(4)  {width:18%}

.curri_grid  th:nth-child(5), .curri_grid  td:nth-child(5) {width:8%}


.curri_grid  th:nth-child(6), .curri_grid  td:nth-child(6)  {width:8%}
.curri_grid  th:nth-child(7), .curri_grid  td:nth-child(7) {width:8%}


.search_btn_wrap {width:100%;  clear:both; height:32px; margin-bottom:10px; }


.curri_grid .css-yk16xz-control {border-radius: 0; min-height:30px !important; max-height:30px !important;}
.curri_grid .css-1hwfws3 {padding:0 !important; font-weight:300}
.curri_grid .css-1pahdxg-control {height:30px !important; min-height:30px !important;}
.curri_grid .css-2613qy-menu {z-index:1000; position:absolute; top:0; left:0 } 

.group_info_box2 .table-responsive {overflow-x: visible}
.curri_grid .css-2b097c-container {margin-top:4px;  }

.css-hwewrh-control { height:32px; min-height:32px !important;border-radius: 0px !important; } /* AutoComplete css Height 수정 2019-10-15 */
.css-zprxrw-control { height:32px; min-height:32px !important;border-radius: 0px !important; } /* AutoComplete css Height 수정 2019-10-15 box-shadow: none !important; */
.css-1kkln1z-control { height:32px; min-height:32px !important;border-radius: 0px !important; } /* AutoComplete css Height 수정 2019-10-15 */
.css-za1ifj-control { height:32px; min-height:32px !important;border-radius: 0px !important; } /* AutoComplete css Height 수정 2019-10-15 */
.css-1wa3eu0-placeholder { top:40% !important; left:4px; } /* AutoComplete css Height 수정 2019-10-15 */
.css-1uccc91-singleValue { top:40% !important; left:4px; margin-left:0px; margin-right:0px; } /* AutoComplete css Height 수정 2019-10-15 */

.css-yk16xz-control { height:32px; min-height:32px !important;border-radius: 0px !important; } /* AutoComplete css Height 수정 2019-10-16 */
.css-1pahdxg-control { height:32px; min-height:32px !important;border-radius: 0px !important; } /* AutoComplete css Height 수정 2019-10-16 */
.css-1fhf3k1-control { height:32px; min-height:32px !important;border-radius: 0px !important; } /* AutoComplete css Height 수정 2019-10-18 */
.css-w8afj7-Input{margin: -2px !important;}

.curri_grid .inputV {border:1px solid #c8c8c8 !important; height:28px}

.table-responsive {overflow-x: visible}

@media only screen and (max-width: 2200px) and (min-width: 761px) {

.search_btn_wrap .btn_fRight {float:right ; margin-right:12px; }
.DateRangePickerInput {width: 100%; margin-left: 2px;}

}

@media only screen and (max-width: 760px) and (min-width: 480px) { 


.form-group {margin-bottom:2px }
.search_box .select { width:60%; }
.search_box .form-control {width:60%}
.search_box .btn-primary  { margin:10px auto; text-align:center; margin:0 auto; display:inline-block !important;  } /* margin !important 제거 2019-01-16 */
.search_btn_wrap .btn_fRight {text-align:center}
.search_btn_wrap .btn_fRight button{margin:0 auto; }

.table-responsive {border:0}

}



@media only screen and (max-width: 479px) and (min-width: 320px) {
.search_box .form-group {margin-bottom:2px ; }
.search_box .select { width:60%; } 
.search_box .form-control {width:60%}
.page-title {display:block; margin-bottom:10px}
.search_box .btn-primary  { text-align:center; margin:0 auto; display:inline-block;  } /* margin !important 제거 2019-01-16 */
.table-responsive {border:0}
.search_btn_wrap .btn_fRight {text-align:center; }
.search_btn_wrap .btn_fRight button{margin:0 auto; }

}

@media only screen and (max-width: 319px) and (min-width: 100px) {
  .search_box .form-group {margin-bottom:2px ; }
  .search_box .select { width:60%; } 
  .search_box .form-control {width:60%}
  .page-title {display:block; margin-bottom:10px}
  .search_box .btn-primary  { text-align:center; margin:0 auto; display:inline-block;  } /* margin !important 제거 2019-01-16 */
  .table-responsive {border:0}
  .search_btn_wrap .btn_fRight {text-align:left; margin-left:13px;}
  .search_btn_wrap .btn_fRight button{margin:0 auto; }
  
  }



.page-footer .row {width:100%}
.page-footer {padding-left:0;position: absolute;} /* 속성 수정 2019-01-10 */
.pagination {margin: 5px 0;} /* 속성 추가 2019-01-10 */
.page-footer {padding-left:0 ;    height: 35px; }

/*table_style01*/
table.grid01 {text-align:center; margin-bottom: 15px;} /* 속성 수정 2019-01-10 */
table.grid01 th { background:#505361; color:#fff;text-align:center;  border:1px solid #505361;  padding:8px 4px   }

table.grid01 tbody tr:hover {background:#f6f6f6 !important}
table.grid01 td .checkbox {margin:0; text-align:Center;clear:both !important; }
table.grid01 .checkbox input[type=checkbox] {position:static !important;  margin:0; cursor:pointer;} /* 속성 수정 2019-01-02 */
table.grid01 tr.grid-active { background-color: #eff0fb; } /* 그리드 선택모드 속성 추가 2019-04-05 */
table.grid01 tr.grid-active2 { background-color: #f2eded; } /* 그리드 선택모드 속성 추가 2019-04-05 */
table.grid01 tr.grid-notice { font-weight:bold ; background-color: #e6e9f4} /* 공지사항 그리드 속성 추가 2019-07-25 */
/* table.grid01 tr.grid-notice-over_highlight { font-weight:bold ; background-color: #ec06570f} */ /* 라이센스 강조 속성추가2020-10-07 */
table.font-sm {font-size:0.85em !important; padding:4px 10px}


table.grid02 {text-align:left;border-left:1px solid #ccc; border-right:1px solid #ccc; }
table.grid02 th { background:#505361; color:#fff;text-align:left;  border:1px solid #505361;   }
table.grid02 td .checkbox {margin:0; text-align:Center;clear:both !important; }
table.grid02 .checkbox input[type=checkbox] {position:static !important;  margin:0; }


table.grid03 {text-align:left;border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
table.grid03 td {border-right:1px solid #ccc; }
table.grid03 td:nth-child(3), table.grid03 td:nth-child(1) {margin:0 auto; text-align:center; }

table.grid04 {text-align:left;border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
table.grid04 td {border-right:1px solid #ccc; background: white;}
table.grid04 td:nth-child(1) { text-align:left; }
table.grid04 td:nth-child(2) {margin:0 auto; text-align:center; }


table.grid05 th { background:#505361; color:#fff;text-align:center;  font-size:0.85em !important; padding:4px 6px  !important;  }
table.grid05 td  {text-align:Center;clear:both !important;font-size:0.85em !important; padding:4px 6px  !important;  }


/*팝업내부 청구폼*/
/* table.grid06 {margin-bottom: 10px; background: white;} */
table.grid06 {margin-bottom: 10px; background: white;}
table.grid06 td, table.grid06 th {vertical-align:middle !important;}
table.grid06 th { background:#868b9e; border:1px solid #868b9e;  color:#fff;text-align:center;  font-size:1.1em !important; padding:3px 6px  !important;  font-weight: 400; }
table.grid06 td  {text-align:Center;clear:both !important;   font-size:0.9em !important; padding:3px 6px  !important;  border:1px solid #ccc; border-top:0px; }
table.grid06 tfoot  {background:#868b9e54 !important; border:1px solid #6c728861 !important; }

/* 팝업내부 그리드 하이라이트 */
table.grid06 tr.grid-active { background-color: #eff0fb; }
table.grid06 tr.grid-active2 { background-color: #f2eded; }
table.grid06 tr.grid-notice { font-weight:bold ; background-color: #e6e9f4}

table.grid06 td label .checkbox input[type=checkbox] {text-align: center; vertical-align:middle !important; }

table.tdpadding td{ color: #868b9e !important;padding: 6px 4px !important;font-size: 14px !important; background: #f0f3fd;}
table.tdpadding th{ padding: 6px 6px !important; font-weight: 600; }


/* table.grid03 td {border-right:1px solid #ccc; margin:0; text-align:Center;clear:both !important; }
table.grid03 .checkbox input[type=checkbox] {position:static !important;  margin:0; } */


/*달력그리드*/
table.grid07  {width:100%; }
table.grid07 th {text-align:center; font-weight:700; padding:4px 0; font-size:0.85esm; background:#cecece61; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8;  }
table.grid07 th:nth-child(1), table.grid07 tr td:nth-child(1) {color:#eb1b64}
table.grid07 th:nth-child(7), table.grid07 tr td:nth-child(7) {color:#5e69d4}
table.grid07 td b {font-size:0.85em; position:relative;top:0; left:0;  font-weight:normal   } 
table.grid07 td {height:30px; border-top:1px solid; border-bottom:1px solid #c8c8c8;padding:1px;  vertical-align:top; width: 30px; }
/* 메인 페이지에 맞게 크기 조정 [20190703 김예인] */
/* table.grid07 td {height:42px; border-top:1px solid; border-bottom:1px solid #c8c8c8;padding:1px;  vertical-align:top; }  */

.co_st01 {color:#eb1b64}
.co_st02 {color:#5e69d4}
.co_st03 {color:#5ecad4}
.co_st04 {color:#6f7281}
.co_st05 {color:#d48d5e}
.co_st06 {color:#CCCCCC}

.sp_day_list ul {width:100%; /* list-style-type:none; padding : 0px; */ }/* 팝업 preview -> list-style-type:none; padding : 0px; 추가 */
.sp_day_list ul li {clear:both; width:100%;padding:2px 1px  }



/*th 2줄자리 테이블*/
table.grid08 td, table.grid08 th {vertical-align:middle;}
table.grid08 th { background:#505361; color:#fff;text-align:center;   padding:8px 6px  !important; border-top: 1px solid #3e414c !important; }
/* table.grid08 td  {text-align:Center;clear:both !important;   font-size:0.95em !important; padding:10px 6px  !important;  border-bottom:1px solid #ccc; border-top:0px; } */
table.grid08 td  {text-align:Center;clear:both !important; padding:10px 6px  !important;  border:1px solid #ccc; border-top:0px; }
table.grid08 tfoot  {background:#868b9e54 !important; border:1px solid #6c728861 !important; }
table.grid08>thead>tr>th {border-color:#ddd;}
table.grid08>thead>tr>th.rline {border-right:1px solid #3e414c !important ;border-bottom: 0px}
/* table.grid08>thead>tr>th.rline {border-right:1px solid #3e414c !important ;border-bottom: 0px} */
table.grid08>thead>tr>th.btline1 {border-bottom:1px solid  #3e414c  !important }
table.grid08>thead>tr>th.btline1_01 {border-bottom:0px  !important }
table.grid08>thead>tr>th.thst02 {background:#686b79 !important}

table.grid08 td:nth-child(1),table.grid08 td:nth-child(2),table.grid08 td:nth-child(4),table.grid08 td:nth-child(6) {border-right:1px solid #b7b8bb !important}

table.grid08 td:nth-child(3),table.grid08 td:nth-child(5),table.grid08 td:nth-child(7) {border-right:1px solid #b7b8bb !important}
table.grid08 a.viewmore {font-weight:bold; border-bottom:1px solid;color:#5e69d4; font-weight:600 }
table.grid08 a.viewmore:hover {text-decoration:none; }
table.grid08 a.viewpop {background:#5e69d4; display:block; width:50px; text-align:center;border:1px solid #5e69d4;color:#fff;padding:4px 10px ; margin:0 auto; height: 26px}
table.grid08 a.viewpop:hover {text-decoration:none; background:#6e7af3;  }

table.grid08 tr.grid-active2 { background-color: #f2eded; }
table.grid08 tr{height: 39px;}

*{padding:0; margin:0;}
ul{list-style:none;}
img{border:0 none; vertical-align:top;}
a{text-decoration:none; color:#555;}
a:hover{text-decoration:underline;}

/* 이력관리 table */

table.grid09 {margin-bottom: 10px;}
table.grid09 td, table.grid09 th {vertical-align:middle !important;}
table.grid09 th { background:#868b9e; border:1px solid #868b9e;  color:#fff;text-align:center;  font-size:1.1em !important; padding:5px 0px 5px 0px !important;  }
table.grid09 td  {text-align:Center;clear:both !important;   font-size:1.0em !important; padding:0px 10px 0px 0px  !important;  border:1px solid #ccc; border-top:0px; }
table.grid09 tfoot  {background:#868b9e54 !important; border:1px solid #6c728861 !important; }

/*트리메뉴*/

nav.treemenu>ul>li>ul::before {color:#000}
nav.treemenu ul ul {background:#fff !important; color:#000 !important;border-bottom:0 ; width:100%}
nav.treemenu>ul>li>ul>li>a, nav.treemenu>ul>li>ul>li>ul>li>a {padding:6px 3px}
nav.treemenu ul li a:active {background:#fff }
nav.treemenu ul li a.depth01 {font-size:1.1em; padding:6px 10px 6px 11px}
nav.treemenu {  margin: 0px auto; left: 0px; width: 100%; min-height: auto;padding:6px 0}
nav.treemenu ul li a:focus {background:#fff !important; color:#000 !important; }
nav.treemenu ul li.open>a.depth01 { border:1px dashed #868b9e; box-sizing:border-box}
nav.treemenu ul li.depth01 li.open>a { border:1px dashed #868b9e; box-sizing:border-box}
nav.treemenu ul li.open>a {background:#fff !important;color:#000 !important;}
nav.treemenu ul li ul li.open>a  {background:#ddd !important;color:#000 }
nav.treemenu  ul li.open>a b {background:none !important; color:#000 !important;}
nav.treemenu ul ul ul ul li a {padding-left:6px}
nav.treemenu>ul>li>a b {right:10px}
nav.treemenu  ul li a { padding:12px 10px 12px 11px; }
nav.treemenu>ul>li>a b {top:5px}
nav.treemenu ul ul b {color:#000;  margin-right:10px}
nav.treemenu ul ul>li:hover b {color:#000 }
/* .user_group_title .jarvis_btn, .user_group_title .jarvis_btn {background:#505361} */
.user_group_title a.cate_btn {border:1px solid #fff;font-size:0.90em; font-weight:300;  padding:0 5px; text-align:center; color:#fff; vertical-align:middle;height:21px;   display:block;  }
.user_group_title a.cate_btn:hover {text-decoration:none; font-weight:800; background:#fff; color:#505361}
.cate_btn img {margin-top:5px; }
nav.treemenu ul ul ul li a {padding:2px 6px; font-weight:300; font-size:1.0em;  }


.user_order_search {border:1px solid}



nav.treemenu  ul li a {border-bottom:0px; }
ul.treelist, ul.treelist ul {  margin:0; padding:0; list-style-type: none;  }
ul.treelist ul { position:relative; margin-left:10px;}
ul.treelist ul:before { content:""; display:block; position:absolute; top:0; left:3px; bottom:0; width:0;    border-left:1px solid #000;}
ul.treelist li.depth1 {padding:3px 5px;}
ul.treelist li  {  position:relative; margin:0; padding:3px 12px; color:#000; text-decoration: none;
  text-transform: uppercase; font-size:13px; font-weight:normal; line-height:20px; }
ul.treelist li a { position:relative;  color:#000;   text-decoration: none;  text-transform: uppercase; font-size:14px; font-weight:bold; line-height:20px;}
ul.treelist li a:hover, ul.treelist li a:hover+ul li a { color: #000; background:#fff; }


ul.treelist li:before  a:hover {background:#000}
ul.treelist ul li:before { content:""; display:block;  position:absolute;  top:18px;  left: 3px;  width:8px;  height:0;  border-top:1px solid #000;   }
ul.treelist ul li:last-child:before { top: 10px;  bottom: 0;    top:18px;height: auto; background: #fff }

 
/* a -> button 버튼 css 속성 추가  2018-12-03 */
.pagination-type01>.active>a, .pagination-type01>.active>button,  .pagination-type01>.active>span, .pagination-type01>.active>span:hover  {background-color:#5e69d4; border-color:#5e69d4; }
.pagination-type01>.active>a:focus,.pagination-type01>.active>button:focus,.pagination-type01>.active>span:focus, .pagination-type01>.active>a:hover, .pagination-type01>.active>button:hover, .pagination-type01>.active>a, .pagination-type01>.active>button {color:#fff; }
.pagination-type01>li>a, .pagination-type01>li>button, .pagination-type01>li>span { color:#5e69d4; }
.pagination-type01>li>a:focus, .pagination-type01>li>a:hover, .pagination-type01>li>button:focus, .pagination-type01>li>button:hover, .pagination-type01>li>span:focus, .pagination-type01>li>span:hover {background-color:#5e69d4; border-color:#5e69d4; color:#fff; }

.pagination-type01>.active>a,  .pagination-type01>.active>span, .pagination-type01>.active>span:hover  {background-color:#5e69d4 !important; border-color:#5e69d4 !important; }
.pagination-type01>.active>a:focus,.pagination-type01>.active>span:focus, .pagination-type01>.active>a:hover, .pagination-type01>.active>a {color:#fff !important; }
.pagination-type01>li>a, .pagination-type01>li>span { color:#5e69d4 !important; }
.pagination-type01>li>a:focus, .pagination-type01>li>a:hover, .pagination-type01>li>span:focus, .pagination-type01>li>span:hover {background-color:#5e69d4 !important; border-color:#5e69d4 !important; color:#fff !important; }


/*트리메뉴2*/
.tree li.parent_li>span {padding:4px 7px}
.tree li.parent_li>span:hover {background-color: #573e47; color:#fff; border: 1px solid #eb1b64}
.tree li.parent_li>span:hover+ul li span {background-color:#fff !important;border: 1px solid #eb1b64; }

/*검색*/
.header-search>button {top :0}
.header-search>input[type=text] {margin-top:0}

/* 
.tree li.parent_li>span:hover,.tree li.parent_li>span:hover+ul li span {background-color: #fff !important; border: 1px solid #eb1b64;} */


/*로그인페이지*/
.con_login_bg { width:100%; background:url('../img/custom/login_bg.gif') no-repeat top center;  height:100%;  
    position:absolute; top:0; left:0%;clear:both;overflow:hidden } /* 2018-12-06 로그인배경 이미지 위치 수정 */

.con_login_bg_gma { width:500%; background:url('../img/custom/login_bg_gma.gif') no-repeat top center; ; height:100%; 
      position:absolute; top:0; left:-200%;clear:both;overflow:hidden }
/* ssam */
.con_login_bg_ssam { width:500%; background:url('../img/custom/login_bg_.gif') no-repeat top center; ; height:100%; 
  position:absolute; top:0; left:-200%;clear:both;overflow:hidden } 
  
.con_login_bg_attigo { width:500%; background:url('../img/custom/attigo_login_pale.gif') no-repeat top center; ; height:100%; 
  position:absolute; top:0; left:-200%;clear:both;overflow:hidden } 
  

/*#extr-page {background:url('../img/custom/login_bg.gif') no-repeat top center !important; background-size: cover; }*/
#extr-page body {background:none !important; }
#extr-page #content {padding:30px 0 }
#extr-page #header {background:none !important; max-width:1180px; color:#fff;margin:0 auto !important;  border-bottom:0 !important;}
#extr-page .login-header-big {color:#fff !important; font-size:1.6em; line-height:1.2em;  letter-spacing:-0.04em; }
#extr-page .login-header-big-ssam {color:#fff !important; font-size:2.4em !important; line-height:1.2em;  letter-spacing:-0.04em; font-weight: 400; } /* ssam */
.login_gma .login-header-big { display:none; /*color:#5e69d4 !important; font-size:1.8em; width:80%;   line-height:1.2em;  letter-spacing:-0.04em;*/ }
#extr-page h4.paragraph-header  {color:#fff !important; font-size:4.2em;width:100%;font-weight:800 }

#extr-page h4.paragraph-header-ssam  {color:#fff !important; font-size:1.2em;width:100%;  } /* ssam */
#extr-page .hero2 {background:none !important; margin-bottom:30px; float:left; max-width:480px;}
#extr-page #main {background:none !important;}
#extr-page  .text-center {color:#fff}
#extr-page #logo-group>span {text-align:left; display:none}
#extr-page #main {padding-top:60px; }


#extr-page .login_form footer .btn { width:100%; margin:0;
-webkit-border-radius: 16px; 
-moz-border-radius: 16px;
border-radius: 16px;}
#extr-page .row {padding:0 1% !important; width:100%;  }
#extr-page .smart-form .input input, #extr-page .smart-form .select select, #extr-page .smart-form .textarea textarea {color:black}
/* 20190905 GMA용 로그인 색 검을색으로 변경 */
/* #extr-page .smart-form .input input, #extr-page .smart-form .select select, #extr-page .smart-form .textarea textarea {color:#fff} */ 
.btn-ex-sm {font-size:0.85em; font-weight:600; padding:5px 8px; bordeR:0px }

@media (min-width: 768px) and (max-width:989px){/*탭일때*/
#extr-page .login_footer div {text-align:center}
#extr-page .row {margin:0  !important; width:100%;   }
#extr-page .login_footer {margin-top:40px !important; }
#extr-page #main {padding-top:20px !important; }
#extr-page #main {padding-bottom:10px !important; }

}

@media (max-width: 768px) {/*모바일일때*/
#extr-page .login-header-big {color:#fff !important; font-size:2.4em;width:80%;  line-height:1.3em;  letter-spacing:-0.04em; }
.login_gma .login-header-big {/*color:#5e69d4 !important; font-size:2.2em; width:80%; font-weight:600;  line-height:1.2em;  letter-spacing:-0.04em;*/display:none;  }
/* #extr-page .login-header-big::after { content: "";
  display: block;
  background:url( "'../img/login_logo.png" ) no-repeat ;
  width: 266px;
  height: 122px;} */
#extr-page .row {margin:0  !important; width:100%;   }
#extr-page #main {padding-top:0px; }
#extr-page .hero2 {font-size:0.90em}
#extr-page .login_footer div {text-align:center}
#extr-page .login_footer {margin-top:40px !important; }
#extr-page #main {padding-bottom:10px}
#extr-page .left_login_wrap {padding:15px 20px; }
.login_footer {margin-bottom:10px;margin-top:0px;  }
}





/*로그인 폼 */
#extr-page .left_login_wrap {background:url('../img/custom/login_wrap_bg.png')repeat !important;padding:30px 20px; 
position:relative;
	-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.4);
            box-shadow:0 1px 5px rgba(0, 0, 0, 0.4);
}

#extr-page .smart-form .icon-append,#extr-page  .smart-form .icon-prepend {color:#5e69d4}
#extr-page .smart-form section {margin-bottom:8px; margin-top:4px; }

#extr-page .smart-form ul.list-inline .btn-circle {border-radius:15px !important; -webkit-border-radius:15px !important; -moz-border-radius:15px !important;}
#extr-page .well {background:none; border:0; -webkit-box-shadow:none; box-shadow:none; margin-bottom:0}
#extr-page .smart-form .label {color:#fff}
#extr-page .client-form header {background:none;  border:0; -webkit-box-shadow:none;-moz-box-shadow:none; box-shadow:none;color:#fff ; text-align:center; font-size:1.8em }
.login_gma .client-form header {color:#5e69d4 !important}
#extr-page .smart-form fieldset {background:none;  border:0; -webkit-box-shadow:none;-moz-box-shadow:none; box-shadow:none; }
#extr-page .smart-form footer {background:none;  border:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
#extr-page .text-center {font-size:1.0em; }
#extr-page .smart-form .checkbox input:checked+i, #extr-page .smart-form .radio input:checked+i, #extr-page .smart-form .toggle input:checked+i {border-color:#5e69d4 !important; width:19px;height:19px;}
#extr-page .smart-form .checkbox input+i:after {color:#5e69d4 !important;}
/* 20190905 GMA용 로그인 배경 변경 */
/* #extr-page .smart-form .input input, #extr-page .smart-form .select select, #extr-page .smart-form .textarea textarea {background: #E8F0FE;  */
#extr-page .smart-form .input input, #extr-page .smart-form .select select, #extr-page .smart-form .textarea textarea {background: #E8F0FE; 

-webkit-border-radius: 16px; 
-moz-border-radius: 16px;
border-radius: 16px;
border-color:#fff}

.smart-form .input
#extr-page .smart-form .note a {color:#fff; border-bottom:1px dashed; padding-bottom:2px ; }
#extr-page .smart-form .note a:nth-child(1) {margin-right:7px}
#extr-page .note, #extr-page .smart-form .note {margin-top:8px;float:left;  }
.smart-form .checkbox:last-child, .smart-form .radio:last-child {float:right; margin-top:8px; letter-spacing:-0.09em}
.smart-form .checkbox, .smart-form .radio {padding-left:20px;}

/*푸터*/
.login_gma .login_footer {color:#5e69d4 !important; width:100%;  clear:both; float:left; margin-top:120px }
#extr-page .login_footer {color:#fff; width:100%;  clear:both; float:left; margin-top:120px }
#extr-page .login_footer div{display:inline-block; }
#extr-page .login_footer_left {float:RIGHT; text-align:RIGHT } 
#extr-page .login_footer_right {float:right; text-align:right} 

#extr-page .login_footer_left-ssam {float:left; text-align:left }
#extr-page .login_footer_right-ssam {float:right; text-align:right}


#extr-page .left_login_wrap footer section {clear:both;display:inline-block;  width:100%; }
p.error_text {text-align:center; color:#a90329!important; clear:both; padding-top:8px; margin: 0px ! important; } /* margin 줄임 2019-01-03 */


@media (min-width: 1200px) {
#extr-page .col-lg-8 {padding-top:10px; }

#extr-page.ssam .col-lg-8  {padding-top:60px; }

}






/*181128 로그인시도횟수 초과*/
#extr-page label.login_er {width:100%; clear:both}
#extr-page .login_error { padding:15px 10px ; background:#eb1b64; width:100%; display:inline-block;  float:left ;clear:both; color:#fff;box-sizing:border-box !important;}
#extr-page .login_error a {color:#5e69d4; text-decoration:underline } 
#extr-page .login_error i {display:inline-block; float:left; padding:5px;  }
#extr-page .login_error div.login_error_txt {display:inline-block;float:left;  width:90%; padding-left:4px;  }
#extr-page .smart-form .icon-append, html#extr-page .smart-form .icon-append .smart-form .icon-prepend { padding-left: 0px; /*width:14px;height:14px; padding:4px 6px*/ } /* 로그인 css 수정 2019-01-15 */

/*181218 에러박스*/

label.error_box {width:100%; clear:both; }
.error_box01 { padding:15px 10px ; background:#fff; border-left:1px solid #A90329; border-top:1px solid #A90329;  border-bottom:1px solid #A90329;
border-right:1px solid #A90329; color:#444;background:#e7e7e7;   width:100%; display:inline-block;  float:left ;clear:both; box-sizing:border-box !important;}
.error_box01 a {color:#5e69d4; text-decoration:underline } 
.error_box01 i {display:block;float:left; padding:3px 3px; font-size:1.1em; color:#A90329}
.error_box01 div.error_box01_txt {display:inline-block; float:left;  width:90%; padding-left:4px; }
.error_box01 div.error_close {display:inline-block; float:right; color:#444; padding-right:4px; font-size:1.0em; color:#444444  }
.error_box01 div.error_close a {color:#A90329; display:block; width:20px; text-align:center;  padding:0 ; }
.content_error_box {padding:0px 15px 0px 15px;} /* 2018-12-21 Modal popup errorBox 여백추가 */
/*폼 에러시*/
form input.error_st {border-color:#A90329 ! important;}
form select.error_st {border-color:#A90329 ! important;}
form textarea.error_st {border-color:#A90329 ! important;}

/*레이어팝업*/
.white_content {position: fixed; top: 0; right: 0; bottom: 0; z-index:100000; 
    left: 0; background: rgba(0, 0, 0, 0.6); opacity:0;  
	-webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;    
	transition: opacity 400ms ease-in;
    pointer-events: none;
	height:125%; }

.modalPop .form-control {padding:3px 5px !important; }
.modalPop  .col .col {padding-left:0; padding-right:0; margin-top:0 }
div.white_content_wrap .col .col {padding-left:0; padding-right:0; margin-top:0 } /* 2019-02-08 Modal popup form사이즈 수정 */
div.white_content_wrap .col .user_upload_img img {width:150px; height:150px; border-radius:75px; -moz-border-radius:75px; -webkit-border-radius:75px; }
.white_content_wrap .form-control {padding:3px 5px !important; } /* 2019-02-11 input박스 여백조정 */
.pl1 {padding-left:1px; }
#extr-page .modalPop .input input, #extr-page .modalPop .select select, #extr-page .modalPop .textarea textarea {border-color:#ccc; 
color:#555}
#extr-page .modalPop .icon-append, #extr-page  .smart-form .icon-prepend {color:#555}
#extr-page .modalPop footer .btn {border-radius:0; -moz-border-radius:0;  -webkit-border-radius:0;margin:0 auto;text-align:Center;float:none }
#extr-page .modalPop footer .btn::after {clear:both important!; display:block}
#extr-page .modalPop header {font-weight:500}
 

#extr-page .modal_mini div.white_content_wrap {height:20% }
#extr-page .modal_small div.white_content_wrap {height:34% }

#extr-page .white_content:target { opacity:1; z-index:100001; pointer-events: auto;}


.modalPop fieldset {margin-bottom:10px; }
.modalPop fieldset .form-group {margin-top:4px; margin-bottom:12px;  clear:both; }
div.white_content_wrap fieldset {margin-bottom:10px; } /* div.white_content_wrap - Modal 팝업 css 수정 2019-02-08 */
div.white_content_wrap fieldset .form-group { margin-top:4px; margin-bottom:4px;  clear:both; }/* div.white_content_wrap - Modal 팝업 css 수정 2019-02-08 */
.form-group label.big_title_line {text-align:left;  width:100%;font-weight:600; color:#5e69d4 !important;  font-size:1.4em; letter-spacing:-0.07em; }
.form-group label.title_line {text-align:left;  width:100%;font-weight:600; color:#5e69d4 !important; cursor: default; } /* 2019-02-08 fontWeight 수정 */
.form-group label.half_title_line {text-align:left !important;   width:50%;font-weight:600; color:#5e69d4 !important;  font-size:1.2em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* 2019-02-08 fontSize,fontWeight 수정 */
.form-group label.two_third_title_line {text-align:left !important;   width:66%;font-weight:600; color:#5e69d4 !important;  font-size:1.2em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* 2019-04-01 input3 추가 */
.form-group label.one_third_title_line {text-align:left !important;   width:33%;font-weight:600; color:#5e69d4 !important;  font-size:1.2em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* 2019-04-01 input3 추가 */
.form-group div.error_line {text-align:left;  width:100%;font-weight:400; font-size:0.9em; padding:2px 0 0 0 ;    color:#A90329 !important; font-style:italic !important;}

div.white_content_wrap .smart-accordion-default.panel-group .panel-title a {padding:0; text-align:left; padding:5px 10px;width: 100%;} /* 속성 추가 2019-01-11 */
div.white_content_wrap .smart-accordion-default.panel-group .panel-title a p {margin:0}
div.white_content_wrap .smart-accordion-default.panel-group .panel-title button {padding:0; text-align:left; padding:5px 10px;width: 100%;} /* a -> button 속성 추가 2019-01-11 */
div.white_content_wrap .smart-accordion-default.panel-group .panel-title button p {margin:0}
div.white_content_wrap .smart-accordion-default .panel-default {border:1px solid #5e69d41f ;}
div.white_content_wrap .smart-accordion-default .panel-default>.panel-heading {/* background:#eb1b64;   */color:#fff; 
border:1px solid #5e69d41f ; background: #868b9e ;border-left:5px solid #5e69d4; 
/* border-bottom:1px solid #5e69d41f ; *//*  background:#5e69d41f !important */}

div.white_content_wrap .panel-default>.panel-heading+.panel-collapse>.panel-body {border:0;  padding:30px 35px 40px 35px; } /* 하단여백 수정 2019-01-11 */
#extr-page .modal_big div.white_content_wrap {position: absolute; z-index:100002; 	top: 10%; left: 50%; width:720px; margin-left:-360px;
height: 60%;  padding: 0px;	border: 0px solid orange;	background-color: white; overflow: auto;	}

.mr5 {margin-right:5px; }
.white_content > div.white_content_wrap {position: absolute;font-size:1.1em; z-index:100002; 	top: 10%; left: 50%; width:620px; margin-left:-310px;
height: 56%;  padding: 0px;	border: 0px solid orange;	background-color: white; overflow: auto;	}
.white_content > div.white_content_wrap p.top_header {width:100%; background:#5e69d4; color:#fff; padding:10px; }
.white_content > div.white_content_wrap p a {color:#fff;float:right}
.white_content > div.white_content_wrap p.top_header_txt { margin-bottom:10px;margin-top:0px;  }
.step_t {width:100%; margin-bottom:2px ; font-size:0.70em !important; font-weight:300}
.white_content  .step_t {font-size:0.80em; margin-bottom:1px;  }
.white_content  .step_t .pull-right {border:1px solid;margin-top:10px;  }
#extr-page .client-form2 {color:#333 !important;width:96%; margin:10px auto; padding-top:10px; text-align:center;}
#extr-page .client-form2 label {vertical-align:middle;margin-top:7px;  color:#333 !important}
#extr-page .client-form2 header {color:#333 !important; font-size:2.0em;letter-spacing:-0.08em; padding:3px 0 5px 0; border-bottom:0  }

#extr-page .client-form2 fieldset:first-child(1) {margin-top:10px; }
#extr-page .client-form2 .btn-info,#extr-page .client-form2 .btn-info:active {text-align:center; width:90%;margin:0 3%;  display:inline-block; }
#extr-page .client-form2 footer {padding-top:10px; }

#extr-page .white_content  select {white-space:nowrap !important}

.form-control02 {display:inline-block; height:32px; font-size:13px; line-height:1.42857143; color:#555; background:#fff; background-image:none; border:1px solid #ccc; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.form-control04 {display:inline-block; height:28px; font-size:13px; line-height:1.0em; color:#555; background:#fff; max-width:70px;padding:0 2px; 
background-image:none; border:1px solid #ccc; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
#extr-page .smart-form .col {padding:0; text-align:left}
#extr-page .control-label { text-align:center !important; font-weight:600 !important; }

@media (min-width: 769px) {
/*로그인페이지 모달 폼-pc일때*/
html .client-form2 {width:80%; }
.white_content > div.white_content_wrap {position: absolute; z-index:100002; 	top: 2%; left: 50%; width:760px; margin-left:-310px;
height: 56%;  padding: 0px;	border: 0px solid orange;	background-color: #f0f3fd; overflow: auto;	}
.white_content > div.white_content_wrap p.top_header {width:100%; background:#5e69d4; color:#fff; padding:10px; }
.white_content > div.white_content_wrap p.top_header a {color:#fff;float:right}
.white_content > div.white_content_wrap p.top_header_txt { margin-top:0px;margin-bottom:30px }
/* react-responsive-modal - .styles_modal__gNwvD - 팝업 2019-01-11 */
.styles_modal__gNwvD > div.white_content_wrap {width:860px;}
.styles_modal__gNwvD > div.white_content_wrap p.top_header {width:100%; background:#5e69d4; color:#fff; padding:10px; }
.styles_modal__gNwvD > div.white_content_wrap p.top_header a {color:#fff;float:right}
.styles_modal__gNwvD > div.white_content_wrap p.top_header_txt { margin-top:0px;margin-bottom:30px }

.pt5 {padding-top:10px !important; }
html .modal_long div.white_content_wrap {height:75% }

}
/* @media (min-width: 756px) {테[테테테테테테텥
  .table-responsive .col-sm-9 .col-md-9 .col-lg-9 {margin-top: 18px !important;}
}
 */


.login_btn_wrap  {margin:30px auto; text-align:center; }


@media (max-width: 768px) {/*탭*/

  /*로그인페이지*/
.con_login_bg { width:500%; background:url('../img/custom/login_bg_no_logo.gif') no-repeat top center; ; height:100%; 
  position:absolute; top:0; left:-160%;clear:both;overflow:hidden } /* 2018-12-06 로그인배경 이미지 위치 수정 */
.login_gma .con_login_bg { width:500%; background:url('../img/custom/login_bg_no_logo_gma.gif') no-repeat top center; ; height:100%; 
    position:absolute; top:0; left:-160%;clear:both;overflow:hidden } /* 2018-12-06 로그인배경 이미지 위치 수정 */ 
/* ssam */
.con_login_bg_ssam { width:500%; background:url('../img/custom/login_bg_.gif') no-repeat top center; ; height:100%; 
  position:absolute; top:0; left:-160%;clear:both;overflow:hidden } 

.client-form2 {width:80%; }

#extr-page .modalPop .col-lg-1,#extr-page .modalPop .col-lg-10,#extr-page .modalPop .col-lg-11,#extr-page .modalPop .col-lg-12, 
#extr-page .modalPop .col-lg-2, #extr-page .modalPop .col-lg-3, 
#extr-page .modalPop .col-lg-4, #extr-page .modalPop .col-lg-5, #extr-page .modalPop .col-lg-6, #extr-page .modalPop .col-lg-7, 
#extr-page .modalPop .col-lg-8, #extr-page .modalPop .col-lg-9, #extr-page .modalPop .col-md-1, #extr-page .modalPop .col-md-10, 
#extr-page .modalPop .col-md-11,
#extr-page .modalPop .col-md-12, #extr-page .modalPop .col-md-2, #extr-page .modalPop .col-md-3, #extr-page .modalPop .col-md-4, 
#extr-page .modalPop .col-md-5, 
#extr-page .modalPop .col-md-6, #extr-page .modalPop .col-md-7, #extr-page .modalPop .col-md-8, #extr-page .modalPop .col-md-9, 
#extr-page .modalPop .col-sm-1, #extr-page .modalPop 
#extr-page .modalPop .col-sm-10, #extr-page .modalPop .col-sm-11, #extr-page .modalPop .col-sm-12, #extr-page .modalPop .col-sm-2, 
#extr-page .modalPop .col-sm-3, #extr-page .modalPop .col-sm-4, 
#extr-page .modalPop .col-sm-5, #extr-page .modalPop .col-sm-6, #extr-page .modalPop .col-sm-7, #extr-page .modalPop .col-sm-8, 
#extr-page .modalPop .col-sm-9, #extr-page .modalPop .col-xs-1, #extr-page .modalPop .col-xs-10,
#extr-page .modalPop .col-xs-11, #extr-page .modalPop .col-xs-12, #extr-page .modalPop .col-xs-2, #extr-page .modalPop .col-xs-3, 
#extr-page .modalPop .col-xs-4, #extr-page .modalPop .col-xs-5, 
#extr-page .modalPop .col-xs-6, #extr-page .modalPop .col-xs-7, #extr-page .modalPop .col-xs-8, #extr-page .modalPop .col-xs-9 {padding-left:4px; padding-right:4px; }



html .modalPop .col-lg-1,html .modalPop .col-lg-10,html .modalPop .col-lg-11,html .modalPop .col-lg-12, 
html .modalPop .col-lg-2, html .modalPop .col-lg-3, 
html .modalPop .col-lg-4, html .modalPop .col-lg-5, html .modalPop .col-lg-6, html .modalPop .col-lg-7, 
html .modalPop .col-lg-8, html .modalPop .col-lg-9, html .modalPop .col-md-1, html .modalPop .col-md-10, 
html .modalPop .col-md-11,
html .modalPop .col-md-12, html .modalPop .col-md-2, html .modalPop .col-md-3, html .modalPop .col-md-4, 
html .modalPop .col-md-5, 
html .modalPop .col-md-6, html .modalPop .col-md-7, html .modalPop .col-md-8, html .modalPop .col-md-9, 
html .modalPop .col-sm-1, html .modalPop 
html .modalPop .col-sm-10, html .modalPop .col-sm-11, html .modalPop .col-sm-12, html .modalPop .col-sm-2, 
html .modalPop .col-sm-3, html .modalPop .col-sm-4, 
html .modalPop .col-sm-5, html .modalPop .col-sm-6, html .modalPop .col-sm-7, html .modalPop .col-sm-8, 
html .modalPop .col-sm-9, html .modalPop .col-xs-1, html .modalPop .col-xs-10,
html .modalPop .col-xs-11, html .modalPop .col-xs-12, html .modalPop .col-xs-2, html .modalPop .col-xs-3, 
html .modalPop .col-xs-4, html .modalPop .col-xs-5, 
html .modalPop .col-xs-6, html .modalPop .col-xs-7, html .modalPop .col-xs-8, html .modalPop .col-xs-9 {padding-left:4px; padding-right:4px; }
html .modal_long div.white_content_wrap {height:70% }

/*로그인페이지 모달 폼-탭일때*/
.white_content > div.white_content_wrap {position: absolute; z-index:100002; 	top: 0%; left: 0%; width:100% !important;  margin:0px; 
height:44%;  padding: 0px;	border: 0px solid orange;	background-color: #f0f3fd; overflow: auto; }
.white_content > div.white_content_wrap p.top_header {width:100% !important; background:#5e69d4; color:#fff; padding:10px;height: 40px; }
.white_content > div.white_content_wrap p.top_header a {color:#fff;float:right}
.white_content > div.white_content_wrap p.top_header_txt { margin-bottom:16px;margin-top:0px }

/* react-responsive-modal - .styles_modal__gNwvD - 팝업 2019-01-11 */
.styles_modal__gNwvD > div.white_content_wrap {width:520px;}

.pt5 {padding-top:5px !important; }



}
@media (max-width: 480px) {/*모바일*/
/*로그인페이지 모달 폼-모바일일때*/
.white_content > div.white_content_wrap {position: absolute; z-index:100002; 	top: 0%; left: 0%; width:100%; margin:0px; 
height: 36%;  padding: 0px;	border: 0px solid orange;	background-color: white; overflow: auto;	}
.white_content > div.white_content_wrap p.top_header {width:100%; background:#5e69d4; color:#fff; padding:10px; }
.white_content > div.white_content_wrap p.top_header a {color:#fff;float:right}
.white_content > div.white_content_wrap p.top_header_txt { margin-bottom:30px;margin-top:5px }
#extr-page .modalPop header {font-size:1.6em;font-weight:600}
#extr-page .smart-form .col {float:left;}
#extr-page .smart-form .col-xs-3 {width:25%}
#extr-page .smart-form .col-xs-9 {width:75% }
#extr-page .smart-form .control-label {padding-top:5px; } 
#extr-page .modal_long div.white_content_wrap {height:60% }
.client-form2 {width:98%; }
.white_content > div.white_content_wrap {top:0%; left: 0; width: 100%;
height: 50%;  padding: 0px;	border: 0px solid orange;	background-color: white; overflow: auto;	}
.white_content > div.white_content_wrap {position: absolute; z-index:100002; 	top: 0%; left: 0%; width:100%; margin:0px; 
height: 40%;  padding: 0px;	border: 0px solid orange;	background-color: #f0f3fd; overflow: auto;	}
.white_content > div.white_content_wrap p.top_header {width:100%; background:#5e69d4; color:#fff; padding:10px; }
.white_content > div.white_content_wrap p.top_header a {color:#fff;float:right}
.white_content > div.white_content_wrap p.top_header_txt { margin-bottom:10px;margin-top:0px }
html .modalPop header {font-size:1.6em;}
html .smart-form .col {float:left;}
html .smart-form .col-xs-3 {width:25%}
html .smart-form .col-xs-9 {width:75% }
html .smart-form .control-label {padding-top:5px; } 

#extr-page .smart-form fieldset {padding:0px 14px 5px }
#extr-page #content {padding :0}

/* react-responsive-modal - .styles_modal__gNwvD - 팝업 2019-01-14 */
.styles_modal__gNwvD > div.white_content_wrap {width:100%;} /* width:380px; -> 100%로 수정 2018-02-08 */

.pt5 {padding-top:5px !important; }

}

/* 모달 폼 -  시스템정보에서 띄우#bwid-id-4 .widget-body dl는 레이어 팝업 */
html .modalPop .input input, html.modalPop .select select, html .modalPop .textarea textarea {border-color:#ccc; color:#555}
html .modalPop .icon-append, html  .smart-form .icon-prepend {color:#555}
html .modalPop footer.btn_float_left button {border:0px solid; display:inline-block; }
html .modalPop footer.btn_float_left {background:none}
html .modalPop footer .btn {border-radius:0; -moz-border-radius:0;  -webkit-border-radius:0;margin:0 auto;text-align:Center;float:none }
html .modalPop footer .btn::after {clear:both important!; display:block}
html .modalPop header {font-weight:500}
html .white_content_wrap header {font-weight:500} /* Modal용 css 추가 modalPop->white_content_wrap 2019-02-08 */
html .modal_small div.white_content_wrap {height:32% }
html .modal_mini div.white_content_wrap {height:20% }
html .white_content:target { opacity:1; z-index:100001; border:1px solid;  pointer-events: auto;}
html .modal_big div.white_content_wrap {position: absolute; z-index:100002; 	top: 10%; left: 50%; width:720px; margin-left:-360px;
height: 60%;  padding: 0px;	border: 0px solid orange;	background-color: white; overflow: auto;	}
/*html .client-form2 {color:#333 !important;width:96%; margin:10px auto; padding-top:20px; text-align:center;}*/
/* html .client-form2 {color:#333 !important;width:96%; margin:10px auto; padding: 20px 10px; text-align:center;}  /* padding 수정 2018-12-06 */
html .client-form2 {color:#333 !important; margin:10px auto; padding: 20px; text-align:center;} /* padding 수정 2019-02-08 */
html .client-form2 label.no_mt {vertical-align:middle;margin-top:0px !important}
html .client-form2 label {vertical-align:middle;margin-top:4px;  color:#333 !important}
html .client-form2 header {color:#333 !important; font-size:2.0em;letter-spacing:-0.08em; padding:5px 0 12px 0; border-bottom:0  }

html .client-form2 fieldset:first-child(1) {margin-top:10px; }
html .client-form2 .btn-info,html .client-form2 .btn-info:active {text-align:center; width:90%;margin:0 3%;  display:inline-block; }
html .client-form2 footer {padding-top:16px; }
html .white_content  select {white-space:nowrap !important}
.form-control02 {display:inline-block; height:32px; font-size:13px; line-height:1.42857143;
padding:0 2px; color:#555; background:#fff; background-image:none; border:1px solid #ccc; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.form-control02::placeholder{opacity: 1; color:#ccc;padding-left:4px;} /* placeholder 속성 추가 2019-01-10 */
html .smart-form .col {padding:0; text-align:left}

html .control-label { text-align:center !important; font-weight:600 !important; }
html .control-label2 { text-align:center; font-weight:600 !important; } /* 태블릿 readonly 일 경우 text-align 좌측정렬 20200227 김예인 */

.jarviswidget-ctrls a {line-height:28px;  font-size:0.90em;}
.jarviswidget-ctrls > button {line-height:25px;  font-size:0.90em;}    /* a -> button 버튼 css 속성 추가  2018-12-10 */
.jarvis_header .page-title {margin:0}

/* ModalAccordion 모달팝업 css 수정 2019-01-11 */
html .modalPopup {overflow:auto;}
html .modalPopup footer.btn_float_left button {border:0px solid; display:inline-block; }
html .modalPopup footer.btn_float_left {background:none;clear:both; }
html .modalPopup footer .btn {border-radius:0; -moz-border-radius:0;  -webkit-border-radius:0;margin:0 auto;text-align:Center;float:none;margin: 0 3px; }
html .modalPopup footer .btn::after {clear:both important!; display:block}

.mt5 {margin-top:5px}
.pt5_all {padding-top:5px !important; }/*pc, 모바일, 탭 모두 패딩값 적용 .pt5는 모바일, 탭만 패딩값적용*/
.pr2 {padding-right:3px !important;  }

.pr2_center { padding-left:0px !important;padding-right:3px !important;text-align: center !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* 회원교재신청 css div left정렬수정 2019-10-17 */
.pr2_left { padding-right:3px !important;text-align: left !important; font-weight: 550; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* 회원교재신청 css div left정렬수정 2019-10-17 */

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, 
.col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, 
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10,
.col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left:8px; padding-right:7px; padding-top:1px; padding-bottom:1px}



/*공통코드관리*/
table#common_code01  {width:100%; clear:both; }
table#common_code01 tr th:nth-child(1) {width:20%}
table#common_code01 tr th:nth-child(2), table#common_code01 tr td:nth-child(2) {text-align:left; }


/*쇼핑몰*/
.search_box2 {width:100%; border:0px solid #ccc; padding:1px 0px; background:#fff; }
.search_box2 .form-control { display:inline-block; padding:0 2px; }
.search_box2 .form-group { padding:0px 0;    }
.search_box2 .form-group select {vertical-align:middle; background-color:#fff; padding:5px 12px ; font-size:12px ; 
line-height:1.42857143; width:100%;  display:block; 
border:1px solid #ccc; color:#555; }

.group_info_box header.chart_page_title h2{height:34px !important; padding:0 !important; margin:0; font-size:1.3em;font-weight:700}
.group_info_box header.chart_page_title h2 span {font-size:0.90em;padding-left:10px;  font-weight:300}

.group_info_box header.total_page_title h5{height:25px !important; padding:0 !important; margin:0; font-size:1.3em;font-weight:700}
.group_info_box header.total_page_title h5 span {font-size:0.90em;padding-left:10px;  font-weight:300}
.no_pd {padding:0 !important}


/*수업등록 datepicker*/
[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] {position:absolute !important;  clip:rect('0,0,0,0') !important; pointer-events: none !important; }
input[type=checkbox], input[type=radio] {margin:4px 0 0; line-height:normal; box-sizing:border-box; padding:0} 
.ui-datepicker {z-index:100004 !important}


p.have_underline {font-weight:600; text-align:left;/*  border-top:1px solid #c8c8c8;  */ font-size:1.0em}
.point_underline {font-weight:600; font-size:1.0em; text-decoration: underline;}




/*가맹점 대시보드*/
span.noti {font-weight:700}
span.noti_bonsa {color:#eb1b64 }
span.noti_jisa {color:/* #5e69d4 */#868b9e}
.table-hover td { min-width:50px}
.big_table td:nth-child(1), .big_table th:nth-child(1) { min-width:55px}
.big_table th:nth-child(3),.big_table th:nth-child(4) , .big_table th:nth-child(5),.big_table th:nth-child(6), .big_table th:nth-child(18) ,  .big_table th:nth-child(19)  { min-width:65px}
.big_table th:nth-child(7) ,.big_table th:nth-child(9)  { min-width:75px}
.big_table th:nth-child(17), .big_table th:nth-child(8)  { min-width:85px}

/*대시보드 위젯*/
/*.jarviswidget>header { padding:12px 12px 0 12px !important;  height:60px !important;  border-bottom:0 !important;}
.jarviswidget>header>h2 { font-size:1.4em; font-weight:600; letter-spacing:-0.07em; }*/
.jarviswidget>div { padding:0px 24px 20px 24px ; border-width:1px 1px 1px}
.jarviswidget-ctrls .button-icon {border-left:0 }
a.moreview-btn {color:#eb1b64; font-size:1.0em; font-weight:100;  margin-right:10px;   }
a.moreview-btn:hover {background:none}


.widget-body {width:100%;  }

/*대시보드 - wid-id-1 지사 가맹점 현황*/

   
#ga-wid-id-1 .widget-body dl  {width:100%; border-top:1px solid#C2C2C2; border-bottom:1px solid#C2C2C2;border-right:1px solid#C2C2C2;
float:left; display:inline-block; text-align:center; padding:12px 0 10px 0; }
#ga-wid-id-1 .widget-body dl:nth-child(1) {border-left:3px solid#5e69d4;margin-top:15px; margin-bottom:15px; }
#ga-wid-id-1 .widget-body dl:nth-child(2) {border-left:3px solid#eb1b64;}
#ga-wid-id-1 .widget-body dl dd, #ga-wid-id-1 .widget-body dt {float:left;  }
#ga-wid-id-1 .widget-body dt {width:30%;font-size:1.2em;  line-height:4.0em}
#ga-wid-id-1 .widget-body dl dd {width:35%; }
#ga-wid-id-1 .widget-body dl dd span {width:100%; display:block; font-size:1.0em; }
#ga-wid-id-1 .widget-body dl dd span b {font-size:2.6em; font-style:normal; font-weight:600; line-height:1.2em;  }
#ga-wid-id-1 .widget-body dl dd:nth-child(2) {border-left:1px solid #C2C2C2; border-right:1px solid #C2C2C2}
#ga-wid-id-1 .widget-body dl dd:nth-child(3) b {color:#eb1b64}
.jarviswidget .widget-body {padding-bottom:0}



#ga-wid-id-1 .widget-body1 dl  {width:100%;font-size:1.0em; margin-top:5px; float:left; display:inline-block; text-align:center; padding:0}
#ga-wid-id-1 .widget-body1 dt {line-height:3.0em; float:left;   padding:2%}
#ga-wid-id-1 .widget-body1 dd {width:18%;  line-height:3.0em; float:right; }
#ga-wid-id-1 .widget-body1 dl dt span {width:100%; display:block; font-size:1.0em; }
#ga-wid-id-1 .widget-body1 dl dt span b {font-size:3.4em; font-style:normal; font-weight:600; line-height:1.2em;  }
#ga-wid-id-1 .widget-body1 dl dd span {width:100%; display:block; font-size:1.0em; }
#ga-wid-id-1 .widget-body1 dl dd span:nth-child(2) {font-weight:700; }
#ga-wid-id-1 .widget-body1 dl dd:nth-child(5) span:nth-child(1) {background:none; }
#ga-wid-id-1 .widget-body1 dl dd span:nth-child(1) {background:url('../img/custom/line_bg.png') no-repeat; background-position:0 18px }
#ga-wid-id-1 .widget-body1 dl dd span b {font-size:2.4em; font-style:normal; font-weight:400; line-height:1.9em;  }
#ga-wid-id-1 .widget-body1 dl dd:nth-child(3) {margin-right:2px; } /*휴원*/
.jarviswidget .widget-body1 {padding-bottom:0}
#ga-wid-id-1 .widget-body1 dl dd span.pr_c03_ltpu {color:#868b9e; } /*Lt. purple gray 컬러*/
#ga-wid-id-1 .widget-body1 dl dd span.pr_c02_br {color:#eb1b64} /*Berry 컬러*/



/*가맹점대시보드 - wid-id-2 문의 및 알림*/
#ga-wid-id-2 table.table {margin-bottom:0; border-top:3px solid #eee}
#ga-wid-id-2 table.table a {display:block;}
a.standby {color:#eb1b64; border:1px solid;  text-align:center;display:block; }
a.standby:hover {text-decoration:none; background:#eb1b64;color:#fff; }
a.finished {color:#868b9e; cursor:default; border:1px solid;  text-align:center; display:block;}
/* a -> button 버튼 css 속성 추가  2019-03-05 */
#ga-wid-id-2 table.table button {display:block;}
button.standby {color:#eb1b64; cursor:default; border:1px solid; text-align:center; display:block; margin:auto; width: 90%; }
/* button.standby:hover {text-decoration:none; background:#eb1b64; color:#fff; } */
button.finished {color:#868b9e; cursor:default; border:1px solid; text-align:center; display:block; margin:auto; width: 90%; }
/* button.finished:hover {text-decoration:none; background:#868b9e; color:#fff; } */

/*가맹점대시보드 - 매입매출현황*/
#ga-wid-id-4 .chart {margin:0 }
.chart_wrap {width:100%; padding:8px 28px 7px 10px;  }



/*가맹점대시보드 - wid-id-3 + 주문 내역*/
#ga-wid-id-3 {width:100%; }
#ga-wid-id-3 .widget-body { width:100%; }
#ga-wid-id-3 .widget-body dl {display:inline-block; float:left ;  width:33%; padding:0px; text-align:Center;margin-top:10px; margin-bottom:5px;}
#ga-wid-id-3 .widget-body dl a {display:block;color:#fff; margin:0 auto; text-align:Center; vertical-align:middle;  width: 66px;height:66px;margin-bottom:4px;
border-radius: 50%; background:#5e69d4}
/* #ga-wid-id-3 .widget-body dl:nth-child(1) a {background:#eb1b64}
#ga-wid-id-3 .widget-body dl:nth-child(2) a {background:#5e69d4}
#ga-wid-id-3 .widget-body dl:nth-child(3) a {background:#868b9e} */
#ga-wid-id-3 .widget-body dl a b {font-size:2.6em; font-weight:500; line-height:1.9em; padding:0 5px; }
#ga-wid-id-3 .widget-body dl dt {padding:12px 0; font-size:1.0em;  }
#ga-wid-id-3 .widget-body dl dd {padding:8px 0 }
#ga-wid-id-3 .widget-body dl a:hover {text-decoration:none; }




/*가맹점대시보드 - wid-id-4 + 수납현황*/

#ga-wid-id-4 .progress-bar {position:relative !important} 
#ga-wid-id-4 .widget-body1 dl  {width:100%;font-size:1.0em; margin-top:10px;margin-bottom:15px ;  float:left; display:inline-block; text-align:center; padding:0}
/* #ga-wid-id-4 .widget-body1 dt {line-height:3.0em; float:left;   padding:2%} */
#ga-wid-id-4 .widget-body1 dd {width:33%;  line-height:2.0em; float:left; }
#ga-wid-id-4 .widget-body1 dl dt span {width:100%; display:block; font-size:1.0em; }
/* #ga-wid-id-4 .widget-body1 dl dt span b {font-size:3.4em; font-style:normal; font-weight:600; line-height:1.2em;  } */
#ga-wid-id-4 .widget-body1 dl dd span {width:100%; display:block; font-size:1.0em; }
#ga-wid-id-4 .widget-body1 dl dd span:nth-child(2) {font-weight:700; }
#ga-wid-id-4 .widget-body1 dl dd:nth-child(1) span:nth-child(1) {background:none; }
#ga-wid-id-4 .widget-body1 dl dd span:nth-child(1) {background:url('../img/custom/line_bg.png') no-repeat; background-position:0 18px }
#ga-wid-id-4 .widget-body1 dl dd span b {font-size:2.0em; font-style:normal; font-weight:400; line-height:1.6em;  }
#ga-wid-id-4 .widget-body1 dl dd:nth-child(3) {margin-right:2px; } /*휴원*/
#ga-wid-id-4 .widget-body dl {margin-bottom:0 !important; }
#ga-wid-id-4 .widget-body1 dl dd span.pr_c03_ltpu {color:#868b9e; } /*Lt. purple gray 컬러*/
#ga-wid-id-4 .widget-body1 dl dd span.pr_c02_br {color:#eb1b64} /*Berry 컬러*/
#ga-wid-id-4 .progress {height:30px; margin:10px 5px; }

#ga-wid-id-4 .progress  .progress-bar { line-height:30px; font-size:1.0em; }

#wid-id-1, #wid-id-2 {min-height:198px; }
#ga-wid-id-4, #ga-wid-id-3 {min-height:220px; }
#ga-wid-id-6, #ga-wid-id-5 {min-height:272px; }

#ga-wid-id-5 table.table {margin-bottom:0; border-top:3px solid #eee}
#ga-wid-id-5 table.table a {display:block;}


.ga-wid-id-6_tit_wrap {background:#868b9e; color:#fff;padding:40px 20px; }
/* #ga-wid-id-6 header {padding:0 !important; bordeR:1px solid; background:#868b9e; color:#fff; dispal} */
.ga-wid-id-6_tit_wrap .day_list span {width:100%; clear:both; display:inline-block; }
.ga-wid-id-6_tit_wrap .day_list span:nth-child(1) {font-size:1.1em; font-weight:100; margin-bottom:30px;  }
.ga-wid-id-6_tit_wrap .day_list .day_c {font-size:1.6em; }
.ga-wid-id-6_tit_wrap #time01 {font-size:3.4em; font-weight:100;}

.ga-wid-id-6_tit_wrap .call_controller {font-size:1.0em; width:100%; height:20px; display:block; }
.ga-wid-id-6_tit_wrap .call_controller ul li {float:left;  }
.ga-wid-id-6_tit_wrap .call_controller ul li:nth-child(2) {padding:0 36px }
body.ga_container .jarviswidget {margin-bottom:20px}
body.container .jarviswidget {margin-bottom:10px}


body.ga_container label.error_box  {margin-bottom:8px}
/*3.21 라이센스 추가*/
#mypl-id-1-2.jarviswidget>header { background:#eee !important; border-top:0px important; border-bottom:0px !important;}
#mypl-id-1-2.jarviswidget>div {background:#eee !important;}

#mypl-id-1-1.jarviswidget {margin-bottom:0 ;border-bottom:0} 
#mypl-id-1-1.jarviswidget>div {border-top:0 ;border-bottom:0} 

body.container #mypl-id-1>div, body.container #mypl-id-2>div, body.container #mypl-id-3>div
#mypl-id-3 body.container .jarviswidget {margin-bottom:0px; border-bottom:1px solid #c2c2c2 !important}
/*3.21 라이센스 추가*/

#ga-wid-id-6 tr.past_time {color:#bbb}
#ga-wid-id-6 tr td:nth-child(2) {font-weight:800}
#ga-wid-id-6 tr td:nth-child(1) {border:1px solid #000; }
#ga-wid-id-6 tr.comeup-time td:nth-child(1) {color:#eb1b64}
#ga-wid-id-6 tr td i {background:#fff; font-weight:bold; font-size:1.0em; } 
#ga-wid-id-6 tr.comeup-time {color:#222}

#ga-wid-id-6 .table {margin-bottom:0}
#ga-wid-id-6 .table tr td  {border:0}
/* #ga-wid-id-6 .timetable_con 170 to 156 _ 2022.11.22 */
#ga-wid-id-6 .timetable_con {width:100%; height:156px;  overflow-y:scroll; margin:3px 0  }
#ga-wid-id-6 .table>tbody>tr>td,#ga-wid-id-6 .table>tbody>tr>th,#ga-wid-id-6 .table>tfoot>tr>td,#ga-wid-id-6 .table>tfoot>tr>th,#ga-wid-id-6 .table>thead>tr>td,#ga-wid-id-6 .table>thead>tr>th {padding:10px 4px}
.no-pd {padding:0 !important}
.no-mg {margin:0 !important}
#ga-wid-id-6 tbody {background:url('../img/custom/time_line-bg.png') repeat-y; background-position:0 0px 0 5px; border:0}
#ga-wid-id-5 .table-hover  {border:0}
#ga-wid-id-6 .widget-body .timetable_con .table-responsive  {border:0}

/*프리로더*/
.preloder_bg {display:block;  width:100%; background: rgba(0, 0, 0, 0.6); opacity:0.9;  height:125%; padding: 0; overflow:hidden;
 position: fixed; ; top:0; left:0;clear:both; z-index:1000000000000000}


figure.preloder {   position: absolute;   margin:0 auto;
  top: 45%; bottom: 0; left: 0; right: 0;
  width: 6.250em; height: 6.250em;
  animation: rotate 2.4s linear infinite;  z-index:10000000000000000; 
}

.white_loder {   top: 0; bottom: 0; left: 0; right: 0;   animation:flash 2.4s linear infinite;  opacity: 0;}
.dot_loder { position: absolute;  margin: auto;  width: 2.4em; height: 2.4em;  border-radius: 100%;  transition: all 1s ease;}



.dot_loder:nth-child(2) { top: 0; bottom: 0; left: 0; background: #eb1b64; animation: dotsY 2.4s linear infinite; }
.dot_loder:nth-child(3) { left: 0; right: 0; top: 0; background: #5e69d4 ; animation: dotsX 2.4s linear infinite; }
.dot_loder:nth-child(4) { top: 0; bottom: 0; right: 0; background: #474544; animation: dotsY 2.4s linear infinite; }
.dot_loder:nth-child(5) { left: 0; right: 0; bottom: 0; background: #868b9e; animation: dotsX 2.4s linear infinite; }

@keyframes rotate {
  0% { transform: rotate( 0 ); }
  10% { width: 6.250em; height: 6.250em; }
  66% { width: 2.4em; height: 2.4em; }
  100%{ transform: rotate(360deg); width: 6.250em; height: 6.250em; }
}

@keyframes dot_lodersY {
  66% { opacity: .1; width: 2.4em; }
  77%{ opacity: 1; width: 0; }
}
@keyframes dot_lodersX {
  66% { opacity: .1; height: 2.4em;}
  77%{ opacity: 1; height: 0; }
}

@keyframes flash {
  33% { opacity: 0; border-radius: 0%; }
  55%{ opacity: .6; border-radius: 100%; }
  66%{ opacity: 0; }
}



/*타블렛 color*/


.tablet_01 {color:#5e69d4} /*전원on 활성화 - 파란색*/
.tablet_02 {color:#bbb} /*전원off비활성화 - 회색*/
.tablet_03 {color:#EB1B64} /*위험한상태 - 붉은색*/
.point_box {text-align:left; border:1px solid #ccc; padding:20px 30px; width:100%; margin-bottom:20px;}
.point_box p {margin:0}
.point_box .point_no {font-size:2.4em; }


a.viewmore {color:#5e69d4; text-decoration:underline; font-weight:800}
td.viewmore {color:#5e69d4;}
/* td.viewmore {color:#5e69d4; font-weight:800} *//* font-weight 조정 [20190703 김예인] */

/* 현금영수증 발급 버튼 2019-05-07 김예인*/
a.cash_btn, button.cash_btn {background:#5E69D4; display:inline-block; color:#fff; padding:6px 4px; font-size:0.95em;  }
a.cash_btn:hover, button.cash_btn:hover  {text-decoration:none; background:#6A75ED}

/*1:1메세지 */
a.message_btn, button.message_btn {background:#5E69D4; display:block; color:#fff; padding:6px 4px; font-size:0.95em;  }
a.message_btn:hover, button.message_btn:hover  {text-decoration:none; background:#6A75ED}
a.message_btn .fa-layers-counter,  button.message_btn .fa-layers-counter {font-size:2.0em;transform : scale(0.28);right:-.18em; padding:0.2em}
a.message_btn .fa-fw, button.message_btn .fa-fw{font-size:1.2em; }

button.message_btn   {border:0px solid;width:100% }

.mess_box {text-align:left; border:1px solid #ccc; padding:14px 10px !important; width:100%; margin-bottom:20px;background:#EEEEEE; clear: both;}
.mess_box p {margin:0}
.mess_box  b {width:100%; clear:both; margin-top:10px; font-size:0.95em;  font-weight:800; display:inline-block;  letter-spacing:0.02em; }
.mess_box .mess_tit {color: #868B9E;   font-size:1.00em; padding:0px;  display:inline-block;}
.mess_box .mess_tit  strong {color:#fff; background:#868B9E; padding:3px 10px; border-radius:15px ; font-size:0.8em; }
.mess_box .mess_tit2 strong {font-weight:600; }

.mess_box .receive_mess {color:#868B9E;  border-color:#ccc; }
.mess_box .send_mess { background:#fff; color:#868B9E; border:1px solid #868B9E;  }
html .client-form2 label {color:#505361 !important; margin-top: 0}
.mess_box .mess_tit2{   display: inline-block; padding:0px 0 0 5px; line-height:2.0em;  }
.mess_box ul {width:100%; }
.mess_box ul li {padding:2px 2px  }
.mess_box ul li i {font-size:0.90em; }
.mess_box2 {text-align:left; border:0px solid #ccc; padding:14px 12px; width:100%; margin-bottom:20px;background:none}
.mess_box2 p {margin:0}
.mess_box2  b {width:100%; clear:both; margin-top:10px; font-size:0.95em;  font-weight:800; display:inline-block;  letter-spacing:0.02em; }
.mess_box2 .mess_tit {color: #868B9E;   font-size:1.00em; padding:0px;  display:inline-block;}
.mess_box2 .mess_tit  strong {color:#fff; background:#868B9E; padding:3px 10px; border-radius:15px ; font-size:0.8em; }
.mess_box2 .mess_tit2 strong {font-weight:600; }
.mess_box2 .receive_mess {color:#868B9E;  border-color:#ccc; }
.mess_box2 .send_mess { background:#fff; color:#868B9E; border:1px solid #868B9E;  }
html .client-form2 label {color:#505361 !important;margin-top: 0}
.mess_box2 .mess_tit2{   display: inline-block; padding:0px 0 0 5px; line-height:2.0em;  }


/*학생 학습관리 메모*/

.mess_box3 {text-align:left; border:0px solid #ccc; width:100%; margin-bottom:20px;background:none; clear: both;padding:0px 0 ;  display:block; float:left;  }
.mess_box3 p {margin:0}
.mess_box3 b {width:100%; clear:both; margin-top:10px; font-size:0.95em;  font-weight:800; display:inline-block;  letter-spacing:0.02em; }
a.memo_w_btn {display:block !important; border:1px solid; text-align:center; background:#fff; border-color:#5e69d4; color:#5e69d4; height:80px;  vertical-align: middle; padding-top:29px}
a.memo_w_btn:hover {text-decoration:none; background:#e9eaf1; color:#5e69d4; }

.mess_box span.timehistory {width:80%;float:left; }
.mess_box .memo_contents {width:100%; clear:both; margin-bottom:15px; }
.mess_box .memo_footer {width:100%; clear:both; height:30px; }

.mess_box .memo_footer b {margin-top:0 !important}
.mess_box  .mess_md_box {width:19%;float:right}
.mess_box  .mess_md_box li {float:right; margin-left:8px;  }
.mess_box  .mess_md_box li a {width:15px; height:15px; display:block; }




.pr5 {padding-right:5px !important;  }




a.emergency_day {color:#EB1B64;  font-weight:bold}
.white_content > div.white_content_wrap label.title_line {font-size:1.1em; } 
div.white_content_wrap label.title_line {font-size:1.2em; } /* Modal 팝업 label css 수정 2019-01-14 */

.mess_tit02  {font-size:0.95em; border:1px solid #ccc ;  padding:8px ; width:100%; display:inline-block; text-align:center;margin:30px 0 10px 0  }

/* <<Modal Total Box>> mess_tit00_total MODAL TOTAL 2019-12-05 */
.mess_tit00_total {font-size:0.95em; border:1px solid #5e69d4 !important;   color:#5e69d4 !important;   padding:8px 0; width:100%; display:inline-block; text-align:center;margin:10px 0  }
.mess_tit00_total  strong { color:#5e69d4 !important; font-size: 14px; }
.mess_tit00_total  b { font-size: 14px; padding-left: 10px; }

.mess_tit00  strong { color:#5e69d4 !important;   }
.mess_tit00  strong { font-size: medium;  }/*panel labelName font 크기조정 2019-02-27*/
.alim_tit00 {font-size:1.2em; border:1px solid #5e69d4 !important;   color:#5e69d4 !important;   padding:8px 0; width:100%; display:inline-block; text-align:center;margin:30px 0  }
.alim_tit01 {font-size:1.2em; border:1px solid #5e69d4 !important;   color:#5e69d4 !important;   padding:8px 0; width:100%; display:inline-block; text-align:center;margin:30px 0  }
.alim_tit00  strong { color:#5e69d4 !important; }
.alim_tit01  strong { color:#232531 !important; }/* 태블릿 전용 css추가 */

.mess_tit00 {font-size:0.95em; border:1px solid #5e69d4 !important;   color:#5e69d4 !important;   padding:8px 0; width:100%; display:inline-block; text-align:center;margin:30px 0  }
/*태블릿 차단해제 설정*/

div.checkbox{display:inline-block; }
.tablet_btn {display:block;  float:left; padding:10px ; height:70px; vertical-align:middle; }

.form-group label.title_line {text-align:left;  width:100%;font-weight:800; color:#5e69d4 !important;  }
.form-group label.title_line2 {text-align:left;  width:100%;font-weight:800; color:#191919 !important;  font-size: 1.2em;  }
span.day_sub_tit {vertical-align:middle;text-align:center; height:32px;display:inline-block; width:100%; float:left; 
margin-top:5px;  padding:3px 5px !important}
a.day_sub_btn {vertical-align:middle;text-align:center; height:32px;display:inline-block; width:100%; 
float:left; background:#5e69d4; color:#fff; 
 padding:6px 0px !important ; margin:0 5px ; font-size:0.90em;font-weight:600 }
.tablet_block  input[type=checkbox] {display:none }
.tablet_block  input[type=checkbox]+ div.backgblock { display:inline-block; width:100%; height:30px; position:relative; z-index:-10; background:#333 ; }
.tablet_block  input[type=checkbox]:checked + div.backgblock {width:100%; height:30px; display:block; position:relative; z-index:-10; background:red ; }
.app_blockIcon_wrap { position:absolute; top:10px ; left:50%;margin-right:28px; z-index:100; }
.app_blockIcon_wrap img {width:20px; height:20px;}
input[type=text]:focus+.input-group-addon {background:#5e69d4}
.ui-datepicker td .ui-state-hover  {background:#5e69d4}
.app_blockBbtn_wrap {  width:100%; display:block; }
.app_blockBbtn_wrap02 {margin:4px 0; width:100%;  }
.app_blockBtxt_wrap {width:100%; text-align:center;padding-bottom:3px;display:inline-block; clear:both ;padding:5px 8px ; 
  overflow:hidden; min-width:96px; white-space:nowrap;text-overflow: ellipsis;   }
.app_blockImg {-webkit-filter: grayscale(100%);  filter: gray;}


/*청구 sms*/


.pay_sms_list {width:100%; }
.pay_sms_list table  {width:100% ; }
.pay_sms_list th, .pay_sms_list td {text-align:center; font-size:0.90em;  padding:8px  5px; }
.pay_sms_list th {background:#868b9e ; color:#fff; border:1px solid #7f859a; font-weight:400 }
.pay_sms_list td {border:1px solid #ccc; color:#333}

.pay_sms_list03 td {text-align:left; background-color: white;}

.pay_sms_list03 .tdpadding td {padding : 9px 6px !important; font-size: 1.0em !important;}


/*주문상태 테이블*/
.order_li_list {width:100%; }
.order_li_list table  {width:100% ; border-bottom:1px solid #ddd;}
.order_li_list th {font-size:1.1em;}
.order_li_list th, .order_li_list td {text-align:center;  padding:14px  5px; }
.order_li_list th {background:#868b9e ; color:#fff; border:1px solid #7f859a; font-weight:300 }s


.search_box_con_wrap {display:inline-block;float:left; text-align:left;  }
.search_box_con_wrap .select , .search_box_con_wrap input {display:inline-block;border:1px solid ; float:left; }
.dropdown-menu { position:fixed !important}
.total_td {background:#868b9e54; border-color:#6c728861}
#mypl .form-control03  {width:100%}
.total_price {font-weight:bold}
#ui-datepicker-div {position:fixed !important}
.form-inline .input-group {margin-bottom:3px; }
.form-inline .input-group>.form-control {display:inline-block; height:32px; padding:0 2px; }
#mypl-id-1-2 .form-group select {width:100%;  display: inline-block;   height: 32px;font-size: 13px;   line-height: 1.42857143;    color: #555;    background: #fff;    border: 1px solid #ccc;}/* 3.21 추가 (김예인)  */

.search_box .form-group input, .search_box .form-group select {width:100%; } /* 2019/03-12 {width:94%; } -> {width:100%; } 로 수정 (김예인)  */


.form-control03 {display:inline-block;padding:0 2px;  height:32px; font-size:13px; line-height:1.42857143; color:#555; background:#fff;  border:1px solid #ccc; }
.form-control03::placeholder{opacity: 1; color:#ccc;padding-left:4px;} /* placeholder 속성 추가 2019-01-15 */
.pay_search_box {padding:5px 10px; }
.pay_search_box .btn_fRight  {float:right}
/* .search_box_con_wrap {border:1px solid; display:inline-block ;}

.search_box .form-group label.search_box_title {display:inline-block ;font-weight: 700;  padding:6px 5px ; min-width:70px;  }
.input-group,  .input-group2 {display:inline-block; }
 .input-group2 {margin-left:5px; } */

@media (min-width: 768px){

/* .form-inline .input-group2 { width:100%;text-align:left;  clear:both; } */
}

@media only screen and (max-width: 760px) and (min-width: 480px){
/* .search_box .form-control{ width:100%; }
 */
}
/* .pay_sms_list2 {width:100%; }
.pay_sms_list2 table  {width:100% ; text-align:Center; }
.pay_sms_list2 table th, .pay_sms_list2 table td {text-align:center; font-size:0.9em;  padding:8px  5px; }
.pay_sms_list2 table th {background:#868b9e ; color:#fff; border:1px solid #868b9e }
.pay_sms_list2 table td {border:1px solid #ccc;}
 */






/*기관별매출현황*/
#fran_pay_chart>div {padding:0; border-width:0}
#fran_pay_chart {width:100%;  padding:0; margin:0}
#fran_pay_chart .jarviswidget>div {padding:0; margin:0}
#fran_pay_chart .jarviswidget-editbox {margin:0}
#fran_pay_chart .chart {border:0; padding:0; margin:0; height:350px}



a.pay_com {bordeR:2px solid #A90329; color:#A90329; text-align:center; width:60px; margin:0 auto;height:60px;
display:block; line-height:4.4em; border-radius:50%;text-align:center; font-weight:700 }


/*출결*/
.attend_btn_list {margin:0 auto;text-align:center;  }
.attend_btn_list li {display:inline-block; margin-right:6px}
.attend_btn_list li a {display:block; text-align:center; font-size:0.90em; padding:5px 10px; }
.attend_btn_list li a.attend {border:1px solid #EB1B64; color:#EB1B64; background:#fff; }
.attend_btn_list li a.attend_active {background:#EB1B64; color:#fff;border:1px solid #EB1B64 }

/* 원비수납 _ 2022.11.23*/
.student_btn_list {margin:0 auto;text-align:center;  }
.student_btn_list li {display:inline-block; margin-right:6px}
.student_btn_list li a {display:block; text-align:center; font-size:0.90em; padding:5px 10px; }
.student_btn_list li a.attend {color:#EB1B64; background:#fff; }
.student_btn_list li a.attend_active {background:#EB1B64; color:#fff;}

/*쇼핑몰*/
.shop_cate_depth01 {border:1px solid; }

/* grid header center 정렬 2019-03-05 */
.jarviswidget th { text-align: center; }

/* react-responsive-modal - .styles_modal__gNwvD - 팝업 2019-01-11 */
.styles_modal__gNwvD > div.white_content_wrap {height:850px;}
/* react-responsive-modal - .styles_modal__gNwvD - 팝업 모달 다른사이즈 추가 2019-03-14 */
.styles_modal__gNwvD > div.xsmall_modal {height:130px;width:500px;}
.styles_modal__gNwvD > div.small_modal {height:230px;width:500px;}
.styles_modal__gNwvD > div.xsmallm_modal {height:170px;width:500px;} /* 확인 컨펌창 추가_20220819_김예인 */
.styles_modal__gNwvD > div.small_medium_modal {height:400px;}
.styles_modal__gNwvD > div.medium_modal {height:550px; width:300px}
.styles_modal__gNwvD > div.medium_modal2 {height:430px; width:550px}
.styles_modal__gNwvD > div.medium_modal3 {height:490px; width:550px}
.styles_modal__gNwvD > div.medium_modal3_1 {height:610px; width:590px}
.styles_modal__gNwvD > div.medium_modal4 {height:700px; width:640px}
.styles_modal__gNwvD > div.medium_modal5 {height:690px; width:640px}
.styles_modal__gNwvD > div.medium_modal5_1 {height:880px; width:1080px}
.styles_modal__gNwvD > div.medium_modal6 {height:840px; width:650px}

.styles_overlay__CLSq- {background: rgba(0, 0, 0, 0.6);}
.styles_modal__gNwvD {padding:0; min-width:300px;}
.styles_modal__gNwvD .white_content_wrap{background-color: #f0f3fd; height: 100%; }
.styles_modal__gNwvD .white_content_wrap p.top_header{width: 100%; background: #5e69d4; color: #fff; padding: 10px;}
.styles_modal__gNwvD .white_content_wrap p.top_header a{float:right;}
.styles_closeButton__20ID4{display: none;}

.styles_modal__gNwvD .white_content_wrap .client-form2 a{display: inline-block;float: none;} /* 속성 수정 2019-01-10 */
.styles_modal__gNwvD .white_content_wrap .client-form2 button{margin: 0 auto; text-align: Center; float: none;} /* a -> button 버튼 css 속성 추가  2018-12-07 */
.styles_modal__gNwvD .white_content_wrap .client-form2 .footer_login{display: inline-block;float: none;background: none;border-top: none;} /* a -> button 버튼 css 속성 추가  2018-12-07 */



/* 그리드 show/hide columns CSS 추가 2018-12-13 */
div.ColVis > .ColVis_Button{height:27px; margin-bottom: 5px;z-index:999;}
div.ColVis > .ColVis_Button:active{height:27px; margin-bottom: 5px;z-index:999;margin: 1px;}
ul.ColVis_collection li label{width:100%; cursor:pointer;}
ul.ColVis_collection li label>span{user-select: none;}
div.ColVis_collectionBackground{z-index:998;}



/* 캘린더 react-dates ( DateRangePicker, SingleDatePicker ) CSS 추가 2018-12-13 */
.CalendarDay__selected:hover {background: #5e69d4 !important; border: 0 !important;}
.CalendarDay__hovered_span:hover,
.CalendarDay__hovered_span {background: #5e69d4 !important; color: white !important; border: 0 !important;}
.CalendarDay__default:hover{background: #5e69d4 !important; color: white !important; border: 0 !important;}

.DayPicker_weekHeaders {font-weight: 700; color: gray;}
.DayPicker_weekHeader_ul>:first-child {color: #e2667c;} /* 달력컴포넌트 >:first-child 일요일 0 */
.DayPicker_weekHeader_ul>:last-child  {color: #668fe2;} /* 달력컴포넌트 >:last-child  토요일 6 */
.DateInput_input {line-height: 16px !important;
  padding: 6px 6px 6px !important; font-size: 13px !important;color: #555 !important;font-weight: 550 !important;
}
.DateInput_input::placeholder{color:#9d9696;padding-left:4px;}
.DateInput_input__focused {border-bottom: 2px solid #a90329 !important;}

.CalendarDay__selected_span {background: #e2667c !important; color: white !important; border: 0 !important;}
.CalendarDay__selected {background: #a90329 !important; color: white !important; border: 0 !important;}

.SingleDatePicker {width: 100%; text-align: left;}
.SingleDatePickerInput {width: 100%;}
.SingleDatePickerInput.error_st {border-color: #A90329 ! important;}
label.col-xs-8 > .SingleDatePicker {width: 100%;}

.SingleDatePickerInput__withBorder {border-radius: 0px !important; border: 1px solid #ccc !important;}
.SingleDatePickerInput_calendarIcon {margin-top: 0px !important; padding: 8px;}
.SingleDatePickerInput_clearDate__small {margin-top: 0px !important; padding: 10px;}
.SingleDatePicker .SingleDatePickerInput > .DateInput__small {width: 100% !important;}
.SingleDatePicker .SingleDatePickerInput > .SingleDatePickerInput_clearDate__small {margin: 0 5px 0 5px;}
.SingleDatePicker_picker {font-weight: 500;z-index: 9999 !important;}

.DateRangePicker {width: 100%; text-align: left;}
.DateRangePickerInput {width: 100%; }
.DateRangePickerInput.error_st {border-color: #A90329 ! important;}

.DateRangePickerInput__withBorder {border-radius: 0px !important; border: 1px solid #ccc !important;}
.DateRangePicker .DateRangePickerInput > .DateInput__small {width: 47% !important;}
.DateRangePicker_picker {z-index: 9999 !important;}

.DateRangePickerInput_arrow {padding: 0px 6px;}




/* 모달그리드 수정 - 2019/04/04 (김예인)*/
.modal-grid-title {font-weight:600; text-align: left;  font-weight: 800; color:#5e69d4 !important;font-size: 1.2em;text-overflow:ellipsis;width:35%}
/*하단 합계 css 2019/04/05 (김예인)*/
table tfoot.total_line tr td { background:#d3d4d8; color:#474544; font-weight:bold; font-size:13px;    border-top: 1px solid #a4a5ae; border-bottom: 1px solid #a4a5ae;}

/* drah&drop 조정 - 2019/07/11 (김예인) start*/
.dropzone{min-height: 70px; border:0px}
.filepicker .dropzone .dz-clickable{display: none}
.dz-clickable .dz-message span {display:none}
.dz-progress{display: none}
.dz-image img{width:100px; height: 90px;}
.dz-details{width:100px; height: 90px;}
.dropzone .dz-preview .dz-image {width:100px; height:90px;} /* drah&drop 이미지,레이어 영역 크키조정 */
.dropzone .dz-default.dz-message{width: 0px;height:0px; border-radius:0} /* 불필요한 영역 제거 */
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message {margin-top:0px}/* 불필요한 영역 제거 */
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message .disp_f {margin-top:0px; color : #939393}/* 불필요한 영역 제거 */
.dropzone .dz-message{margin:0px}/* 불필요한 영역 제거 */
.dropzone .dz-preview .dz-details{padding : 1em 0em}/* 글자 영역 겹침 제거 */
.dropzone, td.fc-other-month{background-image : none ; background-color:#EEEEEE;background-size:none;border-radius:0; border: 1px solid #ccc; padding : 25px 20px ; margin-top: 6px;}
.styles_modal__gNwvD .white_content_wrap .client-form2 .downloadlink{ text-align: left; list-style: none; font-size: 15px;}
.dropzone .dz-preview a{cursor: pointer !important; }



/* dropzone 다운로드 링크일 경우에*/
.dropzone .detail{display: contents !important}
.dropzone .boardMode{display: inline-block !important} 
.dropzone.dz-clickable li{font-size: 20px;} /* 클립 아이콘 사이즈 +*/

/* 12803 > 1300  전체 창 크기 변경 수정건 _ 2022년8월26일 김예인 변경*/
.cont_wrap { width:100%; max-width:1300px; margin:0 auto; }
/* autocomplete */
.searchbar_bg {background:url('../img/custom/search_bar.png') no-repeat right center; }


body.container { /*overflow:hidden;*/ margin:0 auto;  }

.con_header_bg { background:#5e69d4; display:inline-block; height:60px;padding:7px 13px 0; 
  position:absolute; top:0;clear:both;overflow:hidden;width:500%; left:-200%;z-index:2}

 /*20190813 대시보드 모바일 가로스크롤 수정 시작 */
 body.container {width:100% !important; /*overflow:hidden;*/}
 @media only screen and (max-width: 1200px) and (min-width: 320px) {
  .con_header_bg { background:#5e69d4; display:inline-block; height:60px;padding:7px 13px 0; 
    position:absolute; top:0;clear:both;overflow:hidden;width:100%; left:0%;}
}
 /*20190813 대시보드 모바일 가로스크롤 수정 끝*/

/*20190816 커리큘럼 관리*/
.btn {box-shadow:none !important}
.hat_box_title {background:#868b9e; color:#fff; width:100%; padding:10px ; height:45px; display:block; line-height:1.5em; font-size:1.2em;  font-weight:600; }
.hat_box_title a {float:right; color:#fff; font-size:0.8em; bordeR:1px solid !important; display:block; padding:2px 8px; }
.hat_box_title a:hover {text-decoration:none; background:#fff; border:1px solid #fff; color:#868b9e}
.btn-success {float:right; font-size:0.7em; color:#fff; background:none; border-color:#fff;  }
.hat_box .user_group_title { border:1px solid #ccc; padding:0; box-sizing: border-box ;background:#c7c7c71c; padding:15px 10px;}
.dd-item  .dd-handle  {font-weight:800}
.dd-item ol li .dd-handle {font-size:0.95em !important;  font-weight:400 !important; }
.dd-handle {background:#fff}


.hat_box .user_group_title { background:#fff; border-top:0}
.hat_box .hat_box2_tit a { float:right; font-size:0.7em; color:#fff;   border:1px solid #fff; padding:2px 8px}
.hat_box .hat_box2_tit a:hover { background:#c7c7c71c; }
.hat_box .hat_box2_tit  {background:#868b9e; color:#fff; width:100%; padding:10px ; height:45px; display:block; line-height:1.5em; font-size:1.2em;  font-weight:600; }



.dd-handle  { cursor:pointer; border:0px solid !important; padding:7px 5px 7px 5px }
.dd-handle:hover {background:none; }
.dd-handle1{ cursor:pointer ; font-size:1.2em; padding:10px; border:0px !important; background:#fff }
.dd-handle2 {background:none;cursor:pointer; font-weight:700 ; border:0px !important; color:#a9a9a9; text-align:center; }
.dd-handle2 a{ /*display:block;border-color:#5e69d4;  border:1px solid;*/ border:0px !important; padding:6px 10px ;background:none; color:#5e69d4  }

.dd-handle2 a:hover {text-decoration:none;background-color:#5e69d41a; }

.group_info_box .row h3.hat_box3_tit { font-size:1.2em; margin:3px 0 4px 0; font-weight:300}
.group_info_box .row h3.hat_box3_tit b { font-weight:700}

.view_right {background:#9a9da759; border-color:#868b9e }


a.curri_modi {float:right !important; color:#eb1b64 !important; font-size:0.8em; bordeR:1px solid; margin-top:-2px ; display:block; padding:2px 8px; }

/*캘린더*/
.group_info_box  table tr td {padding:4px 6px}
.calendar_wrap>div {border:0px }


#calendar .fc-header-toolbar {border:1px solid #ccc; padding:12px 20px; }
#calendar .fc-toolbar h2 {font-size:1.2em; font-weight:700}

#calendar .fc-head-container thead tr, .table thead tr {background:#fff !important}
  #calendar {
 width:100%; 
  }
#calendar .fc-prev-button {color:#5e69d4 !important; }

#calendar .fc-button-primary:disabled {background:#fff !important;color:#5e69d4 !important; border-radius:0 !important; border-color:#5e69d4 !important; background:#5e69d41a !important}
#calendar .fc-button-primary {background:#5e69d4  !important;color:#fff !important; border-radius:0 !important; border-color:#5e69d4 !important; background:#5e69d41a !important; color:#5e69d4 !important;}

#calendar .fc-bg table{cursor: pointer;} /* 캘린더 커서 pointer로 변경 20191023 김예인 */
.calendar, td.fc-other-month{background-image: linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent); background-color: #FAFCFD; background-size: 16px 16px;}

/* #calendar .fc-sat { color:#5e69d4 !important; }
#calendar .fc-sun { color:#eb1b64 !important; } */

@media screen and (max-width: 767px){ #calendar { margin-top: 0px !important }} /* 캘린터 크기조정 2020/01/05 김예인 수정 */

/*faq*/
.ui-accordion .ui-accordion-header {padding:10px 15px 10px 15px !important; font-weight:600; background:#f3f3f3}
.ui-accordion .ui-accordion-header::before {content:"Q"; padding-right:6px; color:#5e69d4 }
.ui-accordion-header-active+.ui-accordion-content::before  {content:"A";  color:#ff1d6c;  padding-right:8px; font-weight:700}
.ui-accordion-header-active+.ui-accordion-content {padding:10px 15px 10px 17px !important; font-size:1.0em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {display:none; }



/*게시판 카테고리 탑버튼*/
.category_tab_btn a {padding:3px 22px !important;  background:#f3f3f3 !important;; color:#acadb1 !important;; border-color:#acadb1 !important;; position:relative; margin-left:-1px; float: left;}
.category_tab_btn a.active {background:#fff !important; color:#505361 !important; border-color:#505361 !important;z-index:1000; font-weight:700; float: left;}
.category_tab_btn a:nth-last-child(1) {background:#000}
.category_tab_btn2 a {padding:3px 22px !important; width : 11%; background:#f3f3f3 !important;; color:#acadb1 !important;; border-color:#acadb1 !important;; position:relative; margin-left:-1px; float: left;}
.category_tab_btn2 a.active {background:#fff !important; color:#505361 !important; border-color:#505361 !important;z-index:1000; font-weight:700; float: left;}
.category_tab_btn2 a:nth-last-child(1) {background:#000}

/*공지, 자료실*/
a.down_btn {background:#fff; border:1px solid #eb1b64;  color:#eb1b64; text-align:center; padding:5px; font-size:0.90em; width:70px; display:inline-block;}
a.down_btn:hover {background:#eb1b64; color:#fff; text-decoration:none }
a.down_btn_in {font-size:1.0em !important; width:100px !important; position: absolute; right: 0; top: 4px; margin-bottom: -3px;}
a.down_btn_form { color : #999DAD;     text-decoration: underline; font-size:1.0em !important; width:100px !important; position: absolute; right: 0; top: 4px; margin-bottom: -3px;}
table.grid01 td.alignL {text-align:left !important; }
.no_file {text-align:center; color:#8a8a8a}
.chk_noti_list { text-align:center; }
.chk_noti_list li{display:inline-block;padding:4px 10px 4px 0   }

/*상담관리*/
ul.info_wrap_in {width:100% }
ul.info_wrap_in li {width:48%;display:inline-block  }
ul.info_wrap_in li strong { padding:0 8px 0 8px; min-width:55px;  display:inline-block; background:url('../img/custom/purple_bullet.png') no-repeat left 53%; }


/*동영상강좌*/
/* list-style-type:none !important; */
.today_to_do_list {padding:10px 0 10px 14px; background:#f3f3f3; margin:10px 0px 10px 10px; }
/* .today_to_do_list {padding:10px 0 10px 14px; background:#f3f3f3; margin:10px 0px 10px 10px; list-style-type:none !important;  } */
.today_to_do_list span {padding:0 8px 0 0  }
.today_to_do_list span.pl8 {padding-left:8px}
.today_to_do_list strong {font-weight: bold; color:#eb1b64}
.today_to_do_list b {font-weight: bold; color:#5e69d4 }
.today_to_do_list b.bText { font-weight: bold; color:#5e69d4;background:url('../img/custom/purple_bullet.png') no-repeat 2px 53%; padding-left: 10px; }
dl.to_do_list_book {width:100%; }
dl.to_do_list_book dt { margin-top:-30px ; margin-bottom:10px; font-size:15px;color:#5e69d4 }
dl.to_do_list_book dd {margin:3px 0 ; padding-left:10px; background:url('../img/custom/purple_bullet.png') no-repeat 2px 53%;  }
.view_mov_btn {float:right; background:#5e69d4; color:#fff; padding:5px 12px}
.view_mov_btn:hover {background:#6d79ef; text-decoration:none; color:#fff; }

span.stronger_box {padding:7px 12px; border:1px solid #ccc;   margin-bottom:10px; width:100%; float:left; }
span.stronger_box strong {padding-right:5px; }

.percent100 {color:#eb1b64; font-weight:bold}

@media only screen and (max-width: 760px) and (min-width: 480px){
dl.to_do_list_book dt { margin-top:0px ; margin-bottom:10px; font-size:15px;color:#5e69d4 }
}


/*강좌등록*/
a.btn_select_add {display:block; background:#5e69d4; color:#fff; border:0;  padding:7px 5px; font-size:0.85em;  width:60px; font-weight:normal ; float:right}
a.btn_select_add:hover {color:#fff; background:#6972d0; text-decoration:none}


/*뱃지 디자인*/
/* 73 to 78 크기조정 */
b.badge  { font-size:0.90em; font-size:0.85em; padding:4px 5px;  border-radius:10%; width:78px; } 
b.badge_on  {background:#eb1b64; color:#fff !important;}/*사용*/
b.badge_off  {background:#868b9e ! important; color:#fff !important;} /*사용안함*/




/*datepicker 아이콘 추가*/
input.DateInput_input__small{  position: relative;background:url('../img/custom/cal_icon.png') no-repeat right center; } 
/* input.DateInput_input__small {background:url('../img/custom/icon_cal.png') no-repeat right center; } */

/*팝업 default이미지 추가*/
.popup_btn {display:block;  float:left; padding:10px ;vertical-align:middle; }
.popup_active{background: lightgray; border:2px solid #5e69d4; }
.popup_block input[type=radio] { display: none; visibility:hidden !important; text-align:center !important; margin:0 auto !important;}

/* 버튼 호버시 글자 흰색깔 (자료실 다운로드 버튼 링크시) 버튼 색 css 수정*/
.btn-delete a{color : red}
.btn-delete:hover a{text-decoration:none; background:#eb1b64; color:#fff; } 




/*메인 캘린더 위젯*/
#calendar_w { max-width: 400px !important;  margin: 0 auto;  font-size: 10px; }
#calendar_w .fc-header-toolbar {border:10px solid red important; overflow: hidden; height:0; }

#calendar_w .fc-header-title h2 {
    font-size: .9em;
    white-space: normal !important;
}
#calendar_w .fc-view-month .fc-event,#calendar_w .fc-view-agendaWeek .fc-event {
    font-size: 0;
    overflow: hidden;
    height: 2px;
}
#calendar_w .fc-view-agendaWeek .fc-event-vert {
    font-size: 0;
    overflow: hidden;
    width: 2px !important;
}
#calendar_w .fc-agenda-axis {
    width: 20px !important;
    font-size: .7em;
}

#calendar_w .fc-button-content {
    padding: 0;
}
/* fullcalendat에서 12a 시간 표시 제거 20190925 김예인 */
.fc-event .fc-time{
  display : none;
}

/*FAQ 아코디언*/
#accordionFq {font-size:13px;  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; border:1px solid #ddd!important}
#accordionFq h4 {padding:10px 15px 10px 15px !important; font-size:1.15em; background:#f3f3f3; font-weight:600; cursor:pointer;  border-bottom:1px solid #ddd}
#accordionFq div:nth-last-child(1) h4 {border-bottom:0px solid #ddd; }
#accordionFq h4::before {content:"Q";padding-right:6px; color:#5e69d4; float: left; }
#accordionFq .padding-10 {border-bottom:1px solid #ddd; }
#accordionFq div:nth-last-child(1) .padding-10  {border-bottom:0px solid #ddd;border-top:1px solid #ddd; }
.padding-10::before {content:"A"; color:#ff1d6c; padding-right:8px;padding-left:8px;font-weight:700;float: left; }

/* 캘린더 more버튼  */ 
#bwid-id-3 .more{ float: right !important; }

/* 퀵메뉴 */
.banner{margin-top : 75px; font-size: xx-large; position: fixed; top: 86px; right: 10%; z-index: 1000; text-align: center;}
.quick_menu{width: 58px; height: 56px; background:#868b9e; border-radius: 50%; margin-bottom: 20px;display: inline-block;}
.quick_menu2{width: 58px; height: 87px; background:#868b9e; margin-bottom: 20px;display: inline-block;}/* 카카오 원비수납전용 */

.quick_menu .q_icon{color: white; margin: 10px 5px; cursor: pointer;}
.q_font{font-size: 17px;font-weight: 600;letter-spacing: -0.06em;font-family: 'NanumSquare'; display: block;} 
.qick_img {background:url('../img/banner/quick.png')  !important; background-size: cover !important; }

/* ckeditor */
a.cke_button{height: 25px !important;}
a.cke_button
/* #cke_editor1 */ a.cke_button{height: 25px !important;}
/* #cke_editor1 */ a.cke_button_on {height: 25px !important;}
/* #cke_editor1 */ a.cke_button_off {height: 25px !important;}
/* #cke_editor1 */ a.cke_button_disabled{height: 25px !important;}
/* #cke_editor1 */ .cke_panel .cke_ltr{height: 160px !important;}
/* .cke .cke_reset_all .cke_1 .cke_panel .cke_panel .cke_ltr{height: 160px !important;} */
.cke_panel_frame{height: 160px !important;}
/* .cke_path{display: none;} ckeditor 하단 태그 표출 숨김처리 */


a.cke_button_on{height: 24px;}
/* #cke_editor1 .cke_button_icon{margin-top: -2px;} */

.col-sm-9 .jarviswidget #calendar{margin-top: 0px;}


.questionArea{display: block;}
.qnaList li.on .questionArea {border-bottom: 1px solid #dddee1;}
.seactionBox{ padding: 18px 30px; border-bottom: 1px solid #dddee1;background: #f9f9fb;text-align: left;}
.answer{ color: #333;font-size: 14px;line-height: 23px;word-break: break-all;}
.reply_info{margin-top: 4px;font-size: 12px;color: #a4a5a7;}
.ico{ color: #eb1b64; font-weight: bold;}
.icoB{ color: #5e69d4; font-weight: bold;}
.username{ margin-right: 16px;/* padding-right: 18px; */}
.boardfont{color: #4d4347;font-weight: 600;}


/* .board_border_first{ border-top : 1px solid #4d4347; border-bottom : 1px solid #4d4347; border-left : 1px solid #4d4347; border-right : 1px solid #4d4347;} */
.board_border{border-top : 1px solid #4d4347; border-bottom : 1px solid #4d4347; border-left : 1px solid #4d4347; border-right : 1px solid #4d4347;}

/* sms보내기 length css */
.sms_length{float: left; font-size: 15px; color: #a29d9d;margin-right: 8px;}

div .faq_span > p {margin: 0px;} /* faq  dangerouslySetInnerHTML 내용 p태그 */
/* div .faq_span{ visibility: hidden;} /* faq  dangerouslySetInnerHTML 내용 p태그 */




div .nnnnn{display: none;}



/* inputBox range css */ 
 input[type=range] {
  -webkit-appearance: none;
  -moz-apperance: none;
  border-radius: 6px;
  height: 6px; 
  
  background-image: -webkit-gradient(linear,
      left top, 
      right top, 
      color-stop(0%, #adacac),
      color-stop(0%, #e0e0e7)); 
 } 

input[type=range]:focus {
  outline: none;
  border: none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none  !important;
  background-color: #D5D5D5 
  height: 13px;
  width: 13px;
  border-radius: 50%;
} 

.gaugeA::-webkit-slider-thumb {
  -webkit-appearance: none  !important;background-color:#F5D0CC !important;height: 13px;width: 13px;border-radius: 50%;
  border : 1px solid #DF7164;
} 

.gaugeB::-webkit-slider-thumb {
  /* -webkit-appearance: none  !important; background-color: #0100FF !important;height: 13px;width: 13px;border-radius: 50%; */
  -webkit-appearance: none  !important; background-color: #eaf5cc !important;height: 13px;width: 13px;border-radius: 50%;
  border : 1px solid #b2df64;
}

.gaugeC::-webkit-slider-thumb {
  -webkit-appearance: none  !important; background-color:#ccf0f5 !important;height: 13px;  width: 13px;border-radius: 50%;
  border : 1px solid #64cbdf;
}

.gaugeD::-webkit-slider-thumb {
  -webkit-appearance: none  !important; background-color: #f6ecb6 !important;height: 13px;width: 13px;border-radius: 50%;
   border : 1px solid #f9c339;
}


.buttonReport{ height: 100%; border: none; font-size: 0.5em; width: 0px; padding-top: 5px;}
.button_hidden{ visibility: hidden; display: contents; }


/* toast grid css  */
.red{color : #ff0007a8 !important}

.tui-grid-table tr th.tui-grid-cell-header{ background: #686b79 !important; color: #fff !important; border-color: #3e414c !important;}
.tui-grid-table tr:first-child th.tui-grid-cell-header{ background: #505361 !important; color: #fff !important; border-color: #3e414c !important;}

.tui-grid-cell{background-color: #fff;border-color: #fff;}

/* toast grid css ( 2 )  */
/* .red{color : #ff0007a8 !important}

.tui-grid-table tr th.tui-grid-cell-header{ background: red !important; color: blue !important; border-color: green !important;}
.tui-grid-table tr:first-child th.tui-grid-cell-header{ background: pink !important; color: blueviolet !important; border-color: royalblue !important;}

.tui-grid-cell{background-color: #fff;border-color: #fff;} */
/* toast_tgrid - default */
/* #toast_tgrid .tui-grid-cell{ border-color: #cdcdcd;    border-left-width: thin;border-right-width: thin;} */


/* #toast_tgrid .tui-grid-cell{ border-color: #cdcdcd;    border-left-width: thin;border-right-width: thin;} */
.tui-grid-summary-area{text-align: center;font-weight: 600;}


/* 차트 글자 폰트 */
.recharts-text{font-size: xx-large;/* fill : #4dafc2; */}
.react-toggle{float : right}


#gridToggle .react-toggle-track{ width: 40px; height: 20px;}
#gridToggle .react-toggle-thumb{ width: 20px; height: 18px;}
#gridToggle .react-toggle--checked .react-toggle-thumb{left : 20px;}

/* 토글 커스텀 */

#toggle_cus .react-toggle-track{width: 63px; height: 24px; background-color: #C5C5C5;}
#toggle_cus .react-toggle--checked .react-toggle-track{background-color : #6a75ed}
#toggle_cus .react-toggle--checked .react-toggle-thumb{left : 40px; border-color : #6a75ed}
#toggle_cus .react-toggle-thumb{width: 21px; height: 22px; border: none;left: 2px;}



#modalPdf .panel-default{background: none;border: none;} /* pdf default 배경제거 */

table.pdf_table td.line1 { height: 38px; width: 83px;}
table.pdf_table td.line2 { height: 38px; width: 135px; text-align: left;}
table.pdf_table td.line_blank {height: 38px; width :19px}

table.pdf_table2 td.line1 { height: 34px; width: 76px;}
table.pdf_table2 td.line2 { height: 47px; width: 75px;}
table.pdf_table2 td.line3 { height: 33px; width: 76px;}

table.pdf_table3 {width : 640px; max-width: 100%; margin: 100px 0px 00px 76px;}
/* table.pdf_table3 {width : 640px; max-width: 100%; margin: 100px 0px 00px 77px;} */
table.pdf_table3 td {text-align: center; width: 49px;}
table.pdf_table3 td.tdAdd {text-align: center; width: 53px;}

table.pdf_table4 {width : 640px; max-width: 100%; margin: 73px 0px 00px 76px;}
table.pdf_table4 td {text-align: center; width: 49px;}
table.pdf_table4 td.tdAdd {text-align: center; width: 53px;}

table.pdf_table5 {width : 640px; max-width: 100%; margin: 74px 0px 00px 76px; }
table.pdf_table5 td {text-align: center; width: 49px;}
table.pdf_table5 td.tdAdd {text-align: center; width: 53px;}

.pdf_text{ margin: 120px 70px 70px 88px; text-align: left; width: 570px; overflow: hidden; word-break: break-all; }

.icon_a_click a:link, a:visited, a:hover{text-decoration: none}
.pre_class{border: none; display: contents;}


/* 회원교재전환신청 MODAL(단독) MULTI SELECT 일때 높이 새로 지정 */
/* #alter_book_change .css-26l3qy-menu{padding-top: 10px;} */
#alter_book_change .css-hwewrh-control{height: 100% !important; }
#alter_book_change .css-zprxrw-control{height: 100% !important;}
#alter_book_change .css-1kkln1z-control{height: 100%;}
#alter_book_change .css-za1ifj-control{height: 100%;}
#alter_book_change .css-1wa3eu0-placeholder{padding-top: 6px;}


/* 수업료 결제 수단 선택 체크용*/
.paymentIcon_wrap { position:absolute; top:-7px ; left:85%;margin-right:28px; z-index:100; }
.paymentIcon_wrap img {width:25px; height:25px;}

/* 툴팁전용 CSS */
.tool_tip { position: relative; display: contents; border-bottom: 1px dotted black; }
.tool_tip .tooltip_text {/* visibility: hidden; */ width: 320px;text-align: center;padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1000;font-size: 12px;}
.tool_tip:hover .tooltip_text { visibility: visible !important; }
.demo-container {
  width: 275px; box-shadow: 0 0 0 1px rgba(136, 152, 170, 0.1), 0 15px 35px 0 rgba(49, 49, 93, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.08); border-radius: calc(var(--unit) * 2); padding: calc(var(--unit) * 4.5);
  background: #fff; padding: 10px; margin:  -3px 0px 0px 15px; color: #333 !important; z-index: 1000;
}
/* 2021/10/28 정유진 Excel업로드 팝업 엑셀샘플예시 사이즈 */
.demo-container1 {
  width: 400px; box-shadow: 0 0 0 1px rgba(136, 152, 170, 0.1), 0 15px 35px 0 rgba(49, 49, 93, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.08); border-radius: calc(var(--unit) * 2); padding: calc(var(--unit) * 4.5);
  background: #fff; padding: 10px; margin:  -3px 0px 0px 15px; color: #333 !important; z-index: 1000;
}
/* 2021/10/28 정유진 Excel업로드 팝업 엑셀샘플예시 사이즈 */
.demo-container2 {
  width: 600px; box-shadow: 0 0 0 1px rgba(136, 152, 170, 0.1), 0 15px 35px 0 rgba(49, 49, 93, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.08); border-radius: calc(var(--unit) * 2); padding: calc(var(--unit) * 4.5);
  background: #fff; padding: 10px; margin:  -3px 0px 0px 15px; color: #333 !important; z-index: 1000;
}
.demo-header { grid-template-columns: max-content 1fr; grid-gap: calc(var(--unit) * 3); align-items: center; }
.demo-name { margin: 0; font-weight: 500; }
.demo-content { margin-top: calc(var(--unit) * 4); padding : 10px; }
.demo-info { margin: 0; line-height: 1.3; }
.button-close { display: flex; margin-left: auto; margin-top: calc(var(--unit) * 4); }
.demo_info_impact{ text-decoration:underline; color : #5e69d4;}

#joinForm{margin: 0 auto;}
ul.join_box{border: 1px solid #ddd;background-color: #fff;}
ul.join_box_error{border: 1px solid #A90329;background-color: #fff;}
#joinForm .checkBox,.checkBox>ul{position: relative;}
#joinForm .checkBox>ul>li:first-child{position: absolute;top: 50%;left: 60px;margin-top: -12px;}
#joinForm .checkBox>ul>li:nth-child(2){/* width: 85%; */padding: 15px;font-weight: 600;color: #888;}
#joinForm .checkBox textarea{width: 96%;height: 90px; margin: 0 2%;background-color: #f7f7f7;color: #888; border: 1px solid #888;}
.clearfix::after{content: "";display: block;clear: both;}

/* info animation css  */
.info_animation {float : right; margin-top: -10px; font-size: initial; cursor: pointer;}
.info_animation_common {margin-left: 5px; display: unset;}


.test_obj input[type="radio"] {
  display: none;
}

.test_obj input[type="radio"] + span {
  display: inline-block;
  padding: 2px;
  border: 1px solid #5e69d4;
  /* background-color: #ffffff; */
  text-align: center;
  cursor: pointer;
  margin : 2px;
}
.test_obj input[type="radio"]:checked + span {
  background-color: #5e69d4;
  color: #ffffff;
}

.search_box .form-group .test_obj input[type="radio"]:checked + span label{
  color: #fff;
  font-weight: 700;
}

/* 카드 취소 버튼 추가 _ 2022.06.29 */
.btn_card_cancel, .btn_card_cancel:active {background-color:#ff1d6c; border-color:#ff1d6c; color: #fff; float: right !important;}
.btn_card_cancel:hover {background-color:#eb1b64; border-color:#ff1d6c; color: #fff;}


/* 원비수납용 */
#wrap {
  width: 100%;
  height: 100vh;
 /*  overflow: auto; */
}


#section01  {background:url('./img/section01_bg.png') no-repeat right bottom; margin:0 auto; justify-content: center; align-item: center;  }
.warpper {width:100%; max-width:1400px; /* display: flex;   */margin:0 auto }
#section01 .warpper { display: flex; justify-content: center; align-item: center;  }
#section01 .con_wrap  {width:100%; clear:both; flex-wrap: wrap; justify-content: flex-start;  align-items:center }
#section01 .con_wrap div img { width:100%}

#section05 .warpper h1  {margin:50px auto;  width:100%; clear:both;  padding:0 20px; }
#section05 .warpper h1 img {width:100%; max-width:539px;}
#section05 .con_wrap {width:100%; clear:both; display:flex;  margin-top:10px;  flex-wrap: wrap; justify-content: center;  }

/* #section05 p {margin:30px aut;  width:100%; clear:both;  padding-bottom:60px} */
#section05 p img {width:100%; max-width:539px; width:100%;}

.modalDialog {
  position: fixed;
height:auto; 
width:100%; 
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  opacity:1;
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
  /* pointer-events: none; */
}
.modalDialog:target {
  opacity:1;
  pointer-events: auto;
}
.modalDialog > div {
  max-width: 800px;
  width: 90%;
  position: relative;
  margin: 10% auto;
  padding: 20px;
  border-radius: 3px;
  background: #fff;
}
.close {
  font-family: Arial, Helvetica, sans-serif;
  background: #f26d7d;
  color: #fff;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 34px;
  height: 34px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
  padding-top: 5px;
  opacity: 1;
}
.close:hover {
  background: #fa3f6f;
}
@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.modalDialog h2 {width:100%; border-bottom:1px solid;  padding:10px;  text-align:center; font-size:1.8em; font-weight:800;
letter-spacing:-0.05em;    font-family: 'GmarketSansMedium';  }
.m_con_warp {font-family: 'Noto Sans KR', sans-serif;    display:flex; flex-wrap: wrap;justify-content: space-between;align-items: stretch;padding:30px; }

.m_con_warp div {flex-grow: 1; margin:0 20px; }

.m_con_warp div dt {  padding:12px 0;  text-align:center;  font-weight:700; font-size:1.1em; background:#0055e2; color:#fff; margin-bottom:10px; border-radius:500px}
.m_con_warp div dd { padding:6px 3px   }
.m_con_warp div dd strong {color:#0055e2; }




@media print {
  #print-area th svg {
    display: none !important;
}
}