@charset "utf-8";

@import url(normalize.css);
@import url(font.css);
@import url(layout.css);

/*****************************************************
	Common
*****************************************************/

/********** 중단점 **********/ 

@media (min-width: 576px) {} 	/* sm: Small devices (landscape phones, 576px and up) */
@media (min-width: 768px) {} 	/* md: Medium devices (tablets, 768px and up) */
@media (min-width: 992px) {} 	/* lg: Large devices (desktops, 992px and up) */
@media (min-width: 1200px) {} /* xl: Extra large devices (large desktops, 1200px and up) */

/********** 요소 **********/

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	font-size: 16px;
	font-family: 'noto', 'Nanum Gothic', 'Helvetica', sans-serif;
	color: #555;
	line-height: 1.688;
	letter-spacing: -0.025em;	
	overflow-y: scroll;
	/*overflow-anchor: none;*/
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

a {
	color: #555;
	text-decoration: none;
}

wbr:after { content: "\00200B"; } /* for IE */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

[type="radio"], [type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	width: 18px;
	height: 18px;
	/* margin-top: .18em; */
	background-size: contain;
	vertical-align: middle;
}
[type="radio"] {
	background: url(/_res/kibo/_share/img/radio-s.png) no-repeat left center;
}
[type="radio"]:checked {
	background-image: url(/_res/kibo/_share/img/radio-checked-s.png);
}
.radio-box, .b-link-box > p, .b-period-box > p,
.b-search-wrap .type01 > p, .b-privacy-chk-box > p {
	position: relative;
	display:inline-block;
	min-height: 1.5rem;
}
.radio-box label, label {
	display:inline-block;
	vertical-align: middle;
}
.radio-box label, .type01 .b-link-box label, .b-period-box label,
.b-privacy-box.type01 .b-privacy-chk-box label,
.type01 .b-radio + label {
		padding: 0 4px 0 2px;
		margin-right: 11px;
	}
.type01 .b-chk, [type="checkbox"] {border:1px solid #ccc}
.type01 .b-chk:checked[type=checkbox], [type="checkbox"]:checked {background:url(/_res/kibo/_share/img/board/ico-check01.png) no-repeat 50% 50%;}


@media (min-width: 768px) {
	.b-period-box > p [type="radio"], .b-period-box > p [type="checkbox"],
	.b-link-box > p [type="radio"], .b-link-box > p [type="checkbox"],
	.c-chk-box-input [type="radio"] {
		/* margin-top: 0.30em; */
	}

}

@media (min-width: 992px) {
	.b-period-box > p [type="radio"], .b-period-box > p [type="checkbox"],
	.b-link-box > p [type="radio"], .b-link-box > p [type="checkbox"],
	.c-chk-box-input [type="radio"] {
		/* margin-top: 0.30em; */
	}

}

textarea {
	width: 100%;
	padding: 1rem;
}

/********** 공통 스타일 **********/

/* Buttons */
.kb-btn.full-width {
	width: 100%;
}
.kb-btn03,
.kb-md-btn03 {	 
	min-width: 5rem;
	height: 2.813rem;
	line-height: 2.813rem;
	white-space: nowrap;
	border-radius: 5px;
	background-color: #404b57;
	font-size: 0.938rem;
	font-weight: 300;
	color: white;
	transition: background-color 0.3s;
}
.kb-btn03:hover,
.kb-btn03:focus,
.kb-md-btn03:hover,
.kb-md-btn03:focus {
	background-color: #26303a;
}

/* Dropdown - kb-drop01 */
.kb-drop01 {
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none;
	position: relative;
	width: 100%;
	max-width: 210px;
	padding: 15px 30px 15px 15px;
	border: none;
	background: #4a4c5b url(/_res/kibo/_share/img/up-arrow-gray.png) no-repeat right 12px center;
	font-size: 14px;
	color: #aeaeb3;
}
.kb-drop01::-ms-expand {
	display: none;
}

/* Dropdown - kb-drop02 */
.kb-drop02 {
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none;
	position: relative;
	width: 100%;
	/* max-width: 210px;
	padding: 15px 30px 15px 15px; */
	padding: 5px 20px 5px 3px;
	border: none;
	background: url(/_res/kibo/_share/img/down-arrow-gray.png) no-repeat right 5px center;
}
.kb-drop02::-ms-expand {
	display: none;
}
@media (min-width: 768px) {
	.kb-md-btn03 {
		min-width: 11.25rem;
		height: 3.438rem;
	}
	.kb-drop01 {
		font-size: 15px;
	}
}

/********** 기타 **********/

.prefix-icon {
	position: relative;
	padding-left: 30px;
}
.multi-row-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.no-data {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 90px 15px 15px;
	font-size: 16px;
	color: #555;
	text-align: center;
}
.no-data::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 70px;
	height: 70px;	
	border: 3px solid #ddd;
	border-radius: 50%;
	background: url(/_res/kibo/_share/img/exclamation-blue.png) no-repeat center;
}
.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;
}


/***************************************************** 
	Include
*****************************************************/

/********** Header **********/

/* top sub */
.top-sub {
	border-bottom: 1px solid #ccc;
}
.top-sub .container .row {
	margin-left: -31px;
}
.top-sub-layout {	
	justify-content: space-between;
	height: 2.5rem;
}
.top-sub-layout .ly-item,
.top-sub-layout .ly-item .list,
.top-sub-layout .ly-item .list > li {
	height: 100%;
}
.top-sub-layout .ly-item .list > li {
	margin-left: 0;
}
.top-sub-layout .ly-item:first-child .list > li:last-child {
	border-right: 1px solid #ccc;
}
.top-sub-layout .ly-item:first-child .list > li:only-child {
	border-right: none;
}
.top-sub-link {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 10px;
	font-size: 0.938rem;
	color: #454545;
	transition: 0.3s;
}
.top-sub-link:hover,
.top-sub-link:focus {
	background-color: #efefef;
}
.top-sub-link-home {	
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding-left: 30px;
	padding-right: 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #f5f6f8;
	background: #f5f6f8 url(/_res/kibo/_share/img/home-outlined.png) no-repeat center left 10px;
	/*font-size: 0.813rem;*/
	font-size:0;
	letter-spacing: -.075rem;
	transition: 0.3s;
}
.top-sub-item-home:not(:first-child) .top-sub-link-home {	
	border-left: none!important;
}

