@media screen and (max-width: 1412px) {
	header .inner{
	  max-width:96%;
	}	

	/* footer */
	footer .footer_box {
		width:94%; margin:0 auto;
	}	

	/* brand */
	#brand_box .br_box {
		width:96%; margin:0 auto 40px;
	}

	/* whoweare */
	.section_history .history_box {
		max-width:auto; width:98%;
	}
	
}



@media screen and (max-width: 1300px) {
	/* section_info */
	.section_info .title_box h2 {
		font-size:50px;
	}
	.section_info .title_box p {
		font-size:21px;
	}
	.section_info .info_box { 
		width:96%; margin:60px auto 0;
	}
	.section_info .solution_box .solution_info { 
		width:96%;
	}
	
	/* section_brand */
	.section_brand .brand_tile { 
		width:98%;
	}
	.section_brand .brand_tile ul li .box { 
		width:45.6154vw; height:48.3846vw;
	}
	.section_brand .brand_tile .box h4 { 
		font-size:3.0000vw;
	}
	.section_brand .brand_tile .box .st { 
		font-size:1.5385vw;
	}
	.section_brand .brand_tile .box .logobox { 
		margin-top:6.7692vw; margin-bottom:13.8462vw;
	}
	.section_brand .brand_tile .brand_jkj .logobox { 
		margin-top:3.6923vw; margin-bottom:7.6923vw;
	}
	.section_brand .brand_tile .brand_tl .logobox img { 
		width:27.0769vw;
	}
	.section_brand .brand_tile .brand_jkj .logobox img { 
		width:16.9231vw;
	}
	.section_brand .brand_tile .box .btnbox { 
		bottom:5.0000vw;
	}
	.section_brand .brand_group {
		width:98%; margin:8.8462vw auto 0;
	}	
	.section_brand .brand_group .brand_box ul.Golf_list1 li {
		padding-right:13.8462vw;
	}
	.section_brand .brand_group .brand_box ul.Golf_list2 li {
		padding-right:9.2308vw;
	}
	.section_brand .brand_group .brand_box ul.food_list li {
		padding-right:3.8462vw;
	}
	.section_brand .brand_group .brand_food,
	.section_brand .brand_group .brand_beauty {
		margin-top:5.7692vw; 
	}
	.section_brand .brand_group .brand_food {
		width:63.3846vw; margin-right:3.8462vw;
	}
	.section_brand .brand_group .brand_beauty {
		width:28.1538vw;
	}

	/* section_client */
	.section_client .client_list ul { 
		width:94%; margin:0 auto;
	}
	.section_client .client_list ul li { 
		width:20%;
	}
	.section_client .client_list ul li > div { 
		width:94%; margin:0 auto; height:auto; overflow:hidden;
	}
	.section_client .client_list ul li > div img { 
		width:96%; margin:0 auto; max-width:auto; max-height:auto; 
	}

	
	/* section_market */
	.section_market .market_list ul { 
		width:94%; margin:0 auto;
	}
	.section_market .market_list ul li { 
		width:20%;
	}
	.section_market .market_list ul li > div { 
		width:94%; margin:0 auto; height:auto; overflow:hidden;
	}
	.section_market .market_list ul li > div img { 
		width:96%; margin:0 auto; max-width:auto; max-height:auto; 
	}

	/* brand */
	#brand_box .br_box.left_box .brand_info {
		padding-left:42vw;
	}
	#brand_box .br_box.right_box .brand_info {
		padding-left:8vw;	
	}
	#brand_box .br_box.left_box .brand_img {
		left:5vw;
	}
	#brand_box .br_box.right_box .brand_img {
		right:5vw;	
	}
	
	/* whoweare */
	.section_history .history_box ul li {
		min-height:180px;
	}	
	.section_model .model_box {
		width:98%;
	}


}




