@charset "utf-8";

/* vision */
.vision {background:url(../images/company/vision_bg.gif) no-repeat center top #fff !important;}
.vision-area p {width:100%; text-align:center; box-sizing:border-box;}
.vision-area p img {max-width:100%;}
.vision-area .imgbox {width:1035px; height:232px;margin:55px auto 0; padding-top:72px;background:url(../images/company/vision_img1.png) no-repeat center top;text-align:center; color:#fff;box-sizing:border-box}
.vision-area .imgbox dt {font-size:18px;}
.vision-area .imgbox dd {font-size:24px; margin-top:17px}
.vision-area .visioin-list {width:100%; text-align:center;}
.vision-area .visioin-list li {position:relative; margin-top:52px;}
.vision-area .visioin-list span.tit {display:block; color:#333; padding-top:37px;}
.vision-area .visioin-list li:before {content: ''; width:26px; height:13px; position:absolute; top:0; left:50%; margin-left:-13px; background:url(../images/company/vision_arr.png) no-repeat; } 
.vision-area .visioin-list li span.txt {display:block; font-size:24px; line-height:38px; margin-top:16px}
.vision-area .visioin-list li.bg {margin:50px auto 0;}

/* mission 2017-08-21 */
#container.mission {background-image: url(../images/company/mission_bg.gif); background-repeat: no-repeat; background-position: center bottom 0;}/*2017-09-07*/
.mission .contents {padding-bottom: 70px;}
.mission-area {margin-top:10px;text-align:center;}
.mission-area > img {max-width:100%;}
.mission-area .img_m {display:none;}
.mission-area p {width:100%; text-align:center; box-sizing:border-box;}
.mission-area p img {max-width:100%;}
.mission-area .imgbox {width:1035px; height:282px;margin:0px auto; padding-top:60px;background:url(../images/company/mission_img1.png) no-repeat center top;text-align:center; color:#fff;box-sizing:border-box}
.mission-area .mission-list {width:100%; text-align:center;}
.mission-area .mission-list > li {position:relative; margin-top:52px;}
.mission-area .mission-list > li:first-child {margin-top: 0px;}
.mission-area .mission-list > li span.tit {display:block; color:#333; padding-top:60px;font-weight:600;}
.mission-area .mission-list > li:first-child span.tit {padding-top: 0px;}
.mission-area .mission-list > li:before {content: ''; width:26px; height:13px; position:absolute; top:0; left:50%; margin-left:-13px; background:url(../images/company/vision_arr.png) no-repeat; } 
.mission-area .mission-list > li:first-child:before {display: none;} 
.mission-area .mission-list > li span.txt {display:block; font-size:24px; line-height:38px; margin-top:16px}
.mission-area .mission-list > li.bg {margin:50px auto 0;}
.mission-area .mission-list > li .core_value {position: absolute; top: 340px; left: 0px; width: 100%; text-align: left;}
.mission-area .mission-list > li .core_value li {display: inline-block; width: 230px; margin-left: 130px; font-size: 13px; line-height: 1.8;}
.mission-area .mission-list > li .core_value li:first-child {margin-left: 20px;}
.mission-area .mission-list > li .core_value li .tit {font-size: 20px;}

/* ceo */
.ceo-area .ceo-cont dt.txt {font-size:18px; line-height:30px}
.ceo-area .ceo-cont dd.txt {margin-bottom:20px;line-height:32px; }
/*.ceo-area .ceo-cont .txt_box .t_line {margin-top:40px; position:absolute; width:100px; height:2px; background-color:#000}*/
.ceo-area .ceo-cont div p {padding-bottom:35px; line-height:32px;font-weight:300;}
.ceo-area .ceo-cont .ceo_img {width:440px; height:504px; background:url(../images/company/ceo_img1.png?v20250224) no-repeat}	/* 2022-05-23 수정 : width:655px; height:439px; */
.ceo-area .ceo-cont .cj_img {width:660px; height:578px; background:url(../images/company/ceo_img2.png?v20200529) no-repeat}
.ceo-area .ceo-cont .ceo-mtitle {position: relative;font-size: 20px;color: #333;line-height: 35px;padding-bottom:60px;letter-spacing: -2px;font-weight:500;} 	/* 2022-05-23 수정 : padding-bottom: 35px; */
.ceo-area .ceo-cont .ceo-contents{word-break:keep-all;}
.ceo-area .ceo-cont .ceo-contents > strong {font-weight:400;}

.organogram {background:url(../images/company/organogram_bg.gif) no-repeat center bottom !important;}
.organogram-area {width:1100px;height: 758px;margin:0 auto;background:url(../images/company/organogram_img.png) 0 0 no-repeat;}

.year-tab {width:100%; padding-bottom:20px; border-bottom:1px solid #d9d9d9}
.year-tab div {margin:0 auto;}
.year-tab a {display:inline-block; width:11.1%; text-align:center;color:#808080;font-weight:500;} /* 2021-10-20 수정 : width 수정 */
.year-tab a:first-child {margin-left:0}
.year-tab a:hover {color:#916b4a;}
.year-tab.type2 a {width: 10%;}
/*.year-tab.type2 a:first-child {width:12%}*/

.tab {text-align:center; margin:30px auto 36px}
.tab li {display:inline-block; border:1px solid #916b4a; height:34px; margin-left:-5px; box-sizing:border-box; text-align:center}
.tab li a {display:block; line-height:32px; color:#916b4a; font-size:15px; text-align:center}
.tab li:first-child {width:165px;}
.tab li:last-child {width:164px;}
.tab li.on {background:#916b4a}
.tab li.on a {color:#fff}

.history section {position:relative;}
.history section .tit {font-size:50px; font-weight:500; color:#333; }
.history section ul {margin-top:24px}
.history section ul li {margin-top:18px}
.history section ul li:first-child {margin-top:0}
.history section ul li .date {display:block;font-weight:400;}
.history section ul li .text {display:block; padding-left:10px; margin-top:8px; word-break:keep-all; font-weight:300;}
.history section dl {margin-top:25px;}
.history section dl:first-child {margin-top:0}
.history section dl dt {font-size:15px; color:#333; font-weight:500;}
.history section dl dd ul {margin-top:3px; padding-left:10px}
.history section dl dd ul li {margin-top: 0; line-height: 32px; padding-left: 10px; text-indent: -10px;}
.history section img {max-width:100%}
.fullbg {width:100%; display:table; }
.fullbg.type1 {background:url(../images/company/history_bg1.jpg) no-repeat center 0; }
.fullbg.type2 {background:url(../images/company/history_bg2.jpg) no-repeat center 0; }
.fullbg p {display:table-cell; height:280px; text-align:center; vertical-align:middle; color:#fff; font-size:24px; line-height:38px;}


@media all and (min-width:1600px) {
	.fullbg.type1 {background-size:cover}
	.fullbg.type2 {background-size:cover}
}

@media all and (min-width:1280px) {
	.vision-area .imgbox {}
	.vision-area .visioin-list .bg {width:991px; height:411px;background:url(../images/company/vision_img2.png) no-repeat 0 84px}

	.mission-area .mission-list .bg {width:991px; height: 490px;background:url(../images/company/mission_img2.png) no-repeat 0 110px}/*2017-09-07*/
	.mission-area .mission-list .bg2 {height: 180px;background: url(../images/company/mission_img3.png) no-repeat 50% 125px}/*2017-09-07*/

	.organogram {background-size:cover}

	.ceo {overflow:hidden}
	.ceo-area .ceo-cont .txt_box {width:49%;padding-right:80px; display:inline-block; position:absolute; left:0;}
	.ceo-area .ceo-cont .img_box {width:50%; position:absolute; display:inline-block; left:600px}
	.ceo-area .ceo-cont .txt_box2 {vertical-align:top; padding:554px 0 0 0; width:100%; /*height:600px*/}		/* 2022-05-23 수정 : padding:510px 0 0 530px */
	.ceo-area .ceo-cont .img_box2 {position:absolute;bottom:200px; margin-top:657px; left:-170px;}
	.ceo-area .ceo-cont .bratt {display:block}

	.history section ul li .text.twoline {width:300px}		/* 2018-03-30 추가 - 두줄로 떨어지게 */

	.year-tab div {max-width:1100px;}
	.history-b1, .history-b2, .history-b3, .history-b4, .history-b5, .history-b6, .history-b7, .history-b8 {margin:0 auto; max-width:1100px; }		/* 2021-10-20 history-b6 추가 */
	.history-b1 {height:700px;margin-top:40px}	/* 2021-10-20 margin-top 추가 */
	.history-b2 {height:682px;position:relative;}
	.history-b3 {height:381px;}
	.history-b1 .img {position:absolute; left:0; top:40px}
	.history-b1 .cont {padding:0 0 0 700px; }
	.history-b2 .cont {padding:0 }
	.history-b3 .cont  {padding:57px 0 0 720px; }
	.history-b2 .img {position:absolute; top:0; right:11px;}
	.history-b2 .img span {display:block; text-align:right} 
	.history-b2 .img span:first-child {position:relative; z-index:2}
	.history-b2 .img span:last-child {margin-top:-31px; margin-right:70px; }
	.history-b3 .img {position:absolute; left:89px; top:80px}
	.history-b4 .cont {padding:0 0 100px 0}
	.history-b4 .img {position:absolute; right:-54px; top:70px}
	.history-b5 {margin-top: 40px;}
	.history-b5 .cont {padding: 0 670px 100px 0;}
	.history-b5 .img {position: absolute; right: 0px; top: -20px;}	/* 2021-10-20 top 변경 */

	.history-b6 {margin-top: 80px;}
	.history-b6 .cont {padding: 30px 0 120px 680px}
	.history-b6 .img {position: absolute; left: 0px; top: 0;}


	.history-b7 {margin-top: 80px;}
	.history-b7 .cont {width:500px;padding: 8px 0 26px}
	.history-b7 .img {position: absolute; right: 0px; top: 0;}

	.history-b8 {margin-top: 80px;}
	.history-b8 .cont {padding: 143px 0 150px 703px}
	.history-b8 .img {position: absolute; left: 0px; top: 0;}

	.history-r1, .history-r2, .history-r3, .history-r4, .history-r6, .history-r7, .history-r8, .history-r2020 {margin: 0 auto; max-width: 1100px;}
	.history-r1 {padding-top:36px}
	.history-r1 .cont {padding: 0 0 70px 550px;}
	.history-r1 .img {position:relative; }
	.history-r1 .img span:first-child {position:absolute; left:36px; top:22px; z-index:2 }
	.history-r1 .img span:last-child {position:absolute; left:-174px; top:249px; z-index:1 }
	.history-r2 {margin-top:50px; padding-top:50px}
	.history-r2 .cont {padding-bottom: 80px;}
	.history-r2 .img {position:absolute; top:68px; right:12px}
	.history-r3 {margin-top:16px; padding-top: 30px}
	.history-r3 .cont {padding:0 0 50px 550px}
	.history-r3 .img {position:absolute; top:40px; left:-250px}
	.history-r4 {padding-top:18px; margin-bottom: 20px}
	.history-r4 .cont {padding-bottom: 40px;}
	.history-r4 .img {position:absolute; top: 50px; right:65px;}
	.history-r5 {margin-top:25px; padding-top:50px}
	.history-r5 .cont  {margin:0 auto; max-width:1100px; }
	.history-r5 .img {position:absolute;top:73px; width:100%; height:454px; overflow:hidden}
	.history-r5 .img img {position:absolute;left:50%;}
	.history-r6 {margin-top: 250px; padding-top: 50px;}
	.history-r6 .cont {padding-left:550px}
	.history-r6 .img {position:relative;}
	.history-r6 .img span:first-child {position:absolute; left:216px; top:-200px; z-index:2 }
	.history-r6 .img span:last-child {position:absolute; left:-146px; top:-5px; z-index:1 }
	.history-r7 {margin-top: 30px;}
	.history-r8 {position:relative; }
	.history-r8 .cont {padding-top: 390px; margin-top: -320px; padding-bottom: 95px;}
	.history-r8 .img {position:absolute; right:0; top:163px}

	.history-r2018 {position:relative; padding-top:30px}
	.history-r2018 .cont {margin:0 auto;max-width:1100px;padding-bottom:50px}
	.history-r2018 .img {position:absolute; top:30px; width:100%;height:392px;overflow:hidden}
	.history-r2018 .img img {position:absolute;left:50%}

	.history-r2020 {min-height: 350px; margin-top: 16px; padding: 40px 0 70px;}
	.history-r2020 .cont {padding: 0 0 0 550px;}
	.history-r2020 .img {position: absolute; top: 40px; left: -90px;}
}

@media all and (max-width:1279px) {
	.vision {background:url(../images/company/vision_bg_t.gif) no-repeat center top;}
	.vision-area .visioin-list .bg {width:743px; height:393px; background:url(../images/company/vision_img2_t.png) no-repeat center 84px; background-size:100%}

	/*2017-09-07*/
	/* #container.mission {background-position: 50% 1120px;} */
	.mission-area .mission-list .bg {width:743px; height: 510px; background:url(../images/company/mission_img2_t.png) no-repeat center 115px; background-size:95%}
	.mission-area .mission-list .bg2 {height: 165px; background: url(../images/company/mission_img3_t.png) no-repeat center 110px;}
	.mission-area .mission-list > li .core_value {top: 360px;}
	.mission-area .mission-list > li .core_value li {width: 180px; margin-left: 60px;}
	.mission-area .mission-list > li .core_value li:first-child {width: 190px; margin-left: 35px;}
	.mission-area .mission-list > li .core_value li:last-child {width: 205px;}
	/*// 2017-09-07*/

	.ceo-area .ceo-cont .bratt2 {display:block}
	.ceo-area .ceo-cont .txt_box {padding:0 50px}
	.ceo-area .ceo-cont .txt_box .t_line {margin-top:40px; display:block}
	.ceo-area .ceo-cont .txt_box br {display:none}
	.ceo-area .ceo-cont dd.txt {padding-left:0; padding-top:20px}
	.ceo-area .ceo-cont .img_box, .ceo-area .ceo-cont .img_box2 {width:100%; margin:50px auto 0}
	.ceo-area .ceo-cont .ceo_img, .ceo-area .ceo-cont .cj_img {margin:0 auto}
	.ceo-area .ceo-cont .txt_box2 {padding:50px 50px 0 50px; font-size:16px}
	.ceo-area .ceo-cont .txt_box2 p:last-child {padding:0}
	/*.ceo-area .ceo-cont .ceo_img {width:655px; height:448px; background:url(../images/company/ceo_img1_t.png?v20200529) no-repeat}  2022-05-23 삭제 */
	.ceo-area .ceo-cont .cj_img {width:660px; height:578px; background:url(../images/company/ceo_img2_t.png?v20200529) no-repeat}
	.organogram-area {width:668px;height: 1141px;background:url(../images/company/organogram_img_t.png) 0 0 no-repeat;}

	.year-tab div  {/*padding:0 50px*/}
	.history section h4 {padding-left:0}
	.history-b1 .img {padding-left:50px}
}

@media all and (min-width:768px) and (max-width:1279px) {
	.history-b1 .cont {padding: 28px 50px 100px;}
	.history-b2 {margin-bottom: 560px;}
	.history-b2 .cont {padding: 0 50px; box-sizing:border-box; overflow: hidden;}
	.history-b2 .cont .box {float: left; width: 50%;}
	.history-b2 .img span:first-child {position: absolute; bottom: -170px; right: 80px; z-index: 2;}
	.history-b2 .img span:last-child {position: absolute; bottom: -540px; right: 39px; z-index: 1;}
	.history-b3 .cont {width: 43%; padding: 61px 0 0 50px;}
	.history-b3 {min-height:620px}
	.history-b3 .img {position:absolute; bottom:0}
	.history-b4 {min-height:1158px; margin-top:-617px;padding-left:50%; padding-top:50px; box-sizing:border-box;}
	.history-b4 .cont {position:absolute; right:50px;}
	.history-b4 .img {width:100%; position:absolute; left:0; top:672px;  text-align:right}
	.history-b4 .cont {text-align:left;}
	.history-b5 .img {padding: 30px 50px 0;}
	.history-b5 .cont {padding: 28px 50px 100px;}

	.history-b6 .img {padding: 30px 50px 0}
	.history-b6 .cont {padding: 28px 50px 100px;}

	.history-b7 .img {padding: 30px 50px 0}
	.history-b7 .cont {padding: 28px 50px 100px;}

	.history-b8 .img {padding: 30px 50px 0}
	.history-b8 .cont {padding: 28px 50px 100px;}

	.history-r1 .cont {padding-left:31%; padding-top:8px}
	.history-r1 .img {position:relative; padding-left:50px }
	.history-r1 .img span:last-child {display:none }
	.history-r2 {margin-top: 70px; padding:0 50px; box-sizing:border-box}
	.history-r2 .img {text-align:right; padding-top:30px}
	.history-r3 {margin-top:80px}
	.history-r3 .cont {padding-left: 20%; padding-top:3px}
	.history-r4 {margin-top: 80px; padding-left: 50px; margin-bottom: 20px; box-sizing: border-box;}
	.history-r4 .cont {padding-top:300px}
	.history-r4 img {position:absolute; top:0}
	.history-r5 .img {position:absolute;top:73px; width:100%; height:454px; overflow:hidden}
	.history-r5 .img img {position:absolute;left:19%;}
	.history-r5 .cont {padding:534px 0 0 50px;box-sizing:border-box}
	.history-r6 {margin-top: 50px; padding-top:376px}
	.history-r6 .cont {padding-left: 29%}
	.history-r6 .img {position:relative;}
	.history-r6 .img span:first-child {position:absolute; left:449px; top:-344px; z-index:2 }
	.history-r6 .img span:last-child {position:absolute; left:15px; top:-200px; z-index:1 }
	.history-r7 {margin-top: 60px; padding-left:50px; box-sizing:border-box}
	.history-r8 {margin-top: 60px; padding-bottom:410px; padding-left:50px; box-sizing:border-box}
	.history-r8 .img {position:absolute; right:0px; top:168px; overflow:hidden; text-align:right}
	.history-r8 .img img {max-width:90% !important; margin-right:-10px}

	.history-r2018 {padding-bottom:80px}
	.history-r2018 .cont {padding-left:50px}
	.history-r2018 .img {text-align:center}
	.history-r2018 .img img {max-width:90%}

	.history-r2020 {margin-top: 50px; padding-bottom: 80px;}
	.history-r2020 .cont {padding-left: 50px;}
	.history-r2020 .img {padding-left: 50px;}
}

@media all and (max-width:1100px) {
	.vision-area .imgbox {height:272px; width:100%; background:url(../images/company/vision_img1_t.png) no-repeat bottom top;}
	.mission-area .imgbox {width:100%; background:url(../images/company/mission_img1_t.png) no-repeat bottom top;}/*2017-08-21*/
}

@media all and (max-width:940px){
	.history-r8 {padding-bottom:100px}
	.history-r8 .img {position:relative; left:0; text-align:left; top:0; margin-top:35px;}
}

@media all and (max-width:800px) {
	.history-b3 .img {width:56%}
}

@media all and (max-width:767px) {
	.vision {background:none !important}
	.vision-area .imgbox {height:241px; padding-top:68px;background:url(../images/company/vision_img1_m.png) no-repeat center bottom; background-size:cover}
	.vision-area .imgbox dd {font-size:22px; line-height:32px}
	.vision-area .visioin-dl dt. .vision-area .visioin-dl dt {font-size:15px}
	.vision-area .visioin-dl dt {font-size:16px}
	.vision-area p {padding:0 15px;}
	.vision-area .visioin-list {padding:0 20px; box-sizing:border-box}
	.vision-area .visioin-list li {margin-top:40px;}
	.vision-area .visioin-list .bg {width:259px; height:706px;background:url(../images/company/vision_img2_m.png) no-repeat center 99px; background-size:100%}
	.vision-area .visioin-list li span.txt {font-size:16px; line-height:25px; }
	.vision-area .visioin-list span.tit {padding-top:50px; font-size:16px; line-height:26px}

	/*2017-08-21*/
	.mission {background:none !important}
	.mission .contents {padding-bottom: 80px;}
	.mission-area {margin-top:0;padding:0 17px;}
	.mission-area .img_pc {display:none;}
	.mission-area .img_m {display:inline-block;}
	.mission-area .imgbox {height:241px; padding-top:68px;background:url(../images/company/mission_img1_m.png) no-repeat center bottom; background-size:cover}
	.mission-area .imgbox img {width: 235px;}
	.mission-area .mission-dl dt. .mission-area .mission-dl dt {font-size:15px}
	.mission-area .mission-dl dt {font-size:16px}
	.mission-area p {padding:0 15px;}
	.mission-area .mission-list {padding:0 20px; box-sizing:border-box}
	.mission-area .mission-list > li {margin-top:40px;}
	.mission-area .mission-list .bg {width: 259px; height: 680px; background: url(../images/company/mission_img2_m.png) no-repeat center 99px; background-size: 100%;}/*2017-09-07*/
	.mission-area .mission-list .bg2 {width: 259px; height: 328px; background: url(../images/company/mission_img3_m.png) no-repeat center 95px; background-size: 70%; margin: 50px auto 0;}/*2017-09-07*/
	.mission-area .mission-list > li span.txt {font-size:16px; line-height:25px; }
	.mission-area .mission-list > li span.tit {padding-top:50px; font-size:16px; line-height:26px}
	.mission-area .mission-list > li .core_value {display: none;}
	/*// 2017-08-21*/

	.ceo-area .ceo-cont .txt_box, .ceo-area .ceo-cont .txt_box2 {padding:0 15px}
	.ceo-area .ceo-cont .txt_box2 p {font-size:14px; line-height:23px}
	.ceo-area .ceo-cont p.ceo-contents {padding-bottom:24px;font-size:14px;line-height:23px;}			/* 2022-05-23 추가 */
	.ceo-area .ceo-cont dd.txt {padding-left:0; padding-top:20px; font-size:14px; line-height:23px}
	.ceo-area .ceo-cont dt.txt {font-size:14px; line-height:23px}
	/*.ceo-area .ceo-cont .ceo_img {margin:0; width:70%; background:url(../images/company/ceo_img1_m.png?v20200529) no-repeat center center; background-size:100%;margin-left:15%}*/
	.ceo-area .ceo-cont .ceo_img {margin:0; width:70%; background:url(../images/company/ceo_img1_m.png?v20250224) no-repeat center center; background-size:auto 100%;margin-left:15%}
	.ceo-area .ceo-cont div p:last-child {padding-bottom:0}
	.ceo-area .ceo-cont .cj_img {margin:0; width:70%; background:url(../images/company/ceo_img2_m.png?v20200529) no-repeat center center; background-size:100%; position:absolute; right:0}
	.ceo-area .ceo-cont .img_box2 {margin-top:80px; height:450px}
	
	.ceo-area .ceo-cont .img_box, .ceo-area .ceo-cont .img_box2 {width:100%; margin:0 auto}
	.ceo-area .ceo-cont .img_box{margin:40px auto;}				/* 2022-05-23 추가 */
	.ceo-area .ceo-cont .ceo-mtitle {font-size: 18px;line-height: 24px;letter-spacing: -1px;padding-bottom: 20px;}

	.organogram {background-size: 130% auto !important;}
	.organogram-area {width:287px;height: 704px;background:url(../images/company/organogram_img_m.png) 0 0 no-repeat;background-size:100% auto;}/* 2017-12-12 */

	.year-tab {padding-bottom:10px;overflow-x:auto;border-bottom:0;}
	.year-tab div {padding:0; background:url(../images/company/history_tab_bg.gif) 0 31px repeat-x;}
	.year-tab a {font-size:14px;width:16.66%;} 

	.year-tab.type2 {border-bottom:0}
	.year-tab.type2 a {width:16.6%;}
	.year-tab.type2 a:first-child {width:16.6%;}
	.tab {margin:50px auto 42px}
	.tab li {height:40px; }
	.tab li a {line-height:36px; font-size:16px; }
	.tab li:first-child {width:144px;}
	.tab li:last-child {width:144px;}

	.history {padding-bottom:60px;}
	.history section .tit {font-size:25px;}
	.history section ul {margin-top:14px}
	.history section ul li {margin-top:8px}
	.history section ul li .text {font-size:14px; padding-left:7px; margin-top:0px;}
	.history section ul li .date {font-size:14px; }
	.history section img {max-width:100%}
	.fullbg {width:100%; display:table; }
	.fullbg.type1 {background-size:cover }
	.fullbg p {height:140px; font-size:14px; line-height:23px  }

	/*.history-b1 .img {width:70%; padding-left:0; margin:0 auto}
	.history-b1 .cont {padding:28px 15px 0; text-align:left; box-sizing:border-box}
	.history-b2 {padding-top:25px; margin-top:0;padding-left:15px;margin-bottom:40px; box-sizing:border-box}
	.history-b2 .cont .box:first-child {margin-bottom: 20px;}
	.history-b2 .img {margin-bottom:25px}
	.history-b2 .img img { text-align:center;}
	.history-b2 .img span {display:block;}
	.history-b2 .img span:first-child img {display:none}
	.history-b2 .img span:last-child img {max-width:80%}
	.history-b2 .img span:first-child {position:relative; z-index:1;text-align:right; padding-right:25px}
	.history-b2 .img span:last-child {z-index:1; text-align:center; margin-top:30px}
	.history-b3 .cont {padding:35px 0 0 15px; box-sizing:border-box }
	.history-b3 .img {width:100%;position:relative; text-align:center; box-sizing:border-box; }
	.history-b3 .img img {max-width:70%}
	.history-b4 {padding-top:35px; padding-bottom:100px;}
	.history-b4 .cont {position:relative; padding-left:15px; right:0;box-sizing:border-box}
	.history-b4 .img {text-align:center;margin-bottom:25px}
	.history-b4 .img img {max-width:70%}
	.history-b5 .img {width: 70%; padding-left: 0; margin: 0 auto;}
	.history-b5 .cont {padding: 28px 15px 50px; box-sizing: border-box;}*/


	.history-b2 .cont .box:first-child {margin-bottom: 20px;}
	.history-b2 .img {margin-bottom:25px}
	.history-b2 .img img { text-align:center;}
	.history-b2 .img span {display:block;}
	.history-b2 .img span:first-child img {display:none}
	.history-b2 .img span:first-child {position:relative; z-index:1;text-align:right; padding-right:25px}
	.history-b2 .img span:last-child {z-index:1; text-align:center; margin-top:30px}
	.history-b3 .img {width:100%;position:relative; text-align:center; box-sizing:border-box; }
	.history-b3 .img img {max-width:100%}


	.history section dl {margin-top:18px;}
	.history section dl:first-child {margin-top:0}
	.history section dl dt {font-size:14px; margin-bottom:10px}
	.history section dl dd ul li {font-size:14px; line-height:23px}
	.history section[class*="history-"] {margin-top: 50px;}
	.history section[class*="history-"] .img,
	.history section[class*="history-"] .cont {padding-left: 15px; padding-right: 15px; margin-bottom: 10px;}
	.history section[class*="history-"] .cont li {padding-left: 7px; text-indent: -7px;}
	.history-r1 .img img {width: 85%;}
	.history-r1 .img span:last-child {display:none }
	.history-r2 .img {text-align: right; padding-top: 10px; padding-right:10px}
	.history-r2 .img img {width: 90%;}
	.history-r3 .img {padding: 0 !important;}
	.history-r4 .img {text-align: right; padding-top: 10px;}
	.history-r4 .img img {width: 85%;}
	.history-r5 .img {padding: 0 0 0 15px !important;}
	.history-r6 .img span:first-child {text-align: right; display: block;}
	.history-r6 .img span:first-child img {max-width: 50%;}
	.history-r6 .img span:last-child {display: none;}
}

@media all and (max-width:580px) {
	.ceo-area .ceo-cont .ceo_img {width:70%; height:400px;}	/* 2022-05-23 수정  height:315px;*/
	.ceo-area .ceo-cont div p:last-child {padding-bottom:0}
	.ceo-area .ceo-cont .cj_img {margin-top:30px; width:70%; height:289px; background:url(../images/company/ceo_img2_m.png?v20200529) no-repeat center center; background-size:100%}
	.ceo-area .ceo-cont .img_box2 {height:300px}
}

@media all and (max-width:420px) {
	.ceo-area .ceo-cont .cj_img {width:70%; height:289px; background:url(../images/company/ceo_img2_m.png?v20200529) no-repeat center center; background-size:100%}
	.ceo-area .ceo-cont .img_box2 {height:250px}
}

@media all and (max-width:400px) {
	.vision-area .visioin-list li br {display:none}
}

@media all and (max-width:375px) {
	/*.ceo-area .ceo-cont .ceo_img {height:220px}*/
	.ceo-area .ceo-cont .ceo_img {height:252px;margin:40px auto 40px;background-size:auto 100%;}		/* 2022-05-23 수정 */
	.ceo-area .ceo-cont div p:last-child {padding-bottom:0}
	.ceo-area .ceo-cont .cj_img {margin-top:0; width:70%; height:289px; background:url(../images/company/ceo_img2_m.png?v20200529) no-repeat center center; background-size:100%}	
	.ceo-area .ceo-cont .img_box2 {height:200px}

	.history section ul li .text.twoline {width:220px}
}