@CHARSET "UTF-8";


/***** FAB 공통 *****/

#wrap, .fab_wrap {
    width: 100%; min-width: 320px; font-family:'Noto Sans KR';
}
#wrap, .fab_wrap select {
    font-family:'Noto Sans KR';
}
#wrap.fab_wrap {
    width: 100%; min-width: 320px; font-family:'Noto Sans KR' !important;
}
.inner {
	width: 1400px; margin: 0 auto;
}

.section {
	width: 100%; position:relative; -ms-overflow-style: none;
}
.survey_section {
	width: 100%; position:relative; -ms-overflow-style: none;
}
#header {
    text-align: center; width: 100%; min-width: 320px; height: 78px; position: absolute; z-index: 999; top: 0; left: 0; background: #fff; overflow: hidden; border-bottom: 1px solid #ddd;
}
#header h1 {
	display: inline-block; float: left; margin-top: 17px;
}
#header h1 a {
	width: 194px; height: 40px; background: url(../../../images/kion/fab/common/moa_logo.png) 0 center no-repeat; text-indent: -9999px; background-size: contain;
}

#header .top_menu {
	display: inline-block; margin: 0 auto; padding-top: 23px;
}
#header .top_menu .depth1 {
	float: left; width:165px; margin: 0 8px;
}
#header .top_menu .depth1 > a {
	font-size: 20px; font-weight: 500; color: #111; padding: 0 26px 23px 0; margin-bottom: 25px; border-bottom: 1px solid #fff; background: url(../../../images/kion/fab/common/top_menu.png) right 6px no-repeat;
}
#header .top_menu .depth1:hover > a {
	border-bottom: 1px solid #53B1E6; color: #53B1E6; background: url(../../../images/kion/fab/common/top_menu2.png) right 6px no-repeat;
}
#header .top_menu .depth2 {
	width: 100%; height: 400px;
}
#header .top_menu .depth2 a {
	width: 100%; font-size: 16px; color: #606574; padding: 10px 0;
}
#header .top_menu .depth2 a:hover {
	background: #edf0f5; color: #53B1E6;
}
#header .top_menu .depth1:hover .depth2 {
	background: #f6f8fc;
}

#header .top_link {
	width: 180px; height: 42px; float: right; border-radius: 30px; border: 1px solid #E5E5E5; margin: 18px 0 0 15px; padding: 0 10px;
}
#header .top_link a {
	width: 100%; height: 42px; background: url(../../../images/kion/portal/common/logo.png) center 8px no-repeat; text-indent: -9999px; background-size: contain;
}
#header .top_btn {
    float: right; margin-top: 16px;
}
.top_btn > a, .fab_allmenu.top_btn > ul > li a {
	font-size: 13px; padding-top: 30px; margin-left: 20px; background-position: center 0; background-repeat: no-repeat;
}
.top_btn a.joinus {
	background-image: url(../../../images/kion/common/joinus2.png);
}
.top_btn a.login {
	background-image: url(../../../images/kion/common/login2.png);
}
.top_btn a.logout {
	background-image: url(../../../images/kion/common/logout2.png);
}
.top_btn a.mypage {
	background-image: url(../../../images/kion/common/mypage2.png);
}
.top_btn a.allmenu {
	background-image: url(../../../images/kion/common/allmenu2.png); 
}
.top_btn a.admin {
	background-image: url(../../../images/kion/common/admin2.png); width: 27px;
}
.top_btn a.userSearch {
	background-image: url(../../../images/kion/fab/common/search4.png); 
}

#header .top_btn .mypage_pop {
	z-index: 1000; position: fixed; border: 1px solid #D2D3D6; background: #fff; border-radius: 5px; box-shadow: 0px 3px 8px 0px rgba(17, 42, 92, 0.1);	padding: 10px 15px; margin: 5px 0 0 60px; width: 135px;
}
#header .top_btn .mypage_pop a {
	width: 100%; text-align: left; font-size: 14px; line-height: 18px; padding-left: 30px;
}
#header .top_btn .mypage_pop a:hover {
	color:#000; font-weight: bold;
}
#header .top_btn .mypage_pop a.logout {
	background: url(../../../images/kion/fab/common/logout.png) 2px center no-repeat; margin-bottom: 10px; 
}
#header .top_btn .mypage_pop a.mypage_go {
	background: url(../../../images/kion/fab/common/mypage_go.png) 0 center no-repeat;
}


/* 전체메뉴 */
.fab_allmenu {
	position: fixed; width: 350px; height:100vh; background: #53B1E6; right:-350px; top: 0; z-index: 1600;
}
.fab_allmenu.active {
	position: fixed; width: 350px; height:100vh; background: #53B1E6; top: 0; z-index: 1600; 
}
.fab_allmenu.active + .bg::before {
	content:""; position: fixed; display:block; width:100%; height:100vh; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index: 1500;
}
.fab_allmenu > ul {
	height: 77px; padding: 13px 0 14px 0; background: #fff;
}
.fab_allmenu > ul > li {
	float:left; 
}
.fab_allmenu > ul > li:last-child {
	float: right; 
}
.fab_allmenu > ul > li a.close {
	background-image: url(../../../images/kion/fab/common/close.png); background-position: center 5px; margin-right: 20px;
}




.fab_allmenu .menu_box {
	idth: 100%; padding: 30px; overflow-y: auto; height: calc(100vh - 77px);
}
.fab_allmenu .menu_box > ul > li {
	margin-top: 50px;
}
.fab_allmenu .menu_box > ul > li:first-child {
	margin-top: 0;
}
.fab_allmenu .menu_box .depth1 > a {
	font-size: 25px; color: #fff; font-weight: 500; width: 100%; cursor:default;
}
.fab_allmenu .menu_box .depth1 > a span {
	display: inline-block; margin-left: 10px; background: #fff url(../../../images/kion/fab/common/allmenu_a.png) center no-repeat; width: 35px; height: 35px; border-radius: 50%;
}
.fab_allmenu .menu_box .depth2 a {
	width: 100%; font-size: 17px; color: #fff; font-weight: 500; margin-top: 10px;
}
.fab_allmenu .menu_box .depth2 a:hover {
	text-decoration: underline;
}
.fab_allmenu .menu_box .depth1 > a.active + .depth2 a {
	display: block;
}

/* 상단검색 */
.t_search_pop {
	display: none;
}
.t_search_pop.active {
	display: block; background: rgba(0,0,0,0.5); width: 100%; height: 100vh; position: absolute; top: 0; z-index: 100;
}
.t_search_pop.active .box {
	background: #EDF0F5; width: 100%; height: 130px; margin-top: 78px;
}
.t_search_pop.active .box ul {
	width: 1000px; padding: 40px 0 10px 0; margin: 0 auto; border-bottom: 2px solid #262D55;
}
.t_search_pop.active .box ul li {
	float: left;
}
.t_search_pop.active .box ul li:first-child {
	width: calc(100% - 100px);
}
.t_search_pop.active .box ul li input {
	width: 100%; background-color: transparent; border: none; font-size: 20px; color: #262D55; font-weight: bold; margin-top: 8px;
}
.t_search_pop.active .box ul li input::placeholder {
	color: #262D55; font-weight: 400;
}
.t_search_pop.active .box ul li a {
	text-indent:-9999px; width: 44px; height: 44px; border-radius: 50px; border: 2px solid #262D55; margin-left: 5px; background-position: center; background-repeat: no-repeat;
	background-image: url(../../../images/kion/fab/common/search3.png);
}
.t_search_pop.active .box ul li a:hover {
	background-image: url(../../../images/kion/fab/common/search2.png); background-color: #262D55;
}
.t_search_pop.active .box ul li a.close {
	background-image: url(../../../images/kion/fab/common/close.png); 
}
.t_search_pop.active .box ul li a.close:hover {
	background-image: url(../../../images/kion/fab/common/close2.png); 
}

/* 푸터 */
#footer {
	width: 100%; border-top: 1px solid #eee; padding-top: 15px; overflow: hidden; height: 50px; background: #F6F8FC;
}
#footer ul li {
	float: right; font-size: 14px; color: #606574;
}
#footer ul li p {
	display: inline-block;
}
#footer ul li span {
	position:relative; padding-left: 20px; display: inline-block;
}
#footer ul li span::before {
	content:""; position:absolute; display:inline-block; width:1px; height:10px; background: #D2D3D6; top: 5px; left: 10px;
}
#footer ul li:first-child {
	float: left;
}




/***** FAB 메인 *****/


#m_visual {
	width: 100%; height: 100vh; display: table; position: relative;
}

#m_visual .text_quick {
	float: left; padding-top: 50px;
}

#m_visual .text_box {
	color: #262D55; 
}
#m_visual .text_box h3 {
	font-size: 54px; line-height: 60px; animation: fadeInUp 2s; font-weight: 700;
}
#m_visual .text_box p {
	font-size: 20px; animation: fadeInUp 2s; font-weight: 700; margin: 30px 0; word-break: keep-all;
}
#m_visual .text_box .m_btn {
	margin-bottom: 30px; 
}
#m_visual .text_box .m_btn a {
	text-indent:-9999px; margin-right: 10px; width: 8px; height: 8px; background: #d2d3d6; border-radius: 10px;
}
#m_visual .text_box .m_btn a.active {
	width: 24px; background: var(--gd-gd-02, linear-gradient(99deg, #E45E13 -21.98%, #E2DC43 18.38%, #FFC000 84.23%));
}

@keyframes fadeInUp {
   from {
       opacity: 0;
       transform: translate3d(0, 10%, 0);
   }
   to {
       opacity: 1;
       transform: translateZ(0);
   }
}
#m_visual .text_box h3, #m_visual .text_box p {
	position: relative; 
}

#m_visual .bg_box {
	width: 100%; height: calc(100% - 78px); position: absolute; z-index: -1; top: 78px; overflow: hidden;
}
#m_visual .bg_box div {
	width: 100%; height: 100%;
}
#m_visual .bg_box img {
	float: right; width: 100%; height: 100%; object-fit: cover;
}


/* 메인 퀵 */

#m_visual .quick {
	width: 100%; text-align:center; overflow: hidden; margin-top: 20px;    
}
#m_visual .quick ul {
	width: 450px;   
}
#m_visual .quick li {
	float:left; width: 140px; height: 150px; margin: 0 10px 10px 0; position:relative; background: #FDFEFF url(../../../images/kion/fab/main/quick_box.png) center 30px no-repeat; 
	box-shadow: 5px 5px 10px 0px rgba(38, 45, 85, 0.05); border-radius: 10px; border: 1px solid #EDF0F5; cursor: pointer;
}
#m_visual .quick li a {
	width: 100%; padding-top: 110px; font-size: 15px; text-align:center; line-height: 18px;
}
#m_visual .quick li:hover {
	box-shadow: 5px 5px 10px 0px rgba(38, 45, 85, 0.2);
}
#m_visual .quick li:hover a {
	color:#000; text-decoration: underline;
}
#m_visual .quick li.quick8 a, #m_visual .quick li.quick9 a {
    padding-top: 104px;
}

