@charset "utf-8";

/* 공통 */
/* 레이아웃 */
.sub-cen{width: 100%;max-width: 1400px;margin: 0 auto;}
.sub-con{display: flex;}

/* 타이틀 */
.sub-ttl{font-size: 30px;font-family: 'cheonnyeon';font-weight: 500;color: #1c263a;padding-left: 50px;position: relative;}
.sub-ttl::before{display: block;content: '';width: 22px;height: 31px;background: url('/site/eleccar/img/sub/sub_ttl_icon.png') no-repeat center;background-size: contain;position: absolute;left: 0;top: 0;}

.sub-ttl02{font-size: 30px; font-family: 'cheonnyeon'; font-weight: 500; color: #1c263a;text-align: center;}
.sub-ttl02-1{font-size: 15px; margin-left: 40px;background: #f0f0f0;padding: 20px 40px;border-radius: 30px;color: #606060;}

.sub-ttl03{font-size: 30px; font-family: 'cheonnyeon';text-align: center;padding-bottom: 70px;}
.sub-ttl03 p{display: inline-block;padding: 33px 0;position: relative;}
.sub-ttl03 p::before{display: block; content: '';position: absolute; width: 100%;height: 1px; background: #c1c1c1;top: 0;}
.sub-ttl03 p::after{display: block; content: '';position: absolute; width: 100%;height: 1px; background: #c1c1c1;bottom: 0;}

.sub-ttl04{font-size: 35px;font-family: 'cheonnyeon';color: #171e26;font-weight: 700;position: relative;padding: 0 0 40px;margin: 0 0 40px;}
.sub-ttl04::after{display: block;content: '';width: 50px; height: 5px; background: #b1b1b1;position: absolute;left: 0;bottom: 0;}

@media screen and (max-width: 1024px){
	.sub-ttl{font-size:20px;padding-left: 40px;}
	.sub-ttl::before{width: 24px;height:34px;}

	.sub-ttl02{font-size: 20px;}

	.sub-ttl03{font-size: 24px;padding-bottom: 50px;}
	.sub-ttl03 p {padding: 20px 0}

	.sub-ttl04{font-size: 20px;padding: 0 0 20px}
	.sub-ttl04::after{width:45px;height: 3px;}
}

@media screen and (max-width: 768px){
	.sub-ttl{font-size:16px;padding-left: 30px;}
	.sub-ttl::before{width: 20px;height:30px;top: 0;}

	.sub-ttl02{font-size: 20px;}

	.sub-ttl03{font-size: 20px;padding-bottom: 20px;}
	.sub-ttl03 p{padding: 15px 0}

	.sub-ttl04{font-size: 20px;padding: 0 0 15px;}
	.sub-ttl04::after{width:30px; height: 1px;}
}

@media screen and (max-width: 500px){
	.sub-ttl03{font-size:16px;}

	.sub-ttl04{font-size: 16px; margin:0 0 20px}
}

/* 텍스트 */
.sub-txt{font-size: 17px;font-weight: 400;color: #606060;position: relative;margin-left: 45px;padding-left: 30px;}
.sub-txt::before{display: block;content: '';width: 16px;height: 16px;background: url('/site/eleccar/img/sub/sub_txt_icon.png') no-repeat center;background-size: contain;position: absolute;left: 0;top: 7px;}

.sub-txt02{padding-left: 70px;margin-bottom: 25px;position: relative;font-size: 22px; color: #1c263a;font-family: 'cheonnyeon';}
.sub-txt02::before{display: block; content: '';width: 45px; height: 1px;background: #dadada;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.sub-txt02::after{display: block; content: '';width: 11px; height: 11px;background: #4456aa;border-radius: 100%;position: absolute;left: 45px;top: 50%;transform: translateY(-50%);}
.sub-txt02-1{margin-left: 60px;padding-left: 20px;margin-bottom: 5px;position: relative;color: #606060;}
.sub-txt02-1::before{display: block;content:'';width: 8px;height: 8px;background: #dadada;border-radius: 100%;position: absolute;left: 0; top: 10px;}

@media screen and (max-width: 1024px) {
	.sub-txt{font-size: 16px;}
	.sub-txt::before{top:12px}
}

@media screen and (max-width: 768px) {
	.sub-txt{font-size: 14px;padding-left: 21px;margin-left: 30px;}
	.sub-txt::before{top:4px;width: 14px;height: 14px;}

	.sub-txt02{padding-left: 40px;font-size:16px;margin-bottom: 10px;}
	.sub-txt02::before{display:none}
	.sub-txt02::after{left: 20px;width:10px;height:10px;top: 8px;}
	.sub-txt02-1{margin-left: 40px;font-size:14px;}
	.sub-txt02-1::before{top: 7px;}
}

@media screen and (max-width: 500px) {
	.sub-txt{margin-left: 25px;}
	.sub-txt::before{top:4px;width: 14px;height: 14px;}

	.sub-txt02{padding-left: 35px;}
	.sub-txt02::after{left: 15px;}
	.sub-txt02-1{padding-left: 15px;margin-left: 30px;}
}

/* 테이블 */
.tb-01{width: 100%;overflow-x: scroll;}
.tb-01 table{width: 100%;text-align: center;border-spacing: 30px 0;padding: 0 0 50px;}
.tb-01 table thead tr th{color: #FFF;padding: 23px 0;border-top-right-radius: 28px;border-top-left-radius:28px;}
.tb-01 table thead tr th:nth-child(1){background: #4455a8;width: 20%;}
.tb-01 table thead tr th:nth-child(2){background: #41a6d4;width: 20%;}
.tb-01 table thead tr th:nth-child(3){background: #4474c4;width: 20%;}
.tb-01 table thead tr th:nth-child(4){background: #35475a;width: 20%;}
.tb-01 table thead tr th:nth-child(5){background: #ff7c17;width: 13%;color: #fff;}

.tb-01 table tbody tr td.td1{color: #ff8100;font-weight: 500;}

.tb-01 table tbody{color: #3c3c3c;font-size: 17px; font-weight: 300;}
.tb-01 table tbody tr td{padding: 25px 0;background: #f3f3f3;line-height: 27px;border-bottom: 25px solid #FFF;position:relative;}
.tb-01 table tbody tr td:nth-child(1)::after{display:block;content:'';width: 0;height: 0;border-left: 30px solid #e5e7f3;border-right: 30px solid transparent;border-bottom: 25px solid transparent;border-top: 25px solid transparent;position:absolute;top:calc(100% / 2 - 25px);right: -60px;}
.tb-01 table tbody tr td:nth-child(2)::after{display:block;content:'';width: 0;height: 0;border-left: 30px solid #e4f2f9;border-right: 30px solid transparent;border-bottom: 25px solid transparent;border-top: 25px solid transparent;position:absolute;top:calc(100% / 2 - 25px);right: -60px;}
.tb-01 table tbody tr td:nth-child(3)::after{display:block;content:'';width: 0;height: 0;border-left: 30px solid #e5ebf7;border-right: 30px solid transparent;border-bottom: 25px solid transparent;border-top: 25px solid transparent;position:absolute;top:calc(100% / 2 - 25px);right: -60px;}
.tb-01 table tbody tr td:nth-child(4)::after{display:block;content:'';width: 0;height: 0;border-left: 30px solid #e5ebf7;border-right: 30px solid transparent;border-bottom: 25px solid transparent;border-top: 25px solid transparent;position:absolute;top:calc(100% / 2 - 25px);right: -60px;}

.tb-02{width: calc(50% - 5px);overflow-x: scroll;}
.tb-02 .th-color2{background: #bbc8db;}
.tb-02 table{width: 100%;border-collapse: collapse;}
.tb-02 table thead tr th{background: #374760;height: 40px;color: #FFF;font-size: 15px;}

.tb-02 table tbody{}
.tb-02 table tbody th{background: #cfdbec; color: #000;font-size: 14px;border-right: 1px solid #a6b3c5;border-bottom: 1px solid #a6b3c5;}
.tb-02 table tbody tr td{font-size: 14px;text-align: center;padding: 10px;border: 1px solid #d1d1d1;}

@media screen and (max-width:1024px){
	.tb-01 table thead tr th{padding:20px 0;}
	.tb-01 table tbody tr td{padding: 15px 0;font-size: 16px;line-height:normal;border-bottom: 15px solid #FFF}
}

@media screen and (max-width:768px){
	.tb-01 table{border-spacing: 20px 0}
	.tb-01 table thead tr th{padding: 10px 0;font-size: 14px;}
	.tb-01 table tbody tr td{font-size: 12px;padding:10px 0;border-bottom: 5px solid #FFF;}
	.tb-01 table tbody tr td:nth-child(1)::after{border-left: 20px solid #e5e7f3;border-right: 20px solid transparent;border-bottom: 15px solid transparent;border-top: 15px solid transparent;position:absolute;top: calc(100% / 2 - 17px);right: -40px;}
	.tb-01 table tbody tr td:nth-child(2)::after{border-left: 20px solid #e4f2f9;border-right: 20px solid transparent;border-bottom: 15px solid transparent;border-top: 15px solid transparent;position:absolute;top:calc(100% / 2 - 17px);right: -40px;}
	.tb-01 table tbody tr td:nth-child(3)::after{border-left: 20px solid #e5ebf7;border-right: 20px solid transparent;border-bottom: 15px solid transparent;border-top: 15px solid transparent;position:absolute;top:calc(100% / 2 - 17px);right: -40px;}
	.tb-01 table tbody tr td:nth-child(4)::after{border-left: 20px solid #e5ebf7;border-right: 20px solid transparent;border-bottom: 15px solid transparent;border-top: 15px solid transparent;position:absolute;top:calc(100% / 2 - 17px);right: -40px;}
	.tb-02{width: 100%;}
}

@media screen and (max-width: 500px){
  .tb-01 table{border-spacing: 5px 0;min-width: 500px;padding: 0 0 30px;}
  .tb-01 table tbody tr td:nth-child(1)::after{display: none;}
  .tb-01 table tbody tr td:nth-child(2)::after{display: none;}
  .tb-01 table tbody tr td:nth-child(3)::after{display: none;}
  .tb-01 table tbody tr td:nth-child(4)::after{display: none;}
}

/* 아이콘, 텍스트 있는 4개(기본)짜리 리스트 */
.sub-list ul{display: flex; flex-wrap: wrap;}
.sub-list ul li{flex: 1 1 calc(100% / 4 - 15px);text-align: center;padding: 0 20px;position: relative;}
.sub-list ul li::after{display: block;content: '';width:1px;height: 50px;position: absolute;top: 80px;right: 0;background: #d3d3d3;}
.sub-list ul li:last-child:after{display: none;}
.sub-list ul li .icon{margin-bottom: 40px;}
.sub-list ul li .icon-ttl{font-size: 25px; font-family: 'cheonnyeon';font-weight: 700;color: #3c3c3c;padding-bottom: 25px;border-bottom: 1px solid #dddddd;}
.sub-list ul li .icon-txt{font-size: 17px;font-weight: 300;color: #3c3c3c;line-height: 27px;padding: 30px 0 10px;}
.sub-list ul li .icon-txt .pc-only {display:inline}

.sub-list02 ul{display: flex; flex-wrap: wrap;gap: 20px;}
.sub-list02 ul li{font-size: 17px;line-height: 27px;font-weight: 300;color: #3c3c3c;flex: 1 1 calc(100% / 5 - 16px);text-align: center;padding: 50px 30px;position: relative;background: #FFF;}

@media screen and (max-width:1440px){
	.sub-list02 ul{gap: 15px;}
	.sub-list02 ul li {flex:1 1 calc(100% / 3 - 14px)}
}

@media screen and (max-width: 1024px){
	.sub-list ul li {flex: 1 1 calc(100% / 2 - 10px); padding: 20px;}
	.sub-list ul li:nth-child(2):after{display:none;}
	.sub-list ul li .icon{margin-bottom: 20px;}
	.sub-list ul li .icon-ttl{font-size: 20px;padding-bottom: 20px;}
	.sub-list ul li .icon-txt{word-break: keep-all;font-size: 16px;line-height: 26px;padding: 20px 0 0;}
	.sub-list ul li .icon-txt .pc-only {display:none;}

	.sub-list02 ul{gap: 15px;}
	.sub-list02 ul li {flex:1 1 calc(100% / 2 - 8px)}
}

@media screen and (max-width: 768px){
	.sub-list ul li {padding: 15px;flex: 1 1 100%;}
	.sub-list ul li::after{top: 50px}
	.sub-list ul li .icon{width: 80px;height: 80px;margin: 0 auto 10px;}
	.sub-list ul li .icon img{width: auto;height: 80px}
	.sub-list ul li .icon-ttl {font-size: 16px;}

	.sub-list02 ul{gap: 10px;}
	.sub-list02 ul li{padding: 20px 12px;font-size: 14px;line-height: 24px;}
}

@media screen and (max-width: 425px){
	.sub-list ul li {padding: 15px 10px;}
	.sub-list ul li::before{display: block;content: '';width:100%;height: 1px;position: absolute;bottom: 0px;left: 0;background: #d3d3d3;}
	.sub-list ul li:nth-child(3)::before{display:none;}
	.sub-list ul li:nth-child(4)::before{display:none;}
	.sub-list ul li::after{height: 100%;top:0}
	.sub-list ul li .icon{width: 50px;height: 50px;}
	.sub-list ul li .icon img{width: 50px;height: 50px;}
	.sub-list ul li .icon-txt{font-size:14px;line-height:24px}
	.sub-list ul li .icon-txt{font-size: 14px;line-height: 24px;}

	.sub-list02 ul li{flex: 1 1 100%;padding: 10px;}
}

/* 왼쪽 사진, 오른쪽 타이틀 + 내용 잇는 폼 */
.sub-left{width: 40%;}
.sub-right{width: 60%;display: table;}
.sub-right .contents{display: table-cell;vertical-align: middle;padding: 0 20px 0 0;}

@media screen and (max-width: 1024px){
	.sub-left{width:100%;}
	.sub-left > img {width:100%;}
	.sub-right{width:100%;}
}

/* 서브 탭 */
.sub-tabs{display: flex;flex-wrap: wrap;justify-content: center;padding: 40px 20px 60px;}
.sub-tab{width: calc(100% / 4 - 40px);text-align: center;border: 1px solid #cfcfcf;cursor:pointer;background: #FFF;transition: all 0.2s;font-weight: 500;word-break:break-all;}
.sub-tab > a{display: block;padding: 20px 0;font-size: 15px;color: #1e2d4f;}
.sub-tab:hover{border: 1px solid #365385}
.sub-tab.active{border: 0;background: linear-gradient(to right, #3b64b4, #474da3);}
.sub-tab.active > a{color: #FFF;}

.sub-content.active{display: block;}

@media screen and (max-width: 1440px){
	.sub-tabs{}
	.sub-tab{width: calc(100% / 5 - 8px);word-break:keep-all;}
}

@media screen and (max-width: 1024px){
	.sub-tabs{padding: 20px 0px 60px;}
	.sub-tab{width: calc(100% / 2 - 7px);}
}

@media screen and (max-width: 768px){
	.sub-tabs{padding: 20px 0px 40px;gap:10px;}
}

@media screen and (max-width: 500px){
	.sub-tabs{gap: 5px;padding: 20px 0px 30px;}
	.sub-tab{width: 100%;}
	.sub-tab > a {padding: 10px 0;font-size:14px}
}

/* 서브 슬라이드 */
.slider-for {width: 100%; overflow: hidden;}
.slider-for .slick-slide {width:100%;float:left;display: block;margin-right: 10px;}
.slider-for .slick-slide img {width: 100%;}
.slider-nav {width: 100%;overflow: hidden;padding: 10px 0;}
.slider-nav .slick-slide {width:100%;float:left;margin-right: 10px;display:flex;flex-wrap:wrap;gap:10px}

/* 서브 비쥬얼 */
.navigation {width:100%;}
.sub-visual {width:100%;height: 400px;position: relative;z-index: 99;}
.sub-visual01-1 {background:url('/site/eleccar/img/sub/sub-visual01-1.jpg') no-repeat center; background-size:cover;}
.sub-visu-ttl {word-break:keep-all;font-size: 40px;color: #fff;vertical-align: middle;text-align: left;font-weight: 700;position: absolute;top: 50%;left: 10%;display: inline-block;}
.sub-visu-ttl .eng {font-size: 20px;letter-spacing:1px;font-weight: 700;position:relative;display: block;margin-top: 5px;}

.sub-visu-bg {width: 90%;position:absolute;right:0;bottom:0;background:#fff;height: 100px;border-bottom: 1px solid #ddd;}
.sub-visu-menu {overflow: hidden;position: absolute;bottom: 0;right: 0px;line-height: 70px;z-index: 990;background: #fff;display: inline-block;}
.sub-visu-menu .sub-menu-ul {line-height: 70px;text-align: right;width: 100%;margin: 0 auto;}
.sub-visu-menu .sub-menu-ul li {display: inline-block;position:relative;/* min-width: 16%; */float:left;}
.sub-visu-menu .sub-menu-ul li a {color: #a6a6a6;display: block;font-size: 18px;position:relative;transition:all 0.3s;letter-spacing: -1px;padding: 0 30px;font-weight: 400;}
.sub-visu-menu .sub-menu-ul li a.active {transition:all 0.3s;/* background: #fff; */color: #080c1b;font-weight: 700;}

.sub-visu-menu .sub-menu-ul li a.home-btn {width: 70px;height: 70px;background: url('/site/eleccar/img/sub/home-icon.png') no-repeat center, linear-gradient(to right, #3b63b3, #464fa4);}

.sub-visu-menu .sub-menu-ul li{color: #a6a6a6;display: block;font-size: 18px;position:relative;transition:all 0.3s;letter-spacing: -1px;padding: 0 30px;font-weight: 400;}
.sub-visu-menu .sub-menu-ul li {transition:all 0.3s;/* background: #fff; */color: #080c1b;font-weight: 700;}

.sub-visu-menu .sub-menu-ttl{display:none;}

@media screen and (min-width:1025px){
    .sub-visu-menu .sub-menu-ul {display:block !important;padding-right: 0;}
}

@media screen and (max-width:1800px){
	.sub-visu-bg {width:100%;}
}
@media screen and (max-width:1400px){
	.sub-visual {height: 350px;border-bottom: 1px solid #ddd;}
	.sub-visu-bg {width:95%;}
	.sub-visu-ttl {font-size:35px;}
	.sub-visu-menu {max-width:90%;margin:0;float:right;}
	.sub-visu-menu .sub-menu-ul {height: 60px;line-height: 60px;}
	.sub-visu-menu .sub-menu-ul li a {font-size:16px;padding: 0 27px;}
	.sub-visu-menu .sub-menu-ul li a.home-btn {width:60px;height:60px;}
	
	.sub-visu-menu .sub-menu-ul li.home {width:60px;height:60px;}
}

@media screen and (max-width:1024px){
	.sub-visu-ttl {text-align:center;left:0;transform: translateY(-50%);font-size:30px;width: 100%;}
	.sub-visu-ttl .eng {font-size:16px;}
	.sub-visu-menu {background: #ffffff;width:100%;max-width: 100%;line-height: 35px;float: none;overflow: unset;}
	.sub-visu-menu .sub-menu-ttl {display:block;font-size: 16px;width: 100%;padding: 10px 30px;color: #3c63b3;background: url('/site/eleccar/img/sub/sub-arr-b.png') no-repeat center right 20px;float: none;}
	.sub-visu-menu .sub-menu-ul {display: none;position:absolute;z-index: 990;top: 55px;border: 1px solid #3c63b3;width:100%;background:#fff;padding:20px;float: none;height: auto;}
	.sub-visu-menu .sub-menu-ul li {display:block; float:none;width:100%;line-height:30px; text-align:left;}
	.sub-visu-menu .sub-menu-ul li a {color: #474747;font-size: 14px;padding: 5px 20px;}
	.sub-visu-menu .sub-menu-ul li a.active {color: #3c63b3;font-weight:700;}
	.sub-visu-menu .sub-menu-ul li a:hover {color: #3c63b3;font-weight:700;}
	.sub-visu-menu .sub-menu-ul li:first-child {display:none;}
}

@media screen and (max-width:768px){
	.sub-visual{height:300px;}
	.sub-visu-ttl{font-size:20px;}
	.sub-visu-ttl2 {font-size: 20px;text-shadow:0 0 3px rgba(50,50,50,0.1);}
}

@media screen and (max-width:480px){
	.sub-visu-menu .sub-menu-ttl {font-size: 15px;padding: 5px 20px;}
	.sub-visu-menu .sub-menu-ul {top: 46px;padding: 10px 5px;}
}
/* sub1_1 계열소개 */

/* 공통 - 커스텀 */
.intro .sub-ttl{padding-bottom: 25px;line-height: 26px;}
.intro .sub-ttl02{padding-bottom: 30px;}
.intro-bot .sub-ttl02 {color: #FFF;padding-bottom: 45px;}

.intro .sub-txt{padding-bottom: 15px;}

.intro .sub-list ul li:after{display:none;}

/* sub1_1 만 적용 */
.intro-top{background: #171e26;}
.intro-top .sub-cen{display: flex;flex-wrap: wrap;margin-bottom: 120px;}
.intro-con-left{color: #FFF;padding: 60px 30px;width: 50%;}
.intro-con-left .ttl{font-size: 35px;font-family: 'cheonnyeon';font-weight: 700;padding: 60px 0 30px;}
.intro-list {font-size: 17px;}
.intro-list ul{}
.intro-list ul li{padding: 0 0 15px;}
.intro-list ul li span{display: inline-block;padding: 12px 20px;font-family: 'cheonnyeon';border-radius: 30px; font-weight: 500;}
.intro-list ul li span.bg-blue{background-color: #4456a9;}
.intro-list ul li span.bg-skyblue{background-color: #44a6d5;}
.intro-list ul li p{display: inline-block;padding-left: 15px;word-break: keep-all;}

.intro-con-right{width: 50%;margin-bottom: -120px;padding: 60px 0 70px;}

.intro-mid{padding: 0 20px 70px;border-bottom: 1px solid #e5e5e5;}

.intro-mid02{padding: 70px 20px;}
.intro-mid02-ttl{display: block;font-size: 19px;text-align: center;color: #FFF;padding: 25px 250px;background: #4456a9;border-radius: 35px;margin: 0 0 60px;word-break: keep-all;}

.intro-bot{width: 100%;height: 412px;background: url('/site/eleccar/img/sub/intro-bg01.jpg') no-repeat center;background-size: cover;padding: 80px 20px 100px;}

@media screen and (max-width: 1440px){
	.intro-con-left{padding: 30px;}
	.intro-list ul li span {padding:10px 20px;margin-bottom: 10px}
	.intro-list ul li p{width:100%;}

	.intro-mid02-ttl {text-align: center;padding: 20px;font-size: 17px;}
	.intro-bot{height: auto}
}

@media screen and (max-width: 1024px){
	.intro-top .sub-cen{flex-direction: column-reverse;margin-bottom: 0;}
	.intro-con-left {width:100%;}
	.intro-con-left .ttl{font-size: 30px;padding: 30px 0;}

	.intro-list ul li p{width:auto;}
	
	.intro-con-right {width:100%;margin-bottom: 0;padding: 0;}
	.intro-con-right img{width:100%;}

	.intro-mid {padding: 50px 20px;}
	.intro-mid02 {padding: 50px 20px;}
	.intro-mid02-ttl {font-size: 16px;margin: 0 0 50px;}
	
}

@media screen and (max-width: 768px){
	.intro-con-left{padding: 20px;}
	.intro-con-left .ttl {font-size: 20px;padding: 10px 0 20px;}

	.intro-con-right {background: url('/site/eleccar/img/sub/intro-img01.jpg') no-repeat center; height: 300px; background-size: cover}
	.intro-con-right > img{display:none;}

	.intro-list {font-size: 16px;}
	.intro-list ul li span{margin:0;font-size: 14px;padding: 7px 14px;}
	.intro-list ul li p{font-size: 14px;padding-left: 10px}

	.intro-mid{padding: 30px 20px;}
	.intro-mid02{padding: 30px 20px}
	.intro-mid02-ttl{margin: 0 0 20px;padding: 7px 14px;font-size: 14px;}

	.intro-bot{padding: 30px 20px}
}

@media screen and (max-width:425px){
	.intro-con-right {height:250px;}
}


/* sub1_2 계열특성화 */

/* 공통 레이아웃 수정 */
.character{}
.character .sub-ttl{padding: 0 43px 35px;margin: 0 20px;}
.character .sub-con{padding-bottom: 20px;}

@media screen and (max-width: 1024px){
	.character .sub-con{flex-direction: column;gap: 50px;padding-bottom: 50px;}
}

@media screen and (max-width:768px){
	.character .sub-ttl{padding: 0 0 25px 30px;}
	.character .sub-ttl:before{width: 18px;height: 25px;top:0;}
	.character .sub-list ul li{flex: 1 1 calc(100% / 2)}

	.character .sub-con{gap: 30px;}
}

/* sub1_2만 적용 */
.character-top{background: url('/site/eleccar/img/sub/character-bg01.jpg') no-repeat center;background-size: cover;height: 500px;position: relative;margin-bottom: 160px;}
.character-top .ttl{font-size: 25px;color: #292a2e;text-align: center;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #FFF;padding: 60px 20px;margin-bottom: -90px;word-break:keep-all;}
.character-top .ttl span {color: #4456aa; font-weight: 700;}

.character-mid{padding: 0 20px 90px;}

.character-bot{padding: 0 0px 50px;}

.character-bot02{padding: 0 0px 100px;border-bottom: 1px solid #e5e5e5;}

@media screen and (max-width: 1440px){
	.character-top .ttl{font-size:24px;padding: 50px 20px;max-width:calc(100% - 40px)}
}
@media screen and (max-width: 1024px){
	.character-top{height:400px}
	.character-top .ttl{font-size:20px;padding: 30px 20px;box-shadow: 0px 2px 5px #a2a2a2;}
}
@media screen and (max-width: 768px){
	.character-top{height:300px;margin-bottom: 100px;}
	.character-top .ttl{font-size:16px;padding: 20px;margin-bottom: -40px;max-width: calc(100% - 20px);}
	.character-mid{padding: 0 20px 50px;}
}
@media screen and (max-width: 425px){
	.character-top{height:250px;margin-bottom: 50px;}
	.character-top .ttl{margin-bottom: -20px;padding: 20px 10px;}
	.character-mid{padding: 0 10px 50px;}
}

/* sub1_3 구축인프라 */
.infra{padding: 0px 20px 50px;}
.infra .sub-ttl{display: inline-block;padding-right: 20px;padding-bottom: 25px;padding-left: 40px;}
.infra .sub-txt02{display: inline-block;}
.infra .sub-ttl02-1{margin-bottom: 40px;}
.infra .sub-ttl02-1 .pc-only{display:inline;}
.infra .sub-ttl02-1 .m-only{display:none;}

@media screen and (max-width: 1024px){
	.infra .sub-txt02{font-size: 16px;line-height:26px;}
	.infra .sub-txt02:after{top:13px;}
	.infra .sub-ttl02-1{margin: 0 0 40px;padding: 20px;}
}

@media screen and (max-width: 768px){
	.infra .sub-txt02{}
	.infra .sub-ttl02-1{padding: 10px 20px;}
	.infra .sub-ttl02-1 .pc-only{display:none;}
	.infra .sub-ttl02-1 .m-only{display:block;}
}

/* sub2_1 전기에너지전공 */
.depart-top{display: flex;height: 430px;align-items: center;background-size: cover;text-align: center;margin: 0 0 70px;}
.depart-top.bg01{background: url('/site/eleccar/img/sub/sub2_1_bg.jpg') no-repeat center;}
.depart-top.bg02{background: url('/site/eleccar/img/sub/sub2_2_bg.jpg') no-repeat center;}
.depart-top .depart-banner{width: 100%; padding: 60px 20px 50px;background: rgba(0, 0, 0, 0.40);border: 1px solid #FFF;}
.depart-top .depart-banner .ttl{font-size: 35px;font-family: 'cheonnyeon';font-weight: 600; color: #FFF; padding: 0 0 20px;}
.depart-top .depart-banner .txt{font-size: 15px; letter-spacing: 2px; font-weight: 700; color: #FFF;;}

.depart-mid{padding: 0 0 100px;}
.depart-mid .con{display: flex;gap: 60px;text-align: center;padding: 0 0 90px;margin: 0 30px 35px;position: relative;}
.depart-mid .con:after{display:block;content:'';width:100%;height: 90px;position:absolute;bottom:0;left:50%;z-index: -1;transform:translateX(-50%);background: url('/site/eleccar/img/sub/sub2_1_img01.png') no-repeat bottom center, #FFF;background-size: contain;}
.depart-mid .con-box{flex: 1 1 calc(100% / 2 - 30px);border-radius: 17px;border: 1px solid #cbcbcb;}
.depart-mid .con-box .ttl{font-size: 22px; font-family: 'cheonnyeon'; color: #fefefe; padding: 20px;background: #3e5fb0; border-top-left-radius: 17px;border-top-right-radius: 17px;}
.depart-mid .con-box .txt{display: flex;font-size: 20px;color: #606060;font-weight: 400;padding: 45px 20px;background: #FFF;border-bottom-left-radius: 17px;border-bottom-right-radius: 17px;justify-content: center;align-items: center;}
.depart-mid .con-box .txt .pc-only{}

.depart .sub-list ul li::after{display:none;}

@media screen and (max-width:1024px){
	.depart-top{height: 350px;margin: 0 0 50px;}
	.depart-top .depart-banner{padding: 30px 20px;}
	.depart-top .depart-banner .ttl{font-size: 24px;padding: 0 0 15px;}
	.depart-top .depart-banner .txt{font-size: 14px;}

	.depart-mid {padding: 0 0 50px;}
	.depart-mid .con {gap:30px;padding:0 0 50px;margin: 0 20px;}
	.depart-mid .con:after{height: 50px;}
	.depart-mid .con-box{flex: 1 1 calc(100% / 2 - 25px);}
	.depart-mid .con-box .ttl {font-size: 20px;padding:15px;}
	.depart-mid .con-box .txt {font-size: 16px;padding: 30px 20px}
}

@media screen and (max-width:768px){
	.depart-top{height: 300px;}
	.depart-top .depart-banner{}
	.depart-top .depart-banner .ttl{font-size: 20px;padding: 0 0 10px;}
	.depart-top .depart-banner .txt{font-size: 13px;letter-spacing: 0px;}

	.depart-mid .con {gap:30px;padding:0 0 50px;margin: 0 20px;}
	.depart-mid .con:after{height: 50px;}
	.depart-mid .con-box{flex: 1 1 calc(100% / 2 - 25px);}
	.depart-mid .con-box .ttl {font-size: 16px;padding: 10px;}
	.depart-mid .con-box .txt {font-size: 14px;padding: 20px;}
}

@media screen and (max-width: 500px){
	.depart-top{height: 250px;margin: 0 0 30px;}
	.depart-top .depart-banner{padding: 20px;}
	.depart-top .depart-banner .ttl{font-size: 16px;}
	.depart-top .depart-banner .txt{font-size: 12px;letter-spacing: -1px;}

	.depart-mid{padding: 0 0 30px;}
	.depart-mid .con{gap: 10px;padding: 0 0 40px;flex-direction: column;}
	.depart-mid .con:after{}
	.depart-mid .con-box{flex: 1 1 100%;}
	.depart-mid .con-box .ttl {font-size: 16px;padding: 10px;}
	.depart-mid .con-box .txt {font-size: 14px;padding: 15px 10px;}
	.depart-mid .con-box .txt .pc-only{display:none}
}

/* sub3_1 교수소개 */
.professor {padding: 90px 20px;}
.professor ul {display:flex;flex-wrap:wrap;gap: 70px 30px;}
.professor ul li {align-items: center;display:flex;border-radius:15px;flex: 0 1 calc(100% / 2 - 15px);gap: 20px;}
.professor ul li > img {width: auto;height: 260px;}
.professor ul li .txt {width:100%;}
.professor ul li .txt .name{font-size: 30px; font-family: 'cheonnyeon'; font-weight: 500;color: #4456a9;border-bottom:3px solid #4456a9;padding-bottom:14px;}
.professor ul li .txt .name span{font-size: 18px;color: #717171;padding-left: 20px;}
.professor ul li .txt  > div {padding: 5px;}
.professor ul li .txt  > div .tt {display:block;margin:8px 0;color:#717171;font-size:14px;font-weight:700;}
.professor ul li .txt  > div .tt span{padding: 5px 10px; background: #ededed;border-radius: 20px;width: 75px;display: inline-block;text-align: center;margin-right: 20px;}
.professor ul li .txt p {margin-bottom: 25px;font-size: 17px;font-weight: 600;color: #717171;}

@media screen and (max-width: 1024px){
  .professor{padding: 50px 20px;}
  .professor ul{gap:30px 20px;}
  .professor ul li > img {height: 150px;}
  .professor ul li .txt {width:calc(100% - 20px);}
  .professor ul li .txt .name{font-size: 24px;padding-bottom: 10px;margin: 0 0 15px;}
  .professor ul li .txt .name span{font-size: 16px;padding-left: 10px;}

  .professor ul li .txt > div .tt span{margin-right: 10px;padding: 5px 7px;}
  .professor ul li .txt p{margin-bottom: 20px;font-size: 16px;}
}

@media screen and (max-width: 768px){
	.professor{padding: 30px 20px;}
	.professor ul{gap: 20px;}
	.professor ul li{flex: 1 1 100%;gap: 20px;}
	.professor ul li > img {height: 180px;}
	.professor ul li .txt .name{font-size: 20px;margin: 0 0 10px;border-bottom: 1px solid #4456a9;}
	.professor ul li .txt .name span{font-size: 14px;padding-left:5px}
	.professor ul li .txt > div{padding: 0;}
	.professor ul li .txt > div .tt span{font-size:13px;padding:5px}
	.professor ul li .txt p{margin-bottom: 15px;font-size: 14px;}
}

@media screen and (max-width:425px) {
    .professor ul li > img {width: 80px;height: 99px;}
	.professor ul li {gap:10px;}
	.professor ul li .txt > div .tt span{width:60px;margin-right: 5px;}
}

/* sub4_1 진로안내 */
.career{}
.career-top{padding:85px 0 110px;background:#f4f4f4;margin: 0 0 70px;}
.career-top ul{display: flex;flex-wrap: wrap;gap: 20px;}
.career-top ul li{flex: 0 1 calc(100% / 4 - 15px);display: table;padding: 25px 0;background: #FFF;}
.career-top ul li .img{display: table-cell;vertical-align: middle;text-align: center;}

.career-mid{overflow: hidden;padding: 0 0 100px;}
.career-mid .sub-ttl04{float: left;width: 35%;}
.career-mid .progress-bar{float: left; width:65%;}
.career-mid .progress-bar ul{}
.career-mid .progress-bar ul li{padding:0 0 15px;overflow: hidden;}
.career-mid .progress-bar ul li .ttl{font-size: 17px;padding: 0px 10px;color: #171e26;font-family: 'cheonnyeon';width: 150px;line-height: 43px;text-align: center;background: #f2f2f2;border-radius: 21px;margin-right: 20px;float: left;}
.career-mid .progress-bar ul li .bar{background:#d9d9d9;border-radius:21px;float: left;width: calc(100% - 170px);line-height: 43px;}
.career-mid .progress-bar ul li .bar .status{width: 35%;font-size:15px;font-weight:700;color:#FFF;padding: 0 15px;border-radius: 21px;text-align: right}
.career-mid .progress-bar ul li .bar .status.col01{background: #4456a9;}
.career-mid .progress-bar ul li .bar .status.col02{background: #44a6d5;width: 57%;}
.career-mid .progress-bar ul li .bar .status.col03{background: #4473c5;width: 8%;}

.career-bot{padding-bottom: 50px;}
.career-company {}
.career-company ul{display:flex;flex-wrap:wrap;gap:20px}
.career-company ul li{flex:1 1 calc(100% / 2 - 20px)}
.career-company ul li .img{padding: 0 0 10px;}
.career-company ul li .img img{width: 100%;}
.career-company ul li .ttl{font-size: 17px; color: #FFF;padding: 20px 10px;text-align: center;}
.career-company ul li .ttl.col01{background: #4456a9;}
.career-company ul li .ttl.col02{background: #44a6d5;}
.career-company ul li .ttl.col03{background: #4473c5;}
.career-company ul li .ttl.col04{background: #35465a;}
.career-company ul li .txt{display: flex;font-size: 15px;color: #444444;padding: 0 10px;text-align: center;background: #f4f4f4;min-height: 95px;justify-content: center;align-items: center;}

@media screen and (max-width: 1440px){
	.career-top .sub-cen{padding:0 20px}
	.career-top ul li{display: table;padding: 20px 0;background: #FFF;}

	.career-mid{padding: 0 20px 50px}

	.career-bot{padding:0 20px 50px;}
}

@media screen and (max-width: 1024px){
	.career-top{padding: 50px 0 100px;}
	.career-top ul li{flex:0 1 calc(100% / 3 - 14px);}
}

@media screen and (max-width: 768px){
	.career-top{padding: 30px 0 50px;margin-bottom: 50px;}
	.career-top ul {gap: 10px;}
	.career-top ul li{flex:0 1 calc(100% / 3 - 7px);}
	.career-top ul li .img img{width:200px;}

	.career-mid{padding: 0 20px 30px}
	.career-mid .sub-ttl04{float:none;width:100%;margin: 0 0 30px;}
	.career-mid .progress-bar{float:none;width:100%;}
	.career-mid .progress-bar ul li{padding-bottom: 10px;}
	.career-mid .progress-bar ul li .ttl{font-size: 16px;}
	.career-mid .progress-bar ul li .bar .status{font-size: 14px;}

	.career-company ul{gap: 10px;}
	.career-company ul li .img{padding: 0 0 5px}
	.career-company ul li .ttl{font-size: 16px;padding: 10px 0}
	.career-company ul li .txt{font-size: 14px;min-height:90px}
}

@media screen and (max-width: 500px){
	.career-top {padding:30px 0}
	.career-top ul li{flex: 0 1 calc(100% / 2 - 5px); padding:10px;}
	.career-top ul li .img img{width:150px}

	.career-mid .progress-bar ul li .ttl{width: 100px;font-size: 13px;margin-right:  10px;}
	.career-mid .progress-bar ul li .bar{width: calc(100% - 110px);}

	.career-company ul li {flex: 0 0 100%;}
}

/* sub4_2 취업현황 */
.employ-top{display: flex;height: 385px;flex-direction: column;justify-content: center;align-items: center;background-size: cover;text-align: center;margin: 0 0 70px;background: url('/site/eleccar/img/sub/sub4_2_bg.jpg') no-repeat center;}
.employ-top .sub-ttl{display: block;font-size: 35px;font-weight: 700;width: 100%;padding: 0 0 30px;color: #FFF;}
.employ-top .employ-banner{width: 100%;padding: 35px 20px 35px;background: rgba(0, 0, 0, 0.40);border: 1px solid #FFF;}
.employ-top .employ-banner .ttl{font-size: 25px;font-family: 'cheonnyeon';font-weight: 600;color: #FFF;padding: 0 0 20px;}
.employ-top .employ-banner .txt{font-size: 15px;font-weight: 700;color: #FFF;}

.employ-mid{padding: 0 10px 50px;}
.employ-table {display:flex;flex-wrap: wrap;gap: 10px;}

@media screen and (max-width:1024px){
	.employ-top{height: 350px;margin: 0 0 50px;}
	.employ-top .sub-ttl{font-size: 30px;}
	.employ-top .employ-banner{padding: 30px 20px;}
	.employ-top .employ-banner .ttl{font-size: 24px;padding: 0 0 15px;}
	.employ-top .employ-banner .txt{font-size: 14px;}
}

@media screen and (max-width:768px){
	.employ-top{height: 300px;}
	.employ-top .sub-ttl{font-size: 24px;}
	.employ-top .employ-banner .ttl{font-size: 20px;padding: 0 0 10px;}
	.employ-top .employ-banner .txt{font-size: 13px;letter-spacing: 0px;}
}

@media screen and (max-width: 500px){
	.employ-top{height: 250px;margin: 0 0 30px;}
	.employ-top .sub-ttl{font-size: 20px;}
	.employ-top .employ-banner{padding: 20px;}
	.employ-top .employ-banner .ttl{font-size: 16px;}
	.employ-top .employ-banner .txt{font-size: 12px;letter-spacing: -1px;}
}

/* sub4_3 자격증 취득현황 */
.search-wr{padding: 55px 0;background: #f9f9f9;text-align: center;}
.certi-select{width: 180px;padding: 5px 20px;border: 1px solid #ccc;font-family:inherit;background: #FFF url('/site/eleccar/img/sub/search_arrow.png') no-repeat 95% 50%;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color: #7c7c7c;font-size: 17px;height: 50px;}
.certi-select::-ms-expand{display:none}
.search-bar{border: 1px solid #cccccc;padding: 15px 20px;font-size:17px;color:#7c7c7c;width: 350px;height: 50px;}
.search-button{width: 50px;height: 50px;background: #4650a5;border:0;position:relative}
.search-button::after{display:block;content:'';background:url('/site/eleccar/img/sub/search_icon.png') no-repeat center;background-size:contain;width: 20px;height: 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

/* sub4_4 자랑스러운 선배 */
.senior {padding: 90px 20px;}
.senior ul {display:flex;flex-wrap:wrap;gap: 70px 30px;}
.senior ul li {align-items: center;display:flex;border-radius:15px;flex: 1 1 calc(100% / 2 - 15px);gap: 20px;}
.senior ul li > img {width: auto;height: 260px;}
.senior ul li .txt {width:100%;}
.senior ul li .txt .name{font-size: 30px; font-family: 'cheonnyeon'; font-weight: 500;color: #4456a9;border-bottom:3px solid #4456a9;padding-bottom:14px;}
.senior ul li .txt .name span{font-size: 18px;color: #717171;padding-left: 20px;}
.senior ul li .txt  > div {padding: 5px;}
.senior ul li .txt  > div .tt {display:block;margin:8px 0;color:#717171;font-size:14px;font-weight:700;}
.senior ul li .txt  > div .tt span{padding: 5px 10px; background: #ededed;border-radius: 20px;width: 75px;display: inline-block;text-align: center;margin-right: 20px;}
.senior ul li .txt p {margin-bottom: 25px;font-size: 17px;font-weight: 600;color: #717171;}

@media screen and (max-width: 1024px){
  .senior{padding: 50px 20px;}
  .senior ul{gap:30px 20px;}
  .senior ul li > img {height: 150px;}
  .senior ul li .txt {width:calc(100% - 20px);}
  .senior ul li .txt .name{font-size: 24px;padding-bottom: 10px;margin: 0 0 15px;}
  .senior ul li .txt .name span{font-size: 16px;padding-left: 10px;}
  .senior ul li .txt > div .tt span{margin-right: 10px;padding: 5px 7px;}
  .senior ul li .txt p{margin-bottom: 20px;font-size: 16px;}
}

@media screen and (max-width: 768px){
	.senior{padding: 30px 20px;}
	.senior ul{gap: 20px;}
	.senior ul li{flex: 1 1 100%;gap: 20px;}
	.senior ul li > img {height: 180px;}
	.senior ul li .txt .name{font-size: 20px;margin: 0 0 10px;border-bottom: 1px solid #4456a9;}
	.senior ul li .txt .name span{font-size: 14px;padding-left:5px}
	.senior ul li .txt > div{padding: 0;}
	.senior ul li .txt > div .tt span{font-size:13px;padding:5px}
	.senior ul li .txt p{margin-bottom: 15px;font-size: 14px;}
}

@media screen and (max-width:425px) {
  .senior ul li > img {width: 80px;height: 99px;}
	.senior ul li {gap:10px;}
	.senior ul li .txt > div .tt span{width:60px;margin-right: 5px;}
}