.top-sub-link-home:hover,
.top-sub-link-home:focus {
	background-color: #efefef;
}
.top-sub-layout .ly-item .right-list > li {
	display: flex;
	align-items: center;
}
.top-sub-layout .right-list > li.top-sub-item-extend,
.top-sub-layout .right-list > li.top-sub-item-auth,
.top-sub-layout .right-list > li.top-sub-item-member {
	display: none;
}
.top-sub-search-box {
	position: relative;
	width: 30px;
	height: 30px;
}
.top-sub-search-box .search-input {
	display: none;
}
.top-sub-search-box .search-btn {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/_res/kibo/_share/img/search.png) no-repeat center right 4px;
}
.top-sub-search-pop {
	position: fixed;
	top: -75px;
	left: 0;
	z-index: 110;
	display: block;
	width: 100%;
	height: 70px;
	background-color: #05367b;
	transition: 0.3s;
}
.top-sub-search-pop.on {
	top: 0;
}
.top-sub-search-pop .search-pop-layout {
	height: 70px;
}
.top-sub-search-pop .search-pop-layout .ly-item:first-child {
	position: relative;
	flex: 1;
}
.top-sub-search-pop .search-pop-layout .ly-item:last-child {
	-ms-flex: 0 0 40px;
	flex: 0 0 40px;	
	max-width: 40px;
	margin-left: 20px;
}
.top-sub-search-pop .search-input {
	display: inline-block;
	width: 100%;
	height: 40px;
	padding: 0 40px 0 10px
}
.top-sub-search-pop .search-btn {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(/_res/kibo/_share/img/search.png) no-repeat center;
}
.top-sub-search-pop .close-search-pop {
	display: block;
	width: 40px;
	height: 40px;
	background: url(/_res/kibo/_share/img/close-white.png) no-repeat center;
}

@media (min-width: 576px) {
	.top-sub-link-home {	
	font-size: 0.938rem;
	padding-right: 10px;
	}
	.top-sub > .container,
	.top-main > .container {
		max-width: 100%;
	}
}
@media (min-width: 992px) {
	.top-sub .container .row {
		margin-left: -15px;
	}
	.top-sub > .container,
	.top-main > .container {
		max-width: 960px;
	}
	.top-sub-layout .ly-item .list > li {
		border: none;		
	}
	.top-sub-layout .ly-item .right-list > li {
		position: relative;
		margin-left: 20px;
	}	
	.top-sub-layout .right-list > li:not(.top-sub-item-lang):not(.top-sub-item-search)::after {
		content: "";
		position: absolute;
		top: 50%;
		right: -10.5px;
		transform: translateY(-50%);
		display: inline-block;
		width: 1px;
		height: 10px;
		background-color: #ccc;
	}
	.top-sub-layout .right-list > li.top-sub-item-extend,
	.top-sub-layout .right-list > li.top-sub-item-auth,
	.top-sub-layout .right-list > li.top-sub-item-member {
		display: block;
	}
	.top-sub-layout .right-list > li.top-sub-item-search {
		margin-left: 5px;
	}
	.top-sub-layout .right-list a {
		display: flex;
		align-items: center;
		height: 100%;
	}
	.top-sub-layout .right-list a:hover,
	.top-sub-layout .right-list a:focus {
		text-decoration: underline;
	}
	.top-sub-link-extend,
	.top-sub-link-auth,
	.top-sub-link-member,
	.top-sub-lang-box {
		padding-left: 17px;
		background-repeat: no-repeat;
		background-position: left center;
		font-size: 15px;
		color: #555;
	}
	.top-sub-link-extend {
		background-image: url(/_res/kibo/_share/img/clock.png);
	}
	.top-sub-link-extend .mark {
		margin-left: 5px;
		font-size: 12px;
		color: #05367b;
	}
	.top-sub-link-auth {
		background-image: url(/_res/kibo/_share/img/lock.png);
	}
	.top-sub-link-member {
		background-image: url(/_res/kibo/_share/img/person.png);
	}
	.top-sub-lang-box {
		display: flex;
		align-items: center;
		background-image: url(/_res/kibo/_share/img/earth.png);
		height: 100%;
		height: -webkit-fill-available;
	}
	.top-sub-lang {
		border: none;
		font-size: 15px;
		color: #555;
	}
	.top-sub-search-box {
		position: relative;
		width: auto;
		height: auto;
	}
	.top-sub-search-box .search-input {
		display: inline-block;
		width: 180px;
		height: 30px;
		padding-right: 30px;
		padding-left: 10px;
		border: none;
		background-color: #f5f6f8;
		font-size: 14px;
	}
	.top-sub-search-box .search-btn {
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(/_res/kibo/_share/img/search.png) no-repeat center right 4px;
	}
	.top-sub-search-pop {
		display: none;
	}
}
@media (min-width: 1200px) {
	.top-sub > .container,
	.top-main > .container {
		max-width: 1140px;
	}
}
@media (min-width: 1300px) {
	.top-sub > .container,
	.top-main > .container {
		max-width: 1230px;
	}
}

/* top main */
.top-main {
	border-bottom: 1px solid #ccc;
}
.top-main.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background-color: white;
}
.top-main-dummy {
  height: 91px;
}
.top-main-layout {
	justify-content: space-between;
	height: 5.625rem;
}
.top-main-logo {
	display: block;
	width: 180px;
}
.top-main-layout > .ly-item {
	display: flex;
	align-items: center;
}
.top-main .gnb-dim {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	display: none;
	background-color: rgba(0, 0, 0, 0.8);
}
.top-main .gnb {
	position: fixed;
	top: 0;
	right: -19.375rem;	
	z-index: 110;
	width: 19.375rem;
	height: 100vh;
	background-color: white;
	overflow: auto;
	transition: right 0.3s;
}
.top-main .gnb.on {
	right: 0;
}
.top-main .gnb > .header {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	padding: 20px 15px 10px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.top-main .gnb-close-btn {
	position: absolute;
	top: 14px;
	right: 15px;
	display: block;
	width: 36px;
	height: 36px;
	background: url(/_res/kibo/_share/img/close.png) no-repeat center;
}
.top-main .gnb-header-layout {
	flex: 100%;
	padding: 0 20px;
	margin-top: 20px;
	font-size: 14px;
	color: #333;
}
.top-main .gnb-header-layout a:hover,
.top-main .gnb-header-layout a:focus {
	text-decoration: underline;
}
.top-main .gnb-header-layout .link-extend .mark {
	font-size: 12px;
	color: #05367b;
}
.top-main .gnb-header-layout .link-list {
	display: flex;
}
.top-main .gnb-header-layout .link-list > li {
	position: relative;
}
.top-main .gnb-header-layout .link-list > li:not(:first-child) {
	margin-left: 20px;
}
.top-main .gnb-header-layout .link-list > li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -10.5px;
	transform: translateY(-50%);
	display: block;
	width: 1px;
	height: 10px;
	background-color: #ccc;
}
.top-main .gnb-logo {
	width: 200px;
}
.top-main .btn-box {
	display: flex;
	margin-left: 10px;
}
.top-main .sitemap-btn {
	position: relative;
	width: 3.125rem;
	height: 3.125rem;
}
.top-main .sitemap-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-left: 1px;
	background-color: #05367b;
}
.top-main .sitemap-btn span {
	display: inline-block;
	width: 1.25rem;
	height: 0.125rem;
	margin-bottom: 0.313rem;
	background-color: white;
}
.top-main .sitemap-btn span:last-child {
	margin-bottom: 0;
}
@media (min-width: 360px) {
	.top-main .gnb {
		right: -21.25rem;
		width: 21.25rem;
	}
}
@media (min-width: 400px) {
	.top-main-logo {
		width: 200px;
	}
	.top-main .gnb {
		right: -22.5rem;
		width: 22.5rem;
	}
}
@media (min-width: 500px) {
	.top-main-logo {
		width: auto;
	}
	.top-main .gnb {
		right: -25rem;
		width: 25rem;
	}
}
@media (min-width: 992px) {
	.top-main {
		position: relative;
	}
	.top-main > .container > .row > [class|="col"] {
		position: static;
	}
	.top-main-layout .branch-list a {		
		padding: 8px 8px;
	}	
	.top-main-layout .ly-item:nth-child(2),
	.top-main .gnb,
	#gnb-list {
		height: 100%;
	}
	#gnb-list > li {
		display: flex;
		align-items: center;
	}
	.top-main .gnb {
		position: static;
		top: auto;
		left: auto;
		right: auto;
		width: 100%;		
		z-index: auto;
		display: block !important;
	}	
	.top-main .gnb > .header {
		display: none;
	}
	.top-main > .container > .row > [class|="col"]:first-child {
		position: static;
	}
	.top-sub-link-home {
		display: flex;
	}
}
@media (min-width: 1200px) {
	.top-main-layout .branch-list a {		
		padding: 8px 10px;
	}	
}

