@import url('sub.css'); 
.fs18 {font-size:1rem; font-weight:400; line-height:161%; letter-spacing:-0.54px; }

.dot_list {padding-top:18px; border-top:1px solid var(--border);}
.dot_list li {padding-left:10px; position:relative; font-weight: 400; letter-spacing: -0.54px; line-height:160%; font-size:1rem; margin-bottom:4px;}
.dot_list li:before {position:absolute; left:0; top:12px;width:3px; height:3px; background:var(--basic); border-radius:100%; display:block; content:'';}
.dot_list li:last-of-type {margin:0;}


/* 인사말 */
.greeting_cont {display:flex;}
.greeting_cont .text_cont {width:55%;  margin-right:100px;}
.greeting_cont .img_cont {width:calc(45% - 100px);}
.greeting_cont .img_cont img {width:100%; height:auto; max-width:100%;}

.greeting_cont .text_cont .tit_area  {}
.greeting_cont .text_cont .tit_area h3 {font-size:2.222rem; font-weight: 700; letter-spacing:-1.2px; line-height:130%; color:var(--black);}
.greeting_cont .text_cont .tit_area  h3 b {letter-spacing:inherit; font-size:inherit; line-height:inherit}

.greeting_cont .cont_ara p {font-size:1.167rem; letter-spacing: -0.63px; line-height:152%; font-weight: 600; margin:23px 0 23px; color:var(--black);}
.greeting_cont .cont_ara ul {}
.greeting_cont .cont_ara ul li {margin-bottom:30px; letter-spacing: -0.54px; line-height:161%; font-size:1rem; color:var(--basic);}
.greeting_cont .cont_ara ul li:last-of-type {margin-bottom:0;}


/* 사업단소개 */
.introduce_cont {}
.introduce_cont .introduce_banner {margin-bottom:100px;}
.introduce_cont .introduce_banner .baner_in {background: url('/about/img/introduce_banner.jpg') no-repeat center / cover; overflow: hidden; text_align:center; padding:125px 10% 130px; box-sizing:border-box;}
.introduce_cont .introduce_banner .baner_in .ci_cont {position:relative;}
.introduce_cont .introduce_banner .baner_in .ci_cont:before {display:block; content:''; height:3px; width:50px; background:var(--white); position:absolute; bottom:-45%; left:50%; transform:translate(-50%, -50%); }
.introduce_cont .introduce_banner .baner_in .ci_cont img {max-width: 100%; height: auto; }

.introduce_cont .introduce_banner .baner_in .tit_area {margin-top:90px; }

.introduce_cont .introduce_banner .baner_in .tit_area h3 { color:var(--white); font-size:1.167rem; line-height:150%; letter-spacing: -0.63px; font-weight: 600;}
.introduce_cont .introduce_banner .baner_in .tit_area p { color:rgba(255,255,255,.7); margin-top:10px; font-size:1rem; line-height:160%; letter-spacing: -0.54px; font-weight: 300;}

.introduce_cont .basic_style article .cont_area dl {}
.introduce_cont .basic_style article .cont_area dl dt {font-size:1.167rem; line-height:150%; letter-spacing: -0.63px; font-weight: 600; color:var(--black); margin-bottom:20px; box-sizing:border-box; }
.introduce_cont .basic_style article .cont_area dl .box {display:grid; gap:15px; }


.introduce_cont .basic_style article .cont_area dl:first-of-type {}
.introduce_cont .basic_style article .cont_area dl:first-of-type .box {display:grid; gap:15px; grid-template-columns: repeat(2, 1fr);}
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd {background:rgba(0, 41, 112, .1); border:1px solid rgba(0,41,112,.3); border-radius:10px; display:flex; padding:40px; box-sizing:border-box; gap:20px; align-items: center; justify-content: center;}
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd img {max-width:100%; height:auto;}
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd p {color:var(--main);}
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd p:first-of-type {font-weight: 600; letter-spacing: -0.54px; line-height:160%;}
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd p:last-of-type {font-weight: 700; letter-spacing: -0.63px; line-height: 130%; font-size:1.167rem;} 
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd p:last-of-type b {font-size:2.222rem; letter-spacing: -1.2px; line-height:130%; margin-right:5px; }


