/* 연혁 */
.item_history {padding: 30px 0;border-top: 1px solid #e1e1e1;}
.item_history.first {border-top: none;}
.item_history span {padding-bottom: 44px;padding-right: 50px;background: url(/res/service/img/sub/bu_history.png) no-repeat 90px 34px;font-size: 26px;}
.item_history ul {display:inline-block;width: 100%;padding-left: 123px;box-sizing: border-box;}
.item_history ul li {width: 100%;line-height: 26px;}

/* 찾아오시는 길 */
.box_map_info {margin-top: 30px;font-size: 15px;}
.box_map_info span {margin-left: 15px;line-height: 50px;}
.box_map_info span strong {margin-right: 10px;}
.txt_address {margin-left: 0;padding-left: 30px;background: url(/res/service/img/sub/ico_map.png) no-repeat left center;}

/* 음환경설계 워크숍 */
.item_work {position: relative;padding: 30px 0 30px 240px;border-top: 1px solid #e1e1e1;}
.item_work.first {border-top: none;}
.item_work img {position: absolute;top: 30px;left: 0;width: 190px;height: 265px;border: 1px solid #e1e1e1;}
.item_work h6 {margin-bottom: 15px;font-size: 15px;}

/* 사랑나눔 */
.item_donation {border: 1px solid #e1e1e1}
.item_donation > div {padding: 30px;}
.item_donation h3 {font-size: 18px;color: #48ad87;}
.box_second {position: relative;height: 148px;padding-right: 398px;box-sizing: border-box;}
.box_second .btn_donation {position: absolute;right: 0;top:0;width: 398px;height: 148px;padding: 35px 40px 50px;background: url(/res/service/img/sub/img_sub4_1_pattern.png);box-sizing: border-box;}
.box_second .btn_donation .p1 {margin-bottom: 10px;color: #fff;font-size: 20px;font-family: NanumBarunGothicBold;}
.box_second .btn_donation .p2 {font-size: 16px;color: #178d65;}
.box_second .btn_donation img {position: absolute;bottom: 25px;left: 40px;}
.txt02 {margin-top: 10px;font-size: 15px;line-height: 27px;}

/* 로그인 */
.box_login {display:inline-block;width: 536px;max-width:100%;margin: 0 auto;}
.box_login .txt01 {padding: 50px 0;}
.box_login .btn_save_id {float: left;margin-top: 17px;font-size: 14px;font-family: NanumBarunGothicBold;}
.box_login .btn_save_id img {vertical-align: middle;}
.box_login ul {display:inline-block;width:100%;height: 50px;margin-top: 40px;}
.box_login ul li {float: left;width: 48.5%;border: 1px solid #e1e1e1;background: #fafafa;font-size: 14px;line-height: 50px;box-sizing: border-box;}
.box_login ul li:first-child {margin-right: 3%;}
.box_login ul li img {margin-right: 10px;vertical-align: middle;}
.form_login {position: relative;padding-right: 136px;}
.form_login input {width: 100%;}
.form_login input:first-child {margin-bottom: 15px;}
.form_login .btn_login {position:absolute;right:0;top:0;bottom:0;width: 120px;background: #0d9e6f;color: #fff;font-size: 15px;font-family: NanumBarunGothicBold;line-height: 102px;cursor: pointer;}

/* 회원찾기 */
.box_search_user {display:inline-block;position: relative;max-width:100%;width: 535px;height: 52px;margin: 50px auto;padding-right: 50px;border: 1px solid #333333;box-sizing: border-box;}
.box_search_user input {border: none;position: relative;width: 100%;height: 50px;padding: 0 15px;box-sizing: border-box;}
.box_search_user img {position: absolute;right:0;top:0;cursor: pointer;}
.tit_search {margin-bottom: 30px;font-family: NanumBarunGothicBold;font-size: 17px;color: #000;}

/* 회원가입 */
.box_step {margin-bottom: 60px;padding: 45px 0;border: 1px solid #e1e1e1;text-align: center;}
.box_step ul {display: inline-block;width: 960px;}
.box_step ul li {position: relative;width: 33.3%;height: 50px;padding: 3px 100px;line-height: 24px;box-sizing: border-box;background: url(/res/service/img/sub/img_step.png) no-repeat 70px center;}
.box_step ul li.on {background: url(/res/service/img/sub/img_step_check.png) no-repeat 70px center;font-family: NanumBarunGothicBold;}
.box_step ul li:before {content: ' ';position:absolute;left: 0;top: 50%;margin-top: -7px;width: 9px;height: 15px;background: url(/res/service/img/sub/img_arr_step.png) no-repeat center;}
.box_step ul li:first-child:before {content: none;}
.item_terms {margin-top: 60px;}
.item_terms .body {overflow-y: scroll;height: 179px;margin: 20px 0;padding: 20px;border: 2px solid #e1e1e1;box-sizing: border-box;}
.item_terms .tit {font-size: 15px;font-family: NanumBarunGothicBold;}
.item_terms ul li {float: left;padding-left: 35px;margin-right: 30px;line-height: 24px;background: url(/res/service/img/sub_common/checkbox.png) no-repeat left center;cursor: pointer;}
.item_terms ul li.on {background: url(/res/service/img/sub_common/checkbox_pressed.png) no-repeat left center;}

/* 사이트맵 */
#site_map {border-top: 2px solid #333333;border-left: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
#site_map > div {float: left;width: 16.66%;height: 305px;padding: 30px 20px 30px;border-right: 1px solid #e1e1e1;box-sizing: border-box;}
#site_map .tit {margin-bottom: 10px;font-size: 18px;font-family: NanumBarunGothicBold;color: #333333;}
#site_map li {width: 100%;margin-top: 22px;}
#site_map li:hover {text-decoration: underline;}

/* 통합검색 */
.search_result_box {padding: 30px 0;}
.search_result_tit {position:relative;padding-left: 28px;font-size: 17px;color: #333333;font-family: NanumBarunGothicBold;margin-bottom: 20px;}
.search_result_tit:before {content:'';position: absolute;left:0;top:7%;display:inline-block;width:7px;height: 7px;background: transparent;border: 4px solid #707070;border-radius: 100%;}

.result_list { padding: 20px 0; }

.result_list .result_item {line-height: 30px;}
.result_list.type2 .result_item {margin-bottom: 15px;}
.result_list.type2 .result_item .result_nav {color: #30A1D5;}
.main_search_box {padding: 25px 0;text-align: center;}
.main_search_box > div { display: inline-block; background-color: transparent; height: 40px; vertical-align: middle;}
.main_search_option {position: relative;margin-right: 15px;border: 1px solid #eeeeee;width: 112px;cursor: pointer;background-image: url('/res/service/img/sub_common/opt_search_arr_down.png');background-repeat: no-repeat;background-position: 90% center;text-align: left;}
.main_search_option span {display: inline-block;margin-left: 10%;width: 80%;height: 48px;line-height: 48px;float: left;}
.main_search_option select {position: absolute;top: 0;left: 0;width: 100%;height: 48px;opacity: 0;}
.main_search_input {position:relative;width: 750px;max-width: 100%;padding-right: 0px;box-sizing: border-box}
.main_search_input input { border: 1px solid #E6E6E6; width: 80%; height: 40px; float: none; box-sizing: border-box; border-radius: 20px; margin: 0 auto; display: inline-block; clear: both; }


.main_search_input span { width: 20px;height: 20px;background: transparent url('/res/service/img_department12/common/btn_search.png') no-repeat 100% 100%;background-size: cover;float: right;position: relative;left: -15%;bottom: -9px;border: none;}

.search_result_text {padding: 30px 0 30px 33px;font-size: 15px;line-height: 15px;background-image: url('/res/service/img/sub/img_searchpage_search.png');background-repeat: no-repeat;background-position: left 30px;border-bottom: #eeeeee;text-align: left;}
.search_result_text span, .search_result_text strong {font-family: NanumBarunGothicBold;color: #30A1D5;}


@media screen and (min-width:768px) and (max-width:1200px) {
    /* 사랑나눔 */
    .box_second {padding-bottom: 148px !important;box-sizing: content-box}
    .box_second .btn_donation {width:100%;top: auto;bottom:0;left:0;right:0;}
}

@media screen and (max-width:767px) {
    /* 로그인 */
    .box_step ul {width:100%;}
    .box_step ul li {display:none;}
    .box_step ul li.on {display:inline-block;width:100%;}
    .box_step ul li:before {content: none;}

    /* 사랑나눔 */
    .box_second {padding-bottom: 148px !important;box-sizing: content-box}
    .box_second .btn_donation {width:100%;top: auto;bottom:0;left:0;right:0;}

    /* 사이트맵 */
    #site_map > div {width: 100%;border-top: 1px solid #e1e1e1;}
    #site_map > div:first-child {border-top: 1px solid #e1e1e1;}
}


/* 교수진 소개 */

.professor_item_list {
    width: 100%;
    clear: both;
}
.professor_item_list .professor_item{
    margin-bottom: 20px;
}
.professor_item_list .professor_item .professor_info.no1 .professor_name {
    font-family: NanumBarunGothicBold, sans-serif;
    color: #333333;
}
.professor_item_list .professor_item .professor_info.no1 .professor_name span {
    font-family: NanumBarunGothic, sans-serif;
    color: #bebebe;
    display: inline-block;
}
.professor_item_list .professor_item .professor_info.no1 .info_item{
}
.professor_item_list .professor_item .professor_info .info_item .factor{
    display: inline-block;
    font-family: NanumBarunGothic, sans-serif;
    color: #333333;
    text-align: left;
    position: relative;
    box-sizing: border-box;
    padding-left: 13px;
}
.professor_item_list .professor_item .professor_info .info_item .factor::before{
    content: " ";
    display: block;
    width: 4px;
    height: 4px;
    background-color: #30a1d5;
    position: absolute;
    left: 0px;
    top: 6px;
}
.professor_item_list .professor_item .professor_info .info_item div{
    display: inline-block;
    font-family: NanumBarunGothic, sans-serif;
    color: #6e6e6e;
}
.professor_item_list .professor_item .professor_info.no2{
    display: none;
}
.professor_item_list .professor_item .professor_info.no2.active{
    display: block;
}
.professor_item_list .professor_item .professor_info.no2 .info_item div{
    box-sizing: border-box;
    padding-left: 5px;
}


@media screen and (min-width:1201px) {
    .professor_item_list .professor_item {
        box-sizing: border-box;
        border: 1px solid #e6e6e6;
        padding: 20px;
        position: relative;
    }
    .professor_item_list .professor_item .more_info {
        display: block;
        width: 50px;
        height: 50px;
        border: 1px solid #e6e6e6;
        background-image: url("/res/service/img_department12/common/btn_more.png");
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: -1px;
        margin-bottom: -1px;
    }
    .professor_item_list .professor_item .more_info.active {
        display: block;
        width: 50px;
        height: 50px;
        border: 1px solid #e6e6e6;
        background-image: url("/res/service/img_department12/common/btn_fold.png");
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: -1px;
        margin-bottom: -1px;
    }
    .professor_item_list .professor_item .professor_img {
        width: 126px;
        display: inline-block;
        vertical-align: middle;
    }
    .professor_item_list .professor_item .professor_img img{
        width: 100%;
        height: 164px;
    }
    .professor_item_list .professor_item .professor_info.no1 {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 170px);
        margin-left: 38px;
    }
    .professor_item_list .professor_item .professor_info.no1 .professor_name {
        font-size: 20px;
        letter-spacing: -0.40px;
        margin-bottom: 30px;
    }
    .professor_item_list .professor_item .professor_info.no1 .professor_name span {
        font-size: 16px;
        letter-spacing: -0.32px;
        margin-left: 11px;
    }
    .professor_item_list .professor_item .professor_info.no1 .professor_name div {
        width: calc(100% - 104px);
    }
    .professor_item_list .professor_item .professor_info .info_item{
        margin-bottom: 15px;
    }
    .professor_item_list .professor_item .professor_info .info_item .factor{
        font-size: 16px;
        letter-spacing: -0.32px;
        width: 104px;
    }
    .professor_item_list .professor_item .professor_info .info_item div{
        display: inline-block;
        font-size: 14px;
        letter-spacing: -0.28px;
        width: calc(100% - 104px);
    }
    .professor_item_list .professor_item .professor_info.no2 {
        margin-top: 16px;
    }
    .professor_item_list .professor_item .professor_info.no2 .factor{
        vertical-align: top;
    }
    .professor_item_list .professor_item .professor_info.no2 .info_item div{
        width: calc(100% - 110px);
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .more_info {
        display: block;
    }
    .professor_item_list .professor_item {
        box-sizing: border-box;
        border: 1px solid #e6e6e6;
        padding: 20px 30px;
        position: relative;
    }
    .professor_item_list .professor_item .more_info {
        display: block;
        width: 50px;
        height: 50px;
        border: 1px solid #e6e6e6;
        background-image: url("/res/service/img_department12/common/btn_more.png");
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: -1px;
        margin-bottom: -1px;
    }
    .professor_item_list .professor_item .more_info.active {
        display: block;
        width: 50px;
        height: 50px;
        border: 1px solid #e6e6e6;
        background-image: url("/res/service/img_department12/common/btn_fold.png");
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: -1px;
        margin-bottom: -1px;
    }
    .professor_item_list .professor_item .professor_img {
        width: 126px;
        display: inline-block;
        vertical-align: middle;
    }
    .professor_item_list .professor_item .professor_img img{
        width: 100%;
        height: 164px;
    }
    .professor_item_list .professor_item .professor_info.no1 {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 170px);
        margin-left: 38px;
    }
    .professor_item_list .professor_item .professor_info.no1 .professor_name {
        font-size: 20px;
        letter-spacing: -0.40px;
        margin-bottom: 30px;
    }
    .professor_item_list .professor_item .professor_info.no1 .professor_name span {
        font-size: 16px;
        letter-spacing: -0.32px;
        margin-left: 11px;
    }
    .professor_item_list .professor_item .professor_info.no1 .professor_name div {
        width: calc(100% - 104px);
    }
    .professor_item_list .professor_item .professor_info .info_item{
        margin-bottom: 15px;
    }
    .professor_item_list .professor_item .professor_info .info_item .factor{
        font-size: 16px;
        letter-spacing: -0.32px;
        width: 104px;
        vertical-align: top;
    }
    .professor_item_list .professor_item .professor_info .info_item div{
        display: inline-block;
        font-size: 14px;
        letter-spacing: -0.28px;
        width: calc(100% - 104px);
    }
    .professor_item_list .professor_item .professor_info.no2 {
        margin-top: 32px;
    }
    .professor_item_list .professor_item .professor_info.no2 .factor{
        vertical-align: top;
    }
    .professor_item_list .professor_item .professor_info.no2 .info_item div{
        width: calc(100% - 110px);
    }
}

@media screen and (max-width:767px) {
    .professor_item_list .professor_item {
        box-sizing: border-box;
        border: 1px solid #e6e6e6;
        padding: 20px 30px;
        position: relative;
    }
    .professor_item_list .professor_item .more_info {
        display: block;
        width: 50px;
        height: 50px;
        border: 1px solid #e6e6e6;
        background-image: url("/res/service/img_department12/common/btn_more.png");
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: -1px;
        margin-bottom: -1px;
    }
    .professor_item_list .professor_item .more_info.active {
        display: block;
        width: 50px;
        height: 50px;
        border: 1px solid #e6e6e6;
        background-image: url("/res/service/img_department12/common/btn_fold.png");
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: -1px;
        margin-bottom: -1px;
    }
    .professor_item_list .professor_item .professor_img {
        width: 126px;
        display: inline-block;
        vertical-align: middle;
    }
    .professor_item_list .professor_item .professor_img img{
        width: 100%;
        height: 164px;
    }
    .professor_item_list .professor_item .professor_info.no1 {
        display: block;
        vertical-align: middle;
        width: 100%;
        margin-top: 30px;
    }
    .professor_item_list .professor_item .professor_info.no1 .professor_name {
        font-size: 20px;
        letter-spacing: -0.40px;
        margin-bottom: 30px;
    }
    .professor_item_list .professor_item .professor_info.no1 .professor_name span {
        font-size: 16px;
        letter-spacing: -0.32px;
        margin-left: 11px;
    }
    .professor_item_list .professor_item .professor_info.no1 .professor_name div {
        width: calc(100% - 104px);
    }
    .professor_item_list .professor_item .professor_info .info_item{
        margin-bottom: 15px;
    }
    .professor_item_list .professor_item .professor_info .info_item .factor{
        font-size: 14px;
        letter-spacing: -0.28px;
        width: 90px;
        vertical-align: top;
    }
    .professor_item_list .professor_item .professor_info .info_item div{
        display: inline-block;
        font-size: 12px;
        letter-spacing: -0.24px;
        width: calc(100% - 90px);
    }
    .professor_item_list .professor_item .professor_info.no2 {
        /*margin-top: 32px;*/
    }
    .professor_item_list .professor_item .professor_info.no2 .factor{
        vertical-align: top;
    }
    .professor_item_list .professor_item .professor_info.no2 .info_item div{
        width: calc(100% - 90px);
    }
}

/*연혁*/
.history_table .dot{
    background-image: none !important;
}
@media screen and (min-width:1201px) {
    .history_table {
        position: relative;
        border-collapse: collapse;
    }
    .history_table tr td {
        padding: 10px 0;

    }
    .history_table .year {
        width: 85px;
        font-size: 20px;
        font-family: 'NanumBarunGothicBold', dotum;
    }
    .history_table .date {
        width: 55px;
        color: #5980ce;
        font-family: 'NanumBarunGothicBold', dotum;
    }
    .history_table .dot {
        width: 70px;
        text-align: center;
    }
    .history_table .dot span {
        display: inline-block;
        width: 9px;
        height: 9px;
        border-radius: 10px;
        background-color: #5980ce;
        vertical-align: middle;
    }
}
@media screen and (min-width:768px) and (max-width:1200px) {
    .history_table {
        position: relative;
        border-collapse: collapse;
    }
    .history_table tr td {
        padding: 10px 0;

    }
    .history_table .year {
        width: 85px;
        font-size: 20px;
        font-family: 'NanumBarunGothicBold', dotum;
    }
    .history_table .date {
        width: 55px;
        color: #5980ce;
        font-family: 'NanumBarunGothicBold', dotum;
    }
    .history_table .dot {
        width: 70px;
        text-align: center;
    }
    .history_table .dot span {
        display: inline-block;
        width: 9px;
        height: 9px;
        border-radius: 10px;
        background-color: #5980ce;
        vertical-align: middle;
    }
}
@media screen and (max-width:767px) {
    .history_table {
        position: relative;
        overflow: hidden;
    }
    .history_table .line {
        position: absolute;
        left: 12px;
        top: 0;
        width: 1px;
        height: 5000px;
        background-color: #d3d1d1;
    }
    .history_item {
        position: relative;
        padding-left: 40px;
        margin-bottom: 30px;
    }
    .history_item > span {
        position: absolute;
        top: 0;
        left: 0;
        width: 25px;
        height: 25px;
        background-color: #d3d1d1;
        background-image: url('/res/service/img_department1/sub1/ico_shortcut.png');
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 20px;
    }
    .child_list {
        display: none;
    }
    .history_item.on > span {
        background-color: #0095a8;
        background-image: url('/res/service/img_department1/sub1/ico_tab_minus.png');
    }
    .history_item > p {
        line-height: 25px;
        font-size: 16px;
        font-family: 'NanumBarunGothicBold', dotum;
        cursor: pointer;
    }
    .history_item .date {
        color: #0095a8;
        height: 45px;
        line-height: 45px;
        font-family: 'NanumBarunGothicBold', dotum;
    }
    .history_item .note {
        line-height: 24px;
    }
}