@charset "utf-8";


/*이미지 확대 버튼*/
.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%;}
}

/*인사말*/
.center_greeting {background-image:url(/images/soeeng/center/center_message02.png);}
.center_Message .sign strong {margin-left:20px;font-weight: 600; font-size:20px;}
@media screen and (max-width:767px){
    .center_greeting {background:none;}
}
/*인사말 End*/



/* 비전 */
.vision_wrap {}
.vision_wrap .vision_list1 {margin: 30px 0 0;}
.vision_wrap .vision_list1 li {margin:0 0 10px;padding: 15px 15px 15px 60px;border-radius:30px;background:#f4f4f4;color:#282828;font-size:15px;position:relative;}
.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;position:absolute;left: 8px;top:50%;transform:translateY(-50%);}
.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;position: static;transform: translateY(0);}

    .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;}
.conference_History .center_history .title {padding:65px 0 0 10px;}
.conference_History .center_history .row_box.row_right .con_wrap .con>div {padding-left:175px;}

@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;}
    .conference_History .center_history .row_box.row_right .con_wrap .con>div {padding:0;}
}

/* SOE Link */
.network_Link > ul {display:inline-block; margin-top:20px;}
.network_Link > ul > li {float:left;width:32%;margin-right:2%;margin-bottom: 5px; min-height: 50px;}
.network_Link > ul > li:nth-child(3n) {margin-right:0;}

@media screen and (max-width:768px){
    .network_Link > ul > li {width:48%; margin-right:0;}
    .network_Link > ul > li:nth-child(odd) {margin-right:2%;}
}

@media screen and (max-width:540px){
    .network_Link > ul > li {width:100%; margin-right:0;}
}


