@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'GangwonEdu_OTFBoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');

}

#sub{ padding-bottom:150px;}
#sub .sub-visual{ position:relative; height:1200px;  background-size:cover; background-repeat:no-repeat; background-position:50% 50%; display:flex;align-items: flex-end; }
#sub .one{ background-image:url(../images/sub/sub-visual1.jpg);}
#sub .two{ background-image:url(../images/sub/sub-visual2.jpg);}
#sub .three{ background-image:url(../images/sub/sub-visual3.jpg);}
#sub .four{ background-image:url(../images/sub/sub-visual4.jpg);}
#sub .five{ background-image:url(../images/sub/sub-visual5.jpg);}
#sub .scroll_down{position: absolute; bottom: 26px; left:50%; transform:translateX(-50%);}
#sub .scroll_down a{display: inline-block;}
#sub .scroll_down a span{display: block; font-size:12px; letter-spacing: 0.3pt; color:#fff; position: relative; padding-top: 60px;}
#sub .scroll_down a span:after{content:''; width:10px; height: 12px; background:url('../images/icon/scroll_arrow.png') no-repeat center/100%; position: absolute; top:38px; left: 50%; margin-left: -4px; animation:move 1s linear infinite;}


/*#sub h1 {font-size: 50px; margin-bottom: 50px;}*/

#sub .sub-visual .svTxt{ padding-bottom:21%; color:#fff; text-align: center;}
#sub .sub-visual .svTxt h2{ font-size:67px; font-weight:800; padding-bottom:10px}
#sub .sub-visual .svTxt p{ font-size:25px;}
#sub .sMenu { background:rgba(255, 255, 255, 0.8); display: flex; justify-content: center;}
#sub .sMenu ul {margin-top: 50px;}
#sub .sMenu ul li{margin: 0 2px;}
#sub .sMenu ul a{ display:inline-block; padding:18px 42px; font-size:20px; color: #666; background: #efefef; border-radius: 50px;}
#sub .sMenu ul a:hover{font-weight: 600; color: #00508f; }
#sub .sMenu ul a.on{ background:#00508f;color:#fff; font-weight: 500; border-radius: 50px;}

.subContent{ padding-top:130px;word-break:keep-all;}

