@charset "utf-8";

/*±âº»ÅÂ±× Á¤ÀÇ*/
* { font-family:'Readex Pro', sans-serif; font-weight:400; }


header #navi #gnb { margin-left:210px; }
header #navi #gnb > ul > li { padding:0 18px; }
@media screen and (max-width:1645px){
	header #navi #gnb { margin-left:140px; }
}
@media screen and (max-width:1550px){
	header #navi #gnb { margin-left:0; }
	header #navi #gnb > ul > li { padding:0 30px; }
}
@media screen and (max-width:1480px){
	header #navi #gnb > ul > li { padding:0 25px; }
}
@media screen and (max-width:1400px){
	header #navi #gnb > ul > li { padding:0 20px; }
}
@media screen and (max-width:1340px){
	header #navi #gnb > ul > li > a { font-size:16px; }
	header #navi #gnb > ul > li > .subDepth > ul > li > a { font-size:14px; }
}
@media screen and (max-width:1300px){
	header #navi #gnb > ul > li { padding:0 12px; }
}
@media screen and (max-width:1200px){
	header #navi #gnb > ul > li { padding:0 10px; }
	header #navi #gnb > ul > li > a { font-size:15px; }
	header #navi #gnb > ul > li > .subDepth > ul > li > a { font-size:13px; }
}
@media screen and (max-width:1120px){
	header #navi #gnb > ul > li { padding:0 8px; }
}
@media screen and (max-width:1080px){
	header #navi #gnb > ul > li { padding:0 7px; }
}

.language .box a.kr span,
.language .box a.en span,
.language .box a.cn span { font-family:'Josefin Sans', sans-serif; }


.depthMenu:after,
.depthMenu p,
.depthMenu .sub_box ul { width:170px; }

.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li > a br { display:none; }

@media screen and (max-width:1840px){	
	#lnb .subDepth .depth2 li a { padding:0 60px; letter-spacing:-0.04em}
}
@media screen and (max-width:1580px){	
	#lnb .subDepth .depth2 li a { padding:0 40px; }
}
@media screen and (max-width:1320px){	
	#lnb .subDepth .depth2 li a { padding:0 30px; }
}
@media screen and (max-width:1110px){	
	#lnb .subDepth .depth2 li a { padding:0 15px; }
}
@media screen and (max-width:960px){	
	#lnb .subDepth .depth2 li a { padding:0 10px; }
}
@media screen and (max-width:860px){	
	#lnb .subDepth .depth2 li a span { font-size:14px; }
}
@media screen and (max-width:760px){	
	#lnb .subDepth .depth2 li a span br { display:none }
	#lnb .subDepth .depth2 li a { padding:0; }
}


.tabmenu > div > ul > li .sub_depth2 { width:1200px; }
.tabmenu > div > ul > li .sub_depth2 ul { padding:0 15px; }
.tabmenu > div > ul > li .sub_depth2 ul li span { font-size:16px; font-weight:400; }
.tabmenu > div > ul > li .sub_depth2 ul li a:hover span,
.tabmenu > div > ul > li .sub_depth2 ul li.on span { font-weight:400; }
@media screen and (max-width:1240px){	
	.tabmenu > div > ul > li > a { height:55px; }
	.tabmenu > div > ul > li .sub_depth2 { width:calc(100vw - 40px); }
	.tabmenu > div > ul > li .sub_depth2 ul { flex-wrap:wrap; padding:10px 5px; }
	.tabmenu > div > ul > li .sub_depth2 li { width:33.33% }
	.tabmenu > div > ul > li .sub_depth2 ul li a { height:45px; }
	.tabmenu > div > ul > li .sub_depth2 ul li span { font-size:15px; }
}
 
.company-summary .summary_cont4 .listbox li .txt { font-size:14px; }
@media screen and (max-width:760px){
}



.business-box .business_cont1 .txtbox dt { font-size:30px; line-height:120%; }
@media screen and (max-width:1280px){
	.business-box .business_cont1 .txtbox dt { font-size:26px; }
}
@media screen and (max-width:1024px){
	.business-box .business_cont1 .txtbox dt { font-size:20px; }
}
@media screen and (max-width:760px){
	.business-box .business_cont1 .txtbox dt { font-size:17px; }
}


.company-network .listbox .tabcont .tcont > ul > li dd li { padding-left:120px; }
.business-box .business_cont1 .txtbox .btn li a { width:180px; }