/********** Footer **********/

#footer {
	letter-spacing: -0.05em;
}
/* 배너모음 */
#footer .footer-banner {
	border-top: 1px solid #ddd;
}
#footer .footer-banner > .container {
	position: relative;
}
#footer .footer-banner [class|="col"]:first-child,
#footer .footer-banner [class|="col"]:last-child {
	padding-top: 15px;
	padding-bottom: 15px;
	min-height: 60px;
}
#footer .footer-banner [class|="col"]:first-child {	
	display: flex;
	align-items: center;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;	
}
#footer .footer-banner [class|="col"]:last-child {
	position: static;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}
#footer .footer-banner-title {
	display: none;
	font-size: 1.25rem;
	font-weight: 500;
	color: #222;
}
#footer .footer-banner-carousel .item {
	padding-left: 1px;
	padding-right: 1px;
}
#footer .footer-banner-carousel .item a {
	position: relative;
	display: block;	
	height: 40px;
	padding: 0 10px;
	border: 1px solid #ccc;
}
#footer .footer-banner-carousel .item img {
	width: auto;
	max-width: 95%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#footer .carousel-wrapper {
	position: relative;
}
#footer .carousel-btns {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	width: auto;
}
#footer .carousel-btns button {
	background-repeat: no-repeat;
	background-position: center;
	padding: 0 6px;
}
#footer .carousel-btns button.prev-btn {
  background-image: url(/_res/kibo/_share/img/left-arrow-gray.png);
}
#footer .carousel-btns button.next-btn {
  background-image: url(/_res/kibo/_share/img/right-arrow-gray.png);
}
#footer .carousel-btns button.play-pause.pause {
  background-image: url(/_res/kibo/_share/img/pause-gray.png);
}
#footer .carousel-btns button.play-pause.play {
  background-image: url(/_res/kibo/_share/img/play-gray.png);
}
#footer .carousel-btns button:disabled {
	opacity: 0.5;
	cursor: auto;
}
#footer .carousel-btns button span {
	display: inline-block;
	text-indent: -5000em;
}
@media (min-width: 576px) {
	#footer .footer-banner [class|="col"]:first-child {
		-ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
	}
	#footer .footer-banner [class|="col"]:last-child {
		-ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
	}
}
@media (min-width: 768px) {	
	#footer .footer-banner-carousel .item a {
		height: 60px;
	}
}
@media (min-width: 992px) {
	#footer .footer-banner [class|="col"]:first-child,
	#footer .footer-banner [class|="col"]:last-child {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	#footer .footer-banner [class|="col"]:first-child {
		-ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
	}
	#footer .footer-banner [class|="col"]:last-child {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
	}
}
@media (min-width: 1200px) {
	#footer .footer-banner [class|="col"]:first-child {
		-ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
	}
	#footer .footer-banner [class|="col"]:last-child {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
	}
	#footer .carousel-btns {
		left: 100px;
	}
}
@media (min-width: 1300px) {
	#footer .carousel-btns {
		left: 107px;
	}
}

/* footer main */
#footer .footer-main {
	position: relative;
	padding-bottom: 25px;
	background-color: #383a49;
	color: #858796;
}
.container.footer-main-container {
	max-width: 100%;
}
#footer .footer-main > .container > .row {	
	position: relative;
	padding: 7px 0 10px;
}
#footer .footer-main > .container > .row:first-child > [class|="col"]::after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #565763;
}
#footer .term-list {
	height: 100%;
	flex-wrap: wrap;
	justify-content: center;
	display: block;
}
#footer .term-list > li {
	position: relative;	
	margin-left: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	display: inline-block;
	width: 49%;
	max-width: none;
	text-align: center;
}
.cont-main .digital-link-list li {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	margin: 0;
	display: flex;
	align-items: center;
	padding-left: 8px;
	padding-right: 8px;
}
#footer .term-list > li:first-child {
	margin-left: 0;
}
#footer .term-list > li > a {
	font-size: 12.5px;
	color: white;
	text-decoration: none;
	white-space: nowrap;
	letter-spacing: -0.1em;
}
#footer .term-list > li > a:hover,
#footer .term-list > li > a:focus {
	text-decoration: underline;
}
#footer .term-list > li:first-child > a {
	color: #a5c236;
}
#footer .term-list > li:nth-child(2) > a {
	color: #fcce0b;
}
#footer .sns-list {
	justify-content: center;
}
#footer .address-layout {
	flex-direction: row;
	flex-wrap: wrap;
}
#footer .ly-item-logo {
	flex: 100%;
	text-align: center;
}
#footer .ly-item-logo img {
	width: 30%;
}
#footer .ly-item-address {
	flex: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	height: 100%;
	text-align: center;
}
#footer .ly-item-address address {
	font-style: normal;
	font-size: 12.5px;
	word-break: keep-all;
}
#footer .copyright {
	margin-bottom: 16px;
	color: #5b5d6c;
	text-transform: uppercase;	
}
#footer .rel-site-col {
	text-align: center;
}
@media (min-width: 340px) {
	#footer .footer-main > .container > .row {	
		padding: 20px 0;
	}
	#footer .footer-main > .container > .row:first-child > [class|="col"]::after {
		bottom: -20px;
	}
	#footer .term-list {
		display: flex;
	}
	#footer .term-list > li {
		width:auto;
		padding-right: 15px;
		display:block;
	}
}
@media (min-width: 380px) {
	#footer .term-list > li > a {
		font-size: 13px;
		color: white;
		text-decoration: none;
		white-space: nowrap;
	}
	#footer .ly-item-address address {
		font-size: 13px;
	}
}
@media (min-width: 400px) {
	#footer .term-list > li > a {
		letter-spacing: -0.05em;
	}
}
@media (min-width: 450px) {
	#footer .term-list > li > a {
		font-size: 14.5px;
	}
	#footer .ly-item-logo img {
		width: auto;
	}
}
@media (min-width: 500px) {
	#footer .term-list > li > a {
		font-size: 15px;
	}
}
@media (min-width: 576px) {
	.footer-banner > .container {
		max-width: none;
	}
	#footer .ly-item-logo {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#footer .footer-main > .container > .row:first-child > [class|="col"]::after {
		bottom: -25px;
	}
	#footer .term-list > li {		
		flex: 0 1 auto;
		text-align: left;
	}
	#footer .term-list > li > a {
		font-size: 15px;
	}
}
@media (min-width: 768px) {
	#footer .footer-main > .container > .row {		
		height: auto;
	}
	#footer .footer-main > .container > .row:first-child > [class|="col"]::after {
		display: none;
	}
	#footer .term-list {
		justify-content: flex-start;
	}
	#footer .term-list > li {
		padding-right: 0;
		margin-right: 30px;
	}
	#footer .term-list > li:not(:last-child)::after {
		content: "";
		position: absolute;
		top: 50%;
		right: -18px;
		transform: translateY(-50%);
		display: inline-block;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background-color: #747580;
	}
	#footer .term-list > li > a {
		font-size: 1rem;
	}
	#footer .sns-list {
		position: absolute;
		top: 17px;
		right: 15px;
	}
	#footer .sns-list img {
		display: block;
	}
	#footer .footer-main::after {
		display: none;
	}
	#footer .footer-main > .container > .row:nth-child(2) {
		padding-bottom: 0;
	}
	#footer .footer-main > .container > .row:first-child::after {
		content: "";
		position: absolute;
		left: 15px;
		bottom: 2px;
		display: block;
		width: calc(100% - 30px);
		border-bottom: 1px solid #565763;
	}
	#footer .ly-item-address address {
		font-size: 15px;
	}
	#footer .address-layout {
		flex-wrap: nowrap;
	}
	#footer .ly-item-logo {
		flex: 0 1 auto;
		text-align: left;
	}
	#footer .ly-item-address {
		flex: 1;
		padding-left: 20px;
		text-align: left;
	}
	#footer .copyright {
		margin-bottom: 0;
	}	
	#footer .rel-site-col {
		text-align: right;
	}
}
@media (min-width: 992px) {
	.footer-banner > .container {max-width: 960px;}
	.container.footer-main-container {
		position: relative;
		max-width: 960px;			
	}
	#footer .ly-item-address address {
		font-size: 16px;
	}
}
@media (min-width: 1200px) {
	.footer-banner > .container {max-width: 1140px;}
	.container.footer-main-container {
		max-width: 1140px;			
	}
	#footer .footer-banner-title {
		display: block;
	}
}
@media (min-width: 1300px) {
	.footer-banner > .container {max-width: 1230px;}
	.container.footer-main-container {
		max-width: 1230px;			
	}
}

