@charset "utf-8";
/* styleguide*/
/*공통*/
li {list-style:none}
.blind, #blind {font-size:0;width:0;height:0;line-height:0;margin:0;padding:0;background:none;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em}
.en {font-family:"Bio Sans",sans-serif;letter-spacing:0}
.inline {display:inline-block}
.txle {text-align:left !important}
.txce {text-align:center !important}
.txri {text-align:right !important}
.gray-box {background:#f5f6f8;padding:20px}
.gray-box2 {background:#efefef;padding:20px}
.line-box {border:1px solid #ddd;padding:20px}
.sec-tit {font-size:1.438em;color:#222;font-weight:500;margin:0 0 15px}
.sec-tit span {color:#ccc;display:inline-block;margin:0 5px 0 0}
.sec-box {position:relative;border-top:1px solid #404b57;border-bottom:1px solid #ddd;margin:0 0 50px}
.p-hide {display: none !important;}
.m-hide {display: block !important;}
.gap {margin-top:55px !important;}
.sgap {margin-top:30px !important;}
.xgap {margin-top:15px !important;}
.con-txt {font-size:16px;letter-spacing:-.05em;}
.con-img img {max-width:100%;}

@media all and (max-width:768px) {
  .sec-tit {font-size:1.250em}
  .sec-box {margin:0 0 30px}
  .gray-box {padding:15px;font-size:15px}
  .p-hide {display: block !important;}
  .m-hide {display: none !important;}
  .gap {margin-top:30px !important;}
  .sgap {margin-top:20px !important;}
  .xgap {margin-top:10px !important;}
  .con-txt {font-size:15px}
}
@media all and (max-width:576px) {
  .sec-tit {font-size:1.125em}
  .gray-box {padding:10px;font-size:14px}
  .con-txt {font-size:14px}
}

/* margin */
.mt--3 {margin-top:-3px !important}
.mg-0 {margin:0 !important}
.mt-0, .my-0 {margin-top:0 !important}
.mt-5{margin-top:5px !important}
.mt-10{margin-top:10px !important}
.mt-15{margin-top:15px !important}
.mt-20{margin-top:20px !important}
.mt-25{margin-top:25px !important}
.mt-30{margin-top:30px !important}
.mt-35{margin-top:35px !important}
.mt-40{margin-top:40px !important}
.mt-45{margin-top:45px !important}
.mt-50{margin-top:50px !important}
.mt-55{margin-top:55px !important}
.ml-0{margin-left:0px !important}
.ml-5{margin-left:5px !important}
.ml-10{margin-left:10px !important}
.ml-15{margin-left:15px !important}
.ml-20{margin-left:20px !important}
.ml-25{margin-left:25px !important}
.ml-30{margin-left:30px !important}
.ml-35{margin-left:35px !important}
.ml-40{margin-left:40px !important}
.ml-45{margin-left:45px !important}
.ml-50{margin-left:50px !important}
.ml-55{margin-left:55px !important}
.mb-0, .my-0{margin-bottom:0px!important}
.mb-5{margin-bottom:5px !important}
.mb-10{margin-bottom:10px !important}
.mb-15{margin-bottom:15px !important}
.mb-20{margin-bottom:20px !important}
.mb-25{margin-bottom:25px !important}
.mb-30{margin-bottom:30px !important}
.mb-35{margin-bottom:35px !important}
.mb-40{margin-bottom:40px !important}
.mb-45{margin-bottom:45px !important}
.mb-50{margin-bottom:50px !important}
.mb-55{margin-bottom:55px !important}
.mr-0{margin-right:0px !important}
.mr-5{margin-right:5px !important}
.mr-10{margin-right:10px !important}
.mr-15{margin-right:15px !important}
.mr-20{margin-right:20px !important}
.mr-25{margin-right:25px !important}
.mr-30{margin-right:30px !important}
.mr-35{margin-right:35px !important}
.mr-40{margin-right:40px !important}
.mr-45{margin-right:45px !important}
.mr-50{margin-right:50px !important}
.mr-55{margin-right:55px !important}

/* padding */
.pt-0, .py-0 {padding-top:0 !important}
.pt-5{padding-top:5px !important}
.pt-10{padding-top:10px !important}
.pt-15{padding-top:15px !important}
.pt-20{padding-top:20px !important}
.pt-25{padding-top:25px !important}
.pt-30{padding-top:30px !important}
.pt-35{padding-top:35px !important}
.pt-40{padding-top:40px !important}
.pt-45{padding-top:45px !important}
.pt-50{padding-top:50px !important}
.pt-55{padding-top:55px !important}
.pl-0{padding-left:0px !important}
.pl-5{padding-left:5px !important}
.pl-10{padding-left:10px !important}
.pl-15{padding-left:15px !important}
.pl-20{padding-left:20px !important}
.pl-25{padding-left:25px !important}
.pl-30{padding-left:30px !important}
.pl-35{padding-left:35px !important}
.pl-40{padding-left:40px !important}
.pl-45{padding-left:45px !important}
.pl-50{padding-left:50px !important}
.pl-55{padding-left:55px !important}
.pb-0, .py-0{padding-bottom:0px !important}
.pb-5{padding-bottom:5px !important}
.pb-10{padding-bottom:10px !important}
.pb-15{padding-bottom:15px !important}
.pb-20{padding-bottom:20px !important}
.pb-25{padding-bottom:25px !important}
.pb-30{padding-bottom:30px !important}
.pb-35{padding-bottom:35px !important}
.pb-40{padding-bottom:40px !important}
.pb-45{padding-bottom:45px !important}
.pb-50{padding-bottom:50px !important}
.pb-55{padding-bottom:55px !important}
.pr-0{padding-right:0px !important}
.pr-5{padding-right:5px !important}
.pr-10{padding-right:10px !important}
.pr-15{padding-right:15px !important}
.pr-20{padding-right:20px !important}
.pr-25{padding-right:25px !important}
.pr-30{padding-right:30px !important}
.pr-35{padding-right:35px !important}
.pr-40{padding-right:40px !important}
.pr-45{padding-right:45px !important}
.pr-50{padding-right:50px !important}
.pr-55{padding-right:55px !important}

/*추가 버튼 크기 조정*/
.fix01{width:44%}
.fix02{width:48%}
.fix03{width:94%}

/*버튼 옵션*/
.no{visibility: hidden}

/*01-2. 프로그램 탭*/
.b-tab01 {position:relative;border:0;margin-bottom:20px;overflow:hidden;border-top:1px solid #404b57;border-bottom:1px solid #ddd;background:#f5f6f8;height:55px;z-index:1;box-sizing:border-box;padding:0 12.50% 0 0;opacity:0}
.b-tab01.mExtra1 {padding:0}
.b-tab01.stable {opacity:1}
.b-tab01 .tabinwr {display:block;position:relative;width:100%;height:100%;z-index:1;overflow:hidden}
.b-tab01 ul {display:block;position:absolute;box-sizing:border-box;z-index:1;font-size:0;white-space:nowrap;left:0;transition:left .3s ease}
.b-tab01 ul:after {content:"";display:block;clear:both}
.b-tab01 ul li {display:inline-block;position:relative;vertical-align:top;box-sizing:border-box;text-align:center;z-index:2;background:#f5f6f8;font-size:16px}
.b-tab01 ul li:before {content:"";display:block;position:absolute;width:1px;height:12px;background:#ddd;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}
.b-tab01 ul li a {display:block;color:#333;height:100%}
.b-tab01 ul li a span {position:relative;display:inline-block;vertical-align:middle;font-weight:500;width:auto;max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;padding:0 3px}
.b-tab01 ul li a span:after {content:"";display:none;position:absolute;width:0;height:2px;background:#05367b;left:0;right:0;bottom:2px;margin:0 auto;transition:all .3s ease}
.b-tab01 ul li a span:before {content:"";display:inline-block;width:0;height:55px;vertical-align:middle;padding-top:3px}
.b-tab01 ul li.over a {color:#05367b}
.b-tab01 ul li.over a span:after {display:block;width:auto;max-width:90%}
.b-tab01 ul li a:focus,
.b-tab01 ul li a:hover {color:#05367b}
.b-tab01 ul li a:focus span:after,
.b-tab01 ul li a:hover span:after {display:block;width:auto;max-width:90%}
.b-tab01 .button-wr {display:block;position:absolute;width:12.50%;right:0;top:0;height:100%;padding:0;text-align:center;box-sizing:border-box;z-index:2;overflow:hidden}
.b-tab01 .button-wr button {position:relative;border:0;background:none;width:50px;height:100%;margin-right:5px;transition:all .3s ease}
.b-tab01 .button-wr button:last-child {margin-right:0}
.b-tab01 .button-wr button:before {content:"";display:block;position:absolute;width:16px;height:16px;background:url(/_res/kibo/_share/img/p_tab_arr.png) no-repeat;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
.b-tab01 .button-wr button[disabled] {opacity:.25}
.b-tab01 .button-wr .btn-prev:before {background-position:0px 0px}
.b-tab01 .button-wr .btn-next:before {background-position:-18px 0px}

@media all and (max-width:1200px) {
	.b-tab01 .button-wr {width:auto}
}
@media all and (max-width:992px) {
	.b-tab01 .button-wr button {width:40px}
}
@media all and (max-width:768px) {
	.b-tab01 ul li {font-size:15px}
	.b-tab01 .button-wr {font-size:0}
	.b-tab01 .button-wr button {margin-right:0;width:35px}
}
@media all and (max-width:576px) {
  .b-tab01 ul li {font-size:14px}
  .b-tab01 .button-wr {width:12.50%}
	.b-tab01 .button-wr button {display:block;width:50%;float:left}
	.b-tab01 .button-wr button:before {width:11px;height:11px;background-size:24px auto}
	.b-tab01 .button-wr .btn-prev:before {background-position:0px 0px;margin:auto 3px auto auto}
	.b-tab01 .button-wr .btn-next:before {background-position:-13px 0px;margin:auto auto auto 3px}
}
@media all and (max-width:399px) {
	.b-tab01 {padding:0 20% 0 0}
	.b-tab01 .button-wr {width:20%}
}

/* 01.문단 */
.divstyle-box-wr .divstyle-box {position:relative;padding:35px 0;border-bottom:1px solid #ddd}
.divstyle02L {margin: 0 6% 20px 0;padding: 0;line-height: 20px;font-size: 14px;text-align: justify;width: 47%;*width:46.5%;float: left;}
.divstyle02R {margin: 0 0 20px 0;padding: 0;line-height: 20px;font-size: 14px;text-align: justify;width: 47%;float: left;}
.divstyle03L {margin:0 5% 20px 0;padding:0;line-height:20px;font-size:14px;text-align:justify;width:30%;float:left;}
.divstyle03C {margin:0 5% 20px 0;padding:0;line-height:20px;font-size:14px;text-align:justify;width:30%;float:left;}
.divstyle03R {margin:0 0 20px 0;padding:0;line-height:20px;font-size:14px;text-align:justify;width:30%;float:left;}
.divstyle03LC {margin:0 5% 20px 0;padding:0;line-height:20px;font-size:14px;text-align:justify;width:65%;float:left;}
.divstyle03CR {margin:0 0 20px 0;padding:0;line-height:20px;font-size:14px;text-align:justify;width:65%;float:left;}

@media all and (max-width:768px) {
	.divstyle02L {float: none;width: auto;margin: 0 0 20px 0;padding: 0;line-height: 20px;font-size: 14px;text-align: justify;}
	.divstyle02R {float: none;width: auto;margin: 0 0 20px 0;padding: 0;line-height: 20px;font-size: 14px;text-align: justify;}
	.divstyle03L {float:none;width:auto;margin:0 0 20px 0;padding:0;line-height:20px;font-size:14px;text-align:justify;}
	.divstyle03C {float:none;width:auto;margin:0 0 20px 0;padding:0;line-height:20px;font-size:14px;text-align:justify;}
	.divstyle03R {float:none;width:auto;margin:0 0 20px 0;padding:0;line-height:20px;font-size:14px;text-align:justify;}
	.divstyle03LC {float:none;width:auto;margin:0 0 20px 0;padding:0;line-height:20px;font-size:14px;text-align:justify;}
	.divstyle03CR {float:none;width:auto;margin:0 0 20px 0;padding:0;line-height:20px;font-size:14px;text-align:justify;}
}

/*02.폰트*/
.kfw-100 {font-weight:100}
.kfw-300 {font-weight:300}
.kfw-400 {font-weight:400}
.kfw-500 {font-weight:500}
.kfw-700 {font-weight:700}
.efw-100 {font-weight:100}
.efw-400 {font-weight:400}
.efw-600 {font-weight:600}
.efw-700 {font-weight:700}
.font-box-wr {position:relative}
.font-box-wr .font-box {position:relative;padding:35px 0 35px 250px}
.font-box-wr .font-box:first-child {border-bottom:1px solid #ddd}
.font-box-wr .font-box .tit {position:absolute;top:35px;left:0;font-size:20px;font-weight: 600;color:#222}
.font-box-wr .font-box .txt {margin:0 0;font-size:16px}

/* Text color */
.text-primary {color: #285fba !important; }
.text-secondary {color: #05367b  !important; }
.text-success {	color: #89a51e !important; }
.text-info { color: #404b57 !important; }
.text-danger { color: #db3360 !important; }
.text-dark { color: #222 !important; }
.text-white { color: #fff !important; }

@media all and (max-width:768px) {
  .font-box-wr .font-box {position:relative;padding:25px 0 25px 200px}
  .font-box-wr .font-box .tit {font-size:1.125em}
  .font-box-wr .font-box .txt {font-size:0.938em}
}
@media all and (max-width:576px) {
  .font-box-wr .font-box {position:relative;padding:20px 0 20px 0}
  .font-box-wr .font-box .tit {font-size:1em;position:relative;top:auto}
  .font-box-wr .font-box .txt {font-size:0.875em}
}

/*03.타이틀*/
.title-box-wr {position:relative;padding:35px 0}
.kb-title01 {position:relative;font-family: 'notosans';font-size: 1.563rem;font-weight: 500;color: #05367b;line-height:1.2;padding:8px 0 0 0;margin:0 0 15px 0;letter-spacing:-.025em;}
.kb-title01:before {content:"";display:block;width:25px;height:4px;position:absolute;top:0;left:0;background:url(/_res/kibo/_share/img/kb_title01_bg.png) no-repeat}
.kb-title01 span {display:inline-block;font-size:20px;color:#444;font-weight:400}
.kb-title01 .ba-ico-btn01 span {font-size:14px;}
.kb-title01 + p {margin:0 !important}
.kb-title02 {font-size:1.438em;color:#222;padding:0 0 0 0;font-weight:500;line-height:1.4;margin:0 0 15px 0;letter-spacing:-.05em}
.kb-title02 > span {position:relative;display:inline-block;padding-bottom:5px}
.kb-title02 > span:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background:#222}
.kb-title03 {font-size: 1.25rem;font-weight: 500;color: #111;line-height:1;margin-bottom:10px;letter-spacing:-.025em;}

@media all and (max-width:1200px) {
  .kb-title01 {font-weight:500}
}

@media all and (max-width:768px) {
  .title-box-wr {padding:25px 0}
  .kb-title01 {font-size:1.438em}
  .kb-title01 span {font-size:18px}
  .kb-title02 {font-size:1.250em}
  .kb-title03 {font-size:1.125em}
}
@media all and (max-width:576px) {
  .title-box-wr {padding:20px 0}
  .kb-title01 {font-size:1.250em;padding:10px 0 0 0;margin:0 0 5px;font-weight:500;}
  .kb-title01:before {width:25px;height:3px}
  .kb-title01 span {font-size:16px}
  .kb-title02 {font-size:1.125em}
  .kb-title03 {font-size:1em;margin-bottom:5px}
}


/*04.컬러*/
.color-box-wr {position:relative;padding:35px 0}
.color-box-wr ul {display:inline-block;vertical-align:top;margin:0 0 0 10%;font-size:0}
.color-box-wr ul:first-child {margin:0}
.color-box-wr ul li {position:relative;display:inline-block;padding:85px 0 0;text-align:center;width:70px;margin:0 10px 0 0;font-size:16px}
.color-box-wr ul li span {display:block;font-size:1em}
.color-box-wr ul li:before {content:"";display:block;width:70px;height:70px;position:absolute;top:0;margin:0 auto}
.color-box-wr ul li:last-child{margin:0}
.color-box-wr .box01 li:nth-child(1):before {background:#b2d233}
.color-box-wr .box01 li:nth-child(2):before {background:#05367b}
.color-box-wr .box01 li:nth-child(3):before {background:#285fba}
.color-box-wr .box01 li:nth-child(4):before {background:#404b57}
.color-box-wr .box01 li:nth-child(5):before {background:#db3360}

.color-box-wr .box02 li:nth-child(1):before {background:#f5f6f8}
.color-box-wr .box02 li:nth-child(2):before {background:#eaebef}
.color-box-wr .box02 li:nth-child(3):before {background:#efefef}

.color-box-wr .box03 li:before {background:#fff;border:1px solid #ddd}

@media all and (max-width:1300px) {
  .color-box-wr ul {margin: 0 0 0 7.7%}
}
@media all and (max-width:1200px) {
  .color-box-wr {text-align: center}
  .color-box-wr ul {margin: 0 0 0 10px;text-align:center}
  .color-box-wr ul li {padding:70px 0 0;width:60px}
  .color-box-wr ul li:before {width:60px;height:60px}
}
@media all and (max-width:768px) {
  .color-box-wr {padding:25px 0}
  .color-box-wr ul li span {font-size:0.938em}
}
@media all and (max-width:576px) {
  .color-box-wr {padding:20px 0}
  .color-box-wr ul li span {font-size:0.875em}
}
@media all and (max-width:399px) {
  .color-box-wr {padding:20px 0}
  .color-box-wr ul:first-child {margin:0 0 10px 0}
  .color-box-wr ul {margin:0 0 0 3px;}
  .color-box-wr ul li {padding:55px 0 0;width:50px;margin:0 7px 0 0}
  .color-box-wr ul li:before {width:50px;height:50px}
  .color-box-wr ul li span {font-size:0.875em}
}
/*05.리스트*/
.list-box-wr {position:relative;padding:35px 0}
.kb-list01 > li,
.kb-list01-1 > li,
.kb-list02 > li,
.kb-list02-1 > li,
.kb-list03 > li {position:relative;line-height:1.5;padding:0 0 5px 10px;color:#333;font-size:16px;margin: 0 0 0 10px;letter-spacing: -.05em;word-break: keep-all;}
.kb-list02 > li {margin-left: 0px;}
.kb-list01 li .title:after{content:":";display:inline-block;vertical-align:bottom;color:#000;margin:0 5px}
.kb-list01-1 li .title:after{content:" ";display:inline-block;vertical-align:bottom;color:#000;margin:0 5px}
.kb-list01 li:before,
.kb-list01-1 li:before {position:absolute;top:10px;left:0;content:"";display:block;width:4px;height:4px;background:#404b57;border-radius:50%}
.kb-list01,
.kb-list01-1 > li,
.kb-list02,
.kb-list02-1,
.kb-list03 {text-align:left}
.kb-list01 > li ul,
.kb-list01-1 > li ul,
.kb-list02 > li ul,
.kb-list03 > li ul {margin:7px 0 0}
.kb-list01 > li ul li,
.kb-list01-1 > li ul li,
.kb-list02 > li ul li,
.kb-list03 > li ul li {padding:2px 0 2px 13px;margin-left:0;position:relative;font-size:0.938em;color:#555;line-height:1.3;font-weight:400}
.kb-list01 > li ul li:before,
.kb-list01-1 > li ul li:before,
.kb-list02 > li ul li:before,
.kb-list03 > li ul li:before {content:"";display:block;width:5px;height:2px;background:#aaa;position:absolute;top:11px;left:3px}
.kb-list01 li .title,
.kb-list01-1 li .title,
.kb-list01 li .bltitle,
.kb-list01-1 li .bltitle,
.kb-list02 li .title,
.kb-list02 li .bltitle,
.kb-list03 li .title,
.kb-list03 li .bltitle {color:#000;font-weight:500}
.kb-list01 li .bltitle,
.kb-list01-1 li .bltitle,
.kb-list02 li .bltitle,
.kb-list03 li .bltitle {display:block}

.kb-list02 > li {position:relative;padding: 3px 0 3px 26px;}
.kb-list02 > li .bl {color:#285fba;position:absolute;top:3px;left:0;font-weight:500;width: 26px;text-align:center;}
.kb-list02 > li .bl:after {display:inline-block;content:"."}
.kb-list02 > li .title {display:block;font-weight:500;color:#222}
.kb-list02 > li .title-inline {display:inline-block;font-weight:500;color:#222;vertical-align:top}
.kb-list02 > li .txt {display:inline-block;vertical-align:top;width:85%}

.kb-list02-1 > li {position:relative;padding: 3px 0 3px 55px;}
.kb-list02-1 > li .bl {color:#285fba;position:absolute;top:3px;left:0;font-weight:500;width: 45px;text-align:center;}
.kb-list02-1 > li .bl:after {display:inline-block;content:"."}
.kb-list02-1 > li .title {display:block;font-weight:500;color:#222}
.kb-list02-1 > li .title-inline {display:inline-block;font-weight:500;color:#222;vertical-align:top}
.kb-list02-1 > li .txt {display:inline-block;vertical-align:top;width:85%}

.kb-list03 > li{position:relative;padding:0 0 0 33px;margin-top:7px}
.kb-list03 > li:first-child {margin-top:0}
.kb-list03 > li .bl {display:block;position:absolute;top:2px;left:0;font-family:"Bio Sans",sans-serif;width:23px;height:23px;line-height:23px;background:#404b57;border-radius:50%;text-align:center;color:#fff;font-size:0.813em}
.kb-list03 > li .title {display:block;font-weight:500;color:#222}
.kb-list03 > li .title-inline {display:inline-block;font-weight:500;color:#222}
.kb-list03 > li .title-inline:after {content:":";display:inline-block;margin:0 5px}

@media all and (max-width:992px) {
  .kb-list01 li,
  .kb-list01-1 li,
  .kb-list02 li,
  .kb-list02-1 li,
  .kb-list03 li  {font-size:16px}
  .kb-list01 > li ul li,
	.kb-list02 > li ul li,
	.kb-list03 > li ul li  {font-size:15px}
}
@media all and (max-width:768px) {
  .list-box-wr {padding:25px 0}
}
@media all and (max-width:576px){
  .list-box-wr {padding:20px 0}
  .kb-list01 li,
  .kb-list01-1 li,
  .kb-list02 li,
  .kb-list02-1 li,
  .kb-list03 li  {font-size:15px}
  .kb-list01 > li ul li,
	.kb-list02 > li ul li,
	.kb-list03 > li ul li  {font-size:14px}
  /* .kb-list01 > li:before,
  .kb-list01-1 > li:before {top:13px} */
  .kb-list01 > li ul li:before,
  .kb-list01-1 > li ul li:before,
	.kb-list02 > li ul li:before,
	.kb-list02-1 > li ul li:before,
	.kb-list03 > li ul li:before {top:8px}
	.kb-list02-1 > li {padding: 3px 0 3px 45px;}
	.kb-list02-1 > li .bl {width: 40px;}
	.kb-list02 > li .title-in {display:block}
  .kb-list02 > li .txt {width:auto}
  .kb-list03 > li{padding:0px 0 0px 25px}
  .kb-list03 > li .bl {width:18px;height:18px;line-height:18px;font-size:0.688em}
}

/*06.안내문*/
.info-box-wr {position:relative;padding:35px 0}
.info-txt01,
.info-txt02,
.info-txt03 {display:block;position:relative;font-size:15px;line-height:1.3;text-align:left;padding:0 0 0 27px;margin:0 15px 0 0}
.info-txt01 {color:#404b57;}
.info-txt02 {color:#db3360;}
.info-txt03 {color:#285fba;}
.info-txt01:before,
.info-txt02:before,
.info-txt03:before {content:"i";font-family:sans-serif;font-size:14px;font-weight:700;line-height:21px;display:block;position:absolute;left:0;top:0;width:21px;height:21px;text-align:center;border-radius:50%}
.info-txt01:before {background:#fff;border:1px solid #404b57}
.info-txt02:before {background:#db3360;color:#fff}
.info-txt03:before {background:#285fba;color:#fff}
span.info-txt01,
span.info-txt02,
span.info-txt03 {display:inline-block}

.info-box {position:relative;box-sizing:border-box;padding:20px 20px 20px 50px;margin-bottom:15px;background:#fff;border:1px solid #ddd;border-top:2px solid #404b57}
.info-box:before {content:"i";font-family:"Bio Sans",sans-serif;font-size:15px;font-weight:bold;line-height:25px;display:block;position:absolute;left:20px;top:24px;width:25px;height:25px;text-align:center;border-radius:50%}
.info-box.num01:before {background:#fff;border:1px solid #404b57}
.info-box.num02:before {background:#db3360;color:#fff}
.info-box.num03:before {background:#285fba;color:#fff}
.info-box .txt {margin:0;font-size:16px;color:#555;font-weight:400;line-height:1.5}
.info-list {position:relative;padding:0 0 0 35px;margin-bottom:15px}
.info-list:before {content:"i";font-family:"Bio Sans",sans-serif;font-size:15px;font-weight:bold;line-height:25px;display:block;position:absolute;left:0;top:0;width:25px;height:25px;text-align:center;border-radius:50%}
.info-list.num01:before {background:#fff;border:1px solid #404b57}
.info-list.num02:before {background:#db3360;color:#fff}
.info-list.num03:before {background:#285fba;color:#fff}
.info-list ul li {position:relative;padding:0 0 0 12px;margin:0 0 7px;font-size:16px;color:#555;line-height:1.5;font-weight:400}
.info-list ul li:last-child {margin:0}
.info-list ul li:before {position:absolute;top:10px;left:0;content:"";display:block;width:4px;height:4px;background:#404b57;border-radius:50%}

@media all and (max-width:768px){
  .info-box-wr {padding:25px 0}
  .info-txt01,
  .info-txt02,
  .info-txt03 {font-size:14px;margin:0 12px 0 0}

  .info-box .txt {font-size:0.938em}
  .info-list ul li {font-size:0.938em}
}
@media all and (max-width:576px){
  .info-box-wr {padding:20px 0}
  .info-txt01,
  .info-txt02,
  .info-txt03 {margin:0 10px 0 0}

  .info-box {padding:15px 15px 15px 45px;margin-bottom:10px}
  .info-list {padding:0 0 0 27px;margin-bottom:10px}
  .info-box:before {left:15px;top:16px;width:20px;height:20px;background-size:74px auto}
  .info-list:before {top:2px;width:20px;height:20px;background-size:74px auto}
  .info-box.num01:before,
  .info-list.num01:before {background-position:0 -24px}
  .info-box.num02:before,
  .info-list.num02:before {background-position:-27px -24px}
  .info-box.num03:before,
  .info-list.num03:before {background-position:-54px -24px}
  .info-box .txt {font-size:0.875em}
  .info-list ul li {font-size:0.875em}
}


/*.info-box-wr {position:relative;padding:35px 0}
.info-txt01,
.info-txt02,
.info-txt03 {display:block;position:relative;font-size:15px;line-height:1.3;text-align:left;padding:0 0 0 25px;margin:0 15px 0 0}
.info-txt01 {color:#404b57;}
.info-txt02 {color:#db3360;}
.info-txt03 {color:#285fba;}
.info-txt01:before,
.info-txt02:before,
.info-txt03:before {content:"!";display:block;font-size:16px;position:absolute;left:0;top:0;width:20px;height:20px;text-align:center;background:url(/_res/kibo/_share/img/info_txt_bl.png) no-repeat 0 0;}
.info-txt01:before {background-position:0 0}
.info-txt02:before {background-position:-30px 0}
.info-txt03:before {background-position:-60px 0}
span.info-txt01,
span.info-txt02,
span.info-txt03 {display:inline-block}

.info-box {position:relative;box-sizing:border-box;padding:20px 20px 20px 50px;margin-bottom:15px;background:#fff;border:1px solid #ddd;border-top:2px solid #404b57}
.info-box:before {content:"";display:block;position:absolute;left:20px;top:24px;width:24px;height:24px;text-align:center;background:url(/_res/kibo/_share/img/info_txt_bl.png) no-repeat 0 0;}
.info-box.num01:before {background-position:0 -30px}
.info-box.num02:before {background-position:-34px -30px}
.info-box.num03:before {background-position:-68px -30px}
.info-box .txt {margin:0;font-size:16px;color:#555;font-weight:400;line-height:1.5}
.info-list {position:relative;padding:0 0 0 33px;margin-bottom:15px}
.info-list:before {content:"";display:block;position:absolute;left:0;top:0;width:24px;height:24px;text-align:center;background:url(/_res/kibo/_share/img/info_txt_bl.png) no-repeat 0 0;}
.info-list.num01:before {background-position:0 -30px}
.info-list.num02:before {background-position:-34px -30px}
.info-list.num03:before {background-position:-68px -30px}
.info-list ul li {position:relative;padding:0 0 0 12px;margin:0 0 7px;font-size:16px;color:#555;line-height:1.5;font-weight:400}
.info-list ul li:last-child {margin:0}
.info-list ul li:before {position:absolute;top:10px;left:0;content:"";display:block;width:4px;height:4px;background:#404b57;border-radius:50%}

@media all and (max-width:768px){
  .info-box-wr {padding:25px 0}
  .info-txt01,
  .info-txt02,
  .info-txt03 {font-size:14px;margin:0 12px 0 0}

  .info-box .txt {font-size:0.938em}
  .info-list ul li {font-size:0.938em}
}
@media all and (max-width:576px){
  .info-box-wr {padding:20px 0}
  .info-txt01,
  .info-txt02,
  .info-txt03 {font-size:13px;margin:0 10px 0 0}

  .info-box {padding:15px 15px 15px 45px;margin-bottom:10px}
  .info-list {padding:0 0 0 27px;margin-bottom:10px}
  .info-box:before {left:15px;top:16px;width:20px;height:20px;background-size:74px auto}
  .info-list:before {top:2px;width:20px;height:20px;background-size:74px auto}
  .info-box.num01:before,
  .info-list.num01:before {background-position:0 -24px}
  .info-box.num02:before,
  .info-list.num02:before {background-position:-27px -24px}
  .info-box.num03:before,
  .info-list.num03:before {background-position:-54px -24px}
  .info-box .txt {font-size:0.875em}
  .info-list ul li {font-size:0.875em}
}*/


/*07.테이블*/
.table-box-wr {position:relative;padding:35px 0}
p.tb-unit {margin-top: -34px !important; margin-bottom: 12px !important; font-size: 14px;line-height: 22px;}
.tbl01 {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #272f36;font-size:16px}
.tbl01 th {font-weight:400;color:#333}
.tbl01 th,
.tbl01 td {padding:11px 10px 13px 10px;border-left:1px solid #ccc;border-right:1px solid #ddd;border-bottom:1px solid #ddd;word-wrap:break-word;word-break:keep-all}
.tbl01 thead th {background:#eef1f9;padding:13px 10px 15px;border-left:0;border-right:1px solid #ddd;border-bottom:1px solid #aaa;color:#222;text-align: center}
.tbl01 tbody th {background:#f2f3f4;color:#333;font-weight:500}
.tbl01 th:first-child,
.tbl01 td:first-child {border-left:0}
.tbl01 th:last-child,
.tbl01 td:last-child {border-right:0}
.tbl01 thead th.line-bo {border-bottom:1px solid #999}
/* .tbl01 tbody td {word-break:break-all} */
.tbl01 .sTxt {display:block;text-align:center;line-height:1.2;font-size:14px;color:#777}
.tbl01 tbody td.bg {background-color:#f5f6f8}
.tbl01 tfoot th {background:#f2f3f4;font-weight:500}
.tbl01 .left {padding-left:20px}
.tbl01 th.line {border-left:1px solid #ccc}
.tbl01 td.line {border-left:1px solid #ccc}
.tbl01 .kb-list01 > li,
.tbl01 .kb-list02 > li,
.tbl01 .kb-list03 > li {font-size:0.944em;margin-left:0}


@media all and (max-width:999px){
	.tbl01 thead th {padding:15px 10px 17px}
	.tbl01 tbody td {padding:5px 10px 10px;font-size:15px}
}
@media all and (max-width:768px){
  p.tb-unit {margin: auto !important;}
  .table-box-wr {padding:25px 0}
}
@media all and (max-width:576px){
  .table-box-wr {padding:20px 0}
	.tbl01 thead th {padding:10px 0 10px 5px}
	.tbl01 thead th:after {height:20px}
	.tbl01 tfoot th,
	.tbl01 tfoot td,
	.tbl01 tbody th,
	.tbl01 tbody td {padding:10px;font-size:14px}
}

/* 테이블 > 테이블 */
.tbl01 table {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-bottom:1px solid #ddd;font-size:15px}
.tbl01 table th {font-weight:400;background:#fff}
.tbl01 table th,
.tbl01 table td {padding:10px 8px;border-left:1px solid #ddd;border-right:1px solid #ddd;word-wrap:break-word;word-break:break-all}
.tbl01 table tfoot th,
.tbl01 table tfoot td {background:#fff}
.tbl01 table td {color:#555}
.tbl01 table thead th {background:#f5f6f8;color:#333;border-top:1px solid #404b57;border-bottom:1px solid #aaa}
.tbl01 table th:first-child,
.tbl01 table td:first-child {border-left:0}
.tbl01 table th:last-child,
.tbl01 table td:last-child {border-right:0}
.tbl01 table tfoot th,
.tbl01 table tfoot td,
.tbl01 table tbody th,
.tbl01 table tbody td {font-size:15px}

@media all and (max-width:992px){
	.tbl01 table thead th {padding:15px 10px 17px}
	.tbl01 table tfoot th,
	.tbl01 table tfoot td,
	.tbl01 table tbody th,
	.tbl01 table tbody td {padding:5px 10px 10px;font-size:14px}
}
@media all and (max-width:768px){
	.tbl01 table tfoot th,
	.tbl01 table tfoot td,
	.tbl01 table tbody th,
	.tbl01 table tbody td {padding:10px;font-size:13px}
}
@media all and (max-width:576px){
	.tbl01 table thead th {padding:7px 0 7px 5px}
	.tbl01 table tfoot th,
	.tbl01 table tfoot td,
	.tbl01 table tbody th,
	.tbl01 table tbody td {font-size:12px}
}
/*관리자 테이블*/
.tbl01-s {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #272f36;font-size:16px;}
.tbl01-s th {font-weight:400;color:#333}
.table-hover tbody tr:hover,
.table-hover tfoot tr:hover { color: #212529;background-color: rgba(0, 0, 0, 0.075);}
.tbl01-s th,
.tbl01-s td {padding:6px 10px;border-left:1px solid #ccc;border-right:1px solid #ddd;border-bottom:1px solid #ddd;word-wrap:break-word;word-break:keep-all}
.tbl01-s thead th {background:#eef1f9;padding:6px 10px;border-left:0;border-right:1px solid #ddd;border-bottom:1px solid #aaa;color:#222;line-height: 1.2;}
.tbl01-s.table-hover tbody th {background:none;}
.tbl01-s tbody th {background:#f2f3f4;color:#222;font-weight:500;}
.tbl01-s th:first-child,
.tbl01-s td:first-child {border-left:0}
.tbl01-s th:last-child,
.tbl01-s td:last-child {border-right:0}
.tbl01-s thead th.line-bo {border-bottom:1px solid #999}
.tbl01-s tbody td {/* word-break:break-all */}
.tbl01-s .sTxt {display:block;text-align:center;line-height:1.2;font-size:14px;color:#777}
.tbl01-s.table-hover tfoot th {background:none;}
.tbl01-s tfoot th {background:#f2f3f4;color:#222;font-weight:500;}
.tbl01-s .left {padding-left:20px}
.tbl01-s th.line {border-left:1px solid #ccc}
.tbl01-s td.line {border-left:1px solid #ccc}
.tbl01-s .kb-list01 > li,
.tbl01-s .kb-list02 > li,
.tbl01-s .kb-list03 > li {font-size:0.944em;margin-left:0}

.tbl01-s td.no-list {padding:26px 0}

@media all and (max-width:992px){
	.tbl01-s thead th {/* padding:15px 10px 17px */}
	.tbl01-s tbody td {padding:5px 10px 10px;font-size:15px}
}
@media all and (max-width:768px){
	.tbl01-s {table-layout: inherit}
	.tbl01-s tfoot th,
	.tbl01-s tfoot td,
	.tbl01-s tbody th,
	.tbl01-s tbody td {white-space: nowrap}
}
@media all and (max-width:576px){	
	.tbl01-s thead th {/* padding:10px 0 10px 5px */}
	.tbl01-s thead th:after {height:20px}
	.tbl01-s tfoot th,
	.tbl01-s tfoot td,
	.tbl01-s tbody th,
	.tbl01-s tbody td {padding:10px;font-size:14px;}
}
/* 테이블속 테이블 */
.tbl01-s table {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-bottom:1px solid #ddd;font-size:14px}
.tbl01-s table th {font-weight:400;background:#fff}
.tbl01-s table th,
.tbl01-s table td {padding:4px 8px;border-left:1px solid #ddd;border-right:1px solid #ddd;word-wrap:break-word;word-break:break-all}
.tbl01-s table td {color:#555}
.tbl01-s table thead th {background:#f5f6f8;color:#333;border-top:1px solid #404b57;border-bottom:1px solid #aaa}
.tbl01-s table th:first-child,
.tbl01-s table td:first-child {border-left:0}
.tbl01-s table th:last-child,
.tbl01-s table td:last-child {border-right:0}
.tbl01-s table tfoot th,
.tbl01-s table tfoot td,
.tbl01-s table tbody th,
.tbl01-s table tbody td {font-size:14px}

@media all and (max-width:992px){
	.tbl01-s table thead th {padding:15px 10px 17px}
	.tbl01-s table tfoot th,
	.tbl01-s table tfoot td,
	.tbl01-s table tbody th,
	.tbl01-s table tbody td {padding:5px 10px 10px;font-size:14px}
}
@media all and (max-width:768px){
	.tbl01-s table tfoot th,
	.tbl01-s table tfoot td,
	.tbl01-s table tbody th,
	.tbl01-s table tbody td {padding:10px;font-size:13px}
}
@media all and (max-width:576px){
	.tbl01-s table thead th {padding:7px 0 7px 5px}
	.tbl01-s table tfoot th,
	.tbl01-s table tfoot td,
	.tbl01-s table tbody th,
	.tbl01-s table tbody td {font-size:12px}
}
/* 관리자테이블 - 공통 */

@media all and (max-width:768px) { 
	.tbl01-s .d-xs-block {
		display: block !important;
	}
	.tbl01-s .title-text > a {
		color:#000;
		font-weight:500;
}
}

/* 관리자테이블 no-more-tables */
.no-more-tables {}

@media all and (max-width:768px){
	.no-more-tables {border-top: 1px solid #272f36;}
	
    /* Force table to not be like tables anymore */
	.no-more-tables table, 
	.no-more-tables thead, 
	.no-more-tables tbody, 
	.no-more-tables th, 
	.no-more-tables td, 
	.no-more-tables tr {
		display: block;
		border:none;
		text-align: left;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.no-more-tables tr {
		position: relative;
		border-bottom: 1px solid #ddd;
	}
    .no-more-tables tr.active, .table tr.active  {border:solid 2px #486dc0 !important; position: relative;}
	.no-more-tables td {
		border: none;
		position: relative;
		padding: 0.25rem !important;
		white-space: normal !important;
		display: inline-block;
		text-align: left;
		line-height: 1.2;
		color: #888;
		border: none !important;
		font-size: 14px;
	}
	.no-more-tables td:before {
		content: attr(data-th);
		display: inline-block;
		position:relative;
		top:auto;
		left: auto;
		width: auto;
		color: #000;
		font-weight: 500;
		padding-right: 0.25rem;
	}
	.no-more-tables td.btn-data-th:before {
		top:3px;
	}
	/* no-more-tables - style2 */
	.no-more-tables.style2  tbody tr td {
		display: block;
		position: relative;
		width:100%;
		line-height:inherit;
		padding: 10px 10px 10px 130px !important;
		border-left: 0;
		text-align: left;
		font-size: 0.9375rem;
		border-bottom: 1px solid #ddd !important;
		}
	.no-more-tables.style2 tbody tr td:before {
		content: attr(data-th);
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 110px;
		padding: 10px 8px;
		border-right: 1px solid #ddd;
		background-color: #f5f6f8;
		color: #000;
		font-weight: 400;
		text-align: left;
		font-size: 0.875rem;
		line-height: 1;
		}


}

/* 관리자테이블 sticky-header-tables */
/* 테이블 헤더 틀고정 - IE제외 */
	.sticky-header th {position: -webkit-sticky; position: sticky; top: -1px; left:0; z-index:1;}
	
	/* 테이블 헤더 틀고정 - IE포함 */
   .fixed-table-container {
	width: 100%;
	height: 310px !important;
	position: relative;
	padding-top: 40px; /* header-bg height값 -1 */
	border-top: 2px solid #272f36;
	}
	.fixed-table-container .header-bg {
	background: #eef1f9;
	height: 41px; /* header-bg height값 */
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	border-bottom: 1px solid #aaa;
	margin: 0;
	}
	.fixed-table-container .pre-scrollable {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	position: static;
	}
	.fixed-table-container .tbl01-s {
	width: 100%;
	border-collapse: collapse;
	position: inherit;
	border-top: 1px solid #aaa
	}
	.fixed-table-container th {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid #dee2e6 !important;
	}
	.fixed-table-container .th-text {
	position: absolute;
	top: 0;
	width: inherit;
	height: 40px; /* header-bg height값 */
	line-height: 32px;
	border-left: 1px solid #dee2e6;
	padding: 4px 0;
	}
	.fixed-table-container th:first-child .th-text {
	border-left: 0;
	}
	.fixed-table-container.table-pc-lg {
	height: 460px !important;
	}
/* thead-row-2 */
	.fixed-table-container.thead-row-2 {
		padding-top: 50px; /* header-bg height값 x2-1 */
	}
	.fixed-table-container.thead-row-2 tr:nth-child(1) .th-text.row2 {
		height: 51px; /* header-bg height값 x2 */
		line-height: 46px;
		border-bottom: 1px solid #dee2e6 !important;
		vertical-align: middle;
	}
	.fixed-table-container.thead-row-2 tr:nth-child(1) .th-text.row2.lh-auto {
		line-height: inherit;
		padding-top: 8px;
	}
	.fixed-table-container.thead-row-2 tr:nth-child(2) .th-text {
		top: 25px; /* header-bg height값 */
	}
	.fixed-table-container.thead-row-2 tr:nth-child(2) .th-text {
		border-top: 1px solid #ccc;
	}
	.fixed-table-container.thead-row-2 tr:nth-child(2) th:first-child .th-text {
		border-left: 1px solid #ccc;
	}
	.fixed-table-container.thead-row-2 .header-bg {
		height: 52px; /* header-bg height값 */
	}
	.fixed-table-container .tbl01-s {
		border-top: none;
	}
	.fixed-table-container.thead-row-2 .th-text {
		height: 25px;
		line-height: 18px;
	}



@media all and (max-width:768px){
     .fixed-table-container, .fixed-table-container.thead-row-2 {padding-top: 0;}
	 .fixed-table-container .header-bg {display:none;}
	 .fixed-table-container td:not([data-th]):before {display:none;}
}

/* scrollbox */
.msg-touch-help {display:none;position:absolute;top: 30px;left:50%;z-index:10;margin:0 0 0 -35px;width:70px;height:70px;}
.msg-touch-help img {width:auto; max-width:100%;}
.pre-scrollable {position:relative;width:100%;overflow-x:auto;overflow-y:auto;}
.pre-scrollable-x {position:relative;width:100%;overflow-x:auto;overflow-y:hidden;}
.pre-scrollable-y {position:relative;width:100%;overflow-x:hidden;overflow-y:auto;}
.pre-scrollable > .tbl01, .pre-scrollable-x > .tbl01,.pre-scrollable-y > .tbl01,
.pre-scrollable > .tbl01-s, .pre-scrollable-x > .tbl01-s, .pre-scrollable-y > .tbl01-s {table-layout:inherit}


@media screen and (max-width:768px) {
	.scrollbox .tbl01{width:690px;}
	.scrollbox .tbl01 table{width:100%;}

	/* scrollbox */
	.scrollbox {position:relative;width:100%;overflow-x:auto;overflow-y:hidden;}
}
/*08.버튼*/
.button-box-wr {position:relative;padding:35px 0}
.newin-btn {position:relative;display:inline-block;font-size:16px;padding:0px 25px 0px 0;margin-right:5px;color:#222}
.newin-btn:before {content:"";display:block;position:absolute;top:50%;right:3px;margin-top:-7px;width:17px;height:14px;background:url(/_res/kibo/_share/img/newin_bg.png) no-repeat 0 0;transition:right .3s ease}
.newin-btn:hover,
.newin-btn:focus {color:#05367b;text-decoration:underline;}
.newin-btn:hover:before,
.newin-btn:focus:before {right:0}
/*제일 작은 버튼 */
.sb-btn01,
.sb-btn02,
.sb-btn02-1,
.sb-btn03,
.sb-btn03-1,
.sb-btn04,
.sb-btn04-1,
.sb-btn05,
.sb-btn05-1 {display:inline-block;font-size:12px !important;vertical-align:top;box-sizing:border-box;letter-spacing:-.05em;border-radius:3px;margin:0 2px;transition:all .3s ease}
.sb-btn01,
a.sb-btn01 {background:#fff;border: 1px solid #aaa;color:#222;}
.sb-btn01:hover,
.sb-btn01:focus {background:#ddd;border:1px solid #ddd}
.sb-btn02, 
a.sb-btn02 {background: #05367b;border: 1px solid #05367b;color:#fff;}
.sb-btn02:hover,
.sb-btn02:focus {background: #052a5f;border: 1px solid #052a5f;}
.sb-btn02-1, 
a.sb-btn02-1 {background:#fff;border: 1px solid #05367b;color:#05367b;}
.sb-btn02-1:hover,
.sb-btn02-1:focus {background:#05367b;border:1px solid #05367b;color:#fff}
.sb-btn03, 
a.sb-btn03 {background:#404b57;border:1px solid #404b57;color:#fff}
.sb-btn03:hover,
.sb-btn03:focus {background:#26303b;border:1px solid #26303b}
.sb-btn03-1, 
a.sb-btn03-1 {background:#fff;border: 1px solid #aaa;color:#26303b;}
.sb-btn03-1:hover,
.sb-btn03-1:focus {background:#26303b;border:1px solid #26303b;color:#fff}
.sb-btn04, 
a.sb-btn04 {background:#db3360;border:1px solid #db3360;color:#fff}
.sb-btn04:hover,
.sb-btn04:focus {background:#b41741;border:1px solid #b41741}
.sb-btn04-1, 
a.sb-btn04-1 {background:#fff;border:1px solid #db3360;color:#db3360}
.sb-btn04-1:hover,
.sb-btn04-1:focus {background:#b41741;border:1px solid #b41741;color:#fff}
.sb-btn05, 
a.sb-btn05 {background:#ddd;border:1px solid #ddd;color:#555}
.sb-btn05:hover,
.sb-btn05:focus {background:#aaa;border:1px solid #aaa}
.sb-btn05-1, 
a.sb-btn05-1 {background:#fff;border: 1px solid #aaa;color:#555;}
.sb-btn05-1:hover,
.sb-btn05-1:focus {background:#aaa;border:1px solid #aaa}
a.sb-btn01 span,
a.sb-btn02 span,
a.sb-btn02-1 span,
a.sb-btn03 span,
a.sb-btn03-1 span,
a.sb-btn04 span,
a.sb-btn04-1 span,
a.sb-btn05 span,
a.sb-btn05-1 span {display:block;padding:7px;line-height:1;font-weight:500}
input.sb-btn01,
input.sb-btn02,
input.sb-btn02-1,
input.sb-btn03,
input.sb-btn03-1,
input.sb-btn04,
input.sb-btn04-1,
input.sb-btn05,
input.sb-btn05-1,
button.sb-btn01,
button.sb-btn02,
button.sb-btn02-1,
button.sb-btn03,
button.sb-btn03-1,
button.sb-btn04,
button.sb-btn04-1,
button.sb-btn05,
button.sb-btn05-1 {padding:0 7px;height:28px;font-weight:500}
.sb-btn01.disabled,
.sb-btn01:disabled {background:#fff;border:1px solid #ccc;color:#ccc}
.sb-btn02.disabled,
.sb-btn02:disabled {background:#94bbfb;border:1px solid #94bbfb}
.sb-btn02-1.disabled,
.sb-btn02-1:disabled {background:#fff;border:1px solid #9db9e7;color:#9db9e7}
.sb-btn03.disabled,
.sb-btn03:disabled {background:#b1bdc9;border:1px solid #b1bdc9;color:#fff}
.sb-btn03-1.disabled,
.sb-btn03-1:disabled {background:#fff;border:1px solid #97a3af;color:#a6b2bd}
.sb-btn04.disabled,
.sb-btn04:disabled {background:#eeb8c7;border:1px solid #eeb8c7;color:#fff}
.sb-btn04-1.disabled,
.sb-btn04-1:disabled {background:#fff;border:1px solid #f2b6c6;color:#f2b6c6}
.sb-btn05.disabled,
.sb-btn05:disabled {background:#ddd;border:1px solid #ddd;color:#fff}
.sb-btn05-1.disabled,
.sb-btn05-1:disabled {background:#ddd;border:1px solid #ddd;color:#fff}

@media all and (max-width:768px){
  .newin-btn {font-size:15px}
}
@media all and (max-width:576px){
.newin-btn {font-size:14px}
  .sb-btn01,
  .sb-btn02,
  .sb-btn03,
  .sb-btn04,
  .sb-btn05,
  .sb-btn02-1,
  .sb-btn03-1,
  .sb-btn04-1,
  .sb-btn05-1 {font-size:0.688em !important;}
	a.sb-btn01 span,
  a.sb-btn02 span,
  a.sb-btn03 span,
  a.sb-btn04 span,
  a.sb-btn05 span {padding:6px 10px}
	input.sb-btn01,
  input.sb-btn02,
  input.sb-btn03,
  input.sb-btn04,
  input.sb-btn05,
	button.sb-btn01,
  button.sb-btn02,
  button.sb-btn03,
  button.sb-btn04,
  button.sb-btn05 {padding:0 5px;height:25px}
}
/* 작은 컨텐츠 버튼 */
.ba-btn01,
.ba-btn02,
.ba-btn03,
.ba-btn04,
.ba-btn05 {display:inline-block;font-size:14px !important;vertical-align:top;box-sizing:border-box;letter-spacing:-.05em;border-radius:3px;margin:0 2px 5px;transition:all .3s ease}
.ba-btn01,
a.ba-btn01 {background:#fff;border: 1px solid #aaa;color:#222;}
.ba-btn01:hover,
.ba-btn01:focus {background:#ddd;border:1px solid #ddd}
.ba-btn02, 
a.ba-btn02 {background: #05367b;border: 1px solid #05367b;color:#fff;}
.ba-btn02:hover,
.ba-btn02:focus {background: #052a5f;border: 1px solid #052a5f;}
.ba-btn03, 
a.ba-btn03 {background:#404b57;border:1px solid #404b57;color:#fff}
.ba-btn03:hover,
.ba-btn03:focus {background:#26303b;border:1px solid #26303b}
.ba-btn04, 
a.ba-btn04 {background:#db3360;border:1px solid #db3360;color:#fff}
.ba-btn04:hover,
.ba-btn04:focus {background:#b41741;border:1px solid #b41741}
.ba-btn05, 
a.ba-btn05 {background:#ddd;border:1px solid #ddd;color:#555}
.ba-btn05:hover,
.ba-btn05:focus {background:#aaa;border:1px solid #aaa}
a.ba-btn01 span,
a.ba-btn02 span,
a.ba-btn03 span,
a.ba-btn04 span,
a.ba-btn05 span {display:block;padding:9px 16px 9px;line-height:1}
input.ba-btn01,
input.ba-btn02,
input.ba-btn03,
input.ba-btn04,
input.ba-btn05,
button.ba-btn01,
button.ba-btn02,
button.ba-btn03,
button.ba-btn04,
button.ba-btn05 {padding:0 9px;height:34px}
.ba-btn01.disabled,
.ba-btn01:disabled {background:#fff;border:1px solid #ccc;color:#ccc}
.ba-btn02.disabled,
.ba-btn02:disabled {background:#94bbfb;border:1px solid #94bbfb}
.ba-btn02-1.disabled,
.ba-btn02-1:disabled {background:#fff;border:1px solid #9db9e7;color:#9db9e7}
.ba-btn03.disabled,
.ba-btn03:disabled {background:#b1bdc9;border:1px solid #b1bdc9;color:#fff}
.ba-btn03-1.disabled,
.ba-btn03-1:disabled {background:#fff;border:1px solid #97a3af;color:#a6b2bd}
.ba-btn04.disabled,
.ba-btn04:disabled {background:#eeb8c7;border:1px solid #eeb8c7;color:#fff}
.ba-btn04-1.disabled,
.ba-btn04-1:disabled {background:#fff;border:1px solid #f2b6c6;color:#f2b6c6}
.ba-btn05.disabled,
.ba-btn05:disabled {background:#ddd;border:1px solid #ddd;color:#fff}
.ba-btn05-1.disabled,
.ba-btn05-1:disabled {background:#ddd;border:1px solid #ddd;color:#fff}

@media all and (max-width:768px){
	.button-box-wr {padding:25px 0}
}

@media all and (max-width:576px){
  .button-box-wr {padding:20px 0}
  .ba-btn01,
  .ba-btn02,
  .ba-btn03,
  .ba-btn04,
  .ba-btn05 {font-size:0.813em !important}
	a.ba-btn01 span,
  a.ba-btn02 span,
  a.ba-btn03 span,
  a.ba-btn04 span,
  a.ba-btn05 span {padding:7px 10px 8px}
	input.ba-btn01,
  input.ba-btn02,
  input.ba-btn03,
  input.ba-btn04,
  input.ba-btn05,
	button.ba-btn01,
  button.ba-btn02,
  button.ba-btn03,
  button.ba-btn04,
  button.ba-btn05 {padding:0 7px;height:30px}
}
/* 작은 버튼 - 아이콘*/
.ba-ico-btn01,
.ba-ico-btn02,
.ba-ico-btn03,
.ba-ico-btn04{display:inline-block;font-size:14px !important;vertical-align:top;box-sizing:border-box;letter-spacing:-.05em;border-radius:3px;margin:0 2px 3px;transition:all .3s ease}
.ba-ico-btn01,
a.ba-ico-btn01 {background:#fff;border: 1px solid #aaa;color:#222;}
.ba-ico-btn01:hover,
.ba-ico-btn01:focus {background:#ddd;border:1px solid #ddd}
.ba-ico-btn02,
a.ba-ico-btn02 {background: #05367b;border: 1px solid #05367b;color:#fff;}
.ba-ico-btn02:hover,
.ba-ico-btn02:focus {background: #052a5f;border: 1px solid #052a5f;}
.ba-ico-btn03,
a.ba-ico-btn03 {background:#404b57;border:1px solid #404b57;color:#fff}
.ba-icobtn03:hover,
.ba-ico-btn03:focus {background:#26303b;border:1px solid #26303b}
.ba-ico-btn04,
a.ba-ico-btn04 {background:#db3360;border:1px solid #db3360;color:#fff}
.ba-ico-btn04:hover,
.ba-ico-btn04:focus {background:#b41741;border:1px solid #b41741}
a.ba-ico-btn01 span,
a.ba-ico-btn02 span,
a.ba-ico-btn03 span,
a.ba-ico-btn04 span {position:relative;display:block;padding:9px 40px 9px 10px;line-height:1}
.ba-ico-btn01 span:before,
.ba-ico-btn02 span:before,
.ba-ico-btn03 span:before,
.ba-ico-btn04 span:before {content:"";display:block;position:absolute;width:1px;height:15px;right:30px;top:50%;margin:-7px 0 0;transition:all .3s ease}
.ba-ico-btn01 span:before {background:rgba(64, 75, 87, .5)}
.ba-ico-btn02 span:before,
.ba-ico-btn03 span:before,
.ba-ico-btn04 span:before {background:rgba(255, 255, 255, .3)}
input.ba-btn01,
input.ba-btn02,
input.ba-btn03,
input.ba-btn04,
input.ba-btn05,
button.ba-btn01,
button.ba-btn02,
button.ba-btn03,
button.ba-btn04,
button.ba-btn05 {padding:0 9px;height:34px}
.ba-btn01.disabled,
.ba-btn01:disabled {background:#fff;border:1px solid #ccc;color:#ccc}
.ba-btn02.disabled,
.ba-btn02:disabled {background:#94bbfb;border:1px solid #94bbfb}
.ba-btn02-1.disabled,
.ba-btn02-1:disabled {background:#fff;border:1px solid #9db9e7;color:#9db9e7}
.ba-btn03.disabled,
.ba-btn03:disabled {background:#b1bdc9;border:1px solid #b1bdc9;color:#fff}
.ba-btn03-1.disabled,
.ba-btn03-1:disabled {background:#fff;border:1px solid #97a3af;color:#a6b2bd}
.ba-btn04.disabled,
.ba-btn04:disabled {background:#eeb8c7;border:1px solid #eeb8c7;color:#fff}
.ba-btn04-1.disabled,
.ba-btn04-1:disabled {background:#fff;border:1px solid #f2b6c6;color:#f2b6c6}
.ba-btn05.disabled,
.ba-btn05:disabled {background:#ddd;border:1px solid #ddd;color:#fff}
.ba-btn05-1.disabled,
.ba-btn05-1:disabled {background:#ddd;border:1px solid #ddd;color:#fff}

.ba-ico-btn01 span:after,
.ba-ico-btn02 span:after,
.ba-ico-btn03 span:after,
.ba-ico-btn04 span:after {content:"";display:block;position:absolute;top:50%;right:7px;margin-top:-7px;width:15px;height:15px;transition:right .3s ease}
.ba-ico-btn01 .arr:after {background:url(/_res/kibo/_share/img/ba_bu_ico01.png) no-repeat 0 0;background-size:15px auto}
.ba-ico-btn01 .plus:after {background:url(/_res/kibo/_share/img/ba_bu_ico02.png) no-repeat 0 0;background-size:15px auto}
.ba-ico-btn01 .save:after {background:url(/_res/kibo/_share/img/ba_bu_ico03.png) no-repeat 0 0;background-size:15px auto}
.ba-ico-btn01 .folder:after {background:url(/_res/kibo/_share/img/ba_bu_ico04.png) no-repeat 0 0;background-size:15px auto}
.ba-ico-btn01 .down:after {background:url(/_res/kibo/_share/img/ba_bu_ico05.png) no-repeat 0 0;background-size:15px auto}
.ba-ico-btn01 .search:after {background:url(/_res/kibo/_share/img/ba_bu_ico06.png) no-repeat 0 0;background-size:15px auto}
.ba-ico-btn01 .calendal:after {background:url(/_res/kibo/_share/img/ba_bu_ico07.png) no-repeat 0 0;background-size:15px auto}
.ba-ico-btn01 .check:after {background:url(/_res/kibo/_share/img/ba_bu_ico08.png) no-repeat 0 0;background-size:15px auto}
.ba-ico-btn01 .newin-btn:after {background:url(/_res/kibo/_share/img/newin_bg.png) no-repeat 0 0;background-size:15px auto}
.ba-ico-btn02 .arr:after,
.ba-ico-btn03 .arr:after, 
.ba-ico-btn04 .arr:after {background:url(/_res/kibo/_share/img/ba_bu_ico01_w.png) no-repeat 0 0}
.ba-ico-btn02 .plus:after,
.ba-ico-btn03 .plus:after,
.ba-ico-btn04 .plus:after {background:url(/_res/kibo/_share/img/ba_bu_ico02_w.png) no-repeat 0 0}
.ba-ico-btn02 .save:after,
.ba-ico-btn03 .save:after,
.ba-ico-btn04 .save:after {background:url(/_res/kibo/_share/img/ba_bu_ico03_w.png) no-repeat 0 0}
.ba-ico-btn02 .folder:after,
.ba-ico-btn03 .folder:after,
.ba-ico-btn04 .folder:after {background:url(/_res/kibo/_share/img/ba_bu_ico04_w.png) no-repeat 0 0}
.ba-ico-btn02 .down:after,
.ba-ico-btn03 .down:after,
.ba-ico-btn04 .down:after {background:url(/_res/kibo/_share/img/ba_bu_ico05_w.png) no-repeat 0 0}
.ba-ico-btn02 .search:after,
.ba-ico-btn03 .search:after,
.ba-ico-btn04 .search:after {background:url(/_res/kibo/_share/img/ba_bu_ico06_w.png) no-repeat 0 0}
.ba-ico-btn02 .calendal:after,
.ba-ico-btn03 .calendal:after,
.ba-ico-btn04 .calendal:after {background:url(/_res/kibo/_share/img/ba_bu_ico07_w.png) no-repeat 0 0}
.ba-ico-btn02 .check:after,
.ba-ico-btn03 .check:after,
.ba-ico-btn04 .check:after {background:url(/_res/kibo/_share/img/ba_bu_ico08_w.png) no-repeat 0 0}

.ba-ico-btn01:hover span:before, 
.ba-ico-btn01:hover span:before {background:rgba(64, 75, 87, .5)}
.ba-ico-btn01:hover span:after, 
.ba-ico-btn01:focus span:after,
.ba-ico-btn02:hover span:after, 
.ba-ico-btn02:focus span:after,
.ba-ico-btn03:hover span:after,
.ba-ico-btn03:focus span:after,
.ba-ico-btn04:hover span:after,
.ba-ico-btn04:focus span:after {right:5px}


@media all and (max-width:576px){
  .ba-btn01,
  .ba-btn02,
  .ba-btn03,
  .ba-btn04,
  .ba-btn05 {font-size:0.813em !important}
	a.ba-btn01 span,
  a.ba-btn02 span,
  a.ba-btn03 span,
  a.ba-btn04 span,
  a.ba-btn05 span {padding:7px 10px 8px}
	input.ba-btn01,
  input.ba-btn02,
  input.ba-btn03,
  input.ba-btn04,
  input.ba-btn05,
	button.ba-btn01,
  button.ba-btn02,
  button.ba-btn03,
  button.ba-btn04,
  button.ba-btn05 {padding:0 7px;}
}
 /* 컨텐츠 버튼 */
.co-btn01,
.co-btn02,
.co-btn03,
.co-btn04 {position:relative;display:inline-block;font-size:1em;vertical-align:middle;line-height:1.1;box-sizing:border-box;text-align:center;letter-spacing:-.05em;min-width:160px;font-weight:500;border-radius:5px;transition:all .3s ease}
.co-btn01,
a.co-btn01 {background:#fff;border: 1px solid #aaa;color:#222;}
.co-btn01:hover,
.co-btn01:focus {background:#ddd;border:1px solid #ddd}
.co-btn02,
a.co-btn02 {background: #05367b;border: 1px solid #05367b;color:#fff;}
.co-btn02:hover,
.co-btn02:focus {background: #052a5f;border: 1px solid #052a5f;}
.co-btn03,
a.co-btn03 {background:#404b57;border:1px solid #404b57;color:#fff}
.co-btn03:hover,
.co-btn03:focus {background:#26303b;border:1px solid #26303b}
.co-btn04,
a.co-btn04 {background:#db3360;border:1px solid #db3360;color:#fff}
.co-btn04:hover,
.co-btn04:focus {background:#b41741;border:1px solid #b41741}
a.co-btn01 span,
a.co-btn02 span,
a.co-btn03 span,
a.co-btn04 span {display:block;padding:15px 20px 15px;line-height:1}
input.co-btn01,
input.co-btn02,
input.co-btn03,
input.co-btn04,
button.co-btn01,
button.co-btn02,
button.co-btn03,
button.co-btn04 {position:relative;padding:0 20px;height:48px;text-align:center;cursor:pointer;vertical-align:top}
.co-btn01.disabled,
.co-btn01:disabled {background:#fff;border:1px solid #ccc;color:#ccc}
.co-btn02.disabled,
.co-btn02:disabled {background:#94bbfb;border:1px solid #94bbfb}
.co-btn02-1.disabled,
.co-btn02-1:disabled {background:#fff;border:1px solid #9db9e7;color:#9db9e7}
.co-btn03.disabled,
.co-btn03:disabled {background:#b1bdc9;border:1px solid #b1bdc9;color:#fff}
.co-btn03-1.disabled,
.co-btn03-1:disabled {background:#fff;border:1px solid #97a3af;color:#a6b2bd}
.co-btn04.disabled,
.co-btn04:disabled {background:#eeb8c7;border:1px solid #eeb8c7;color:#fff}
.co-btn04-1.disabled,
.co-btn04-1:disabled {background:#fff;border:1px solid #f2b6c6;color:#f2b6c6}
.co-btn05.disabled,
.co-btn05:disabled {background:#ddd;border:1px solid #ddd;color:#fff}
.co-btn05-1.disabled,
.co-btn05-1:disabled {background:#ddd;border:1px solid #ddd;color:#fff}

@media all and (max-width:768px){
  .co-btn01,
  .co-btn02,
  .co-btn03,
  .co-btn04 {font-size:0.938em}
}
@media all and (max-width:576px){
  .co-btn01,
  .co-btn02,
  .co-btn03,
  .co-btn04 {font-size:0.875em;margin-bottom:5px}
  a.co-btn01 span,
  a.co-btn02 span,
  a.co-btn03 span,
  a.co-btn04 span {padding:12px 15px 12px}
  input.co-btn01,
  input.co-btn02,
  input.co-btn03,
  input.co-btn04,
  button.co-btn01,
  button.co-btn02,
  button.co-btn03,
  button.co-btn04 {padding:0 15px;height:47px}
}
 /* 아이콘 버튼 */
 .ico-btn01,
 .ico-btn02,
 .ico-btn03,
 .ico-btn04 {position:relative;display:inline-block;font-size:1em;vertical-align:middle;line-height:1.1;box-sizing:border-box;text-align:left;letter-spacing:-.05em;min-width:160px;font-weight:500;margin:0 0 5px;border-radius:5px;transition:all .3s ease}
 .ico-btn01,
 a.ico-btn01 {background:#fff;border: 1px solid #aaa;color:#222;}
 .ico-btn01:hover,
 .ico-btn01:focus {background:#ddd;border:1px solid #ddd}
 .ico-btn02,
 a.ico-btn02 {background: #05367b;border: 1px solid #05367b;color:#fff;}
 .ico-btn02:hover,
 .ico-btn02:focus {background: #052a5f;border: 1px solid #052a5f;}
 .ico-btn03,
 a.ico-btn03 {background:#404b57;border:1px solid #404b57;color:#fff}
 .ico-btn03:hover,
 .ico-btn03:focus {background:#26303b;border:1px solid #26303b}
 .ico-btn04,
 a.ico-btn04 {background:#db3360;border:1px solid #db3360;color:#fff}
 .ico-btn04:hover,
 .ico-btn04:focus {background:#b41741;border:1px solid #b41741}
 a.ico-btn01 span,
 a.ico-btn02 span,
 a.ico-btn03 span,
 a.ico-btn04 span {display:block;padding:16px 75px 16px 20px;line-height:1}
.ico-btn01 span:before,
.ico-btn02 span:before,
.ico-btn03 span:before,
.ico-btn04 span:before {content:"";display:block;position:absolute;width:1px;height:20px;right:53px;top:50%;margin:-10px 0 0;transition:all .3s ease}
.ico-btn01 span:before {background:rgba(64, 75, 87, .5)}

.ico-btn01 span:after,
.ico-btn02 span:after,
.ico-btn03 span:after,
.ico-btn04 span:after {content:"";display:block;position:absolute;top:50%;right:14px;margin-top:-11px;width:22px;height:22px;transition:right .3s ease}
.ico-btn01 .arr:after {background:url(/_res/kibo/_share/img/bu_ico01.png) no-repeat 0 0}
.ico-btn01 .plus:after {background:url(/_res/kibo/_share/img/bu_ico02.png) no-repeat 0 0}
.ico-btn01 .save:after {background:url(/_res/kibo/_share/img/bu_ico03.png) no-repeat 0 0}
.ico-btn01 .folder:after {background:url(/_res/kibo/_share/img/bu_ico04.png) no-repeat 0 0}
.ico-btn01 .down:after {background:url(/_res/kibo/_share/img/bu_ico05.png) no-repeat 0 0}
.ico-btn01 .search:after {background:url(/_res/kibo/_share/img/bu_ico06.png) no-repeat 0 0}
.ico-btn01 .calendal:after {background:url(/_res/kibo/_share/img/bu_ico07.png) no-repeat 0 0}
.ico-btn01 .check:after {background:url(/_res/kibo/_share/img/bu_ico08.png) no-repeat 0 0}
.ico-btn02 .arr:after,
.ico-btn03 .arr:after, 
.ico-btn04 .arr:after {background:url(/_res/kibo/_share/img/bu_ico01_w.png) no-repeat 0 0}
.ico-btn02 .plus:after,
.ico-btn03 .plus:after,
.ico-btn04 .plus:after {background:url(/_res/kibo/_share/img/bu_ico02_w.png) no-repeat 0 0}
.ico-btn02 .save:after,
.ico-btn03 .save:after,
.ico-btn04 .save:after {background:url(/_res/kibo/_share/img/bu_ico03_w.png) no-repeat 0 0}
.ico-btn02 .folder:after,
.ico-btn03 .folder:after,
.ico-btn04 .folder:after {background:url(/_res/kibo/_share/img/bu_ico04_w.png) no-repeat 0 0}
.ico-btn02 .down:after,
.ico-btn03 .down:after,
.ico-btn04 .down:after {background:url(/_res/kibo/_share/img/bu_ico05_w.png) no-repeat 0 0}
.ico-btn02 .search:after,
.ico-btn03 .search:after,
.ico-btn04 .search:after {background:url(/_res/kibo/_share/img/bu_ico06_w.png) no-repeat 0 0}
.ico-btn02 .calendal:after,
.ico-btn03 .calendal:after,
.ico-btn04 .calendal:after {background:url(/_res/kibo/_share/img/bu_ico07_w.png) no-repeat 0 0}
.ico-btn02 .check:after,
.ico-btn03 .check:after,
.ico-btn04 .check:after {background:url(/_res/kibo/_share/img/bu_ico08_w.png) no-repeat 0 0}

.ico-btn01:hover span:after, 
.ico-btn01:focus span:after,
.ico-btn02:hover span:after, 
.ico-btn02:focus span:after,
.ico-btn03:hover span:after,
.ico-btn03:focus span:after,
.ico-btn04:hover span:after,
.ico-btn04:focus span:after {right:10px}

.ico-btn01:hover span:before, .ico-btn01:hover span:before {background:rgba(64, 75, 87, .5)}
.ico-btn02 span:before,
.ico-btn03 span:before,
.ico-btn04 span:before {background:rgba(255, 255, 255, .3)}
.ico-btn01 .material-icons,
.ico-btn02 .material-icons, 
.ico-btn03 .material-icons, 
.ico-btn04 .material-icons {position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);right:15px;font-size:1.313em;transition:all .3s ease}
.ico-btn01:hover .material-icons, 
.ico-btn01:focus .material-icons,
.ico-btn02:hover .material-icons, 
.ico-btn02:focus .material-icons,
.ico-btn03:hover .material-icons, 
.ico-btn03:focus .material-icons,
.ico-btn04:hover .material-icons, 
.ico-btn04:focus .material-icons {right:10px}
input.ico-btn01,
input.ico-btn02,
input.ico-btn03,
input.ico-btn04,
button.ico-btn01,
button.ico-btn02,
button.ico-btn03,
button.ico-btn04 {padding:0}
input.ico-btn01 span,
input.ico-btn02 span,
input.ico-btn03 span,
input.ico-btn04 span,
button.ico-btn01 span,
button.ico-btn02 span,
button.ico-btn03 span,
button.ico-btn04 span {display:block;padding:16px 75px 16px 20px;line-height:1}
.ico-btn01.disabled,
.ico-btn01:disabled {background:#fff;border:1px solid #ccc;}
.ico-btn02.disabled,
.ico-btn02:disabled {background: #b3c5e4;border: 1px solid #b3c5e4;}
.ico-btn03.disabled,
.ico-btn03:disabled {background:#b1bdc9;border:1px solid #b1bdc9;}
.ico-btn04.disabled,
.ico-btn04:disabled {background:#eeb8c7;border:1px solid #eeb8c7;}
.ico-btn01.disabled span,
.ico-btn02.disabled span,
.ico-btn03.disabled span,
.ico-btn04.disabled span {opacity:0.3}

 @media all and (max-width:768px){
   .ico-btn01,
   .ico-btn02,
   .ico-btn03,
   .ico-btn04 {font-size:0.938em}
 }
 @media all and (max-width:576px){
   .ico-btn01,
   .ico-btn02,
   .ico-btn03,            
   .ico-btn04 {font-size:0.875em;min-width:150px}
   a.ico-btn01 span,
   a.ico-btn02 span,
   a.ico-btn03 span,
   a.ico-btn04 span {padding:15px 50px 15px 15px}
   .ico-btn01 span:before, 
   .ico-btn02 span:before, 
   .ico-btn03 span:before, 
   .ico-btn04 span:before {right: 36px}
   .ico-btn01 span:after,
  .ico-btn02 span:after,
  .ico-btn03 span:after,
  .ico-btn04 span:after {right:10px;margin-top:-9px;width:18px;height:18px;background-size:18px auto}
  .ico-btn01 .arr:after {background-size:18px auto}
  .ico-btn01 .plus:after {background-size:18px auto}
  .ico-btn01 .save:after {background-size:18px auto}
  .ico-btn01 .folder:after {background-size:18px auto}
  .ico-btn01 .down:after {background-size:18px auto}
  .ico-btn01 .search:after {background-size:18px auto}
  .ico-btn01 .calendal:after {background-size:18px auto}
  .ico-btn02 .arr:after,
  .ico-btn03 .arr:after, 
  .ico-btn04 .arr:after {background-size:18px auto}
  .ico-btn02 .plus:after,
  .ico-btn03 .plus:after,
  .ico-btn04 .plus:after {background-size:18px auto}
  .ico-btn02 .save:after,
  .ico-btn03 .save:after,
  .ico-btn04 .save:after {background-size:18px auto}
  .ico-btn02 .folder:after,
  .ico-btn03 .folder:after,
  .ico-btn04 .folder:after {background-size:18px auto}
  .ico-btn02 .down:after,
  .ico-btn03 .down:after,
  .ico-btn04 .down:after {background-size:18px auto}
  .ico-btn02 .search:after,
  .ico-btn03 .search:after,
  .ico-btn04 .search:after {background-size:18px auto}
  .ico-btn02 .calendal:after,
  .ico-btn03 .calendal:after,
  .ico-btn04 .calendal:after {background-size:18px auto}
  .ico-btn01:hover span:after, 
  .ico-btn01:focus span:after,
  .ico-btn02:hover span:after, 
  .ico-btn02:focus span:after,
  .ico-btn03:hover span:after,
  .ico-btn03:focus span:after,
  .ico-btn04:hover span:after,
  .ico-btn04:focus span:after {right:7px}

   .ico-btn01 .material-icons,
   .ico-btn02 .material-icons, 
   .ico-btn03 .material-icons, 
   .ico-btn04 .material-icons {font-size:1.125em}
   input.ico-btn01 span,
   input.ico-btn02 span,
   input.ico-btn03 span,
   input.ico-btn04 span,
   button.ico-btn01 span,
   button.ico-btn02 span,
   button.ico-btn03 span,
   button.ico-btn04 span {padding:15px 50px 15px 15px}
 }

@media all and (max-width:371px){
   .ico-btn01,
   .ico-btn02,
   .ico-btn03,            
   .ico-btn04 {font-size:0.813em;width:90%}
   a.ico-btn01 span,
   a.ico-btn02 span,
   a.ico-btn03 span,
   a.ico-btn04 span {padding:15px 50px 15px 15px}
   .ico-btn01 span:before, 
   .ico-btn02 span:before, 
   .ico-btn03 span:before, 
   .ico-btn04 span:before {right: 36px}
   .ico-btn01 span:after,
  .ico-btn02 span:after,
  .ico-btn03 span:after,
  .ico-btn04 span:after {right:10px;margin-top:-9px;width:18px;height:18px;background-size:18px auto}
  .ico-btn01 .arr:after {background-size:18px auto}
  .ico-btn01 .plus:after {background-size:18px auto}
  .ico-btn01 .save:after {background-size:18px auto}
  .ico-btn01 .folder:after {background-size:18px auto}
  .ico-btn01 .down:after {background-size:18px auto}
  .ico-btn01 .search:after {background-size:18px auto}
  .ico-btn01 .calendal:after {background-size:18px auto}
  .ico-btn02 .arr:after,
  .ico-btn03 .arr:after, 
  .ico-btn04 .arr:after {background-size:18px auto}
  .ico-btn02 .plus:after,
  .ico-btn03 .plus:after,
  .ico-btn04 .plus:after {background-size:18px auto}
  .ico-btn02 .save:after,
  .ico-btn03 .save:after,
  .ico-btn04 .save:after {background-size:18px auto}
  .ico-btn02 .folder:after,
  .ico-btn03 .folder:after,
  .ico-btn04 .folder:after {background-size:18px auto}
  .ico-btn02 .down:after,
  .ico-btn03 .down:after,
  .ico-btn04 .down:after {background-size:18px auto}
  .ico-btn02 .search:after,
  .ico-btn03 .search:after,
  .ico-btn04 .search:after {background-size:18px auto}
  .ico-btn02 .calendal:after,
  .ico-btn03 .calendal:after,
  .ico-btn04 .calendal:after {background-size:18px auto}
  .ico-btn01:hover span:after, 
  .ico-btn01:focus span:after,
  .ico-btn02:hover span:after, 
  .ico-btn02:focus span:after,
  .ico-btn03:hover span:after,
  .ico-btn03:focus span:after,
  .ico-btn04:hover span:after,
  .ico-btn04:focus span:after {right:7px}

   .ico-btn01 .material-icons,
   .ico-btn02 .material-icons, 
   .ico-btn03 .material-icons, 
   .ico-btn04 .material-icons {font-size:1.125em}
   input.ico-btn01 span,
   input.ico-btn02 span,
   input.ico-btn03 span,
   input.ico-btn04 span,
   button.ico-btn01 span,
   button.ico-btn02 span,
   button.ico-btn03 span,
   button.ico-btn04 span {padding:15px 50px 15px 15px}
}
/*09.안내 - 준비중, 안내페이지, 에러메시지, 로그아웃 */
.mes-box-wr {position:relative;padding:35px 0}
.mes-wr {width:940px;text-align:center;position:relative;letter-spacing:-.05em;box-sizing:border-box;margin:0 auto;padding-top:190px}
.mes-wr:before {content:"";display:block;position:absolute;width:290px;height:180px;right:0;left:0;margin:0 auto;top:0;background:url(/_res/kibo/main/img/info_icon.png) no-repeat 0 0}
.mes-wr.wait:before {background-position:0 0}
.mes-wr.info:before {background-position:-300px 0}
.mes-wr.error:before {background-position:0 -190px}
.mes-wr.logout:before {background-position:-300px -190px}
.mes-wr .title {font-size:1.250em;color:#222;line-height:1.5;font-weight:600;margin:0 0 20px}
.mes-wr .txt {font-size:1em;display:block;color:#555;font-weight:300;margin:0 0 30px}

/*10. 모달 알람 */
.modal_bg{position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;min-height:800px;background-color: #000;opacity: .5;}
.layer-popup{position:fixed;visibility:hidden;z-index:10001;left:50%;top:-9999px;border-radius:5px;background:#f9f9f9;box-shadow:0 0 20px #555;}
.layer-popup.s260{width:260px;}
.layer-popup.s400{width:400px;}
.layer-popup.s490{width:490px;}
.layer-popup.s520{width:520px;}
.layer-popup.s560{width:560px;}
.layer-popup.s620{width:620px;}
.layer-popup.s700{width:700px;}
.layer-popup.s750{width:750px;}
.layer-popup.s760{width:760px;}
.layer-popup.s820{width:820px;}
.layer-popup.s1000{width:1000px;}
.layer-popup .pop_header{height:45px;line-height:45px;font-size:16px;font-weight:bold;border-radius:5px 5px 0 0;background:#05367b;border-bottom:1px solid #05367b;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);box-shadow: 0 1px 3px rgba(0,0,0,.2);padding:0 15px;color: #fff;}
.layer-popup .pop_header img{margin-bottom: 4px; margin-right: 10px;}
.layer-popup .pop_container{padding:20px; background:#fff; border-radius:0 0 5px 5px;}
.layer-popup .pop_container .customer_tab:first-child {margin-top:20px;}
.layer-popup .pop_con_scroll{padding-bottom:0 !important;max-height:500px;overflow-y:auto;}
.layer-popup .pop_con_scroll .foot_btn{padding-bottom:25px;}
.layer-popup .popup_close{position: absolute;cursor: pointer;width: 18px;height: 18px;top: 10px;right: 15px;line-height: normal;}
.layer-popup .txt_dialog{text-align:center;padding:25px 0 25px 0;font-size:16px;color:#333;line-height:20px;font-weight:bold;word-break: break-all;}
.layer-popup .foot_btn{font-size:0;line-height:0;padding-top:20px;text-align:center;}
.layer-popup .btn_n{display:inline-block;width:60px;height:38px;line-height:38px;font-size:14px;text-align:center;color:#fff;border-radius:4px;border-bottom:2px solid #eee;font-size:14px; padding:0;}
.layer-popup .foot_btn .btn_n + .btn_n {margin-left:10px;}
.layer-popup .bg_red{border-color:#b73e3e;background:#b73e3e;}
.layer-popup .bg_orange{border-color:#bf8053;background:#fd9850;}
.layer-popup .bg_gray{border-color:#484848;background:#484848;}
.layer-popup .bg_blue{border-color:#05367b;background:#05367b;}


.ajax_loader{position:relative;width:50px;height:50px;margin:0 auto;}
.ajax_loader .circularG{position:absolute;background-color:#FB3939;width:11px;height:11px;-moz-border-radius:8px;-moz-animation-name:bounce_circularG;-moz-animation-duration:1.04s;-moz-animation-iteration-count:infinite;-moz-animation-direction:normal;-webkit-border-radius:8px;-webkit-animation-name:bounce_circularG;-webkit-animation-duration:1.04s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-ms-border-radius:8px;-ms-animation-name:bounce_circularG;-ms-animation-duration:1.04s;-ms-animation-iteration-count:infinite;-ms-animation-direction:normal;-o-border-radius:8px;-o-animation-name:bounce_circularG;-o-animation-duration:1.04s;-o-animation-iteration-count:infinite;-o-animation-direction:normal;border-radius:8px;animation-name:bounce_circularG;animation-duration:1.04s;animation-iteration-count:infinite;animation-direction:normal;}
.ajax_loader #circularG_1{left:0;top:20px;-moz-animation-delay:0.39s;-webkit-animation-delay:0.39s;-ms-animation-delay:0.39s;-o-animation-delay:0.39s;animation-delay:0.39s;}
.ajax_loader #circularG_2{left:5px;top:5px;-moz-animation-delay:0.52s;-webkit-animation-delay:0.52s;-ms-animation-delay:0.52s;-o-animation-delay:0.52s;animation-delay:0.52s;}
.ajax_loader #circularG_3{top:0;left:20px;-moz-animation-delay:0.65s;-webkit-animation-delay:0.65s;-ms-animation-delay:0.65s;-o-animation-delay:0.65s;animation-delay:0.65s;}
.ajax_loader #circularG_4{right:5px;top:5px;-moz-animation-delay:0.78s;-webkit-animation-delay:0.78s;-ms-animation-delay:0.78s;-o-animation-delay:0.78s;animation-delay:0.78s;}
.ajax_loader #circularG_5{right:0;top:20px;-moz-animation-delay:0.91s;-webkit-animation-delay:0.91s;-ms-animation-delay:0.91s;-o-animation-delay:0.91s;animation-delay:0.91s;}
.ajax_loader #circularG_6{right:5px;bottom:5px;-moz-animation-delay:1.04s;-webkit-animation-delay:1.04s;-ms-animation-delay:1.04s;-o-animation-delay:1.04s;animation-delay:1.04s;}
.ajax_loader #circularG_7{left:20px;bottom:0;-moz-animation-delay:1.17s;-webkit-animation-delay:1.17s;-ms-animation-delay:1.17s;-o-animation-delay:1.17s;animation-delay:1.17s;}
.ajax_loader #circularG_8{left:5px;bottom:5px;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s;-ms-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;}



@media all and (max-width:992px) {
	.mes-wr {width:100%;padding-top:160px}
	.mes-wr:before {width:232px;height:144px;background-size:472px auto}
  .mes-wr.info:before {background-position:-240px 0}
  .mes-wr.error:before {background-position:0 -152px}
  .mes-wr.logout:before {background-position:-240px -152px}
	.mes-wr .title {font-size:1.125em;margin:0 0 15px}
	.mes-wr .txt {font-size:0.938em;margin:0 0 20px}
}
@media all and (max-width:768px) {
	.mes-wr {padding-top:120px}
	.mes-wr:before {width:174px;height:108px;background-size:354px auto}
  .mes-wr.info:before {background-position:-180px 0}
  .mes-wr.error:before {background-position:0 -114px}
  .mes-wr.logout:before {background-position:-180px -114px}
	.mes-wr .title {font-size:0.875em;margin:0 0 10px}
	.mes-wr .txt {margin:0 0 10px}
}