@charset "utf-8";
/* caption */
.skip{overflow:hidden; position: absolute; width:1px; height:1px;text-indent:-10000px; display:block;}
.hide,
.skip{position:absolute;top:0;height:0;font-size:0;line-height:0;}

/*인사말*/
.center_greeting {background-image:url(/images/soe/center/center_message02.png);}
.center_greeting .sign span {background-image:url(/images/soe/center/center_message03.png);}

@media screen and (max-width:767px){
    .center_greeting {background:none;}
}
/*인사말 End*/

/*이미지 확대 버튼*/
.pic_btn a, .ds_no {display: none;}
.pic_btn a:hover{background-color:#236dc7; color:#fff;transition: all 300ms ease-out }

@media(max-width:767px){
.pic_btn a {display: block;width: 60%;margin: 10px auto 0;padding: 10px 40px;border: 1px solid #ddd;background: #fff;text-align: center;}
.pic_img{text-align: center;}
}
@media(max-width:560px){
.pic_btn a {width: 75%;}
}
@media(max-width:450px){
.pic_btn a {width: 100%;}
}


/* 비전 */
.vision_wrap {}
.vision_wrap .vision_list1 {margin: 30px 0 0;}
.vision_wrap .vision_list1 li {margin:0 0 10px; padding:10px;  border-radius:30px; background:#f4f4f4; color:#282828; font-size:15px; }
.vision_wrap .vision_list1 li span {display:inline-block; width:40px; height:40px; margin-right:20px; border-radius:50%; color:#fff; line-height:40px; text-align:center; font-size:16px; }
.vision_wrap .vision_list1 li:nth-child(1) span {background:#d72429;}
.vision_wrap .vision_list1 li:nth-child(2) span {background:#5b3b3c;}
.vision_wrap .vision_list1 li:nth-child(3) span {background:#927a6c;}
.vision_wrap .vision_list1 li:nth-child(4) span {background:#746486;}

.vision_wrap .vision_list2 {height: 100%;margin: 30px 0 0;padding:30px 0;border-top:2px solid #464658;border-bottom: 1px solid #ddd;}
.vision_wrap .vision_list2:after {display:block; clear:both; visibility:hidden; content:'';}
.vision_wrap .vision_list2 li {float:left;position:relative;width:33.33%;height: 100%;padding:0 30px;}
.vision_wrap .vision_list2 li:after {display:block; position:absolute; right:0; top:30px; width:1px; height:170px; border-right:1px dashed #ddd; content:'';}
.vision_wrap .vision_list2 li:last-child:after {display:none;}
.vision_wrap .vision_list2 li .ico {display:block; width:75px; height:75px; background:url(/images/soe/center/center_vision02.jpg)no-repeat; margin:0 auto 20px; }
.vision_wrap .vision_list2 li .ico.ico1 {background-position:0 0 ;}
.vision_wrap .vision_list2 li .ico.ico2 {background-position:-308px 0 ;}
.vision_wrap .vision_list2 li .ico.ico3 {background-position:-619px 0 ;}
.vision_wrap .vision_list2 li strong {display:block; font-size:16px; font-weight:600; color:#464658; text-align:center; }
.vision_wrap .vision_list2 li p {font-size:15px; color:#272727;text-align:center;}

.vision_wrap .row{margin:20px 0;}
.vision_wrap .row .circle .ir-icon__line{width:70px;height:70px;}

@media screen and (max-width:767px){
    .vision_wrap .vision_list1 li {padding:20px 20px 25px;border-radius:0;text-align:center; }
    .vision_wrap .vision_list1 li span {display:block; margin:0 auto 15px; }

    .vision_wrap .vision_list2 {margin:0;padding:0 20px;}
    .vision_wrap .vision_list2 li {float:none; width:100%; padding:30px 0; border-bottom:1px dashed #ddd;}
    .vision_wrap .vision_list2 li:last-child {border-bottom:none;}
    .vision_wrap .vision_list2 li:after {display:none;}
}
/* 비전  End*/

/* 연혁 cent_History */
.center_history .inner .con_wrap .con .date strong.block{display:block;}
.center_history .inner .con_wrap .con div.block{margin-bottom:25px;}
.center_history .row_box.row_left .con_wrap .con span {text-align: right;}
@media screen and (max-width:767px){
    .center_history .inner .con_wrap .con .date strong.block{display:inline;}
    .center_history .inner .con_wrap .con div.block{margin-bottom:5px;}
    .center_history .row_box.row_left .con_wrap .con span {text-align: center;}
}

/* 연혁 cent_History End*/

/* 연구원안내 - 찾아오시는 길 */
.about_location .map_wrap {width:100%; height:345px; }
.about_location .map_txt {position:relative; background:#3d4151; }
.about_location .map_txt:after{content:"";display:block;clear:both;visibility:hidden;}
.about_location .map_txt .txt {float:left; padding:30px 10px 40px 40px;}
.about_location .map_txt .txt1 {width:50%;}
.about_location .map_txt .txt2 {width:50%;}
.about_location .map_txt .txt p {font-size:15px;color:#fff;}
.about_location .map_txt .txt .tit {font-size:19px; font-weight:bold;font-family:nsr;}
.about_location .map_txt .txt .tit + p {position: relative; padding-left:40px;line-height:27px;}
.about_location .map_txt .txt .tit + p:before {content:""; position: absolute; left:0;  width:30px; height:30px; background:url(/images/soe/center/center_Location_img01.png)no-repeat; vertical-align:middle;}
.about_location .map_txt .txt .tit + p.address:before {background-position:0 0;}
.about_location .map_txt .txt .tit + p.tel:before {background-position:-30px 0;}
.about_location .map_txt .a_btn {position:absolute; top:50%; right:40px; margin-top:-20px;}
.about_location .map_txt a {position: relative; display:block; width:120px; height:40px; padding-left:20px; border:2px solid rgba(255,255,255,0.5); line-height:36px; color:#fff; text-align:center; font-size:15px;}
.about_location .map_txt a:before {content:""; position: absolute; left:20px; top:10px; width:16px; height:18px;margin-right:5px; background:url(/images/soe/center/center_Location_img01.png)no-repeat -70px 0; vertical-align:middle;}
.about_location #map_tab_content .con {display:none;padding-top:40px;}
.about_location #map_tab_content .con.active { display:block; }
.about_location #map_tab_content .con strong {font-size:24px; color:#000; font-weight:bold;}
.about_location #map_tab_content .con .list_wrap .h3 { margin:10px 0 0 ;font-size:21px; font-weight:bold; color:#09257b;font-family:nsr;}
.about_location #map_tab_content .con .list_wrap .row_list {position:relative; min-height:200px;padding:40px 0 40px 190px; border-bottom:1px dashed #ccc;}
.about_location #map_tab_content .con .list_wrap .row_list .icon {position:absolute; left:30px; top:33px; font-size:18px; color:#09257b; text-align:center;}
.about_location #map_tab_content .con .list_wrap .row_list .icon span {display:block;width:125px; height:125px; margin-bottom:3px;background:url(/images/soe/center/center_Location_img01.png)no-repeat}
.about_location #map_tab_content .con .list_wrap .row_list .icon.icon01 span {background-position:0 -135px;}
.about_location #map_tab_content .con .list_wrap .row_list .icon.icon02 span {background-position:-126px -135px;}
.about_location #map_tab_content .con .list_wrap .row_list .icon.icon03 span {background-position:-252px -135px;}
.about_location #map_tab_content .con .list_wrap .row_list ul li {font-size:15px; color:#4a4a4a; }
.about_location #txt .btn-ani.btn-file.bntime{padding:3px 6px 2px;background:#eee;}
.about_location #map_tab_content .con.content2 img,
.about_location #map_tab_content .con.content3 img{border:1px solid #ddd;}
.about_location .txt-tip-red {position:relative; padding-left:20px; color:#888;}
.about_location .txt-tip-red:before {top:4px; left:0; content:""; width:16px; height:16px; background:url(/images/soe/center/center_Location_img01.png) 0 -264px no-repeat; display:block; position:absolute; overflow:hidden}

@media(max-width:850px){
    .about_location .map_txt .txt {float:none;}
    .about_location .map_txt .txt.txt1 {width:100%; padding:20px 25px 0;}
    .about_location .map_txt .txt.txt2 {width:100%; padding:10px 25px 20px;}
    .about_location .map_txt .a_btn {top:auto; right:25px; bottom:25px; margin-top:0;}
}

@media(max-width:580px){
    .about_location .map_txt .txt.txt2 { padding:10px 25px 70px;}
    .about_location .map_txt .a_btn {bottom:20px;}
    .about_location #map_tab_content .con .list_wrap .row_list {min-height:auto; padding:40px 0;}
    .about_location #map_tab_content .con .list_wrap .row_list .icon {position:static; margin:0 auto 20px;  }
    .about_location #map_tab_content .con .list_wrap .row_list .icon span {margin:0 auto 5px;}
}

/* 교육프로그램 - 프로그램 소개  Edu_Programs */
.Edu_Programs{}
.Edu_Programs .ui-list__card .obj{margin-top:0;}
.Edu_Programs .ui-list__card .obj .item .card--body{text-align: center;}
.Edu_Programs .ui-list__card .obj .item .card--body .ui-list__title{height:auto;}
.Edu_Programs .ui-list__bodo.type2{display: table;table-layout: fixed;width:100%;margin-top:-1px;}
.Edu_Programs .ui-list__bodo.type2 .inner{padding-left:25px;float:none;display: table-cell;vertical-align: middle;width:50%;min-height:auto;}

@media(max-width:767px){
    .Edu_Programs .ui-list__bodo.type2{display: block}
    .Edu_Programs .ui-list__bodo.type2 .inner{display: block;width:100%;}

}
/* 교육프로그램 - 프로그램 소개  Edu_Programs End*/



/* 인사말 변경 */
.center_greeting {background-image: url(/images/soe/center/center_message_2024.jpg); background-size:200px; background-position:10px 40px;}
.center_greeting .sign span {background-image: url(/images/soe/center/center_message03_2022.png);}
.center_greeting .title {padding-left:250px; padding-right:0; margin-top:20px;}
.center_greeting .sub_title {padding-left:250px;padding-right:0;font-size: 18px; color:#666;}
.center_greeting .con {padding-left: 250px;}
.center_greeting .title:after {display: none;}
.center_greeting .con {margin: 50px 0 0;}
.center_greeting .con p:not(:last-child) {color:#666; font-size:16px;}

@media (max-width:768px){
    .center_greeting {background:none;}
    .center_greeting .title {padding-left:0;}
    .center_greeting .sub_title {padding-left:0;}
    .center_greeting .con {padding-left: 0;}
}
/* 인사말 End */




/* center_Location_appraisal 찾아오시는길 수정 */
.center_Location_appraisal .about_location #map_tab_content .con .list_wrap .row_list ul li {letter-spacing:-0.08em}
.center_Location_appraisal .tab-ul.col4 li {width:50%;}
.center_Location_policy .tab-ul.col4 li {width:50%;}
/* center_Location_appraisal 찾아오시는길 수정 End */