@charset "UTF-8";

@media(max-width:1140px){
	/* layout */
	.wrapper{
		width:94%;
	}

	/* footer */
	.footer_cont ul li{
		line-height:1.6;
	}
	.footer_cont ul li:before{
		top:6px;
	}
	
	/* main */
	.visual_cont > div{
		float:none;
	}
	.main_txt{
		width: auto;
		text-shadow: 4.5px 8.9px 8.2px rgba(0, 0, 0, 0.3);
		z-index:90;
		padding-top:50px;
		left:6%;
	}
	.main_txt > span{
		font-size:1.25rem;
		margin-bottom:20px;
	}
	.main_txt p{
		font-size:2rem;
	}
	.main_slide{
		width: 550px;
		background-color:rgba(0,45,101,0.7);
		color:#fff;
		padding: 35px 30px;
		margin:0;
		position:absolute;
		top:120px;
		right:8%;
	}

	.quick_menu{
		background-color:#fff;
		height:auto;
		transform:translateY(0px);
		margin-top:100px;
	}
	.quick_menu article{
		float:none;
		height:200px;
		margin-top:15px;
	}
	.quick_menu article:nth-of-type(1){
		width: 100%;
		background-color:#0d4890;
		padding:20px 60px;
	}
	.quick_menu article:nth-of-type(2){
		background: #002d65;
		width:100%;
		padding:20px 60px;
	}
	.quick_menu article h3{
		margin-top:0px;
		font-size:1.75rem;
		font-weight:700;
	}

	.section2{
		margin: 100px auto 100px;
	}
	.section2 > div{
		float:none;
		width: 100%;
		margin-left:0px;
		margin-bottom:15px;
	}
	.busi_info > div{
		float:left;
	}
	.busi_info_top{
		height:270px;
		text-align:right;
		background: url('../images/busi_bg.png') no-repeat 30px 0px / 305px 275px;
		padding: 20px 30px;
		width:calc(100% - 270px);
	}
	.busi_info_bottom{
		background: url('../images/info_bg.png') no-repeat 50% 100% , linear-gradient(to right, #274598, #132569);
		height:270px;
		padding: 70px 20px;
		width:270px;
		text-align:center;
	}
	.busi_info_bottom h3{
		float:none;
	}
	.busi_info_bottom .link_btn{
		float:none;
		margin-top:30px;
	}
	.contact{
		background: url('../images/contact_bg2.jpg') no-repeat 0 0;
		text-align:left;
		padding: 80px 60px;
	}
	.contact .link_btn{
		position:absolute;
		top:110px;
		right:60px;
	}

	/* 회사정보 */
	.intro_img{
		width:35%;
		padding:2rem 2rem 3rem 5rem;
	}
	.intro_txt{
		width:60%;
		margin-left:5%;
	}
	.cont_2 .intro_img{
		padding:2rem 5rem 4rem 2rem;
	}
	.cont_2 .intro_txt{
		margin-right:5%;
	}

	/* 공지사항 */
    .content_area td{
        overflow-x: scroll;
    }


}

@media(max-width:1024px){
	/*    그리드 시스템    */
	 .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding: 0 15px; box-sizing: border-box; }
	 .col-md-4 { width: 33.33333333%; }
}

@media(max-width:960px){
	/* header */
	.all_menu_btn{
		display:block;
		z-index:1000;
		position:absolute;
		right:0;
	}
	.all_menu_btn.on{
		position:fixed;
		right:3%;
	}
	.all_menu_btn span{
		transition:all 0.3s ease;
	}
	.all_menu_btn.on span:nth-of-type(1){
		transform:rotate(45deg) translate(1px, 2px);
		transform-origin:top left;

	}
	.all_menu_btn.on span:nth-of-type(2){
		opacity:0;
	}
	.all_menu_btn.on span:nth-of-type(3){
		transform:rotate(-45deg) translate( -1px, -2px);
		transform-origin:top left;
	}
	.header .gnb{
		float:none;
		background-color:#fff;
		position:fixed;
		top:0;
		right:-103%;
		z-index:999;
		padding-top:100px;
		height:100vh;
	}
	.gnb > li{
		float:none;
		width:280px;
	}
	.gnb > li:before{
		width:0;
	}
	.gnb > li > a{
		height:60px;
		line-height:60px;
		text-align:left;
		border-bottom:1px dotted #d9d9d9;
		padding-left: 2rem;
	}
	.gnb > li:nth-of-type(1) > a{
		border-top:1px dotted #d9d9d9;
	}
	.gnb > li > a:after{
		content:'';
		position:absolute;
		left:2rem;
		transform: translateX(0%);
		transition:all 0.3s linear;
		height:2px;
	}
	.gnb .depth2{
		background-color:#f5f5f5;
		min-height: auto;
		padding: 0.5rem 2.5rem;
		position:relative;
		top:auto;
		left:auto;
		width:280px;
	}

	/* footer */
	.footer{
		padding:2rem 0 2.5rem;
	}
	.footer_logo{
		float:none;
		margin:0 auto 1.5rem;
		width:192px;
	}
	.footer_cont{
		float:none;
		width:100%;
		text-align:center;
	}
	.footer_cont ul{
		margin-bottom:0.5rem;
		text-align:center;
	}
	.footer_cont address{
		margin-top:0.8rem;
	}
	.footer_cont ul li{
		float:none;
		display:inline-block;
		line-height:1.5;
	}

	/* main */
	.main_txt{
		display:none;
	}
	.main_slide{
		width: 100%;
		background-color:rgba(0,45,101,0.7);
		color:#fff;
		padding: 35px 30px;
		margin:0;
		position:relative;
		top:90px;
		right:auto;
	}
	.busi_info_top strong{
		font-size:3.25rem;
		line-height:1.2;
	}

	/* 회사정보 */
	.intro_img{
		width:35%;
		padding:2rem 0rem 2rem 0rem;
	}
	.intro_img:before{
		display:none;
	}
	.intro_txt{
		width:60%;
		margin-left:5%;
	}
	.cont_2 .intro_img{
		padding:2rem 0rem 2rem 0rem;
	}
	.cont_2 .intro_txt{
		margin-right:5%;
	}

	/* 공지사항 */
	.none_960{
		display:none;
	}

}