/* 챗봇 */
.chatbot {
	position: fixed;	
	bottom: 120px;
	right: 15px;
	z-index: 49;
	display: flex;
	align-items: center;
	min-width: 60px;
	min-height: 60px;	
}
.chatbot .cb-btn {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 60px;
	height: 60px;
	border: 1px solid #ddd;
	border-radius: 50%;
	background: #7897d5 url(/_res/kibo/_share/img/chatbot.gif) no-repeat center;
	background-size: 40px auto;
	text-indent: -5000em;
	transition: 0.3s;
}
.chatbot.on .cb-btn {
	border-color: #2e84f9;
}
.chatbot .cb-link {
	position: relative;
	display: none;
	box-sizing: content-box;
	right: 30px;
	height: 60px;
	width: 100%;
	max-width: calc(100vw - 80px);
	line-height: 60px;
	padding-right: 40px;
	padding-left: 20px;
	border-top-left-radius: 1000px;	
	border-bottom-left-radius: 1000px;	
	background-color: #2e84f9;
	transition: background-color 0.3s;
}
.chatbot .cb-link .cb-text {
	/*display: inline-block;*/
	width: 100%;
	color: white;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.chatbot .cb-link:hover,
.chatbot .cb-link:focus {
	background-color: hsl(215, 94%, 42%);
}
.chatbot .cb-close-btn {
	position: absolute;
	top: 0;
	left: -30px;
	width: 20px;
	height: 20px;
	margin:0;
	padding:0;
	border: 1px solid #2e84f9;
	border-radius: 50%;		
	background: white url(/_res/kibo/_share/img/close-blue-sm.png) no-repeat center;
	text-indent: -5000em;

}
@media (min-width: 1500px) {
	.chatbot {
		right: calc(50% - (1200px / 2) - 110px);
	}
}

/* Top 버튼 */
.go-to-top {
	position: fixed;
	bottom: 50px;
	right: 15px;
	z-index: 49;
	display: none;
	width: 60px;
	height: 60px;
	padding-top: 27px;
	border-radius: 50%;
	background: #7f7f7f url(/_res/kibo/_share/img/arrow-up-white.png) no-repeat top 19px center;
	font-size: 13px;
	font-weight: 200;
	color: white;
	text-align: center;
	opacity: 0.85;
	transition: background-color 0.3s;
}
.go-to-top:hover,
.go-to-top:focus {
	background-color: hsl(0, 0%, 35%);
}
@media (min-width: 1500px) {
	.go-to-top {
		right: calc(50% - (1200px / 2) - 110px);
	}
}

/********** Sub Visual **********/

.sub-visual {
	position: relative;
	height: 150px;
	max-width: 2000px;
	margin: 0 auto;
	color: white;
}
.sub-visual .sv-inner {
	position: relative;
	height: 100%;
	overflow: hidden;
}
.sub-visual .sv-inner .sv-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.2);
	height: 100%;
	transition: transform 3s ease;
}
.sub-visual .sv-inner .sv-img.on {
	transform: translate(-50%, -50%) scale(1);
}
.sub-visual .sv-text-box {	
	display: none;
	position: relative;
	padding-top: 35px;
	color: white;
	text-align: center;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.sub-visual .sv-title {
	font-size: 1.875rem;
	font-weight: bold;
}
.sub-visual .sv-tagline {
	font-size: 1rem;
	font-weight: 300;
}
.sub-visual .sv-footer-box {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 51;
	width: 100%;
	height: 52.5px;
	background-color: rgba(41, 57, 80, 0.75);
}
.sv-footer-layout {
	height: 52.5px;
}
.sv-footer-box.fixed .sv-footer-layout {
	height: 56px;
}
@media (min-width: 992px) {
	.sv-footer-layout > .ly-item:first-child {
		position: relative;
		left: 210px;
	}	
}
@media (min-width: 1200px) {
	.sv-footer-layout > .ly-item:first-child {
		left: 235px;
	}	
}

/* breadcrumb */
.breadcrumb-box {
	display: none;
	padding-left: 6px;
}
.breadcrumb > ol {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0;
	padding-left: 0;
	list-style: none;
}
.breadcrumb > ol > li {
	display: inline;
}
.breadcrumb > ol > li {
	position: relative;		
}
.breadcrumb > ol > li::after {
	content: '';
	position: absolute;	
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	display: inline-block;	
	width: 1px;
	height: 25px;
	background-color: rgba(255, 255, 255, 0.3);
}
.breadcrumb > ol > li:first-child {
	padding-right: 10px;
}
.breadcrumb > ol > li:not(:first-child) {
	width: 130px;
}
.breadcrumb a {
	color: #555;
	font-size: 1rem;
}
.breadcrumb a[href]:hover,
.breadcrumb a[href]:focus {
	text-decoration: underline;
}
.breadcrumb > ol > li:first-child a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
}
.breadcrumb .dropdown {
	position: relative;
	display: block;
	width: 100%;
	height: 52.5px;
}
.sv-footer-box.fixed .breadcrumb .dropdown {
	height: 56px;
}
.breadcrumb .dropdown-toggle {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0 40px 0 20px;
	color: hsl(0, 0%, 70%);
	font-size: 0.875rem;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: 0.3s;
}
.breadcrumb .dropdown-toggle::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(45deg);
	display: inline-block;	
	width: 9px;
	height: 9px;
	border: solid hsl(0, 0%, 50%);
	border-width: 0 2px 2px 0;
}
.breadcrumb > ol > li:nth-child(5) .dropdown-toggle,
.breadcrumb > ol > li:nth-child(5) .dropdown-toggle::after,
.breadcrumb > ol > li:last-child .dropdown-toggle,
.breadcrumb > ol > li:last-child .dropdown-toggle::after {
	color: white;
	border-color: white;
} 
.breadcrumb .dropdown-toggle[aria-current="page"]::after {
	border-color: white;
}
.breadcrumb .dropdown-menu {
	position: absolute;
	top: 52.5px;
	left: 0;
	display: block;
	visibility: hidden;
	width: 100%;	
	background-color: white;
	overflow: hidden;
}
.sv-footer-box.fixed .breadcrumb .dropdown-menu {
	top: 56px;
}
@media (min-width: 992px) {
	.sub-visual {
		height: 250px;
		margin-bottom: 30px;
	}
	.sub-visual .sv-title {
		font-size: 2.313rem;
	}
	.sub-visual .sv-tagline {
		font-size: 1.125rem;
	}
	.sub-visual .sv-footer-box {
		display: block;
	}
	.sub-visual .sv-footer-box.fixed {
		position: fixed;
		top: 91px;
		left: 0;
		z-index: 52;
		height: 56px;
		background-color: rgba(41, 57, 80, 1);
	}
	.sub-visual .sv-footer-box.fixed .sv-footer-layout > .ly-item:first-child {
		left: -15px;
	}
	.sv-footer-box.fixed .breadcrumb > ol > li:not(:first-child) {		
		width: 180px;
	}
	.breadcrumb > ol > li:nth-child(6) {
		display:none;
	}
	.sv-footer-box.fixed .breadcrumb .dropdown-toggle {
		font-size: 1rem;
	}
	.breadcrumb-box {
		display: block;
	}
	.breadcrumb .dropdown-menu a {
		display: block;
		padding: 12px 15px;
		border: 1px solid #ccc;
		border-bottom: none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: 0.2s;
	}	
	.breadcrumb .dropdown-menu a:hover,
	.breadcrumb .dropdown-menu a:focus {
		text-decoration: none;
		background-color: #eaebef;
	}
	.breadcrumb .dropdown-menu a.active {
		color: #05367b;
    font-weight: 500;
	}
	.breadcrumb .dropdown-menu a.active span {
		position: relative;
	}
	.breadcrumb .dropdown-menu a.active span::after {
		content: "";
		position: absolute;
		top: 0;
		right: -10px;
		display: inline-block;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background-color: #05367b;
	}
	.breadcrumb .dropdown-menu > li:first-child a {
		border-top: none;
	}
	.breadcrumb .dropdown-menu > li:last-child a {
		border-bottom: 1px solid #ccc;
	}
}
@media (min-width: 1200px) {
	.breadcrumb .dropdown-toggle {
		font-size: 1rem;	
	}
	.breadcrumb > ol > li:not(:first-child) {
		width: 170px;
	}
	.sv-footer-box.fixed .breadcrumb > ol > li:not(:first-child) {
		width: 200px;
	}
	
}