.suCtxt { padding-top:100px;text-align: center;}
.suCtxt h3{ font-size:50px; padding-bottom:15px;}
.suCtxt .location{ color:#777;}
.suCtxt .location .xi-angle-right-min{ color:#ccc; padding:0 5px;}

/*스크롤 텍스트 효과*/
#sub .scroll_wrap {overflow: hidden;}
#sub .scroll_on {/*padding:50px 0;*/ font-size: 24px; opacity: 0;transition: all 1s;}
#sub .scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;}
#sub .scroll_on.type_top {transform: translate(0, -50px);}
#sub .scroll_on.type_bottom {transform: translate(0, 50px);}
#sub .scroll_on.type_left {transform: translate(-50px, 0);}
#sub .scroll_on.type_right {transform: translate(50px, 0);}

@media(max-width:1920px) {

	#sub .sub-visual{ height:800px;}
	#sub .sub-visual .svTxt h2{ font-size:57px;}
	#sub .sub-visual .svTxt p{ font-size:25px;}
	#sub .sub-visual .sMenu ul a{ font-size:19px;padding:20px 40px;}
	
	
	.suCtxt h3{ font-size:40px; padding-bottom:10px;}

	#sub h1 {	font-size: 36px;}


}

.h1{ font-family: 'GangwonEdu_OTFBoldA'; font-size:47px; font-weight:300; line-height:57px;}
.h1 span{ border-bottom:1px #ff6d3d solid; color:#ff6d3d;}

/*공통 sub css*/
.subB{display: flex; margin-top: 100px; border-bottom: 1px solid #ddd; padding-bottom: 50px;}
.subT{flex-basis: 20%;  flex-shrink: 0; text-align: left;}
.subT h1{font-weight: 800; font-size: 42px;}
.subT h2{ font-size: 24px; color: #1d86ff;}
.subC{flex-grow: 1;}


/*p010100*/
.companyintro .p010100_s01 {display: flex; justify-content: space-around;}
.companyintro .p010100_s01 .s01L{display: flex; background-image: url(../images/sub/sub01/010100_1.jpg); width: calc(100% / 2); height: 500px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: cover; margin-right:15px;}
.companyintro .p010100_s01 .s01L .Lbg, .companyintro .p010100_s01 .s01R .Rbg { text-align: center;}
.companyintro .p010100_s01 .s01L .Lbg p, .companyintro  .p010100_s01 .s01R .Rbg p{color: #fff; font-size: 32px; font-weight: 300; letter-spacing: 2px;}
.companyintro .p010100_s01 .s01L .Lbg span, .companyintro .p010100_s01 .s01R .Rbg span{color: #fff; font-weight: 300; font-size: 20px;}
.companyintro .p010100_s01 .s01R{display: flex; background-image: url(../images/sub/sub01/010100_2.jpg); width: calc(100% / 2); height: 500px; justify-content: center; align-items: center; background-repeat: no-repeat;
	background-size: cover; }
.companyintro .p010100_s02 p{color: #444; margin: 20px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.companyintro .p010100_s02 p strong{color: #222; font-weight: 700;}
.companydownload { display: flex; justify-content: flex-end;}
.companydownload a {  display: inline-block;}
.companydownload a p{font-size: 20px; font-weight: 500; background:-webkit-gradient(linear, left top, right top, from(#7a81ff), to(#1d86ff)); color: #fff; padding: 15px 70px; border-radius: 8px; display: flex; align-items: center; justify-content: space-between;}
.companydownload a p img{ width: 13%;}

.missionvision .p010100_s01 {display: flex; justify-content: space-around;}
.missionvision .p010100_s01 .s01L2{display: flex; background-color: #1d86ff; width: 450px; height: 450px; justify-content: center; align-items: center; border-radius: 50%;}
.missionvision .p010100_s01 .s01L2 .Lbg, .missionvision .p010100_s01 .s01R2 .Rbg { text-align: center;}
.missionvision .p010100_s01 .s01L2 .Lbg p, .missionvision .p010100_s01 .s01R2 .Rbg p {color: #fff; font-size: 32px; font-weight: 300; letter-spacing: 2px; margin-bottom: 10px;}
.missionvision .p010100_s01 .s01L2 .Lbg span, .missionvision .p010100_s01 .s01R2 .Rbg span{color: #fff; font-weight: 300; font-size: 20px; letter-spacing: -1px;}
.missionvision .p010100_s01 .s01R2{display: flex;  background-color: #00508f;width: 450px; height: 450px; justify-content: center; align-items: center; border-radius: 50%;}
.missionvision .p010100_s02 {margin-top: 40px;}
.missionvision .p010100_s02 h3{font-size: 24px; font-weight: 700; border-bottom: 1px solid #ebebeb; padding-bottom: 5px;}
.missionvision .p010100_s02 p{color: #444; margin: 20px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.missionvision .p010100_s02 p strong{margin-right: 40px;}
.missionvision .p010100_s03 {display: flex; text-align: center; justify-content: space-between; margin-top: 30px;}
.missionvision .p010100_s03 .s03L{display: flex; background-image: url(../images/sub/sub01/010100_3.jpg); width: calc(100% / 3); height: 300px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: cover; margin-right: 10px;}
.missionvision .p010100_s03 .s03L2{display: flex; background-image: url(../images/sub/sub01/010100_4.jpg); width: calc(100% / 3); height: 300px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: cover; margin-right: 10px;}
.missionvision .p010100_s03 .s03L3{display: flex; background-image: url(../images/sub/sub01/010100_5.jpg); width: calc(100% / 3); height: 300px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: cover;}
.missionvision .p010100_s03 .s03L .Lbg p, .missionvision .p010100_s03 .s03L2 .Lbg p,.missionvision .p010100_s03 .s03L3 .Lbg p {color: #fff; font-size: 32px; font-weight: 600; letter-spacing: 2px;}
.missionvision .p010100_s03 .s03L .Lbg span, .missionvision .p010100_s03 .s03L2 .Lbg span,.missionvision .p010100_s03 .s03L3 .Lbg span{color: #fff; font-weight: 300; font-size: 20px;}
.missionvision .p010100_s04 {display: flex; text-align: left; justify-content: space-between; margin-top: 30px;}
.missionvision .p010100_s04 .s04L {width: calc(100% / 3); margin: 0 10px;}
.missionvision .p010100_s04 p{font-size: 20px; color: #555;  font-weight: 400; }
.missionvision .p010100_s04 p::before{content: "•"; margin-right: 5px;}

.ci .p010100_s01 .s01L{background-image: url(../images/sub/sub01/010100_6.png); width: 100%; height: 200px; background-repeat: no-repeat; background-size: contain;}
.ci .p010100_s01 .s01L .Lbg { text-align: center;}
.ci .p010100_s01 .s01L .Lbg p{color: #fff; font-size: 32px; font-weight: 300; letter-spacing: 2px;}
.ci .p010100_s01 .s01L .Lbg span {color: #fff; font-weight: 300; font-size: 20px;}
.ci .p010100_s02 p{color: #444; margin: 40px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.ci .p010100_s02 p strong{color: #222; font-weight: 700;}
.ci .p010100_s03 .s01L{background-image: url(../images/sub/sub01/010100_7.png); width: 100%; height: 1000px; background-repeat: no-repeat; background-size: contain;}

/*p010200*/
.business .p010200_s01, .business .p010200_s02 {display: flex; justify-content: space-around;}
.business .p010200_s01 .s01L{display: flex; background-image: url(../images/sub/sub01/010200_1.png); width:600px; height: 250px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: contain; margin-right:50px;}
.business .p010200_s01 .s01R{display: flex; background-image: url(../images/sub/sub01/010200_2.png); width:600px; height: 250px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: contain;}
.business .p010200_s02 .s01L{display: flex; background-image: url(../images/sub/sub01/010200_3.png); width:600px; height: 250px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: contain; margin-right:50px;}
.business .p010200_s02 .s01R{display: flex; background-image: url(../images/sub/sub01/010200_4.png); width:600px; height: 250px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: contain; }
.business .p010200_s01_bg{width:100%; height: auto; position: relative;}
.business .p010200_s01_bg:before{ content: "";  background-image: url(../images/sub/sub01/010200_9.png); background-repeat: no-repeat; background-size: contain; z-index: -1; width:100%; display: inline-block;
    height:100%; z-index: -10;  position: absolute; left: 34%; top: -5%;}
.business .p010200_s03 {margin-top: 60px;}
.business .p010200_s03 .p010200_s03_F {display: flex; text-align: center; justify-content: space-between; margin-top: 30px;}
.business .p010200_s03 h3 {font-size: 24px;font-weight: 700; border-bottom: 1px solid #ebebeb; padding-bottom: 5px;}
.business .p010200_s03 .p010200_s03_F>div img{ height: 40%;}
.business .p010200_s03 .p010200_s03_F>div p{color: #444; font-size: 20px; line-height: 34px;  letter-spacing: -0.5px; font-weight: 500; margin-top: 10px;}
.smartfactory p {color: #444; margin: 40px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.smartfactory p strong {color: #222; font-weight: 700;}
.smartfactory img { width: 100%;}
.business .p010200_s01 .s01L_eng{display: flex; background-image: url(../images/sub/sub01/010200_1_eng.png); width:600px; height: 250px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: contain; margin-right:50px;}
.business .p010200_s01 .s01R_eng{display: flex; background-image: url(../images/sub/sub01/010200_2_eng.png); width:600px; height: 250px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: contain;}
.business .p010200_s02 .s01L_eng{display: flex; background-image: url(../images/sub/sub01/010200_3_eng.png); width:600px; height: 250px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: contain; margin-right:50px;}
.business .p010200_s02 .s01R_eng{display: flex; background-image: url(../images/sub/sub01/010200_4_eng.png); width:600px; height: 250px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: contain; }
.business .p010200_s01_bg_eng{width:100%; height: auto; position: relative;}
.business .p010200_s01_bg_eng:before{ content: "";  background-image: url(../images/sub/sub01/010200_9_eng.png); background-repeat: no-repeat; background-size: contain; z-index: -1; width:100%; display: inline-block;
    height:100%; z-index: -10;  position: absolute; left: 34%; top: -5%;}
.business .p010200_s01 .s01L_vi{display: flex; background-image: url(../images/sub/sub01/010200_1_vn.png); width:600px; height: 250px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: contain; margin-right:50px;}
.business .p010200_s01 .s01R_vi{display: flex; background-image: url(../images/sub/sub01/010200_2_vn.png); width:600px; height: 250px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: contain;}
.business .p010200_s02 .s01L_vi{display: flex; background-image: url(../images/sub/sub01/010200_3_vn.png); width:600px; height: 250px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: contain; margin-right:50px;}
.business .p010200_s02 .s01R_vi{display: flex; background-image: url(../images/sub/sub01/010200_4_vn.png); width:600px; height: 250px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: contain; }
.business .p010200_s01_bg_vi{width:100%; height: auto; position: relative;}
.business .p010200_s01_bg_vi:before{ content: "";  background-image: url(../images/sub/sub01/010200_9_vn.png); background-repeat: no-repeat; background-size: contain; z-index: -1; width:100%; display: inline-block;
    height:100%; z-index: -10;  position: absolute; left: 34%; top: -5%;}

/*p010300*/
.history {position:relative; }
.history:before {content:''; display:block; width:1px; height:100%; background:#2d69b6; position:absolute; top:58px; left:50%; margin-left:0.5px;}
.history .box {position:relative; }
.history .box:before {content: ""; display: block; position: absolute; top: 48px; width: 21px; height: 21px; border-radius: 50%; background: rgba(45,105,182,0.15);}
.history .box:after {content: ""; display: block; position: absolute; top:  55px; width: 7px; height: 7px;  border-radius: 50%; background: #2d69b6;}
.history .box h4  {padding:10px 50px;border-bottom:1px solid #ebebeb; color:#1d86ff; font-size:2.375rem; font-weight:bold;}
.history .box .desc {box-sizing:border-box;}
.history .box .desc dl {position:relative; }
.history .box .desc dl dt {position:absolute; top:0; color:#222; font-size:1.125rem; font-weight:bold;}
.history .box .desc dl dd {color:#666; } 
.history .box .desc dl dd p {margin-bottom:20px; font-size: 20px; font-weight: 300;}
.history .box:nth-child(odd) {margin-left:50%; }
.history .box:nth-child(odd):before {left:-10px;}
.history .box:nth-child(odd):after {left:-3px;}
.history .box:nth-child(odd) .desc {padding:30px  0 0 60px; }
.history .box:nth-child(odd) .desc dl {padding-left:50px; }
.history .box:nth-child(odd) .desc dl dt {left:0;}
.history .box:nth-child(even) {margin-right:50%; text-align:right;}
.history .box:nth-child(even):before {right:-11px;}
.history .box:nth-child(even) .desc {padding:30px  60px 0 0 ; }
.history .box:nth-child(even) .desc dl dt {right:0;}
.history .box:nth-child(even) .desc dl {padding-right:50px; }
.history .box:nth-child(even):after {right:-4px;}

.award .p010300_s02 {margin-bottom: 60px;}
.award .p010300_s02 .p010300_s02D {display: flex; text-align: center; justify-content: space-between; margin-top: 30px;}
.award .p010300_s02 .p010300_s02D>div{width: calc(100% / 4);}
.award .p010300_s02 .p010300_s02D>div img{height: 85%; border: 1px solid #ddd;}
.award .p010300_s02 .p010300_s02D>div p{color: #444; font-size: 20px; line-height: 34px;  letter-spacing: -0.5px; font-weight: 300; margin-top: 10px;}


/*p020100*/
.p020100 p{color: #444; margin: 5px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.p020100 strong{color: #222; font-weight: 700;}
.modes .p020100_s01 {display: flex;}
.modes .p020100_s01 .s01L {flex-basis: 30%;  flex-shrink: 0;}
.modes .p020100_s01 .s01L h3{ font-weight: 600; font-size: 84px;}
.modes .p020100_s01 .s01L span{color: #1d86ff;}
.modes .p020100_s01 .s01R {flex-grow: 1; margin-left: 2%;}
.modes .p020100_s01 .s01R img{ width: 100%;}
.modes .p020100_s02 {display: flex; text-align: center; justify-content: space-between; margin-top: 30px;}
.modes .p020100_s02 .s02L{display: flex; background-image: url(../images/sub/sub02/020100_1.jpg); width: calc(100% / 3); height: 300px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: cover; margin-right: 10px;}
.modes .p020100_s02 .s02L2{display: flex; background-image: url(../images/sub/sub02/020100_2.jpg); width: calc(100% / 3); height: 300px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: cover; margin-right: 10px;}
.modes .p020100_s02 .s02L3{display: flex; background-image: url(../images/sub/sub02/020100_3.jpg); width: calc(100% / 3); height: 300px; justify-content: center; align-items: center; background-repeat: no-repeat; 
	background-size: cover;}
.modes .p020100_s02 .Lbg p {color: #fff; font-size: 32px; font-weight: 600; letter-spacing: 2px;}
.modes .p020100_s02 .Lbg strong {color: #fff;}
.modes .p020100_s02 .Lbg span{color: #fff; font-weight: 300; font-size: 20px;}
.modes .p020100_s04{ margin-top: 30px;}
.modes .p020100_s04 h3{font-size: 24px; font-weight: 700; border-bottom: 1px solid #ebebeb; padding-bottom: 5px;}
.modes .p020100_s04 ul { display: flex;}
.modes .p020100_s04 ul li { display: flex; width: calc(100% / 2); align-items: center;}
.modes .p020100_s04 ul li img{height: 50%; margin-right: 2%;}
.modes .p020100_s04 ul li .litxt{padding: 20px;}
.modes .p020100_s04 ul li .litxt h5{font-size: 22px; font-weight: 600;}

/*p020200*/
.p020200 p{color: #444; margin: 5px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.modfems .p020200_s02{display: flex;  margin-top: 55px;}
.modfems .p020200_s02 .s02L2{width: 100%;}
.modfems .p020200_s02 .s02L2 ul{    display: flex;  padding: 50px; align-items: center; justify-content: center;}
.modfems .p020200_s02 .s02L2 ul li{width: calc(100% / 2);}
.modfems .p020200_s02 .s02L2 ul li h5 {position: relative; padding-left: 10px; font-size: 20px;}
.modfems .p020200_s02 .s02L2 ul li h5:after{content:""; position:absolute; top:20%; left:0; width:3px; height:15px; background-color:#1d86ff;}
.modfems .p020200_s02 .s02L2 ul li p {font-size: 20px; color: #555;  font-weight: 400; }
.modfems .p020200_s02 .s02L2 ul li p:before{content: "•"; margin-right: 5px;}
.modfems .p020200_s03 {margin-top: 55px;}
.modfems .p020200_s03 h3 {  font-size: 24px;font-weight: 700; border-bottom: 1px solid #ebebeb; padding-bottom: 5px;}
.modfems .p020200_s03 .s03 {display: flex; align-items: center; justify-content: space-between;}
.modfems .p020200_s03 .s03 .s03L {flex-basis: 45%;  flex-shrink: 0;}
.modfems .p020200_s03 .s03 .s03L h5{margin-bottom: 15px;  font-size: 20px;}
.modfems .p020200_s03 .s03 .s03L p:before{content: "•"; margin-right: 5px;}
.modfems .p020200_s03 .s03 .s03R {flex-grow: 1;}
.modfems .p020200_s03 .s03 .s03R img {width: 90%;}

/*p020300*/
.p020300 p{color: #444; margin: 5px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.p020300 strong{font-weight: 700;}
.modfection {}
.modfection .p020300_s01 {display: flex;}
.modfection .p020300_s01 .s01L {flex-basis: 30%;  flex-shrink: 0;}
.modfection .p020300_s01 .s01L h3{ font-weight: 600; font-size: 84px;}
.modfection .p020300_s01 .s01L span{color: #1d86ff;}
.modfection .p020300_s01 .s01L p{color: #444; margin: 15px 0; font-size: 20px; line-height: 28px; font-weight: 400; letter-spacing: -0.5px;}
.modfection .p020300_s01 .s01L p strong{margin-right: 15px;}
.modfection .p020300_s01 .s01L p span{color: #444;}
.modfection .p020300_s01 .s01R {flex-grow: 1; margin-left: 2%;}
.modfection .p020300_s01 .s01R img{ width: 100%;}
.modfection .p020300_s04 {margin-top: 55px;}
.modfection .p020300_s04 h3 {  font-size: 24px;font-weight: 700; border-bottom: 1px solid #ebebeb; padding-bottom: 5px;}
.modfection .p020300_s04 .s03 {display: flex; align-items: center; justify-content: space-between;}
.modfection .p020300_s04 .s03 .s03L {flex-basis: 70%;  flex-shrink: 0;}
.modfection .p020300_s04 .s03 .s03L h5{ font-size: 20px;}
.modfection .p020300_s04 .s03 .s03L p {margin: 5px 0 15px 0;}
.modfection .p020300_s04 .s03 .s03L p:before{content: "•"; margin-right: 5px;}
.modfection .p020300_s04 .s03 .s03R {flex-grow: 1;}
.modfection .p020300_s04 .s03 .s03R img {width: 70%; padding-top: 20px;}

/*p020400*/
.p020400 p{color: #444; margin: 5px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.p020400 strong{font-weight: 700;}
.modtransfer {}
.modtransfer .p020400_s01 {display: flex;}
.modtransfer .p020400_s01 .s01L {flex-basis: 30%;  flex-shrink: 0;}
.modtransfer .p020400_s01 .s01L h3{ font-weight: 600; font-size: 84px;}
.modtransfer .p020400_s01 .s01L span{color: #1d86ff;}
.modtransfer .p020400_s01 .s01L p{color: #444; margin: 15px 0; font-size: 20px; line-height: 28px; font-weight: 400; letter-spacing: -0.5px;}
.modtransfer .p020400_s01 .s01L p strong{margin-right: 15px;}
.modtransfer .p020400_s01 .s01L p span{color: #444;  display: block;}
.modtransfer .p020400_s01 .s01L p span:before{content: "•"; margin-right: 5px;}
.modtransfer .p020400_s01 .s01R {flex-grow: 1; margin-left: 2%;}
.modtransfer .p020400_s01 .s01R img{ width: 100%;}

.modtransfer .p020300_s04 {margin-top: 55px;}
.modtransfer .p020300_s04 {margin-top: 55px;}
.modtransfer .p020300_s04 h3 {  font-size: 24px;font-weight: 700; border-bottom: 1px solid #ebebeb; padding-bottom: 5px;}
.modtransfer .p020300_s04 .s03 {display: flex; align-items: center; justify-content: space-between;}
.modtransfer .p020300_s04 .s03 .s03L {flex-basis: 70%;  flex-shrink: 0;}
.modtransfer .p020300_s04 .s03 .s03L h5{ font-size: 20px;}
.modtransfer .p020300_s04 .s03 .s03L p {margin: 5px 0 15px 0;}
.modtransfer .p020300_s04 .s03 .s03L p:before{content: "•"; margin-right: 5px;}
.modtransfer .p020300_s04 .s03 .s03R {flex-grow: 1;}
.modtransfer .p020300_s04 .s03 .s03R img {width: 60%; padding-top: 20px;}

/*p020500*/
.p020500 p{color: #444; margin: 5px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.p020500 strong{font-weight: 700;}
.modverlook .p020500_s01 {display: flex;}
.modverlook .p020500_s01 .s01L {flex-basis: 30%;  flex-shrink: 0;}
.modverlook .p020500_s01 .s01L h3{ font-weight: 600; font-size: 84px;}
.modverlook .p020500_s01 .s01L span{color: #1d86ff;}
.modverlook .p020500_s01 .s01L p{color: #444; margin: 15px 0; font-size: 20px; line-height: 28px; font-weight: 400; letter-spacing: -0.5px;}
.modverlook .p020500_s01 .s01L p strong{margin-right: 15px;}
.modverlook .p020500_s01 .s01L p span{color: #444;  display: block;}
.modverlook .p020500_s01 .s01L p span:before{content: "•"; margin-right: 5px;}
.modverlook .p020500_s01 .s01R {flex-grow: 1; margin-left: 2%;}
.modverlook .p020500_s01 .s01R img{ width: 100%;}
.modverlook .p020500_s03 {margin-top: 55px;}
.modverlook .p020500_s03  {margin-top: 55px;}
.modverlook .p020500_s03 h3 {  font-size: 24px;font-weight: 700; border-bottom: 1px solid #ebebeb; padding-bottom: 5px;}
.modverlook .p020500_s03 .s03 {display: flex; align-items: center; justify-content: space-between;}
.modverlook .p020500_s03 .s03 .s03L {flex-basis: 70%;  flex-shrink: 0;}
.modverlook .p020500_s03 .s03 .s03L h5{ font-size: 20px;}
.modverlook .p020500_s03 .s03 .s03L p {margin: 5px 0 15px 0;}
.modverlook .p020500_s03 .s03 .s03L p:before{content: "•"; margin-right: 5px;}
.modverlook .p020500_s03 .s03 .s03R {flex-grow: 1;}
.modverlook .p020500_s03 .s03 .s03R img {width: 100%; padding-top: 20px;}

/*p020800*/
.p020800 p{color: #444; margin: 5px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.p020800 strong{font-weight: 700;}
.modfarm {}
.modfarm .p020800_s01 {display: flex;}
.modfarm .p020800_s01 .s01L {flex-basis: 30%;  flex-shrink: 0;}
.modfarm .p020800_s01 .s01L h3{ font-weight: 600; font-size: 84px;}
.modfarm .p020800_s01 .s01L span{color: #1d86ff;}
.modfarm .p020800_s01 .s01L p{color: #444; margin: 15px 0; font-size: 20px; line-height: 28px; font-weight: 400; letter-spacing: -0.5px;}
.modfarm .p020800_s01 .s01L p strong{margin-right: 15px;}
.modfarm .p020800_s01 .s01L p span{color: #444;  display: block;}
.modfarm .p020800_s01 .s01L p span:before{content: "•"; margin-right: 5px;}
.modfarm .p020800_s01 .s01R {flex-grow: 1; margin-left: 2%;}
.modfarm .p020800_s01 .s01R img{ width: 100%;}
.modfarm .p020800_s02 { border-top: 1px solid #ddd; margin-top: 50px;}
.modfarm .p020800_s02 img{ width: 100%; padding-top: 50px;}

/*p020900*/
.p020900 p{color: #444; margin: 5px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.p020900 strong{color: #222; font-weight: 700;}
.modem .p020900_s02 { border-top: 1px solid #ddd; margin-top: 50px;}
.modem .p020900_s02 img{ width: 100%; padding-top: 50px;}
.modem .p020900_s03{ margin-top: 30px;}
.modem .p020900_s03 h3{font-size: 24px; font-weight: 700; border-bottom: 1px solid #ebebeb; padding-bottom: 5px;}
.modem .p020900_s03 ul { display: flex;}
.modem .p020900_s03 ul li { display: flex; width: calc(100% / 2); align-items: center;}
.modem .p020900_s03 ul li img{height: 50%; margin-right: 2%;}
.modem .p020900_s03 ul li .litxt{padding: 20px;}
.modem .p020900_s03 ul li .litxt h5{font-size: 22px; font-weight: 600;}

/*p021000*/
.p021000 p{color: #444; margin: 5px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.p021000 strong{font-weight: 700;}
.modsafer {}
.modsafer .p021000_s0 .p021000_s0_t{display: flex; justify-content: space-between; margin-bottom: 20px;}
.modsafer .p021000_s0 p{ background-color: #e8edf5; border-radius: 20px; width: calc(100% / 4); margin: 0 8px; text-align: center; padding: 5px; font-size: 22px; font-weight: 500;}
.modsafer .p021000_s0 img{ width: 100%;}
.modsafer .p021000_s02 { border-top: 1px solid #ddd; margin-top: 50px;}
.modsafer .p021000_s02 img{ width: 100%; padding-top: 50px;}

/*p021100*/
.p021100 p{color: #444; margin: 5px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.p021100 strong{font-weight: 700;}
.modweb {}
.modweb .p021100_s0{display: flex; justify-content: space-between; margin-bottom: 20px;}
.modweb .p021100_s0 p{ color: #fff;background-color: #e8edf5; border-radius: 100%; width: 300px; height: 300px; margin: 0 8px; padding: 5px; font-size: 22px; font-weight: 500;
    align-items: center;  display: flex; justify-content: center;}
.modweb .p021100_s0 p:nth-child(1){ background-image:url(../images/sub/sub02/021100_1.jpg); background-repeat: no-repeat; background-size: cover;}
.modweb .p021100_s0 p:nth-child(2){ background-image:url(../images/sub/sub02/021100_2.jpg); background-repeat: no-repeat; background-size: cover;}
.modweb .p021100_s0 p:nth-child(3){ background-image:url(../images/sub/sub02/021100_3.jpg); background-repeat: no-repeat; background-size: cover;}
.modweb .p021100_s0 p:nth-child(4){ background-image:url(../images/sub/sub02/021100_4.jpg); background-repeat: no-repeat; background-size: cover;}
.modweb .p021100_s02 { border-top: 1px solid #ddd; margin-top: 50px;}
.modweb .p021100_s02 img{ width: 100%; padding-top: 50px;}


/*p030100*/
.p030100 {}
.p030100 h3{font-size: 22px; font-weight: 400; margin-top: 5px;}
.p030100 .support{}
.p030100 .support ul{display: flex;}
.p030100 .support ul li{ width: calc(100% / 2);}
.p030100 .support .s01 {}
.p030100 .support .s01 li{display: flex; border: 1px solid #1d86ff; border-radius: 30px; padding: 35px 50px; margin:50px 10px; position: relative;}
.p030100 .support .s01 li:hover{background-color:#dfeeff;}
.p030100 .support .s01 li .litxt{}
.p030100 .support .s01 li .litxt h3{font-size: 38px; color: #1d86ff;  font-weight: 700; margin-bottom: 13px;}
.p030100 .support .s01 li .litxt p {color: #444; margin: 5px 0; font-size: 20px; line-height: 28px; font-weight: 400; letter-spacing: -0.5px;}
.p030100 .support .s01 li .litxt .psmall{font-size: 16px;}
.p030100 .support .s01 li .litxt a {background-color: #1d86ff; border-radius: 50px; padding: 8px 28px;  bottom: 15%; position: absolute; width: 20%;  display: flex; justify-content: space-around;  align-items: center;}
.p030100 .support .s01 li .litxt a p{ display: inline-block; color: #fff; font-size: 21px;}
.p030100 .support .s01 li .litxt a i{color: #fff;}
.p030100 .support .s01 li .litxt a img {width: 15%; margin-left: 45%;}
.p030100 .support .s01 li .litxt_icon{}
.p030100 .support .s01 .eng_s01_li {padding: 50px 50px 130px;}

/*p030100 수정 부분*/
.p030100 .box-wrap { width: 100%;  height: auto; display: flex; justify-content: center; align-items: center}
.p030100 .hoverbox {position: relative; width: calc(100% / 2); height: 350px; border: 1px solid #1d86ff; border-radius: 30px; margin: 10px;}
.p030100 .hoverbox img { width: 100%;  height: 350px; border-radius: 30px; }
.p030100 .hoverbox .hovertext { color: #fff; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.7); width: 100%;  padding: 15px; box-sizing: border-box;  opacity: 0;
	transition: opacity 0.35s ease-in-out; height: 100%; align-content: center; word-break: break-all; border-radius: 30px; text-align: center; padding: 50px;}
.p030100 .hoverbox:hover .hovertext { opacity: 1;}
.p030100 .hoverbox .hovertext h3 {font-size: 26px; padding-bottom: 0.4em; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; margin-bottom: 20px;    font-weight: 500;}
.p030100 .hoverbox .hovertext p {color: #ddd; margin: 5px 0; font-size: 20px; line-height: 30px; font-weight: 300; letter-spacing: -0.5px;}
.p030100 .hoverbox .hovertext p strong{color: #fff; font-weight: 500;}
.p030100 .hoverbox .hoverimg {position: relative;}
.p030100 .hoverbox .hoverimg .hoverT{    position: absolute;  top: 43%; left: 43%; color: #fff; font-size: 26px; text-align: center;}
.p030100 .hoverbox .hoverimg .hoverT span{ color: #78b7ff;    display: block;  font-size: 20px;  font-weight: 700;}

/*p030100 수정 부분 끝*/


/*p030200*/
.p030200{}
.support-gover > * {transform: translateY(20rem); opacity: 0;transition: 0.8s;}
.support-gover > *.active { transform: translateY(0);opacity: 1;}
.support-gover-banner { background: url(../images/sub/sub03/030200_bg.jpg) no-repeat center center/cover; border-radius: 2rem;padding: 4rem 7rem; position: relative;  height: 18rem;margin-bottom: 9rem;}
.support-gover-banner > img { position: absolute; right: 9.5rem; top: -5.2rem; width: 28rem;}
.support-gover-banner-txt {display: flex; flex-direction: column; height: 100%; justify-content: space-between;}
.support-gover-banner-txt-title { color: #fff;}
.support-gover-banner-txt-title > span {font-size: 4rem;}
.support-gover-banner-txt-title > span b {  font-weight: 700;}
.support-gover-banner-txt-title > p { margin-top: 1rem;}
.support-gover-banner-txt > p { font-weight: 500; color: #1d86ff;}
.support-gover-list > li { margin-bottom: 6rem;border-radius: 2rem; box-shadow: 0.2rem 0.4rem 1.2rem rgba(0, 0, 0, 0.12); padding: 5.5rem 6rem;  display: flex}
/*.support-gover-list > li:last-of-type {margin-bottom: 0;}*/
.support-gover-list-title { width: 37rem;}
.support-gover-list-title .label { color: #1d86ff;font-weight: 500; display: block; margin-bottom: 1.5rem;}
.support-gover-list-title > strong { font-size: 2.8rem; display: block; margin-bottom: 2.7rem;}
.support-gover-list-title p {color: #777; line-height: 1.6;  margin-bottom: 10px; font-size: 20px;}
.support-gover-list-title p b { color: #1d86ff;}
.support-gover-list-title p span {font-size: 16px; display: block;}
.support-gover-list-title > a {display: inline-block;  padding: 1.3rem 3.2rem; border-radius: 2.6rem; background: #1d86ff; color: #fff; font-size: 1.6rem;}
.support-gover-list-title > a i { margin-left: 3.5rem;}
.support-gover-list-txt { width: calc(100% - 34.6rem); padding-left: 17rem;}
.support-gover-list-txt > ul > li { display: flex;  padding: 1.6rem 0; border-top: 1px solid #ddd; font-size: 22px;}
.support-gover-list-txt > ul > li:first-of-type { border-top: 0; padding-top: 0;}
.support-gover-list-txt > ul > li > span { width: 10.5rem;  position: relative;}
.support-gover-list-txt > ul > li > span::before { content: ""; width: 1px; height: 2rem; background: #ddd; position: absolute;top: 0.3rem;  right: 0;}
.support-gover-list-txt > ul > li > div { width: calc(100% - 10.5rem); padding-left: 3.2rem; line-height: 1.5;}
.support-gover-list-txt > ul > li > div > a { word-break: break-all;}
.support-gover-list-txt > ul > li > div > a span {  font-weight: 500;}
.support-gover-list-txt > ul > li > div > a i { color: #1d86ff;}
.support-gover-list-txt-btn { display: inline-block; padding: 0.5rem 1.5rem; background: #1d86ff; border-radius: 2rem; color: #fff; font-size: 20px; margin-left:10px;}
.support-gover-list-txt-btn2 { display: inline-block; padding:5px 20px; background: #1d86ff; border-radius: 2rem; color: #fff; font-size: 16px; margin-left:10px;}
.support-gover-list-txt-btn i { color: #fff !important;  padding-left: 1rem;}
.support-gover-list-txt .orange { color: #1d86ff;}
.num-list > li {position: relative;  padding-left: 2.8rem;  counter-increment: list-number;}
.num-list > li::before { display: flex; content: counter(list-number); width: 1.8rem;  height: 1.8rem;background: #1d86ff; position: absolute; top: 0.4rem; left: 0; align-items: center;  justify-content: center;
	color: #FFF; font-size: 1.3rem; border-radius: 50%;}
.support_dl{display: flex;    border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.support_dt{flex-basis: 15%;  flex-shrink: 0;    display: flex; align-items: center; justify-content: center; border-right: 1px solid #ddd; padding-right: 2%;}
.support_dt h6 {font-size: 20px;}
.support_dd{flex-grow: 1; margin-left: 2%;}
.support_dd .support_dd_txt p{font-size: 17px;}
.support_p p{font-size: 18px;}
.support_p p::before{content: "•"; margin-right: 5px;}
.support_p span{font-weight: 500;}


/*p040100*/
.p040100 .subB { margin: 0; border: none;}
.p040100 p{color: #444; margin: 5px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.p040100 strong{font-weight: 700;}
.p040100 .p040100_s01 {display: flex; padding: 0 80px; border-left: 1px solid #ddd}
.p040100 .p040100_s01 p {width: calc(100% / 2);}
.p040100 .p040100_s01 p span{display: block; font-weight: 700; letter-spacing: 0; color: #222;}

/*p040200*/
.p040200 {text-align: center;}
.p040200 h1{font-weight: 800; font-size: 42px;}
.map { display: flex; justify-content: space-between; margin: 50px 0;}
.map .mapT h2 { border-bottom: 1px solid #ddd; padding: 10px 0; color: #1d86ff; font-size: 28px;}
.map .mapT p {color: #444; margin: 5px 0; font-size: 20px; line-height: 34px; font-weight: 400; letter-spacing: -0.5px;}
.mapTetc {border: 1px solid #ddd; background:#f6f5f5;   border-radius: 5px; padding: 30px 0;}
.mapTetc p {color: #666; font-size: 22px; letter-spacing: -0.5px;}
.mapTetc p span{margin: 0 50px;}
.map .mapL, .map .mapR {    width: calc(100% / 2); margin: 5px;}
.map .root_daum_roughmap_landing{    width:100% !important;}


@media(max-width:1920px) {

	.h1{font-size:37px; line-height:43px;}
	.subContent{ padding-top:100px;}
	#sub .sMenu ul a {	padding: 15px 30px; font-size: 18px;}
	.subB {	margin-top: 80px}
	.subC {}
	.subT {margin-bottom: 2%;}

	.business .p010200_s01 .s01L, .business .p010200_s01 .s01R, .business .p010200_s02 .s01L, .business .p010200_s02 .s01R,
	.business .p010200_s01 .s01L_eng, .business .p010200_s01 .s01R_eng, .business .p010200_s02 .s01L_eng, .business .p010200_s02 .s01R_eng{ width:500px;}
	.business .p010200_s01 .s01L_vi, .business .p010200_s01 .s01R_vi, .business .p010200_s02 .s01L_vi, .business .p010200_s02 .s01R_vi{ width:500px;}
	.business .p010200_s01_bg:before {width: 32%; top: 7%;}
	.business .p010200_s01_bg_eng:before {width: 32%; top: 7%;}
	.missionvision .p010100_s02 p span {display: block;}
	.missionvision .p010100_s01 .s01L2, .missionvision .p010100_s01 .s01R2 {width: 380px; height: 380px;}
	.missionvision .p010100_s03 .s03L, .missionvision .p010100_s03 .s03L2 , .missionvision .p010100_s03 .s03L3{height: 240px;}

	.ci .p010100_s03 .s01L {height: 710px;}

	.history .box .desc dl dd p {margin-bottom: 10px;}

	.award .p010300_s02 .p010300_s02D>div img { width: 90%; height: auto;}

	.companyintro .p010100_s01 .s01L, .companyintro .p010100_s01 .s01R { height: 400px;}

	.modes .p020100_s02 .s02L, .modes .p020100_s02 .s02L2, .modes .p020100_s02 .s02L3 {height: 250px;}
	.modes .p020100_s04 ul li img {height: 35%;}
	.modes .p020100_s04 ul li .litxt {padding: 0 20px;}
	.modes .p020100_s02 .Lbg p{font-size: 24px;}
	.modes .p020100_s01 .s01L h3, .modfection .p020300_s01 .s01L h3, .modtransfer .p020400_s01 .s01L h3, .modverlook .p020500_s01 .s01L h3, .modfarm .p020800_s01 .s01L h3 {font-size: 74px;}

	.modweb .p021100_s0 p {width: 220px; height: 220px;}

	.support-gover-banner {height: 14rem;}
	.support-gover-banner > img {right: 4.5rem;	top: -4.8rem; width: 24rem;}
	.support-gover-banner-txt-title > span {font-size: 3rem;}
	.support-gover-list-title > strong {font-size: 2.3rem;}
	.support-gover-banner-txt-title > p, .support-gover-banner-txt > p {font-size: 20px;}
	.support-gover-list > li {padding:3rem 5rem; margin-bottom: 3rem;}
	.support-gover-list-txt {width: calc(100% - 20px);padding-left: 5%;}
	.support-gover-list-txt > ul > li {	padding: 10px 0; font-size: 19px;}
	.support-gover-list-title p {line-height: 1.2; margin-bottom: 9px;}
	.support-gover-list-txt-btn {padding: 5px 22px;	font-size: 17px;}

	.p030100 .support .s01 li .litxt_icon {height: 65%;}
	.p030100 .support .s01 li .litxt a {padding: 0px 10px;}
	.p030100 .support .s01 li .litxt a img { width: 5%; margin-left: 6%;}
	.p030100 .support .s01 li .litxt a p {font-size: 17px;}
	.p030100 .support .s01 li .litxt h3 {font-size: 30px;}
	.p030100 .hoverbox .hovertext p { font-size: 17px;}

	.support-gover-list-txt > ul > li > span {width: 6.5rem;}
	.support-gover-list-txt > ul > li > div {padding-left: 2rem;}
	.support_dt {flex-basis: 8%;}
	.support_dt h6 {font-size: 16px;}
	.support_dd .support_dd_txt p {font-size: 15px;	}
	.num-list > li::before {width: 1.4rem; height: 1.4rem; font-size: 1.1rem;}
	.num-list > li {padding-left: 2rem;}


}


@media(max-width:1400px) {
	.subB {display: block;}
	
	.map{display: block;}
	.map .mapL, .map .mapR {    width:100%;}


}


@media(max-width:1280px) {

	.p030100 .support ul, .p030100 .box-wrap {display: block;}
	.p030100 .support ul li{width: 100%;}
	.p030100 .hoverbox {width: 100%;  margin: 50px 0;        box-sizing: border-box;}
	.p030100 .support .s01 li { justify-content: center;  margin: 50px 0; padding: 30px 10px; box-sizing: border-box;}
	.p030100 .support .s01 li .litxt {width: 56%; margin-left: 5%;} 
	.p030100 .support .s01 .eng_s01_li { justify-content: center;  margin: 50px 0; padding: 30px 10px; box-sizing: border-box;}
    .p030100 .support .s01 .eng_s01_li .litxt a p { font-size: 15px;}

	
	.support-gover-banner > img {  right: 0.5rem; top: -1.8rem;  width: 21rem;}
	.support-gover-list-title > strong { font-size: 22px;}
	.support-gover-list-title p {font-size: 18px;}
	.support-gover-list-title {width: 21.6rem;}
	


}


@media all and (max-width : 1024px){
	

}


@media all and (max-width : 960px){
	.companyintro .p010100_s01 .s01L, .companyintro .p010100_s01 .s01R { height: 300px;}

	.business .p010200_s01 .s01L, .business .p010200_s01 .s01R, .business .p010200_s02 .s01L, .business .p010200_s02 .s01R,
	.business .p010200_s01 .s01L_eng, .business .p010200_s01 .s01R_eng, .business .p010200_s02 .s01L_eng, .business .p010200_s02 .s01R_eng{ width: 350px; height: 180px; }
	.business .p010200_s01 .s01L_vi, .business .p010200_s01 .s01R_vi, .business .p010200_s02 .s01L_vi, .business .p010200_s02 .s01R_vi{ width: 350px; height: 180px; }
	.business .p010200_s03 .p010200_s03_F>div img {height: 25%;	}
	.p010200_s03_F >div {width: calc(100%/4);}
	.business .p010200_s03 .p010200_s03_F>div p {font-size: 16px;}

	.support-gover-banner {   height: 8rem; padding: 4rem; margin-bottom: 2rem; }
	.p030200eng {   height: 15rem;}
	.support-gover-banner > img { display: none;}
	.support-gover-list > li {display: block;}
	.support-gover-banner-txt-title > span {   font-size: 32px;}
    .support-gover-list-txt { width: 100%;  padding-left: 0;   margin-top: 5%; }
    .support-gover-list-txt > ul > li {  font-size: 16px;}

	.modes .p020100_s01 .s01L, .modfection .p020300_s01 .s01L, .modtransfer .p020400_s01 .s01L, .modverlook .p020500_s01 .s01L, .modfarm .p020800_s01 .s01L {flex-basis: 50%;}
	.modes .p020100_s01 .s01L h3, .modfection .p020300_s01 .s01L h3, .modtransfer .p020400_s01 .s01L h3, .modverlook .p020500_s01 .s01L h3, .modfarm .p020800_s01 .s01L h3 { font-size: 60px; }
	.modes .p020100_s01 .s01R img, .modfection .p020300_s01 .s01R img, .modtransfer .p020400_s01 .s01R img, .modverlook .p020500_s01 .s01R img, .modfarm .p020800_s01 .s01R img {}
}


@media all and (max-width : 640px){
	#sub .sub-visual{  height: 600px;}
	#sub .sub-visual .svTxt {padding-bottom: 38%;}
	#sub .sub-visual .svTxt h2 { font-size: 36px; }
	#sub .sub-visual .svTxt p { font-size: 18px; }

	.subContent {  padding-top: 20px;  }

	#sub h1 {   font-size: 30px;  }
	.subT h2 {font-size: 18px;}

	#sub .scroll_on {font-size: 18px;}

	.companyintro .p010100_s01 .s01L, .companyintro .p010100_s01 .s01R {   height: 200px; }
	.companyintro .p010100_s02 p, .missionvision .p010100_s02 p, .missionvision .p010100_s04 p, .ci .p010100_s02 p, .smartfactory p, .p020100 p, .p020200 p, .modfems .p020200_s02 .s02L2 ul li p, .modfection .p020300_s02 p
	, .modtransfer .p020400_s02 p, .modtransfer .p020300_s04 .s03 .s03L p, .p020900 p, .modsafer .p021000_s0 p,.p030100 .support .s01 li .litxt p {font-size: 16px; line-height: 25px;}
	.missionvision .p010100_s01 .s01L2, .missionvision .p010100_s01 .s01R2 { width: 200px; height: 200px; }

	.missionvision .p010100_s01 .s01L2 .Lbg p, .missionvision .p010100_s01 .s01R2 .Rbg p,.modes .p020100_s02 .Lbg p {font-size: 22px;}
	.missionvision .p010100_s01 .s01L2 .Lbg span, .missionvision .p010100_s01 .s01R2 .Rbg span, .modes .p020100_s02 .Lbg span {font-size: 16px;}
	.missionvision .p010100_s03 .s03L .Lbg p, .missionvision .p010100_s03 .s03L2 .Lbg p, .missionvision .p010100_s03 .s03L3 .Lbg p {font-size: 20px;}
	.missionvision .p010100_s03 .s03L, .missionvision .p010100_s03 .s03L2, .missionvision .p010100_s03 .s03L3 { height: 200px;}
	.ci .p010100_s01 .s01L:nth-child(1) {height: 50px;}
    .ci .p010100_s03 .s01L:nth-child(2) {height: 300px; }
	.ci .p010100_s03 .s01L {height: 300px;}


	.history .box .desc dl dd p {font-size: 15px;}
	.history .box:nth-child(odd) .desc {padding: 30px 0 0 20px;}
	.history .box:nth-child(even) .desc {padding: 30px 20px 0 0;}

	.award .p010300_s02 .p010300_s02D>div p {font-size: 16px;}
	.award .p010300_s02 {margin-bottom: 0;}

	.modes .p020100_s04 ul, .modem .p020900_s03 ul {display: block;}
	.modes .p020100_s04 ul li, .modem .p020900_s03 ul li {	width: 100%;}
	.modes .p020100_s04 ul li img {  width: 24%;}

	.modfems .p020200_s02 {display: block;}
	.modfems .p020200_s02 .s02L2 ul {display: block; padding: 10px;}
	.modfems .p020200_s02 .s02L2 ul li {width: 100%;}

	.modverlook .p020500_s02 {display: block;}
	.modverlook .p020500_s02 .s02L2 ul li {	margin: 10px 0;}

	.modem .p020900_s03 ul li img {  width: 16%;}

	.modweb .p021100_s0 p { width: 100px;  height: 100px;  font-size: 16px;  text-align: center;}

	.p030100 .support .s01 li .litxt_icon {  width: 24%;}
	.p030100 .support .s01 li .litxt a {right: 8%;}
	.p030100 .support .s01 li .litxt { margin-left: 0;}
	.p030100 .support .s01 li .litxt h3 { font-size: 22px;}
	.p030100 .hoverbox .hovertext p {line-height: 24px;}
	.p030100 .hoverbox .hovertext {padding: 24px;}

	.support-gover-banner {  padding: 2rem;}
	.support-gover-banner-txt-title > span {font-size: 26px;}
	.support-gover-banner-txt-title > p, .support-gover-banner-txt > p { font-size: 18px;}
	.support-gover-list > li { padding: 2rem;}

	.p040100 .p040100_s01 {padding: 20px;}

	.modes .p020100_s01, .modfection .p020300_s01, .modtransfer .p020400_s01, .modverlook .p020500_s01, .modfarm .p020800_s01   {	display: block;}
    .modes .p020100_s01 .s01L h3, .modfection .p020300_s01 .s01L h3, .modtransfer .p020400_s01 .s01L h3, .modverlook .p020500_s01 .s01L h3, .modfarm .p020800_s01 .s01L h3 {  font-size: 30px; }

}

@media all and (max-width : 500px){

	.business .p010200_s01 .s01L, .business .p010200_s02 .s01L {    margin-right: 0;}
    .business .p010200_s01 .s01L, .business .p010200_s01 .s01R, .business .p010200_s02 .s01L, .business .p010200_s02 .s01R,
	.business .p010200_s01 .s01L_eng, .business .p010200_s01 .s01R_eng, .business .p010200_s02 .s01L_eng, .business .p010200_s02 .s01R_eng{ width: 180px;  height: 100px; }
	.business .p010200_s01 .s01L_vi, .business .p010200_s01 .s01R_vi, .business .p010200_s02 .s01L_vi, .business .p010200_s02 .s01R_vi{ width: 180px;  height: 100px; }
    .business .p010200_s03 .p010200_s03_F>div img { height: 20%; }

}