#m_visual .quick li::after {
	content:""; position:absolute; display:inline-block; left:50%; top: -27px; margin-left: -50px; width: 100px; height: 100px;
}
#m_visual .quick li.quick1::after {
	background: url(../../../images/kion/fab/main/quick1.png) 0 no-repeat;
}
#m_visual .quick li.quick2::after {
	background: url(../../../images/kion/fab/main/quick2.png) 0 no-repeat;
}
#m_visual .quick li.quick3::after {
	background: url(../../../images/kion/fab/main/quick3.png) 0 no-repeat;
}
#m_visual .quick li.quick4::after {
	background: url(../../../images/kion/fab/main/quick4.png) 0 no-repeat;
}
#m_visual .quick li.quick5::after {
	background: url(../../../images/kion/fab/main/quick5.png) 0 no-repeat
}
#m_visual .quick li.quick6::after {
	background: url(../../../images/kion/fab/main/quick6.png) 0 no-repeat;
}
#m_visual .quick li.quick7::after {
	background: url(../../../images/kion/fab/main/quick7.png) 0 no-repeat;
}
#m_visual .quick li.quick8::after {
	background: url(../../../images/kion/fab/main/quick8.png) 0 no-repeat;
}
#m_visual .quick li.quick9::after {
	background: url(../../../images/kion/fab/main/quick9.png) 0 no-repeat;
}



#m_visual .quick li:hover::after {
	animation: btnmove 1s;
}

@keyframes btnmove {
   0% {
       top: -27px;
   }
   50% {
       top: -37px;
   } 
   100% {
       top: -27px;
   }
}



/* 메인 로그인 */

#m_visual .login_box {
	float: right; width: 380px; height: 365px; padding: 35px 40px 40px 40px; border-radius: 10px; background: #FFF; box-shadow: 0px 3px 8px 0px rgba(17, 42, 92, 0.1); margin-top: 190px;
}
#m_visual .login_box .login_input_form h3 {
	width: 100%; height: 65px; background: url(../../../images/kion/fab/common/moa_logo.png) center no-repeat; text-indent: -9999px; margin-bottom: 20px;
}
#m_visual .login_box .login_input_form input {
	width: 100%; height: 48px; margin-bottom: 8px; border: 1px solid #D2D3D6; border-radius: 3px;
}


/* 메인 신청현황 */
#m_visual .login_box .my_status .top {
	height: 28px; margin-bottom: 10px;
}
#m_visual .login_box .my_status .top li {
	float:right; 
}
#m_visual .login_box .my_status .top li:first-child {
	float:left; font-size: 16px; color: #2E3542; font-weight: 700;
}
#m_visual .login_box .my_status > div {
	width: 100%;
}
#m_visual .login_box .my_status h4 {
	background: linear-gradient(36deg, #506393 16.31%, #53B1E5 94.99%); line-height: 40px; padding-left: 35px; font-size: 15px; font-weight: 700; color:#fff; position:relative;
}
#m_visual .login_box .my_status h4::before {
	content: ""; position: absolute; display: inline-block; width: 24px; height: 25px; background: url(../../images/kion/fab/main/icon_check.png); top: 50%; left: 8px; margin-top: -12px;
}
#m_visual .login_box .my_status .fab h5 {
	color: #2E3542; font-size: 16px; font-weight: 700;
}
#m_visual .login_box .my_status .fab > div {
	padding: 15px 20px; background: #EDF0F5; 
}
#m_visual .login_box .my_status .fab div div {
	width: 100%; border: 1px solid #D2D3D6; background: #fff; line-height:30px; font-size: 14px; padding:0 10px; margin: 6px 0;
}
#m_visual .login_box .my_status .list li {
	float:left; width: 49%; margin-left: 2%; margin-top: 2%; background: #EDF0F5;
}
#m_visual .login_box .my_status .list li:nth-child(odd) {
	margin-left: 0%;
}
#m_visual .login_box .my_status .list li p {
	width: calc(100% - 40px); margin: 15px 20px; padding: 6px; text-align:center; font-size: 14px; line-height:26px; background: #fff; border: 1px solid #D2D3D6;
}
#m_visual .login_box .my_status .list li p span {
	font-size: 20px; color: #2E3542; font-weight: 700;
}



#m_content {
	width: 100%; height: calc(100vh - 50px); display: table;
}
.m_box {
	display: table-cell; vertical-align: middle;
}



#m_content .box {
	border-radius: 10px; padding: 20px 30px; float:left; position:relative;
}
#m_content .box > h4 {
	font-size: 20px; line-height: 130%; color: #111; font-weight: 700; position:relative; text-align: left;
}
#m_content .btn_plus {
	width: 30px; height: 30px; border-radius: 50%; position:absolute; top: 20px; right: 30px; text-indent:-9999px;
}
#m_content .btn_plus:hover {
	background: #262D55 url(../../../images/kion/fab/main/plus1.png) center no-repeat; border: 1px solid #262D55;
}
.btn_plus.plus1 {
	border: 1px solid #D2D3D6; background: url(../../../images/kion/fab/main/plus2.png) center no-repeat;
}
.btn_plus.plus2 {
	border: 1px solid #fff; background: url(../../../images/kion/fab/main/plus1.png) center no-repeat;
}

/* 공정장비 검색  */
#m_content .e_search.box {
	background: #EDF0F5; width: 893px; height: 560px; margin-bottom: 20px;
}
#m_content .e_search.box h4 {
	line-height: 40px; margin-bottom: 10px;
}
#m_content .e_search.box .checkbox_st2 {
	position: absolute; right: 20px; top: 30px;
}

#m_content .e_search.box .search_btn {
	width: 100%; 
}
#m_content .e_search.box .search_btn li:first-child {
	float: left; width: calc(100% - 140px); height: 40px; border: 1px solid #d2d3d6; border-radius: 5px; background: #FFF; padding: 0 10px; 
}
#m_content .e_search.box .search_btn li:first-child input {
	width: calc(100% - 170px); border: none; padding: 0; font-size: 15px; line-height: 38px; height: 38px; border-left: 1px solid #d2d3d6; text-indent: 13px;
}
#m_content .e_search.box .search_btn li:first-child select {
	width: 125px; border: none; padding: 0; font-size: 15px; line-height: 38px; height: 38px; margin-right: 10px; 
}
#m_content .e_search.box .search_btn li:first-child a {
	width: 28px; height: 38px; background: url(../../../images/kion/fab/main/icon_search.png) 0 center no-repeat; text-indent:-9999px;
}

#m_content .e_search.box .search_btn li:last-child {
	float: left; width: 130px; margin-left: 10px; height: 40px; border: 1px solid #d2d3d6; border-radius: 100px; background: #FFF;
}
#m_content .e_search.box .search_btn li:last-child a {
	float: left; width: 50%; line-height: 38px; text-align: center;
}
#m_content .e_search.box .search_btn li:last-child 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;
}
#m_content .e_search.box .search_btn li:last-child a.b_equip2.active {
	margin: -1px -1px 0 0;
}
#m_content .e_search.box .equip_box {
	margin-top: 30px;
}

#m_content .e_search.box .equip_box .list {
	padding-right: 10px; width: 50%; float: left; overflow-y: auto; height: 390px;
}
#m_content .e_search.box .equip_box .list::-webkit-scrollbar {
    width: 8px; border-radius: 10px;  
}
#m_content .e_search.box .equip_box .list::-webkit-scrollbar-thumb {
    background: #afbacd; border-radius: 10px; 
}
#m_content .e_search.box .equip_box .list::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.8); 
}

#m_content .e_search.box .equip_box .list > a {
	padding: 13px 10px; width: 100%; height: 76px; border-top: 1px solid #FFF; 
}
#m_content .e_search.box .equip_box .list > a:first-child {
	border-top: none;
}
#m_content .e_search.box .equip_box .list > a p {
	font-size: 16px; color: #2E3542; font-weight: 700;
}
#m_content .e_search.box .equip_box .list > a span {
	display:block; font-size: 14px; 
}
#m_content .e_search.box .equip_box .list a p, #m_content .e_search.box .equip_box .list a span {
	width: 100%; height: 24px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  
}

#m_content .e_search.box .equip_box .list .active {
	border-radius: 5px; background: #fff url(../../../images/kion/fab/main/next.png) calc(100% - 10px) center no-repeat; border: 1px solid #262D55; padding: 13px 30px 15px 20px;
}
#m_content .e_search.box .equip_box .list a.active:first-child {
	border-top: 1px solid #262D55;
}
#m_content .e_search.box .equip_box .list .active + .e_info {
	display: block;
}
#m_content .e_search.box .equip_box .e_info {
	display: none; padding: 30px; border-radius: 10px; background: #FFF; height: 390px; position: absolute; right: 30px; bottom: 30px; width: 45%;
}
#m_content .e_search.box .equip_box .e_info img {
	width: 100%; height: 260px; margin-bottom: 25px;
}
#m_content .e_search.box .equip_box .e_info .e_of dd:last-child {
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 24px;
}
#m_content .e_search.box .equip_box .e_info a {
	width: calc(100% - 60px); position:absolute; text-align:center; top: 251px; height: 38px; background: rgba(38, 45, 85, 0.90);	
}
#m_content .e_search.box .equip_box .e_info a:hover {
	background:#262D55;
}
#m_content .e_search.box .equip_box .e_info a span {
	font-size: 14px; line-height: 38px; color: #fff; padding-right: 25px; background: url(../../../images/kion/fab/main/arrow.png) right center no-repeat;
}

#m_content .equip_box .no_data {
	text-align: center; padding-top: 230px; background: url(../../../images/kion/fab/main/no_data.png) center 100px no-repeat;
}


/* 공지사항 */
#m_content .notice.box {
	border: 1px solid #d2d3d6; width: 487px; height: 270px; float: right;
}
#m_content .notice.box > h4 {
	line-height: 30px;
}
#m_content .notice.box ul {
	margin-top: 17px;
}
#m_content .notice.box ul li {
	width: 100%; line-height: 36px;
}
#m_content .notice.box ul li:first-child {
	border-top: none;
}
#m_content .notice.box ul li a {
	font-size: 16px; color: #2E3542; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; padding-left: 12px; position: relative; width: calc(100% - 85px);
}
#m_content .notice.box ul li a::before {
    content: ""; position: absolute; display: inline-block; width: 5px; height: 5px; background: #2C59D9; top: 16px; left: 0px; border-radius: 5px;
 }