@media screen and (max-width: 1230px) {

	/* whoweare */
	.section_history .history_box ul li {
		width:33.3333%; 
		min-height:140px;
	}	
	.section_logistics .logistics_box {
		width:96%;
	}
	.section_logistics .logistics_box .tile {
		width:30%; margin-right:5%;
	}
	.section_logistics .logistics_box .tile .log_con_box {
		height:auto; aspect-ratio:333/319;
	}

}




@media screen and (max-width: 1100px) {
	.gnb_nav { margin-left:6vw; }

	

	/* brand */
	#brand_box .br_box.left_box .brand_info {
		padding-left:42vw;
	}
	#brand_box .br_box.right_box .brand_info {
		padding-left:8vw;	
	}
	#brand_box .br_box.left_box .brand_img {
		left:5vw;
	}
	#brand_box .br_box.right_box .brand_img {
		right:5vw;	
	}

	#brand_box .br_box .brand_img {
		margin-top:-150px;
	}
	#brand_box .br_box .brand_img .imgbox img {
		max-height:340px;
	}

	
	/* whoweare */
	.section_performance .imgbox {
		max-width:96%;
	}

}

@media screen and (max-width: 1024px) {
	.mobile {
		display: block !important;
	}
	.web {
		display: none !important;
	}

	.inner {
		width:96%;
	}


	/* footer */
	footer .footer_box {
		display:block;
	}
	footer .footer_box .logobox {
		display:block; width:100%;
	}	
	footer .footer_box .infobox {
		display:block; width:100%; margin-top:3rem;
	}
	footer .footer_box .infobox p {
		margin-bottom:0.5em;
		font-size:1.6em;
	}


	/* section_info */
	.section_info .inner {	
		padding:18.0664vw 0 14.6484vw;
	}
	.section_info .title_box h2 {
		font-size:40px;
	}
	.section_info .title_box p {
		margin-top:3.4180vw;
		font-size:20px;
	}
	.section_info .info_box { 
		margin-top:5.8594vw;
	}
	.section_info .solution_box { 
		margin-top:13.6719vw;
	}
	.section_info .solution_box h3 { 
		font-size:37px;
	}
	.section_info .solution_box .solution_info { 
		width:100%; margin:5.3711vw auto 0;
	}
	.section_info .solution_box .solution_info ul {
		display:block;
	}
	.section_info .solution_box .solution_info ul li { 
		display:table; width:100%;
	}
	.section_info .solution_box .solution_info ul li.none { 
		width:100%; height:8rem;
		background:url("../images/common/icon_plus.png") no-repeat center center;
	}
	.section_info .solution_box .solution_info ul li > div { 
		display:table-cell; vertical-align:top;
	}
	.section_info .solution_box .solution_info ul li .company { 
		width:40%; position:relative; 
	}
	.section_info .solution_box .solution_info ul li .ellipsis { 
		width:20%; height:auto;
		background:url("../images/common/icon_Hdot.png") no-repeat 0px center; transform:rotate(90deg);
	}
	.section_info .solution_box .solution_info ul li .solution { 
		width:40%;
	}
	.section_info .solution_box .solution_info ul li .solution .stxt { 
		margin-top:0.5em;
	}
	.section_info .btn_box { 
		margin-top:11.2305vw;
	}



	/* section_brand */	
	.section_brand .brand_tile {
		margin:9.7656vw auto 0;
	}
	.section_brand .brand_group .brand_box ul.brand_list {
		width:100%;
	}
	.section_brand .brand_group .brand_box ul.Golf_list1 li {
		width:33.3333%; padding-right:0;
	}
	.section_brand .brand_group .brand_box ul.Golf_list2 li {
		width:25%; padding:0 1%;	
	}
	.section_brand .brand_group .brand_food,
	.section_brand .brand_group .brand_beauty {
		margin-top:8vw;
	}
	.section_brand .brand_group .brand_food {
		width:100%; margin-right:0;
	}
	.section_brand .brand_group .brand_beauty {
		width:100%;
	}


	/* section_client */
	.section_client .client_list ul li { 
		width:33.3333%;
	}
	/* section_b2c */
	.section_b2c .b2c_list ul { 
		display:inline-block; width:94%;
	}
	.section_b2c .b2c_list ul li { 
		display:block; float:left; padding-right:0; 
		width:33.3333%; margin-bottom:1.6rem;
	}
	/* section_market */
	.section_market .market_list ul li { 
		width:33.3333%;
	}



	
	/* contact us */
	#contactus_box .info_box {
		width:47.8516vw; 
	}
	#contactus_box .info_box .info_inner {
		padding:4.2969vw 0 6.3477vw;
	}
	#contactus_box .info_box h2 {
		font-size:4.6875vw;
	}
	#contactus_box .info_box .detail {
		margin-top:3.4180vw;
	}
	#contactus_box .info_box .detail dl {
		margin:2.9297vw auto 0.9766vw; 
	}
	#contactus_box .info_box .detail dl dt {
		font-size:2.7344vw;
	}
	#contactus_box .info_box .detail dl dd {
		font-size:1.8555vw;
	}

	
	/* brand */
	#brand_box {
		padding-top:8.7891vw; padding-bottom:25.3906vw;
	}
	#brand_box .br_box {
		padding:7.8125vw 0; margin-bottom:3.9063vw;
		border-radius:5.8594vw; box-shadow:0 0 1.4648vw #c9ccd2;
	}
	#brand_box .br_box .brand_info {
		width:90%; margin:4.8828vw auto 0; text-align:center;
	}
	#brand_box .br_box.left_box .brand_info {
		padding-left:0;
	}
	#brand_box .br_box.right_box .brand_info {
		padding-left:0;	
	}
	#brand_box .br_box .brand_img {
		position:relative; top:0; margin-top:0; text-align:center;
	}
	#brand_box .br_box.left_box .brand_img {
		left:0;
	}
	#brand_box .br_box.right_box .brand_img {
		right:0;	
	}
	#brand_box .br_box .brand_img .imgbox img {
		height:29.2969vw;	
	}
	#brand_box .br_box .brand_info h3 {
		margin-top:2.9297vw;
		font-size:4.8828vw;
	}
	#brand_box .br_box .brand_info .sinfo {
		margin-top:1.7578vw;
		font-size:2.7344vw;
	}
	#brand_box .br_box .brand_info .bar {
		margin:3.4180vw auto 3.4180vw;
	}
	#brand_box .br_box .brand_info .detail {
		margin-left:0;
		font-size:2.1484vw;
	}


	/* whoweare */
	.section_model .model_box {
		display:block;
	}
	.section_model .model_box > div {
		display:block;
	}
	.section_model .model_box .box_left {
		width:100%; margin-top:4rem;
	}
	.section_model .model_box .box_center {
		width:100%; margin-top:3rem;
	}
	.section_model .model_box .box_right {
		width:100%; margin-top:3rem;
	}
	.section_model .model_box .box_center div.arrow {
		position:relative; top:0; 
		transform:rotate(90deg);
	}
	.section_model .model_box ul.group_2 li {
		display:table-cell; width:50%; margin-bottom:0;
	}
	.section_model .model_box ul.group li .con .txt {
		min-height:2.8em; display:flex; align-items:center; justify-content:center;
	}

	.section_strategy .strategy_box {
		width:98%;
	}
	.section_strategy .strategy_box .st_l .box {
		padding:5.8594vw 0;
		font-size:3.4180vw;
	}
	.section_strategy .strategy_box .st_l .box:last-child {
		border-bottom:0;
	}
	.section_strategy .strategy_box .st_l .box p {
		font-size:2.0508vw;
	}
	.section_strategy .strategy_box .st_c {
		background:url("../images/whoweare/strategy_arrow.png") no-repeat center center / 80%;
	}
	.section_strategy .strategy_box .st_r .box {
		font-size:3.9063vw;
	}
	
	.section_logistics {
		padding:11.2305vw 0 10.7422vw;
	}
	.section_logistics .logistics_box {
		margin:9.2773vw auto 0;
	}
	.section_logistics .logistics_box .tile .log_con_box {
		border-radius:4.8828vw;
	}
	.section_logistics .logistics_box .tile2 {
		padding-top:4.8828vw;
	}
	.section_logistics .logistics_box .tile .log_con_box h3 {
		bottom:2.1484vw;
		font-size:2.9297vw;
	}
	.section_logistics .logistics_box .tile .comment {
		font-size:2.1484vw;
	}

}












@media screen and (max-width: 767px) {

	/* header */
	header .inner {
		height:80px; justify-content:space-between;
	}
	header .logo img {
		max-height:30px; padding-left:1rem;
	}
	header .gnb_nav .gnb {
		display:none;
	}
	header .ham_open{
		display:flex; width:30px; height:20px;
	}
	header .ham_open span {
		height:2px;
	}
	header .ham_open .bar {
		background:#000000;
	}	
	.all_menu_wrap { 
		width:100%; top:0; right:0; transform:translate(100%, 0);
	}
	.all_menu_wrap.on {
		transform:translate(0, 0); box-shadow:0 0 10px rgba(0, 0, 0, .16);
	}
	.all_menu_wrap .all_menu_top {
		height:80px;
	}
	.all_menu_wrap .all_menu_top {
		padding:0 15px; justify-content:left;
	}
	.all_menu_wrap .ham_close {
		width:60px; height:80px; padding:17px 15px;
		position:initial; margin-left:auto;
	}	
	.all_gnb_nav {
		height: calc(100% - 66px);
	}
	

	/* footer */
	footer {
		padding:3.4rem 0;
	}
	footer .footer_box {
		width:90%;
	}
	footer .footer_box .logobox img {
		width:200px;
	}
	footer .footer_box .infobox p {
		font-size:1.2em;
	}


	/* 메인 */
	#main_wrap {
		margin-top:80px; 
	}

	/* section_top */
	.section_top {
		background:url("../images/main/top_bg.jpg") no-repeat center center; background-size:auto 100%;
		height:calc(100vh - 80px); min-height:auto;
	}
	.section_top .inner > div {
		padding-left:0; text-align:center;
	}
	.section_top h2 img {
		width:320px;
	}
	.section_top h2 .bar {
		margin:62px auto 0;
	}
	.section_top h3 {
		font-size:3rem;
	}
	.section_top p {
		font-size:1.4rem;
	}

	
	/* section_info */
	.section_info .inner {	
		padding:185px 0 150px; text-align:center;
	}
	.section_info .title_box h2 {
		font-size:2.6em; 
	}
	.section_info .title_box p {
		font-size:1.8em;
	}
	.section_info .info_box.info_web { 
		display:none;
	}
	.section_info .info_box.info_mobile { 
		display:block;
	}
	.section_info .info_box.info_mobile img { 
		width:98%; margin:0 auto; max-width:552px;
	}
	.section_info .solution_box h3 { 
		font-size:2.4em;
	}
	.section_info .solution_box .solution_info {
		width:96%; 
	}
	.section_info .solution_box .solution_info ul li .company .ctxt {
		font-size:1.6em;
	}
	.section_info .solution_box .solution_info ul li .ellipsis { 
		position:absolute; left:40%; height:54vw;
		background:url("../images/common/icon_Hdot.png") no-repeat 0px center;
		background-size:auto 50px;
	}
	.section_info .solution_box .solution_info ul li .solution .stxt_t { 
		font-size:1.6em;
	}
	.section_info .solution_box .solution_info ul li .solution .stxt { 
		font-size:1.3em;
	}


	/* section_brand */	
	.section_brand .title_box h2 {
		font-size:2.3rem;
	}
	.section_brand .brand_tile { 
		width:96%; 
	}
	.section_brand .brand_tile ul { 
		display:block;
	}
	.section_brand .brand_tile ul li { 
		display:block; width:100%; margin-bottom:2rem; 
	}
	.section_brand .brand_tile ul li .box { 
		width:100%; height:auto; padding:2rem 0;
	}
	.section_brand .brand_tile ul li .box > div {
		width:100%;
	}
	.section_brand .brand_tile .box h4 { 
		font-size:2.4em;
	}
	.section_brand .brand_tile .box .st { 
		font-size:1.6em;
	}
	.section_brand .brand_tile .brand_tl .logobox img { 
		width:46.0733vw;
	}
	.section_brand .brand_tile .brand_jkj .logobox img { 
		width:28.7958vw;
	}
	.section_brand .brand_tile .box .btnbox { 
		position:relative; bottom:0;
	}
	.section_brand .brand_tile .box .btnbox a { 
		width:70%; max-width:400px;
		font-size:1.6em;
	}

	.section_brand .brand_group .brand_box h3 {
		font-size:2em;
	}
	.section_brand .brand_group .brand_box ul.brand_list {
		display:inline-block; width:100%;
	}
	.section_brand .brand_group .brand_box ul.Golf_list2 {
		margin-top:0;
	}
	.section_brand .brand_group .brand_box ul.brand_list li {
		float:left; display:block; margin-bottom:1.5rem; padding:0 0.5rem;
	}
	.section_brand .brand_group .brand_box ul.Golf_list1 li {
		width:50%; 
	}
	.section_brand .brand_group .brand_box ul.Golf_list1 li:nth-child(1) {
		width:100%; 
	}
	.section_brand .brand_group .brand_box ul.Golf_list2 li {
		width:50%; 
	}
	.section_brand .brand_group .brand_box ul.food_list li {
		width:50%; 
	}
	.section_brand .brand_group .brand_box ul.beauty_list li {
		width:100%; 
	}



	/* section_client */
	.section_client .title_box h2 {
		font-size:2.3rem;
	}
	.section_client .client_list ul li { 
		width:50%;
	}
	/* section_b2c */
	.section_b2c .title_box h2 {
		font-size:2.3rem;
	}
	.section_b2c .b2c_list ul { 
		width:90%;
	}
	.section_b2c .b2c_list ul li { 
		width:50%;
	}
	/* section_market */
	.section_market .title_box h2 {
		font-size:2.3rem;
	}
	.section_market .market_list ul li { 
		width:50%;
	}


	/* 서브 */
	#sub_wrap {
		margin-top:80px; 
	}

	
	/* contact us */
	#contactus_box {
		height:auto;
	}
	#contactus_box .googlemap {
		position:relative; height:70vh;
	}
	#contactus_box .info_box {
		position:relative; top:0; left:0; right:0; width:100%; 
		border-radius:0;
	}
	#contactus_box .info_box .info_inner {
		padding:3rem 0;
	}
	#contactus_box .info_box h2 {
		padding-left:3vw;
		font-size:3em;
	}
	#contactus_box .info_box .detail {
		margin-top:1rem;
	}
	#contactus_box .info_box .detail dl {
		width:94%; 
	}
	#contactus_box .info_box .detail dl dt {
		display:block; width:100%; margin-top:0.8em;
		font-size:1.6em;
	}
	#contactus_box .info_box .detail dl dd {
		display:block; width:100%; margin-top:0.5em;
		font-size:1.3em;
	}

	
	/* brand */
	#brand_box {
		padding-top:11.7340vw; padding-bottom:33.8983vw;
	}
	#brand_box .br_box {
		padding:3rem 0; margin-bottom:2.8rem;
	}
	#brand_box .br_box .brand_img .imgbox img {
		height:14rem;
	}
	#brand_box .br_box .brand_info {
		margin:6.5189vw auto 0;
	}
	#brand_box .br_box .brand_info .logo {
	}
	#brand_box .br_box .brand_info h3 {
		margin-top:2rem;
		font-size:3em;
	}
	#brand_box .br_box .brand_info .sinfo {
		margin-top:1.8rem;
		font-size:2em;
	}
	#brand_box .br_box .brand_info .bar {
		margin:1.5rem auto 1.5rem;
	}
	#brand_box .br_box .brand_info .detail {
		margin-left:0;
		font-size:1.4em; 
	}

	#brand_box .br_box.brand_titleist .brand_info .logo img {
		width:42.8944vw;
	}
	#brand_box .br_box.brand_jungkwanjang .brand_info .logo img {
		width:50.8475vw;
	}
	#brand_box .br_box.brand_rotbackchen .brand_info .logo img {
		width:30.6389vw;
	}
	#brand_box .br_box.brand_comvita .brand_info .logo img {
		width:28.4224vw;
	}
	#brand_box .br_box.brand_drg .brand_info .logo img {
		width:24.9022vw;
	}

	
	/* whoweare */
	#whoweare_box h2 {
		font-size:4em;
	}
	
	.section_history {
		padding:11.7340vw 0 19.5567vw;
	}
	.section_history .history_box {
		overflow-x:scroll; margin:60px auto 0;
    }
	.section_history .history_box ul {
        width:2400px;
    }
	.section_history .history_box ul li {
		width:200px; min-height:unset;
	}

	
	.section_performance {
		padding:12.3859vw 0 10.4302vw;
	}
	.section_performance .imgbox {
		margin:52px auto 0;
	}
	.section_performance .info {
		margin-top:2em;
	}
	.section_performance .info .tit {
		font-size:2.3em;
	}
	.section_performance .info .bar {
		margin:1em auto 1.2em;
	}
	.section_performance .info .comment {
		font-size:1.6em;
	}