/* 화면 확대, 축소 */
.ly-item-zoom {
	display: flex;
	align-items: center;
}
.zoom-box {
	display: none;
}
.zoom-box .zoom-in,
.zoom-box .zoom-out {
	position: relative;
	width: 1.875rem;
	height: 1.875rem;
}
.zoom-box .zoom-in::before,
.zoom-box .zoom-out::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 15px;
	height: 1px;
	background-color: white;
}
.zoom-box .zoom-in::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 1px;
	height: 15px;
	background-color: white;
}
.zoom-box .curr-zoom {
	display: flex;
	align-items: center;
	margin: 0 5px;
	font-size: 0.938rem;
	letter-spacing: 0;
	color: white;
}
@media (min-width: 992px) {
	.zoom-box {
		display: flex;
	}
}

/* 공유, 프린트 아이콘 */
.icon-box {
	position: relative;
	min-width:90px;
	height: 40px;
	padding:3px 0;
	padding-left: 10px;
	margin-left: 5px;
	text-align:right;
}
/* .icon-box::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: inline-block;
	width: 1px;
	height: 1.563rem;
	background-color: #ccc;
} */
.icon-box .icon-share,
.icon-box .icon-print {
	width: 2rem;
	height: 2rem;
}
.icon-box .icon-print {
	margin-left: 5px;
}
.icon-box .icon-share,
.icon-box .icon-print {
	background-repeat: no-repeat;
	background-position: center;
}
.icon-box .icon-share {
	background-image: url(/_res/kibo/_share/img/share.png);
}
.icon-box .icon-print {
	background-image: url(/_res/kibo/_share/img/print.png);
}

.icon-box .dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 2;
	float: left;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0.125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
}
.icon-box .dropdown-menu > a {
	display:block;
	padding: 4px 14px;
}
.icon-box .dropdown-menu > a > img {
	margin-right:6px;
	vertical-align:middle;
}
.icon-box .dropdown-menu > a:hover,
.icon-box .dropdown-menu > a:focus {
	background:#f0f0f1
}
@media (min-width: 992px) {
	.icon-box .icon-share,
	.icon-box .icon-print {
	width: 2.5rem;
	height: 2.5rem;
}
}


/********** Side **********/