@media screen and (max-width:860px){
	.business-box .business_cont1 .txtbox .btn li a { width:176px; }
}
@media screen and (max-width:760px){
	.business-box .business_cont1 .txtbox .btn li a { width:165px; }
}

@media screen and (max-width:1024px) {
	.business-box .business_cont2 .listbox li .circle strong { margin-top:6px; font-size:13px; }
}
@media screen and (max-width:760px) {
	.business-box .business_cont2 .listbox ul { width:680px; }
	.business-box .business_cont2 .listbox li .circle strong { margin-top:6px; font-size:11px; }
}

.business-box .wnd_process .p_box > .list > ul > li dd li strong { font-size:13px; letter-spacing:-0.035em }
.business-box .wnd_process .p_box > .list > ul > li dd .sbox > p span { width:76px; height:30px; font-size:11px; }

.business-box .business_cont3 .listbox li .box { height:210px; }
.business-box .business_cont3 .listbox li .box dt { font-size:20px; }
.business-box .business_cont3 .listbox li .box dd { font-size:16px; }
@media screen and (max-width:960px){
	.business-box .business_cont3 .listbox li .box { height:260px; }
}
@media screen and (max-width:760px){
	.business-box .business_cont3 .listbox li .box { height:200px; }
}
@media screen and (max-width:640px){
	.business-box .business_cont3 .listbox li { height:auto; }
	.business-box .business_cont3 .listbox li .box { height:auto; padding: 20px 15px 20px 15px; }
}

.business-box .wnd_process .p_box > .list1 > ul > li { height:335px }
.business-box .wnd_process .p_box > .list2 > ul > li span { font-size:13px; }
@media screen and (max-width:1024px){
	.business-box .wnd_process .p_box > .list1 > ul > li { height:300px }
}
@media screen and (max-width:760px){
	.business-box .wnd_process .p_box > .list1 > ul > li { height:auto }
}

.business-box .wnd_process .p_box > .list > ul > li:nth-child(1) dd { padding:0 5px; }


@media screen and (max-width:1024px){
	.business-relation .listbox li .box { height:320px; }
}
@media screen and (max-width:760px){
	.business-relation .listbox li .box { height:220px; }
}
@media screen and (max-width:550px){
	.business-relation .listbox li .box { height:240px; }
}
@media screen and (max-width:500px){
	.business-relation .listbox li .box { height:260px; }
}
@media screen and (max-width:420px){
	.business-relation .listbox li .box { height:300px; }
}






.scm-consulting .scm_cont3 .stepbox { }
.scm-consulting .scm_cont3 .stepbox  > ul > li { text-align:left; }
.scm-consulting .scm_cont3 .stepbox  > ul > li dt { text-align:center; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(1) { text-align:center; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(2) { right:-40px; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(3) { right:0; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(5) { left:0; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(2) dt strong { right:270px; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(3) dt strong { right:300px; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(5) dt strong { left:220px; }
@media screen and (max-width:1024px){
	.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(2) { right:-20px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(5) { left:-20px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(2) dt strong { right:200px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(3) dt strong { right:250px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(5) dt strong { left:186px; }
}
@media screen and (max-width:860px){
	.scm-consulting .scm_cont3 .stepbox  > ul > li { text-align:center; }
	.scm-consulting .scm_cont3 .stepbox .tit br { display:none }
	.scm-consulting .scm_cont3 .stepbox > ul > li dd li br { display:none }
}

@media screen and (max-width:1024px){
	.scm-practices .consolidation_box .buyer_box > ul > li,
	.scm-practices .consolidation_box .seller_box > ul > li { padding:0 0 0 0; }
	.scm-practices .consolidation_box .buyer_box > ul > li dt,
	.scm-practices .consolidation_box .seller_box > ul > li dt { position:relative; width:100%; text-align:center; height:30px; margin-bottom:20px; }
	.scm-practices .consolidation_box .buyer_box > ul > li dt span,
	.scm-practices .consolidation_box .seller_box > ul > li dt span { font-size:16px; display:block; width:100%;}
	.scm-practices .consolidation_box .buyer_box > ul > li dd .box > p { font-size:11px; }
	.scm-practices .consolidation_box .buyer_box > ul > li:before,
	.scm-practices .consolidation_box .seller_box > ul > li:before, 
	.scm-practices .consolidation_box .seller_box > ul > li:nth-child(2):before { left:50%; transform: rotate(90deg) translate(-50%), 0);}
}

@media screen and (max-width:640px) {
	.tabmenu li a { font-size:12px; }
}