@CHARSET "UTF-8";
.mb_wrap #header {
	position: fixed;
}
.mb_wrap #header .top_menu, .mb_wrap #header .top_link, .mb_wrap .admin {
	display: none;
}
.main_new.mb_wrap .main_top {
	height: 400px;
}
.main_new.mb_wrap .main_top .inner > div {
	padding: 50px 0 0 0;
}
.main_new.mb_wrap .main_top .tt_box {
    width: calc(100% - 456px);
}
.main_new.mb_wrap .main_top .tt_box p br {
	display: none;
}
.main_new.mb_wrap .main_top .inner > div.quick_box {
	width: 456px; margin-top: 75px;
}
.main_new.mb_wrap .main_top .quick_box li {
	width: 218px; float: left;
}
.main_new.mb_wrap .main_top .quick_box li:nth-child(1) {
    background-image: url(../../../images/kion/fab/main/new/quick10.png);
}
.main_new.mb_wrap .main_top .quick_box li:nth-child(2) {
    margin: 0; background-image: url(../../../images/kion/fab/main/new/quick9.png);
}


.main_new.mb_wrap #m_visual .login_wrap .userSearch {
	padding-left: 0;
}
.main_new.mb_wrap #m_visual .login_wrap .userSearch::before {
	display: none;
}
.main_new.mb_wrap .m_inquiry {
	height: 300px; margin: 0; border: 1px solid #D2D3D6; border-radius: 10px; padding: 30px; text-align: center;
}
.main_new.mb_wrap .m_inquiry div {
	width: auto; text-align: center; margin: 0 auto;
}
.main_new.mb_wrap .m_inquiry div h4 {
	display: inline-block; margin-right: 5px; font-size: 18px; font-weight: 500; color: #111; line-height: 30px;
}
.main_new.mb_wrap .m_inquiry div h4.tt {
	margin-left: 20px;
}
.main_new.mb_wrap .m_inquiry div a {
	text-indent: -9999px; border-radius: 5px; width: 30px; height: 30px; margin-left: 5px;
	background-color: #EDF0F5; background-position: center; background-repeat: no-repeat; background-image: url(../../../images/kion/fab/main/new/icon_mail.png);
}
.main_new.mb_wrap .m_inquiry div a.tel {
	background-image: url(../../../images/kion/fab/main/new/icon_tel.png);
}

.main_new.mb_wrap .e_search_w {
	height: auto; overflow: hidden;
} 
.main_new.mb_wrap .e_search_t {
	width: 100%; height: auto; margin-bottom: 10px;
}   
.main_new.mb_wrap .e_search_t h4 {
	position: relative;
}
.main_new.mb_wrap #m_content .e_search_t .btn_plus {
	top: 0; right: 0;
}
.main_new.mb_wrap #m_content .e_search.box {
    width: 100%; float: left;
}

.e_search.equip_list_mb .search_box {
	margin-bottom: 10px; height: 50px; padding: 0;
}
.e_search.equip_list_mb .search_box > ul {
	width: 100%;
}