#m_content .notice.box ul li a:hover {
	text-decoration: underline;
}
#m_content .notice.box ul li span {
	font-size: 14px; float: right; color: #888; 
}


/* 알림판 */
#m_content .board.box {
	border: 1px solid #D2D3D6; width: 487px; height: 270px; float: right; margin: 20px 0;
}
#m_content .board.box > h4 {
	margin-bottom: 10px;
}
#m_content .board.box .board_btn {
	position:absolute; top: 20px; right: 30px; 
}
#m_content .board.box .board_btn p {
	display:inline-block;  font-size: 16px; line-height: 23px; margin-top: -7px;
}
#m_content .board.box .board_btn p span.current {
	color: #2E3542; font-weight: 700;
}
#m_content .board.box .board_btn a {
	text-indent:-9999px; width: 16px; height: 17px; margin-left: 5px;
}
#m_content .board.box .board_btn a.prev {
	background: url(../../../images/kion/fab/main/prev.png) center no-repeat;
}
#m_content .board.box .board_btn a.pause {
	background: url(../../../images/kion/fab/main/pause.png) center no-repeat;
}
#m_content .board.box .board_btn a.play {
	background: url(../../../images/kion/fab/main/play.png) center no-repeat;
}
#m_content .board.box .board_btn a.next {
	background: url(../../../images/kion/fab/main/next.png) center no-repeat;
}

#m_content .board.box img {
	 width: 100%; height: 194px; border-radius: 10px;
}


#m_content .discount.box , #m_content .survey.box {
	width: 436px; height: 108px;
}
#m_content .discount.box h4, #m_content .survey.box h4 {
	margin-bottom: 10px;
}
#m_content .discount.box:hover , #m_content .survey.box:hover {
	box-shadow: 0px 3px 3px 0px rgba(17, 42, 92, 0.1);
}
/* 사용료할인 */
#m_content .discount.box {
	background: #E1ECFA url(../../../images/kion/fab/main/m_icon2.png) calc(100% - 10px) center no-repeat; font-size: 16px; cursor: pointer;
}

/* 만족도 조사 */ 
#m_content .survey.box {
	background: #F6EFE3 url(../../../images/kion/fab/main/m_icon1.png) calc(100% - 10px) center no-repeat; cursor: pointer; margin: 0 20px;
}


/* 문의 연락 */ 

#m_content .call.box {
	width: 487px; height: 108px; background: #EDF0F5; text-align:center;
}
#m_content .call.box > h4 {
	float: left; display:inline-block;
}
#m_content .call.box .call_box {
	width: calc(100% - 120px); float: right;
}
#m_content .call.box .main_num {
	background: #fff; line-height:32px; font-size: 16px; font-weight: 700; color: #2C59D9; border-radius: 10px; margin-bottom: 10px;
}
#m_content .call.box .main_num span {
	padding: 0 10px 0 98px; font-size: 14px; font-weight: 400; color: #111; background: url(../../../images/kion/fab/common/moa_logo.png) 0 center no-repeat; background-size: 90px; display:inline-block;
}
#m_content .call.box .slide_num {
	width: 100%;
}
#m_content .call.box .slide_num .bx-wrapper {
	float:left; line-height: 24px; font-size: 14px; width: calc(100% - 10px);
}
#m_content .call.box .slide_num li {
	float:left; line-height: 24px; font-size: 14px; width: calc(100% - 10px);
}
#m_content .call.box .slide_num li p span {
	color: #2E3542; font-size: 14px; display:inline-block; padding-right: 13px;
}
#m_content .call.box .slide_num li.slide_num_btn {
	width: 10px; position: relative;
}
#m_content .call.box .slide_num li.slide_num_btn a {
	width: 8px; height: 6px; text-indent:-9999px; position: absolute;
}
#m_content .call.box .slide_num li.slide_num_btn a.prev {
	background: url(../../../images/kion/fab/main/s_prev.png) 0 0 no-repeat; top: 5px;
}
#m_content .call.box .slide_num li.slide_num_btn a.next {
	background: url(../../../images/kion/fab/main/s_next.png) 0 0 no-repeat; top: 13px;
}







/***** FAB 서브 *****/


/** 기본스타일 **/



/* 버튼 */
.btn_st1_1, .btn_st1_2 {
	border-radius: 20px; padding: 9px 20px; font-size: 14px;
}
.btn_st1_1 {
	border-radius: 20px; background: #262D55; color: #fff; border: 1px solid #262D55;
}
.btn_st1_1:hover {
	border: 1px solid #d2d3d6; color: #2E3542; background: #fff;
}
.btn_st1_2 {
	border: 1px solid #d2d3d6; color: #2E3542; background: #fff;
}
.btn_st1_2:hover {
	border-radius: 20px; background: #262D55; color: #fff; border: 1px solid #262D55;
}

.btn_st2_1, .btn_st2_2 {
	border-radius: 5px; padding: 3px 20px; font-size: 14px;
}
.btn_st2_1 {
	border: 1px solid #D2D3D6; background: #FFF; color: #2E3542;
}
.btn_st2_1:hover {
	background: #f2f2f2;
}

.btn_logout {
	border-radius: 5px; padding: 3px 20px; font-size: 14px;
}
.btn_logout {
	border: 1px solid #D2D3D6; background: #FFF; color: #2E3542;
}
.btn_logout:hover {
	background: #f2f2f2;
}


/* 테이블 */
.table_st1 {
	width: 100%; border-top: 1px solid #535C74; overflow: hidden; margin-bottom: 40px;
}
.table_st1 > ul {
    width: 50%; float: left; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; list-style: none;
}
.table_st1 > ul > li:first-child {
    background: #F7FAFF; color: #111; width: 150px; text-align: center; display: block; border-right: 1px solid #E5E9F3;
}
.table_st1 > ul > li {
    position: relative; float: left; background: #fff; border-bottom: 1px solid #E5E9F3; box-sizing: border-box; width: calc(100% - 150px); padding: 5px 10px; line-height: 32px; display: flex;
}
.table_st1 > ul:nth-child(even) {
	border-left: 1px solid #E5E9F3;
}    
.table_st1 > ul.ul_full, .table_st1 > ul.ul_full2 {
	width: 100%; border-left: none;
}
.table_st1 > ul.ul_full2 > li:first-child {
	width: 100%; border-left: none; background: #fff; text-align: left; color: #666;	
}
.table_st1 .btn_st2 {
	margin-left: 2px;
} 
.table_st1 select {
	width: 153px;
} 
.table_st1 > ul.ul_num3 {
	width: 33.3%;
}
.table_st1.ul_num3_box {
	border-top: none;
}
.table_st1 > ul.ul_num3:nth-child(3) {
	border-left: 1px solid #E5E9F3;
}
.table_st1 > ul.ul_num3:nth-child(4) {
	border-left: none;
}
.table_st1 > ul.ul_num3:nth-child(5) {
	border-left: 1px solid #E5E9F3;
}
.table_st1 > ul.ul_num3:nth-child(9) {
	border-left: 1px solid #E5E9F3;
}
.table_st1 > ul > li.radio_st1 {
	padding: 11px 10px 0 10px;
}
.table_st1 .btn_style4 {
	vertical-align: top;
}

.fab_wrap .fileinput-button {
	background: #53B1E6;
}

