@charset "utf-8";
/* *******************************************************
 * filename : layout.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2019-09-24
******************************************************** */

.left-fixed-bar-menu-con li:nth-child(2) a .menu-tit .icon{left:16px; top:0;}
.left-fixed-bar-menu-con li a .menu-tit{display:block; width:205px; text-align:center; position:absolute; top:50%; left:-50%; transform:rotate(90deg); margin:10px 0 0 13px }

@media all and ( max-width: 1220px ){
	#leftFixedBar{width:80px;}
	.left-fixed-bar-menu-con{top:80px;}
	.left-fixed-bar-menu-con li a .menu-tit{margin:8px 0 0 -20px}
	/* leftBar :: 링크박스 */
	.left-quick-box{left:80px; top:80px;}
	.left-active-box-con{width:500px; padding:45px;}
	.left-quick-tit{font-size:22px;}
	.left-quick-tit i{font-size:30px;}
	.left-quick-list-con li .quick-thumb img{width:100%;}
	.left-quick-box .quick-modal-close-btn{ top:45px; right:45px;}
	.left-quick-box .quick-modal-close-btn img{width:22px}
}
@media all and ( max-width: 800px ){
	#leftFixedBar{width:100%; height:40px; top:58px}
	.left-fixed-bar-menu-con{top:0px; left:0px; }
	.left-fixed-bar-menu-con li{float:left; height:100%; width:50%; max-height:none;}
	.left-fixed-bar-menu-con li a .menu-tit{transform:rotate(0); position:relative; top:auto; left:auto; width:auto; margin:0; line-height:40px;}
	.left-fixed-bar-menu-con li a .menu-tit .icon{position:static; width:auto; margin-right:10px}
	.left-fixed-bar-menu-con li a .menu-tit .icon img{width:auto; height:12px}
	.left-fixed-bar-menu-con li a .menu-tit span{display:inline-block; font-size:12px;}
	.left-fixed-bar-menu-con li .active-arrow{display:none}
	/* leftBar :: 링크박스 */
	.left-quick-box{position:fixed; top:98px; left:0px; right:0px; height:calc(100% - 98px ) ; overflow-y:auto; background-color:#fff;}
	.left-quick-box:before{position:absolute; top:0px; left:0; width:50%; height:17px; background:url(/images/common/left_box_arrow_m.png) no-repeat 50% 0; background-size:20px auto; content:"";}
	#companyBoxCon:before{left:50%; background-image:url(/images/common/left_box_arrow_m2.png)}
	.left-active-box-con{width:auto; margin-left:0}
}
@media all and ( max-width: 639px ){
	/* leftBar :: 링크박스 */
	.left-quick-box:before{height:12px; background-size:auto 12px}
	.left-active-box-con{padding:20px;}
	.left-quick-list-con li .quick-tit{font-size:17px; left:15px; top:20px; right:15px;}
	.left-quick-list-con li .quick-arrow{bottom:15px; left:15px;}
	.left-quick-list-con li .quick-arrow img{width:40px;}
	.left-quick-box .quick-modal-close-btn{ top:20px; right:18px;}

}