@charset "utf-8";


.tab_box{border-top: 2px solid #2b6b4d; border-right: 2px solid #2b6b4d; border-bottom: 1px solid #2b6b4d; border-left: 2px solid #2b6b4d;box-sizing: border-box; margin-bottom:30px;}


@media only screen and (min-width:768px){

    .tab_box{margin-bottom:50px;}

}


ul.basic_tab{border: none; padding: 1px 0 1px 1px; margin-bottom:0;}


.dep_box2 { padding:5% 5% 3%; background:#f1f3ee;}
.dep_box2 p.dep_d span { color:#2b6b4d; font-weight:bold; }

@media only screen and (min-width:768px){
/*내용*/
.dep_box2 { padding:35px 30px 30px 120px;  background:#f1f3ee url(/images/kor/sub01/uit3_ico5.png) no-repeat 0 0 ;} 
.dep_box2 div { padding-left:45px;}


}




/* professor_view */
.pro_view_wrap *{box-sizing:border-box}
.pro_view_wrap {
    padding: 0;
    border: 1px solid #e6e6e6;
    background: #fff;
    overflow: hidden;
    margin-bottom:40px
}
.pro_view_wrap:last-child {
    margin-bottom:0;
}
.professor_view {
    padding: 55px 0;
}

.pro_view_wrap .pro_img {
    width: 260px;
    height: 306px;
    border: 1px solid #e6e6e6;
    float: left;
    text-align:center;
    overflow:hidden;
}

.pro_view_wrap .pro_img img {
    height:100%;
    max-width: none;
}

.pro_view_wrap .pro_info {
    float: left;
    width: calc(100% - 260px);
    padding: 50px 40px;
}

.pro_view_wrap .pro_info .pro_name {
    font-size: 30px;
    color: #111;
}

.pro_view_wrap .pro_info .pro_name .ko_name {
    font-weight: 600;
}

.pro_view_wrap .pro_info .pro_name .eng_name {
    padding-left:24px;
    font-size: 18px;
}

.pro_view_wrap .pro_info .info_wrapper {
    overflow: hidden;
    display: flex;
    margin-top: 30px;
}

.pro_view_wrap .pro_info .info_wrapper .pro_info_list {
    flex:1;
}

.pro_view_wrap .pro_info .info_wrapper .pro_info_list li {
    font-size: 16px;
    color: #666;
    line-height: 1.5em;
}
.pro_view_wrap .pro_info .info_wrapper .pro_info_list li  strong{color:#000;display:inline-block;margin-right:10px;min-width:80px;}

.pro_view_wrap .wrap_tit {
    float: left;
    width: 220px;
    padding: 40px;
}

.pro_view_wrap .wrap_text {
    float: left;
    width: calc(100% - 220px);
    padding: 36px 40px;
    font-size: 16px;
    color: #323232;
    line-height: 26px;
}

.pro_view_wrap .wrap_tit h2 {
    font-size: 24px;
    color: #111;
    font-weight: 600;
}

@media screen and (max-width:1200px) {
	.pro_view_wrap { margin-bottom: 30px; }
	.pro_view_wrap .pro_info { padding: 40px 20px 40px 32px; }
	.pro_view_wrap .pro_info .pro_name { font-size:24px; }
	.pro_view_wrap .pro_info .info_wrapper { margin-top: 20px; }
	.pro_view_wrap .pro_info .info_wrapper .pro_info_list { flex: auto; }
	.pro_view_wrap .pro_info .info_wrapper .pro_info_list:nth-child(2) { padding-left: 20px; }
	.pro_view_wrap .pro_info .info_wrapper .pro_info_list li { font-size: 15px; }
	.pro_view_wrap .pro_img { width: 200px; height: 280px; }
	.pro_view_wrap .wrap_tit {width: 200px;padding: 30px;}
	.pro_view_wrap .wrap_text { width: calc(100% - 200px); padding: 32px; font-size: 15px; line-height: 24px; }


}

@media all and (min-width:825px){
	ul.basic_tab li {width:20%;}
    .sub05_01_02 ul.basic_tab li a{padding:9px 17px;}
    
}


@media screen and (max-width:640px) {
	

    .basic_box .grap{width:100%;background-color:#efefef;padding:5px;margin-bottom: 10px;}
	
	.pro_view_wrap {margin-bottom: 15px;padding: 20px;}
	.professor_view { padding: 30px 0; }
	.pro_view_wrap .pro_info {width: 100%;padding: 0px;margin-top: 20px;}
	.pro_view_wrap .pro_info .pro_name {font-size:16px;}
	.pro_view_wrap .pro_info .info_wrapper {margin-top: 10px;display: block;}
	.pro_view_wrap .pro_info .info_wrapper .pro_info_list {flex: none !important;}
	.pro_view_wrap .pro_info .info_wrapper .pro_info_list li { font-size: 13px; }
	.pro_view_wrap .pro_info .info_wrapper .pro_info_list:nth-child(2) { padding-left: 0px; }
	.pro_view_wrap .pro_img {width: 120px;height: 160px;float: none;margin: 0;}
	.pro_view_wrap .wrap_tit {width: 100%;float: none;padding: 0;}
	.pro_view_wrap .wrap_tit h2 { font-size:17px; }
	.pro_view_wrap .wrap_text {width: 100%;padding: 0;margin-top: 20px;font-size: 13px;line-height: 21px;}
	.open_area {height: 152px;}
	.pro_view_wrap .wrap_text.history p label {width: 30%;margin-right: 20px;font-weight: 600;}
	.pro_view_wrap .wrap_text.history p span { width: calc(100% - 30px); }

    .sub05_01_02 ul.basic_tab li {float:left; display:inline-block; width:33.3%; font-size:12px; letter-spacing:-0.1px;}
    .sub05_01_02 ul.basic_tab li a{padding:6px 10px 4px;}


}


@media screen and (max-width:380px) {
    


    .sub05_01_02 ul.basic_tab li { font-size:11px; text-align:center;}
    .sub05_01_02 ul.basic_tab li a{padding:6px 2px 4px;}


}



.sub05_01_02 ul.basic_tab li a{border-top:none; border-left:none; border-bottom: 1px solid #2b6b4d; border-right: 1px solid #2b6b4d; margin:-1px;}



.sub05_01_02 ul.basic_tab li.on a, 
.sub05_01_02 ul.basic_tab li a:hover, 
.sub05_01_02 ul.basic_tab li a:focus, 
.sub05_01_02 ul.basic_tab li a:active{background:#2b6b4d; border-bottom: 1px solid #2b6b4d; border-right: 1px solid #2b6b4d;color:#fff; z-index: 10;position: relative;}






/* ul.basic_tab *{border-box:border-box} */
ul.basic_tab *{box-sizing:border-box}
.ui-tab_group .ui-tab_content{margin-top:20px;}
.ui-tab_group .tab__body{overflow:hidden;visibility:hidden;height:0;opacity:0;}
.ui-tab_group .tab__body.on{overflow:visible;height:auto;visibility:visible;opacity:1;}


.basic_box .inner .board_total {padding-left:0; }

.tbl_basic tbody th a{color:#000;}

.tbl_basic thead th,
.tbl_basic tfoot th,
.tbl_basic tfoot td,
.tbl_basic tbody th,
.tbl_basic tbody td { padding:6px 8px 4px; font-size:12px;}


@media all and (min-width:650px){


.tbl_basic thead th,
.tbl_basic tfoot th,
.tbl_basic tfoot td,
.tbl_basic tbody th,
.tbl_basic tbody td { padding:10px 15px 8px 15px; font-size:14px;}

}
.basic_search label{font-size:14px;}



.sub05_01_02 ul.basic_tab li.tx_college {display:none; visibility:hidden;}

@media only screen and (min-width:640px){
    .sub05_01_02 ul.basic_tab li.tx_college {display:block; visibility:visible;}

    .sub05_01_02 ul.basic_tab li.tx_college a{cursor:default; border-top:none; border-left:none; border-bottom: 1px solid #2b6b4d; border-right: 1px solid #2b6b4d; margin:-1px;}

    .sub05_01_02 ul.basic_tab li.tx_college a:hover, 
    .sub05_01_02 ul.basic_tab li.tx_college a:focus, 
    .sub05_01_02 ul.basic_tab li.tx_college a:active{cursor:default; background:none; border-bottom: 1px solid #2b6b4d; border-right: 1px solid #2b6b4d;color:#fff;}


}