@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; font-family:NotoSansCJKkr-Medium;}
.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;font-family:NotoSansCJKkr-Medium;}
.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-09-07*/
#container.mission {background-image: url(../images/company/mission_bg.gif); background-repeat: no-repeat; background-position: center bottom 0;}
.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-family:NotoSansCJKkr-Medium;}
.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: 200px; margin-left: 170px; font-size: 13px; line-height: 1.8;}
.mission-area .mission-list > li .core_value li:first-child {margin-left: 25px;}
.mission-area .mission-list > li .core_value li .tit {font-size: 20px; line-height: 1.3;}
/*// mission 2017-09-07*/

/* ceo */
.ceo-area .ceo-cont dt.txt {font-size:18px; line-height:30px}
.ceo-area .ceo-cont dd.txt {margin-top: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:32px; line-height:32px;}
.ceo-area .ceo-cont .ceo_img {width:440px; height:504px; background:url(../images/company/ceo_img1.png?v20250820) no-repeat}
.ceo-area .ceo-cont .cj_img {width:660px; height:578px; background:url(../images/company/ceo_img2.png) 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;}

.organogram {background:url(../images/company/organogram_bg.gif) no-repeat center bottom !important;}
.organogram-area {width:1100px;height:440px;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:600;}
.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-family:NotoSansCJKkr-Medium; 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-family:NotoSansCJKkr-Medium; }
.history section ul li .text {display:block; padding-left:10px; margin-top:8px}
.history section dl {margin-top:25px;}
.history section dl:first-child {margin-top:0}
.history section dl dt {font-size:15px; color:#333; font-family:NotoSansCJKkr-Medium;}
.history section dl dd ul {margin-top:3px; padding-left:10px}
.history section dl dd ul li {margin-top:0; line-height:32px; text-indent:-10px; margin-left: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:447px;background:url(../images/company/vision_img2.png) no-repeat 0 110px}

.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: 310px;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:48%;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:548px 0 0 0; width:100%;}
.ceo-area .ceo-cont .img_box2 {position:absolute;top:140px; margin-top:590px; left:-170px;}/*2017-09-07*/
.ceo-area .ceo-cont .bratt {display:block}

.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; }
.history-b1 {margin-top:107px}
.history-b1 .img {position:absolute; left:0; top:136px}
.history-b1 .cont {padding:0 0 0 703px;}
.history-b2 {margin-top:80px;}
.history-b2 .cont {padding:0 }
.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-b2 .box + .box {margin-top:20px;}
.history-b3 {margin-top:100px;}
.history-b3 .cont  {padding:0 0 34px 720px; }
.history-b3 .img {position:absolute; left:89px; top:80px}
.history-b4 {margin-top:100px;}
.history-b4 .cont {padding:0 0 100px 0}
.history-b4 .img {position:absolute; right:-54px; top:70px}
.history-b5 {margin-top: 126px;}
.history-b5 .cont {width:410px;padding: 0 20px 0 0;}
.history-b5 .img {position: absolute; right: 0px; top: -4px;}
.history-b6 {margin-top: 104px;}
.history-b6 .cont {padding: 0 0 0 703px}
.history-b6 .img {position: absolute; left: 0px; top: 56px;}
.history-b7 {margin-top: 108px;}
.history-b7 .cont {width:410px;padding:0;}
.history-b7 .img {position: absolute; right: 0px; top: 105px;}
.history-b8 {margin-top: 70px;}
.history-b8 .cont {padding: 98px 0 113px 703px}
.history-b8 .img {position: absolute; left: 0px; top: 0;}


.history-r1, .history-r2, .history-r3, .history-r4, .history-r6, .history-r7, .history-r8 {margin:0 auto; max-width:1100px; }
.history-r1 {padding-top:36px}
.history-r1 .cont {padding:0 0 0 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:24px; padding-top:50px}

.history-r2 .img {position:absolute; top:68px; right:12px}
.history-r3 {margin-top:16px; padding-top:50px}
.history-r3 .cont {padding:0 0 0 550px}
.history-r3 .img {position:absolute; top:25px; left:-250px}
.history-r4 {padding-top:18px; margin-bottom:45px}
.history-r4 .img {position:absolute; top:97px; 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:230px; 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; margin-top:-324px; padding-top:382px;padding-bottom:95px}
.history-r8 .img {position:absolute; right:0; top:163px}


}

@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:419px; background:url(../images/company/vision_img2_t.png) no-repeat center 110px; 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: 260px; 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:35px 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;}
.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) no-repeat} */
.ceo-area .ceo-cont .cj_img {width:660px; height:578px; background:url(../images/company/ceo_img2_t.png) no-repeat}
.organogram-area {width:668px;height:707px;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:58px; 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:22%; padding-top:3px}
.history-r4 {margin-top:55px;padding-left:50px;margin-bottom:45px;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:30px; padding-top:376px}
.history-r6 .cont {padding-left:33%}
.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:25px; padding-left:50px; box-sizing:border-box}
.history-r8 {margin-top:58px; padding-bottom:410px; padding-left:50px; box-sizing:border-box}
.history-r8 .img {position:absolute; left:384px; top:168px}
.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 section dl dd ul li br {display:none;}

}
@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-09-07*/
}
@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-09-07*/
.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%;}
.mission-area .mission-list .bg2 {width: 259px; height: 380px; background: url(../images/company/mission_img3_m.png) no-repeat center 95px; background-size: 70%; margin: 50px auto 0;}
.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-09-07*/

.ceo-area .ceo-cont .txt_box, .ceo-area .ceo-cont .txt_box2 {padding:0 15px}
.ceo-area .ceo-cont .txt_box2 p {}
.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?v20250820) 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) 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;}
.ceo-area .ceo-cont .ceo-mtitle {font-size: 18px;line-height: 24px;letter-spacing: -1px;padding-bottom: 20px;}

.organogram-area {width:287px;height:803.5px;background:url(../images/company/organogram_img_m.png) 0 0 no-repeat;background-size:100%;}

.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}
.history-b2 {padding-top:25px; margin-top:0;padding-left:15px;margin-bottom:40px; box-sizing:border-box}
.history-b2 .img {padding-top:25px}
.history-b2 .img img { text-align:right;}
.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:right; margin-top:30px}
.history-b3 .cont {padding:35px 0 0 15px; }
.history-b3 .img {padding:15px 15px 0 0; width:100%;position:relative; text-align:right; 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}
.history-b4 .img {text-align:right; padding-top:25px;}
.history-b4 .img img {max-width:70%} */

.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 section[class*="history-"] .cont li > .text {padding-left: 0; text-indent: 0;}

.history-r1 .cont {padding-left:15px; padding-top:8px}
.history-r1 .img {position:relative; padding-left:15px }
.history-r1 .img span:last-child {display:none }
.history-r2 {margin-top:30px; padding:0 0 0 15px; box-sizing:border-box}
.history-r2 .img {text-align:right; padding-top:25px; padding-right:10px}
.history-r3 {margin-top:40px}
.history-r3 .cont {padding-left:15px; padding-top:25px}
.history-r4 {margin-top:25px;padding-left:15px;margin-bottom:40px;box-sizing:border-box}
.history-r4 .cont {padding-top:8px}
.history-r4 .img {padding-right:10px; text-align:right; padding-top:35px}
.history-r5 .img {padding-left:15px; padding-top:40px}
.history-r5 .cont {padding:30px 0 0 15px;box-sizing:border-box}
.history-r6 .cont {padding-top:30px; padding-left:15px}
.history-r6 .img span:first-child {text-align:right; display:block; padding-right:15px; padding-top:15px}
.history-r6 .img span:first-child img {max-width:50%}
.history-r6 .img span:last-child {display:none}
.history-r7 {margin-top:35px; padding-left:15px; box-sizing:border-box}
.history-r8 {margin-top:35px; padding-bottom:100px; padding-left:15px; box-sizing:border-box}
.history-r8 .img {margin-top:35px; }
.history-r1 .img img, .history-r2 .img img, .history-r3 .img img, .history-r4 .img img, .history-r5 .img img, .history-r6 .img img, .history-r7 .img img, .history-r8 .img img {width:70%}
.history section dl dd ul li br {display:none;}
.history section ul li .text br {display:none;}

}

@media all and (max-width:580px) {
.ceo-area .ceo-cont .ceo_img {width:70%; height:400px}
.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) 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) 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:252px;margin:40px auto 40px;background-size:auto 100%;}
.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) no-repeat center center; background-size:100%}	
.ceo-area .ceo-cont .img_box2 {height:200px}
}