/* 사이드 메뉴 */
.main-container > .row > [class|="col"]:first-child {
	padding: 0;
}
#side {
	position: relative;
}
#side > header .sec-title,
#side > header .sec-title button {
	width: 100%;
	height: 100%;
}
#side > header {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3.25rem;
	border-bottom: 2px solid #404b57;
	text-align: center;
	background-color:#52606f;
}
#side > header .sec-title button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1.125rem;
	font-weight: 500;
	letter-spacing: -0.05em;
	color: #fff;
}
#side > header .sec-title button .side-title-btn-text {
	position: relative;
}
#side > header .sec-title button .side-title-btn-text::before {
	content: "";
	position: absolute;
	top: 50%;
	right: -20px;
	z-index: 1;
	transform: translateY(-60%) rotate(45deg);
	border-style: solid;
	border-width: 0 2px 2px 0;
	width: 8px;
	height: 8px;
	pointer-events: none;
	color: white;
	transition: 0.3s;
}
#side.on > header .sec-title button .side-title-btn-text::before {
	transform: translateY(-40%) rotate(-135deg);
}
#side > header .sec-title button::after {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	padding-right: 4px;
	margin-left: 8px;
	border-radius: 50%;
	font-size: 26px;
	color: #05367b;
	text-align: center;
	transition: 0.3s;
}
#side .side-menu {
	position: absolute;
	z-index: 50;
	display: none;
	width: 100%;
	background-color: white;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35) ;
}
#side .side-menu-list {
	display: flex;
	flex-wrap: wrap;
	/* padding: 12px 16px; */
	padding: 16px;
	margin: 0;
	list-style: none;
}
#side .side-menu-list > li {
	/* -ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%; */
	width: 100%;
	margin-bottom: 15px;
}
#side .side-menu-list > li:last-child {
	margin-bottom: 2px;
}
#side .side-menu-list > li [role="menuitem"] {
	position: relative;
	display: block;
	padding-left: 10px;
	font-size: 1rem;
	color: #333;
	letter-spacing: -.05em;
	line-height: 1.3;
}
#side .side-menu-list > li [role="menuitem"].active {
	color: #285fba;
  font-weight: 500
}
#side .side-menu-list > li [role="menuitem"]::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;	
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #285fba;
}
#side .side-menu-list > li [role="menuitem"]:hover,
#side .side-menu-list > li [role="menuitem"]:focus {
	/*background-color: hsl(0, 0%, 90%);*/
	color:#285fba;
	font-weight:500
}
#side .side-menu-list > li > [role="menuitem"][aria-haspopup="true"] {
	position: relative;
}
#side .side-menu-list > li > [role="menuitem"]::after {
	transition: 0.3s;
}
#side .side-menu-list > li > [role="menuitem"][aria-haspopup="true"][aria-expanded="false"]::after {
	content: "+";
	position: absolute;
	top: -2px;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	color: #aaa;
	font-size: 20px;
}
#side .side-menu-list > li > [role="menuitem"][aria-haspopup="true"][aria-expanded="true"]::after {
	content: "-";
	position: absolute;
	top: -2px;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	color: #aaa;
	font-size: 20px;
}
#side .side-menu-list > li > [role="menu"] {
	list-style: none;
	display: none;
}
#side .side-menu-list > li > [role="menu"] > li [role="menuitem"] {
	margin-left: 8px;
	margin-bottom: 7px;
	color: #666;
	font-size: 0.938rem
}
#side .side-menu-list > li > [role="menu"] > li [role="menuitem"].active {
	color: #222;
  border-bottom:none;
  font-weight: 500
}
#side .side-menu-list > li > [role="menu"] > li [role="menuitem"]:hover,
#side .side-menu-list > li > [role="menu"] > li [role="menuitem"]:focus {
	color:#222;
}
#side .side-menu-list > li > [role="menu"] > li [role="menuitem"]::before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	display: inline-block;
	width: 5px;
	height: 2px;
	border-radius: 0;
	background-color: #ccc;
}
#side .side-menu-list > li > [role="menu"] > li:first-child [role="menuitem"] {
	margin-top: 10px;
}
#side .side-menu-list > li > [role="menu"] > li:last-child [role="menuitem"] {
	margin-bottom: 0;
}
@media (min-width: 992px) {
	.main-container > .row > [class|="col"]:first-child {
		position: relative;
		top: -181.2px;
		left: auto;
		z-index: 51;
		width: 100%;
		padding: 0 15px;
	}
	#side > header {
		justify-content: flex-start;
		height:0;
		height: 6.2rem;
		border: none;
		/* background: #1f4a90 url(/_res/kibo/_share/img/left_top_bg.png) repeat-x; */
		background-color: rgba(82, 96, 111, 0.8);
		text-align: center;
	}
	#side > header .sec-title,
	#side > header .sec-title button {
		width: auto;
		height: auto;
	}

	#side > header .sec-title {display:block;margin: 0 auto}
	
	#side > header .sec-title button {
		font-size: 1.563rem;
		cursor: auto;
		outline: none;
		margin:20px 0;
		color: #fff;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	}
	#side > header .sec-title button .side-title-btn-text::before {
	   display: none;
   	   width:6px;
   	   height:6px;
   	   border-radius: 50%;
   	   background: #b2d233;
   	   right: -5px;
   	   top: -5px;
   	   transition:none;
   	   color: #b2d233;
	}
	#side > header .sec-title button::after {
		display: none;
	}	
	#side .side-menu {		
		position: static;
		margin:0px 0 70px;
		box-shadow: none;
	}	
	#side .side-menu-list > li {
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		max-width: none;
		width: 100%;
	}
}
/* 레이아웃 */
@media (min-width: 1200px) {
	.main-container > .row > [class|="col"]:nth-child(1) {
    -ms-flex: 0 0 265px;
    flex: 0 0 265px;
    max-width: 265px;
  }
  .main-container > .row > [class|="col"]:nth-child(2) {
    -ms-flex: 0 0 875px;
    flex: 0 0 875px;
    max-width: 875px;
	}
}
@media (min-width: 1300px) {
	.main-container > .row > [class|="col"]:nth-child(1) {
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px;
    padding-right: 50px;
  }
  .main-container > .row > [class|="col"]:nth-child(2) {
    -ms-flex: 0 0 930px;
    flex: 0 0 930px;
    max-width: 930px;
    padding-left: 0;
	}
}

/* 고객센터 안내 */
.side-contact {
	display: none;
	padding: 25px;
	border: 1px solid #ccc;
	font-style: normal;
}
.side-contact-title {
	padding-left: 33px;
	background: url(/_res/kibo/_share/img/headset.png) no-repeat left center;
	font-size: 1.063rem;
	font-weight: 500;
	color: #222;
}
.side-contact-tel a {
	font-family: "bio-sans", sans-serif;
	font-size: 1.938rem;
	font-weight: 600;
	color: #db3360;
	letter-spacing: -.025em;
}
.side-contact-time,
.side-contact-desc {
	font-size: 0.9375rem;
	font-weight: 300;
	color: #777;
}

@media (min-width: 992px) {
	.side-contact {		
		display: block;
	}	
}
@media (min-width: 1200px) {
	.side-contact {		
		padding: 29px;
	}
	.side-contact-tel a {
		font-size: 2.188rem;
	}
}


/***************************************************** 
	Contents
*****************************************************/

