@charset "utf-8";

/* 콘텐츠 */
.contents .section .bgGray {background: #f7f7f7;padding: 120px 0 120px;}
.contents .section .bgWhite {background: white;padding: 120px 0 120px;}
.contents .section .bgGray_half {background: #f7f7f7;padding: 50px 0 100px;}
.contents .section .bgWhite_half{background: white;padding: 100px 0 250px;position: absolute;left:0;z-index: 1;width: 100%;}
.contents .section .bgImg {background: url(/assets/images/company/lab_bgImg_pc.png) no-repeat 0 0/cover;padding: 120px 0 120px;}

/* CEO */
.companyP .message_phraseArea {display: table;width: 100%;height: 500px;background: url(/assets/images/company/bg_pharse01.png) no-repeat 0 0;border-radius: 20px;margin-bottom: 86px;/* background-size: 100% 100%; */-webkit-transition: all 0.2s;transition: all 0.2s;}
.companyP .message_phraseArea .phraseBox {display: table-cell;vertical-align: middle;}
.companyP .message_phraseArea .phraseBox h2 {font-size: 42px;color: #fff;line-height: 63px;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);padding: 1% 10%;}

.companyP .greetingArea {margin-top: 30px;margin-bottom: 120px;}
.companyP .greetingArea h2 {font-size: 38px;font-weight: 700;margin-bottom: 36px;}
.companyP .greetingArea p.text {font-size: 18px;font-weight: 400;color: #505050;line-height: 34px;margin-bottom: 31px;word-break: keep-all;}
.companyP .greetingArea p.name {font-size: 24px;font-weight: 700;}

.companyP .rightPeopleArea {padding: 0;}
.companyP .rightPeopleArea h2 {font-size: 38px;font-weight: 700;margin-bottom: 35px;}
.companyP .rightPeopleArea ul {overflow: hidden;margin-left: -10px;margin-right: -10px;}
.companyP .rightPeopleArea ul li {float: left;width: calc(33.33333% - 20px);min-height: 255px;margin-left: 10px;margin-right: 10px;background: #ffffff;padding: 35px 29px 15px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;}
.companyP .rightPeopleArea ul li p.tit {position: relative;font-size: 30px;font-weight: 700;letter-spacing: 0px;color: #fff;margin-bottom: 14px;}
.companyP .rightPeopleArea ul li p.tit:before {position: absolute;left: 0;top: 146px;display: block;width: 60px;height: 44px;margin: 0 auto 27px;content:"";vertical-align: middle;}
.companyP .rightPeopleArea ul li p.desc {font-size: 16px;color: #fff;line-height: 28px;margin-bottom: 12px;}
.companyP .rightPeopleArea ul li.p01 {background-image: url(/assets/images/company/bg_people01.png);}
.companyP .rightPeopleArea ul li.p02 {background-image: url(/assets/images/company/bg_people02.png);}
.companyP .rightPeopleArea ul li.p03 {background-image: url(/assets/images/company/bg_people03.png);}
.companyP .rightPeopleArea ul li.p01 p.tit:before {background: url(/assets/images/company/icon_people01.svg) no-repeat 0 0;}
.companyP .rightPeopleArea ul li.p02 p.tit:before {background: url(/assets/images/company/icon_people02.svg) no-repeat 0 0;}
.companyP .rightPeopleArea ul li.p03 p.tit:before {background: url(/assets/images/company/icon_people03.svg) no-repeat 0 0;}

/* 핵심역량 */
.companyP .contentsbox{width: 100%;height: auto;word-break: keep-all;}
.companyP .contentsbox .box1{width:100%; height: 420px;border-radius: 20px;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);margin-bottom: 5%;}
.companyP .contentsbox .box2{width:100%; height: 420px;border-radius: 20px;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);margin-bottom: 5%;}
.companyP .contentsbox .box3{width:100%; height: 420px;border-radius: 20px;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);margin-bottom: 120px;}

.companyP .contentsbox .box1 .imgBox{float: left;width: 50%;height: 420px;background: url(/assets/images/company/about_img1.png) no-repeat center center;}
.companyP .contentsbox .box2 .imgBox{float: right;width: 50%;height: 420px;background: url(/assets/images/company/about_img2.png) no-repeat center center;}
.companyP .contentsbox .box3 .imgBox{float: left;width: 50%;height: 420px;background: url(/assets/images/company/about_img3.png) no-repeat center center;}

.companyP .contentsbox .box1 .phraseBox{float:right; width: 50%; height: 420px;padding: 5.7%;}
.companyP .contentsbox .box2 .phraseBox{float:right; width: 50%; height: 420px;padding: 5.7%;}
.companyP .contentsbox .box3 .phraseBox{float:right; width: 50%; height: 420px;padding: 5.7%;}

.companyP .contentsbox h2{font-size: 38px;margin-bottom: 8%;}
.companyP .contentsbox h3{font-size: 18px;color: #005cb4;margin-bottom: 5%;margin-top: 2%;}
.companyP .contentsbox h4{font-size: 16px;color: #505050;letter-spacing: -1.32px;line-height: 1.75;font-weight: normal;}

.companyP .colorCircleArea{padding: 0;}
.companyP .colorCircleArea h2 {font-size: 38px;font-weight: 700;margin-bottom: 40px;}
.companyP .colorCircleArea ul {overflow: hidden;margin-left: -10px;margin-right: -10px;text-align: center;}
.companyP .colorCircleArea ul li {display: inline-block; width: 180px; height: 226px;margin-left: 2%;margin-right: 2.5%; background-repeat: no-repeat;-webkit-transition: all 0.2s;transition: all 0.2s;background-image: url(/assets/images/company/circle.png);background-size: contain;}
.companyP .colorCircleArea ul li p.tit {position: relative;font-size: 30px;font-weight: 700;letter-spacing: 0px;color: white;margin-bottom: 14px;margin-top: 5%;}
.companyP .colorCircleArea ul li p.desc_top {font-size: 16px;color: #fff;line-height: 28px;margin-top:48px;}
.companyP .colorCircleArea ul li p.desc_bottom {width: 180px; height: 50px; font-size: 16px;color: black;line-height: 140px;}

/*연혁*/
.companyP .history_phraseArea {display: table;width: 100%;height: 500px;background: url(/assets/images/company/history_bg.png) no-repeat 0 0;border-radius: 20px;margin-bottom: 86px;/* background-size: 100% 100%; */-webkit-transition: all 0.2s;transition: all 0.2s;}
.companyP .history_phraseArea .phraseBox {display: table-cell;vertical-align: middle;}
.companyP .history_phraseArea .phraseBox h2 {font-size: 42px;color: #fff;line-height: 63px;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);}

.box-history{position: relative;margin-bottom: 60px;width: 587px;}
.box-history dd {position: relative;margin: 0 0 30px 100px;font-size: 18px;line-height: 1.8;}
.contain-history.season1 .box-history dd:before {content: "";display: block;position: absolute;left: -67px;top: 14px;z-index: 1;width: 9px;height: 9px;border-radius: 100%;border: 2px solid #2e77ff;box-sizing: border-box;background: #fff;}
.contain-history .box-history dt {padding: 0 0 16px 0;font-family: "Poppins",sans-serif;font-size: 40px;font-weight: 700;}
/*.contain-history .box-history::before {content: "";display: block;position: absolute;left: 37px;top: 120px;bottom: 10px;width: 1px;background: #b0b1bc;}*/

.content.history .section-content {padding: 100px 0 60px;}
.content.history .section-content .section-inner {position: relative;margin: 0 auto;/* width: 1200px; */max-width: 1180px;}
.content.history .section-content .section-inner .text-copy {font-size: 64px;font-weight: 700;line-height: 1.25;letter-spacing: -0.04em;}
.content.history .section-content .section-inner .box-season {display: none;position: absolute;left: 0;top: 0;opacity: 0;margin-top: 80px;width: 486px;background: #fff;}
.content.history .section-content .section-inner .box-season .title button {display: block;padding: 0 73px 30px;width: 100%;font-size: 24px;font-weight: 700;color: #121212;text-align: right;box-sizing: border-box;/*background: url(images/icon-arrow-down.png) no-repeat right 10px;*/ background-size: 20px auto;}
.content.history .section-content .section-inner .box-season .title button.on {background: url(images/icon-arrow-up.png) no-repeat right 10px;background-size: 20px auto;}
.content.history .section-content .section-inner .box-season .season-history {position: absolute;top: 67px;left: 0;right: 0;height: 0;overflow: hidden;background: #fff;transition: all 0.4s ease;}
.content.history .section-content .section-inner .box-season .season-history li {margin: 0 73px 30px;text-align: right;}

.content.history .section-content .section-inner .box-season .season-history li a,
.content.history .section-content .section-inner .box-season .season-history li button {font-size: 18px;color: #333;}
.content.history .section-content .section-inner .box-season .season-history li.on a,
.content.history .section-content .section-inner .box-season .season-history li.on button {font-weight: 700;}
.content.history .section-content .section-inner .box-season .season-history.on {height: 290px;}
.content.history .section-content .section-inner .box-season .box-image img {width: 486px;/* margin-top: 15%; */}
.content.history .section-content .section-inner .box-season.on {display: block;}
.content.history .section-content .section-inner .box-season.active {position: fixed;top: 180px;left: 50%;margin: 0 0 0 -590px;}
.content.history .section-content .section-inner .contain-history {margin-left: 600px;margin-bottom: 30px;padding: 20px;}
.content.history .section-content .section-inner .contain-history .box-history {position: relative;margin-bottom: 60px;width: 100%;}
.content.history .section-content .section-inner .contain-history .box-history dd {position: relative;margin: 0 0 10px 0px;font-size: 18px;line-height: 1.8;padding: 0 0 0 20px;}
.content.history .section-content .section-inner .contain-history .box-history dd:before {content: '';display: block;position: absolute;left: -67px;top: 14px;z-index: 1;width: 9px;height: 9px;border-radius: 100%;border: 2px solid #2e77ff;box-sizing: border-box;background: #fff;}
.content.history .section-content .section-inner .contain-history .box-history dd:last-child:after {content: '';display: block;position: absolute;left: -68px;top: 18px;width: 12px;height: 100%;z-index: 0;/* background: #fff; */}
.content.history .section-content .section-inner .contain-history .box-history::before {content: '';display: block;position: absolute;left: 37px;top: 120px;bottom: 10px;width: 1px;}
.content.history .section-content .section-inner .contain-history .box-history dd:before {content: '';display: block;position: absolute;left: 0px;top: 14px;z-index: 1;width: 9px;height: 9px;border-radius: 100%;border: 2px solid #2e77ff;box-sizing: border-box;background: #fff;}
.content.history .section-content.cont-top {height: 1px;width: 100%;padding: 0;background: white;}
.content.history .section-content.cont-top .section-inner {margin: 0;}
.content.history .section-content.cont-top .section-inner {position: fixed;left: 50%;margin: 0 0 0 -600px;top: 190px;}
.content.history .section-content.cont1 {padding: 0px 0 60px;}

/*연혁폼*/
.companyP .checkListBox {position: relative;margin-top: 29px;margin-bottom: 50px;border-radius: 10px;background: #F7F7F7;}
.companyP .checkListBox .tit {padding-bottom: 26px;margin-bottom: 31px;}
.companyP .checkListBox .tit button {position: relative;top: -15px;width: 129px;height: 41px;border: 1px solid #0072DE;border-radius: 5px;padding: 0;-webkit-transition: all 0.1s;transition: all 0.1s;}
.companyP .checkListBox .tit button span {font-size: 14px;color: #0072DE;letter-spacing: 0px;}
.companyP .checkListBox .tit button:hover {color: #fff;background: #0072DE !important;} 
.companyP .checkListBox .tit button:hover span {color: #fff;}

.companyP .checkListBox .list ul,li{list-style:unset;}
.modal .modalContent {position: relative;background: #ffffff;/*padding: 85px 160px 80px;*/margin: 45px 0;border-radius: 10px;line-height: 30px;}

/*기술연구소*/
.companyP .lab_phraseArea {display: table;width: 100%;height: 100%;background: url(/assets/images/company/lab_bg.png) no-repeat 0 0;border-radius: 20px;/*padding: 0 130px;*/margin-bottom: 120px;/* background-size: 100% 100%; */-webkit-transition: all 0.2s;transition: all 0.2s;  max-height: 500px; padding: 14% 5% 14% 5%;
    }
.companyP .lab_phraseArea .phraseBox {display: table-cell;vertical-align: middle;}
.companyP .lab_phraseArea .phraseBox h2 {font-size: 42px;color: #fff;line-height: 63px;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);}
.companyP .lab_phraseArea .phraseBox h4 {font-size: 18px;color: #fff;line-height: 34px;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%); margin-top: 20px;font-weight: normal;}

.companyP .lab_subArea {width: 100%;height: 993px; background: url(/assets/images/company/lab_center_pc.png)  center center / cover no-repeat; background-size: contain;}

.companyP .lab_iconArea {padding: 0;}
.companyP .lab_iconArea h2 {font-size: 38px;font-weight: 700;margin-bottom: 35px;}
.companyP .lab_iconArea ul {overflow: hidden;margin-left: -10px;margin-right: -10px;margin-top: 3%;}
.companyP .lab_iconArea ul li {float: left;width: calc(33.33333% - 20px);min-height: 200px;margin-left: 10px;margin-right: 10px;background: #ffffff;padding: 30px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;border: 1px solid #dbdbdb;}
.companyP .lab_iconArea ul li p.tit {position: relative;font-size: 24px;font-weight: 700;letter-spacing: 0px;margin-bottom: 14px;line-height: initial;}
.companyP .lab_iconArea ul li p.tit::after {position: absolute;right: 0; top: 83px;display: block;width: 52px;height: 52px;content:"";vertical-align: middle;}
.companyP .lab_iconArea ul li.p01 p.tit::after {background: url(/assets/images/company/lab_icon_01.svg) no-repeat 0 0 / contain;}
.companyP .lab_iconArea ul li.p02 p.tit::after {background: url(/assets/images/company/lab_icon_02.svg) no-repeat 0 0 / contain;}
.companyP .lab_iconArea ul li.p03 p.tit::after {background: url(/assets/images/company/lab_icon_03.svg) no-repeat 0 0 / contain;}
    
.companyP .threeBoxArea_1 {padding: 0;}
.companyP .threeBoxArea_1 h2 {font-size: 24px;font-weight: 700;margin-bottom: 35px;color: white;}
.companyP .threeBoxArea_1 ul {overflow: hidden;margin-left: -10px;margin-right: -10px;}
.companyP .threeBoxArea_1 ul li {float: left;width: calc(33.33333% - 20px);min-height: 120px;margin-left: 10px;margin-right: 10px;background:rgba(255, 255, 255, 0.16);padding: 47px 29px 15px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;border: white 1px solid;}
.companyP .threeBoxArea_1 ul li p.tit {position: relative;font-size: 18px;font-weight: 700;letter-spacing: 0px;color: #fff;margin-bottom: 14px;text-align: center;}

.companyP .threeBoxArea_2 {padding: 0;}
.companyP .threeBoxArea_2 h2 {font-size: 24px;font-weight: 700;margin-bottom: 35px;color: white;margin-top: 5%;}
.companyP .threeBoxArea_2 ul {overflow: hidden;margin-left: -10px;margin-right: -10px;}
.companyP .threeBoxArea_2 ul li {float: left;width: calc(33.33333% - 20px);min-height: 120px;margin-left: 10px;margin-right: 10px;background: rgba(255, 255, 255, 0.16);padding: 45px 29px 15px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;border: white 1px solid;}
.companyP .threeBoxArea_2 ul li p.tit {position: relative;font-size: 18px;font-weight: 700;letter-spacing: 0px;color: #fff;margin-bottom: 14px;text-align: center;}

/*저작권-인증서*/
.companyP .isoArea ul li.p01 {background-image: url(/assets/images/company/iso_1.png);background-size: contain;}
.companyP .isoArea ul li.p02 {background-image: url(/assets/images/company/iso_2.png);background-size: contain;}
.companyP .isoArea ul li.p03 {background-image: url(/assets/images/company/iso_3.png);background-size: contain;}
.companyP .isoArea ul li.p04 {background-image: url(/assets/images/company/iso_4.png);background-size: contain;}
.companyP .isoArea ul li.p05 {background-image: url(/assets/images/company/iso_5.png);background-size: contain;}
.companyP .isoArea ul li.p06 {background-image: url(/assets/images/company/iso_6.png);background-size: contain;}
.companyP .isoArea ul li.p07 {background-image: url(/assets/images/company/iso_7.png);background-size: contain;}
.companyP .isoArea ul li.p08 {background-image: url(/assets/images/company/iso_8.png);background-size: contain;}

.companyP .isoArea{padding: 0;}
.companyP .isoArea h2 {font-size: 38px;font-weight: 700;margin-bottom: 35px;}
.companyP .isoArea ul {overflow: hidden;margin-left: -10px;margin-right: -10px;text-align: center;}
.companyP .isoArea ul li {display: inline-block; width: calc(33.33333% - 20px); height: auto;margin-top: 2%;padding: 46px 0px;background-repeat: no-repeat;-webkit-transition: all 0.2s;transition: all 0.2s;}
.companyP .isoArea ul li p.tit {position: relative;font-size: 16px;font-weight: 700;letter-spacing: 0px;color: black;margin-bottom: 14px;margin-top: 123%;}

.companyP .ps_Area {display: table;width: 100%;height: 114px;background-color: white;border: 1px solid #DBDBDB; border-radius: 20px;padding: 0 10%;margin-bottom: 86px;/* background-size: 100% 100%; */-webkit-transition: all 0.2s;transition: all 0.2s;}
.companyP .ps_Area .phraseBox {display: table-cell;vertical-align: middle;}
.companyP .ps_Area .phraseBox h2 {font-size: 24px;color:black;text-align: center;width: fit-content;float: left;margin: 0 auto;padding-right: 3%;}
.companyP .ps_Area .phraseBox h3 {font-size: 16px;color:#505050;line-height: 25px;text-align: left;display:table-header-group;}

/*오시는 길*/
.root_daum_roughmap button, .root_daum_roughmap div, .root_daum_roughmap form, .root_daum_roughmap h1, .root_daum_roughmap h2, .root_daum_roughmap h3, .root_daum_roughmap h4, .root_daum_roughmap h5, .root_daum_roughmap h6, .root_daum_roughmap input, .root_daum_roughmap legend, .root_daum_roughmap textarea, .root_daum_roughmap ul, .root_daum_roughmap ul li{padding: initial;}
.os_mac.root_daum_roughmap, .os_mac.root_daum_roughmap button, .os_mac.root_daum_roughmap input, .os_mac.root_daum_roughmap select, .os_mac.root_daum_roughmap td, .os_mac.root_daum_roughmap textarea, .os_mac.root_daum_roughmap th{font-family:'noto Sans KR'!important;font-weight: 300;}

.companyP .locationAT .root_daum_roughmap{width:100%;margin:0 auto 0px;height: 550px;}
.companyP .locationAT .root_daum_roughmap ul{padding: 4px 30px 37px 30px!important;}
.companyP .locationAT .root_daum_roughmap_landing{overflow: visible !important;}
.companyP .locationAT .root_daum_roughmap .wrap_controllers{display: none;}

.companyP .locationAT .container{width: 100%;height: auto;}

.companyP .locationAT .blueTextArea{width:100%;margin:0 auto 0px; height: 100%;max-height: 179px; background: #005cb4 !important;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.companyP .locationAT .blueTextArea .address .innerinfo_logo{background: url(/assets/images/company/innerinfo_logo.svg)no-repeat;background-size: contain; width: 210px;height: 30px;margin-left: 9%;margin-bottom: 2%;}

.companyP .locationAT .blueTextArea .address{position: relative;padding-bottom: 4%;padding-top: 4%;}
.companyP .locationAT .blueTextArea .address ul{overflow: hidden;margin: 0 auto;text-align: center;padding-left: 5%;padding-right: 5%;}
.companyP .locationAT .blueTextArea .address ul li {display: inline-block;position: relative;padding: 0 11px 0 6px;color: white;font-size: 14px;line-height: 23px;letter-spacing: 0px;}
.companyP .locationAT .blueTextArea .address ul li:after {position:absolute;top: 6px;right: 0px;display:block;content:"";width:1px;height: 13px;vertical-align:middle;background: #dddddd;}
.companyP .locationAT .blueTextArea .address ul li:last-child:after {display: none;}
.companyP .locationAT .blueTextArea .address ul li img:first-child {width: auto;padding-bottom: 12px;padding-right: 4px; float: left;}

.companyP .locationAT .wrap_map .map {border-top-left-radius: 20px; border-top-right-radius: 20px;}
.companyP .locationAT .wrap_map span.map_border {display:none;}

.companyP .locationAT .blueTextArea .address span{text-align: center;}
/*
.kakaomap{position: relative;margin: 0 auto;width: 100%;border-radius: 20px;}
.kakaomap > .root_daum_roughmap{width: 100%;padding-bottom: 56.25%;}
.kakaomap >.root_daum_roughmap .wrap_map {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;}
.kakaomap .hide{display:none}
*/


@media (max-width: 1279px) {
	
/*연혁*/
.content.history .section-content .section-inner .contain-history {margin-left: 530px;}
.content.history .section-content .section-inner .box-season.active {/* position: fixed; *//* top: 180px; */left: 20px;/* margin: 0 0 0 -570px; */margin: 0;}

}


@media (max-width:959px) {/* 모바일: 최대 959 */
/* 콘텐츠 */
.contents .section .bgGray {padding: 60px 0 60px;}
.contents .section .bgWhite {padding: 60px 0 60px;}
.contents .section .bgImg {background: url(/assets/images/company/lab_bgImg_mo.png) no-repeat 0 0/cover;padding: 60px 0 60px;}
.contents .section.bgGray_half{padding: 20px 0 100px;}
/* CEO */
.companyP .message_phraseArea {height: 320px;padding: 0 20px;margin-bottom: 45px;background-size: 100% 100%;}
.companyP .message_phraseArea .phraseBox h2 {font-size: 20px;line-height: 30px;padding: 0% 0%;}

.companyP .greetingArea {margin-top: 30px;margin-bottom: 42px;}
.companyP .greetingArea h2 {font-size: 24px;margin-bottom: 24px;}
.companyP .greetingArea p.text {font-size: 16px;line-height: 26px;margin-bottom: 22px;}
.companyP .greetingArea p.name {font-size: 16px;}

.companyP .rightPeopleArea {padding: 0;}
.companyP .rightPeopleArea h2 {font-size: 24px;margin-bottom: 23px;}
.companyP .rightPeopleArea ul {margin-left: 0px;margin-right: 0px;}
.companyP .rightPeopleArea ul li {width: 100%;min-height: 200px;margin-left: 0px;margin-right: 0px;padding: 24px 20px 15px;margin-bottom: 20px;}
.companyP .rightPeopleArea ul li:last-child {margin-bottom: 0px;}
.companyP .rightPeopleArea ul li p.tit {font-size: 24px;margin-bottom: 14px;}
.companyP .rightPeopleArea ul li p.tit:before {top: 118px;height: 44px;transform: scale(0.75);}
.companyP .rightPeopleArea ul li p.desc {font-size: 14px;line-height: 24px;}

/*연혁*/
.companyP .history_phraseArea {height: 350px;}
.companyP .history_phraseArea .phraseBox h2{font-size: 20px;line-height: normal;}

.content.history .section-content .section-inner .text-copy {  font-size: 40px;}
.content.history .section-content .section-inner .box-season {display: block;position: relative;width: auto;left: 0;top: 0;}
.content.history .section-content .section-inner .box-season .title {  margin: 0;  padding: 0;}
.content.history .section-content .section-inner .box-season .title button {  display: block;  padding: 24px 24px;  width: 100%;  text-align: left;  font-size: 18px;  font-weight: 700;  border-top: 1px solid #d3d3d3;  border-bottom: 1px solid #d3d3d3;  background-position: right 24px top 50%;}
.content.history .section-content .section-inner .box-season .title  button.on {  background-position: right 24px top 50%;}
.content.history .section-content .section-inner .box-season .box-image {  display: block;  padding: 0;  /* height: 0; */  overflow: hidden;}
.content.history .section-content .section-inner .box-season .box-image img {  display: block;  width: 100%;}
.content.history .section-content .section-inner .box-season .box-image.on {  height: auto;}
.content.history .section-content .section-inner .box-season.active {  position: static;  margin: 0;  margin-bottom: 30px;}
.content.history .section-content .section-inner .contain-history {  margin-left: 0;  /* height: 0; */ overflow: hidden;}
.content.history .section-content .section-inner .contain-history .box-history dt {  font-size: 35px;}
.content.history .section-content .section-inner .contain-history .box-history dd {  font-size: 14px;}
.content.history .section-content .section-inner .contain-history .box-history dd:before {  content: '';  display: block;  position: absolute;  /* left: -20px; */
    top: 8px;  z-index: 1;  width: 9px;  height: 9px;  border-radius: 100%;  border: 2px solid #2e77ff;  box-sizing: border-box;  background: #fff;}
.content.history .section-content .section-inner .contain-history .box-history::before {  content: '';  display: block;  position: absolute;  left: 6px;  top: 85px;  bottom: 10px;  width: 1px;  /* background: #b0b1bc */}
.content.history .section-content .section-inner .contain-history.on {  padding: 40px 0;  height: auto;}
.content.history .section-content.cont1 {  /* margin-top: -26%; */  /* padding: 50px 30px 60px; */}
.content.history .section-content.cont-top .section-inner {  position: relative;  left: 0;  top: 0;  margin: 0;}

/*연혁폼*/
.modal .modalContent .modalBody{font-size: 14px;}

/*핵심역량*/
.companyP .contentsbox{width: 100%;height: auto;}
.companyP .contentsbox .box1{width:100%; height: 470px;border-radius: 20px;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);margin-bottom: 5%;}
.companyP .contentsbox .box2{width:100%; height: 470px;border-radius: 20px;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);margin-bottom: 5%;}
.companyP .contentsbox .box3{width:100%; height: 470px;border-radius: 20px;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);margin-bottom: 60px;}

.companyP .contentsbox .box1 .imgBox{float: left;width: 100%;height: 50%;background: url(/assets/images/company/about_img1_mo.png) no-repeat  center center;background-size: cover;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.companyP .contentsbox .box2 .imgBox{float: right;width: 100%;height: 50%;background: url(/assets/images/company/about_img2_mo.png) no-repeat center center;background-size: cover;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.companyP .contentsbox .box3 .imgBox{float: left;width: 100%;height: 50%;background: url(/assets/images/company/about_img3_mo.png) no-repeat center center;background-size: cover;border-top-left-radius: 20px;border-top-right-radius: 20px;}

.companyP .contentsbox .box1 .phraseBox{float:right; width: 100%; height: auto;padding: 4.7%;}
.companyP .contentsbox .box2 .phraseBox{float:right; width: 100%; height: auto;padding: 4.7%;}
.companyP .contentsbox .box3 .phraseBox{float:right; width: 100%; height: auto;padding: 4.7%;}

.companyP .contentsbox h2{font-size: 24px;margin-bottom: 2%;}
.companyP .contentsbox h3{font-size: 18px;color: #005cb4;margin-bottom: 3%;margin-top: -2%;}
.companyP .contentsbox h4{font-size: 16px;color: #505050;letter-spacing: -1.32px;line-height: 1.75;}

.companyP .colorCircleArea ul li p.tit {position: relative;font-size: 30px;font-weight: 700;letter-spacing: 0px;color: white;margin-bottom: 14px;margin-top: 5%;}
.companyP .colorCircleArea ul li p.desc_top {font-size: 16px;color: #fff;line-height: 28px;margin-top:48px;}
.companyP .colorCircleArea ul li p.desc_bottom {width: 180px; height: auto; font-size: 16px;color: black;line-height: 140px;margin-bottom: 12px;}


/*기술연구소*/
.companyP .lab_subArea {display: table;width: 100%;height: 450px; background: url(/assets/images/company/lab_center_mo.png) no-repeat center center;background-size: contain;border: 1px solid white;background-color: white;border-radius: 20px;}
.companyP .lab_phraseArea .phraseBox h2{font-size: 20px;}
.companyP .lab_phraseArea .phraseBox h4{font-size: 14px;line-height: normal;}
.companyP .lab_iconArea h2 {font-size: 24px;margin-bottom: 23px;}
.companyP .lab_iconArea ul {margin-left: 0px;margin-right: 0px;}
.companyP .lab_iconArea ul li {width: 100%;min-height: 100px;margin-left: 0px;margin-right: 0px;padding: 24px 20px 15px;margin-bottom: 20px;}
.companyP .lab_iconArea ul li:last-child {margin-bottom: 0px;}
.companyP .lab_iconArea ul li p.tit {font-size: 18px;margin-bottom: 14px;}
.companyP .lab_iconArea ul li p.tit:after {top: 8px;}
.companyP .lab_phraseArea{padding: 13% 10% 14% 10%}
.companyP .threeBoxArea_1 h2 {font-size: 24px;margin-bottom: 23px;}
.companyP .threeBoxArea_1 ul {margin-left: 0px;margin-right: 0px;}
.companyP .threeBoxArea_1 ul li {width: 100%;min-height: 120px;margin-left: 0px;margin-right: 0px;padding: 50px 20px 15px;margin-bottom: 20px;word-break: keep-all;}
.companyP .threeBoxArea_1 ul li:last-child {margin-bottom: 0px;}
.companyP .threeBoxArea_1 ul li p.tit {font-size: 18px;margin-bottom: 14px;}

.companyP .threeBoxArea_2 h2 {font-size: 24px;margin-bottom: 23px;padding-top: 5%;}
.companyP .threeBoxArea_2 ul {margin-left: 0px;margin-right: 0px;}
.companyP .threeBoxArea_2 ul li {width: 100%;min-height: 120px;margin-left: 0px;margin-right: 0px;padding: 46px 20px 15px;margin-bottom: 20px;word-break: keep-all;}
.companyP .threeBoxArea_2 ul li:last-child {margin-bottom: 0px;}
.companyP .threeBoxArea_2 ul li p.tit {font-size: 18px;margin-bottom: 14px;}
.companyP .lab_phraseArea .phraseBox h4{margin-top: 0px;}
.companyP .lab_phraseArea{margin-bottom: 60px;}
/*저작권.인증서*/
.companyP .isoArea ul {text-align: justify;}
.companyP .isoArea ul li{width: calc(50% - 2px);}
.companyP .isoArea ul li p.tit{font-size: 16px;display: flex;justify-content: center;word-break: keep-all;text-align: center;}
.companyP .isoArea ul li p.tit span{display: none;}

.companyP .ps_Area{padding-top: 5%;padding-bottom: 5%;}
.companyP .ps_Area .phraseBox h2{float: none;width: auto;text-align: left;padding-bottom: 8px;}


/*오시는 길*/
.companyP .locationAT .root_daum_roughmap{width:100%;height: auto;}
.companyP .locationAT .blueTextArea{height: 100%;max-height: 227px;}
.companyP .locationAT .blueTextArea .address{padding-bottom: 7%;padding-top: 3%;}
.companyP .locationAT .blueTextArea .address ul{text-align: left;word-break: keep-all;}
.companyP .locationAT .blueTextArea .address ul li{width:-webkit-fill-available;}
.companyP .locationAT .blueTextArea .address ul li:after{display: none;}
.companyP .locationAT .blueTextArea .address .innerinfo_logo{width:150px;margin-left: 7%;margin-bottom: 2%;}
}


@media (max-width:640px) {/* 모바일: 최대 640 */
/*콘텐츠*/
.contents .section.bgWhite_half{padding: 100px 0 150px;}
/* CEO */
.companyP .phraseArea {background-size: auto 100%;}
/*핵심역량*/
.companyP .colorCircleArea h2{font-size: 24px;}
.companyP .colorCircleArea ul {word-break: keep-all;}
.companyP .colorCircleArea ul li{width: calc(45% - 2px);max-width: 180px;}
.companyP .colorCircleArea ul li p.tit{font-size: 6vw;display: flex;justify-content: center;word-break: keep-all;text-align: center;padding-bottom: 34%;}
.companyP .colorCircleArea ul li p.desc_top {font-size: 16px;color: #fff;line-height: 28px;margin-top:47px;text-align: center;}
.companyP .colorCircleArea ul li p.desc_bottom {font-size: 16px;color: black;line-height: normal; margin-bottom: 12px;text-align: center;width: auto;display: flex;justify-content: center;margin-top: 10%;}

/*오시는 길*/
.companyP .locationAT .wrap_map{height: 230px !important;}
.companyP .locationAT .blueTextArea .address .innerinfo_logo{width:150px; margin-left: 7%;margin-top: 3%;}
}






/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing