@charset "utf-8";
.contents{word-break:keep-all;}

/* Flex */
.flexContBox{display:flex;word-break:keep-all;}


/* Text-align */
.txt_L{text-align:left;}

/* Common */
.pcView{display:block;}
.mView{display:none;}

/* Color */
.c_00a8b4{color:#00a8b4;}

/* Border */
.border_bt{border-bottom:2px solid #333 !important;}
.border_L{border-left:1px solid #ccc !important;}
.border_T{border-top:1px solid #ccc !important;}
.border_B{border-bottom:1px solid #333 !important;}
.vertical_T{vertical-align:top !important;}

/* Btn */

/* Table */
.verticalTable{position: relative;}
.verticalTable table{width:100%;border-top:1px solid #000;}
.verticalTable th{padding:17px 6px;font-size:1.8rem;border-top:1px solid #000;word-break:keep-all;color:#333;font-weight:500;}
.verticalTable td{font-size:1.7rem;border-bottom:1px solid #ccc;padding:30px 0;word-break:keep-all;line-height:1.556;}
.verticalTable th:last-child, td:last-child{border-right:0;}
.verticalTable th .smallText{font-size:1.5rem;}
.verticalTableScroll{}

/* Sub Common */

/* Tab */
.tabDesign{padding-bottom:19px}
.tabDesign ul{display:flex;justify-content:center;}
.tabDesign ul li{background:url(/img/common/tab_line.gif) no-repeat right center;margin:0 5px;padding-right:8px}
.tabDesign ul li:last-child{background:0}
.tabDesign ul li a{font-size:18px;padding:2px 10px 4px 8px;display:inline-block;letter-spacing:-0.04em}
.tabDesign ul li a:hover, .tabDesign ul li.selected a{background:#ccceef;border-radius:3px;text-shadow: 0 0 0 #333, 0 0 0 #333;padding:2px 10px 4px 8px}

/* Title */
.dotNone > span:after{display:none !important;}
.contTitle{letter-spacing:-0.03em;word-break:keep-all;font-size:3.8rem;font-weight:700;}
.engContTitle{letter-spacing:-0.025em;color:#222;font-size:4.2rem;font-weight:500;font-family:'Playfair Display';}
.bigContTitle{color:#222;font-size:4.4rem;font-weight:bold;letter-spacing:-0.03em;}
.contTitle > span, .bigContTitle > span, .engContTitle > span{position:relative;}
.contTitle > span:after, .bigContTitle > span:after, .engContTitle > span:after{width:9px;height:9px;border-radius:50px;position:absolute;content:'';background:#15c6cd;bottom:11px;right:-23px;}
.engContTitle > span:after{width:10px;height:10px;bottom:10px;right:-21px;}

/* Introduce */

.introduceWrap{background:#eff6f8 url('/img/introduce/introduction_bg.jpg')no-repeat center top;padding-bottom:135px;}
.introduceWrap > .contents > .topIntro{margin-bottom:111px;text-align:center;letter-spacing:-0.03em;padding-top:98px;}
.introduceWrap > .contents > .topIntro > p{font-size:2rem;font-weight:300;color:#333;letter-spacing:-0.03em;margin-top:18px;line-height:1.8;}
.introduceWrap > .contents > .topIntro > .topIntroTitle{font-size:3.2rem;font-weight:bold;}
.introduceWrap > .contents > .explanCont > li{display:flex;justify-content:space-between;padding-bottom:110px;}
.introduceWrap > .contents > .explanCont > li > .imgBox img{box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.15);}
.introduceWrap > .contents > .explanCont > li > dl{width: calc(100% - 800px);}
.introduceWrap > .contents > .explanCont > li > dl > dd{letter-spacing:-0.03em;line-height:1.8;font-size:2rem;font-weight:300;color:#333;margin-left:3px;}
.introduceWrap > .contents > .explanCont > li > dl > dt{line-height:1.2276;margin:8px 0 25px ;}
.introduceWrap > .contents > .explanCont > li > dl > dt{line-height:1.2276;margin:8px 0 25px ;}
.introduceWrap > .contents > .explanCont > li:nth-of-type(2) dl{margin:10px 0 0 30px;}
.introduceWrap > .contents > .explanCont > li:nth-child(3) > dl > dt{margin:40px 0 25px;}
.introduceWrap > .contents > .explanCont > li:nth-of-type(4) dl{order:0;margin:38px 0 0 30px;}
.introduceWrap > .contents > .explanCont > li:nth-of-type(2n) .imgBox{order:1;}
.introduceWrap > .contents > .quoteText{display:flex;justify-content:center;position:relative;}
.introduceWrap > .contents > .quoteText:before{width:59px;height:53px;background:url(/img/introduce/introduction_05.png) no-repeat center / contain;position:absolute;left:120px;top:-15px;content:'';}
.introduceWrap > .contents > .quoteText:after{width:59px;height:53px;background:url(/img/introduce/introduction_06.png) no-repeat center / contain;position:absolute;right:120px;bottom:-15px;content:'';}
.introduceWrap > .contents > .quoteText > p{width:100%;font-weight:400;letter-spacing: -0.03em;text-align: center;font-size: 2.4rem;padding:58.5px 0;border-radius:75px;background:#fff;}
.introduceWrap > .contents > .quoteText > p > .c_00a8b4{width:80%;display:flex;justify-content:center;margin:0 auto;}


/* History */

.historyWrap{position:relative;}
.historyWrap .cdmoBusinessCont{position:relative;padding:0 !important;margin-bottom:150px;background:url('/img/introduce/history_img01.jpg')no-repeat center top / cover;}
.historyWrap .cdmoBusinessCont .contents dl{padding:145px 0 146px;}
.historyWrap .cdmoBusinessCont .contents dl dt{padding:0 11px 0 0;}
.historyWrap .cdmoBusinessCont .contents dl dd{font-size:3.8rem;font-weight:bold;line-height: 1.44737;}
.historyWrap .historyBgImg{width:50%;font-size:0;position:relative;}
/*.historyWrap .historyBgImg:before{width:100%;height:100%;position:absolute;content:'';left:0;top:0;background:url('/en/img/introduce/history_bg_img.jpg')no-repeat center top / cover;z-index:0;}*/
/*.historyWrap .historyBgImg:after{width:36.68%;min-width:200px;height:100%;position:absolute;content:'';left:50%;transform:translateX(-50%);top:34%;background:url('/en/img/introduce/history_logo_icon.png')no-repeat center top / 100% auto;}*/
.historyWrap > .historyList{width:100%;}
.historyWrap > .historyList .contents{display:flex;position:relative;}
/*.historyWrap > .historyList:before{width:100vw;height:100%;position:absolute;content:'';left:50%;transform:translateX(-50%);top:0;z-index:-1;}*/
/*.historyWrap > .historyList:after{width:100%;height:100%;max-height:823px;position:absolute;bottom:0;background:url('/img/introduce/history_img07.jpg')no-repeat center bottom / cover;z-index:-1;content:'';}*/
.historyWrap > .historyList .imgBox{width:100%;max-width:805px;}
.historyWrap > .historyList .yearList{width:57.743%;position:relative;}
.historyWrap > .historyList .yearList:before{width:1px;height:100%;border:1px solid #ddd;position:absolute;top:12px;left:0;content:'';}
.historyWrap > .historyList .yearList > ol{padding:1% 3.15% 5% 10%;}
.historyWrap > .historyList .yearList > ol > li:nth-child(1) > h4{padding-top:0;margin-top:-20px;}
.historyWrap > .historyList .yearList > ol > li:nth-child(n+2) > h4{margin-top:75px;}
.historyWrap > .historyList .yearList > ol > li > h4{font-weight:700;font-size:4.2rem;color:#222;position:relative;}
.historyWrap > .historyList .yearList > ol > li > h4:before{width:17px;height:17px;border:3px solid #15c6cd;border-radius:50%;position:absolute;left:-12.5%;top:23px;background:#fff;content:'';}
.historyWrap > .historyList .yearList > ol > li > p{font-size:2.4rem;font-weight:bold;margin:17px 0 35px;}
.historyWrap > .historyList .yearList > ol > li:nth-child(1) > p{padding-top:0;}
.historyWrap > .historyList .yearList > ol > li > ol > li{line-height:2;position:relative;font-size:2rem;letter-spacing:-0.03em;color:#222;margin:0 0 0 2.513%;font-weight:300;}
.historyWrap > .historyList .yearList > ol > li > ol > li:before{width:9px;height:9px;border-radius:50%;position:absolute;content:'';background:#4bd0d3;top:15px;left:-20px;}
.historyWrap > .historyList .imgWrap{width:31.4965%;margin-right:6.667%;}
.historyWrap > .historyList .imgWrap > .imgBox{display:flex;justify-content:flex-end;}
.historyWrap > .historyList .imgWrap > .imgBox:nth-child(1){margin-bottom:146px;}
.historyWrap > .historyList .imgWrap > .imgBox:nth-child(2){margin-bottom:225px;}
.historyWrap > .historyList .imgWrap > .imgBox:nth-child(3){margin-bottom:306px;}
.historyWrap > .historyList .imgWrap > .imgBox:nth-child(4){margin-bottom:224px;}

.historyJourney{position:relative;text-align:center;padding:223px 0 222px;}
.historyJourney:before{width:100vw;height:126%;position:absolute;left:50%;bottom:0;transform:translateX(-50%);content:'';z-index:-1;background:url(/img/introduce/history_img00.png)no-repeat center bottom/ cover;}
.historyJourney .contTitle{font-size:4.2rem;color:#00a8b4;letter-spacing:-0.03em;margin-top:30px;}
.historyJourney .basicText{font-size:2.2rem;font-weight:300;letter-spacing:-0.03em;line-height:1.591;margin-top:35px;}


/* Employment */

.employmentWrap{background:url('/img/community/employment_bg.jpg')no-repeat center;height:1082px;position:relative;}
.employmentWrap > .contents > .recruitmentCont{justify-content:space-between;align-items:center;color:#fff;display:flex;padding-top:76px;}
.employmentWrap > .contents > .recruitmentCont > .typeCont{display:flex;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .contTitle{width:397px;padding-left:28px;letter-spacing:-0.03em;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .explanCont{padding-top:21px;letter-spacing:-0.03em;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .explanCont > ul > li{display:flex;margin-bottom:26px;align-items:center;font-weight:300;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .explanCont > ul > li > span:nth-child(1){width:113px;font-size:2rem;font-weight:500;position:relative;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .explanCont > ul > li > span:nth-child(1):after{position:absolute;content:'';width:1px;height:18px;top:50%;transform:translate(-50%, -50%);right:20px;;background:#fff;}
.employmentWrap > .contents > .recruitmentCont > .empBlueBtn{width:257px;box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.15);background:#34cad1;font-size:2.4rem;font-weight:500;border-radius:15px;text-align:center;padding:5px 0;}
.employmentWrap > .contents > .recruitmentCont > .empBlueBtn > a > span{font-size:1.8rem;font-weight:400;}
.employmentWrap > .contents > .recruitmentCont > .empBlueBtn > .imgBox > a > img{vertical-align:5px;}
.employmentWrap > .contents > .interviewOrder{display:flex;justify-content:space-between;margin:66px 0 20px;}
.employmentWrap > .contents > .interviewOrder > .blueBgBox{background:#34cad1;}
.employmentWrap > .contents > .interviewOrder > .blueBgBox > .blueBgBoxStep{color:#fff;font-weight:300;}
.employmentWrap > .contents > .interviewOrder > .blueBgBox > .blueBgBoxTitle{color:#fff;font-size:2.8rem;font-weight:500;}
.employmentWrap > .contents > .interviewOrder > .blueBgBox > .imgBox{margin-top:110px;}
.employmentWrap > .contents > .interviewOrder > div{width:257px;letter-spacing:-0.03em;text-align:center;background:#fff;border-radius:15px;box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.15);}
.employmentWrap > .contents > .interviewOrder > div > dl{margin-bottom:21px;}
.employmentWrap > .contents > .interviewOrder > div > dl > dt{font-size:2.8rem;color:#222;font-weight:700;line-height:1;}
.employmentWrap > .contents > .interviewOrder > div > dl > dd{font-size:1.7rem;color:#333;font-weight:300;line-height:1.4;}
.employmentWrap > .contents > .interviewOrder > div > .stepTitle{color:#34cad1;margin-top:29px;}
.employmentWrap > .contents > .interviewOrder > div .imgBox{margin:17px 0 37px;}
.employmentWrap > .contents > .underLogo{position:absolute;bottom:36px;right:219px;}


/* Suwon */
.researchIntroduction{height:auto;position:relative;padding:116px 0 88px;margin-bottom:230px;background:#eff6f8 url('/img/business/suwon_01.jpg')no-repeat left top / contain;}
.researchIntroduction .contents .researchLeftCont > h4{line-height:2;letter-spacing:-0.03em;}
.researchIntroduction .contents .researchLeftCont{width:calc(100% - 845px);letter-spacing:-0.03em;}
.researchIntroduction .contents .researchLeftCont .businessTopAddr{min-height:3.6em;font-size:2rem;font-weight:300;line-height:1.8;margin-top:4px;}
.researchIntroduction .contents .researchLeftCont > dl dt{font-size:2.4rem;font-weight:700;margin:29px 0 34px;}
.researchIntroduction .contents .researchLeftCont > dl dd ul{display:flex;}
.researchIntroduction .contents .researchLeftCont > dl dd ul li{width:90px;height:90px;display:flex;align-items:center;justify-content:center;box-shadow:5px 9px 10px 0px rgba(0, 0, 0, 0.15);letter-spacing:-0.03em;background:#00a8b4;color:#fff;border-radius:50%;font-size:1.8rem;text-align:center;margin-right:19px;line-height:22px;font-weight:300;}
.researchIntroduction .contents .researchLeftCont > dl dd ul li:last-child{margin-right:0;}
.researchIntroduction .contents .businessSlideBox{width:950px;position:absolute;right:0;bottom:-90px;z-index:10;}
.researchIntroduction .contents .businessSlideBox > .businessSlideArrow{position:relative;margin:-90px 0 0 -295px;display:flex;width:295px;height:90px;background:#00a8b4;align-items:center;justify-content:space-around;}
.researchIntroduction .contents .businessSlideBox > .businessSlideArrow:after{position:absolute;width:2px;height:36px;background:#4dc2cb;top:50%;left:50%;content:'';transform: translate(-50%, -50%);}
.researchIntroduction .contents .businessSlideBox > .businessSlideArrow button{border:0;background:none;}
.listDesignBox .contents .contDesign{display:flex;justify-content:space-between;margin-bottom:147px;}
.listDesignBox .contents .listDesignL{width:360px;}
.listDesignBox .contents .listDesignL .imgBox{margin-top:82px;}
.listDesignBox .contents .listDesignL .relativeImg img{position:relative;right:23px;}
.listDesignBox .contents .listDesignL .rightImg img{position:relative;right:10px;}
.listDesignBox .contents .listDesignR{width:1052px;margin-top:10px;}
.listDesignBox .contents .listDesignR ol{border-top:2px solid #333;}
.listDesignBox .contents .listDesignR ol li{letter-spacing:-0.03em;line-height:2;display:flex;border-bottom:1px solid #ddd;padding:24px 0;align-items:flex-start;}
.listDesignBox .contents .listDesignR ol li span:nth-child(1){font-size:2.6rem;font-weight:700;color:#333;margin:0 102px 0 39px;}
.listDesignBox .contents .listDesignR ol li span:nth-child(2){margin-top:8px;}
.listDesignBox .contents .listDesignL .leftText{font-size:2.6rem;font-weight:500;letter-spacing:-0.03em;color:#333;}
.listDesignBox .contents .listDesignL .leftText > span{position:relative;}
.listDesignBox .contents .rndDesign .listDesignL{width:100%;padding-bottom:17px;}
.listDesignBox .contents .rndDesign .listDesignR{width:100%;}
.listDesignBox .TechnologyCont{padding-bottom:100px;}
.listDesignBox .TechnologyCont:last-child .contDesign{margin-top:0;padding-top:90px;border-top:1px solid #ddd;}
.listDesignBox .TechnologyCont:last-child{padding-bottom:170px;}
.listDesignBox .TechnologyCont .contDesign{margin:61px 0 52px;}
.listDesignBox .TechnologyCont .listDesignL .leftText sup{font-size:1.5rem;font-weight:700;margin-left:-3px;}
/*.listDesignBox .TechnologyCont .listDesignL .leftText > span:after{width:6px;height:6px;position:absolute;content:'';top:50%;right:-17px;background:#333;transform:translateY(-50%);}*/
.listDesignBox .TechnologyCont .listDesignR{margin-top:0;font-size:1.8rem;color:#333;letter-spacing:-0.03em;line-height:2;}
.performanceCont{margin:144px 0;background:url('/img/business/suwon_06.jpg')no-repeat center top / cover;height:521px;}
.performanceCont .contents .contTitle{padding-top:81px;text-align:center;color:#fff;}
.performanceCont .contents .resultList{margin-top:70px;display:flex;justify-content:center;}
.performanceCont .contents .resultList div{width:257px;margin-right:42px;height:219px;box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.15);border-radius:15px;background:#fff;text-align:center;}
.performanceCont .contents .resultList div:last-child{margin-right:0;}
.performanceCont .contents .resultList div p{margin:36px 0 15px;}
.performanceCont .contents .resultList div dl{letter-spacing:-0.03em;font-size:2.8rem;font-weight:700;padding-bottom:30px;}
.performanceCont .contents .resultList div dl dt{line-height:1.2145;}
.performanceCont .contents .resultList div dl dd{color:#15c6cd;}
.performanceCont .contents .resultList div dl dd span{color:#222;font-size:2rem;font-weight:700;}
.listDesignBox .contents .rndDesign table td{font-size:1.8rem;color:#333;letter-spacing:-0.03em;line-height:1.4445;}
.listDesignBox .contents .rndDesign .rndDesignAdd{text-align:right;font-size:1.5rem;margin-top:5px;}
.listDesignBox .contents .verticalTable table{text-align:center;border-top:2px solid #333;letter-spacing:-0.03em;}
.listDesignBox .contents .verticalTable table .detailView{text-align:left;margin:30px 0 0;}
.listDesignBox .contents .verticalTable table .detailView span{padding-right:31px;background: url('/img/common/suwon_plus_icon.png')no-repeat right;}
.listDesignBox .contents .verticalTable table .detailView.plus span{background: url('/img/common/suwon_minus_icon.png')no-repeat right;}
.listDesignBox .contents .verticalTable table .detailView a{cursor:pointer;display:inline-block;background:#515b5c;color:#fff;font-size:1.8rem;letter-spacing:-0.03em;padding:12px 16px;border-radius:50px;}
.listDesignBox .contents .verticalTable table .graph{background:#f8eeee url('/img/business/suwon_Rnd_BackImg.png')no-repeat left center / contain;padding:30px 0;}
.listDesignBox .contents .verticalTable table tr.detailTrParent .graph{background-color:#eef6f8;}
.listDesignBox .contents .verticalTable table .graph .graphBar{display:block;background: linear-gradient(90deg, rgba(21,177,185,1) 0%, rgba(74,202,200,1) 51%, rgba(131,227,215,1) 100%);text-indent:-999999px;color:#26b8be;border-radius:0 50px 50px 0;font-size:1rem;}
.listDesignBox .contents .verticalTable table .detailCont ul{margin:20px 0;word-break:keep-all;}
.listDesignBox .contents .verticalTable table .detailCont ul li{margin-bottom:12px;position:relative;padding-left:23px;font-size:1.8rem;color:#333;letter-spacing:-0.03em;line-height:2;-webkit-text-size-adjust: none;}
.listDesignBox .contents .verticalTable table .detailCont ul li:last-child{margin-bottom:0;}
.listDesignBox .contents .verticalTable table .detailCont ul li:after{width:2px;height:2px;background:#333;content:'';top:18px;left:10px;position:absolute;}
.listDesignBox .contents .verticalTable table .tableFractionation{vertical-align:top;padding-top:6%;}
.graph .graphBar{width:0 !important;transition:width 3s;}
.listDesignBox .contents .verticalTable table tr:nth-child(3) .graph.progressBar span{width:99% !important;height:16px;}
.listDesignBox .contents .verticalTable table tr:nth-child(5) .graph.progressBar span{width:58% !important;}
.listDesignBox .contents .verticalTable table tr:nth-child(7) .graph.progressBar span{width:58% !important;}
.listDesignBox .contents .verticalTable table tr:nth-child(9) .graph.progressBar span{width:64% !important;}
.listDesignBox .contents .verticalTable table tr:nth-child(11) .graph.progressBar span{width:30% !important;}
.listDesignBox .contents .verticalTable table tr:nth-child(13) .graph.progressBar span{width:19% !important;}
.listDesignBox .contents .verticalTable table tr:nth-child(14) .graph.progressBar span{width:22% !important;}

.listDesignBox .contents .verticalTable table tr.detailTrParent.borderOn td{border-bottom:0;}
.listDesignBox .contents .verticalTable table tr.detailTrChild{display:none;}
.listDesignBox .contents .verticalTable table tr.detailTrChild.on{display:table-row;}
.listDesignBox .contents .verticalTable table tr.detailTrChild.on td{padding-top:0;}


.networkCont{margin-top:150px;}
.networkCont .contents .contTitle{letter-spacing:-0.03em;}
.networkCont .contents .networkSubTitle{font-size:2.6rem;font-weight:500;margin:63px 0 22px;letter-spacing:-0.03em;}
.networkCont .contents ul{display:flex;flex-wrap:wrap;}
/*.networkCont > .contents > ul > li{margin-bottom:42px;letter-spacing:-0.03em;padding:20px 0;border-top:1px solid #222;border-bottom:1px solid #ddd;display:flex;align-items:center;margin-right:38px;width:345px;}*/
.networkCont .contents ul li{margin-bottom:42px;letter-spacing:-0.03em;padding:20px 0;border-top:1px solid #222;border-bottom:1px solid #ddd;display:flex;align-items:center;margin-right:38px;width:180px;}
/*.networkCont > .contents > ul > li:nth-child(4n){margin-right:0;}*/
.networkCont .contents ul li:nth-child(7n){margin-right:0;}
.networkCont .contents ul li p:nth-child(2){line-height:1.556;font-size:1.8rem;width: calc(100% - 180px);text-align:center;}


/* Ansan */
.apisComoCont{margin-bottom:230px;}
.apisComoCont .contents{display:flex;}
.apisComoCont .contents .apisRightCont{position:relative;}
.apisComoCont .contents .apisLeftCont{width: calc(100% - 853px);padding-top:40px;}
.apisComoCont .contents .apisLeftCont .bigContTitle{font-size:4.2rem;margin-bottom:58px;}
.apisComoCont .contents .apisLeftCont p{letter-spacing:-0.03em;line-height:2;font-size:1.8rem;color:#333;}
.apisComoCont .contents .apisRightCont:before{width:936px;height:90%;z-index:-1;background:#f2f6f8;bottom:-16.34%;left:118px;position:absolute;content:'';}
.listDesignBox .contents .aplsList > ul{border-top:2px solid #333;display:flex;flex-wrap:wrap;}
.listDesignBox .contents .aplsList > ul > li{width:33.333%;border-bottom:1px solid #ccc;display:flex;justify-content:center;text-align:center;padding:7.51% 0 6.75%;}
.listDesignBox .contents .aplsList > ul > li dl{text-align:center;}
.listDesignBox .contents .aplsList > ul > li dl dd{padding:22px 10px 0;letter-spacing:-0.03em;}


/* Asan */
.cdmoBusinessCont{position:relative;padding:7% 0 8.4215%;margin-bottom:230px;background:url('/img/business/asan_bgImg.jpg')no-repeat center top / cover;}
.cdmoBusinessCont .contents{text-align:center;}
.cdmoBusinessCont .contents dl{color:#fff;letter-spacing:-0.03em;}
.cdmoBusinessCont .contents dl dt{padding-bottom:34px;}
.cdmoBusinessCont .contents dl dd{font-size:2rem;font-weight:300;line-height:1.75;}
.oneStopList .contents{margin-bottom:77px !important;}
.oneStopList .contents .oneStopService ul li{font-weight:500;letter-spacing:-0.03em;text-align:center;font-size:2rem;padding:45px 0;border-radius:100px;margin-bottom:19px;}
.oneStopList .contents .oneStopService ul .blueListCont{border:2px solid #00a8b4;color:#00a8b4;}
.oneStopList .contents .oneStopService ul .greenListCont{border:2px solid #55c35d;color:#55c35d;margin-bottom:0;}


/* Workplace */
.mapCont{display:flex;justify-content:flex-end;max-width:1500px;margin:0 auto 40px;padding:50px;border:1px solid #ccc;border-radius:20px;}
.mapCont > .contents{width:45.709%;margin:40px 0 0 15px;}
.mapCont > .contents > h4{margin-right:74px;flex-shrink:0;}
.mapCont > .contents > h4:after{width:40px;height:2px;border:1px solid #000;margin:30px 0;display:block;content:'';}
.mapCont > .contents > ul{padding:6px 0;}
.mapCont > .contents > ul li{margin-right:49px;font-size:1.8rem;color:#333;letter-spacing:-0.03em;font-weight:400;margin-bottom:15px;}
.mapCont > .contents > ul li span{font-size:2rem;font-weight:bold;padding-right:30px;}
/*.mapCont > .contents > ul li > span:nth-child(2){margin-left:8px;}*/
.mapCont > .contents > ul .addressList{display:flex;align-items: baseline;}
/*.mapCont > .contents > ul li:nth-child(3){margin-right:0;}*/
/*.mapCont > .contents > ul li:nth-child(n+2){flex-shrink:0;}*/
.mapCont iframe{border-radius:20px;}
.mapCont > .contents > ul .addressList p{width:100%;}
.workplace .listDesignBox{margin-top:137px;}
.workplace .listDesignBox .contents .listDesignL .contTitle span{font-size:4.2rem;}
.workplace .listDesignBox .contents .listDesignR ul li img{margin-top:-10px;}
.workplace .listDesignBox .contents .aplsList > ul {border-bottom: 1px solid #ccc;}
.workplace .listDesignBox .contents .aplsList > ul > li{width:50%;border-right:1px solid #ccc;margin:30px 0;padding:4.088% 0;border-bottom:none;display:flex;align-items:center;}
.workplace .listDesignBox .contents .aplsList > ul > li:last-child{border-right:none;}
.workplace .listDesignBox .contents .aplsList > ul > li dl{text-align:left;font-size:2.4rem;margin:0 25px 0 50px;}
.workplace .listDesignBox .contents .aplsList > ul > li dl dt{font-weight:bold;margin-bottom:10px;}
.workplace .listDesignBox .contents .aplsList > ul > li dl dd{padding:0;font-weight:300;}


@media all and (max-width:1750px) {
.researchIntroduction .contents .businessSlideBox{width:850px;}
.researchIntroduction .contents .researchLeftCont{width:calc(100% - 790px);}
}

@media all and (max-width:1540px) {
/* Introduce */

.introduceWrap .brNone{display:none;}
.introduceWrap > .contents > .explanCont > li > p{width:47%;}
.introduceWrap > .contents > .explanCont > li > dl{width:47%;}
.introduceWrap > .contents > .explanCont > li > dl > dt{margin:2% 0 3%;}

/* Employment */

.employmentWrap > .contents > .interviewOrder{padding:0;}
.employmentWrap > .contents > .interviewOrder > div{margin-right:42px;margin-bottom:60px;padding:0 5px;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .explanCont{min-width:430px;}
.employmentWrap > .contents > .underLogo{bottom:2%;right:3%;}

/* Suwon */

.researchIntroduction .contents .researchLeftCont{width:636px;}
.researchIntroduction .contents .businessSlideBox{width:calc(100% - 670px)}
.performanceCont .contents .resultList > div{margin-right:3%;}
.performanceCont .contents .resultList > div dl{font-size:2.4rem;}
.listDesignBox .contents .listDesignL{width:20%;}
.listDesignBox .contents .listDesignL .relativeImg img{position:static;}
.listDesignBox .contents .listDesignL .rightImg img{position:static;}
.listDesignBox .contents .verticalTable, .listDesignBox .contents .listDesignR{width:70%;}
.networkCont .contents ul > li{width:23.5%;margin-right:2%;}

/* Asan */
.oneStopList .contents .oneStopService ul li{width:100%;padding:23px 0;}

/* Ansan */
.apisComoCont .contents .apisLeftCont{width:42%;padding-right:20px;}
.apisComoCont .contents .apisRightCont{width:58%;}

/* Workplace */
.mapCont > .contents{justify-content:center;}


}

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

/* contact */
.mapCont{padding:3.379%;}
.mapCont > .contents{margin:2.901% 0 0 1.088%;}
.workplace .listDesignBox .contents .aplsList > ul > li dl{margin:0 4.963% 0 9.923%;}
.workplace .listDesignBox .contents .listDesignR ul li img{width:20.28%;}

}


@media all and (max-width:1279px) {
/* Sub Common */

.brNone{display:none}


/* Introduce */

.introduceWrap > .contents > .topIntro{margin-bottom:80px;padding-top:70px;}
.introduceWrap > .contents > .explanCont > li > .imgBox, .introduceWrap > .contents > .explanCont > li > dl{width:48%;}
.introduceWrap > .contents > .explanCont > li:nth-of-type(2n) dl{order:0;margin:0;}
.introduceWrap > .contents > .quoteText:before{width: 50px;height: 50px;left: 100px;}
.introduceWrap > .contents > .quoteText:after{width: 50px;height: 50px;right: 100px;}




/* History */

.historyWrap{background-size:auto 100%;}
.historyWrap > .historyList ol{padding:20px 30px 30px;}
.historyWrap > .historyList ol > li > p{padding-top:17px;}
.historyWrap > .historyList:after{background-size:100% auto;}


/* Employment */

.employmentWrap > .contents > .recruitmentCont{align-items:end;}
.employmentWrap > .contents > .recruitmentCont > .typeCont{display:block;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .explanCont{padding-left:28px;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .explanCont > ul > li > span:nth-child(1){width:108px;}
.employmentWrap > .contents > .interviewOrder{flex-wrap:wrap;justify-content:center;}
.employmentWrap > .contents > .interviewOrder > div{width:28%;}
.employmentWrap > .contents > .interviewOrder > div:nth-child(3n){margin-right:0;}
.employmentWrap > .contents > .interviewOrder > div:last-child{margin-right:0;}

/* Suwon */

.researchIntroduction{padding-bottom:0;}
.researchIntroduction .contents .researchLeftCont{width:100%;}
.researchIntroduction .contents .businessSlideBox{width:calc(100% - 295px);position:relative;margin:0 0 0 295px;}
.networkCont .contents ul li{width:32%;margin-right:2%;margin-bottom:30px;}
.networkCont .contents ul li:nth-child(4n){margin-right:2%;}
.networkCont .contents ul li:nth-child(3n){margin-right:0;}
.listDesignBox .contents .verticalTable table .detailCont ul li:after{top:15px;}

/* Workplace */

.mapCont > .contents > ul li{margin-right:21px;}
.mapCont > .contents{display:block;}
.mapCont > .contents > h4{margin-right:0;margin-bottom:15px;}

}



@media all and (max-width:979px) {
/* Table */
.verticalTableScroll{overflow-x:scroll;}
.verticalTableScroll > table{min-width:767px;}

/* Introduce */

.introduceWrap > .contents > .explanCont > li > dl > dt{font-size:4rem;}
.introduceWrap > .contents > .quoteText > p{font-size:2rem;padding:45px 0;}
.introduceWrap > .contents > .quoteText:before{width: 35px;height: 35px;left: 80px;}
.introduceWrap > .contents > .quoteText:after{width: 35px;height: 35px;right: 80px;}


/* contact */
.mapCont > .contents > ul .addressList{flex-wrap:wrap;}



/* History */

.historyWrap > .historyList ol > li > ol > li:before{top:10px;}


/* Employment */

.employmentWrap{background: url(/img/community/employment_bg.jpg)no-repeat center top / cover;}
.employmentWrap > .contents > .recruitmentCont > .empBlueBtn{width:220px;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .contTitle{padding-right:20px;}
.employmentWrap > .contents > .interviewOrder > div{width:32%;margin-right:2%;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .explanCont > ul > li > span:nth-child(1){width:103px;}
.employmentWrap > .contents > .underLogo .imgBox img{width:160px;}


/* Suwon */

.researchIntroduction .contents .businessSlideBox{width:calc(100% - 250px);margin-left:250px;bottom:-75px;}
.researchIntroduction .contents .businessSlideBox .businessSlideArrow{width:250px;height:75px;margin:-75px 0 0 -250px;}
.researchIntroduction .contents .businessSlideBox .businessSlideArrow:after{height:30px;}
.researchIntroduction .contents .businessSlideBox .businessSlideArrow img{width:13px;}
.performanceCont .contents .resultList{padding:0 2%;}
.networkCont .contents ul li{width:49%;margin-right:2%;}
.networkCont .contents ul li:nth-child(2n){margin-right:0;}
.networkCont .contents ul li:nth-child(3){margin-right:2%;}


/* Ansan*/

.listDesignBox .contents .aplsList > ul > li dl dt img{width:88px;}

}

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

.pcView{display:none;}
.mView{display:block;}


/* Introduce */
.introduceWrap{padding-bottom:67.5px;}
.introduceWrap > .contents > .topIntro{margin-bottom:55.5px;padding-top:49px;}
.introduceWrap > .contents > .explanCont > li{display:block;padding-bottom:55px;}
.introduceWrap > .contents > .explanCont > li > .imgBox, .introduceWrap > .contents > .explanCont li > dl{width:100%;}
.introduceWrap > .contents > .explanCont > li > dl > dt{margin:20px 0 14px;}
.introduceWrap > .contents > .explanCont > li > dl > dt br{display:none;}
.introduceWrap > .contents > .quoteText > p{font-size:2rem;padding:30px 0;}
.introduceWrap > .contents > .quoteText:before{width: 25px;height: 25px;left: 50px;}
.introduceWrap > .contents > .quoteText:after{width: 25px;height: 25px;right: 50px;}


/* History */

.historyWrap .cdmoBusinessCont{margin-bottom:75px;}
.historyWrap .cdmoBusinessCont .contents dl{padding:75px 0;}
.historyWrap{flex-wrap:wrap;}
.historyWrap .historyBgImg{display:none;}
.historyWrap .historyBgImg:before{display:none;}
.historyWrap .historyBgImg:after{display:none;}
.historyWrap > .historyList{width:100%;left:0;}
.historyWrap > .historyList div{margin-left:50px;}
.historyWrap > .historyList ol > li > ol > li{margin-left:14px;}
.historyWrap > .historyList ol > li > ol > li:before{width:6px;height:6px;top:10px;left:-14px;}
.historyWrap .historyList ol .imgBox{margin-top:30px;}

.historyWrap > .historyList div{margin-left:0;}
.historyWrap > .historyList ol{padding:0 20px;}
.historyWrap > .historyList .yearList{width:100%;}
.historyWrap > .historyList .yearList > ol{padding-left:50px;}
.historyWrap > .historyList .yearList > ol > li > h4:before{left:-57px;top:18px;}
.historyWrap > .historyList .yearList > ol > li > p{margin:8px 0 20px;}
.historyWrap > .historyList .yearList > ol > li > ol > li:before{width:6px;height:6px;top:12px;}

.historyJourney{padding:100px 0;}
.historyJourney .basicText{margin-top:20px;}

.workplace .listDesignBox {margin-top:68.5px;}
.workplace .listDesignBox .contents .aplsList > ul > li{margin:15px 0;}
.workplace .listDesignBox .contents .aplsList > ul > li dl dt{margin-bottom:5px;}
.workplace .listDesignBox .contents .listDesignR ul li img{width:60px;}


/* Employment */

.employmentWrap > .contents > .recruitmentCont{display:block;padding-top:43px;margin:0;}
.employmentWrap > .contents > .recruitmentCont > .typeCont{margin-bottom:20px;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .contTitle{width:100%;padding-left:0;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .explanCont{width:100%;padding:10px 0 0;min-width:auto;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .explanCont > ul{margin:10px 0;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .explanCont > ul > li{align-items:center;font-size:1.7rem;display:flex;margin-bottom:10px;line-height:1.5;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .explanCont > ul > li > span:nth-child(1){width:97px;flex-shrink:0;}
.employmentWrap > .contents > .recruitmentCont > .empBlueBtn > .imgBox > a > img{vertical-align:1px;width:32px;}
.employmentWrap > .contents > .recruitmentCont > .empBlueBtn{width:100%;padding:5px 0;}
.employmentWrap > .contents > .interviewOrder{margin-top:20px;}
.employmentWrap > .contents > .interviewOrder > div{width:48%;margin-bottom:15px;margin-right:11px;}
.employmentWrap > .contents > .interviewOrder > div:nth-child(3n){margin-right:11px;}
.employmentWrap > .contents > .interviewOrder > div:nth-child(2n){margin-right:0;}
.employmentWrap > .contents > .interviewOrder > div > dl{margin-bottom:10px;}
.employmentWrap > .contents > .interviewOrder > div > dl > dd{font-size:1.6rem;}
.employmentWrap > .contents > .interviewOrder > div .imgBox{margin:8px 0 18.5px;}
.employmentWrap > .contents > .interviewOrder > div > dl > dd > .imgBox > img, 
.employmentWrap > .contents > .interviewOrder > .blueBgBox > .imgBox > img{width:55px;}
.employmentWrap > .contents > .interviewOrder > div > .stepTitle{margin-top:17px;}
.employmentWrap > .contents > .interviewOrder > .blueBgBox > .blueBgBoxTitle{margin-bottom:35px;}
.employmentWrap > .contents > .interviewOrder > .blueBgBox > .imgBox{margin-top:35px;}
.employmentWrap > .contents > .recruitmentCont > .typeCont > .explanCont > ul > li > span:nth-child(1):after{height:15px;}


/* Suwon */

.researchIntroduction{padding:30px 0 0;margin-bottom:160px;}
.researchIntroduction .contents .businessSlideBox{width:100%;margin-left:0;bottom:-60px;}
.researchIntroduction .contents .businessSlideBox .businessSlideArrow{margin:0;width:220px;height:60px;}
.researchIntroduction .contents .businessSlideBox .businessSlideArrow img{width:10px;}
.researchIntroduction .contents .businessSlideBox .businessSlideArrow:after{height:26px;}
.researchIntroduction .contents .researchLeftCont dl dt{margin:17px 0 12px;}
/*.researchIntroduction .researchLeftCont dl dd{max-width:462px;margin:0 auto;}*/
.researchIntroduction .contents .researchLeftCont dl dd ul{flex-wrap:wrap;}
.researchIntroduction .contents .researchLeftCont dl dd ul li{width:80px;height:80px;margin:5px 15px 5px 0;}
.listDesignBox .contents .contDesign{display:block;margin-bottom:70px;}
.listDesignBox .contents .listDesignL{width:100%;}
.listDesignBox .contents .listDesignL .imgBox, .listDesignBox .contents .listDesignL .imgBox{text-align:center;margin:51px 0 20px;}
.listDesignBox .contents .listDesignL .imgBox img{width:150px;}
.listDesignBox .contents .listDesignR, .listDesignBox .contents .verticalTable{width:100%;}
.listDesignBox .contents .listDesignR ol li span:nth-child(1){margin:0 41px 0 18px;}
.listDesignBox .contents .listDesignR ol li span:nth-child(2){margin-top:0}
.listDesignBox .TechnologyCont{padding-bottom:50px;}
.listDesignBox .TechnologyCont .contDesign{margin:30px 0 25px;}
.listDesignBox .TechnologyCont:last-child{padding-bottom:85px;}
.listDesignBox .TechnologyCont:last-child .contDesign{padding-top:45px;}
.listDesignBox .TechnologyCont .listDesignL .leftText > span:after{width:4px;height:4px;right:-10px;transform:none;}
.listDesignBox .TechnologyCont .listDesignL .leftText{margin-bottom:10px;} 
.performanceCont{height:auto;margin:72px 0;padding-bottom:20.5px;}
.performanceCont .contents .contTitle{padding-top:40.5px;}
.performanceCont .contents .resultList{margin-top:30px;flex-wrap:wrap;}
.performanceCont .contents .resultList > div{width:47%;height:100%;margin-bottom:20px;}
.performanceCont .contents .resultList > div > dl{padding-bottom:15px;}
.performanceCont .contents .resultList > div > p{margin:14px 0 6px;}
.performanceCont .contents .resultList > div > p img{width:45px;}
.performanceCont .contents .resultList > div:nth-child(2n){margin-right:0;}
.networkCont{margin-top:70px;}
.networkCont .contents .networkSubTitle{margin:31px 0 15px;}
.networkCont .contents ul > li{display:block;}
.networkCont .contents ul > li > p:nth-child(2){width:auto;}
.networkCont .contents ul > li > p:nth-child(2) > br{display:none;}
.networkCont .contents ul > li > .imgBox{padding-bottom:22px;}
.networkCont .contents ul > li > .imgBox img{width:100%;}
.listDesignBox .contents .verticalTable table .detailView{margin:15px 0 0;}
.listDesignBox .contents .rndDesign table td{padding:15px 0;}
.listDesignBox .contents .verticalTable table .detailCont ul{margin:10px 0;}
.listDesignBox .contents .verticalTable table .detailCont ul li{margin-bottom:6px;padding-left:18px;font-size:1.5rem;}
.listDesignBox .contents .verticalTable table .detailView span, .listDesignBox .contents .verticalTable table .detailView.plus span{background-size:12px;padding-right:18px;}
.listDesignBox .contents .verticalTable table .detailCont ul li:after{top:10px;}
/* Ansan */

.apisComoCont{margin-bottom:100px;}
.apisComoCont .contents{flex-wrap:wrap;}
.apisComoCont .contents .apisLeftCont{width:100%;padding-right:0;order:1;}
.apisComoCont .contents .apisRightCont{width:100%;order:0;}
.apisComoCont .contents .apisLeftCont .bigContTitle{margin:30px 0 30px;}
.listDesignBox .contents .aplsList > ul > li{padding:39.5px 0 35.5px;}
.listDesignBox .contents .aplsList > ul > li > dl > dt > img{width:60px;}
.listDesignBox .contents .aplsList > ul > li > dl > dd{padding-top:11px;}


/* Asan */

.cdmoBusinessCont{margin-bottom:100px;padding:66.5px 0 80px;}
.oneStopList .contents .oneStopService > ul > li{margin:10px auto;width:330px;padding:20px 10px;}
.oneStopList .contents .oneStopService > ul > li:nth-child(3){width:100%;}


/* Workplace */
.mapCont{flex-wrap:wrap;border-radius:10px;margin:0 auto 20px;padding:20px;}
.mapCont > .contents{width:100%;margin:0;padding:0;}
.mapCont > .contents > h4{font-size:3.4rem;}
.mapCont > .contents > ul .addressList{flex-wrap:unset;}
.mapCont > .contents > ul{display:block;}
.mapCont > .contents > ul > li{margin:0 0 7.5px;display:flex;align-items:center;}
.mapCont > .contents > ul > li img{width:18px;}
.mapCont iframe{width:100%;height:280px;border-radius:10px;margin-top:10px;}
.mapCont > .contents > h4:after{margin:15px 0;}
.workplace .listDesignBox .contents .aplsList > ul{flex-wrap:wrap;}
.workplace .listDesignBox .contents .aplsList > ul > li{width:100%;border-right:none;margin:0;justify-content: flex-start;}
.workplace .listDesignBox .contents .aplsList > ul > li:nth-child(1){border-bottom:1px solid #ccc;}



/* Tab */

.tabDesign{padding-bottom:10px}
.tabDesign ul li{margin:0 3px;padding-right:4px}
.tabDesign ul li a{font-size:16px;padding:0 5px 3px 4px;}
.tabDesign ul li.selected a{background:#ccceef;border-radius:3px}
.contTitle > span:after, .bigContTitle > span:after, .engContTitle > span:after{width:6px;height:6px;right:-10px;}

}

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



/* Employment */

.employmentWrap > .contents > .interviewOrder > div > dl > dd br{display:none;}


/* Suwon */

.researchIntroduction .contents .businessSlideBox .businessSlideArrow{width:180px;height:40px;}
.researchIntroduction .contents .businessSlideBox .businessSlideArrow img{width:8px;vertical-align:-1px;}
.researchIntroduction .contents .businessSlideBox .businessSlideArrow:after{height:18px;}

}