/* 메뉴 */
.nav>li>a {
	position: relative;
	display: block;
	padding: 0px 0px;
}

.navbar-nav {
	margin: 0 0 0 169px; 
}

.navbar-nav>li {
    background: url("/b2c/resource/img/kpmobile/main/menu-bar.png") no-repeat;
    padding: 0 0px;
}

.navbar-nav>li:first-child {
    background: none;
}

.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left:20px;
	padding-right:20px;
	line-height: 20px;
	color: #333;
    font-weight: 700;
    font-family: 'Nanum Gothic', sans-serif;
}
/* //메뉴 */



/* 로그인 버튼 */
.header-right a {
    font-size: 14px;
    text-align: center;
    margin-top: 2px;
    cursor: pointer;
    display: block;
    font-weight: bold;
    color: #666666;
    border: 1px solid #e2e2e2;
    padding: 9px 15px;
    font-family: 'Nanum Gothic', sans-serif;
}
.header-right a:hover {
    color: #2393b8;
    font-weight: bold;
}
/* //로그인 버튼 */




/* 메인 슬라이트 */
.main-slider {width: 100%; height: 450px; margin: 0 auto; text-align: center;}




/* 메인아이콘 */
.main_icon {
	 margin-top:40px;
     margin-bottom:40px;
     border: 1px solid #e2e2e2;
     overflow: hidden;
}

.main_icon li {
	text-align: center;
    float: left;
    width: 20.0%;
    padding: 40px 0;
}

.main_icon li a {
	display: block;  
    font-size:17px;
    color: #333;
    border-left: 1px solid #e2e2e2;
}

.main_icon li a.green:hover {
    color: #2393b8;
}
.main_icon li a.blue:hover {
    color: #2e75db;
}

.main_icon li a.first {
    border-left: 0px;
}

.main_icon li a:hover {
	background:#fff; 
}

.main_icon li a img {
 	margin-bottom:20px; 
}

.main_icon li a p{
    margin: 0 0 0px !important;
}



/* 공지사항 */
.main_notice {
    width: 380px;
    height: 370px;
    border: 1px solid #e2e2e2;
    padding: 30px 30px 20px 30px;
    float: left;
    margin-right: 20px;
    text-align: left;
    letter-spacing: -0.6px;
}
.main_notice .list00 {
    margin-bottom: 20px;
}
.main_notice .list00 li.title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    float: left;
    text-align: left;
}
.main_notice .list00 li {
    text-align: right;
    vertical-align: middle;
}
.main_notice .list01 {
    margin-bottom: 21px;
    border-bottom: 1px solid #e2e2e2;
}
.main_notice .list01 li.title {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    padding-bottom: 8px;
}
.main_notice .list01 li.title:hover {
    color: #2795b9;
}
.main_notice .list01 li {
    font-size: 14px;
    color: #888888;
    line-height: 20px;
    padding-bottom: 22px;
}
.main_notice .list02 {
    margin-bottom: 0px !important;
}
.main_notice .list02 li {
    font-size: 15px;
    color: #333;
    line-height: 35px;
    margin-bottom: 0px !important;
}
.main_notice .list02 li:hover {
    color: #2795b9;
}
.main_notice .list02 li::before {
    content: '·';
    padding-right: 8px;
}



/* 이벤트 */
.main_event {
    width: 380px;
    float: left;
    margin-right: 20px;
    position: relative;
}
.main_event .title {
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    z-index: 1;
}
.main_event .bx-pager {
    position: absolute;
    top: 25px;
    right: 30px;
    width: auto !important;
}
.main_event .bx-pager.bx-default-pager a {
    background: rgba(255,255,255,0.4) !important;
}
.main_event .bx-pager.bx-default-pager a:hover,
.main_event .bx-pager.bx-default-pager a.active,
.main_event.bx-pager.bx-default-pager a:focus {
  background: rgba(255,255,255,1) !important;
}



/* 충전하기, 카카오톡 */
.main_img {
    width: 370px;
    float: left;
}
.main_img a:first-child {
    margin-bottom: 10px;
    display: block;
}



/* 링크배너 */
.main_banner {
    width: 1170px;;
	margin-top: 40px;
	margin-bottom: 40px;
	float: left;
}
.main_banner a {
    display: block;
	float: left;
}
.main_banner a:nth-child(1) {
    width: 380px;
	margin-right: 20px;
}
.main_banner a:nth-child(2) {
    width: 380px;
	margin-right: 20px;
}
.main_banner a:nth-child(3) {
    width: 370px;
}