/* center_Organization 조직도 */
.center_Organization .org_wrap {position: relative;display: inline-block;width: 100%;padding: 55px 30px;background:#f5f5f6;margin-bottom:20px;}
.center_Organization .org_wrap .lv01 {width:100%; height:185px; margin: 0 auto;z-index: 1; background: url(/images/soeeng/center/center_Organization_img01.png)no-repeat center; background-size: contain; border:0;}
.center_Organization .org_wrap .lv01 span {position: relative; display: inline-block; padding: 50px 0; text-align: center; width: 100%; color: #fff; font-weight: 500; line-height: 23px; font-size: 20px;}
.center_Organization .org_wrap .lv01 span img {display: block; margin: 0 auto; padding-bottom: 5px;}
.center_Organization .org_wrap .lv01 span:before {display: block;content: "";position: absolute;left: 50%;margin-left: -1px;bottom: -35px;width: 1px;height: 40px;background-color: #949494;}
.center_Organization .org_wrap .lv01 span:after {display: block;content: "";position: absolute;bottom: -44px;left: 50%;margin-left: -5px;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #949494;background-color: #f5f5f6;z-index:1;}

.center_Organization .org_wrap .lv02,
.center_Organization .org_wrap .lv03 {position:relative; width: 100%; height:auto; display: inline-block; padding: 0; text-align: center; border:0;}
.center_Organization .org_wrap .lv02 ul li {display:block; width: 23.5%; height:auto; float: left; margin-right: 2%;}
.center_Organization .org_wrap .lv02 ul li:last-child {margin-right: 0;}
.center_Organization .org_wrap .lv02 ul li span {position: relative;width: 100%;  height: 95px; padding: 15px 10px; text-align: center; background: #494955; color: #fff;}
.center_Organization .org_wrap .lv02 ul li span:nth-child(2) {min-height: 90px; margin-top: 50px; background: #fff; color: #494955;}
.center_Organization .org_wrap .lv02:before {display: block;content: "";position: absolute;left:12%;top: -63px;width: 76%;height: 1px;background-color: #949494;z-index:0;}

.center_Organization .org_wrap .lv02 ul li span:first-child:before {position: absolute;content: "";top: -68px;left: 50%;margin-left: -4px;display: block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #949494;background-color: #f5f5f6;z-index:0;}
.center_Organization .org_wrap .lv02 ul li span:first-child:after {position: absolute;content: "";left: 50%;top: -60px;display: block;width: 1px;height: 60px;background-color: #949494;z-index:0;}
.center_Organization .org_wrap .lv02 ul li span:nth-child(2):after {position: absolute;content: "";left: 50%;top: -50px;display: block;width: 1px;height: 50px;background-color: #949494;z-index:0;}

/* 2019-10-18 추가 */
.center_Organization .li.lv01_2 {text-align: center; padding:100px 0 20px;}
.center_Organization .lv01_2 span {height: 50px; margin: 0; padding: 15px; line-height: 1; color: #444456; border: 2px solid #424253; background: #fff; font-weight: bold; font-size: 16px;}
.center_Organization .tab-ul.col2 li.lv01_02 {width:100%; border: 0; float:initial; margin:43px 0 97px; text-align: center;}
.center_Organization .tab-ul.col2 li.lv01_02 p {display:inline-block; width:300px;height:60px; line-height: 0; color: #444456; border: 2px solid #424253; background: #fff;}
.center_Organization .tab-ul.col2 li.lv01_02 p:before {position:absolute; content:""; top:0; left:50%; width:1px; height:98px; background:#949494; z-index:-1;}
.center_Organization .tab-ul.col2 li.lv01_02 p span {display: inline-block; height:100%; text-align: center; padding: 0; font-size: 16px; font-weight: bold; line-height:50px;}
.center_Organization .org_wrap .lv03 ul li {width:22%; margin-right: 4%;}
.center_Organization .org_wrap .lv01 a {width: 100%;height:230px;margin:0 auto;}
.center_Organization .org_wrap .lv02 ul li a:nth-child(2) {margin-top:59px;}
.center_Organization .org_wrap .lv02 ul li a:nth-child(2) span:first-child:before {display:none;}


/* 기본 tab style 제거 */
.center_Organization .tab-ul.type3 {border-top:0; border-left:0;}
.center_Organization .tab-ul.type3 li {border:0;}
.center_Organization .tab-ul.type3 li a {border:0;}
.center_Organization .tab-ul.type3 li a:hover:before,
.center_Organization .tab-ul.type3 li.on a:before {border:0;}
.center_Organization .tab-ul.type3 li a:hover span,
.center_Organization .tab-ul.type3 li.on a span {color:#fff;}

@media screen and (max-width:810px){
    .center_Organization .org_wrap{padding:55px 25px;}
    .center_Organization .org_wrap .lv01 a{width:100%;}
    .center_Organization .org_wrap .lv02 ul li {width:100%; margin:0 0 2% 0;}
    .center_Organization .org_wrap .lv02 ul li span,
    .center_Organization .org_wrap .lv02 ul li span:nth-child(2) {min-height:auto;}
    .center_Organization .org_wrap .lv02 ul li span:nth-child(2) {margin-top:5%;}
    .center_Organization .org_wrap .lv02 {padding:0;}
    .center_Organization .org_wrap .lv01 span:before {bottom:-33px; height:50px;}
    .center_Organization .org_wrap .lv02 ul li span {height: auto;}
    .center_Organization .org_wrap .lv02 ul li span:nth-child(2):after {display:none;}

    /* 선 , 원형 삭제 */
    .center_Organization .org_wrap .lv02:before,
    .center_Organization .org_wrap .lv01 span:after,
    .center_Organization .org_wrap .lv02 ul li span:first-child:after,
    .center_Organization .org_wrap .lv02 ul li span:first-child:before,
    .center_Organization .org_wrap .lv02 ul li span:first-child:after {display:none;}

    .center_Organization .tab-ul.col2 li.lv01_02 p {width:100%;}
    .center_Organization .org_wrap .lv02 ul li a:nth-child(2) {margin-top:5%;}
    .center_Organization .tab-ul.col2 li.lv01_02 {padding: 0; margin: 35px 0 15px;}
    .center_Organization .tab-ul.col2 li.lv01_02 p:before {height:105px;}

}

/* Contact - conference_Contact */
.conference_Contact .ui-boxlst .ui-odd-list .item .inner .tel:before {background:url(/images/soeeng/conference/conference_Contact_img_01.png)no-repeat; background-position: 0 2px;}
.conference_Contact .ui-boxlst .ui-odd-list .item .inner {min-height:220px;}
.conference_Contact .ui-odd-list .item:nth-of-type(14) .inner {background:#fbfafa;}
.conference_Contact .ui-boxlst .ui-odd-list .item:nth-of-type(12) .inner .eobmu,
.conference_Contact .ui-boxlst .ui-odd-list .item:nth-of-type(14) .inner .eobmu{color:#666;}

@media screen and (max-width:1240px){
    .conference_Contact .ui-boxlst .ui-odd-list .item {width:50%;}
}
@media screen and (max-width:640px){
    .conference_Contact .ui-boxlst .ui-odd-list .item {width:100%;}
    .conference_Contact .ui-boxlst .ui-odd-list .item .inner {min-height:auto;}
}

/* 교육프로그램 - 프로그램 소개  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_Organization 조직도 추가 수정 */
.center_Organization .org_wrap {padding:55px 0;}
.org_wrap .org_img > div {display: block;position: relative;width: 923px;height: 744px;margin: 0 auto;overflow-y:hidden;}
.org_wrap .org_img {width:100%;background: #f5f5f6;}
.org_wrap .org_img > div {text-align:center;}
@media (max-width:1024px) {
    .org_wrap .org_img {overflow-x: auto;overflow-y:hidden;}
}
.org_wrap .org_img > div .menu_wrap .orgbtn {display:block;position:absolute;width: 41px;height: 207px;/*background:rgba(0,0,0,0.5);*/text-align:center;color:#333;font-size:0;}
.org_wrap .org_img > div .menu_wrap .orgbtn.orgbtn1 {left: 8%;top: -253.5%;width: 165px;height: 163px;border-radius: 50%;}
.org_wrap .org_img > div .menu_wrap .orgbtn.orgbtn2 {right: -7%;top: -1210%;width: 178px;height: 45px;}
.org_wrap .org_img > div .menu_wrap .orgbtn.orgbtn3 {right: 92%;top: -810%;width: 178px;height: 45px;}
.org_wrap .org_img > div .menu_wrap .orgbtn.orgbtn4 {right: -76%;top: -1390%;width: 205px;height: 40px;}
.org_wrap .org_img > div .menu_wrap .orgbtn.orgbtn5 {right: 24%;top: -1305%;width: 205px;height: 40px;}
.org_wrap .org_img > div .menu_wrap .orgbtn.orgbtn6 {right: -76%;top: -1320%;width: 205px;height: 40px;}
.org_wrap .org_img > div .menu_wrap .orgbtn.orgbtn7 {right: 24%;top: -1084%;width: 205px;height: 40px;}
.org_wrap .org_img > div .menu_wrap .orgbtn.orgbtn8 {right: -76%;top: -1100%;width: 205px;height: 40px;}
.org_wrap .org_img > div .menu_wrap .orgbtn.orgbtn9 {right: 24%;top: -1015%;width: 205px;height: 40px;}
.org_wrap .org_img > div .menu_wrap .orgbtn.orgbtn10 {right: -76%;top: -1080%;width: 205px;height: 40px;}
.org_wrap .org_img > div .menu_wrap .orgbtn.orgbtn11 {right: 24%;top: -1014%;width: 205px;height: 40px;}
/* center_Organization 조직도 추가 수정 End */



.center_history .row_box .year {width:110px;}
.center_history .row_box.row_right .year {left:-110px;}




/* 인사말 변경 */
.center_greeting {background-image: url(/images/soe/center/center_message02_2022.jpg);background-size:200px;background-position: 10px 10px;}
.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 */

