@charset "utf-8";
/* common */
#slideBar{ right: 0; }

#viewBtn:after{  left: auto; right: calc(-100% - 4px);}
#viewBtn:hover:after{ left: auto; right: 0;}

#chkBox label span{ margin-left: 15px; margin-right: 0;}
#chkBox button{ margin-right: 15px; margin-left: 0;}

.paging{ flex-direction:row-reverse; }
.paging ul li:not(:last-child), .paging .arr a:first-child{ margin-right: 0; margin-left: 25px;}

#searchBox div button{ margin-left: 0; margin-right: 10px;}
#searchBox .closeBtn{ right: auto; left: 80px;}

#listBox #searchBox select{ background: url(/img/sub/selectArrow.png) no-repeat top 50% left 60px; margin-right: 0; margin-left: 10px;}
 
/* header */
#allMenu .allGnb #gnb > li .depth2{ left: auto; right: 100%; }
#allMenu .allGnb #gnb > li .depth2 > li:not(:last-child){ margin-right: 0; margin-left: 80px;}
#allMenu .allGnb #gnb > li > a{ margin-right: 0; margin-left: 100px;}
#allMenu .closeBtn{ right: auto; left: 50px;}

/* main */
#fullNav{ right: auto; left: 40px; }

main .technology .titleBox span,
main .technology .titleBox .title p span.front,
main .platform .ctnBox .viewTxt a span.front,
main .core .cover .inner .title p span.front,
main .platform .txtWrap > div .front p{ background-position: right top; }

main .visual .slideDots span:not(:last-child){ margin-right: 0; margin-left: 10px;}
main .visual .btmBox select{ background-position: left 40px top 50%;}

main .business .ctnBox .scrollBox{ margin: 0 auto 0 0; padding: 150px 40px 100px 100px;}
main .business .bakBox .imgBox .innerBox,
main .business .bakBox .imgBox .innerBox .scrollDown{ flex-direction: row-reverse;}
main .business .bakBox .imgBox .innerBox .scrollDown p{ margin-right: 0; margin-left: 10px;}

main .technology{ padding-left: 0; padding-right: 100px;}

main .platform .ctnBox .slideWrap .slideBox .swiper-slide{ margin-right: 0; margin-left: 50px;}

main .core .ctnBox .itemBox:not(:last-child){ border-right:none; border-left:1px solid rgba(255,255,255,0.1); }

main .partners .titleBox{ flex-direction: row-reverse;}
main .partners .txtBox .itemBox .txt:before{ margin-right: 0; margin-left: 27px;}
main .partners .txtBox{ flex-direction: row-reverse;}

/* sub */
#sv .subVisual .txtBox h2.title span{ background-position: right top; }

#firstBg{ margin-right: calc(-50vw + 49.4%);}
#firstBg.type2 .txtBox p,
#firstBg.type3 .txtBox > *{ text-align: right; }

#linkBox .ctnBox .itemBox{ margin-right: 0; margin-left: 50px;}

.solution .imgTxtBox .itemBox figure{ margin-right: 0; margin-left: 100px;}

.industries .infoBox .itemBox .title img{ margin-left: 20px; margin-right: 0; }
.industries .infoBox .itemBox .listBox li img{ margin-right: 0; margin-left: 15px;}

#location .sec02 .ctnBox .itemBox dd ul li img{ margin-right: 0; margin-left: 15px;}

#brochures section .titleBox select{ background-position: left 30px top 50%;}

.connectivity .sec01 .title{ margin-right: 0; margin-left: 145px;}

#how .sec01 .ctnBox dl dt,
#how .sec01 .ctnBox .item02 dd > p{ margin-right: 0; margin-left: 20px;}

#history section .ctnBox .itemBox{ padding-left: 0; padding-right:  75px;}
#history section .ctnBox .itemBox:after{ left: auto; right: 0; }
#history .bar{ left: auto; right: 465px;}

#contact .mapBox .infoBox li:not(:last-child){ margin-left: 80px; margin-right: 0; }
#contact .mapBox .infoBox li figure{ margin-right: 0; margin-left: 15px;}

#boardView .fileBox figure,
#boardView .titleBox ul li span{ margin-right: 0; margin-left: 10px;}
#boardView .pageBox .box.next div{ text-align: left;}
#boardView .titleBox ul li:not(:last-child){ margin-right: 0; margin-left: 20px;}

.connectivity .sec02 .ctnBox .itemBox .txtBox ul li:before{ margin-right: 0; margin-left: 15px;}

#contact .titleBox .txt figure{ margin-right: 0; margin-left: 15px;}

#newsletter .introBox .txtBox .inputBox p{ min-width:160px; }

/* footer */
.footerIn .rightBox .capcha button{ margin-left: 0; margin-right: 10px; }

@media screen and (max-width:1800px){
	/* main*/
	main .business .ctnBox .scrollBox{ padding-left: 60px;}

	main .technology{ padding-right: 20px; }
}

@media screen and (max-width:1600px){
	/* common */
	#searchBox .closeBtn{ left: 35px; }

	#listBox #searchBox select{ background: url(/img/sub/selectArrow.png) no-repeat top 50% left 40px;}

	/* header */
	#allMenu .closeBtn{ left: 35px;}

	/* sub */
	.connectivity .sec01 .title{ margin-left: 50px; }

	#history .bar{ left: auto; right: 485px;}
}

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

@media screen and (max-width:1200px){
	/* common */
	#searchBox .closeBtn{ left: 30px; }

	#listBox #searchBox select{ background: url(/img/sub/selectArrow.png) no-repeat top 50% left 20px;}

	/* main */
	main .visual .btmBox select{ background-position: left 20px top 50%; margin: 0 20px 0 0;}

	main .business .ctnBox .scrollBox{ padding: 40px 20px;}

	main .technology{ padding: 80px 20px; }
	
	/* sub */
	#history .bar{ left: auto; right: 275px;}
}

@media screen and (max-width:960px){
	/* header */
	#allMenu .closeBtn{ left: 30px; }
	#allMenu .allGnb #gnb > li .depth2{ right: auto;}
	#allMenu .allGnb #gnb > li .depth2 > li:not(:last-child){ margin-left:20px;}

	/* main */
	main .partners .txtBox .itemBox .txt:before{ margin-left: 20px;}
	main .partners .titleBox { flex-direction: column-reverse; }

	/* sub */
	#subContents{ overflow: hidden;}
	.solution .imgTxtBox .itemBox figure{ margin-left: 0; }

	.connectivity .sec01 .title{ margin-left: 0; }

	#history .bar{ left: auto; right: 25px;}
	#history section .ctnBox .itemBox{ padding-right: 50px;}

	#contact .mapBox .infoBox li:not(:last-child){ margin-left: 0px; }

	#newsletter .introBox .txtBox .inputBox p { min-width: 130px; }
	#brochures section .titleBox select{ background-position: left 20px top 50%;}

	#about .slideWrap .slideBox .itemBox{ margin-right: 0; margin-left: 50px;}
}

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