/* 메인 섹션 공통 */
#main-section {
	padding-top: 5px;
	padding-bottom: 50px;
}
#main-section > header {
	margin: 15px 0 20px;
	padding-bottom:10px;
	border-bottom:1px solid #e0e0e0;
}
#main-section > header .sec-title {
	font-size: 1.438rem;
	font-weight: 700;
	line-height:1.25;
	letter-spacing: -0.05em;
	color: #222;
	word-break: keep-all
}
#main-section-body {
	margin-bottom: 36px;
}
@media (min-width: 420px) {
	#main-section > header .sec-title {
		font-size: 1.563rem;
	}
}
@media (min-width: 576px) {
	.container.main-container {
		max-width: none;
	}
}
@media (min-width: 768px) {
	#main-section-body {
		min-height: 500px;
	}
	#main-section > header .sec-title {
		font-size: 1.875em;
	}
}
@media (min-width: 992px) {
	.container.main-container {
		max-width: 960px;
	}	
	#main-section {
		padding-top: 0;
	}
	#main-section > header {
		padding-bottom: 22px;
		margin-top: 0;
	}
}
@media (min-width: 1200px) {
	.container.main-container {
		max-width: 1140px;
	}
	#main-section > header {
		margin: 0 0 30px
	}
	#main-section > header .sec-title {
		font-size: 2rem;
	}
}
@media (min-width: 1300px) {
	.container.main-container {
		max-width: 1230px;
	}
}