/* 푸터 */
.footer_wrap {
	width:100%; 
	height:320px; 
	background: url(/b2c/resource/img/kpmobile/main/footer-bg.jpg) no-repeat top center;
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: 700;
	letter-spacing: -0.3px;
	color: #555;
}
.footer {
	width: 1170px;
	margin: 0 auto;
}

.footer .left {
	width: 800px;
	padding: 30px 0 20px 0;
}
.footer .left {
	float: left;
}
.footer .left div {
	font-size: 18px;
	float: left;
	margin-right: 30px;
}
.footer .left div img {
	vertical-align: middle;
	margin-right: 10px;
}
.footer .left div span  {
	color: #2393b8;
	margin-left: 5px;
}
.footer .left a {
	font-size: 15px;
	display: inline-block;
	color: #444;
}
.footer .left a::before {
	content: 'l';
	font-weight: 400;
	color: #e2e2e2;
	padding: 0 15px;
}
.footer .left a:first-child::before {
	display: none;
}
.footer .left p {
	font-size: 14px;
    line-height: 30px;
	margin-top: 10px;
	font-weight: 400;
}


.footer .right {
	float: right;
	width: 370px;
	padding: 30px 0 20px 30px;
	letter-spacing: -0.3px;
}
.footer .right div {
	font-size: 18px;
}
.footer .right div span  {
	color: #2393b8;
	margin-left: 5px;
}
.footer .right div img {
	vertical-align: middle;
	margin-right: 10px;
}
.footer .right p {
	font-size: 18px;
    margin-top: 10px;
    line-height: 30px;
    margin-left: 40px;
	color: #2393b8;
}
.footer .right p strong {
	margin-right: 10px;
}
.footer .right p span {
	font-size: 14px;
	color: #666;
}



/* 퀵메뉴 */
.quick {
	position: fixed;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	width: 150px;
	height: 550px;
	text-align: center;
	background: url(/b2c/resource/img/kpmobile/main/quick.jpg) no-repeat top center; 
	z-index: 8888;
}
.quick a {
	display: block;
	height: 61px;
	cursor: pointer;
	transition: none;
}
.quick a:nth-child(9) {
	height: 62px;
}
.quick a:nth-child(1):hover {
	background: url(/b2c/resource/img/kpmobile/main/quick-on.jpg) no-repeat; 
	background-position: 0 61px;
}
.quick a:nth-child(2):hover {
	background: url(/b2c/resource/img/kpmobile/main/quick-on.jpg) no-repeat;
	background-position: 0 0px;
}
.quick a:nth-child(3):hover {
	background: url(/b2c/resource/img/kpmobile/main/quick-on.jpg) no-repeat;
	background-position: 0 -61px;
}
.quick a:nth-child(4):hover {
	background: url(/b2c/resource/img/kpmobile/main/quick-on.jpg) no-repeat;
	background-position: 0 -122px;
}
.quick a:nth-child(5):hover {
	background: url(/b2c/resource/img/kpmobile/main/quick-on.jpg) no-repeat;
	background-position: 0 -183px;
}
.quick a:nth-child(6):hover {
	background: url(/b2c/resource/img/kpmobile/main/quick-on.jpg) no-repeat;
	background-position: 0 -244px;
}
.quick a:nth-child(7):hover {
	background: url(/b2c/resource/img/kpmobile/main/quick-on.jpg) no-repeat;
	background-position: 0 -305px;
}
.quick a:nth-child(8):hover {
	background: url(/b2c/resource/img/kpmobile/main/quick-on.jpg) no-repeat;
	background-position: 0 -366px;
}
.quick a:nth-child(9):hover {
	background: url(/b2c/resource/img/kpmobile/main/quick-on.jpg) no-repeat;
	background-position: 0 -427px;
}


/* 특수문자 추가 css 210228 노민준 주임연구원 */
.specialChar-div{
	box-shadow:0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
	position: fixed;
	background-color:#fff;
	border-radius:5px;
	width:500px;
	display: none;
	z-index: 9999;
}
.specialChar-div2{
	box-shadow:0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
	position: fixed;
	background-color:#fff;
	border-radius:5px;
	width:500px;
	display: none;
	z-index: 9999;
}
.specialChar-div>div,
.specialChar-div2>div{
	width:50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-weight: 800;
	float: left;
	cursor: pointer;
}

.specialChar-div>div:hover,
.specialChar-div2>div:hover{
	background: #ebfaff; 
}

.kakao-positioin-relative{
	positioin: relative
}
.kakao-min-h--170{
	min-height: 170px;
}
.send_layout .specialChar__close-btn,
.specialChar__close-btn{
    float: right;
    padding: 6px 12px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 5px;
}
.send_textArea{
    border: 1px solid #fff !important;
    border-radius: 0 0 4px 4px !important;

}