.equip_tab {
	width: 100%; height: 40px; border: 1px solid #d2d3d6; border-radius: 100px; background: #FFF;
}
.equip_tab a {
	float: left; width: 50%; line-height: 38px; text-align: center;
}
.equip_tab a.active {
	border-radius: 100px; background-image: linear-gradient(36deg, #506393 16.31%, #53B1E5 94.99%); color: #fff; font-weight: 500; line-height: 40px; margin: -1px;
}
.equip_tab a.b_equip2.active {
	margin: -1px -1px 0 0;
}

.m_equip_l {
	width: 100%;  display: inline-flex;
      flex-flow: row wrap;
}
.m_equip_l li {
	width: 48%; float: left; margin-top: 20px; cursor: pointer;
}
.m_equip_l li:nth-child(odd) {
	margin-right: 4%;
}
.m_equip_l li img {
	width: 100%; aspect-ratio: 3 / 2;
}
.m_equip_l li a {
	color: #111; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 5px;
}

.mb_wrap #topBtn {
    position: fixed; right: 20px; bottom: 70px; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background: #fff; border: 1px solid #ddd;
    color: #555; display: none; z-index: 9999; cursor: pointer; box-shadow: 0 5px 10px 0 rgba(31, 38, 135, 0.1); text-align: center;transition: bottom .3s ease;
}
.mb_wrap #topBtn.bottomUp {
    bottom: 125px; 
}
.mb_wrap #footer {
	height: auto; padding: 20px 0 0 0;
}
.mb_wrap #footer .inner {
	height: auto; margin-bottom: 70px;
}
.mb_wrap .f_quick {
	position: fixed; width: 100%; height: 60px; box-shadow: 0 -5px 6px 0 rgba(31, 38, 135, 0.15); bottom: 0; z-index: 100; background-color: rgba(38, 45, 85, 0.8); backdrop-filter: blur(5px); 
}
.mb_wrap .f_quick a {
	width: 50%; line-height: 60px; float: left; text-align: center; color: #fff;
}
.mb_wrap .f_quick a span {
	display: inline-block; height: 60px; padding-left: 40px; background: url(../../../images/kion/fab/common/f_quick2.png) 0 center no-repeat; font-weight: 500; font-size: 16px;
}
.mb_wrap .f_quick a:first-child {
	border-right: 1px solid rgba(255,255,255,0.5);
}
.mb_wrap .f_quick a:first-child span {
	background: url(../../../images/kion/fab/common/f_quick1.png) 0 center no-repeat;
}

.mb_navi {
	width: 100%; margin-top: 78px;/*  padding: 10px 0; */ background: #ededed; border-bottom: 1px solid #ddd;
}
.mb_navi .inner a {
	padding: 5px 15px; line-height: 35px; color: #888; position: relative;
}
.mb_navi .inner a.active {
	color: #000; font-weight: 500;
}
.mb_navi .inner a.active::after {
	content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; background: #4a8abf; bottom:0; left: 0px;      
}

/* 회원기관 */
.intro_select {
	width: 100%; height: 50px; margin-bottom: 20px; border: 1px solid #262d55; border-radius: 40px;  padding: 0 20px 0 15px; float: left;
}
.intro_select select {
	width: 100%; height: 48px; line-height: 48px; border: 0; padding: 0; color: #262d55; font-size: 15px; background-color: transparent;
}

.equip_list_mb .search_box {
	position: relative; background: transparent;
}
.equip_list_mb .search_box > ul > li ul li input {
	width: calc(100% - 50px); float: left;
}
.equip_list_mb .search_box .b_filter {
	width: 50px; height: 48px; background: url(../../../images/kion/fab/common/filter.png) 10px center no-repeat; text-indent: -9999px;
}

.equip_list_mb .search_pop {
	display: none; position: absolute; z-index: 10; width: 100%; background: #fff; box-shadow: rgba(97, 97, 97, 0.4) 0px 0px 4px 0px;
	padding: 15px; margin-top: 10px; border-radius: 5px; text-align: left;
}
.equip_list_mb .search_pop ul li {
	float: left; width: calc(100% - 85px); margin-bottom: 10px;
}
.equip_list_mb .search_pop ul li:nth-child(odd) {
	width: 85px;
}
.equip_list_mb .search_pop ul li h3 {
	font-weight: 500; color: #111; line-height: 30px;
}
.equip_list_mb .search_pop ul li input {
	width: 100%; border-radius: 3px;
}
.equip_list_mb .search_pop ul li select {
	width: 100%; border: 1px solid #d9d9d9; height: 30px; border-radius: 3px;
}
.equip_list_mb .search_pop .btn_box {
	width: 100%; margin-top: 10px; text-align: right;
}
.equip_list_mb .search_pop .btn_box a {
	background: #53B1E6; color: #fff; border-radius: 3px; line-height: 33px; padding: 0 15px; font-weight: 500; margin-left: 2px;
}
.equip_list_mb .search_pop .btn_box a:first-child {
	background: #777; color: #fff; margin-left: 0; float: left;
}
.equip_list_mb .search_pop.active {
	display: block;
}