/* dl */
.dl_st1 {
	width:100%; overflow: hidden;
}
.dl_st1 dt, .dl_st1 dd {
	float:left; margin-bottom:5px; line-height: 24px;
}
.dl_st1 dt {
	width: 90px; font-size: 14px; color: #777;
}
.dl_st1 dd {
	width:calc(100% - 90px); color: #2E3542; font-size: 16px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* 라디오 */
.radio_st1 {
	padding-left: 1px;
}
.radio_st1 input[type=radio]{
	-webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; margin-right: 5px; width: 18px; height: 18px; cursor: pointer; border: 1px solid #D2D3D6;
    border-radius: 50%;
}
.radio_st1 input[type=radio] + label{
	margin-right:10px; cursor: pointer; line-height: 18px;
}
.radio_st1 input[type=radio]:checked{
	border: 5px solid #fff; background: #53B1E6; box-shadow: 0px 0px 0px 1px #262d55; 
}
.radio_st1 input[type=radio]:checked + label{
	color:#111;
}

/* 서브 공통 */
.sub_visual {
	padding-top: 78px; width: 100%; height: 208px; color: #fff; 
}
.sub_visual1 {
	background: url(../../../images/kion/fab/common/s_visual1.png) center bottom no-repeat;
}
.sub_visual2 {
	background: url(../../../images/kion/fab/common/s_visual2.png) center bottom no-repeat;
}
.sub_visual3 {
	background: url(../../../images/kion/fab/common/s_visual3.png) center bottom no-repeat;
}
.sub_visual4 {
	background: url(../../../images/kion/fab/common/s_visual4.png) center bottom no-repeat;
}
.sub_visual5 {
	background: url(../../../images/kion/fab/common/s_visual5.png) center bottom no-repeat;
}

.sub_visual .lacation {
	float: right; margin-top: 56px; 
}
.sub_visual .lacation li {
	float: left; font-size: 14px; padding-left: 38px; background: url(../../../images/kion/fab/common/lacation_a.png) 17px center no-repeat;
}
.sub_visual .lacation li:first-child {
	padding-left: 0; background: none;
}

.sub_visual h2.sub_tt {
	padding-top: 25px; 
}
.sub_visual h2.sub_tt span {
	background: url(../../../images/kion/fab/common/sub_tt1.png) 0 0 no-repeat; font-size: 30px; font-weight: 500; line-height: 80px; padding-left: 100px; display:inline-block;
}
.sub_visual h2.sub_tt1 span {
	background: url(../../../images/kion/fab/common/sub_tt1.png) 0 0 no-repeat;
} 
.sub_visual h2.sub_tt2 span {
	background: url(../../../images/kion/fab/common/sub_tt2.png) 0 0 no-repeat;
} 
.sub_visual h2.sub_tt3 span {
	background: url(../../../images/kion/fab/common/sub_tt3.png) 0 0 no-repeat;
} 
.sub_visual h2.sub_tt4 span {
	background: url(../../../images/kion/fab/common/sub_tt4.png) 0 0 no-repeat;
} 
.sub_visual h2.sub_tt5 span {
	background: url(../../../images/kion/fab/common/sub_tt5.png) 0 0 no-repeat;
} 

.fab_con {
	padding: 60px 0 80px 0; min-height: calc(100vh - 258px);
}

.tt_st1 {
	background: url(../../../images/kion/fab/common/tt_icon.png) 0 0 no-repeat; line-height: 24px; margin-bottom: 10px; font-size: 20px; color: #2E3542; padding-left: 15px; font-weight: 700;
}
.tt_st1 span {
	 font-size: 14px; color: #606574; padding-left: 15px; font-weight: 500;
}
.tt_st2 {
	background: url(../../../images/kion/fab/common/tt_icon2.png) 0 6px no-repeat; font-size: 16px; color: #222; padding-left: 18px; margin-bottom: 5px; font-weight: 500;
}
.tt_st3 {
	line-height: 24px; margin-bottom: 7px; font-size: 16px; color: #2E3542; font-weight: 700;
}
.tt_st4 {
	line-height: 24px; margin-bottom: 7px; font-size: 16px; position:relative; padding-left: 20px;
}
.tt_st4::before {
	content:""; position:absolute; display:inline-block; width:3px; height:3px; background:#2E3542; top:10px; left:10px; border-radius: 3px;
}
.tt_st5 {
	font-size: 13px; color: #111; margin-bottom: 7px; position:relative; padding-left: 10px;
}
.tt_st5::before {
	content: ""; position: absolute; display: inline-block; width: 5px; height: 5px; background: #D9D9D9; top: 7px; left: 0; border-radius: 5px;
}

.fab_con .info_box {
	width: 100%; min-height: 280px; border-radius: 10px; padding: 30px; margin-bottom: 50px; border: 1px solid #D2D3D6; font-size: 16px; 
}
.fab_con .info_box ul li {	
	float:left; 
}
.fab_con .info_box ul li img {
	border-radius: 20px; width: 250px; height: 214px; 
}
.fab_con .info_box ul li h3 {
	font-size: 24px; padding-left: 25px; color: #2E3542; position:relative; margin-top: 92px; font-weight: 700;
}
.fab_con .info_box ul li h3::before {
	content:""; position:absolute; display:inline-block; width:30px; height:4px; background:#FFC000; top: 18px; left: -15px; border-radius: 50px;
}
.fab_con .info_box ul li:last-child {
	display: table; height: 214px; padding-left: 30px; 
}
.fab_con .info_box ul li:last-child div {
	display: table-cell; vertical-align: middle; word-break: keep-all;
}
.consulting .info_box ul li:last-child .num_text ul li {
	float: left; width: calc(100% - 40px); height:50px; display: table; position:relative; padding-left: 0;
}
.consulting .info_box ul li:last-child .num_text ul li:first-child {
	width: 40px;
}
.fab_con .info_box .num_text p {
	display: table-cell; vertical-align: middle;
}
.fab_con .info_box .num_text span {
	display:inline-block; width: 30px; height: 30px; border: 1px solid #D2D3D6; border-radius: 50px; color: #262D55; text-align: center; font-weight: 500;
	position:absolute; top: 50%; left: 0; margin-top: -15px; line-height: 28px;
}

/* 서비스 신청 값체크 */
input[type=text].frm_focus,select.frm_focus {
	outline: 2px solid cadetblue;
}
div:has(> input[type=radio].frm_focus) {
	outline: 2px solid cadetblue;
}
div:has(> input[type=checkbox].frm_focus) {
	outline: 2px solid cadetblue;
}

.select_wrap ul {
	margin-bottom: 20px; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;
}
.select_wrap ul li {
	float: left; width: 23%; position:relative; margin-right: 2.6%; margin-bottom: 20px; display: block;
}
.select_wrap ul li:nth-child(4n) {
	margin-right: 0%;
}

.select_wrap input[type=radio]{
	background: url(../../../images/kion/fab/common/radio1_1.png) 0 0 no-repeat; -webkit-appearance: none; -moz-appearance: none; border: none; width: 32px; height: 32px;
	cursor: pointer; position: absolute; left: 20px; z-index: 10; top: 50%; margin-top: -16px;
}
.select_wrap input[type=radio] + label {
	 cursor: pointer; line-height: 30px; font-size: 20px; color: #262D55; display: block; border: 1px solid #ddd; background-color: #F6F8FC; border-radius: 10px; padding: 20px 10px 20px 65px;
}
.select_wrap input[type=radio] + label span {
	display: block; font-size: 30px; font-weight: 700; 
}
.select_wrap input[type=radio] + label p {
	font-size: 16px; font-weight: 400; 
}
.select_wrap input[type=radio]:checked {
	background: url(../../../images/kion/fab/common/radio1_2.png) 0 0 no-repeat;
}
.select_wrap input[type=radio]:checked + label {
	background-color: #fff; border: 2px solid #262D55; padding: 19px 9px 19px 64px;
}

.select_wrap input.disable[type=radio] + label {
	opacity: 0.4;
}
.select_wrap input.disable[type=radio] {
	opacity: 0.4;
}

/* 서비스 신청 - DGIST 전용 안내 */
.label-tooltip {
    position: relative;
    display: inline-block;
}

.label-tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    white-space: nowrap;
    font-size: 13px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    z-index: 1000;
}

.label-tooltip::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    z-index: 1000;
}

.label-tooltip:hover::after,
.label-tooltip:hover::before {
    opacity: 1;
}

/* 버튼 */
.fab_btn {
	width: 100%; padding-top: 40px; border-top: 1px solid #D2D3D6; text-align:center;
}
.fab_btn2 {
	width: 100%; text-align:center;
}
.btn_st1 {
	background:#53B1E6; color: #fff; border-radius: 5px; font-size: 16px; line-height: 49px; padding: 0 30px; display: inline-block; cursor: pointer; 
}
.btn_st2 {
	background:#53B1E6; color: #fff; border-radius: 3px; font-size: 14px; line-height: 28px; height: 30px; padding: 0 10px; display: inline-block; cursor: pointer; 
}
.btn_st3 {
	border: 1px solid #D2D3D6; border-radius: 5px; font-size: 16px; line-height: 47px; padding: 0 30px; display: inline-block; cursor: pointer; 
}
.btn_st3:hover {
	border: 1px solid #666; 
}
.btn_st999 {
	border: 1px solid #D2D3D6; border-radius: 5px; font-size: 16px; line-height: 35px; padding: 0 20px; display: inline-block; cursor: pointer; 
}

.btn_st11 {
	background:#53B1E6; color: #fff; border-radius: 5px; font-size: 16px; line-height: 37px; padding: 0 20px; display: inline-block; cursor: pointer; border: none;
}

/* 박스 */
.box_st1 {
	width: 100%; padding: 15px; border-top: 1px solid #535C74; border-bottom: 1px solid #E5E9F3; overflow: hidden; margin-bottom: 20px; background: #F7FAFF;
}
.box_st2 {
	padding: 20px; border: 1px solid #d9d9d9; margin-bottom: 40px; background: #f8f8f8;
}

.select_wrap2 {
	width: 100%; padding: 30px 0; border-top: 1px dashed #D2D3D6;
}
.select_wrap .select_wrap2 li {
	float: left; margin: 5px; position:relative; width: 100%;
}
.select_wrap2 input[type=radio]{
	background: url(../../../images/kion/fab/common/radio2_1.png) 0 0 no-repeat; -webkit-appearance: none; -moz-appearance: none; border: none; width: 18px; height: 18px;
	cursor: pointer; position: absolute; left: 25px; z-index: 10; top: 50%; margin-top: -9px;
}
.select_wrap2 input[type=radio] + label {
	 cursor: pointer; line-height: 18px; color: #262D55; display: block; border: 1px solid #D2D3D6; border-radius: 5px; padding: 15px; font-size: 17px;
}
.select_wrap2 input[type=radio]:checked {
	background: url(../../../images/kion/fab/common/radio2_2.png) 0 0 no-repeat;
}
.select_wrap2 input[type=radio]:checked + label {
	background-color: #fff; border: 1px solid #262D55; padding: 15px;
}


/* 팹서비스 소개 - 안내  */
.counsel_info .info_box ul li:last-child {
	width: calc(100% - 490px); line-height: 25px;
}
.counsel_info .info_p {
	margin: 20px 0 40px 0; width: 100%;
}
.counsel_info .info_p li {
	width: calc(25% - 16px); text-align: center; font-size: 14px; color: #2E3542; padding-top: 110px; float: left; margin-right: 16px; position:relative;
}
.counsel_info .info_p li.info_p1 {
	background: url(../../../images/kion/fab/common/info_icon1.png) center 0 no-repeat;
}
.counsel_info .info_p li.info_p2 {
	background: url(../../../images/kion/fab/common/info_icon2.png) center 0 no-repeat;
}
.counsel_info .info_p li.info_p3 {
	background: url(../../../images/kion/fab/common/info_icon3.png) center 0 no-repeat;
}
.counsel_info .info_p li.info_p4 {
	background: url(../../../images/kion/fab/common/info_icon4.png) center 0 no-repeat;
}
.counsel_info .info_p li::after {
	content:""; position:absolute; display:inline-block; width:16px; height:16px; background: url(../../../images/kion/fab/main/next.png); right:-14px; top:44px; 
}
.counsel_info .info_p li:last-child::after {
	display: none;
}

.counsel_info .info_t {
	margin-bottom: 40px;
}
.counsel_info .info_t .tt_st3 {
	margin-top: 30px;
}
.counsel_info .info_t .tt_st3 a {
	margin-left: 5px; font-size: 13px; height: 28px;
}
.counsel_info .info_t p {
	padding-left: 10px; font-size: 14px;
}
.counsel_info .info_t p.tt_st4 {
	padding-left: 20px; font-size: 16px;
}

/* 팹서비스 소개 - 상담신청  */
.consulting .info_box ul li:last-child {
	width: calc(100% - 438px);
}





/* 팹서비스 소개 - 견적서 신청  */
.estimate .info_box ul li:last-child {
	width: calc(100% - 405px)
}



