@CHARSET "UTF-8";

@import url( "board.css" );
@import url( "button.css" );


.mt5{margin-top:5px!important}
.mt10{margin-top:10px}
.mt20{margin-top:20px}

.mb10{margin-bottom:10px}





body{font-family:'Noto Sans KR'!important;font-weight:200;padding:0;margin:0}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Noto Sans KR'!important;}
ul,li,ol{list-style:none;padding:0;}


.link input{color:#3c8dbc}
.link input:hover{color:#f00}

b, strong{font-weight:500!important}

/* Calendar */
 .calBlind { display:none!important; }
#calendar .fc-scroller { overflow:auto!important ;overflow-x:hidden!important;height:auto!important }
#menu_calendar .fc-scroller { overflow:auto!important ;overflow-x:hidden!important;height:auto!important }
.fc-sat { color:#0000FF; }   /* 토요일 */
.fc-sun { color:#FF0000; }   /* 일요일 */
.fc-time-grid-container { display:none;}
.fc-week{min-height:124px!important}

/* --------------------------------------------
 * layout
/* ------------------------------------------ */
.content-header > h1{font-weight:600}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title{font-weight:400;position:relative;margin-left:5px}
.box-header .box-title:before{content:'';position:absolute;left:-15px;top:0;display:inline-block;width:5px;height:18px;background:#44b5dc}
.box-header.m_tit .box-title{margin-left:5px}
.box-header.m_tit .box-title:before{content:'';background:none}

.box.box-primary{border-top:3px solid #3c8dbc}

.box-header .info{font-size:13px;color:#f00;font-weight:300}

.box-header{margin-bottom:10px}
.modal-header{background:#37a7d4;color:#fff;font-weight:500}
.modal-header .close{color:#fff;opacity:1}

.skin-blue .main-header .navbar .nav > li > a:hover,.skin-blue .main-header .navbar .nav > li > a:focus{border:none}

.carousel-inner>.item>img{margin:0 auto!important}
.carousel-control:focus, .carousel-control:hover{color:#37a7d4!important}
.carousel-indicators .active{background:#37a7d4;border: 1px solid #37a7d4;}
.carousel-indicators li{border: 2px solid #37a7d4;}
/* --------------------------------------------
 * main
/* ------------------------------------------ */

.info-box{min-height:70px}
.info-box-icon{height:70px;line-height: 60px;}
.info-box-number{font-weight:300;font-size:15px;margin:5px 0;line-height:1.7em}
.m_notice{padding:0;margin:0}
.m_notice li{padding:8px;overflow:hidden}
.m_notice li:nth-child(odd){background:#f2f5f8}
.m_notice li a span{border:1px solid #d6e1ec;background:#fff;text-align:center;color:#7794bd;font-size:12px;font-weight:300;display:inline-block;margin-right:10px;padding:3px;width:90px}
.m_notice li a:hover span{background:#43b4db;color:#fff}
.m_notice li em{float:right;font-style:normal}


.ranking {counter-reset: step-counter;margin:0;padding:0}
.ranking li{list-style-type: none; counter-increment: step-counter;  padding: 8px 8px 8px 40px;  margin: 5px 0 5px 10px;  position: relative;  min-height: 20px;  }
.ranking li:nth-child(odd){background:#f2f5f8}
.ranking li::before{content: counter(step-counter);border-radius: 5px; border:1px solid #d6e1ec;left: 10px;top:8px; position: absolute;  font-size: 12px; height: 20px; width: 20px;  padding:0 3px; text-align: center; font-weight: 400; color: #7794bd; background: #fff;}


.progress{margin-top:5px;margin-bottom:5px}
.product-info .label{font-size:13px;padding:5px 10px}
.progress.sm, .progress-sm{height:5px}

/* --------------------------------------------
 * IMS대시보드 수정 (20230327 유상민)
/* ------------------------------------------ */
:root {
  --box2-color: #003876;
  --box3-color: #fa8231;
  --box4-color: #8854d0;
  --box5-color: #e6456c;
  --box6-color: #10b9b1;
  --boxRank-color: #002b80;
}
.ims_dash {margin-top:-20px;height:150px;background:#18324c url('/assets/image/ims_bg.png') right -150% no-repeat;padding:40px 45px 20px 30px;display:flex;width:100%;justify-content:space-between;align-items:center;}
.ims_dash h2 {color:#fff;margin:0;}
.ims_dash h2 strong {font-size:45px;font-weight:500;margin-bottom:10px;display:block;}
.ims_dash h2 p {font-size:16px;font-weight:400;color:#b7bbc1;}
.ims_dash > p {font-family:'Oswald', 'Noto Sans KR'!important;font-size:18px;color:#fff;margin:0;align-self:flex-end;}
.ims_dash > p i {}
.ims_dash > p span {font-family:'Noto Sans KR';font-weight:400;letter-spacing:-0.025em;}

.ims_main {display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(3, minmax(190px, auto));gap:20px;padding:20px;font-family:'Noto Sans KR'!important;letter-spacing:-0.05em;}
.ims_main .box1 {grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:2;}/*GBC누적지원현황*/
.ims_main .box2 {grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:4;}/*GBC지원현황*/
.ims_main .box3 {grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:4;}/*GMS지원현황*/
.ims_main .box4 {grid-column-start:4;grid-column-end:5;grid-row-start:1;grid-row-end:3;}/*GBC지소현황*/ 
.ims_main .box5 {grid-column-start:5;grid-column-end:6;grid-row-start:1;grid-row-end:3;}/*GBM진행현황*/ 
.ims_main .box6 {grid-column-start:3;grid-column-end:6;grid-row-start:3;grid-row-end:4;}/*기업바이어*/
.ims_main .boxRank {grid-column-start:3;grid-column-end:4;grid-row-start:1;grid-row-end:3;}/*GBC평가순위*/
.ims_main .box {border-radius:15px;margin-bottom:0;}
.ims_main .box .box-header {padding:50px 30px 0 30px;}
.ims_main .box .box-header .box-title {margin-left:20px;font-size:25px;font-weight:500;}
.ims_main .box .box-header .box-title:before {left:-50px;top:3px;width:30px;height:20px;}
.ims_main .box .box-body {padding:30px;}
.ims_main .box .box-body img {display:block;margin-left:auto;margin-bottom:20px;}
.ims_main .box .box-body > ul.horizontal {display:flex;flex-direction:row;}
.ims_main .box .box-body > ul li {background:#fff;padding:20px;line-height:1;}
.ims_main .box .box-body > ul.horizontal li {padding:0;background:transparent!important;width:50%;}
.ims_main .box .box-body > ul.list_horizontal {}
.ims_main .box .box-body > ul.list_horizontal li {display:flex;justify-content:space-between;align-items:center;}
.ims_main .box .box-body > ul.list_horizontal li p {padding:0;}
.ims_main .box .box-body > ul li:nth-child(odd) {background:#ecf1f4;}
.ims_main .box .box-body > ul li strong {font-size:14px;color:#fff;padding:10px 15px;border-radius:20px;display:inline-block;margin-bottom:15px;min-width:70px;text-align:center;}
.ims_main .box .box-body > ul.list_horizontal li strong {width:20%;margin-bottom:0;}
.ims_main .box .box-body > ul.list_horizontal li p {} 
.ims_main .box .box-body > ul li p {font-size:20px;font-weight:500;color:#7d93ad;padding:0 10px;margin:0;}
.ims_main .box .box-body > ul li p span {font-family:'Oswald'!important;font-size:43px;font-weight:600;font-style:normal;color:#284970;}


/* GBC누적지원현황 */
.ims_main .box1 {background:rgb(13,114,227);background:linear-gradient(45deg, rgba(13,114,227,1) 0%, rgba(13,114,227,1) 75%, rgba(56,196,190,1) 100%);}
.ims_main .box1 * {color:#fff!important;}
.ims_main .box1 .box-header .box-title:before {background:#fff;}
.ims_main .box1 .box-body {padding-bottom:40px;}
.ims_main .box1 .box-body > ul strong {background:#0659b7!important;}
.ims_main .box1 .box-body > ul li:nth-child(1) {width:37%}
.ims_main .box1 .box-body > ul li:nth-child(2) {width:63%;}
.ims_main .box1 .box-body > ul li:nth-child(1) p span {font-size:54px;}
.ims_main .box1 .box-body > ul li:nth-child(2) p em {font-size:54px;font-weight:600;font-style:normal;}
.ims_main .box1 .box-body > ul li:nth-child(2) p span {font-size:54px;}
/* GBC지원현황 */
.ims_main .box2 .box-header .box-title:before {background:var(--box2-color);}
.ims_main .box2 .box-header .box-title span {color:var(--box2-color);font-weight:600;}
.ims_main .box2 .box-body {padding-top:0;}
.ims_main .box2 .box-body > ul li strong {background:var(--box2-color);}
.ims_main .box2 .box-body > ul li em {font-size:43px;font-weight:600;font-style:normal;color:#284970;}
/* GMS지원현황 */
.ims_main .box3 .box-header .box-title:before {background:var(--box3-color);}
.ims_main .box3 .box-header .box-title span {color:var(--box3-color);font-weight:600;}
.ims_main .box3 .box-body {padding-top:0;}
.ims_main .box3 .box-body > ul li strong {background:var(--box3-color);}
.ims_main .box3 .box-body > ul li em {font-size:43px;font-weight:600;font-style:normal;color:#284970;}
/* GBC지소현황 */
.ims_main .box4 .box-header .box-title:before {background:var(--box4-color);}
.ims_main .box4 .box-body > ul li strong {background:var(--box4-color);}
/* GBM진행현황 */
.ims_main .box5 .box-header .box-title:before {background:var(--box5-color);}
.ims_main .box5 .box-body > ul li strong {background:var(--box5-color);}
/* 기업 바이어 */
.ims_main .box6 .box-header .box-title:before {background:var(--box6-color);}
.ims_main .box6 .box-header .box-title em {font-size:14px;font-weight:500;font-style:normal;color:var(--box6-color);}
.ims_main .box6 .box-body > ul li strong {background:var(--box6-color);}
.ims_main .box6 .box-body > ul li p em {font-size:20px;font-weight:500;font-style:normal;color:#de2044;padding-left:15px;}
.ims_main .box6 .box-body > ul li p em.up {color:#de2044;}
.ims_main .box6 .box-body > ul li p em.down {color:rgba(13,114,227,1);}
.ims_main .box6 .box-body > ul.list_horizontal li{justify-content:flex-start;}
.ims_main .box6 .box-body > ul.list_horizontal li p {padding-left:20px;}
.ims_main .box6 {background:#fff url('/assets/image/box6_bg.png') right 45px top 30px no-repeat;}

/* GBC평가순위 */
.ims_main .boxRank .box-header .box-title:before {background:var(--boxRank-color);}
.ims_main .box .box-body .list_rank:not(:last-of-type) {margin-bottom:30px;}
.ims_main .box .box-body .list_rank h4 {background:#0072b9;border-radius:20px;color:#fff;text-align:center;padding:10px;margin-bottom:20px;}
.ims_main .box .box-body .list_rank ul > li {display:flex;align-items:center;justify-content:space-between;padding:0 10px;}
.ims_main .box .box-body .list_rank ul > li:not(:last-of-type) {margin-bottom:10px;}
.ims_main .box .box-body .list_rank ul > li em {display:block;font-style:normal;font-size:13px;background:#0072b9;color:#fff;text-align:center;width:20px;height:20px;border-radius:50%;flex-shrink:0;}
.ims_main .box .box-body .list_rank ul > li strong {font-size:17px;font-weight:500;color:#284970;margin-left:10px;margin-right:auto;padding-right:10px;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.ims_main .box .box-body .list_rank ul > li span {display:block;font-family:'Oswald'!important;font-size:17px;color:#0475f4;}
.ims_main .box .box-body .list_rank:nth-of-type(2) h4 {background:#48a9d9;}
.ims_main .box .box-body .list_rank:nth-of-type(2) ul > li em {background:#48a9d9;}

@media all and (min-width:1461px) and (max-width:1740px) {
	.ims_main .box .box-body > ul li p span {font-size:38px;}
	.ims_main .box4 .box-body > ul li em {font-size:38px;}
	.ims_main .box5 .box-body > ul li em {font-size:38px;}
	.ims_main .box6 .box-body > ul li p em {font-size:18px;padding-left:10px;}
}
@media all and (min-width:1461px) and (max-width:1600px) {
	.ims_main .box .box-header .box-title {font-size:20px;}
	.ims_main .box .box-body {padding:25px;}
	.ims_main .box .box-body img {width:40%;}
	.ims_main .box .box-body > ul li p {font-size:17px;}
	.ims_main .box .box-body > ul li p span {font-size:30px;}
	.ims_main .box1 .box-body > ul li p {font-size:22px;}
	.ims_main .box1 .box-body > ul li:nth-child(1) p span {font-size:45px;}
	.ims_main .box1 .box-body > ul li:nth-child(2) p span {font-size:45px;}
	.ims_main .box1 .box-body > ul li:nth-child(2) p em {font-size:45px;}
	.ims_main .box4 .box-body > ul li em {font-size:30px;}
	.ims_main .box5 .box-body > ul li em {font-size:30px;}
	.ims_main .box6 .box-body > ul li p em {font-size:16px;padding-left:5px;}
	.ims_main .box6 .box-body > ul.list_horizontal li p {padding-left:10px;}
}
@media (max-width: 1460px){
	.ims_main {display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, minmax(190px, auto));}
	.ims_main .box1 {grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:2;}/*GBC누적지원현황*/
	.ims_main .box2 {grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3;}/*GBC지원현황*/
	.ims_main .box3 {grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:3;}/*GMS지원현황*/
	.ims_main .box4 {grid-column-start:1;grid-column-end:2;grid-row-start:4;grid-row-end:5;}/*GBC지소현황*/ 
	.ims_main .box5 {grid-column-start:2;grid-column-end:3;grid-row-start:4;grid-row-end:5;}/*GBM진행현황*/ 
	.ims_main .box6 {grid-column-start:1;grid-column-end:3;grid-row-start:5;grid-row-end:6;}/*기업바이어*/
	.ims_main .boxRank {grid-column-start:1;grid-column-end:3;grid-row-start:3;grid-row-end:4;}/*GBC평가순위*/
}
@media all and (min-width:768px) and (max-width:1080px) {
	.ims_main .box .box-body {padding:25px;}
	.ims_main .box .box-body img {width:35%;}
	.ims_main .box .box-body > ul li p {font-size:18px;}
	.ims_main .box .box-body > ul li p span {font-size:38px;}
	.ims_main .box1 .box-body > ul li:nth-child(2) p em {font-size:55px;}
	.ims_main .box1 .box-body > ul li:nth-child(2) p span {font-size:55px;}
	.ims_main .box4 .box-body > ul li em {font-size:38px;}
	.ims_main .box5 .box-body > ul li em {font-size:38px;}
	.ims_main .box6 .box-body > ul li p em {font-size:16px;padding-left:5px;}
}
@media (max-width:768px)  {
	.ims_dash {flex-direction:column;text-align:center;height:auto;background-position:right 35px;padding:40px 25px 20px;background-image:none;}
	.ims_dash > p {font-size:15px;padding-top:20px;align-self:center;}
	.ims_main {gap:15px;padding:15px;}
	.ims_main {display:flex;flex-direction:column;}
	.ims_main .box .box-header {padding:40px 25px 0 25px;}
	.ims_main .box .box-body {padding:25px;padding-bottom:40px;}
	.ims_main .box .box-body img {display:none;}
	.ims_main .box .box-body > ul.horizontal {flex-direction:column;margin:0;}
	.ims_main .box .box-body > ul li {display:flex;justify-content:space-between;align-items:center;}
	.ims_main .box .box-body > ul li strong {margin-bottom:0;}
	.ims_main .box .box-body > ul li p {padding:0 5px;}
	.ims_main .box1 .box-body {padding-bottom:35px;}
	.ims_main .box1 .box-body > ul li {display:block;}
	.ims_main .box1 .box-body > ul li:nth-child(1) {width:100%;margin-bottom:20px;}
	.ims_main .box1 .box-body > ul li:nth-child(2) {width:100%;}
	.ims_main .box1 .box-body > ul strong {margin-bottom:10px;}
	.ims_main .box1 .box-body > ul li p {font-size:20px;}
	.ims_main .box1 .box-body > ul li:nth-child(1) p span {font-size:45px;}
	.ims_main .box1 .box-body > ul li:nth-child(2) p span {font-size:45px;}
	.ims_main .box1 .box-body > ul li:nth-child(2) p em {font-size:45px;}
	.ims_main .box6 {background-image:none;}
	.ims_main .box6 .box-body > ul.list_horizontal li {width:100%;margin:10px 0;padding:20px;justify-content:space-between;}
	.ims_main .box6 .box-body > ul.list_horizontal li:nth-child(odd) {background:#ecf1f4!important;}
}
@media all and (min-width:360px) and (max-width:480px)  {
	.ims_dash h2 strong {font-size:40px;}
	.ims_dash h2 p {font-size:14px;}
	.ims_dash > p {font-size:14px;}
	.ims_main .box .box-header {padding:40px 20px 0 20px;}
	.ims_main .box .box-header .box-title {font-size:22px;}
	.ims_main .box .box-body {padding:15px;padding-bottom:30px;}
	.ims_main .box .box-body > ul li p {font-size:18px;}
	.ims_main .box .box-body > ul li p span {font-size:30px;}
	.ims_main .box1 .box-body > ul li strong {margin-bottom:10px;}
	.ims_main .box1 .box-body > ul li p {font-size:18px;}
	.ims_main .box1 .box-body > ul li:nth-child(1) p span {font-size:40px;}
	.ims_main .box1 .box-body > ul li:nth-child(2) p em {font-size:40px;}
	.ims_main .box1 .box-body > ul li:nth-child(2) p span {font-size:40px;}
	.ims_main .box2 .box-body > ul li em {font-size:32px;}
	.ims_main .box3 .box-body > ul li em {font-size:32px;}
	.ims_main .box4 .box-body > ul li em {font-size:30px;}
	.ims_main .box5 .box-body > ul li em {font-size:30px;}
	.ims_main .box6 .box-body > ul.list_horizontal li strong {margin-bottom:15px;}
	.ims_main .box6 .box-body > ul.list_horizontal li {align-items:flex-start;flex-direction:column;}
	.ims_main .box6 .box-body > ul.list_horizontal li p {padding:0 5px;}
	.ims_main .box6 .box-body > ul li p em {font-size:17px;}
}

/* --------------------------------------------
 * nav
/* ------------------------------------------ */
.content .navbar-custom-menu .nav{border-bottom:0}
.content .nav{margin-bottom:0px;border-bottom:2px solid #3c8dbc}
.content .nav > li > a{text-decoration:none}
.content .nav > li > a:hover,.content  .nav > li > a:active,.content  .nav > li > a:focus{padding: 12px 15px 10px;;background:#deebf7;color:#3c8dbc;border:1px solid #c0d5e8;border-top: 1px solid #c0d5e8;border-bottom:none;font-weight:500}
.content .nav-pills > li.active > a:hover,.nav-pills > li.active > a:active,.nav-pills > li.active > a:focus{border:none;border-top: 3px solid #3c8dbc;padding: 10px 15px 10px;}
.content .nav ~ .box.box-primary{border-top-color:#f00}
.content .tab2  li{width:50%}
.content .tab3  li{width:33.3%}
.content .tab3  li a{margin:0 1px}
.content .nav-pills>li+li{margin-left:0}
.content .nav-pills > li > a{border-radius: 4px 4px 0 0;text-align:center;background:#fff}
.content .nav-pills>li.active>a,.content  .nav-pills>li.active>a:focus, .content .nav-pills>li.active>a:hover{color: #fff; background-color: #337ab7;}


/* --------------------------------------------
 * 로그인
/* ------------------------------------------ */

#Login{background:url(/assets/image/bg_login.jpg)center top no-repeat #fff;position:relative}
#Login #wrap{background:url(/assets/image/bg_loginbox.png) center top no-repeat;width:545px;height:677px;position:relative;left:50%;margin-left:-275px;top:0;margin-top:70px}
#Login #container *{box-sizing:border-box}
#Login #container{width:310px;margin:0 auto 70px;position:relative;top:300px}
#Login #container h1{text-align:center;padding-top:80px;display:block!important}
#Login #container p{text-align:center;font-size:23px;color:#3a3a3a;margin:30px 0 0;font-weight:500;letter-spacing:-0.08em}
#Login #container .loginArea{}
#Login #container .loginArea label{display:none}
#Login #container .loginArea li{margin-bottom:10px}

#Login #container .loginArea li:nth-child(1){background:url(/assets/image/ic_user.png) 10px center no-repeat #e6e9ed !important;padding-left:50px;border-radius:25px;border:1px solid #e6e9ed;}
#Login #container .loginArea li:nth-child(2){background:url(/assets/image/ic_pwd.png) 10px center no-repeat #e6e9ed !important;padding-left:50px;border-radius:25px;border:1px solid #e6e9ed;}
#Login #container .loginArea input[type="text"],#container form input[type="password"]{width:230px;height:50px;;color:#1a4692;font-size:15px;border:0;background:transparent}
#Login #container .loginArea input[type="submit"] {background:#0b9edb;border:1px solid #1b8dbc ;box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; 
	-webkit-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; 
	-moz-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; width:310px;;border-radius:25px;color:#fff;height:50px;font-size:17px;font-weight:500;cursor: pointer;}

#Login .copy{font-size:13px;color:#9ba4b0;text-align:center}

#Login .lang_select{position:relative;margin-top:80px}
#Login .lang_select .btn_lang {background:#38bc9a;border:1px solid #31a486 ;box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; 
	-webkit-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; 
	-moz-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3) inset; width:110px;;border-radius:25px;color:#fff;height:45px;font-size:17px;font-weight:500;cursor: pointer;margin-left:20px}

/* 크롬 input box color */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #e6e9ed inset ; -webkit-text-fill-color: #1a4692; }
input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  font-size:13px
}
::-moz-placeholder { /* Firefox 19+ */
 color: #fff;
  font-size:13px
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
   font-size:13px
}
:-moz-placeholder { /* Firefox 18- */
 color: #fff;
  font-size:13px
}



.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{color:#fff!important}
.navbar-nav>.messages-menu>.dropdown-menu>li.header{background:#00a65a;color:#fff}
.navbar-nav>.notifications-menu>.dropdown-menu>li.header{background:#f39c12 ;color:#fff}
.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background:#dd4b39 ;color:#fff}

.user-footer .btn-default.btn-flat{background:#3c8dbc!important}

.navbar-nav > .messages-menu > .dropdown-menu > li{max-height:500px;overflow:auto;overflow-x:hidden}


/*text color*/

.txt_red{color:#f00!important}
.txt_blue{color:#00f!important}
.txt_require{color:#f00!important}

.stxt_info{color:#f00!important;font-size:13px}
.txt_shadow_yellow{background-color:#fff14b;}

.alert-info{color: #31708f!important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1;}

/* placeholder color */
::placeholder {
    color:#000;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #000;
}



/* --------------------------------------------
 * 상태
/* ------------------------------------------ */
.label{font-weight:300;font-size:13px}

/* --------------------------------------------
 * 프로필
/* ------------------------------------------ */

.profile_img{border:1px solid #999;text-align:center;padding:20px}
.profile_img img{width:150px;height:160px;display:block;margin:0 auto}


/* --------------------------------------------
 * 자산
/* ------------------------------------------ */

.product_img{border:1px solid #999;text-align:center;overflow:hidden}
.product_img a{display:bock;}
.product_img img{width:100%;height:auto;max-heigh:500px;display:block;margin:0 auto}


/* --------------------------------------------
 * 체크박스
/* ------------------------------------------ */
.ckb_label {
    display: inline-block;
    position: relative;
    padding-left: 20px;
   
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.ckb_label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border:1px solid #999;
}
.radiobtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border:1px solid #999;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.ckb_label:hover input ~ .checkmark,.ckb_label:hover input ~ .radiobtn  {
     background-color: #fff;
    border:1px solid #2196F3;
}

/* When the checkbox is checked, add a blue background */
.ckb_label input:checked ~ .checkmark,.ckb_label input:checked ~ .radiobtn {
    background-color: #2196F3;
    border: 1px solid #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after,.radiobtn:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.ckb_label input:checked ~ .checkmark:after,.ckb_label input:checked ~ .radiobtn:after{
    display: block;
}

/* Style the checkmark/indicator */
.ckb_label .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ckb_label .radiobtn:after {
 	top: 5px;
	left: 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/* --------------------------------------------
 * 모달
/* ------------------------------------------ */
.md_sch_result{height:300px;overflow:hidden;border:1px solid #ccc}
.md_sch_result label{cursor:pointer}
/* --------------------------------------------
 * 프린트
/* ------------------------------------------ */
@media print {
.content-header h1{display:block!important}
a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " ";
  }
  abbr[title]:after {
    content: " ";
  }
  .clone-column-table-wrap {
  	display:none;
  }
  .scrl_cntrl {
  	display:none;
  }
}

/* --------------------------------------------
 * 윈도우 팝업
/* ------------------------------------------ */
#popup{padding:0;margin:0}
#popup .poptit{background:#37a7d4;position:relative;padding:10px;margin-bottom:20px }
#popup .poptit h1{color:#fff;font-size:20px;font-weight:500;padding:0;margin:0}
#popup .popbody{padding:0 20px}
#popup .btn.small{padding: 1px 7px;}

/* --------------------------------------------
 * cms
/* ------------------------------------------ */
#cms_wrapper{position:relative;overflow:hidden}

.cms_state{margin-bottom:0;padding:10px;border:1px solid #e6e7e8;background:#f4f4f4;font-size:13px}
.cms_tree_option{margin-top:10px;}
.cms_tree_option strong{display:inline-block;margin-right:10px}
.cms_tree_option span{background:#3c8dbc;color:#fff;font-size:12px;text-align:center;display:inline-block;border-radius:3px;padding:3px 10px;cursor:pointer;margin:0 2px}

.tree{border:1px solid #e6e7e8;padding:10px 0;height:600px;}
.cms-tit{font-size:20px;letter-spacing:-0.05em;position:relative}
.cms-path{font-size:13px}
.cms-path span{display:inline-block;position:relative;padding:0 10px}
.cms-path span:after{position:absolute;right:-5px;top:0;content: '\f105';font-family:FontAwesome}
.cms-path span:last-child:after{content:''}

.cms-caution{border:1px solid #e9573f;background:#fff7f6;padding:10px;font-size:14px;color:#c63922;font-weight:500}

.sm-h3{font-size:20px;font-weight:700;position:relative}
.sm-h3:before{position:aboslute;top:0;left:0;display:block;content:'';background:#0b9edb;width:20px;height:3px;margin-bottom:5px}

.form-control{display:inline-block!important}
#cms_wrapper input[type=radio]{display:inline-block;margin-right:3px}
.caution{font-size:13px;color:#f00}

.txt-blue{color:#3c8dbc!important;font-weight:500;font-size:13px}
.txt-red{color:#d91a1a!important;font-weight:500;font-size:13px}

#cms_pop_wrapper{width:95%;margin:0 auto}
#cms_pop_wrapper h1{font-size:25px;font-weight:bold;border-bottom:1px solid #000;padding-bottom:10px;margin-bottom:20px}


/*-------------------------
스케쥴 모달
-------------------------*/
.modal-dialog-wrap{width:90%;overflow:hidden;margin:20px auto 20px}
.modal-clndr {width:100%;}
.modal-clndr .cal-sel{border:1px solid #e6e7e8;padding:10px 5px;margin-top:10px}
.modal-clndr .cal-sel ul,.modal-clndr .cal-sel li{padding:0 0 0 5px;font-size:15px}
.modal-clndr .cal-sel li{margin-bottom:0px;display:inline-block;width:33.3%}
.modal-clndr .cal-sel li:first-child{font-weight:500;color:#00f}
.modal-clndr .col-sm-10,.modal-clndr .col-sm-2{overflow:auto;overflow-x:hidden;  margin-bottom: 10px}
.modal-clndr .cal-sel.cal-part li{width:20%}
.modal-clndr #calendar{margin-bottom:50px}
#menu_calendar{margin-bottom:50px}

@media (min-width: 768px){
.modal-dialog-wrap{width:90%;height:95vh;overflow:hidden;margin:0px auto 0}
.modal-clndr {width:100%;height:100vh}
.modal-clndr .cal-sel li{display:block;width:auto}	
.modal-clndr .cal-sel.cal-part li{width:auto}
.modal-clndr .col-sm-10,.modal-clndr .col-sm-2{overflow:auto;overflow-x:hidden;height:85vh}

	
}

/*-------------------------
쪽지
-------------------------*/
.receiverArea{position:relative}
.receiver-call{margin-bottom:10px}
.receiver-control{position:absolute;top:40px;left:360px}
.receiver-control a{margin-bottom:5px}
.receiver-control a.delete{width:23px}


/* 팝업체크  20190212*/
.sel_item{overflow:hidden;padding:10px}
/*.sel_item li{display:inline-block;padding:3px 5px}*/
.sel_item li{float:left;width:33.3%;padding:3px 5px}
.sel_item li input,.sel_item li label{vertical-align:middle;font-weight:500;}
.sel_item li input{margin:0 3px 0 0;}
.sel_item li label{margin-right:15px}


/*팝업 첨부파일*/
.label_file_list{font-size:15px;margin:3px 0}

td.right {text-align:right;}

/* --------------------------------------------
 * 스크롤 컨트롤 2019.05.29 - 
/* ------------------------------------------ */

.scrl_cntrl{position:absolute;top:180px;right:10px;}
.scrl_cntrl.fixed{position:fixed;	top:0px; z-index:99999;}

/* --------------------------------------------
 * 반응형 테이블 - 20210621
/* ------------------------------------------ */

.h_scroll .tbl-calendar, .h_scroll .tbl-event, .h_scroll .tbl-basic {  width: 100%!important;}
.touch{display:none}


@media (max-width: 1024px){

.h_scroll {overflow: auto;   position: relative;}
.h_scroll .touch { display:block;  background: url(/assets/image/ic_hscroll.png)0 0 no-repeat;   background-size: 27px 27px;   padding-left: 30px;   margin-bottom: 10px;  height: 30px;}
.h_scroll .tbl-calendar, .h_scroll .tbl-event, .h_scroll .tbl-basic { width: 910px!important;}
}

/* --------------------------------------------
 * 프로그레스 바 - 20210823
/* ------------------------------------------ */
#ldg_mask {
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1000;
	background-color:#000;
	display:none;
}

.ldg_icon {
	position:fixed;
	width:100%;
	height:100%;
	text-align:center;
	display:none;
	z-index:2000;
}
.ldg_icon i{
	color:#fff;
	position:absolute;
	top:40%;
	font-family: 'FontAwesome';
}