.equip_list_mb .equip_list {
	padding-top: 20px; border-top: 1px solid #000;
}
.equip_list_mb .equip_list ul li.equip {
	width: 100%; height: auto; border: none; border-bottom: 1px solid #dcdcdc; margin: 0 0 20px 0; padding: 0 0 20px 0;
}
.equip_list_mb .equip_list .i_box {
	width: 300px; height: 200px; float: left; position: relative;
}
.equip_list_mb .equip_list .imgWrap, .equip_list_mb .equip_list .imgWrap img {
	width: 100%; height: 100%;
}
.equip_list_mb .equip_list .e_state {
	position: absolute; width: 100%; padding: 10px; bottom: 0px; margin-bottom: 0;
}
.equip_list_mb .equip_list .e_state li {
	width: 46px; 
}
.equip_list_mb .equip_list .e_state li span {
	font-weight: 500; width: 100%; text-align: center; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;   
}
.equip_list_mb .equip_list .e_state li:first-child {
	width: calc(100% - 46px);
}
.equip_list_mb .equip_list .e_state li:first-child span {
	background: #fff; 
}

.equip_list_mb .equip_list .dl_type3 dd {
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
}
.equip_list_mb .equip_list .e_box {
	width: calc(100% - 300px); height: 200px; float: right; padding: 0 0 0 20px; position: relative;
}
.equip_list_mb .equip_list .e_box h3 p {
	margin-top: 20px;
}
.equip_list_mb .equip_list .e_box a {
	text-indent: -9999px; border: 1px solid #b4b4b4; position: absolute; width: 25px; height: 25px; border-radius: 50%; right: 0; bottom: 0; background: url(../../../images/kion/fab/common/btn_plus.png) center no-repeat;
}


.equip_info a.tel{
    background: url(../../../images/kion/fab/main/new/icon_tel.png) 0 center no-repeat; width: 17px; height: 23px; margin-left: 5px;
}


/* 고객센터 */
.faq_wrap.notice_mb .top {
	 width: 100%; padding: 10px 15px; background: #F6F8FC; 
}
.faq_wrap.notice_mb .top ul li {
	border-bottom: none; float: left; width: auto; padding: 0 0 0 20px;
}
.faq_wrap.notice_mb .top ul li:nth-child(1) {
	background: url(../../../images/kion/fab/common/mb_name.png) 0 center no-repeat; margin-right: 20px;
}
.faq_wrap.notice_mb .top ul li:nth-child(2) {
	background: url(../../../images/kion/fab/common/mb_date.png) 0 center no-repeat;
}
.faq_wrap.notice_mb .con {
	border-top: 1px solid #ddd; padding: 15px; background: #fff;
}
.faq_wrap.notice_mb .con img {
	width: 100%;
}
.faq_wrap.notice_mb .file {
	padding: 15px; background: #F6F8FC; border-top: 1px solid #ddd
}
.faq_wrap.notice_mb .file h4 {
	display: inline-block; color: #4a8abf; font-weight: 500;
}
.faq_wrap.notice_mb .top, .faq_wrap.notice_mb .file {
	display: none;
}
.faq_wrap.notice_mb li.active {
	border-bottom: 1px dashed #444444;
}
.faq_wrap.notice_mb .active .top, .faq_wrap.notice_mb .active .file {
	display: block;
}
.faq_wrap.notice_mb .active .title {
	background: #ccdce9;
}
.faq_wrap.notice_mb .active .title a {
	font-weight: 500;
}

.faq_wrap.notice_mb .upload_file_list > li {
	border: 1px solid #ddd; background-color: #fff;
}

.box_sec4.report_mb {
	border-top: 1px solid #000; padding-top: 20px;
}
.box_sec4.report_mb > ul > li {
	width: 100%; border: none; border-bottom: 1px solid #dcdcdc; margin: 0 0 20px 0; padding: 0 0 20px 0;
}
.box_sec4.report_mb .img_box {
	width: 300px; height: 200px; float: left; border: 1px solid #dcdcdc;
}
.box_sec4.report_mb .img_box img {
	width: 100%; height: 100%;
}
.box_sec4.report_mb .tt_box {
	width: calc(100% - 300px); height: 200px; float: right; padding-left: 20px;
}
.box_sec4.report_mb .tt_box a {
	width: 100%; font-size: 16px; font-weight: 500; color: #111; margin: 10px 0;
}
.box_sec4.report_mb .tt_box ul li {
	padding-left: 20px; margin-top: 5px;
}
.box_sec4.report_mb .tt_box ul li:nth-child(1) {
	background: url(../../../images/kion/fab/common/mb_name.png) 0 center no-repeat;
}
.box_sec4.report_mb .tt_box ul li:nth-child(2) {
	background: url(../../../images/kion/fab/common/mb_date.png) 0 center no-repeat;
}

#footer .m_footer ul li:first-child {
	margin-bottom: 0;
}
#footer .m_footer ul li a {
	padding-left: 23px; background-image: url(../../../images/kion/fab/main/new/icon_mail.png); background-position: 0; background-repeat: no-repeat; line-height: 17px;
}
#footer .m_footer ul li a.tel {
	background-image: url(../../../images/kion/fab/main/new/icon_tel.png); margin-right: 20px;
}


/* 영문 */
.main_new .main_top {
	height: 528px;
}








/* 반응형 */
@media (max-width: 1420px) {
    .inner {width: 100%; padding: 0 30px;}
}
@media (max-width: 1280px) {
	.main_new.mb_wrap .main_top {height: auto;}
	.main_new.mb_wrap .main_top .tt_box {width: 100%;}
	.main_new.mb_wrap .main_top .inner > div.quick_box {width: 100%; margin-top: 0px;}

}
@media (max-width: 1060px) {
    .main_new.mb_wrap .main_box .inner > div {width: 100%; height: auto; margin: 20px 0 0 0;}   
   
}



@media (max-width: 768px) {
	.inner {padding: 0 20px;}
	.main_new.mb_wrap .main_top .inner > div {padding: 20px 0 0 0;}
	.main_new.mb_wrap .main_top .inner > div.quick_box {margin-top: 20px;}
	.main_new.mb_wrap .main_box {margin: 0 0 20px 0;}
	
	.box_sec4.report_mb .img_box {width: 150px; height: 100px;}
	.box_sec4.report_mb .tt_box {width: calc(100% - 150px); height: 100px; padding-left: 20px;}
	.box_sec4.report_mb .tt_box a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	
	.main_new.mb_wrap .main_box .inner > div {padding: 20px;} 
	
	.equip_list_mb .equip_list .i_box {width: 150px; height: 100px;}
	.equip_list_mb .equip_list .e_state {padding: 0;}
	.equip_list_mb .equip_list .e_state li span {border-radius: 0;}
	.equip_list_mb .equip_list .e_box {width: calc(100% - 150px); height: 100px;}
	.equip_list_mb .equip_list .e_box h3 {font-size: 15px;}
	.equip_list_mb .equip_list .e_box h3 p {margin-top: 5px;}
	.equip_list_mb .equip_list .e_box .dl_type3 {height: 50px;}
	.equip_list_mb .equip_list .e_box .dl_type3 .mb_hide {display: none;}
	
}


@media (max-width: 520px) {
	.main_new.mb_wrap .main_top .inner > div.quick_box {width: 100%;}
	.main_new.mb_wrap .main_top .inner > div.quick_box li {width: calc(50% - 10px); margin: 0 20px 0 0;}
	.main_new.mb_wrap .main_top .inner > div.quick_box li:nth-child(2) {margin: 0;} 
	
}

@media ( max-width: 470px ) {
	.mb_wrap .top_btn > a, .mb_wrap .fab_allmenu.top_btn > ul > li a {margin-left: 20px;}
	
	.main_new.mb_wrap .search_wrap li h5 {width: 90px;}
	.main_new.mb_wrap .search_wrap li h5 span {display: none;}
	.main_new.mb_wrap .search_wrap li select {width: calc(100% - 100px);}
}

@media ( max-width: 430px ) {
}


@media ( max-width: 400px ) {
	.main_new.mb_wrap .main_top .quick_box li {background-size: 30px;}
	.inner {padding: 0 10px;}
	
	.main_new.mb_wrap .main_box .inner > div {padding: 20px 10px;}
}