/* 팹서비스 소개 - 기관별 종합 현황  */
.com_status .top {
	width: 100%; background: #f6f6f6; border: 5px solid #ddd; height: 100px;
}
.com_status .top li {
	float: left; 
}
.com_status .top > li:first-child {
	text-align: right; font-size: 40px; color: #222; line-height: 90px; padding-right: 50px; margin-right: 50px; width: 550px; position: relative;
}
.com_status .top > li:first-child::after {
	content:""; position:absolute; display:inline-block; width: 3px; height: 34px; background:#ddd; top: 28px; right: 0;
}
.com_status .top li.total {
	width: calc(100% - 650px); line-height: 35px;
}
.com_status .top li.total ul {
	margin-top: 28px;
}
.com_status .top li.total ul li {
	margin-right: 40px;
}
.com_status .top li.total ul li:last-child {
	margin-right: 0;
}
.com_status .top li.total ul li span {
	display: inline-block; color: #888; font-size: 13px;
}
.com_status .top li.total ul li span span {
	margin: 0 3px 0 20px; color: #111; font-size: 30px; font-weight: 600;
}

.com_status .time {
	height: 28px; line-height: 28px; margin: 10px 0 20px 0;
}
.com_status .time span {
	float: right; display: inline-block; font-size: 17px; text-align: right; padding-left: 35px; background: url(../../../images/kion/fab/common/status_i1.png) 0 no-repeat;
}

.com_status .c_box {
	background: url(../../../images/kion/fab/common/map_img.png) center 0 no-repeat; width: 100%; height: 635px; position: relative;
}
.com_status .c_box li {
	float: left;
}
.com_status .c_box .agency_b {
	width: 415px; border: 1px solid #ddd; position: absolute; z-index: 10;
}
.com_status .c_box .agency_b.isrc {
	top: 0; left: 0;
}
.com_status .c_box .agency_b.nnfc {
	top: 220px; left: 0;
}
.com_status .c_box .agency_b.etri {
	top: 440px; left: 0;
}
.com_status .c_box .agency_b.kanc {
	top: 0px; right: 0;
}
.com_status .c_box .agency_b.nint {
	top: 220px; right: 0;
}
.com_status .c_box .agency_b.dgist {
	top: 440px; right: 0;
}

.com_status .fab_s {
	background: #f6f6f6; padding: 15px; position: relative; width: 100%; height: 65px;
}
.com_status .fab_s > span {
	width: 13px; height: 13px; border: 1px solid #00226c; background: #0066cc; border-radius: 13px; position: absolute; right: -7px; top: 50%; margin-top: -6px;
}
.com_status .kanc .fab_s > span, .com_status .nint .fab_s > span, .com_status .dgist .fab_s > span {
	right: auto; left: -7px;
}
.com_status .fab_s ul li:first-child {
	width: 25%; font-size: 30px; color: #111; line-height: 33px; font-weight: 600;
}

.com_status .fab_s .graph {
	width: 57%; margin-right: 1%;
}
.com_status .fab_s .graph p {
	font-size: 13px; color: #222;
}
.com_status .fab_s .graph div {
	width: 100%; height: 13px; border-radius: 20px; background: #e7e7e7; box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2); margin-top: 5px;
}
.com_status .fab_s .graph span {
	height: 13px; border-radius: 20px; background: #ffc937; display: inline-block;
}

.com_status .fab_s .percent {
	width: 17%; text-align: right; font-size: 16px; color: #222; line-height: 25px; padding-top: 12px;
}
.com_status .fab_s .percent span {
	font-size: 26px; font-weight: 600;
}

.com_status .status {
	padding: 15px; background: #fff;
}
.com_status .status li {
	height: 103px;
}
.com_status .status li:first-child {
	width: 22%; border-right: 1px solid #ddd;
}
.com_status .status li:last-child {
	width: 26%; background: #f6f6f6; text-align: center;
}
.com_status .status li {
	display: inline-block;
}
.com_status .status li > p {
	margin-top: 20px; 
}
.com_status .status li span {
	margin-top: 12px; font-size: 26px; color: #222; font-weight: 600;
}
.com_status .status li span span {
	margin-top: 0; margin-left: 2px; font-size: 13px; color: #888; padding-top: 15px; vertical-align: middle; font-weight: 400;
}
.com_status .status li.list {
	padding: 0 5%; width: 52%;
}
.com_status .status dl {
	width: 100%; height: 27px; margin-bottom: 10px
}
.com_status .status dt, .com_status .status dd {
	float: left; line-height: 27px;
}
.com_status .status dt {
	width: 85px; padding-left: 35px;
}
.com_status .status .list1 dt {
	background: url(../../../images/kion/fab/common/status_i2.png) 0 no-repeat;
}
.com_status .status .list2 dt {
	background: url(../../../images/kion/fab/common/status_i3.png) 0 no-repeat;
}
.com_status .status .list3 dt {
	background: url(../../../images/kion/fab/common/status_i4.png) 0 no-repeat;
}
.com_status .status .list1 dd > span {
	color: #37b284;
}
.com_status .status .list2 dd > span {
	color: #1d98eb;
}
.com_status .status .list3 dd > span {
	color: #8149dd;
}
.com_status .status dd {
	width: calc(100% - 85px); text-align: right;
}

.com_status .sample {
	width: 100%; height: 200px; line-height: 200px; position:absolute; background: rgb(255,255,255,0.5); text-align: center; color: #333; font-size: 30px; font-weight: 600; left: 0; top: 0;
}



.com_status .map_area {
	position: absolute; width: 100%; height: 635px; top: 0;
}
.com_status .map_area span {
	position: absolute; left: 50%; top: 50%; width: 70px; line-height: 36px; border: 1px solid #00226c; background: #0066cc; border-radius: 100px; text-align: center; color: #fff; font-size: 16px; 
}
.com_status .map_area::before, .com_status .map_area span::before, .com_status .map_area span::after {
	content:""; position:absolute; display:inline-block; background:#0066cc; 
}
.com_status .map_area::before {
	width: 164px; height: 1px; top: 152px; left: 50%; margin-left: -46px;
}

.com_status .map_area span::before {
	width: 300px; height: 1px;
}
.com_status .map_area span::after {
	width: 1px; left: 50%;
}

.com_status .map_area span.isrc {	
    margin: -233px 0 0 -132px;
}
.com_status .map_area span.isrc::before {	
    top: -52px; left: -265px;
}
.com_status .map_area span.isrc::after {	
    height: 51px; top: -51px;
}

.com_status .map_area span.nnfc {	
    margin: -58px 0 0 -82px;
}
.com_status .map_area span.nnfc::before {	
    top: -7px; left: -265px;
}
.com_status .map_area span.nnfc::after {	
    height: 7px; top: -7px;
}

.com_status .map_area span.etri {	
    margin: -58px 0 0 -82px;
}
.com_status .map_area span.etri::before {	
    top: 214px; left: -265px;
}
.com_status .map_area span.etri::after {	
    height: 178px; top: 36px;
}

.com_status .map_area span.kanc {	
    margin: -184px 0 0px -117px;
}
.com_status .map_area span.kanc::before {	
    top: -100px; left: 234px; width: 164px;
}
.com_status .map_area span.kanc::after {	
    height: 118px; bottom: 18px; left: 233px;
}

.com_status .map_area span.nint {	
    margin: -7px 0 0 152px;
}
.com_status .map_area span.nint::before {	
    top: -58px; left: 34px;
}
.com_status .map_area span.nint::after {	
    height: 56px; top: -57px;
}

.com_status .map_area span.dgist {	
    margin: 15px 0 0 68px;
}
.com_status .map_area span.dgist::before {	
    left: 35px; bottom: -106px;
}
.com_status .map_area span.dgist::after {	
    height: 105px; top: 37px;
}



/* 팹서비스 신청- 팹서비스 절차 */ 

.css_procedure {
	padding-top: 30px;
}
.css_procedure > ul {
	width: 1128px; margin: 0 auto;
}
.css_procedure > ul > li {
	text-align: center; position: relative; width: 620px;
}
.css_procedure ul li h5 {
	border-style: solid;  border-width: 2px; border-radius: 100px; display: inline-block; width:370px; line-height:76px; text-align: center; margin: 0 auto; 
}
.css_procedure ul li h5 span {
	display: inline-block; text-align: center; font-size: 20px; font-weight: bold; color: #222; padding-left: 60px;
}
.css_procedure ul li p {
	font-size: 16px; color: #262D55; padding: 14px 0 75px 0; background: url(../../../images/kion/fab/common/procedure_a.png) center bottom no-repeat;
}
.css_procedure ul li ul {
	position: absolute; left: 495px; top: 15px; width: 627px; 
}
.css_procedure ul li ul li {
	float: left; border-style: solid; border-width: 2px; font-size: 16px; color: #262D55; padding: 12px 17px; margin-left: 27px; position: relative; 
}
.css_procedure ul li ul li::before {
	content:""; position:absolute; display:inline-block; width:26px; height:30px; background:url(../../../images/kion/fab/common/procedure_a.png) left bottom no-repeat; top: -0; left:-29px; transform: rotate( 270deg );
}
.css_procedure ul li ul li:first-child::before {
	width:2px; height:28px; background:#666; top: 7px; left:-17px;
}

.css_procedure .procedure2 ul {
	height: 188px; background: url(../../../images/kion/fab/common/procedure_a2.png) right bottom no-repeat;
}

.css_procedure ul li.procedure1 h5 {
	border-color: #FFC000; background:#FEFCF7;
}
.css_procedure ul li.procedure2 h5, .procedure2 ul li {
	border-color: #394C98; background:#F0F5FF; 
}
.css_procedure ul li.procedure3 h5 {
	border-color: #53B1E6; background:#EAFBFF; margin-top: 80px;
}
.css_procedure ul li.procedure4 h5 {
	border-color: #1F9A6E; background:#F1FEF3;
}
.css_procedure ul li.procedure5 h5, .procedure5 ul li {
	border-color: #BF2739; background:#FEF1F1;
}

.css_procedure ul li.procedure1 h5 span {
	background: url(../../../images/kion/fab/common/procedure1.png) 0 center no-repeat;
}
.css_procedure ul li.procedure2 h5 span {
	background: url(../../../images/kion/fab/common/procedure2.png) 0 center no-repeat;
}
.css_procedure ul li.procedure3 h5 span {
	background: url(../../../images/kion/fab/common/procedure3.png) 0 center no-repeat;
}
.css_procedure ul li.procedure4 h5 span {
	background: url(../../../images/kion/fab/common/procedure4.png) 0 center no-repeat;
}
.css_procedure ul li.procedure5 h5 span {
	background: url(../../../images/kion/fab/common/procedure5.png) 0 center no-repeat;
}

/* 공정장비사용 - 팹서비스 신청 */

