@charset "utf-8";

/* ************************* 공통 ************************* */

/* 탭 */
.tabWrap {}

.tabWrap.type1 {padding-bottom:50px;}
.tabWrap.type1 ul {border-bottom:2px solid #8e1d24; overflow:hidden; text-align:center;}
.tabWrap.type1 ul li {float:left; border:1px solid #eaeaea; border-bottom:0;}
.tabWrap.type1 ul li+li {border-left:0;}
.tabWrap.type1 ul li button {display:block; height:50px; letter-spacing:-.5px; color:#000; line-height:1.2; background:transparent; width:100%; cursor:pointer; }
.tabWrap.type1 ul li:hover {background:#f5f5f5;}
.tabWrap.type1 ul li.on {border-color:#8e1d24; background:#8e1d24; }
.tabWrap.type1 ul li.on button {color:#fff;}

.tabInner {}
.tabInner>ul {}
.tabInner>ul>li {display:none;}
.tabInner>ul>li.on {display:block;}

/* 2022-01-05수정 */
.tabWrap.type1 ul li {width:calc(100%/2);}

.line {width:100%; height:1px; background:#ddd; margin:90px 0; text-indent:-999px;}
.contents h3 {font-size:30px; font-weight:700; color:#000; text-align:center;}

/* ************************ 데스크탑 (992~) ************************ */
/* 공통 */
.contents .scroll {display:none;}
.mo {display:none;}

/* ************************ 센터소개 ************************ */
/* 센터소개 */
.intro .title h3 {color:#8e1d25; text-align:left;}
.intro .title p {font-size:24px; font-weight:700; color:#8e1d25;}

.intro .collegeImg {width:100%; height:440px; background: url(../images/intro/college.jpg) no-repeat; margin:80px 0 60px;}
.intro .collegeImg div {position:relative; margin-top: -56px; float:right; width:450px; height:180px; box-shadow: -55px -15px 145px 0px rgb(0 0 0 / 15%); background:#8e1d25 url(../images/intro/vic-k.png) no-repeat bottom right; color:#fff; padding:40px;}
.intro .collegeImg div p {font-size:26px;}
.intro .collegeImg div span {font-size:18px;}

.intro .post {text-align:center; margin:0 auto; background: url(../images/intro/logo.png) no-repeat center top;}
.intro .post h3 {padding:90px 0;}
.intro .post>span {display:block; margin:0 auto; text-indent:-9999px; width:58px; height:58px; background: url(../images/intro/intro-arrow.png) no-repeat center;}
.intro .post ul {display:inline-block; margin-top:15px; margin:0 auto; width:840px; height:290px; background: url(../images/intro/post_bg.png) no-repeat; display:flex; justify-content: center;}
.intro .post ul li {width:240px; padding-top:120px;}
.intro .post ul li span {font-size:24px; font-weight:700;}

.intro .edu {margin:100px 0 100px;}
.intro .edu ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.intro .edu ul li {width:calc((100%/3) - 20px); height:100%; color:#fff;}

.intro .edu ul li div {width:100%; height:170px; padding:18px; background:#8e1d25;}
.intro .edu ul li div p {font-size:18px; font-weight:700; padding-bottom:6px;}
.intro .edu ul li div span {font-size:15px;}
.intro .edu ul li img {width:100%; height:260px; object-fit:cover;}

.intro .step h3 {text-align:center; padding-bottom:90px;}
.intro .step>div {height:185px; margin-bottom:80px; background:url(../images/intro/step-bg.png) no-repeat center;}
.intro .step>div ul {display:flex; justify-content:space-between; width:820px; margin: 0 auto;}
.intro .step>div ul li {width:180px; text-align:center; padding-top:80px;}

.intro .step p {font-size:20px; font-weight:700; padding:80px 20px 0;}
.intro .step .group {display:flex; flex-wrap: wrap;}
.intro .step .group li {float:left; margin:15px 20px 0; width: calc((100%/6) - 20px); text-align:center;}
.intro .step .group li .memberImg {background:#ebebeb; width:140px; height:180px;}
.intro .step .group li .memberImg img {width:100%; height:100%;}
.intro .step .group li .name {width:140px; font-size:15px; padding-top:6px; text-align:center;}
	

	/* 센터소개 수정 */
	.intro .step.ver2 p {padding:80px 0 10px 0;}
	.intro .step.ver2 .groupVer2 {display:flex; flex-wrap: wrap; gap:50px; margin-right:-80px;}
	.intro .step.ver2 .groupVer2 .memberImg {width:calc((100%/7) - 50px); min-width: 140px; text-align:center; height:180px;}
	.intro .step.ver2 .groupVer2 .memberImg img {width:100%; max-width:140px; height:100%; object-fit:cever;}
	.intro .step.ver2 .groupVer2 .memberImg span {display:block; margin-top:5px;}
	
	

/* 미션비전 */
.vision .mission {background:url(../images/intro/mission_bg.png) no-repeat top; width: 100vw; margin-left: calc(-50vw + 50%); padding:20px; padding-top:0; text-align:center;}
.vision .mission img {width:100%; max-width:1280px;}
.vision .mission ul {margin-bottom:120px;}
.vision .mission ul li {text-align:center; margin-bottom:70px;}
.vision .mission ul li p {font-size:30px; color:#000; font-weight:700;}

.vision .mission ul li.mission {position:relative;}
.vision .mission ul li.mission p:before {position:absolute; top:50%; left:50%; transform:translate(-50%,-10%); display:block; content:""; width:4px; height:20px; background:#8e1d24;}
.vision .mission ul li.mission p {padding:10px 0 55px 0;}
.vision .mission ul li.mission span {font-size:20px; color:#000;}

.vision .mission ul li.vision p {padding-bottom:30px;}
.vision .mission ul li.vision span {font-size:26px; color:#fff; padding:8px 74px; background:#8e1d24;}



.vision .goal {text-align:center; color:#000;}
.vision .goal h3 {margin-bottom:40px;}
.vision .goal img {width:100%; padding-top:50px;}
.vision .goal .goal2 {width:80% !important;}
.vision .goal .goal_line {margin: 30px 0;}
.vision .goal ul {display: flex; justify-content: space-around;}

.vision .goal .tit {font-size:22px; font-weight:700;}
.vision .goal .tit p {position:relative; font-size:16px; font-weight:500;}

.vision .goal .dotWrap li {position:relative;}
.vision .goal .dotWrap .dot:before {position:absolute; bottom:160px; top:-34px; left:0; display:block; content:""; width:8px; height:8px; border-radius:100px; background:#8e1d25;}

/* 인사말 */
.greetWrap {background: url(../images/intro/greet_bg.jpg) no-repeat center / cover;}

.greet .top ul {display:flex; flex-wrap: wrap; align-items: center;}
.greet .top ul li div {position:relative;}
.greet .top ul li:nth-child(1) {margin-right:85px;}
.greet .top ul li div p:nth-child(1) {font-size:30px; font-weight:700; color:#8e1d25;}
.greet .top ul li div p:nth-child(2) {font-size:24px; color:#000; padding:30px 0;}
.greet .top ul li div p:nth-child(3) {font-size:22px; color:#8e1d25; padding: 7px 0 60px 45px;}
/*.greet .top ul li div p:nth-child(3):before {position:absolute; bottom:160px; left:0; display:block; content:""; width:4px; height:55px; background:#8e1d25;}*/
.greet .top ul li div p:nth-child(4) {font-size:17px; color:#8e1d25; padding-bottom:30px;}
.greet .top ul li div p:nth-child(5) {font-size:17px; color:#000; padding-top:12px; width:200px; height:40px; }
.greet .top ul li div p .name {font-size:30px; padding-left:15px; font-weight:700;}
.greet .top .profile {max-width:500px;}

.greet .bottom {width:100%; padding-top:60px;}
.greet .bottom p {line-height:1.9; padding-bottom:30px;}

.greet .sign {float:right; width:430px; height:auto; padding-top:15px;}
.greet .sign .name {font-weight:700; font-size:30px; color:#000; padding-left:10px;}

/* 인사말 new (250416수정) */
.greet2 .top ul {display:flex;}
.greet2 .top ul .img {width:40%;}
.greet2 .top ul .img img {width:100%; height:100%; object-fit:cover;}
.greet2 .top ul .txt {width:60%; background:#f5f5f5; padding:80px;}
.greet2 .top ul .txt p.big {font-size:30px; font-weight:700; color:#8e1d25;}
.greet2 .top ul .txt p.middle {font-size:24px; color:#000; padding-top:30px;}
.greet2 .top ul .txt dl {border-top:1px solid #ccc; margin-top:50px; padding-top:50px; font-size:18px; font-weight:500; color:#000;}
.greet2 .top ul .txt dl dt {}
.greet2 .top ul .txt dl dd {padding-top:20px;}
.greet2 .top ul .txt dl dd .name {font-size:30px; font-weight:700; padding-left:20px;}
.greet2 .bottom {margin-top:80px; color:#333;}
.greet2 .bottom p {font-size:17px; line-height:1.8;}
.greet2 .bottom p+p {margin-top:30px;}
.greet2 .sign {margin-top:50px; text-align:right; color:#000;}
.greet2 .sign p {font-size:20px;}
.greet2 .sign p .name {padding-left:20px; font-weight:700; font-size:30px;}
/* 조직도,센터멤버 */
.organ .organWrap {width:100%;}
	
.organ .memberWrap h3 {padding:90px 0 65px;}
.organ .memberWrap ul {display:flex; flex-wrap: wrap; justify-content: space-between; color:#000;}
.organ .memberWrap ul li {display:flex; align-items:center; width: calc((100%/2) - 10px); border:1px solid #c2c2c2; padding:30px; margin-bottom:22px;}

.organ .memberWrap ul li .memberImg {width:140px; height:180px;}
.organ .memberWrap ul li .memberImg img {margin-right:50px; width:100%; height:100%; background:#ebebeb;}
.organ .memberWrap ul li .memberTxt {position:relative; margin-left:50px;}
.organ .memberWrap ul li .memberTxt p {font-size:18px; font-weight:700; padding:0 20px 16px;}
.organ .memberWrap ul li .memberTxt p:before {position:absolute; top:5px; left:0; content:""; display:block; width:2px; height:18px; background:#8e1d25;}

/* contact us */
.contact {position:relative; background:url(../images/contact/vic-k.png) no-repeat right top 33%;}
.contact .boxWrap {position:absolute; z-index:2; top:160px; left:65px; width:640px; height:auto; background:#fff; padding:45px 70px; box-shadow: 43px 64px 85px 0px rgb(0 0 0 / 12%);}
.contact .boxWrap h3 {font-size:24px; font-weight:700; color:#8e1d25; text-align:left; margin-bottom:40px;}

.contact .boxWrap table {color:#000; font-size:15px; background:none;}
.contact .boxWrap table tr>* {padding:10px 0;}
.contact .boxWrap table tr td {line-height:1.7; color:#666; transition-duration: .3s;}
.contact .boxWrap table tr td:nth-child(1) {font-weight:700; padding-right:15px; color:#000;}
.contact .boxWrap table a {display:inline-block; margin-left:10px;}
.contact .boxWrap table a img {width:12px; height:16px;}

.contact .map {width:100%;}
.contact .root_daum_roughmap {margin-top:240px;}

/* 프로젝트 */
.project .projectWrap {width:100%;}
.project .projectWrap h3 {padding-bottom:25px; line-height:1.7;}

/* 교육프로그램 */
.process .tabInner ul li {text-align:center; padding-top:50px;}
.apply {text-align:center;}

.eduWrap {position: relative;}
.eduWrap .eduTab {display: flex; justify-content: center; gap: 20px; margin-bottom: 80px;}
.eduWrap .eduTab li {background: #fff;}

.eduWrap .eduTab li a {width: 350px; display: inline-block; padding:15px; text-align: center; border-radius: 100px; border:1px solid #e9eef3; color: #999;}
.eduWrap .eduTab li:hover a {background:#F1F1F1; transition:all .3s ease-in-out;}
.eduWrap .eduTab li.on a {border: 1px solid #8e1d24; color: #8e1d24; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}

.eduWrap .right {position: absolute; right: 0;}
.eduWrap .right p {padding: 4px 20px; border-radius: 100px; background: #ebebeb; font-size: 14px;}

.eduWrap .innerTit {padding-bottom: 75px;}
.eduWrap .innerTit h3 {position: relative; /*text-align: left;*/ padding-left: 30px;}
/*.eduWrap .innerTit h3:before {position: absolute; left: 0; content: ""; display: inline-block; width: 5px; height: 100%; border-radius: 100px; background: #9b3c42;}*/
.eduWrap .innerTit h3 span {display: block; color: #8e1d24; font-size: 15px; padding-bottom: 10px;}
.eduWrap .innerTit h3 p {display: flex; align-items: center; justify-content: center;}
.eduWrap .innerTit h3 a {display: inline-block; width: 40px; height: 40px; border: 1px solid #edeef0; background: #f1f3f4 url(../images/common/more-youtube.png) no-repeat center; border-radius: 100px; margin-left: 15px;}

.eduWrap .inner li>div {width: 100%; display: flex; align-items: center; gap: 80px;}
.eduWrap .inner li>span {color: #073785; font-weight: 600; font-size: 22px; margin-bottom: 10px;}
.eduWrap .inner li>span em {font-size: 14px; padding: 5px 10px; border: 1px solid; border-radius: 100px; margin-right: 10px;}
.eduWrap .inner li {display: flex; flex-direction: column; align-items: flex-start; padding: 40px 0;}
.eduWrap .inner li:nth-child(1) {padding-top: 0;}
.eduWrap .inner li .imgWrap {position: relative; width: 390px; height: ; overflow: hidden; border-radius: 2px; margin-right: 65px;}
/*.eduWrap .inner li .imgWrap:before {z-index: 999; position: absolute; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0,0,0,.7) url(../images/main/youtube-arrow.png) no-repeat center; transition: .45s ease;}
.eduWrap .inner li .imgWrap:hover:before {position: absolute; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0,0,0,.3) url(../images/main/youtube-arrow.png) no-repeat center; transition: .45s ease;}
*/
.eduWrap .inner li
.eduWrap .inner li .imgWrap img {position: relative; width: 100%; height: 100%; object-fit: cover; border-radius: 2px; transition: all .9s ease !important; -webkit-transition: all .9s ease !important; -moz-transition: all .9s ease !important;}
.eduWrap .inner li .imgWrap:hover img {transform: scale(1.1);}
.eduWrap .inner li .text h4 {font-size: 18px; margin-bottom: 25px; color: #8e1d24;}
.eduWrap .inner li:hover .text h4 {color: #4b4b4b;}
.eduWrap .inner li .text h4 span {display: block; font-size: 30px; margin-top: 10px; color: #4b4b4b;}
.eduWrap .inner li:hover .text h4 span {color: #8e1d24;}
.eduWrap .inner li .text>div {position: relative; display: flex; flex-direction: column;}
/*.eduWrap .inner li .text>div:before {transition: all .5s ease !important; -webkit-transition: all .5s ease !important; -moz-transition: all .5s ease !important; position: absolute; left: 0; display: inline-block; content: ""; width: 2px; border-radius: 100px; height: 100%; background: #c5c5c5;}
.eduWrap .inner li:hover .text>div:before {background: #8e1d24;}*/
.eduWrap .inner li .text a {color: #a2a2a2; background: url(../images/common/i-play-s.png) no-repeat top 6px left; background-size: 17px; padding-left: 25px;}
.eduWrap .inner li .text a:hover {color: #8e1d24; background: url(../images/common/i-play-blue.png) no-repeat top 6px left; background-size: 17px;}
.eduWrap .inner li .text a+a {padding-top: 5px;}

.eduWrap .inner .video {width: 100%; max-width: 550px; border-radius: 30px; box-sizing: border-box;}
.eduWrap .inner .video-container {position: relative; width: 100%; padding-bottom: 52%; padding-top: 25px; height: 0;}
.eduWrap .inner iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 게시판 페이징-모바일용 */
.eduWrap .page_box {position:relative; margin-top:30px; text-align:center;}
.eduWrap .page_box .mobile label {display:none;}
.eduWrap .page_box .mobile {display:flex; margin:0; padding:0; align-items: center; justify-content: center;}
.eduWrap .page_box .mobile>li {float:left; height:100%;}
.eduWrap .page_box .mobile>li:last-child {padding-right:0;}
.eduWrap .page_box .mobile li:nth-child(2) {font-size:16px; padding:0 20px; height:40px; display:flex; align-items: center; /*border:1px solid #dedede; border-left:0; border-right:0;*/}
.eduWrap .page_box .mobile li {color:#a1a1a1;}
.eduWrap .page_box .mobile li b {color:#000;}

.eduWrap .page_box .mobile .prev {display:block; width:50px; height:40px; background:url(/img/common_responsive/prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0;}
.eduWrap .page_box .mobile .next {display:block; width:50px; height:40px; background:url(/img/common_responsive/next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0;}
.eduWrap .page_box .mobile .write:hover {background:#000; color:#fff !important;}
.eduWrap .page_box .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
.eduWrap .page_box .mobile .dropdown-toggle:hover {border-radius:0 !important;}
.eduWrap .page_box .mobile .btn-default  {border:0; height:32px !important;}

/* 게시판 페이징 - pc용 */
.eduWrap .page_box {position:relative; text-align:center; border:1px solid transparent;}
.eduWrap .page_box .pc.pagination {display:inline-block; /*margin:80px 0 0 !important;*/}
.eduWrap .page_box .pc.pagination>li>a {text-align:center; color:#333; border:1px solid #dedede; height:40px; line-height:1;}
/* .eduWrap .page_box .pc.pagination>li>a.active {color:#111; background:#fff !important; border:1px solid #dedede; font-weight:normal;} */
.eduWrap .page_box .pc.pagination>li>a.active {color:#fff; background:#910023 !important; border:1px solid #dedede; font-weight:normal;}
.eduWrap .page_box .pc.pagination .first,
.eduWrap .page_box .pc.pagination .prev,
.eduWrap .page_box .pc.pagination .next,
.eduWrap .page_box .pc.pagination .last {color:#333; background-color:#fff;}
.eduWrap .page_box .pc.pagination .first:hover,
.eduWrap .page_box .pc.pagination .prev:hover,
.eduWrap .page_box .pc.pagination .next:hover,
.eduWrap .page_box .pc.pagination .last:hover {background:#f0f0f0}
.eduWrap .page_box .pc.pagination .prev {margin-right:10px;}
.eduWrap .page_box .pc.pagination .next {margin-left:10px;}
.eduWrap .page_box .pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; /*font-family:"NotoSansKR";*/ color:#fff;}
.eduWrap .page_box .pc.pagination .write:hover {background:#333; color:#fff !important;}
.eduWrap .pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}

.eduWrap .page_box {width:100%; margin-top:30px; line-height:1; font-size:14px; font-weight:normal; text-align:center;}
.eduWrap .page_box .pc {display:inline-block;}
.eduWrap .page_box .pc li {float:left; margin-left:-1px;}
.eduWrap .page_box .pc li a {display:block; padding:12px 15px; border:1px solid rgba(0,0,0,.15); background:#fff; color:#000;}
.eduWrap .page_box .pc li a:hover {background:#f0f0f0;}
.eduWrap .page_box .pc li a.active {background:#333; color:#fff; border-color:#333;}
.eduWrap .page_box .pc li a.prev {margin-right:10px;}
.eduWrap .page_box .pc li a.next {margin-left:10px;}

/* 게시판 버튼 묶음 */
.eduWrap .btn_box {position:relative; text-align:center; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.eduWrap .btn_box ul {display:inline-block; margin:0; padding:0;}
.eduWrap .btn_box li {float:left; padding-right:5px; padding-bottom:5px;}
.eduWrap .btn_box li:last-child {padding-right:0;}


/* 게시판 이전글/다음글 */
.more_list {margin-top:20px; padding-top:30px; border-top:1px solid #eee; overflow:hidden;}
.more_list div>* {display:inline-block; float:left; margin-right:10px; }
.more_list i {margin-top:0px; width:30px; height:30px; border-radius:50%; background-color:#f0f0f0; background-position:50%; background-repeat:no-repeat;}
.more_list i.prev {background-image:url(/img/common_responsive/arrow_up.png)}
.more_list i.next {background-image:url(/img/common_responsive/arrow_down.png)}


/* 게시판 이전글/다음글2 */
.eduWrap .more_list2 {/* margin-top:20px;  */padding-top:30px; border-top:1px solid #eee; overflow:hidden;}
.eduWrap .more_list2 div>* {display:inline-block; float:left; margin-right:10px; }
.eduWrap .more_list2 i {margin-top:-5px; width:30px; height:30px; border-radius:50%; background-color:#f0f0f0; background-position:50%; background-repeat:no-repeat;}
.eduWrap .more_list2 i.prev {background-image:url(/img/common_responsive/arrow_up.png)}
.eduWrap .more_list2 i.next {background-image:url(/img/common_responsive/arrow_down.png)}






.expertWrap {width: 100%;}
.expertWrap li {width: 100%; display: flex; gap: 50px; justify-content: center;}
.expertWrap li+li {margin-top: 50px; border-top: 1px solid #e9eef3; padding-top: 50px;}
.expertWrap li .imgWrap {width: 100%; max-width:230px; height:auto; overflow: hidden; border: 1px solid #eee;}
.expertWrap li .imgWrap img {width: 100%;}
.expertWrap li .tit {position: relative; margin-top:20px;}
.expertWrap li .tit h4 {font-size: 22px; color: #8e1d24; margin-bottom: 5px;}
.expertWrap li .tit p {position: relative; padding-left: 14px;}
.expertWrap li .tit p:before {position: absolute; left: 0; top: 10px; content: ""; display: inline-block; width: 4px; height: 4px; background: #999; border-radius: 100px;}
.expertWrap li .textWrap {position: relative; width: calc(100% - 380px);}
.expertWrap li .date {font-size: 15px; margin-top: 30px;}
.expertWrap li .date span {display: inline-block; width: 90px; text-align: center; background: #ebebeb; border-radius: 100px; padding: 5px 15px; margin-right: 15px; font-size: 13px;}
.expertWrap li .date p+p {margin-top: 7px;}
.expertWrap li .state {position: absolute; right: 0; top: 30px;}
.expertWrap li .state p {background: #d39a9d; color: #fff; padding: 4px 13px; border-radius: 100px;}
.expertWrap li .state p.deadline {background: #eee; color: #707070;}
.expertWrap li .state p.going {background: #9b3c42;}
.expertWrap li .textWrap a {background: #073785 url(../images/edu/i-more.png)calc(100% - 20px) center no-repeat; background-size: 15px; padding: 10px 45px 10px 25px; border-radius:4px; color: #fff; margin-top: 10px; display: inline-block;}


/* 관련사이트(패밀리사이트) */
.family .family-wrap:first-child {margin-top:0px;}
/* .family .family-wrap {margin-top:160px;}  */
.family .family-wrap {margin-top:100px;} 
/* .family .family-wrap ul {display:flex; flex-wrap: wrap; justify-content: flex-start; margin-top:50px; gap:15px; margin-right:0;}  */
.family .family-wrap ul {margin-top:50px; margin-right:0;} 
/* .family .family-wrap ul li {width:calc((100%/3) - 10px); text-align:center;} */
.family .family-wrap ul li {width: calc(100%/5 - 10px); text-align: center; float: left; margin-left: 10px; margin-bottom: 10px;}
.family .family-wrap ul li a {width:100%; height:200px; display: flex; flex-direction: column; align-items: center; justify-content: center; border:1px solid #c2c2c2; padding:0 10px;}
.family .family-wrap ul li a:hover {border:1px solid #9b3c42;}
.family .family-wrap ul li a:hover p {color:#9b3c42;}
.family .family-wrap ul li a p {position:relative; padding-top:30px; font-size:14px;}
.family .family-wrap ul li a p:before {position:absolute; top:20%; left:50%; transform:translate(-50%,-50%); content:""; width:20px; height:2px; background:#8e1d25;}
.family .family-wrap ul li a img {height:40px; margin-bottom: 10px; padding: 4px;}



@media screen and (min-width: 992px) and (max-width: 1600px) {

	/* 센터 소개 수정 */
	.intro .step.ver2 .groupVer2 {margin-right:0; gap:40px;}

}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (min-width: 991px) and (max-width: 1280px) {
	
	
	/* 인사말 */
	.greetWrap {background:none;}
	
	.greet .top ul {justify-content:space-between;}
	.greet .top ul li img {height:450px;}
	
	.greet .top ul li:nth-child(1) {margin-right:0px; width:100%; text-align:left; padding-bottom:50px; padding-left:20px;}
	/*.greet .top ul li:nth-child(2) {width:100%; margin-top:-130px; padding-top:30px; border-top: 1px dotted #ebebeb; background:linear-gradient(#fff, #fbfbfb);}*/
	
	.greet .top ul li div {padding: 0 55px 55px 20px;}
	.greet .top ul li div p:nth-child(1) {font-size:24px;}
	.greet .top ul li div p:nth-child(2) {font-size:24px; padding-bottom:30px;}
	.greet .top ul li div p:nth-child(3) {font-size:20px; padding:0; height:0;}
	/*.greet .top ul li div p:nth-child(3):before {position:absolute; bottom:212px; left:60px; display:block; content:""; width:4px; height:55px; background:#8e1d25;}*/
	.greet .top ul li div p:nth-child(4) {font-size:17px; padding-bottom:0px;}
	.greet .top ul li div p:nth-child(5) {font-size:17px; padding-top:12px; width:180px; height:35px;}

	.greet .bottom {padding-top:40px; padding:40px 20px 0;}
	
	

}
	
/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	.pc {display:none;}
	.mo {display:block;}
	
	/* 공통 */
	.contents h3 {font-size:5.5vw; padding-bottom:20px;}
	.contents .scroll {display:block; width:100%; height:30px; margin:10px 0; line-height:30px; text-align:center; font-size:15px; background:#8e1125; border-radius:100px; color:#fff;}
	.contents .scrollImg {width:100%; overflow-x: scroll; overflow-y:hidden; white-space: nowrap;}
	.contents .scrollImg img {width:1000px;}

	/* 센터소개 */
	.intro h3 {font-size:30px;}
	
	.intro .post {background: none;}
	.intro .post h3 {font-size:22px; line-height:1.3; padding:90px 0 40px 0;}
	.intro .post img {width:85% !important; margin: auto;}

	.intro .collegeImg {margin:80px 0 40px;}
	
	.intro .edu {margin-bottom:30px;}
	.intro .edu ul {width:80%; margin:0 auto;}
	.intro .edu ul li {width:100%; margin-bottom:20px;}
	.intro .edu ul li:nth-child(2) {margin-left:0px;}
	
	.intro .step img.mo {width:80% !important; margin:auto;}

	
	/* 미션 비전 */
	.vision .mission img {width:100%; padding-top:20px;}
	
	.vision .goal img {width:80%; display:block; margin:auto; padding-top:20px;}
	.vision .goal h3 {margin-bottom:20px;}
	.vision .goal .tit {font-size:18px;}
	.vision .goal .tit p {font-size:14px;}
	.vision .goal .tit li {padding:4px;}
	
	.vision .goal .mo {width: calc(100% - 20px*2) !important; margin:0 auto;}
	.vision .goal .mo div {position:relative; text-align:left; margin-top:40px;}
	.vision .goal .mo div h4 {font-size:24px; font-weight:700; color:#8e1d24; padding:10px 0 10px 20px;}
	.vision .goal .mo div h4:before {position:absolute; top:10px; left:0; content:""; width:4px; height:24px; background:#8e1d24;}
	.vision .goal .mo div p {font-size:18px;}

	

	/* 인사말 */
	.greetWrap {background:none;}
	
	.greet .top ul {display:block;}
	.greet .top ul li img {height:300px;}
	.greet .top ul li div {padding-top:30px;}
	
	.greet .top ul li div p:nth-child(1) {font-size:24px;}
	.greet .top ul li div p:nth-child(2) {font-size:20px;}
	.greet .top ul li div p:nth-child(3) {display:none;}
	
	
	/*.greet .top ul li:nth-child(1) {margin-right:0px; width:100%; text-align:center; background:linear-gradient(#fff, #fbfbfb); padding-bottom:50px;}
	.greet .top ul li:nth-child(2) {width:100%; margin-top:-130px; padding-top:30px; border-top: 1px dotted #ebebeb; background:linear-gradient(#fff, #fbfbfb);}*/
	
	/*.greet .top ul li div {padding: 0 55px 55px;}
	.greet .top ul li div p:nth-child(1) {font-size:24px;}
	.greet .top ul li div p:nth-child(2) {font-size:24px; padding-bottom:50px;}
	.greet .top ul li div p:nth-child(3) {font-size:20px; padding: 7px 0 60px 45px;}
	.greet .top ul li div p:nth-child(3):before {position:absolute; bottom:212px; left:60px; display:block; content:""; width:4px; height:55px; background:#8e1d25;}
	.greet .top ul li div p:nth-child(4) {font-size:17px; padding-bottom:30px;}
	.greet .top ul li div p:nth-child(5) {font-size:17px; padding-top:12px; width:150px; height:35px; background:url(../images/intro/leader_name.png) no-repeat right;}

	.greet .bottom {padding-top:40px;}*/
	.greet .top ul li div p .name {font-size:26px;}
	.greet .sign .name {font-size:26px;}
	.greet .sign {padding-top:0;}
	
	/* 인사말 new */
	.greet2 .top ul .txt {padding:50px;}
	.greet2 .top ul .txt p.big {font-size:24px;}
	.greet2 .top ul .txt p.middle {font-size:20px;}
	
	/* 센터소개 수정 */
	.intro .step.ver2 .groupVer2 {margin-right:0; gap:40px;}
	
	/* 센터멤버,조직도 */
	.organ .memberWrap ul li {width:100%;}

	/* contact us */
	.contact {background:none;}
	.contact .boxWrap {position:static; width:100%; height:100%; background:url(../images/contact/vic-k.png) no-repeat bottom right; padding:45px 70px; box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 6%);}
	.contact .boxWrap h3 {font-size:5vw; margin-bottom:0; padding-bottom:0;}
	.contact .root_daum_roughmap {margin-top:30px;}
	
	/* 교육프로그램 */
    .eduWrap .innerTit {padding-bottom: 0px;}
    .eduWrap .innerTit h3 {padding-left: 0;}
    .eduWrap .right {position: static; display: flex; justify-content: center; margin-bottom: 70px; text-align: center;}
    .eduWrap .inner li {width: 100%; padding: 30px 0;}
    .eduWrap .inner li>div {width: 100%; gap: 30px; align-items: flex-start; flex-direction: column;}
    .eduWrap .inner li .imgWrap {width: 100%; min-width: 300px; margin-right: 0;}
    .eduWrap .inner li .text a {background: url(../images/common/i-play-s.png) no-repeat top 6px left; background-size: 17px;}
    .eduWrap .inner li .text a:hover {background: url(../images/common/i-play-blue.png) no-repeat top 6px left; background-size: 17px;}
    .eduWrap .inner .video {max-width: 100%;}

    .expertWrap {margin-top: 50px;}
    .expertWrap li .state {position: static; margin-top: 20px;}
    .expertWrap li .state p {display: inline;}
    .expertWrap li .tit {margin-top: 0;}

	
	/* 관련사이트(패밀리사이트) */
	.family .family-wrap ul li {width: calc((100%/3) - 10px);}
	.family .family-wrap ul li a img {width: 100%; height:auto;}

}


/* ************************ 모바일 이하(~768) ************************ */
@media screen and (max-width: 768px) {	

	/* 공통 */
	.ta {display:none;}
	.line {margin: 50px 0;}
	.contents h3 {font-size:5vw; margin-bottom:20px; line-height:1.6;}
	.contents .scrollImg img {width:800px;}
	
	/*센터소개*/
	.intro h3 {margin-bottom:0px;}
	.intro .title h3 {font-size:22px; padding-bottom:0px;}
	.intro .title p {font-size:15px;}

	.intro .step .group {margin-left:20px;}
	.intro .step .group li {width: calc(100%/2); margin:15px 0 0;}
	
	.intro .edu {margin-top:50px;}
	.intro .edu ul {width:100%; margin:0 auto;}
	.intro .edu ul li img {width: 100%; height: 260px; object-fit: cover;}
	.intro .edu ul li div {width: 100%; height:auto;}
	
	.intro .collegeImg {position:relative; background-position:50% 90%; margin:20px 0 40px;}
	.intro .collegeImg div {position:absolute; bottom:-70px; margin-top:0px; float:none; box-shadow:none; background:#8e1d25; width: 100%; height: 140px;}

	.intro .post img {width:100% !important;}
	.intro .post h3 {padding:10px 0 40px 0;}

	.intro .step h3 {font-size:22px; line-height:1.3; padding-bottom:30px;}
	.intro .step p {padding-top:30px;}
	
		/* 센터소개 수정 */
		.intro .collegeImg div {padding:20px; height:auto; bottom:0;}
		.intro .collegeImg div span {font-size:15px;}
		.intro .collegeImg div p {font-size:22px;}
		
		.intro .step.ver2 .groupVer2 {margin-right:0; gap:0; justify-content: space-between;}
		.intro .step.ver2 .groupVer2 .memberImg {width:30%; min-width:30%; height:auto; margin-bottom:20px;}
		.intro .step.ver2 .groupVer2 .memberImg img {height:auto; width:100%; object-fit:cover;}
		.intro .step.ver2 p {padding:30px 0 10px 0; font-size:18px;}

	/* 미션 비전 */
	.vision .mission ul {margin-bottom: 0px;}
	.vision .mission ul li {margin-bottom:10px;}
	.vision .mission ul li p {font-size:24px;}
	
	.vision .mission ul li.mission p {font-size:24px; padding:0px 0 35px 0;}
	.vision .mission ul li.mission p:before {top:45px; width:2px;}
	.vision .mission ul li.mission span {font-size:16px;}
	
	.vision .mission ul li.vision p {padding-bottom:10px;}
	.vision .mission ul li.vision span {font-size:18px; padding:8px 20px;}
	
	.vision .goal h3 {margin-bottom:0px; padding-bottom:0px;}
	
	.vision .goal .mo {width: calc(100% - 20px*2) !important; margin:0 auto;}
	.vision .goal .mo div {position:relative; text-align:left; margin-top:30px;}
	.vision .goal .mo div h4 {font-size:18px; font-weight:700; color:#8e1d24; padding:10px 0 10px 20px;}
	.vision .goal .mo div h4:before {position:absolute; top:10px; left:0; content:""; width:4px; height:21px; background:#8e1d24;}
	.vision .goal .mo div p {font-size:16px;}
	

	/* 인사말 */
	/*.greet .top ul li div p:nth-child(1) {font-size:20px;}
	.greet .top ul li div p:nth-child(2) {font-size:20px; padding-bottom:20px;}
	.greet .top ul li div p:nth-child(3) {font-size:17px; padding: 7px 0 30px 0px;}
	.greet .top ul li div p:nth-child(3):before {width:0px; height:0px;}
	.greet .top ul li div p:nth-child(4) {font-size:17px; padding-bottom:30px;}
	.greet .top ul li div p:nth-child(5) {font-size:17px; padding-top:12px; width:150px; height:35px; background:url(../images/intro/leader_name.png) no-repeat right;}

	.greet .sign {width:320px; background-size:15%;}*/
	
	
	.greet2 .top ul {display:block;}
	.greet2 .top ul .img {width:100%;}
	.greet2 .top ul .txt {width:100%; padding:30px;}
	.greet2 .top ul .txt dl dd .name {font-size:24px;}
	.greet2 .top ul .txt dl {padding-top:30px; margin-top:30px;}
	.greet2 .bottom {margin-top:50px;}
	.greet2 .sign {margin-top:30px;}
	.greet2 .bottom p {font-size:16px;}
	.greet2 .sign p {font-size:18px;}
	.greet2 .sign p .name {font-size:24px;}
	/* 조직도, 센터멤버 */
	.organ .memberWrap h3 {padding:55px 0 20px;}

	/* contact us */
	.contact .boxWrap {padding:25px; background-size:100%;}
	.contact .boxWrap table tr td:nth-child(1) {width:100%; margin-top:14px;}
	.contact .boxWrap table tr td {display:inline-table;}

	/* 교육프로그램 */
	.process .tabInner ul li {padding-top:0px;} 
    
    .eduWrap .eduTab {flex-direction: column; gap: 10px; margin-bottom: 50px;}
    .eduWrap .eduTab li a {width: 100%; padding:15px 15px;}
    .eduWrap .right {margin-bottom: 40px;}
    .eduWrap .right p {text-align: left; padding: 10px; border-radius: 2px; }
    .eduWrap .innerTit {padding-bottom: 0px;}
    .eduWrap .innerTit h3 {text-align: left !important; margin-bottom: 0;}
    .eduWrap .innerTit h3 p {justify-content: flex-start;}
    .eduWrap .innerTit h3 span {padding-bottom: 0;}
    .eduWrap .inner li .text h4 {display: none;}
    .eduWrap .inner li>span {color: #8e1d24;}
    .eduWrap .inner li>div {gap: 20px;}
    .eduWrap .inner li .text a {word-break: break-all;}
    .eduWrap .inner .video-container {padding-bottom: 49.25%;}
    
    .expertWrap li {position: relative; flex-direction: column; gap: 30px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e9eef3;}
    .expertWrap li .textWrap {position: static; width: 100%;}
    .expertWrap li .imgWrap {max-width: 100%; margin-top: 35px;}
	.expertWrap {margin-top: 0;}
    .expertWrap li .tit h4 {line-height: 1.4; font-size:18px;}
    .expertWrap li .date span {width: auto; margin-right: 8px; padding: 0; text-align: left; background: none;}
    .expertWrap li .date span:after {content: ":"; padding-left: 5px;}
    .expertWrap li .tit p {font-size: 14px;}
    .expertWrap li .date {margin-top: 25px;}
    .expertWrap li .date span {font-size: 14px;}
    .expertWrap li+li {margin-top: 0px; padding-top: 0px; border-top: 0;}
    .expertWrap li .state {position:absolute; margin-top: 0; top: 0; left: 0; width: 100%;}
    .expertWrap li .state p {text-align: center; border-radius: 0; width: 100%; display: inline-block; border: 1px solid #eee; border-bottom: 0;}


	/* 관련사이트(패밀리사이트) */
	.family .family-wrap {margin-top:50px;}
	.family .family-wrap ul {margin-top:-20px;}
	.family .family-wrap ul li {width: calc((100%/2) - 10px);}
	.family .family-wrap ul li a img {width:90%; height:auto; overflow: hidden;}
	.family .family-wrap ul li a p {font-size:13px; letter-spacing:-1px; word-break:break-all;}

}
	
	

/* ************************ 모바일 이하(~500) ************************ */
@media screen and (max-width: 500px) {	
	
	/* 공통 */
	.contents h3 {font-size:6vw;}
	
		/* 센터소개 수정 */
		.intro .step.ver2 .groupVer2 {margin-right:0; gap:0; justify-content: space-between;}
		.intro .step.ver2 .groupVer2 .memberImg {width:30%; min-width:30%; height:auto; margin-bottom:20px;}
		.intro .step.ver2 .groupVer2 .memberImg img {height:auto; width:100%; object-fit:cover;}
		.intro .step.ver2 p {padding:30px 0 10px 0; font-size:18px;}
	
	/* 센터멤버,조직도 */
	.organ .memberWrap ul li {flex-direction: column; align-items:center;}
	.organ .memberWrap ul li .memberTxt {margin-left:0;}
	.organ .memberWrap ul li .memberTxt p {padding:20px 20px 5px;}
	.organ .memberWrap ul li .memberTxt p:before {top:25px;}

    .eduWrap .innerTit h3 p {font-size: 22px;}
	
}