.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) {margin-top:60px;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) dt {background:var(--main); border-radius:10px; padding:20px 30px; position:relative;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) dt:before {display:block; content:''; background:url('/about/img/intro_arrow.png') no-repeat; width:180px; height:105px; position:absolute; top:-53px; left:50%; transform:translate(-50%,-50%); background-size: cover;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box {grid-template-columns: repeat(3, 1fr); }
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box dd {border:1px solid var(--border); padding:35px 30px; box-sizing:border-box; border-radius:10px;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box dd p {color:var(--main); padding-left:40px; font-size:1.167rem; line-height:150%; letter-spacing: -0.63px; font-weight: 600; position:relative; padding-bottom:15px;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box dd p .num {width:30px; height:30px; line-height:30px; color:var(--white); display:flex; align-items:center; justify-content: center; border-radius:100%; background:var(--main); position:absolute; left:0; top:2px; font-size:15px;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box dd ul {}

.introduce_cont .basic_style article .cont_area dl:last-of-type {margin-top:40px;}
.introduce_cont .basic_style article .cont_area dl:last-of-type dt {background:var(--white); border-radius:10px; border:2px solid var(--main); padding:20px 30px;}
.introduce_cont .basic_style article .cont_area dl:last-of-type .box {grid-template-columns: repeat(4, 3fr); }
.introduce_cont .basic_style article .cont_area dl:last-of-type .box dd {padding:30px; border:1px solid var(--border); box-sizing:border-box; border-radius:10px; display:flex; justify-content: center; align-items: center;}
.introduce_cont .basic_style article .cont_area dl:last-of-type .box dd img {max-width:100%; height:auto;}


/* 조직도 */
.organ_cont {}
.organ_cont .box dl {position:relative; z-index:9; padding-top:30px;}
.organ_cont .box dl dt {background:var(--main); color:var(--white); padding:20px; box-sizing:border-box; border-radius:10px; text-align:center; }
.organ_cont .box dl dd {border:1px solid #ddd; padding:25px;  box-sizing:border-box; background:var(--white); margin-top:10px; border-radius:10px 10px 0 0; display: flex; align-items: center; min-height:180px;}
.organ_cont .box dl dd .dot_list {padding:0; border-top:0;}
.organ_cont .box dl p {width:100%; background:var(--grayBg); padding:15px;  box-sizing:border-box; border:1px solid #ddd; border-top:0; text-align:center; border-radius:0 0 10px 10px; color:var(--black); font-size:1rem; font-weight:400; letter-spacing:-0.54px; line-height:160%;}


.organ_cont .top {display:flex; margin-left: auto;  gap:100px; justify-content: center; position:relative; z-index:9; align-items: center}
.organ_cont .top .ci {min-width:290px; min-height:290px; border-radius:100%; border: 1px solid rgba(0, 41, 112, .3); background: linear-gradient(321deg, rgba(0, 0, 0, 0.02) 14.15%, rgba(0, 0, 0, 0.02) 49.27%, rgba(0, 0, 0, 0.00) 49.27%, rgba(0, 0, 0, 0.00) 85.13%), #FFF; display:flex; align-items: center; justify-content: center; position:relative; z-index:9999;}
.organ_cont .top .ci .ci_inner {width:266px; height:266px; border-radius:100%; border:1px solid rgba(0,41,112,.1); display:flex; align-items: center; justify-content: center; flex-direction: column;}
.organ_cont .top .ci .ci_inner img {max-width:100%; height:auto;}
.organ_cont .top .ci .ci_inner p {font-size:1.222rem; color:var(--black); letter-spacing: -0.66px; font-weight:300;}
.organ_cont .top:before {position:absolute; display:block; content:''; width:50%; height:1px; background:rgba(0,41,112,.3); top:50%; right:130px; transform:translateY(-50%);}
.organ_cont .top .ci:after {position:absolute; display:block; content:''; width:1px; height:110px; background:rgba(0,41,112,.3); bottom:-111px; }

.organ_cont .top .box {width:430px; position:relative; z-index:99999; }
.organ_cont .top .box dl {padding-top:0;}

.organ_cont .middle {margin:0 auto;}
.organ_cont .middle .box {display:flex; justify-content: space-between;}
.organ_cont .middle .box .box_in {width:50%;}
.organ_cont .middle .box dl {width:430px; margin:0 auto;}

.organ_cont .middle1 .box { position:relative;}
.organ_cont .middle1 .box:before {display:block; content:''; height:1px; background:rgba(0,41,112,.3); width: calc(((100% + 190px) / 2)* 1); position:absolute; top:95px; left:50%; transform:translateX(-50%);}
.organ_cont .middle1 .box dl {padding-top:60px;}

.organ_cont .middle2 {}
.organ_cont .middle2 .box dl { position:relative;}
.organ_cont .middle2 .box dl:before {display:block; content:''; height:32px; background:rgba(0,41,112,.3); width: 1px; position:absolute; top:-2px; left:50%; transform:translateX(-50%);}
.organ_cont .middle2 .box dl dt {background:var(--sub); border-color:var(--sub); color:var(--white);}

.organ_cont .middle2 .box .box_in:first-of-type dl:after {display:block; content:''; position:absolute; width: 1px; height:32px; bottom:-30px; background:rgba(0,41,112,.3); left:50%; transform:translateX(-50%);}


.organ_cont .bottom {width:50%}
.organ_cont .bottom .box {display:grid; gap:30px; grid-template-columns: repeat(2, 1fr); position:relative;}
.organ_cont .bottom .box:before {display:block; content:''; height:1px; background:rgba(0,41,112,.3); width: calc(((100% + 30px) / 2)* 1); position:absolute; top:30px; left:50%; transform:translateX(-50%);}
.organ_cont .bottom .box dl {padding-top:60px; position:relative;}
.organ_cont .bottom .box dl:before {display:block; content:''; height:32px; background:rgba(0,41,112,.3); width: 1px; position:absolute; top:30px; left:50%; transform:translateX(-50%);}
.organ_cont .bottom .box dl dt {background:var(--white); border:1px solid var(--sub); color:var(--sub);}
.organ_cont .bottom .box dl dd {border-radius:10px; min-height:150px;}



/** 찾아오시는 길 **/
#location {position:relative;}
#location .root_daum_roughmap {width:100% !important;}
#location .root_daum_roughmap .border1 {border:none !important; background-color: unset;}
#location .root_daum_roughmap .border2 {border:none !important; background-color: unset;}
#location .root_daum_roughmap .border3 {border:none !important; background-color: unset;}
#location .root_daum_roughmap .border4 {border:none !important; background-color: unset;}

#location .loca_map {width:100%; height: 550px; border:1px solid var(--border)}
#location .loca_map .root_daum_roughmap {height:550px;}
#location .loca_map .root_daum_roughmap .wrap_map {height:550px;}

#location .location_cont {display:flex; justify-content:space-between; margin-top:50px;}
#location .location_cont .location_info {display:flex; flex-direction:column; gap:5px;}
#location .location_cont .location_info li {margin-right:30px;width:100%; display:flex;}
#location .location_cont .location_info li.fs21 {color:var(--black);}
#location .location_cont .location_info li p {position:relative; padding-left:30px; margin-right:20px; color:var(--light); letter-spacing:0;}
#location .location_cont .location_info li p:before {position:absolute; display:block;font-family:var(--icon); font-variation-settings :'FILL' 0; font-size:22px; color:var(--light); left:0; top:1px; }

#location .location_cont .location_info li p.tel:before { content:'\e61d'; }
#location .location_cont .location_info li p.email:before{ content:'\e158'; }


#location .location_cont .loca_btn{display:flex; box-sizing:border-box; }
#location .location_cont .loca_btn li{margin-left: 5px; overflow: hidden;}
#location .location_cont .loca_btn li:first-child{margin-left: 0;}
#location .location_cont .loca_btn li a{display:block; text-align:left; font-size:1rem; color:var(--white); font-weight:600; letter-spacing:-0.54px; width:180px; height:60px; line-height:58px; padding:0 25px; box-sizing:border-box; position: relative; border:1px solid; overflow: hidden; transition:all .3s linear;}
#location .location_cont .loca_btn li a em{position:relative; z-index:2; color:inherit; line-height:inherit; letter-spacing:inherit; font-style:normal; transition:all .3s linear; display:inline-block;}
#location .location_cont .loca_btn li a svg{width:13px; height:24px; position: absolute; right:25px; top:50%; margin-top:-13px; z-index: 5;}
#location .location_cont .loca_btn li.naver_btn a svg {width:16px; height:16px; right: 25px; margin-top: -8px;}
#location .location_cont .loca_btn li a path{transition: all .3s linear;}

#location .location_cont .loca_btn li a::before{content: '';display: block;width: 0;height: 100%; position: absolute; right: 0; top: 0; transition: all .3s linear; background: var(--white);}
#location .location_cont .loca_btn li a:hover::before{width: 100%;}

#location .location_cont .loca_btn li.naver_btn a{background:#10D265; border-color:#10D265; overflow: hidden;}
#location .location_cont .loca_btn li.naver_btn a:hover{color:#10D265; overflow: hidden;}
#location .location_cont .loca_btn li.naver_btn a:hover svg path {fill:#10D265; }
#location .location_cont .loca_btn li.kakao_btn a{background:#FAE100; color:#371C1D; border-color:#FAE100; overflow: hidden;}
#location .location_cont .loca_btn li.google_btn a{background:#4285F4; border-color:#4285F4; overflow: hidden;}
#location .location_cont .loca_btn li.google_btn a:hover{color:#4285F4; overflow: hidden;}
#location .location_cont .loca_btn li.print_btn a{font-size:0; width: 60px; background:var(--main); border-color:var(--main); overflow: hidden; padding: 0 17px;}

#location .location_cont .loca_btn li.print_btn a em:before {content:'\e8ad'; color:var(--white); font-size:26px; font-family:var(--icon); font-weight:400;transition:all .3s linear; }
#location .location_cont .loca_btn li.print_btn a:hover em:before{ color:var(--main); z-index:3; position:relative}

#location .location_cont .loca_btn li.print_btn a::after{transform: scale(0); overflow: hidden;}
#location .location_cont .loca_btn li.print_btn a:hover path{fill:var(--main);}
#location .location_cont .loca_btn li.print_btn a:hover path.bb{fill:var(--white);}

/* 산학협력 */
.industry_cont {}
.industry_cont section {padding: 70px 0; box-sizing:border-box; border-top:1px solid var(--border);}
.industry_cont section:last-of-type {border-bottom:1px solid var(--border);}

.industry_cont section .cont_area {display:grid; gap:30px; grid-template-columns:repeat(3,1fr); }
.industry_cont section .cont_area .card {border:1px solid var(--border); border-radius:10px; box-sizing:border-box; text-align:center; padding:30px 20px; display:flex; align-items: center; justify-content: center; }
.industry_cont section .cont_area .card img {max-width:100%; height:auto;}

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

.greeting_cont .cont_ara ul li br {display:none;}



/* 조직도 */


.organ_cont .middle .box {justify-content: space-around;}
}



/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){


/* 인사말 */
.greeting_cont .text_cont {width:50%;  margin-right:80px;}
.greeting_cont .img_cont {width:calc(50% - 80px);}

.greeting_cont .text_cont .tit_area h3 {font-size:2.222rem; letter-spacing:-1.2px; }
.greeting_cont .text_cont .tit_area h3 br {display:none;}

.greeting_cont .cont_ara p {font-size:1.167rem; letter-spacing: -0.63px; line-height:152%; margin:23px 0 23px; }
.greeting_cont .cont_ara p br {display:none;}
.greeting_cont .cont_ara ul li {margin-bottom:30px; letter-spacing: -0.54px; line-height:161%; }

/* 사업단소개 */
.introduce_cont .introduce_banner {margin-bottom:80px;}
.introduce_cont .introduce_banner .baner_in .tit_area p br {display:none;}
.introduce_cont .introduce_banner .baner_in {padding:100px 10% 100px; ;}

.introduce_cont .introduce_banner .baner_in .ci_cont:before {height:3px; width:50px; bottom:-40%; left:50%; }
.introduce_cont .introduce_banner .baner_in .ci_cont img {max-width: 100%; height: auto; }

.introduce_cont .introduce_banner .baner_in .tit_area {margin-top:80px; }

.introduce_cont .introduce_banner .baner_in .tit_area h3 { font-size:1.167rem; line-height:150%; letter-spacing: -0.63px; }
.introduce_cont .introduce_banner .baner_in .tit_area p {margin-top:10px; font-size:1rem;  letter-spacing: -0.54px; }

.introduce_cont .basic_style article .cont_area dl {}
.introduce_cont .basic_style article .cont_area dl dt {font-size:1.167rem; letter-spacing: -0.63px;  margin-bottom:20px; box-sizing:border-box; }
.introduce_cont .basic_style article .cont_area dl .box { gap:15px; }

.introduce_cont .basic_style article .cont_area dl:first-of-type .box {grid-template-columns: repeat(2, 1fr);}
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd { border-radius:10px; padding:30px; gap:15px; flex-direction:column;}
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd p:first-of-type { letter-spacing: -0.54px; }
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd p:last-of-type {letter-spacing: -0.63px; font-size:1.167rem;} 
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd p:last-of-type b {font-size:2.222rem; letter-spacing: -1.2px;margin-right:5px; }

.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) {margin-top:60px;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) dt { padding:20px ;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box {grid-template-columns: repeat(1, 3fr); }
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box dd {padding:35px 30px;  border-radius:10px;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box dd p {padding-left:40px; font-size:1.167rem;  letter-spacing: -0.63px; padding-bottom:15px;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box dd p .num {width:30px; height:30px; line-height:30px;  top:2px; font-size:15px;}

.introduce_cont .basic_style article .cont_area dl:last-of-type {margin-top:40px;}
.introduce_cont .basic_style article .cont_area dl:last-of-type dt {border-radius:10px; ; padding:15px 20px ;}
.introduce_cont .basic_style article .cont_area dl:last-of-type .box {grid-template-columns: repeat(3, 4fr); }
.introduce_cont .basic_style article .cont_area dl:last-of-type .box dd {padding:30px;}



/* 조직도 */
.organ_cont .box dl { padding-top:30px;}
.organ_cont .box dl dt {padding:20px; border-radius:10px;}
.organ_cont .box dl dd {padding:20px; margin-top:10px; border-radius:10px 10px 0 0; min-height:180px;}
.organ_cont .box dl p {padding:12px; border-radius:0 0 10px 10px; font-size:1rem; letter-spacing:-0.54px;}

.organ_cont .top {gap:40px;}
.organ_cont .top:before {right:80px;}
.organ_cont .top .ci {min-width:220px; min-height:220px;}
.organ_cont .top .ci .ci_inner {width:206px; height:206px; }
.organ_cont .top .ci .ci_inner img {width:120px; }
.organ_cont .top .ci .ci_inner p {font-size:1.1rem;}
.organ_cont .top .ci:after {height:110px;  bottom:-111px; }

.organ_cont .top .box {width:320px; }


.organ_cont .middle1 .box:before {width: calc(((100% + 190px) / 2)* 1);top:60px;}
.organ_cont .middle1 .box dl {padding-top:30px;}

.organ_cont .middle2 .box dl:before {height:32px;;}
.organ_cont .middle2 .box dl:first-of-type:after {height:32px; bottom:-30px; }

.organ_cont .bottom {}
.organ_cont .bottom .box {gap:20px; }
.organ_cont .bottom .box:before {width: calc(((100% + 20px) / 2)* 1); top:30px;}
.organ_cont .bottom .box dl {padding-top:60px;}
.organ_cont .bottom .box dl:before {height:32px;top:30px;}
.organ_cont .bottom .box dl dd {min-height:150px;}


/** 찾아오시는 길 **/
#location .loca_map { height: 480px;}
#location .loca_map .root_daum_roughmap {height:480px;}
#location .loca_map .root_daum_roughmap .wrap_map {height:480px;}

#location .location_cont { margin-top:40px; position:relative}
#location .location_cont .location_info li {margin-right:30px;}
#location .location_cont .location_info li p {padding-left:25px; margin-right:20px; }
#location .location_cont .location_info li p:before { font-size:20px;}

#location .location_cont .loca_btn {position:absolute; top:-130px; right:30px; z-index:5; }
#location .location_cont .loca_btn li{margin-left: 5px; overflow: hidden;}
#location .location_cont .loca_btn li a{font-size:0.889rem; width:180px; height:60px; line-height:58px; padding:0 30px; }
#location .location_cont .loca_btn li a svg{width:13px; height:24px; right:30px; margin-top:-13px; }
#location .location_cont .loca_btn li.naver_btn a svg {width:16px; height:16px; right: 30px; margin-top: -8px;}

#location .location_cont .loca_btn li.print_btn a{width: 60px; padding: 0 15px;}

#location .location_cont .loca_btn li.print_btn a svg{width:20px; height:20px; margin-left: -10px; margin-top: -11px;}


/* 산학협력 */
.industry_cont section {padding: 60px 0; border-top:1px solid var(--border);}

.industry_cont section .cont_area {display:grid; gap:25px; grid-template-columns:repeat(3,1fr); }
.industry_cont section .cont_area .card {padding:30px 20px; }


}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

.dot_list {padding-top:15px; border-top:1px solid var(--border);}
.dot_list li {padding-left:10px; position:relative; font-weight: 400; letter-spacing: -0.54px; line-height:160%; font-size:1rem; margin-bottom:4px;}
.dot_list li:before {position:absolute; left:0; top:11px;width:3px; height:3px; background:var(--basic); border-radius:100%; display:block; content:'';}


/* 인사말 */
.greeting_cont .text_cont {width:50%;  margin-right:40px;}
.greeting_cont .img_cont {width:calc(50% - 40px);}

.greeting_cont .text_cont .tit_area h3 {font-size:2rem; letter-spacing:-1.0px; }
.greeting_cont .text_cont .tit_area h3 br {display:none;}

.greeting_cont .cont_ara p {font-size:1.15rem; letter-spacing: -0.58px; line-height:152%; margin:18px 0 18px; }
.greeting_cont .cont_ara p br {display:none;}
.greeting_cont .cont_ara ul li {margin-bottom:20px;  line-height:161%; }


/* 사업단소개 */
.introduce_cont .introduce_banner {margin-bottom:60px;}
.introduce_cont .introduce_banner .baner_in {padding:80px 10% 80px; ;}

.introduce_cont .introduce_banner .baner_in .ci_cont img {width:120px;}
.introduce_cont .introduce_banner .baner_in .ci_cont:before {height:3px; width:40px; bottom:-35%; left:50%; }

.introduce_cont .introduce_banner .baner_in .tit_area {margin-top:60px; }

.introduce_cont .introduce_banner .baner_in .tit_area h3 { font-size:1.1rem; line-height:150%; letter-spacing: -0.63px; }
.introduce_cont .introduce_banner .baner_in .tit_area p {margin-top:10px; font-size:1rem;  letter-spacing: -0.54px; }

.introduce_cont .basic_style article .cont_area dl {}
.introduce_cont .basic_style article .cont_area dl dt {font-size:1.1rem; letter-spacing: -0.63px;  margin-bottom:20px; box-sizing:border-box; }
.introduce_cont .basic_style article .cont_area dl .box { gap:10px; }

.introduce_cont .basic_style article .cont_area dl:first-of-type .box {grid-template-columns: repeat(1, 2fr);}
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd { border-radius:10px; padding:20px; gap:15px; flex-direction:row;}
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd img {width:50px}
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd p:first-of-type { letter-spacing: -0.54px; }
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd p:last-of-type {letter-spacing: -0.63px; font-size:1.1rem;} 
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd p:last-of-type b {font-size:2.2rem; letter-spacing: -1.2px;margin-right:5px; }

.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) {margin-top:50px;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) dt { padding:20px ;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) dt:before {width:160px; height:90px; top:-45px;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box {grid-template-columns: repeat(1, 3fr); }
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box dd {padding:20px; }
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box dd p {padding-left:35px; font-size:1.1rem;  letter-spacing: -0.63px; padding-bottom:10px;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box dd p .num {width:25px; height:25px; line-height:25px;  top:2px; font-size:14px;}

.introduce_cont .basic_style article .cont_area dl:last-of-type {margin-top:35px;}
.introduce_cont .basic_style article .cont_area dl:last-of-type dt {border-radius:10px; ; padding:15px ;}
.introduce_cont .basic_style article .cont_area dl:last-of-type .box {grid-template-columns: repeat(2, 7fr); }
.introduce_cont .basic_style article .cont_area dl:last-of-type .box dd {padding:20px;}


/* 조직도 */
.organ_cont .box dl { padding-top:20px;}
.organ_cont .box dl dt {padding:12px 15px; border-radius:10px;}
.organ_cont .box dl dd {padding:12px 15px; margin-top:10px; border-radius:10px 10px 0 0; min-height:165px;}
.organ_cont .box dl p {padding:12px; border-radius:0 0 10px 10px; font-size:1rem; letter-spacing:-0.54px;}

.organ_cont .top {gap:30px; flex-direction:column;}
.organ_cont .top:before {display:none;}
.organ_cont .top .ci {min-width:190px; min-height:190px;}
.organ_cont .top .ci .ci_inner {width:176px; height:176px; }
.organ_cont .top .ci .ci_inner img {width:100px; }
.organ_cont .top .ci .ci_inner p {font-size:1.05rem;}
.organ_cont .top .ci:after {height:93px;  bottom:-95px; }

.organ_cont .top .box {min-width:unset; max-width:320px; }

.organ_cont .middle .box {gap:20px}
.organ_cont .middle .box dl {width:100%;}

.organ_cont .middle1 .box:before {width: calc(((100% + 190px) / 2)* 1);top:60px;}
.organ_cont .middle1 .box dl {padding-top:30px;}

.organ_cont .middle2 .box dl:before {height:23px;;}
.organ_cont .middle2 .box .box_in:first-of-type dl:after {height:14px; bottom:-16px; }


.organ_cont .bottom {        width: calc(50% - 10px);}
.organ_cont .bottom .box {gap:20px; }
.organ_cont .bottom .box:before {width: calc(((100% + 20px) / 2)* 1); top:15px;}
.organ_cont .bottom .box dl {padding-top:30px;}
.organ_cont .bottom .box dl:before {height:17px;top:15px;}
.organ_cont .bottom .box dl dd {min-height:180px;}



/** 찾아오시는 길 **/
#location .loca_map { height: 400px;}
#location .loca_map .root_daum_roughmap {height:400px;}
#location .loca_map .root_daum_roughmap .wrap_map {height:400px;}

#location .location_cont { margin-top:30px; }
#location .location_cont .location_info{    gap: 3px;}
#location .location_cont .location_info li {margin-right:20px;}
#location .location_cont .location_info li p {padding-left:23px; margin-right:14px; }
#location .location_cont .location_info li p::before { font-size:1.11rem;}

#location .location_cont .loca_btn {top: -100px; right:20px;  }
#location .location_cont .loca_btn li a{font-size:0.88rem; width:160px; height:50px; line-height:48px; padding:0 20px; }
#location .location_cont .loca_btn li a svg{width:10px; height:18px; right:20px; margin-top:-10px; }
#location .location_cont .loca_btn li.naver_btn a svg {width:12px; height:12px; right: 20px; margin-top: -6px;}

#location .location_cont .loca_btn li.print_btn a{width: 50px; padding: 0 12px;}

#location .location_cont .loca_btn li.print_btn a svg{width:18px; height:18px; margin-left: -8px; margin-top: -10px;}
#location .location_cont .loca_btn li.print_btn a em:before {font-size:24px; }


/* 산학협력 */
.industry_cont section {padding: 40px 0; border-top:1px solid var(--border);}

.industry_cont section .cont_area {display:grid; gap:20px; grid-template-columns:repeat(3,1fr); }
.industry_cont section .cont_area .card {padding:20px; }

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
.dot_list {padding-top:13px; border-top:1px solid var(--border);}
.dot_list li {padding-left:8px; position:relative; font-weight: 400; letter-spacing: -0.54px; line-height:130%; font-size:1rem; margin-bottom:3px;}
.dot_list li:before {position:absolute; left:0; top:8px;width:3px; height:3px; background:var(--basic); border-radius:100%; display:block; content:'';}



/* 인사말 */
.greeting_cont {flex-wrap:wrap;}
.greeting_cont .text_cont {width:100%;  margin-right:0; margin-bottom:20px;}
.greeting_cont .img_cont {width:80%; margin:0 auto;}

.greeting_cont .text_cont .tit_area h3 {font-size:1.6rem; letter-spacing:-1.0px; }
.greeting_cont .text_cont .tit_area h3 br {display:block;}

.greeting_cont .cont_ara p {font-size:1.09rem; letter-spacing: -0.48px; line-height:145%; margin:15px 0 18px15px }
.greeting_cont .cont_ara p br {display:block;}
.greeting_cont .cont_ara ul li {margin-bottom:15px; line-height:150%; }

/* 사업단소개 */
.introduce_cont .introduce_banner {margin-bottom:30px;}
.introduce_cont .introduce_banner .baner_in {padding:80px 10% 80px; ;}

.introduce_cont .introduce_banner .baner_in .ci_cont img {width:90px;}
.introduce_cont .introduce_banner .baner_in .ci_cont:before {height:3px; width:30px; bottom:-35%; left:50%; }

.introduce_cont .introduce_banner .baner_in .tit_area {margin-top:40px; }

.introduce_cont .introduce_banner .baner_in .tit_area h3 { font-size:1.02rem; line-height:150%; letter-spacing: -0.63px; }
.introduce_cont .introduce_banner .baner_in .tit_area p {margin-top:10px; font-size:1rem;  letter-spacing: -0.54px; }

.introduce_cont .basic_style article .cont_area dl {}
.introduce_cont .basic_style article .cont_area dl dt {font-size:1.02rem; letter-spacing: -0.63px;  margin-bottom:15px; box-sizing:border-box; }
.introduce_cont .basic_style article .cont_area dl .box { gap:10px; }

.introduce_cont .basic_style article .cont_area dl:first-of-type .box {grid-template-columns: repeat(1, 2fr);}
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd { border-radius:10px; padding:15px; gap:10px; flex-direction:row;}
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd img {width:40px}
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd p:first-of-type { letter-spacing: -0.54px; }
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd p:last-of-type {letter-spacing: -0.63px; font-size:1.02rem;} 
.introduce_cont .basic_style article .cont_area dl:first-of-type .box dd p:last-of-type b {font-size:1.8rem; letter-spacing: -1.2px;margin-right:5px; }

.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) {margin-top:35px;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) dt { padding:15px ;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) dt:before {width:120px; height:70px; top:-35px;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box {grid-template-columns: repeat(1, 3fr); }
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box dd {padding:15px; }
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box dd p {padding-left:25px; font-size:1.02rem;  letter-spacing: -0.63px; padding-bottom:8px;}
.introduce_cont .basic_style article .cont_area dl:nth-of-type(2) .box dd p .num {width:20px; height:20px; line-height:20px;  top:2px; font-size:11px;}

.introduce_cont .basic_style article .cont_area dl:last-of-type {margin-top:25px;}
.introduce_cont .basic_style article .cont_area dl:last-of-type dt {border-radius:10px; ; padding:10px 15px ;}
.introduce_cont .basic_style article .cont_area dl:last-of-type .box {grid-template-columns: repeat(2, 7fr); }
.introduce_cont .basic_style article .cont_area dl:last-of-type .box dd {padding:15px;}



/* 조직도 */
.organ_wrap{position:relative; overflow-y:hidden; overflow-x:auto;}
.organ_wrap .responsive-dim.show{display: block;}
.organ_wrap .organ_cont{width: 680px;}

.organ_cont .box dl { padding-top:10px;}
.organ_cont .box dl dt {padding:8px 15px; border-radius:10px;}
.organ_cont .box dl dd {padding:8px 15px; margin-top:5px; border-radius:10px 10px 0 0; min-height:100px;}
.organ_cont .box dl p {padding:4px; border-radius:0 0 10px 10px; font-size:1rem; letter-spacing:-0.54px;}

.organ_cont .top {gap:10px; flex-direction:column;}
.organ_cont .top:before {display:none;}
.organ_cont .top .ci {min-width:150px; min-height:150px;}
.organ_cont .top .ci .ci_inner {width:140px; height:140px; }
.organ_cont .top .ci .ci_inner img {width:80px;}
.organ_cont .top .ci .ci_inner p {font-size:1.02rem;}
.organ_cont .top .ci:after {height:58px;  bottom:-59px; }

.organ_cont .top .box:first-of-type {display:none;}
.organ_cont .top .box {min-width:unset; max-width:320px; }

.organ_cont .middle .box {gap:10px}
.organ_cont .middle .box dl {width:100%;}

.organ_cont .middle1 .box:before {width: calc(((100% + 190px) / 2)* 1);top:40px;}
.organ_cont .middle1 .box dl {padding-top:10px;}

.organ_cont .middle2 .box dl dd {height:100px;}
.organ_cont .middle2 .box dl:before {height:10px;top:0;}
.organ_cont .middle2 .box .box_in:first-of-type dl:after {display:none; }


.organ_cont .bottom .box {gap:10px; }
.organ_cont .bottom .box:before {display:none;}
.organ_cont .bottom .box dl {padding-top:10px;}
.organ_cont .bottom .box dl:before {height:10px;top:0px;}
.organ_cont .bottom .box dl dd {min-height:110px;}




/** 찾아오시는 길 **/
#location .loca_map { height: 350px;}
#location .loca_map .root_daum_roughmap {height:350px;}
#location .loca_map .root_daum_roughmap .wrap_map {height:350px;}

#location .location_cont { margin-top:20px; }
#location .location_cont .location_info li {flex-wrap:wrap;}
#location .location_cont .location_info li {margin-right:20px;}
#location .location_cont .location_info li p {padding-left:16px; margin-right:14px; }
#location .location_cont .location_info li p::before { font-size:1.1rem;}
#location .location_cont .loca_btn {top: -75px; right:10px;  }
#location .location_cont .loca_btn li a{font-size:0.8rem; width:40px; height:40px; line-height:38px; padding:0 20px; }
#location .location_cont .loca_btn li a em {font-size:0}
#location .location_cont .loca_btn li a svg{width:10px; height:18px; right:14px; margin-top:-11px; }
#location .location_cont .loca_btn li.naver_btn a svg {width:12px; height:12px; right: 14px; margin-top: -7px;}

#location .location_cont .loca_btn li.print_btn {display:none;}

/* 산학협력 */
.industry_cont section {padding: 20px 0; border-top:1px solid var(--border);}

.industry_cont section .cont_area {display:grid; gap:10px; grid-template-columns:repeat(2,1fr); }
.industry_cont section .cont_area .card {padding:15px 20px; }
}
/*******************************************************************************
    @media ~480px             
*******************************************************************************/
@media all and (max-width:480px){


.greeting_cont .cont_ara p br {display:none;}

}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){


.industry_cont section .cont_area {display:grid; gap:10px; grid-template-columns:repeat(1,1fr); }

}