.select_wrap ul li.reference2_w {
	width: 74.4%; margin-right: 0;
}
.select_wrap ul li.reference2_w ul {
	margin-bottom: 0;
}
.select_wrap ul li.reference2_w li {
	float: left; margin-bottom:0;
}
.select_wrap ul li.reference2_w li:first-child {
	width: 31%; margin-right: 3.2%;
}
.select_wrap ul li .reference2 {
	width: 65.5%; height: 72px; position:relative; margin: 0; background: #F9f9f9; border: 1px solid #ddd; border-radius: 10px; padding: 28px 0 0 20px; 
}
.select_wrap ul li .reference2::before {
	content:""; position:absolute; display:inline-block; width: 0; height: 0; top:50%; left:-3.5%; margin-top: -13px;
	border-bottom: 12px solid transparent; border-top: 12px solid transparent; border-left: 15px solid #ddd; border-right: 15px solid transparent; 
}
.select_wrap ul li .reference2 a {
	font-size: 16px; margin-left: 10px; padding-left: 10px; border-left: 1px solid #ddd; line-height: 16px; cursor: not-allowed;
}
.select_wrap ul li .reference2 a:first-child {
	margin-left: 0; padding-left: 0; border-left: none;
}
.select_wrap ul li .reference2.active a.active, .select_wrap ul li.reference2.active a:hover {
	color: #262D55; font-weight: bold;
}
.select_wrap ul li .reference2.active {
	background: #fff; border: 1px solid #53B1E6; 
}
.select_wrap ul li .reference2.active::before {
	border-left: 15px solid #53B1E6; 
}
.select_wrap ul li .reference2.active a {
	cursor: pointer;
}

.speech_bubble {
	position: relative;
}
.bubble_box {
	display: none; position: absolute; border-radius: 5px; padding: 5px; color: #444; border: 2px solid #53B1E6; background: #fff; 
	width: 170px; bottom: 50px; line-height: 20px; font-size: 15px; left: 50%; margin-left: -85px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.speech_bubble .bubble_box::after {
	content: ''; display: block; position: absolute; width: 10px; height: 10px; background: #fff; bottom: -7px; left: 50%; margin-left: -5px;
    border-right:2px solid #53B1E6; border-bottom:2px solid #53B1E6; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.speech_bubble:hover .bubble_box {
	display: inline-block;
}


.applicationDiv.table_st1 input, .applicationDiv.table_st1 input.datepicker-calendar{
	width: 100%;
}
.applicationDiv.table_st1 input[type=radio]{
	width: 18px;
}
.table_st1 .wafertext {
	width: 100%;
}

.table_st1 .materialProgressEtc {
	width: 100%;
}

.table_st1 .select_acct {
	width: 89%;
}

/* .route_list_wrap.sorder_list .route_list .con {
    width: calc(100% - 70px); padding: 0;
}
.route_list_wrap.sorder_list .route_list .sorder_list_con {
	float:left; width: calc(100% - 65px); padding: 15px 20px; border-right: 1px solid #ddd;
}
.route_list_wrap.sorder_list .route_list .sorder_list_con .dl_st2 dd input {
	height: 28px; vertical-align: top;
}
.route_list_wrap.sorder_list .route_list .delete {
	float:right;
}
.route_list_wrap.sorder_list .route_list .delete a {
	padding: 0; padding-top: 26px; height: 50px; text-align: center; margin-top: 60px;
}
 */
#page_sorder_request .radio_st1 input[type=radio] + label {
	margin-right: 18px;
}
#page_sorder_request_form_equip .radio_st1 input[type=radio] + label {
	margin-right: 18px;
}



/* 팹서비스 신청 - 장비 목록 */
.table_equip {
	margin-bottom: 20px; width: 100%; background: #F6F8FC; border-top: 1px solid #000;
}
.table_equip > ul {
	width: 100%; border-bottom: 1px solid #eee; overflow: hidden;
}
.table_equip > ul > li {
	width: calc(100% - 100px); padding: 15px 10px; float: left; border-left: 1px solid #eee;
}
.table_equip > ul > li:first-child {
	color: #111; text-align:center; font-weight: bold; width: 100px; border-left: none;
}

.tab_st3 li {
	float: left; position:relative; padding-left: 30px;
}
.tab_st3 li::before {
	content:""; position:absolute; display:inline-block; width:1px; height:14px; background:#ddd; top:3px; left:15px;
}
.tab_st3 li:first-child {
	padding-left: 0;
}
.tab_st3 li:first-child::before {
	display: none;
}
.tab_st3 li a {
	color: #888;
}
.tab_st3 li.active a {
	color: #000;
}

.tab_st4 ul {
	border-left: 1px solid #ddd; overflow: hidden;
}
.tab_st4 li {
	float: left; border: 1px solid #ddd; border-left: none; padding: 5px 10px; margin: 1px 0;
}
.tab_st4 li.active {
	background: #262d55; border: 1px solid #262d55;
}
.tab_st4 li.active a {
	color: #fff;
}

.list_style {
	margin-bottom: 10px;
}
.list_style li {
	float: right;
}
.list_style li:first-child {
	float: left; padding-top: 10px;
}
.list_style li:first-child span {
	font-weight: bold; color: #00316c;
}
.list_style .l_select a {
	float: left; background-position: center 0; background-repeat: no-repeat; padding-top: 18px; text-align: center;  font-size: 13px;
}
.list_style .l_select a.list {
	background-image: url(../../../images/kion/fab/common/list_style1_1.png); margin-left: 10px;
}
.list_style .l_select a.block {
	background-image: url(../../../images/kion/fab/common/list_style2_1.png); margin-left: 10px;
}
.list_style .l_select a.calendar {
	background-image: url(../../../images/kion/fab/common/list_style3_1.png); margin-left: 10px; border-width: 0;
}
.list_style .l_select a.list.active {
	background-image: url(../../../images/kion/fab/common/list_style1_2.png); color: #262d55; font-weight: 600;
}
.list_style .l_select a.block.active {
	background-image: url(../../../images/kion/fab/common/list_style2_2.png); color: #262d55; font-weight: 600;
}
.list_style .l_select a.calendar.active {
	background-image: url(../../../images/kion/fab/common/list_style3_2.png); color: #262d55; font-weight: 600;
}

.table_t2.equip_list_t .t1 {
	width: 25%;
}
.table_t2.equip_list_t .t2 {
	width: 25%;
}
.table_t2.equip_list_t .t3 {
	width: 20%;
}
.table_t2.equip_list_t .t4 {
	width: 20%;
}
.table_t2.equip_list_t .t5 {
	width: 10%;
}

.table_t2.equip_list_t2 .t0 {
	width: 10%;
}
.table_t2.equip_list_t2 .t1 {
	width: 20%;
}
.table_t2.equip_list_t2 .t2 {
	width: 20%;
}
.table_t2.equip_list_t2 .t3 {
	width: 16%;
}
.table_t2.equip_list_t2 .t4 {
	width: 10%;
}
.table_t2.equip_list_t2 .t5 {
	width: 10%;
}
.table_t2.equip_list_t2 .t6 {
	width: 7%;
}

.table_t2.equip_list_t3 .t1 {
	width: 25%;
}
.table_t2.equip_list_t3 .t2 {
	width: 20%;
}
.table_t2.equip_list_t3 .t3 {
	width: 45%;
}
.table_t2.equip_list_t3 .t4 {
	width: 10%;
}




/* 팹서비스 현황 - 견적 현황 */

#page_quot_runsheet_edit .route_list .con {
	width: calc(100% - 245px); border-right: 1px solid #ddd; 
}
#page_quot_runsheet_edit .route_btn {
	width: 175px; margin-top: -17px;
}
#page_quot_runsheet_edit .route_list .route_btn a {
	width: auto;
}



/* 장비별 예약현황 */

.list_status .l_status_top {
	width: 100%; height: 32px; margin-bottom: 10px;
}
.list_status .l_status_top .status {
	float: left;
}
.list_status .l_status_top .status li {
	float: left; padding: 13px 20px 0 17px; font-size: 14px; position: relative; 
}
.list_status .l_status_top .status li::before {
	content: ""; position: absolute; display: inline-block; width: 13px; height: 13px; border-radius: 13px; background: #949ea4; top: 17px; left: 0;
}
.list_status .l_status_top .status li:first-child::before {
	background: #53b1e6;
}
.list_status .l_status_top .date_btn {
	float: right;
}
.list_status .l_status_top .date_btn a {
	height: 32px; float: left;
}
.date_btn .prev, .date_btn .next {
	width: 32px; border: 1px solid #ddd; text-indent: -9999px; 
}
.date_btn .prev {
	background: url(/resources/images/kion/common/p_prev.png) center center no-repeat;
}
.date_btn .next {
	background: url(/resources/images/kion/common/p_next.png) center center no-repeat;
}
.date_btn .today {
	border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 30px; font-size: 14px; padding: 0 8px;
}



.list_status .table_t5 {
	overflow: hidden; margin-bottom: 0;
}
.list_status .table_t5 .name {
	width: 420px; float: left;
}
.list_status .table_t5 .name ul li {
	width: 35%;
}
.list_status .table_t5 .name ul li:first-child {
	width: 65%; 
}
.list_status .table_t5 .t2_body .name ul li {
	height: 47px;
}

.list_status .table_t5 .date {
	width: calc(100% - 420px); float: left; 
}
.list_status .table_t5 .date ul li {
	width: 7.14%; height: 47px;
}
.list_status .table_t5 .t2_head .date ul li {
	font-size: 14px; height: 53px;
}
.list_status .table_t5 .date ul li:first-child {
	border-left: 1px solid #E5E9F3;
}
.list_status .state1 {
	 background: #53b1e6;
}
.list_status .state2 {
	 background: #949ea4;
}


/* 고객센터 - FAQ */
.faq_wrap {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    border-top: 1px solid #111;
}
.faq_wrap li {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.faq_wrap li.active .con {
    display: block;
}


.faq_wrap li .con {
    display: none; position: relative;
    width: 100%;
    padding: 25px;
    background: #F6F8FC;
    border-top: 1px dashed #444444;
}
.faq_wrap li .title a {
    width: calc(100% - 20px);
    margin-right: 20px;
    padding: 15px 55px 15px 15px;
    line-height: 24px;
    font-size: 16px;
    color: #222;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.faq_wrap li.active .title a::after {
    transform: rotate(180deg);
}
.faq_wrap li .title a::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 24px;
    top: 15px;
    right: 0px;
    background: url(/resources/images/kion/icon_arrow4.png) 5px no-repeat;
}


