/* 1200px 이하 */
@media only screen and (max-width:1200px) {
	.wrapper-sub { width:94%; margin-top:40px; }
	.wrapper-sub-page { margin-top:40px; }
	.wrapper-sub-page.businessWrap { margin-top:0; }
	.business_top { padding-top:40px; }

	.about_content ol li .imgbox img { width:100%; }
}



/* 1024px 이하 */
@media only screen and (max-width:1024px) {
	.bold_type_txt { text-align:center !important; padding:0 5px 40px 5px !important; }

	#page_ci .page_ci_img { margin-bottom:50px; }

	.about_content ol li { padding-left:0; margin-top:50px !important; position:static; }
	.about_content ol li.first { margin-top:0 !important; }
	.about_content ol li .titbox { margin-bottom:20px; }
	.about_content ol li .titbox .tit { font-size:1.6em; }
	.about_content ol li .imgbox { position:relative; top:inherit; left:inherit; width:100%; min-height:430px; margin-bottom:40px; }
	.about_content ol li .imgbox .img1 { width:80%; }
	.about_content ol li .imgbox .img2 { width:100%; left:0; top:0; padding:20px 0 0 20px; }
	.about_content ol li .imgbox_r .img1,
	.about_content ol li .imgbox_r .img2 { left:0; right:inherit; }
	.about_content ol li .btn_wrap { margin-top:20px; }
	.about_content ol li.c_type1 .titbox, 
	.about_content ol li.c_type2 .titbox { position:relative; top:inherit; left:inherit; }
	.about_content ol li.c_type1 .titbox:before, 
	.about_content ol li.c_type2 .titbox:before { }
	.about_content ol li.c_type1 .titbox .tit, 
	.about_content ol li.c_type2 .titbox .tit { float:none; }
	.about_content ol li.c_type3 .titbox:before,
	.about_content ol li.c_type4 .titbox:before { top:50%; left:0; width:54px; height:1px; }
	.about_content ol li.c_type3 .titbox .tit, 
	.about_content ol li.c_type4 .titbox .tit { margin-left:74px; }
	.about_content ol li.c_type3 .conbox,
	.about_content ol li.c_type4 .conbox { margin-top:0; }
	.about_content ol li.c_type3,
	.about_content ol li.c_type4 { padding-left:0; padding-right:0; min-height:auto; }
	.about_content ol li.c_type4 .conbox .ceo { font-size:1em; margin-top:14px; }

	.business_top_img img { max-height:240px; }
}



/* 820px 이하 */
@media only screen and (max-width:820px) {
	.wrapper-sub,
	.wrapper-sub-page { margin-top:30px; font-size:13px; }
	.business_top { padding-top:30px; }

	.sub-header { height:140px; background-image:url("../img/sub_top_bg_m.png"); }
	.business_top .business_top_title,
	.business_top .business_top_cs { text-align:center; padding:0 5px; }
	.business_top_img { display:none; }
	.business_top .business_top_cs { background:#fff; margin-top:10px; padding:10px; border-radius:10px; }
	.business_top .business_top_cs p i, 
	.business_top .business_top_cs p em { display:none; }
	.business_top .business_top_cs p { font-size:1em; }
	.business_top .business_top_cs span { display:block; }

	.business_tab .tabs li a {
		display:block;
		min-width:auto;
		line-height:48px;
		padding:0 20px;
		font-size:15px;
	}
	.businessWrap section { padding-top:40px; }
	.business_conBox { padding:30px 30px 30px 20px; }
}



/* 768px 이하 */
@media only screen and (max-width:768px) {
	.sub-header-tit-wrap h2 { font-size:1.5rem; }

	#page_ci .m_block { display:block; }
	#page_ci .pc_block { display:none; }
	#page_ci .about_content ol li .btn_wrap { display:none; }

	.about_content ol li { margin-top:40px !important; }
	.about_content ol li .titbox { margin-bottom:10px; }
	.about_content ol li .titbox .tit { font-size:1.4em; }
	.about_content ol li .imgbox { min-height:350px; }
	.about_content ol li .imgbox .img1 { max-width:300px; }
	.about_content ol li .imgbox .img2 { max-width:420px; }
	.about_content ol li .btn_wrap { font-size:0; }
	.about_content ol li .btn_wrap a { width:48%; line-height:41px; font-size:14px; margin:0 1%; }
	.about_content ol li .btn_wrap a:before { top:14px; }
	.about_content ol li.c_type1 .titbox:before,
	.about_content ol li.c_type2 .titbox:before, 
	.about_content ol li.c_type3 .titbox:before,
	.about_content ol li.c_type4 .titbox:before { width:34px; }
	.about_content ol li.c_type1 .titbox .tit, 
	.about_content ol li.c_type2 .titbox .tit, 
	.about_content ol li.c_type3 .titbox .tit, 
	.about_content ol li.c_type4 .titbox .tit { margin-left:44px; }

	.business_top .business_top_title p { font-size:1.2em; }
	.business_top .business_top_title span { display:inline; }

	#page_sitemap .menu-wrap .menu { float:none; display:block; width:100%; margin-bottom:30px; }
	#page_sitemap .menu-wrap .menu li { margin-bottom:30px; }
	#page_sitemap .menu-wrap .menu-list a { font-size:1em; }

	/* 게시판 */
	#bo_sch { text-align:center; }
	#bo_sch select { height:38px; }
	#bo_sch .sch_input { width:158px; height:38px; }
	#bo_sch .sch_btn { width:38px; height:38px; border-radius:10px; }

	.bo_gall_top_tit { padding:0 5px; margin-bottom:20px; }
	.bo_gall_top_tit p { font-size:1.2em; }
	.bo_gall_top_tit p span { }
	
	#bo_cate li { margin:0 5px; } 
	#bo_cate li a { line-height:46px; padding:0 2px; font-size:14px; } 

	#bo_w .tbl_frm01 th,
	#bo_w .tbl_frm01 td { display:block; width:100%; }
	#bo_w .tbl_frm01 td { border-top:0; border-bottom:0; padding:10px 0; }
}



/* 640px 이하 */
@media only screen and (max-width:640px) {
	.wrapper-sub,
	.wrapper-sub-page { font-size:12px; }

	.bold_type_txt { font-size:2.2em; padding:0 5px 30px 5px !important; }

	#page_address section.page_address_01 li.item-01 { width:100%; padding-right:0; }
	#page_address section.page_address_01 li.item-02,
	#page_address section.page_address_01 li.item-03 { width:50%; padding:20px 0 0; }
	#page_address section.page_address_01 li.item-02 { padding-right:20px; }

	.about_content ol li .imgbox { min-height:340px; }
	.about_content ol li .imgbox .img1 { max-width:100%; box-shadow:none; }
	.about_content ol li .imgbox .img2 { max-width:100%; box-shadow:none; }

	.business_tab .tabs { background:#fff; border-bottom:1px solid #ebebeb; padding:0 8px; }
	.business_tab .tabs li a {
		padding:0 2px;
		margin:0 5px;
		background-color:transparent;
		color:#acacac;
		font-size:13px;
	}
	.business_tab .tabs li a.active { }
	.business_tab .tabs li a.active:before {
		top:inherit;
		bottom:-1px;
		height:2px;
	}
	.business_tab .tabs li a:hover,
	.business_tab .tabs li a.active:hover {
		background-color:#fff;
	}
	.business_conBox { padding:30px 20px; }
	.business_conBox .business_con .csbox span { display:block; }
	
	#page_recruit section.page_recruit_01 li { float:none; display:block; width:100%; }
	#page_recruit section.page_recruit_02 h2 { word-break:keep-all; font-size:1.4em; }
	#page_recruit section.page_recruit_02 h2 span { display:inline; }
	#page_recruit section.page_recruit_02 li { display:block; margin:20px 0 0; }

	/* 게시판 */
	.bo_gall_top_tit p span { display:inline; }

	#bo_cate { border:0; background:#f7f7f7; } 
	#bo_cate li { margin:0 3px; } 
	#bo_cate li a { font-size:12px; } 
}



/* 414px 이하 */
@media only screen and (max-width:414px) {
	.about_content ol li .imgbox { min-height:290px; margin-bottom:30px; }
}



/* 340px 이하 */
@media only screen and (max-width:340px) {
	.about_content ol li .imgbox { min-height:260px; }
}
