@charset "utf-8";

/**************************************************
	Main CSS Document
	IEETU Web Standardization Team
	2023-06-30
**************************************************/

/**************************************************
	Common
**************************************************/
/* 서브 공통 */
.cont_sub{width:100%; position:relative;}
.cont_sub .inr{max-width:1460px; margin:0 auto; padding:0 0 100px 0; overflow:hidden; position:relative; transition:0.3s ease-out;}

/* 서브 버튼 */
.btn_wp{display:flex; justify-content:center;}
.btn_wp a{display:flex; justify-content:center; align-items:center; width:280px; height:77px; border:1px solid #304fa7; font-size:18px; color:#304fa7; font-weight:600; margin:0 10px;}

/* 서브 타이틀 */
.con_tit01{text-align:center; font-size:44px; font-weight:800; margin-bottom:50px;}

/**************************************************
	Content
**************************************************/

/* 회사소개 */
.cont_about .inr{padding:100px 0;}
.cont_about .sc01 .info{padding:55px 0 0 0; background:url(../images/content/bg_about_sc01.jpg) 50% 50%; background-size:cover;}
.cont_about .sc01 .info .inr{display:flex; justify-content:space-between; padding:0;}
.cont_about .sc01 .info .box{background:#fff; max-width:530px; width:40%; padding:65px 80px 25px 80px; font-size:40px; font-weight:800;}
.cont_about .sc01 .info .box .dot{position:relative;}
.cont_about .sc01 .info .box .dot:before{position:absolute; content:""; display:block; left:50%; top:-5px; width:5px; height:5px; margin-left:-2.5px;  background:#000; border-radius:50%;}
.cont_about .sc01 .info ul{width:calc(60% - 30px); margin-top:15px;}
.cont_about .sc01 .info ul li{display:flex; justify-content:space-between; align-items:center; color:#fff; margin-bottom:10px;}
.cont_about .sc01 .info ul li:last-child{margin-bottom:0;}
.cont_about .sc01 .info ul li span{width:95px; height:34px; border:1px solid #fff; font-size:18px; font-weight:600; border-radius:17px; text-align:center; line-height:32px;}
.cont_about .sc01 .info ul li p{width:calc(100% - 115px); font-size:20px;}
.cont_about .sc01 .dt ul{display:flex; justify-content:space-between; }
.cont_about .sc01 .dt ul li{width:calc(20% - 12px); background:#ececec; padding:40px 28px; border-radius:0 30px 0 0;}
.cont_about .sc01 .dt ul li:before{content:""; display:block; height:88px; margin-bottom:70px; background-image:url(../images/content/ico_about_sc01.png);}
.cont_about .sc01 .dt ul li.list1:before{width:74px;}
.cont_about .sc01 .dt ul li.list2:before{width:77px; background-position:-114px 0;}
.cont_about .sc01 .dt ul li.list3:before{width:72px; background-position:-231px 0;}
.cont_about .sc01 .dt ul li.list4:before{width:74px; background-position:-344px 0;}
.cont_about .sc01 .dt ul li.list5:before{width:78px; background-position:-457px 0;}
.cont_about .sc01 .dt ul li .txt1{font-size:22px; font-weight:800; color:#139481;}
.cont_about .sc01 .dt ul li .txt2{font-size:28px; font-weight:600; line-height:1; margin-bottom:20px;}
.cont_about .sc01 .dt ul li .txt2 span{font-size:64px; font-family:'montserrat'; font-weight:800; letter-spacing:-1.5px;}
.cont_about .sc01 .dt ul li .txt3{font-size:18px;}
.cont_about .sc02{background:url(../images/content/bg_about_sc02.jpg) 50% 50%; background-size:cover;}
.cont_about .sc02 .con_tit02{position:absolute; top:100px; left:0; font-size:44px; font-weight:800; color:#fff; padding-top:15px;}
.cont_about .sc02 .con_tit02:before{content:""; display:block; position:absolute; left:0; top:0; width:43px; height:2px; background:#fff;}
.cont_about .sc02 .vision{color:#fff; text-align:center;}
.cont_about .sc02 .vision .cir{display:flex; justify-content:center; align-items:center; position:relative; width:152px; height:152px;  border-radius:50%; margin:0 auto; font-family:'montserrat'; font-size:28px; font-weight:800; line-height:1.1; margin-bottom:20px;}
.cont_about .sc02 .vision .arrow{position:relative; padding-bottom:40px;}
.cont_about .sc02 .vision .arrow:after{content:""; display:block; position:absolute; left:50%; bottom:-75px; width:220px; height:100px; transform:translateX(-50%); background:url(../images/content/ico_about_sc02.png);}
.cont_about .sc02 .vision .vs01 .cir{background:#fff; color:#035e55;}
.cont_about .sc02 .vision .vs02 .cir{background:#a5efe0; color:#035e55;}
.cont_about .sc02 .vision .vs03 .cir{background:#139481; color:#fff;}
.cont_about .sc02 .vision .vs04 .cir{background:#035e55; color:#fff;}
.cont_about .sc02 .vision .bd_r{display:inline-block; padding:18px 40px; font-size:24px; font-weight:600; border-radius:40px; border:1px solid #fff;}
.cont_about .sc02 .vision .vs03 ul{display:flex; justify-content:center; justify-content: center;}
.cont_about .sc02 .vision .vs03 li{position:relative; width:calc(33.333% - 10px); max-width:270px;}
.cont_about .sc02 .vision .vs03 li:nth-child(2){margin:0 15px;}
.cont_about .sc02 .vision .vs03 li > div{display:flex; align-items:center; justify-content:center; position:relative; padding:15px 10px;}
.cont_about .sc02 .vision .vs03 li .txt_r{position:relative; font-family:'montserrat'; font-size:26px; margin-left:12px; padding-left:12px;}
.cont_about .sc02 .vision .vs03 li .txt_r:before{content:""; display:block; position:absolute; left:0; top:50%; margin-top:-6px; width:1px; height:14px; background:rgba(255,255,255,0.3);}
.cont_about .sc02 .vision .vs03 li .txt_r span{color:#139481;}
.cont_about .sc02 .vision .vs04 div{display:flex; justify-content:center;}
.cont_about .sc02 .vision .vs04 div dl{background:#fff; color:#222; width:calc(33.3333% - 17px); max-width:300px; border-radius:0 20px 0 0; padding:25px 30px;}
.cont_about .sc02 .vision .vs04 div dl:nth-child(2){margin:0 25px;}
.cont_about .sc02 .vision .vs04 div dl dt{font-size:26px; font-weight:800; padding-bottom:13px; margin-bottom:15px; border-bottom:1px solid #c1c1c1;}
.cont_about .sc02 .vision .vs04 div dl dd{font-size:20px; padding-bottom:6px;}
.cont_about .sc02 .vision .vs04 div dl dd:last-child{padding-bottom:0;}

/* 회사연혁 */
.cont_history .top{text-align:center;}
.cont_history .top p{font-size:36px;}
.cont_history .top p strong{font-weight:800; font-size:42px;}
.cont_history .top ul{display:inline-flex; margin:30px 0 60px;}
.cont_history .top ul li{position:relative;}
.cont_history .top ul li:after{content:""; display:block; position:absolute; right:-62px; top:50%; width:58px; height:1px; background:#070909;}
.cont_history .top ul li:last-child:after,
.cont_history .top ul li:last-child:before{display:none;}
.cont_history .top ul li:before{position:absolute; right:-35px; top:calc(50% - 3px); content:''; width:6px; height:6px; border-top:1px solid #070909; border-right:1px solid #070909; transform:rotate(45deg);}
.cont_history .top ul li:nth-child(2){margin:0 65px;}
.cont_history .top ul li a{display:flex; justify-content:center; align-items:center; font-size:18px; font-weight:800; border:1px solid #070909; border-radius:20px; width:160px; height:40px; box-sizing:border-box;}
.cont_history .hty .info{text-align:center; padding:100px 0 110px; color:#fff; background:url(../images/content/bg_hty01.jpg) 50% 50%; background-size:cover; text-transform:uppercase;}
.cont_history .hty02 .info{background-image:url(../images/content/bg_hty02.jpg);}
.cont_history .hty03 .info{background-image:url(../images/content/bg_hty03.jpg);}
.cont_history .hty .info h4{position:relative; font-size:58px; font-weight:800; padding-bottom:25px; margin-bottom:20px;}
.cont_history .hty .info h4:after{content:""; display:block; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:25px; height:1px; background:#fff;}
.cont_history .hty .info p{font-size:22px;}
.cont_history .hty .dt{position:relative; padding:65px 0;}
.cont_history .hty03 .dt{padding-bottom:100px;}
.cont_history .hty .dt:before{position:absolute; content:""; display:block; left:50%; top:0; width:1px; height:100%; background:#bbbbbb;}
.cont_history .hty .dt:after{content:""; display:block; clear:both;}
.cont_history .hty .dt dl{position:relative; margin:0 0 0 50%; padding:0 0 15px 90px; float:left; transition:0.3s ease-out;}
.cont_history .hty .dt dl.left{margin:0 50% 0 0; padding:0 90px 15px 0; float:right; text-align:right;}
.cont_history .hty .dt dl:last-child{padding-bottom:0;}
.cont_history .hty .dt dl:before{display:block; position:absolute; content:""; left:0; top:23px; width:80px; height:1px; border-bottom:1px dashed #ccc;}
.cont_history .hty .dt dl.left:before{right:0; left:inherit;}
.cont_history .hty .dt dl:after{position:absolute; content:""; display:block; left:-8px; top:16px; width:17px; height:17px; background:#fff; border:5px solid #5c77e8; box-sizing:border-box; border-radius:50%;}
.cont_history .hty02 .dt dl:after{border-color:#4ca4f7;}
.cont_history .hty03 .dt dl:after{border-color:#1fabce;}
.cont_history .hty .dt dl.left:after{right:-9px; left:inherit;}
.cont_history .hty .dt dl dt{position:relative; font-size:28px; font-weight:800; margin-bottom:15px; line-height:1;}
.cont_history .hty .dt dl dd{font-size:20px;}

/* 오시는 길 */
.cont_location .map_wp .root_daum_roughmap .map{border-bottom:1px solid #d5d5d0;}
.cont_location .map_wp .root_daum_roughmap .wrap_controllers{display:none;}
.cont_location .lc01{background:#f5f5f5; padding:60px 0; margin-bottom:60px; overflow:hidden;}
.cont_location .lc01 ul{display:flex;}
.cont_location .lc01 ul li{display:flex; flex-direction:column; align-items:center; position:relative; width:33.333%; text-align:center;}
.cont_location .lc01 ul li:before{content:""; display:block; height:53px; background-image:url(../images/content/ico_lc01.png);}
.cont_location .lc01 ul li.list1:before{width:60px;}
.cont_location .lc01 ul li.list2:before{width:46px; background-position:-90px 0;}
.cont_location .lc01 ul li.list3:before{width:59px; background-position:-166px 0;}
.cont_location .lc01 ul li:after{content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:101px; background:#ccc;}
.cont_location .lc01 ul li:last-child:after{display:none;}
.cont_location .lc01 ul li h4{font-size:20px; font-weight:600; padding:20px 0 12px;}
.cont_location .lc01 ul li p{font-size:20px; color:#666;}
.btn_wp a.google:before,
.btn_wp a.naver:before{content:""; display:block; width:25px; height:34px; margin-right:15px; background-image:url(../images/content/ico_lc02.png);}
.btn_wp a.naver:before{background-position:-55px 0;}

/* 사업영역 + 채용정보 */
.c00000780 .lnb{display:none;}
.cont_service > .inr > div.sc{display:flex; align-items:center; padding:85px 65px 55px; margin-bottom:50px; border-radius:30px;}
.cont_service > .inr > div.sc.sc01{background:#e9f7ff;}
.cont_service > .inr > div.sc.sc02{background:#f6fbe5;}
.cont_service > .inr > div.sc.sc03{background:#ddf8f6;}
.cont_service > .inr > div.sc.sc04{background:#eaf0ff; margin-bottom:0;}
.cont_service > .inr > div.sc.sc03,
.cont_service > .inr > div.sc.sc04{align-items:flex-start;}
.cont_service .left{width:415px;}
.cont_service .sc03 .left,
.cont_service .sc04 .left{margin-top:75px;}
.cont_service .left h4{font-size:40px; font-weight:800; line-height:1.2;}
.cont_service .left h4:before{content:""; display:block; width:37px; height:3px; margin-bottom:18px; background:#0089d0;}
.cont_service .sc02 .left h4:before{background:#139481;}
.cont_service .sc03 .left h4:before{background:#078f82;}
.cont_service .sc04 .left h4:before{background:#224187;}
.cont_service .left .txt1{font-size:20px; color:#484747; text-transform:uppercase; padding:20px 0 45px;}
.cont_service .left .tit{font-size:18px; font-weight:800;}
.cont_service .left .txt2{font-size:17px; line-height:1.7;}
.cont_service .right{display:flex; justify-content:space-between; width:calc(100% - 415px);}
.cont_service .sc03 .right,
.cont_service .sc04 .right{flex-wrap:wrap;}
.cont_service .right .box{width:calc(50% - 15px); border:3px solid #9addf1; border-radius:30px; padding:20px 25px 50px; margin-bottom:30px;}
.cont_service .sc02 .right .box{border-color:#d0e0a9; width:calc(33.3333% - 20px);}
.cont_service .sc03 .right .box{border-color:#ade4dc;}
.cont_service .sc04 .right .box{border-color:#c0d1f0;}
.cont_service .right h5{display:flex; flex-direction:column; align-items:center; text-align:center; font-size:28px; font-weight:800; color:#0075d0; line-height:1.3;}
.cont_service .sc02 .right h5{color:#035e0e;}
.cont_service .sc03 .right h5{color:#035e55;}
.cont_service .sc04 .right h5{color:#224187;}
.cont_service .sc04 .right h5 span span{font-weight:400; font-size:26px;}
.cont_service .right h5:before{content:""; display:block; width:130px; height:130px;}
.cont_service .sc01 .right h5:before{background-image:url(../images/content/ico_service01.png);}
.cont_service .sc02 .right h5:before{background-image:url(../images/content/ico_service02.png);}
.cont_service .sc03 .right h5:before{background-image:url(../images/content/ico_service03.png);}
.cont_service .sc04 .right h5:before{background-image:url(../images/content/ico_service04.png);}
.cont_service .right .box02 h5:before{background-position:-130px 0;}
.cont_service .right .box03 h5:before{background-position:-260px 0;}
.cont_service .right .box04 h5:before{background-position:-390px 0;}
.cont_service .right ul{margin-top:25px;}
.cont_service .right li{position:relative; font-size:18px; margin-bottom:10px; padding-left:17px;}
.cont_service .right li:before{content:""; display:block; position:absolute; left:0; top:10px; width:5px; height:5px; background:#0075d0; border-radius:50%;}
.cont_service .sc02 .right li:before{background:#3c9c07;}
.cont_service .sc03 .right li:before,
.cont_service .sc04 .right li:before{background:#139481;}
.cont_service .right li:last-child{margin-bottom:0;}

/* SOLUTIONS 공통 */
.cont_solution .inr{padding-bottom:80px;}
.cont_solution .top{padding-top:62px; margin-bottom:78px; background:url(../images/content/bg_solution01.jpg) 50% 50%; background-size:cover !important;}
.cont_solution.solution02 .top{background:url(../images/content/bg_solution02.jpg) 50% 50%;}
.cont_solution.solution03 .top{background:url(../images/content/bg_solution03.jpg) 50% 50%;}
.cont_solution.solution04 .top{background:url(../images/content/bg_solution04.jpg) 50% 50%;}
.cont_solution.solution05 .top{background:url(../images/content/bg_solution05.jpg) 50% 50%;}
.cont_solution.solution06 .top{background:url(../images/content/bg_solution06.jpg) 50% 50%;}
.cont_solution.solution07 .top{background:url(../images/content/bg_solution07.jpg) 50% 50%;}
.cont_solution .top .inr{padding-bottom:0;}
.cont_solution .txt{display:flex; align-items:center; background:#fff; max-width:730px; min-height:216px; font-size:22px; padding:50px 30px 50px 60px; text-transform:uppercase;}
.cont_solution .case{background-image: linear-gradient(to top, #ececec calc(100% - 190px), #fff 190px);}
.cont_solution .case .inr,
.cont_solution .case02.last .inr{display:flex; justify-content:space-between; padding-bottom:100px;}
.cont_solution .case .txt_wp{margin:0 0 0 50px; width:40%; max-width:579px;}
.cont_solution .case.left .txt_wp{margin:0 50px 0 0;}
.cont_solution .case h4{position:relative; margin:70px 0 110px; font-size:40px; padding-top:15px;}
.cont_solution .case h4:before{content:""; display:block; position:absolute; top:0; left:0; width:37px; height:3px; background:#0075d0;}
.cont_solution .case h5{font-size:28px; color:#304fa7;}
.cont_solution .case p{color:#666; margin:15px 0 60px;}
.cont_solution .case a{position:relative; display:inline-block; padding-right:80px; line-height:1.2; font-weight:300; color:#666;}
.cont_solution .case a:after{content:""; display:block; width:100%; height:1px; background:#cdcdcd;}
.cont_solution .case a:before{content:""; display:block; position:absolute; right:0; top:-20px; width:60px; height:56px; background:url(../images/content/ico_go.jpg);}

.cont_solution .case02 .inr{padding-bottom:55px;}
.cont_solution .case02.left{background-image: linear-gradient(to top, #fff calc(100% - 190px), #ececec 190px);}
.cont_solution .case02 .txt_wp{padding-top:250px;}
.cont_solution .case02.left .txt_wp{text-align:right;}
.cont_solution .case02.first .txt_wp{padding-top:0;}

/* 콘텐츠관리 시스템 */
.cont_solution.solution01 .sc02{display:flex; justify-content:space-between;}
.cont_solution.solution01 .sc02 li{display:flex; flex-direction:column; justify-content:center; align-items:center; width:196px; height:196px; background:#dceaff; border-radius:50%; transition:0.3s ease-out;}
.cont_solution.solution01 .sc02 li.list2{background:#ffead2;}
.cont_solution.solution01 .sc02 li.list3{background:#c2f9c6;}
.cont_solution.solution01 .sc02 li.list4{background:#fddddb;}
.cont_solution.solution01 .sc02 li.list5{background:#d0f7fb;}
.cont_solution.solution01 .sc02 li.list6{background:#f6e2fe;}
.cont_solution.solution01 .sc02 li:before{content:""; display:block; width:55px; height:55px; margin-bottom:10px; background:url(../images/content/ico_solution01.png);}
.cont_solution.solution01 .sc02 li.list2:before{background-position:-55px 0;}
.cont_solution.solution01 .sc02 li.list3:before{background-position:-110px 0;}
.cont_solution.solution01 .sc02 li.list4:before{background-position:-165px 0;}
.cont_solution.solution01 .sc02 li.list5:before{background-position:-220px 0;}
.cont_solution.solution01 .sc02 li.list6:before{background-position:-275px 0;}
.cont_solution.solution01 .sc03{position:relative; padding-top:25px;}
.cont_solution.solution01 .sc03 > div{border:4px solid #75cdbb; border-radius:30px;}
.cont_solution.solution01 .sc03 .tt{position:absolute; left:50%; top:0; transform:translateX(-50%); width:170px; height:50px; border-radius:25px; text-align:center; line-height:48px; color:#fff; background:#252d2c; font-size:20px;}
.cont_solution.solution01 .sc03 ul{display:flex; justify-content:space-between; max-width:1050px; margin:0 auto; padding:50px 20px 40px;}
.cont_solution.solution01 .sc03 ul li{width:140px; text-align:center;}
.cont_solution.solution01 .sc03 ul li:before{content:""; display:block; width:140px; height:140px; border:1px solid #ccc; border-radius:50%; margin-bottom:15px; background:url(../images/content/ico_sql.png) 50% 50% no-repeat;}

/* 분야별 수행실적 */
.cont_business .top{min-height:359px;}
.cont_business .sc01 .top{background:url(../images/content/bg_business01.jpg) 50% 50%; background-size:cover;}
.cont_business .sc02 .top{background:url(../images/content/bg_business02.jpg) 50% 50%; background-size:cover;}
.cont_business .top .inr{display:flex; padding:120px 0 25px;}
.cont_business .sc01 .top .inr{justify-content:flex-end;}
.cont_business .sc02 .top .inr{padding-left:120px;}
.cont_business .top .inr li{position:relative; margin-right:20px; padding:0 0 5px 0;}
.cont_business .top .inr li:last-child{margin-right:0;}
.cont_business .top .inr li:before{content:""; display:none; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#fff;}
.cont_business .top .inr li:hover:before{display:block;}
.cont_business .top .inr a{color:#fff; opacity:0.5; font-size:20px; font-weight:800;}
.cont_business .top .inr li:hover a{opacity:1;}
.cont_business .dt{margin:-178px 0 0 calc((100vw - 1460px) / 2); background:#fff; max-width:inherit; padding:110px;}
.cont_business .sc02 .dt{margin-left:0; margin-right:calc((100vw - 1460px) / 2); padding-left:calc((100vw - 1460px) / 2);}
.cont_business .dt .y_dt{display:flex; max-width:1350px;}
.cont_business .sc02 .dt .y_dt{padding-left:110px;}
.cont_business .dt .y_dt .year{position:relative; font-size:52px; font-weight:800; width:269px; line-height:1.2;}
.cont_business .dt .y_dt .year:before{content:""; display:block; position:absolute; right:0; top:30px; width:130px; height:1px; background:#ddd;}
.cont_business .dt .y_dt .year:after{content:""; display:block; position:absolute; right:-5px; top:25px; width:10px; height:10px; border-radius:50%; background:#2ac1bc; z-index:10;}
.cont_business .dt .y_dt .right{position:relative; width:calc(100% - 269px); padding:15px 0 55px 70px;}
.cont_business .dt .y_dt.y2020 .right,
.cont_business .dt .y_dt.y2012 .right{padding-bottom:0;}
.cont_business .dt .y_dt .right:before{content:""; display:block; position:absolute; left:0; top:30px; width:1px; height:100%; background:#ddd;}
.cont_business .dt .y_dt.y2020 .right:before,
.cont_business .dt .y_dt.y2012 .right:before{height:calc(100% - 30px);}
.cont_business .dt .y_dt .right li{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.cont_business .dt .y_dt .right li:last-child{margin-bottom:0;}
.cont_business .dt .y_dt .right li span{display:block; width:229px; padding:3px 0; border:1px solid #ccc; border-radius:25px; text-align:center; font-size:16px; letter-spacing:-1px;}
.cont_business .dt .y_dt.y2016 .right li span{width:269px;}
.cont_business .dt .y_dt .right li p{width:calc(100% - 259px); font-weight:600; font-size:18px; text-transform:uppercase;}
.cont_business .dt .y_dt.y2016 .right li p{width:calc(100% - 299px);}

/* 인증 및 수상경력 */
.cont_career .box{display:flex; justify-content:space-between; padding:110px 90px 35px 60px; background:url(../images/content/bg_career.jpg) 50% 50%; background-size:cover;}
.cont_career .box .info{font-size:48px; color:#fff; line-height:1.4; text-shadow: 1px 1px 3px rgba(0,0,0,0.7);}
.cont_career .box .info span{font-weight:800;}
.cont_career .img_wp{display:flex; flex-wrap:wrap; max-width:860px; margin-top:60px;}
.cont_career .img_wp > div{width:30%; margin-right:5%; margin-bottom:75px; text-align:center;}
.cont_career .img_wp > div:nth-child(3n){margin-right:0;}
.cont_career .img_wp .txt{font-size:18px; padding-top:10px; color:#fff; line-height:1.3;}
.cont_career .img_wp img{max-width:260px; width:100%;}
.cont_career .lightbox2{position:relative; overflow:hidden;}
.cont_career .img_wp .over{display:flex; flex-direction:column; justify-content:center; opacity:0; width:100%; max-width:260px; height:100%; position:absolute; top:0; left:50%; margin-left:-130px; text-align:center; background:rgba(255,255,255,0.9); padding:10px; cursor:pointer;}
.cont_career .img_wp .over:hover{opacity:1; animation: fadeInUp 0.5s;}
.cont_career .img_wp .over p{position:relative; font-size:32px; font-weight:800; margin-bottom:18px; padding-bottom:15px; line-height:1.3;}
.cont_career .img_wp .over p:before{position:absolute; content:""; display:block; bottom:0; left:50%; width:26px; height:1px; transform:translateX(-50%); background:#222;}
.cont_career .img_wp .over span{font-size:16px; display:flex; flex-direction:column; align-items:center;}
.cont_career .img_wp .over span:before{content:""; display:block; width:28px; height:28px; margin-bottom:5px; background:url(../images/content/ico_view.png);}
.lb_container .inr{max-width:600px;}
.lb_container .over{display:none;}
.lb_container .lb_close{top:0; right:0; background:#222;}

/* 주요 고객사 */
.cont_site ul{display:flex; flex-wrap: wrap;}
.cont_site ul li{width:25%; position:relative; cursor:pointer;}
.cont_site ul .site_dt{display:flex; flex-direction:column; justify-content:center; opacity:0; width:100%; height:100%; position:absolute; top:0; left:0; text-align:center; background:rgba(255,255,255,0.9); padding:10px; cursor:pointer;}
.cont_site ul .site_dt:hover{opacity:1; animation: fadeInUp 0.5s;}
.cont_site ul .r_txt {margin:0 0 10px 0;}
.cont_site ul .r_txt span{display:inline-block; font-size:16px; padding:5px 13px; border-radius:30px; border:1px solid #222; line-height:1;}
.cont_site ul .name{position:relative; font-size:32px; font-weight:800; padding:0 0 18px 0; margin:0 0 16px 0; line-height:1.2;}
.cont_site ul .name:before{content:""; display:block; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:26px; height:1px; background:#222;}
.cont_site ul .go_link span{padding:0 20px 0 0; background:url(../images/content/ico_link.png) no-repeat 100% 6px;}

/* 채용정보 + 복리후생제도 */
.recruit_top{text-align:center; letter-spacing:-1px; margin-bottom:100px;}
.recruit_top p{font-size:36px; margin-bottom:10px;}
.recruit_top p strong{font-size:42px; font-weight:800;}
.recruit_top span{opacity:0.18; font-size:42px; text-transform:uppercase; font-weight:800;}

/* 채용정보 */
.cont_recruit .process{margin-bottom:65px; background:url(../images/content/bg_recruit.png) no-repeat 50% 50%;}
.cont_recruit .process ul{max-width:1250px; margin:0 auto;}
.cont_recruit .process ul:after{content:""; display:block; clear:both;}
.cont_recruit .process ul li{position:relative; float:left; width:25%; text-align:center;}
.cont_recruit .process ul li.prc01,
.cont_recruit .process ul li.prc03{padding-top:320px;}
.cont_recruit .process ul li:before{content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); width:110px; height:110px; background:url(../images/content/ico_prc.png);}
.cont_recruit .process ul li.prc01:before{top:185px;}
.cont_recruit .process ul li.prc02:before{background-position:-110px 0; bottom:-140px;}
.cont_recruit .process ul li.prc03:before{background-position:-220px 0; top:185px;}
.cont_recruit .process ul li.prc04:before{background-position:-330px 0; bottom:-140px;}
.cont_recruit .process ul li .tt{position:relative; display:inline-block; text-align:left; font-weight:800; line-height:1.4; margin-bottom:25px;} 
.cont_recruit .process ul li .tt:before{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:20px; background:#aae6e4;}
.cont_recruit .process ul li .tt span{font-size:28px; color:#2ac1bc; margin-left:8px;}
.cont_recruit .process ul li .tt h4{position:relative; font-size:42px; padding:0 8px;}
.cont_recruit .process ul li p{width:150%; margin:0 0 0 -25%; font-size:20px;}
.cont_recruit .left .txt1{position:relative; color:#000; font-size:18px; padding:0 0 0 10px; margin:50px 0 30px;}
.cont_recruit .left .txt1:before{content:""; display:block; position:absolute; left:0; top:11px; width:2px; height:2px; background:#000;}
.cont_recruit .left .txt1 .pc{display:block;}
.cont_recruit .right .box{width:calc(33.3333% - 20px);}
.cont_recruit .sc01 .right h5:before{background-image:url(../images/content/ico_recruit.png);}
.cont_recruit .btn_wp a:before{content:""; display:block; width:19px; height:19px; margin-right:7px; background:url(../images/content/ico_recruit_btn.png);}
.cont_recruit .btn_wp a:nth-child(2):before{width:18px; height:20px; background-position:-29px 0;}

/* 복리후생제도 */
.cont_human .inr{padding-bottom:180px;}
.cont_human .sc01 li{display:flex; align-items:center; border:1px solid #ddd; border-radius:20px; margin:0 0 50px 0; min-height:490px;}
.cont_human .sc01 li.list1{background:url(../images/content/img_human01.jpg) no-repeat 100% 50%;}
.cont_human .sc01 li.list2{background:url(../images/content/img_human02.jpg) no-repeat 0 50%;}
.cont_human .sc01 li.list3{background:url(../images/content/img_human03.jpg) no-repeat 100% 50%;}
.cont_human .sc01 li.list4{background:url(../images/content/img_human04.jpg) no-repeat 0 50%;}
.cont_human .sc01 li.list5{background:url(../images/content/img_human05.jpg) no-repeat 100% 50%; margin:0;}
.cont_human .sc01 li div{padding:10px 85px; width:calc(100% - 642px); transition:0.3s ease-out;}
.cont_human .sc01 li.rt div{margin-left:642px;}
.cont_human .sc01 li .num{color:#2ac1bc; font-weight:800; font-size:28px; display:inline-block; margin-bottom:10px;}
.cont_human .sc01 li h4{font-size:42px; font-weight:800; line-height:1.3; margin-bottom:30px;}
.cont_human .sc01 li h4 span{position:relative;}
.cont_human .sc01 li h4 span:after{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:20px; background:#aae6e4;}
.cont_human .sc01 li h4 span em{position:relative; z-index:20;}
.cont_human .sc01 li p{font-size:20px;}
.cont_human .sc02{background:url(../images/content/bg_human.jpg) 50% 50%; background-size:cover;}
.cont_human .sc02 .inr{padding:130px 0; text-align:center;}
.cont_human .sc02 h4{position:relative; color:#fff; font-size:58px; font-weight:800; margin-bottom:15px; padding-bottom:25px;}
.cont_human .sc02 h4:before{content:""; display:block; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:25px; height:1px; background:#fff;}
.cont_human .sc02 .txt{font-size:26px; color:#fff; margin-bottom:70px;}
.cont_human .sc02 .dt ul{display:flex; justify-content:center;}
.cont_human .sc02 .dt li{position:relative; display:flex; flex-direction:column; justify-content:center; width:400px; height:400px; margin-right:100px; background:#fff; border-radius:50%; transition:0.3s ease-out; padding:0 10px;}
.cont_human .sc02 .dt li.list2:before,
.cont_human .sc02 .dt li.list2:after{content:""; display:block; position:absolute; left:-76px; top:50%; transform:translateY(-50%); width:52px; height:52px; background:url(../images/content/ico_plus.png);}
.cont_human .sc02 .dt li.list2:after{left:inherit; right:-76px;}
.cont_human .sc02 .dt li:last-child{margin-right:0;}
.cont_human .sc02 .dt li h5{display:flex; flex-direction:column; align-items:center; font-size:34px; margin-bottom:15px;}
.cont_human .sc02 .dt li h5:before{content:""; display:block; width:100px; height:100px; margin:-40px 0 30px; background:url(../images/content/ico_human.png);}
.cont_human .sc02 .dt li.list2 h5:before{background-position:-100px 0;}
.cont_human .sc02 .dt li.list3 h5:before{background-position:-200px 0;}
.cont_human .sc02 .dt li p{font-size:18px;}

@keyframes fadeInUp {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0,30%,0);
		transform:translate3d(0,30%,0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}


/* ~ 1460px */
@media screen and (max-width:1460px){
	/**************************************************
		Common
	**************************************************/
	/* 서브 공통 */
	.cont_sub .inr{margin:0 10px;}

	/**************************************************
		Content
	**************************************************/
	/* 회사소개 */
	.cont_about .sc01 .dt ul li .txt2 span{font-size:58px;}

	/* 사업영역 */
	.cont_service > .inr > div.sc{padding:50px 40px; justify-content:space-between;}
	.cont_service > .inr > div.sc.sc03,
	.cont_service > .inr > div.sc.sc04{align-items:center;}
	.cont_service .left{width:280px;}
	.cont_service .sc03 .left, 
	.cont_service .sc04 .left{margin-top:0;}
	.cont_service .right{width:calc(100% - 300px);}
	.cont_service .right .box{width:calc(50% - 10px); padding:10px 30px 30px;}
	.cont_service .sc02 .right .box{width:calc(33.333% - 10px);}

	/* 콘텐츠관리 시스템 */
	.cont_solution.solution01 .sc02 li{width:160px; height:160px;}

	/* 분야별 수행실적 */
	.cont_business .top{min-height:220px;}
	.cont_business .top .inr,
	.cont_business .sc02 .top .inr{padding:100px 20px 0;}
	.cont_business .dt{padding:80px 70px 80px 60px; margin:-60px 0 0 20px;}
	.cont_business .dt .y_dt{max-width:inherit;}
	.cont_business .sc02 .dt{margin:-60px 20px 0 0; padding:80px 60px 80px 80px;}
	.cont_business .sc02 .dt .y_dt{padding:0;}
	.cont_business .dt .y_dt .year{width:200px;}
	.cont_business .dt .y_dt .year:before{width:60px;}
	.cont_business .dt .y_dt .right{width:calc(100% - 200px); padding-left:50px;}

	/* 인증 및 수상경력 */
	.cont_career .box{flex-direction: column; text-align:center; padding:80px 60px 35px;}
	.cont_career .box .info br{display:none;}
	.cont_career .box .info br.block{display:block;}
	.cont_career .img_wp{max-width:inherit;}

	/* 채용정보 */
	.cont_recruit .process{background-size:contain;}
	.cont_recruit .process ul li p{width:100%; margin:0;}
	.cont_recruit .right .box{width:calc(33.333% - 10px);}
	.cont_recruit .left .txt1 .pc{display:none;}

	/* 복리후생제도 */
	.cont_human .sc01 li h4{font-size:32px;}
	.cont_human .sc01 li div{padding:10px 40px;}
	.cont_human .sc02 .dt li{border-radius:50px;}

	/* SOLUTIONS 공통 */
	.cont_solution .case{background-image:linear-gradient(to top, #ececec calc(100% - 100px), #fff 100px);}
	.cont_solution .case02.left{background-image:linear-gradient(to top, #fff calc(100% - 100px), #ececec 100px);}
	.cont_solution .case02 .txt_wp{padding-top:150px;}
	.cont_solution .case h4{margin:0 0 80px;}

}

/* ~ 1023px */
@media screen and (max-width:1023px){
	/**************************************************
		Common
	**************************************************/
	/* 서브 공통 */
	.cont_sub .inr{padding-bottom:40px;}

	/* 서브 타이틀 */
	.con_tit01{font-size:30px; margin-bottom:20px;}

	/**************************************************
		Content
	**************************************************/
	/* 회사소개 */
	.cont_about .inr{padding:40px 0;}
	.cont_about .sc01 .info{padding:30px 0;}
	.cont_about .sc01 .info .inr{flex-direction:column;}
	.cont_about .sc01 .info .box{max-width:initial; width:100%; padding:20px 15px 15px; font-size:25px; text-align:center; margin-bottom:20px;}
	.cont_about .sc01 .info .box br{display:none;}
	.cont_about .sc01 .info ul{width:100%; margin-top:0;}
	.cont_about .sc01 .info ul li span{font-size:16px;}
	.cont_about .sc01 .info ul li p{font-size:16px;}
	.cont_about .sc01 .dt ul{flex-wrap:wrap; justify-content:flex-start;}
	.cont_about .sc01 .dt ul li{width:32.3333%; margin:0 0.5% 10px; padding:20px;}
	.cont_about .sc01 .dt ul li:nth-child(4),
	.cont_about .sc01 .dt ul li:nth-child(5){width:49%;}
	.cont_about .sc01 .dt ul li:before{height:65px; background-image: url(../images/content/ico_about_sc01_x2.png); background-size:400px; margin-bottom:20px;}
	.cont_about .sc01 .dt ul li.list1:before{width:56px;}
	.cont_about .sc01 .dt ul li.list2:before{width:59px; background-position:-85px 0;}
	.cont_about .sc01 .dt ul li.list3:before{width:55px; background-position:-172px 0;}
	.cont_about .sc01 .dt ul li.list4:before{width:57px; background-position:-256px 0;}
	.cont_about .sc01 .dt ul li.list5:before{width:59px; background-position:-341px 0;}
	.cont_about .sc01 .dt ul li .txt1{font-size:18px;}
	.cont_about .sc01 .dt ul li .txt2{font-size:20px; margin-bottom:10px;}
	.cont_about .sc01 .dt ul li .txt2 span{font-size:35px;}
	.cont_about .sc01 .dt ul li .txt3{font-size:16px;}
	.cont_about .sc02 .con_tit02{position:relative; top:0; left:0; padding:15px 0 20px; text-align:center; font-size:30px;}
	.cont_about .sc02 .con_tit02:before{width:34px; left:50%; margin-left:-17px;}
	.cont_about .sc02 .vision .cir{width:110px; height:110px; font-size:22px; margin-bottom:10px;}
  .cont_about .sc02 .vision .bd_r{font-size:18px; padding:10px 25px; border-radius:25px;}
	.cont_about .sc02 .vision .arrow:after{background-size:160px; background-repeat:no-repeat; width:160px;}
	.cont_about .sc02 .vision .vs03 li > div{flex-direction:column; padding:10px;}
	.cont_about .sc02 .vision .vs03 li .txt_r{padding:0; margin:0;}
	.cont_about .sc02 .vision .vs03 li .txt_r:before{display:none;}
	.cont_about .sc02 .vision .vs03 li .txt_r{font-size:18px;}
	.cont_about .sc02 .vision .vs04 div dl{width:calc(33.333% - 10px); padding:15px;}
	.cont_about .sc02 .vision .vs04 div dl:nth-child(2){margin:0 15px;}
	.cont_about .sc02 .vision .vs04 div dl dt{font-size:20px; padding-bottom:10px; margin-bottom:12px;}
	.cont_about .sc02 .vision .vs04 div dl dd{font-size:16px;}

	/* 회사연혁 */
	.cont_history .top p{font-size:25px; line-height:1.3;}
	.cont_history .top p strong{font-size:27px;}
	.cont_history .top ul{margin:20px 0 30px;}
	.cont_history .top ul li:nth-child(2){margin:0 20px;}
	.cont_history .top ul li a{font-size:16px; line-height:1.3; max-width:100px; width:100%; height:50px; padding:0 10px; border-radius:10px; word-break:break-word;}
	.cont_history .top ul li:before{right:-12px;}
	.cont_history .top ul li:after{display:none;}
	.cont_history .hty .info{padding:30px 10px 40px;}
	.cont_history .hty .info h4{font-size:38px; padding-bottom:20px; margin-bottom:15px;}
	.cont_history .hty .info p{font-size:17px;}
	.cont_history .hty .dt{padding:30px 0;}
	.cont_history .hty .dt:before{left:30px;}
	.cont_history .hty .dt dl:before{display:none;}
	.cont_history .hty .dt dl,
	.cont_history .hty .dt dl.left{margin:0 0 0 30px; padding:0 0 20px 20px; width:calc(100% - 50px); float:left; text-align:left;}
	.cont_history .hty .dt dl:last-child{padding-bottom:0;}
	.cont_history .hty .dt dl:after,
	.cont_history .hty .dt dl.left:after{top:5px; width:13px; height:13px; border-width:4px; left:-6px; right:inherit;}
	.cont_history .hty .dt dl dt{font-size:20px; margin-bottom:10px;}
	.cont_history .hty .dt dl dd{font-size:16px;}

	/* 오시는 길 */
	.cont_location .lc01{padding:30px 0; margin-bottom:30px;}
	.cont_location .lc01 ul li:before{height:42px; background-image: url(../images/content/ico_lc01_x2.png); background-size:180px;}
	.cont_location .lc01 ul li:after{height:80px;}
	.cont_location .lc01 ul li.list1:before{width:48px;}
	.cont_location .lc01 ul li.list2:before{width:37px; background-position:-72px 0;}
	.cont_location .lc01 ul li.list3:before{width:48px; background-position:-132px 0;}
	.cont_location .lc01 ul li h4{font-size:18px; padding:10px 0 5px;}
	.cont_location .lc01 ul li p{font-size:17px; padding:0 20px;}

	/* 사업영역 */
	.cont_service > .inr > div.sc{flex-direction:column; padding:30px 20px 15px; margin-bottom:30px;}
	.cont_service .left{width:100%; text-align:center; margin-bottom:20px;}
	.cont_service .right{width:100%;}
	.cont_service .left h4{font-size:28px;}
	.cont_service .left h4:before{width:30px; margin:0 auto 15px;}
	.cont_service .left h4 br{display:none;}
	.cont_service .left .txt1{font-size:16px; padding:10px 0 20px;}
	.cont_service .left .txt2 br{display:none;}
	.cont_service .right h5{font-size:22px;}
	.cont_service .sc04 .right h5 span span{font-size:23px;}
	.cont_service .right h5:before{background-size:400px; width:100px; height:100px;}
	.cont_service .sc01 .right h5:before{background-image:url(../images/content/ico_service01_x2.png);}
	.cont_service .sc02 .right h5:before{background-image:url(../images/content/ico_service02_x2.png);}
	.cont_service .sc03 .right h5:before{background-image:url(../images/content/ico_service03_x2.png);}
	.cont_service .sc04 .right h5:before{background-image:url(../images/content/ico_service04_x2.png);}
	.cont_service .right .box02 h5:before{background-position:-100px 0;}
	.cont_service .right .box03 h5:before{background-position:-200px 0;}
	.cont_service .right .box04 h5:before{background-position:-300px 0;}

	/* SOLUTIONS 공통 */
	.cont_solution .top{margin-bottom:40px; padding-top:50px;}
	.cont_solution .txt{max-width:inherit; min-height:inherit; text-align:center; margin:0 auto; padding:40px 30px 20px; font-size:18px;}
	.cont_solution .txt br{display:none;}
	.cont_solution .case.first{background-image:linear-gradient(to top, #ececec calc(100% - 160px), #fff 160px);}
	.cont_solution .case .inr{padding-bottom:60px !important; flex-direction:column;}
	.cont_solution .case .inr .img{margin:0 auto; order:1;}
	.cont_solution .case.first .inr .img{margin-top:70px;}
	.cont_solution .case .txt_wp{text-align:center !important; margin:20px 0 0 !important; padding:0 !important; max-width:inherit; width:100%; order:2;}
	.cont_solution .case h4{position:absolute; top:0; left:50%; transform:translateX(-50%); font-size:30px; text-align:center; margin:0; padding-top:10px;}
	.cont_solution .case h4:before{width:30px; left:50%; margin-left:-15px;}
	.cont_solution .case h5{font-size:25px;}
	.cont_solution .case p{margin:10px 0 20px;}
	.cont_solution .case a{padding-right:50px;}
	.cont_solution .case a:before{width:40px; height:37px; background-size:40px; top:-10px; right:0;}

	/* 콘텐츠관리 시스템 */
	.cont_solution.solution01 .sc02{flex-wrap:wrap;}
	.cont_solution.solution01 .sc02 li{border-radius:30px; width:calc(33.3333% - 7px); height:inherit; padding:20px 10px; text-align:center;}
	.cont_solution.solution01 .sc02 li.list1,
	.cont_solution.solution01 .sc02 li.list2,
	.cont_solution.solution01 .sc02 li.list3{margin-bottom:10px;}
	.cont_solution.solution01 .sc03{padding-top:20px;}
	.cont_solution.solution01 .sc03 .tt{width:120px; height:40px; line-height:40px; font-size:18px;}
	.cont_solution.solution01 .sc03 ul{flex-wrap:wrap; justify-content:center; padding:35px 0 20px;}
	.cont_solution.solution01 .sc03 ul li{width:33.3333%;}
	.cont_solution.solution01 .sc03 ul li:before{background-size:40px; width:80px; height:80px; margin:0 auto 5px;}
	.cont_solution.solution01 .sc03 ul li:nth-child(4),
	.cont_solution.solution01 .sc03 ul li:nth-child(5){margin-top:15px;}
	
	/* 주요 고객사 */
	.cont_site ul li{width:33.333%;}
	.cont_site ul .site_dt{display:none;}
	
	/* 분야별 수행실적 */
	.cont_business .top{min-height:170px;}
	.cont_business .top .inr{flex-wrap:wrap;}
	.cont_business .top .inr, 
	.cont_business .sc02 .top .inr{padding:60px 10px 10px;}
	.cont_business .top .inr a{font-size:18px;}
	.cont_business .dt{padding:30px 10px 40px 30px;}
	.cont_business .sc02 .dt{padding:30px 10px 40px 50px;}
	.cont_business .dt .y_dt{flex-direction:column;}
	.cont_business .dt .y_dt .year{width:100%; padding-left:20px; font-size:32px;}
	.cont_business .dt .y_dt .year:before,
	.cont_business .dt .y_dt .right:before{display:none;}
	.cont_business .dt .y_dt .right{width:100%; padding:10px 0 30px;}
	.cont_business .dt .y_dt .year:after{left:0; right:inherit; top:15px;}
	.cont_business .dt .y_dt .right li p{font-size:16px;}

	/* 인증 및 수상경력 */
	.cont_career .img_wp{cursor:pointer;}
	.cont_career .img_wp .over{display:none;}
	.cont_career .box{padding:40px 20px 35px;}
	.cont_career .box .info{font-size:30px; line-height:1.3;}
	.cont_career .img_wp{margin-top:40px;}
	.cont_career .img_wp > div{margin-bottom:40px;}

	/* 채용정보 */
	.recruit_top{margin-bottom:20px;}
	.recruit_top p{font-size:24px;}
	.recruit_top p strong{font-size:25px;}
	.recruit_top span{font-size:25px;}
	.cont_recruit .process{background:none; margin-bottom:40px;}
	.cont_recruit .process ul{display:flex; flex-wrap:wrap;}
	.cont_recruit .process ul li{width:50%; padding:70px 1% 0 !important; box-sizing:border-box;}
	.cont_recruit .process ul li.prc01,
	.cont_recruit .process ul li.prc02{margin-bottom:30px;}
	.cont_recruit .process ul li:before{top:0 !important; width:70px; height:70px; background:url(../images/content/ico_prc_x2.png); background-size:280px;}
	.cont_recruit .process ul li.prc02:before{background-position:-140px 0;}
	.cont_recruit .process ul li.prc03:before{background-position:-210px 0;}
	.cont_recruit .process ul li.prc04:before{background-position:-280px 0;}
	.cont_recruit .process ul li .tt{margin-bottom:10px;}
	.cont_recruit .process ul li .tt span{font-size:20px;}
	.cont_recruit .process ul li .tt h4{font-size:25px;}
	.cont_recruit .process ul li p{font-size:17px;}
	.cont_recruit .left .txt1{margin:20px 0 10px; padding:0;}
	.cont_recruit .left .txt1:before{display:none;}
	.cont_recruit .sc01 .right h5:before{background:url(../images/content/ico_recruit_x2.png); background-size:400px;}
	.cont_recruit .right .box02 h5:before{background-position:-100px 0;}
	.cont_recruit .right .box03 h5:before{background-position:-200px 0;}

	/* 복리후생제도 */
	.cont_human .sc01 li{min-height:inherit; background-size:cover !important; overflow:hidden; margin-bottom:20px;}
	.cont_human .sc01 li div{width:100%; margin:0 !important; padding:30px; min-height:200px; background:linear-gradient(to right, #fff , 80%, transparent);}
	.cont_human .sc01 li .num{font-size:22px;}
	.cont_human .sc01 li h4{font-size:25px; margin-bottom:20px;}
	.cont_human .sc01 li p{font-size:17px;}
	.cont_human .sc02 .inr{padding:50px 0;}
	.cont_human .sc02 h4{font-size:30px; padding-bottom:20px;}
	.cont_human .sc02 .txt{font-size:20px; margin-bottom:30px;}
	.cont_human .sc02 .dt ul{flex-direction:column;}
	.cont_human .sc02 .dt li{width:100%; width:100%; height:auto; padding:25px 20px 30px; border-radius:30px;}
	.cont_human .sc02 .dt li.list2{margin:50px 0;}
	.cont_human .sc02 .dt li.list2:before, 
	.cont_human .sc02 .dt li.list2:after{left:50%; top:-40px; transform:translateX(-50%); background-size:30px; width:30px; height:30px;}
	.cont_human .sc02 .dt li.list2:after{bottom:-40px; top:inherit;}
	.cont_human .sc02 .dt li p br{display:none;}
	.cont_human .sc02 .dt li h5{font-size:25px; margin-bottom:10px;}
	.cont_human .sc02 .dt li h5:before{width:70px; height:70px; margin:0 0 10px 0; background:url(../images/content/ico_human_x2.png); background-size:210px;}
	.cont_human .sc02 .dt li.list2 h5:before{background-position:-70px 0;}
	.cont_human .sc02 .dt li.list3 h5:before{background-position:-140px 0;}
	.cont_human .sc02 .dt li p{font-size:17px;}
	
}

/* ~ 767px */
@media screen and (max-width:767px){
	/**************************************************
		Common


	**************************************************/
	

	/**************************************************
		Content
	**************************************************/
	/* 사업영역 */
	.cont_service > .inr > div.sc{padding:30px 10px 20px; margin-bottom:20px;}
	.cont_service .right{flex-direction:column;}
	.cont_service .right .box{width:100% !important; margin-bottom:10px; padding:10px 20px 25px;}
	.cont_service .right div:last-child.box{margin-bottom:0;}
	.cont_service .right ul{margin-top:15px;}
	.cont_service .right li{font-size:16px; margin-bottom:5px; padding-left:12px;}
	.cont_service .right li:before{top:8px;}
	.cont_service .right h5 br{display:none;}
	.lb_container .inr{margin:0 10px;}
	.cont_career .img_wp .txt{font-size:16px;}

	/* 주요 고객사 */
	.cont_site ul li{width:50%;}

}

/* ~ 639px */
@media screen and (max-width:639px){
	/**************************************************
		Common
	**************************************************/
	/* 서브 버튼 */
	.btn_wp{justify-content:space-between;}
	.btn_wp a{width:49%; margin:0; height:60px; font-size:16px;}

	/**************************************************
		Content
	**************************************************/
	/* 오시는 길 */
	.cont_location .lc01{margin-bottom:20px;}
	.cont_location .lc01 ul li p{font-size:14px; word-break:break-word; padding:0 8px;}
	.btn_wp a.google:before,
	.btn_wp a.naver:before{margin-right:10px; background-size:60px; width:19px; height:26px;}
	.btn_wp a.naver:before{background-position:-41px 0;}

	/* 사업영역 */
	.cont_career .img_wp{justify-content:space-between;}
	.cont_career .img_wp > div{width:48%; margin:0 0 25px 0;}
	.cont_career .img_wp > div:nth-child(5),
	.cont_career .img_wp > div:nth-child(6){margin-bottom:0;}

	

}

/* ~ 537px */
@media screen and (max-width:537px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	/* 분야별 수행실적 */
	.cont_business .sc02 .top .inr{padding:40px 10px 30px;}
	.cont_business .dt{margin:-60px 0 0 10px; padding:30px 40px 40px 30px;}
	.cont_business .sc02 .dt{margin:-60px 10px 0 0; padding:30px 30px 40px 40px;}
	.cont_business .dt .y_dt .year{margin-bottom:5px;}
	.cont_business .dt .y_dt .right li{align-items:flex-start; flex-direction:column; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #ccc;}
	.cont_business .dt .y_dt .right li span,
	.cont_business .dt .y_dt.y2016 .right li span{width:auto; padding:2px 15px; margin-bottom:5px;}
	.cont_business .dt .y_dt .right li p,
	.cont_business .dt .y_dt.y2016 .right li p{width:100%;}

}

/* ~ 430px */
@media screen and (max-width:430px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	/* 회사소개 */
	.cont_about .sc01 .dt ul li{width:49%;}
	.cont_about .sc01 .dt ul li:nth-child(5){width:100%;}
	.cont_about .sc02 .vision .vs03 li .txt_r{font-size:13px;}
	.cont_about .sc02 .vision .vs04 div{flex-direction:column;}
	.cont_about .sc02 .vision .vs04 div dl{width:100%; max-width:inherit; margin-bottom:10px;}
	.cont_about .sc02 .vision .vs04 div dl:nth-child(2){margin:0 0 10px 0;}
	.cont_about .sc02 .vision .vs04 div dl:last-child{margin-bottom:0;}

	/* 채용정보 */
	.cont_recruit .btn_wp a{position:relative; padding:0 10px 0 35px; line-height:1.3;}
	.cont_recruit .btn_wp a:before{position:absolute; left:10px; top:50%; transform:translateY(-50%);}

}