.com_status_btn {
	margin: 0 auto; width: 100%; margin-top: 50px;
}
.com_status_btn li {
	float: left; width: 47%; height: 500px; text-align: left; padding: 60px 0 0 50px; border-radius: 30px; box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	background-color: #e4fbff; background-image:url(/resources/images/kion/fab/common/mesfmb1.png); background-position: right 40px bottom 30px; background-repeat: no-repeat;
}
.com_status_btn li p {
	font-size: 32px; font-weight: 600; color: #222; padding: 30px 0 50px 0; position: relative;
}
.com_status_btn li p::before {
	content:""; position:absolute; display:inline-block; width: 35px; height: 5px; background:#53B1E6; top:0px; left:0px;
}
.com_status_btn li a {
	text-align: left; width: 250px; border-radius: 100px; display: inline-block; line-height: 55px; padding: 0 30px; font-size: 17px; font-weight: 500; color: #fff; 
	background-color: #53B1E6; background-image:url(/resources/images/kion/fab/common/mesfmb_a.png); background-position: right 30px center; background-repeat: no-repeat;
}
.com_status_btn li a:hover {
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

.com_status_btn li:first-child {
	margin-right: 6%; background-color: #ebfdf2; background-image:url(/resources/images/kion/fab/common/mesfmb2.png);
}
.com_status_btn li:first-child a {
	background-color: #1F9A6E;
}
.com_status_btn li:first-child  p::before {
	background:#1F9A6E; 
}


input::-ms-reveal,
input::-ms-clear {
	display: none;
}

.password-container {
	position: relative;	display: flex;	align-items: center;
}

#LOGIN_PW {
	width: 100%; padding-right: 35px;
}

#togglePassword {
	position: absolute; right: 10px; background: none; border: none; cursor: pointer; font-size: 16px;
}


/* 탭 스타일 */
.moa_tab1 .tabs-wrap {
	background: none;
}
.moa_tab1 .tabs {
	border-bottom: 2px solid #262D55; height: 53px !important;
}
.moa_tab1 .tabs li a.tabs-inner {
	text-align: center; border: 1px solid #ddd; border-bottom: 2px solid #262D55; background-color: #F6F8FC; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 25px 0; 
}
.moa_tab1 .tabs li a.tabs-inner .tabs-title {
	font-size: 16px;
}
.fab_con .moa_tab1 .tabs li:first-child a.tabs-inner {
    padding: 25px 0;
}
.moa_tab1 .tabs li.tabs-selected a.tabs-inner {	
    border: 2px solid #262D55; border-bottom: 1px solid #fff; font-weight: 500;
}

.b_monit {
	float: right; margin-left: 17px; background: url(/resources/images/kion/fab/common/b_monit.png) 0 0 no-repeat; width: 122px; height: 30px; padding: 2px 0 0 40px; color: #333;
}
.b_monit:hover {
	color: #2b8cc2; font-weight: 500;
}

/***** FAB 메인 반응형 *****/

@media (max-width: 1500px) {
	.fab_wrap #header .top_menu {display: inline-block;}
}

@media ( max-width: 1400px ) {
	.section {height:auto;}
	#m_content {height:auto; display: block;}
	#m_content .e_search.box {width: 100%; margin-bottom: 2%;}
	#m_content .board.box {width: 48.5%; float: left; margin: 0 0 2% 0;}
	#m_content .notice.box {width: 48.5%; margin-bottom: 2%;}
	#m_content .discount.box, #m_content .survey.box {width: 48.5%;}
	#m_content .discount.box p, #m_content .survey.box p {font-size: 14px; padding-right: 40px;}
	#m_content .survey.box {margin: 0; float: right;}
	#m_content .call.box {width: 100%; margin: 2% 0;}

}

@media ( max-width: 1280px ) {
	#m_visual .login_box {position: absolute; right: 30px; bottom: 22.5%;}
	.fab_wrap #header .top_menu {display: none;}
}

@media ( max-width: 1060px ) {
	#m_visual {display: block; height: auto; padding-top: 120px; overflow: hidden;}
	.m_box {display: block;}
	#m_visual .text_quick {width: 100%;}
	#m_visual .login_box {position: relative; float: left; height: auto; width: 440px; margin-top: 0; margin-bottom: 20px; right: auto; border: 1px solid #EDF0F5; box-shadow: 5px 5px 10px 0px rgba(38, 45, 85, 0.05);}
	#m_visual .login_box .login_input_form h3 {display: none;}
	
}

@media ( max-width: 1024px ) {
		
	#footer {height: auto; padding: 15px 0;}
	#footer ul li {float: left; margin: 3px 0; width: 100%;}

	.section {height:auto;}
	
	.list_status .table_t5 .date ul li {width: 14.28%;}
	.list_status .table_t5 .date ul li:nth-child(n+8) {display: none;}
}

@media ( max-width: 850px ) {
	#m_visual .bg_box, #m_visual .text_box .m_btn {display: none;}
}