.section_model {
	padding:110px 0 150px;
}
.section_model .model_box {
	margin:30px auto 0;
}
.section_model .model_box ul.group1 {
	display:inline-block;
}
.section_model .model_box ul.group li {
	display:block; float:left; width:46%;
}
.section_model .model_box ul.group li.arrow_conv {
	width:100%; margin:2rem 0;
}
.section_model .model_box ul.group li.arrow_conv .arrow {
	transform:rotate(90deg);
}
.section_model .model_box ul.group li.arrow:not(.arrow_conv) .arrow {
	position:relative; top:45px;
}
.section_model .model_box ul.group li.mobile_com {
	width:100%;
}
.section_model .model_box ul.group li.mobile_com .progress_box {
	margin-top:20px;
}
.section_model .model_box ul.group_2 li {
	width:50%;
}
.section_model .model_box ul.group li.mobile_com { display:block !important; }
.section_model .model_box .web_com { display:none !important; }



	
	.section_strategy {
		padding:14.9935vw 0 19.5567vw;
	}
	.section_strategy .strategy_box {
		width:92%; margin:3.9113vw auto 0;
		display:block;
	}
	.section_strategy .strategy_box > div {
		display:block;
	}
	.section_strategy .strategy_box .st_l {
		width:100%;
	}
	.section_strategy .strategy_box .st_c {
		width:100%; height:14vw; 
		background:url("../images/whoweare/strategy_arrow.png") no-repeat center center / auto 100%;
		transform:rotate(90deg);
	}
	.section_strategy .strategy_box .st_r {
		width:100%;
	}
	.section_strategy .strategy_box .st_l .box {
		padding:7.8227vw 0; 
		font-size:2em; 
	}
	.section_strategy .strategy_box .st_l .box p {
		font-size:0.7em; 
	}
	.section_strategy .strategy_box .st_r .box {
		padding-top:7.8227vw;
		font-size:2.6em;
	}

    .section_logistics .logistics_box {
        width:88%;
    }
	.section_logistics .logistics_box > div {
		display:block;
	}
	.section_logistics .logistics_box .tile {
		width:100%; margin-right:0; margin-bottom:4rem;
	}
	.section_logistics .logistics_box .tile2 {
		padding-top:0;
	}
	.section_logistics .logistics_box .tile .log_con_box {
		width:100%; height:auto; aspect-ratio:7/4;
	}
	.section_logistics .logistics_box .tile .log_con_box h3 {
		bottom:1em;
		font-size:2em;
	}
	.section_logistics .logistics_box .tile .comment {
		font-size:1.6em;
	}

	

}