@media(max-width:768px){
	/* main */
	.busi_info_top{
		background: none;
		padding: 40px 20px;
	}
	.busi_info_top strong{
		font-size:2.5rem;
		line-height:1.2;
	}
	.contact{
		background: url('../images/contact_bg2.jpg') no-repeat 0 0;
		text-align:center;
		padding: 45px 30px;
	}
	.contact .link_btn{
		position:relative;
		top:auto;
		right:auto;
	}

	/* 회사정보 */
	.intro_img{
		float:none;
		width:50%;
		padding:1rem 0rem;
		margin:0 auto;
	}
	.intro_txt{
		float:none;
		width:100%;
		margin-left:0;
		text-align:center;
	}
	.cont_2 .intro_img{
		float:none;
		padding:1rem 0rem;
	}
	.cont_2 .intro_txt{
		float:none;
		margin-right:0;
	}
	.intro_txt > div > ul:before{
		left:50%;
		transform:translateX(-50%);
	}
	.list-middot li{
		display:inline-block;
	}

	/*    그리드 시스템    */
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; box-sizing: border-box;}
	.col-sm-6 { width: 50%; }

	/* 공지사항 */
	.bd_date{
		width:25% !important;
	}
	.none_768{
		display:none;
	}
	
}

@media(max-width:640px){
	/* main */
	.visual_info a{
		position:relative;
		top:auto;
		right:auto;
		margin-top:15px;
	}
	.slick-list{
		height: 500px;
	}
	.main_slide{
		top:70px;
	}
	.busi_info_top{
		display:none;
	}
	.busi_info_bottom{
		width:100%;
		padding: 35px 30px;
	}
	.contact{
		padding: 35px 30px;
	}
	.in_640{
		display:block;
	}
	
	/* sub 공통 */
	.location_wrap{
		display:none;
	}

	/* 공지사항 */
	.search_submit{
		display:block;
		margin-top:0.8rem;
	}
    .board_btn .upload,
    .board_btn a{
        width:80px;
    }
    .pagination b{
        display:inline-block;
        width:24px;
        height:24px;
        line-height:22px;
        font-size:0.875rem;
    }
    .pagination a{
        width:24px;
        height:24px;
        line-height:22px;
        font-size:0.875rem;
    }
    .pagination .next,
    .pagination .last,
    .pagination .prev,
    .pagination .first{
        width:20px;
        transform:translateY(-3px);
    }

}

@media(max-width:480px){
	/* common */
	html, body {
		font-size:14px;
	}

	/* main */
	.main_visual{
		height:600px;
	}
	.main_slide li p img{
		display:inline-block;
		height:240px;
	}
	.slick-list{
		height: 430px;
	}
	.main_slide{
		top:42px;
	}
	.quick_menu .quick_cont{
		margin-top:1rem;
		font-size:2rem;
		line-height:1.6;
	}
	.quick_menu article:nth-of-type(1),
	.quick_menu article:nth-of-type(2){
		padding:20px 30px;
	}
	.cont_right > div article{
		padding: 50px 15px;
	}
	
	/* 오시는길 */
	.map_txt dl dt{
		width:40%;
		font-size:1.125rem;
	}
	.map_txt dl dd{
		width:60%;
		font-size:1rem;
	}

	/* 회사정보 */
	.list-middot li:before{
		top:10px;
	}
	.intro_img{
		width:70%;
	}

	/* 그리드시스템 */
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {padding: 0 10px;}

	/* 제품정보 */
	.pro_btn a{
		width:86%;
		padding: 0.5rem 1rem 0.6rem;
	}
	.product_list li{
		min-height:300px;
	}

	/* 공지사항 */
	.none_480{
		display:none;
	}
	.bd_select{
		width:14% !important;
	}
	.bd_list_table .board_tit a{
		width:calc(90% - 35px);
	}
    .i_reply{
        width:35px;
        transform:translateY(-4px);
    }
    .i_reply:before{
        top:4px;
    }
    .i_reply:after{
        top:10px;
    }
    .board_btn .upload,
    .board_btn a{
        width:65px;
        font-size:0.875rem;
    }
    .board_btn .upload{
        padding:0.6rem 0.2rem 0.5rem;
        transform:translateY(0px);
    }
}

@media(max-width:375px){
	/* main */
	.main_visual{
		height:550px;
	}
	.main_slide li p img{
		height:200px;
	}
	.slick-list{
		height: 380px;
	}

	/* footer */
	.footer_cont ul.cont_top li:before{
		width:0;
	}
	.footer_cont ul.cont_top li{
		display:block;
	}

	/* 제품정보 */
	.product_list li{
		min-height:250px;
	}

	/* 공지사항 */
	.bd_date{
		width:30% !important;
	}
    .pagination b{
        width:22px;
        height:22px;
        line-height:20px;
    }
    .pagination a{
        width:22px;
        height:22px;
        line-height:20px;
    }
	
}