@media ( max-width: 768px ) {	
	#header .top_btn a {display: none;}
	#header .top_btn a.allmenu {display: inline-block;}
	
	#footer ul li p {display: block;}
	#footer ul li span.tel {padding-left: 0;}
	#footer ul li span.tel::before {display: none;}
	#m_content .box {padding: 15px;}
	#m_content .board.box {width: 100%;}
	#m_content .notice.box {width: 100%;}
	
	#m_content .e_search.box .search_btn {width:100%; position: relative; right: auto; top: auto;}
	
	#m_content .e_search.box {height: auto; }
	#m_content .e_search.box .checkbox_st2 {top: 22px; right: 10px;}
	#m_content .e_search.box .equip_box {width: 100%;}
	#m_content .e_search.box .equip_box .list {padding-right: 0px; width: 100%; height: 775px;} 
	#m_content .e_search.box .equip_box .list > a {height: auto;}
	#m_content .e_search.box .equip_box .list .active {margin-bottom: 10px;}
	#m_content .e_search.box .equip_box .e_info {width: 100%; position: relative; right: auto; bottom: auto;}	
	
	#m_content .equip_box .no_data {padding-top: 145px; background: url(../../../images/kion/fab/main/no_data.png) center 20px no-repeat;}
	
	.list_status .table_t5 .name {width: 300px;}
	.list_status .table_t5 .date {width: calc(100% - 300px);}
	.list_status .table_t5 .name ul li:first-child {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
}



@media ( max-width: 670px ) {
	#m_visual .quick ul {width:100%;}
	#m_visual .quick li:nth-child(3) {margin: 0 10px 10px 0;}
	#m_visual .text_box h3 br {display: none;}
	#m_content .e_search.box h4 {margin-bottom: 0;}
	
	.list_status .table_t5 .date ul li {width: 25%;}
	.list_status .table_t5 .date ul li:nth-child(n+5) {display: none;}
	
}

@media ( max-width: 580px ) {
	#m_visual {padding-top: 100px;}
	#m_visual .text_box h3 {font-size: 33px; line-height: 40px;}
	#m_visual .text_box p {font-size: 16px; margin: 10px 0 30px 0;} 
	
	#m_content .e_search.box .search_btn li:first-child {width:100%; margin-bottom: 10px;}	
	#m_content .e_search.box .search_btn li:last-child {width: 100%; margin-left: 0;}
	#m_content .e_search.box .equip_box .e_info {padding: 10px;}
	#m_content .e_search.box .equip_box .e_info a {width: calc(100% - 20px);}
	#m_content .e_search.box .equip_box .dl_st1 {padding-bottom: 50px;}
}

@media ( max-width: 510px ) {	
	#m_visual .quick li {width: 49%; margin: 0 0 2% 0;}
	#m_visual .quick li:nth-child(odd) {margin: 0 2% 2% 0;}
	#m_visual .login_box {width: 100%; padding: 20px;}
	
	#m_content .e_search.box .checkbox_st2 {position: relative; right: auto; top: auto; margin-bottom: 10px;}
	
	#m_content .discount.box, #m_content .survey.box {width: 100%;}
	#m_content .discount.box {margin-bottom: 2%;}
	#m_content .call.box > h4 {display: none;}
	#m_content .call.box .call_box {width: 100%;}
	
	#header .top_link {width: 68px;}
	#header .top_link a {background: url(../../../images/kion/portal/common/logo_s.png) center 8px no-repeat;}
	
	
	.list_status .table_t5 .name {width: 250px;}
	.list_status .table_t5 .t2_body .name ul li {font-size: 14px;}
	.list_status .table_t5 .date {width: calc(100% - 250px);}
	.list_status .table_t5 .date ul li {width: 33.33%;}
	.list_status .table_t5 .date ul li:nth-child(n+4) {display: none;}
	
}

@media ( max-width: 470px ) {
	.list_status .l_status_top {height: 74px;}	
	.list_status .l_status_top .status {width: 100%; margin-bottom: 10px;}
}

@media ( max-width: 420px ) {
	.list_status .table_t5 .date ul li {width: 100%;}
	.list_status .table_t5 .date ul li:nth-child(n+2) {display: none;}
}

@media ( max-width: 400px ) {
	
	#m_content .e_search.box .search_btn li:first-child {height: auto;}
	#m_content .e_search.box .search_btn li:first-child select {width: 100%; border-bottom: 1px solid #d2d3d6;}
	#m_content .e_search.box .search_btn li:first-child input {border-left: none;  width: calc(100% - 32px); text-indent: 4px;}
	
	#m_content .e_search.box .equip_box .list {height: 450px;}
	#m_content .e_search.box .equip_box .e_info {height: 270px;}	
	#m_content .e_search.box .equip_box .e_info img {height: 160px;}
	#m_content .e_search.box .equip_box .e_info a {top:132px}
	#m_content .call.box .slide_num li p {line-height: 18px;}
	#m_content .call.box .slide_num li p span {width: 100%;}
}

@media ( max-width: 350px ) {
	.login_box ul li {width: 100%;}
	.login_box ul li:last-child {margin-top: 5px;}
	.fab_allmenu.active {width:100%; min-width: 300px;}
	.fab_allmenu > ul > li:first-child {margin-left:0;}
	.fab_allmenu > a.close {right: 10px;}
	
	
	
}










/***** FAB 서브 반응형 *****/


@media ( max-width: 1400px ) {
	.inner {width: 100%; padding: 0 30px;}
	.fab_con.inner {padding: 40px 30px 60px 30px;}
	.fab_con.inner .inner {padding:0;}
	
	.select_wrap ul li {width: 32%; margin-right: 2%;}
	.select_wrap ul li:nth-child(3n) {margin-right: 0%;}
	.select_wrap ul li:nth-child(4n) {margin-right: 2%;}
	.select_wrap input[type=radio] + label {padding: 10px 10px 10px 65px;}
	.select_wrap input[type=radio] + label span {display: block; font-size: 25px;}
	.select_wrap input[type=radio] + label p {font-size: 14px;}
	.select_wrap input[type=radio]:checked + label {padding: 9px 9px 9px 64px;}	
	
	.select_wrap ul li.reference2_w {width: 100%;}
	.select_wrap ul li.reference2_w li:first-child {width: 32%;}
	.select_wrap ul li .reference2 {width: 64.5%; height: 52px; padding: 18px 0 0 20px;}
}

@media ( max-width: 1350px ) {	
	.com_status .top > li:first-child {display: none;}
	.com_status .top li.total {width: 100%; padding: 28px 0 0 15px; text-align: center;}
	.com_status .top li.total ul {display: inline-block; margin: 0 auto;}
	.com_status .c_box {background: none;}
	.com_status .map_area, .com_status .fab_s > span {display: none;}
	.com_status .c_box .agency_b {width: 49%;}
	
}



@media ( max-width: 1280px ) {	
	.fab_con .info_box {height: auto;min-height: auto;}
	.fab_con .info_box > ul > li {width: calc(100% - 300px) !important;}
	.fab_con .info_box > ul > li:first-child {width: 250px !important;; margin-right: 50px;}
	.fab_con .info_box > ul > li:last-child {height: auto; padding: 20px 0 0 0; font-size: 15px; line-height: 23px;}
	.fab_con .info_box ul li h3 {margin-top: 0; margin-left: 15px;}
	
	.css_procedure {text-align: center;}
	.css_procedure > ul {width: auto; display: inline-block;}
	.css_procedure > ul > li {width: auto; text-align: left;}
	.css_procedure ul li h5 {width: 240px; line-height: 65px;}
	.css_procedure ul li h5 span {font-size: 17px;}
	.css_procedure ul li p {font-size: 14px; background: url(../../../images/kion/fab/common/procedure_a.png) 120px bottom no-repeat;}
	.css_procedure ul li ul {left: 240px; width: auto;}
	.css_procedure ul li ul li {float: none; margin-left:0; margin-bottom: 25px; width: 123px; font-size: 14px; text-align: center; margin-left: 16px;}
	.css_procedure ul li ul li::before {width: 26px; height: 26px; top: -29px; left: 54px; transform: rotate( 0deg );}
	.css_procedure ul li ul li:first-child::before {width: 2px; height: 16px; background: #666; top: 13px; left: -11px; transform: rotate( 270deg );}
	.css_procedure ul li.procedure3 h5 {margin-top: 210px;}
	.css_procedure .procedure2 ul {background: url(../../../images/kion/fab/common/procedure_a3.png) 0 bottom no-repeat; height: 305px;}
	.css_procedure .procedure5 {margin-bottom: 135px;}

	.table_st1 > ul {width: 100%;}
	.table_st1 > ul:nth-child(even) {border-left: none;}
	.table_st1 > ul.ul_num3 {width: 100%;}
	.table_st1 > ul.ul_num3:nth-child(3) {border-left: none;}
	
	.com_status_btn li {background-size: 45%;}
	
	

}

@media ( max-width: 1024px ) {
	.select_wrap ul li {width: 49%; margin-right: 0%; margin-left: 2%;}
	.select_wrap ul li:nth-child(3n) {margin-right: 0%;}
	.select_wrap ul li:nth-child(4n) {margin-right: 0%;}
	.select_wrap ul li:nth-child(odd) {margin-left: 0%;}	
	.select_wrap ul li.reference2_w {margin-left:0;}
	.select_wrap ul li.reference2_w li:first-child {width: 49%; margin-bottom: 20px;}
	.select_wrap ul li .reference2 {width: 47%; padding: 16px 0 0 20px;}
	.select_wrap ul li .reference2 a {font-size: 14px;}
	.select_wrap ul li .reference2::before {left: -5.5%;}
	
	.fab_con {min-height: calc(100vh - 293px);}
	
	.com_status_btn {width: 100%;}
	.com_status_btn li {width: 100%; background-size: auto;}
	.com_status_btn li:first-child {width: 100%; margin-right:0; margin-bottom: 30px;}
	
	
}

@media ( max-width: 950px ) {
	.com_status .c_box {height: auto;}
	.com_status .c_box .agency_b {width: 100%; position: relative; top: auto !important; left: auto !important; right: auto !important; margin-bottom: 15px;}
}

@media ( max-width: 850px ) {
	.fab_con .info_box {padding: 20px;}
	.fab_con .info_box > ul > li:first-child {display: none;}
	.fab_con .info_box > ul > li {width: 100% !important;}
	.fab_con .info_box ul li h3 {font-size: 22px; padding-left: 15px;}
	.fab_con .info_box ul li h3::before {width: 20px; top: 14px;}
	
	.counsel_info .info_p li {width: calc(50% - 16px); margin-bottom: 20px;} 
	.counsel_info .info_t p.tt_st4 {font-size: 14px; line-height: 20px;}
	
	.select_wrap ul li .reference2 {width: 100%;}	
	.select_wrap ul li .reference2::before {left: 20px; top: -18px; margin-top:0; border-bottom: 12px solid transparent; border-top: 12px solid #ddd; border-left: 15px solid transparent; border-right: 15px solid transparent;}
	.select_wrap ul li .reference2.active::before {border-top: 12px solid #53B1E6; border-left: 15px solid transparent}
}


@media ( max-width: 768px ) {
	.sub_visual .lacation {float: left; margin-top: 15px; width: 100%; padding-left: 10px;}
	.sub_visual h2.sub_tt {padding-top: 8px;float: left;}
	
	.fab_con {min-height: calc(100vh - 311px);}
	
	.com_status .top li.total {padding: 10px 0 0 15px;}
	.com_status .top li.total ul li:last-child {width: 100%; text-align: left;}
	
	#page_quot_runsheet_edit .route_list .con {width: calc(100% - 135px);}
	#page_quot_runsheet_edit .route_list .route_btn {width: 65px; margin-top: -47px;}
}

@media ( max-width: 630px ) {
	.select_wrap ul li {width: 100%; margin-left: 0; margin-bottom: 10px;}
	.select_wrap ul li.reference2_w li:first-child {width: 100%; margin-bottom: 22px;}
	
	.css_procedure > ul > li {text-align: center;}
	.css_procedure ul li p {background: url(../../../images/kion/fab/common/procedure_a.png) center bottom no-repeat;}
	.css_procedure ul li ul {top: 84px; width: 123px; left: 50%; margin-left: -62px;}
	.css_procedure ul li ul li {margin-left: 0;}
	.css_procedure ul li ul li:first-child::before {top: -18px; left: 50%; transform: none;}
	.css_procedure .procedure2 ul {background: url(../../../images/kion/fab/common/procedure_a.png) center bottom no-repeat; height: 280px;}
	.css_procedure ul li.procedure3 h5 {margin-top: 295px;}
	.css_procedure .procedure5 {margin-bottom: 205px;}
	
	.consulting .info_box ul li:last-child .num_text ul li:first-child {width: 100%; height: 30px; margin-bottom: 5px;}
	.consulting .info_box ul li:last-child .num_text ul li {width: 100%; height: auto; margin-bottom: 15px;}
	.fab_con .info_box .num_text p {font-size: 14px; line-height: 20px;}
	
	.com_status_btn li {height: 400px; padding: 40px 20px 0 30px; background-size: 45%;}
	.com_status_btn li p {padding: 20px 0; font-size: 25px; word-break: keep-all;}
	
}
	

@media ( max-width: 580px ) {
	.inner {padding: 0 20px;}
	.fab_con.inner {padding: 20px 20px 40px 20px;}
	.table_st1 > ul > li:first-child {width: 100px; line-height: 15px; min-height: 40px; padding: 10px; line-height: 27px;}
	.table_st1 > ul > li {width: calc(100% - 100px); font-size: 13px; display: block;}
	.table_st1 > ul > li select, .table_st1 > ul > li input {width: 100% !important;}
	.table_st1 > ul .radio_st1 input[type=radio] {width: 18px !important;}
	.table_st1.table_st1_2 > ul > li:first-child {width: 100%; text-align: left; padding: 10px 0 10px 5px; border-right:none;}
	.table_st1.table_st1_2 > ul > li {width: 100%; padding: 10px 0;}	
	.table_st1.table_st1_2 > ul > li .btn_st2 {margin-top:5px;}
	
	.fab_con .info_box {padding: 10px 0 20px 0; border: none; border-bottom: 1px solid #D2D3D6; border-radius:0;}
	
	.select_wrap ul li .reference2 {height: auto;  padding: 16px 0 4px 20px;}
	.select_wrap ul li .reference2 a {margin-bottom:10px;}
	
	.table_equip > ul > li:first-child {width: 100%; border-bottom: 1px solid #eee; text-align: left; padding: 10px;}
	.table_equip > ul > li {width: 100%; border-left: none;}
	
	.com_status .top {height: 140px;}
	.com_status .top li.total ul li {width: 100%; margin-right: 0; text-align: left;}
	
}

@media ( max-width: 510px ) {
	.com_status .status li {height: auto;}
	.com_status .status li:first-child {width:100%; border-bottom: 1px solid #ddd; border-right: none; padding-bottom: 10px; margin-bottom: 15px;}
	.com_status .status li.list {width:100%;}
	.com_status .status li:last-child {width:100%;}
	.com_status .status li > p {padding: 10px 5px 0 0; display: inline-block; margin-top: 0;}
	.com_status .sample {height: 310px;}
	
	.com_status .fab_s ul li:first-child {width: 32%; font-size: 26px;}
	.com_status .fab_s .graph {width: 50%;}	
	
	.moa_tab1 .tabs li a.tabs-inner {padding: 20px 0;}
	.moa_tab1 .tabs li a.tabs-inner .tabs-title {font-size: 14px;}
	.fab_con .moa_tab1 .tabs li:first-child a.tabs-inner {padding: 20px 0;}
	
	
}


@media ( max-width: 430px ) {

	.sub_visual .lacation li {padding-left: 25px; background: url(../../../images/kion/fab/common/lacation_a.png) 11px center no-repeat;}
	.sub_visual h2.sub_tt span {background: none; padding-left:0;}
}

@media ( max-width: 400px ) {
	.inner {padding: 0 10px;}
	.fab_con.inner {padding: 20px 10px 30px 10px;}
	.btn_st2 {padding: 0 5px; font-size: 13px;}
	#header .top_btn a {display: none;}
	#header .top_btn a.allmenu {display: inline-block;}
	
}

@media ( max-width: 370px ) {
	.fab_con {min-height: calc(100vh - 348px);}
	#header h1 a {width: 170px;}
}