/* sitemap */
.sitemap {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sitemap .ly-item {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.sitemap .ly-item .kb-title01 {
	margin-top:20px
}
.sitemap .ly-item .kb-title03 {
	margin-right:20px;
	padding:10px;
	background: #f5f6f8;
	border-radius:50px;
	font-size: 1.125rem;
	letter-spacing: -.05em;
}
.sitemap .ly-item ul > li > a {
	word-break:keep-all;
}


@media (min-width: 768px) {
.sitemap .ly-item {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.sitemap .ly-item .kb-title01 {
	margin-top:0
}
}

/***************************************************** 
	Components
*****************************************************/

/* List */
.list {
	list-style: none;
	display: flex;
	align-items: center;
}
.list > li {
	margin-left: 5px;
}
.list > li:first-child {
	margin-left: 0;
}
/* Carousel */
.carousel-wrapper .prev-btn,
.carousel-wrapper .next-btn,
.carousel-wrapper .play-pause-btn {
	position: relative;
}
.carousel-wrapper .play-pause-btn {
	margin: 0 4px;
}
/* .carousel-wrapper .play-pause-btn::before, */
.carousel-wrapper .prev-btn::before,
.carousel-wrapper .next-btn::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 28px;
	color: #aaa;
}
.carousel-wrapper .prev-btn::before {
	background-image: url(/_res/kibo/_share/img/left-arrow-gray.png);
}
.carousel-wrapper .next-btn::before {
	background-image: url(/_res/kibo/_share/img/right-arrow-gray.png);
}
/* .carousel-wrapper .play-pause-btn span, */
.carousel-wrapper .prev-btn span,
.carousel-wrapper .next-btn span {
	display: inline-block;
	text-indent: -5000em;
}
.owl-carousel .owl-item img {
	max-width: 100%;
	width: auto;
}

/* Jumbotron */
.jumbo {	
	padding: 4.375rem 2.813rem;	
	background: #f5f6f8 url(/_res/kibo/_share/img/jumbo-bg.png) no-repeat right bottom;
	background-size: 95%;
	letter-spacing: -0.05em;
}
.jumbo-title-box {
	position: relative;
}
.jumbo-tagline {
	margin-bottom: 16px;
	font-size: 1.438rem;
	font-weight: 400;
	color: #444;
}
.jumbo-focus {
	font-weight: 700;	
}
.jumbo-title {
	font-size: 2.188rem;
	font-weight: 700;
	color: #05367b;	
}
.jumbo-deco {
	position: absolute;
	top: -18px;
	left: 0;
	display: inline-block;
	width: 35px;
	height: 2px;
	background-color: #05367b;
}
@media (min-width: 768px) {
	.jumbo {	
		background-size: auto;
	}
	.list > li {
		margin-left: 10px;
	}
}

/* 의견등록 */
.opi {
	border: 1px solid #ccc;
}
.opi-header,
.opi-body {
	padding: 10px;
}
.opi-header {
	background-color: #f6f6f6;
	flex-wrap: wrap;
}
.opi-header .ly-item-info,
.opi-header .ly-item-count {
	flex: 100%;
}
.opi-header .ly-item-info {
	width: 100%;
	margin-bottom: 8px;
}
.opi-header .ly-item-count {
	display: flex;
	align-items: center;
	justify-content: center;
}
.opi-header .ly-item-count::before {
	content: url(/_res/kibo/_share/img/join.png);
	display: inline-block;
	width: 23px;
	height: 22px;
	margin-right: 6px;
}
.opi-header-list {
	width: 100%;
	justify-content: center;
	display: block;
}
.opi-header-list li {
	position: relative;
	padding: 0 10px;
	margin: 0;
	word-break: keep-all;
	width: 32%;
  display: inline-block;
	vertical-align: top;
	text-align: center;
}
.opi-header-list li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -0.5px;
	transform: translateY(-50%);
	display: none;
	width: 1px;
	height: 12px;
	background-color: #ccc;
}
.opi-header-list li:first-child {
	padding-left: 0;
}
.opi-header-list li:last-child {
	padding-right: 0;
}
.opi-label,
.opi-value {
	font-size: 0.875rem;
}
.opi-label {
	color: #222;
	margin-right: 8px;
	display:none;
}
.opi-title {
	display: inline-block;
	margin-bottom: 10px;
	padding-left: 30px;
	font-size: 0.9375rem;
	color: #222;
	background: url(/_res/kibo/_share/img/opi-tit-bg.png) no-repeat 0 0;
}
.opi-input-box {
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
.opi-body textarea {
	border: none;
	border-radius: 5px;
	background-color: #f8f9fc;
	resize: none;
	font-size: 0.9375rem;
	color: #555;
}
.opi-btn-box {
	align-items: center;
	flex-wrap: wrap;
}
.opi-btn-box > .ly-item {
	flex: 0 0 100%;
	max-width: 100%;
}
.opi-btn-box .ly-item-radio {
	margin-bottom: 1rem;
}
.opi-radio-list {
	flex-wrap: wrap;
}
.opi-radio-list > li {
	flex: 0 0 50%;
	max-width: 50%;
	margin: 0 0 4px;
}
.opi-radio-list > li:nth-last-child(-n + 2) {
	margin: 0;
}
.opi-radio-list [type="radio"] {
	width: 31px;
	height:31px;
	margin-top: 0;
	background-size: auto;
}
.opi-radio-list label {
	/* display: flex; */
	/* align-items: center; */
	font-size: 0.875rem;
	font-weight: 300;
	cursor: pointer;
	line-height: 31px;
}
.opi-radio-list label [type="radio"] {
	margin-right: 4px;
	background: url(/_res/kibo/_share/img/radio.png) no-repeat center;
}
.opi-radio-list [type="radio"] {
	background-image: url(/_res/kibo/_share/img/radio.png);
}
.opi-radio-list [type="radio"]:checked {
	background-image: url(/_res/kibo/_share/img/radio-checked.png);
}

.opi-radio-list .radio-box label {
	/* background: url(/_res/kibo/_share/img/radio.png) no-repeat center left; */
}
.opi-radio-list .radio-box [type="radio"]:checked + label {
	/* background-image: url(/_res/kibo/_share/img/radio-checked.png); */
}

.opi-input-box p {margin:5px 0  10px!important}

@media (min-width: 420px) {
	.opi-header-list {
		display: flex;
	}
	.opi-header-list li {
		width: auto;
		display:block;
	}
	.opi-header-list li:not(:last-child)::after {
		display: inline-block;
	}
	.opi-label {
		display:inline-block;
	}
}
@media (min-width: 576px) {
	.opi-header,
	.opi-body {	padding: 15px;
	}
	.opi-header .ly-item-info,
	.opi-header .ly-item-count {
		flex: 0 1 auto;
	}
	.opi-header .ly-item-info {
		width: auto;
		margin-bottom: 0;
	}
	.opi-header-list li {		
		padding: 0 24px;
	}
	.opi-title {
		margin-bottom: 15px
	}
}
@media (min-width: 768px) {
	.opi-body {
		padding: 20px;
	}
	.opi-header-list li {		
		padding: 0 32px;		
	}
	.opi-label,
	.opi-value {
		font-size: 1rem;
	}
	.opi-btn-box {
		flex-wrap: nowrap;
		margin-bottom: 24px;
	}
	.opi-btn-box > .ly-item {
		flex: 0 1 auto;
		max-width: none;
	}
	.opi-btn-box .ly-item-radio {
		margin-bottom: 0;
	}
	.opi-radio-list > li {
		flex: 0 1 auto;
		max-width: none;
		margin: 0 0 0;
	}
	.opi-radio-list label {
		font-size: 1rem;
		padding-right: 5px;
		margin-right: 11px;
	}
	.opi-btn-box .ly-item-btn button {
		min-width: 8.75rem;
	}
	
}
@media (min-width: 992px) {
	.opi-header {
		flex-wrap: nowrap;
	}
	.opi-header,
	.opi-body {
	padding: 25px;
	}	
	.opi-header-list {
		width: auto;
		justify-content: flex-start;
	}
	.opi-label {
		margin-right: 10px;
	}
	.opi-input-box p {margin:15px 0 20px !important}
}
@media (min-width: 1200px) {
	.opi-btn-box .ly-item-btn button {
		min-width: 11.25rem;
	}
}

/***************************************************** 
	Accessibility
*****************************************************/

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: absolute;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal;
}


/***************************************************** 
	Utilities
****************************************************/

/********** Text **********/

/* Text size */
.text-x-sm		{ font-size: 0.875rem !important; }
.text-sm 			{ font-size: 0.938rem !important; }
.text-normal 	{ font-size: 1rem !important; }
.text-md 			{	font-size: 1.125rem !important; }
.text-lg 			{	font-size: 1.438rem !important; }
.text-xl 			{	font-size: 1.75rem !important; }

/* Text weight */
.text-100 {	font-weight: 100 !important; }
.text-200 {	font-weight: 200 !important; }
.text-300 {	font-weight: 300 !important; }
.text-400 {	font-weight: 400 !important; }
.text-500 {	font-weight: 500 !important; }
.text-600 {	font-weight: 600 !important; }
.text-700 {	font-weight: 700 !important; }
.text-800 {	font-weight: 800 !important; }
.text-900 {	font-weight: 900 !important; }

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

/* Text transform */
.text-uppercase {	text-transform: uppercase !important; }

/* Text align */
.text-left 		{ text-align: left !important; }
.text-right 	{	text-align: right !important; }
.text-center 	{ text-align: center !important; }

/* Text others */
.text-hide {
	display: inline-block;
	text-indent: -5000em !important;
}

/********** Float **********/

.float-left {float: left !important; }
.float-right {float: right !important; }
.float-none{float: none !important; }
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
/********** Images **********/
.img-fluid {max-width:100%;height:auto}

/* img-zoom  */
.img-zoom {
	position: relative;
	text-align: center;
	border: 1px solid #eaeaea;
	padding: 1.5rem 1rem;
}

.img-zoom img {
		max-width: 100%;
		margin: 0 auto;
}

.img-zoom .figure-caption {
		margin-top: 0.3rem;
		font-size: 0.875rem;
}

.img-zoom > .btn {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 2.4rem;
		height: 2.4rem;
		background: #31313d url(/_res/kibo/_share/img/zoom-icon.png) no-repeat center center;
}

.img-zoom > .btn:hover, .img-zoom > .btn:focus {
		background-color: #0d288e;
}

/* img-wrap */
.img-wrap {
	position: relative;
}

.img-wrap .btn-fullscreen {
		position: absolute;
		bottom: 0;
		right: 0;
		background: rgb(22, 64, 152);
		color: #fff;
}

.img-wrap .btn-fullscreen .material-icons {
		font-size: 1.2rem;
}
@media (min-width: 576px) {
	.nav-tabs-style01.vertical-style .nav-tabs .nav-item .nav-link {
			border-right: none !important;
			border-bottom: 1px solid #ccc;
	}
}

@media (min-width: 1200px) {
	.img-zoom {
			padding: 0;
			border: none;
	}

			.img-zoom > .btn {
					display: none;
			}
}


/********** Spacing **********/

/* Margin */
.mt-0 	{margin-top: 0 !important; }
.mt-1 	{margin-top: calc(1rem * 0.25) !important; }
.mt-2 	{margin-top: calc(1rem * 0.5) !important; }
.mt-3 	{margin-top: 1rem !important; }
.mt-4 	{margin-top: calc(1rem * 1.5) !important; }
.mt-4-5 {margin-top: calc(1rem * 1.75) !important; }
.mt-5 	{margin-top: calc(1rem * 3) !important; }
.mr-0 	{margin-right: 0 !important; }
.mr-1 	{margin-right: calc(1rem * 0.25) !important; }
.mr-2 	{margin-right: calc(1rem * 0.5) !important; }
.mr-3 	{margin-right: 1rem !important; }
.mr-4 	{margin-right: calc(1rem * 1.5) !important; }
.mr-4-5 {margin-right: calc(1rem * 1.75) !important; }
.mr-5 	{margin-right: calc(1rem * 3) !important; }
.mb-0 	{margin-bottom: 0 !important; }
.mb-1 	{margin-bottom: calc(1rem * 0.25) !important; }
.mb-2 	{margin-bottom: calc(1rem * 0.5) !important; }
.mb-3 	{margin-bottom: 1rem !important; }
.mb-4 	{margin-bottom: calc(1rem * 1.5) !important; }
.mb-4-5 {margin-bottom: calc(1rem * 1.75) !important; }
.mb-5 	{margin-bottom: calc(1rem * 3) !important; }
.ml-0 	{margin-left: 0 !important; }
.ml-1 	{margin-left: calc(1rem * 0.25) !important; }
.ml-2 	{margin-left: calc(1rem * 0.5) !important; }
.ml-3 	{margin-left: 1rem !important; }
.ml-4 	{margin-left: calc(1rem * 1.5) !important; }
.ml-4-5 {margin-left: calc(1rem * 1.75) !important; }
.ml-5 	{margin-left: calc(1rem * 3) !important; }