@charset "utf-8";

p.line {margin-top:10px; padding-top:10px; border-top:1px dashed #d9d9d9;}
.img_box {overflow-x:auto}

/* 타이틀 */
.tit1 {padding-left:15px; font-size:20px; line-height:1.3; font-family:"NotoM"; color:#000; letter-spacing:-1px; background:url("/images/web/globalart/sub/tit1.png") no-repeat left 4px; }
.tit2 {padding-left:17px; font-size:18px; line-height:1.3; font-family:"NotoM"; color:#222; letter-spacing:-1px; background:url("/images/web/globalart/sub/tit2.png") no-repeat left 7px; }
.tit3 {font-size:16px; line-height:1.3; font-family:"NotoM"; color:#222;}

/* 텍스트 */
.comment1 {padding:8px 0 0 25px; font-size:18px; line-height:1.3; font-family:"NotoM"; color:#222; letter-spacing:-1px; background:url("/images/web/globalart/sub/bu_comment.png") no-repeat left top; }
.comment2 {padding:9px 0 0 25px; font-size:15px; line-height:1.4; font-family:"NotoM"; color:#333; letter-spacing:-1px; background:url("/images/web/globalart/sub/bu_comment.png") no-repeat left top; }

.bu_st1 {padding-left:12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444; background:url("/images/web/globalart/sub/bu1.png") no-repeat left 7px; }
.bu_st2 {padding-left:13px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444; background:url("/images/web/globalart/sub/bu2.png") no-repeat left 8px; }
.bu_st3 {padding-left:10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444; background:url("/images/web/globalart/sub/bu3.png") no-repeat left 8px; }

a.bu_link {padding-left:20px; font-size:14px; font-family:"NotoR"; color:#00539f; text-decoration:underline; background:url("/images/web/globalart/sub/bu_link.png") no-repeat 5px 5px;}
a.bu_mail {padding-left:25px; font-size:14px; font-family:"NotoR"; color:#00539f; text-decoration:underline; background:url("/images/web/globalart/sub/bu_mail.png") no-repeat 5px 5px;}
.bu_atte {padding-left:20px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444; background:url("/images/web/globalart/sub/bu_atte.png") no-repeat left 1px;}

/* 리스트 */
.list_st1 li {padding:5px 0 5px 12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444; background:url("/images/web/globalart/sub/bu1.png") no-repeat left 12px;}
.list_st2 li {padding:4px 0 4px 13px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444; background:url("/images/web/globalart/sub/bu2.png") no-repeat left 12px;}
.list_st3 li {padding:3px 0 3px 10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444; background:url("/images/web/globalart/sub/bu3.png") no-repeat left 11px;}

ol.ol_list li {padding:6px 0 2px 10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444;}

/* 텍스트 기타 */
.pc_black {color:#000;}
.pc_blue {color:#266ed4;}
.pc_green {color:#27750d;}
.pc_orange {color:#f7941d;}
.pc_red {color:#e33d65;}

.bg_blue {padding:1px 2px; color:#fff; background:#266ed4;}
.bg_green {padding:1px 2px; color:#fff; background:#4db02c;}
.bg_orange {padding:1px 2px; color:#fff; background:#f7941d;}
.bg_red {padding:1px 2px; color:#fff; background:#e33d65;}

.fs_16 {font-size:16px;}
.fs_18 {font-size:18px;}
.fs_20 {font-size:20px;}
.fs_22 {font-size:22px;}
.fs_24 {font-size:24px;}

/* 테이블 */
.table_st {position:relative; width:100%; margin-top:10px; font-family:"NotoR"; font-size:14px; border-top:2px solid #000; overflow:hidden;}
.table_st table{position:relative; width:100%; border-collapse:collapse; text-align:center; margin-left:-1px;}
.table_st table caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.table_st thead th {padding:13px 10px; color:#000; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; background:#f3f3f3;}
.table_st tbody th {padding:13px 10px; color:#111; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; background:#fafbfb;}
.table_st tbody td.bg1 {color:#111; font-family:"NotoM"; background:#fafbfb;}
.table_st td {padding:10px 15px; color:#555; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.table_st tfoot th {padding:13px 10px; color:#111; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; background:#fafbfb;}
.table_st tfoot td {padding:13px 10px; color:#333; font-family:"NotoR"; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; background:#fafbfb;}

/* 박스스타일 */
.box_st1 {position:relative; padding:15px 20px; font-family:"NotoR"; border:1px solid #dbdbdb; overflow:hidden; background:#fafafa;}
.box_st2 {position:relative; padding:15px 20px; font-family:"NotoR"; border:1px solid #dbdbdb;  overflow:hidden; background:#fff;}
.box_st3 {position:relative; padding:5px; overflow:hidden; background:url("/images/web/globalart/sub/pt_diagonal.png") repeat;}
.box_st3:before {position:absolute; left:0; top:0; width:50px; height:50px; border-left:5px solid #266ed4; border-top:5px solid #266ed4; content:'';}
.box_st3 .box {padding:15px 20px; background:#fff;}
.box_st3 .box:before {position:absolute; right:0; bottom:0; width:50px; height:50px; border-right:5px solid #434e5f; border-bottom:5px solid #434e5f; content:'';}
.box_st4 {position:relative; padding:15px 20px; font-family:"NotoR"; line-height:1.4; border:4px solid #e6e6e6; overflow:hidden; background:#fff;}

/* 버튼스타일 1 */
.btn_st {overflow:hidden}
.btn_st a {display:inline-block; line-height:20px; padding:8px 15px; margin:1px; text-decoration:none; font-size:14px; font-family:'NotoM'; text-align:center; color:#fff; border-bottom:1px solid #343848; border-right:1px solid #343848; background:#45495b;}
.btn_st a:hover {text-decoration:underline;}
.btn_st a.blue {color:#fff; border-bottom:1px solid #9298af; border-right:1px solid #9298af; background:#155eb6;}
.btn_st a.line {padding:7px 15px 8px; color:#222; border:1px solid #9298af; background:#fff;}
.btn_st a.blue_l {padding:7px 15px 8px; color:#155eb6; border:1px solid #155eb6; background:#fff;}
.btn_st a.mini {padding:2px 8px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; }

/* 버튼스타일 2 */
a.btn_down, a.btn_link, a.btn_go, a.btn_home, a.btn_sear {display:inline-block; margin:2px; padding:0 10px 0 50px; line-height:38px; font-size:14px; font-family:'NotoM'; color:#333; border:1px solid #566578; letter-spacing:-1px; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}/* 180829 */
a.btn_down {background:url("/images/web/globalart/sub/btn_down_g.png") no-repeat left center #fff;}
a.btn_link {background:url("/images/web/globalart/sub/btn_link_g.png") no-repeat left center #fff;}
a.btn_go {background:url("/images/web/globalart/sub/btn_go_g.png") no-repeat left center #fff;}
a.btn_home {background:url("/images/web/globalart/sub/btn_home_g.png") no-repeat left center #fff;}
a.btn_sear {background:url("/images/web/globalart/sub/btn_sear_g.png") no-repeat left center #fff;}
a.btn_down:hover, a.btn_link:hover, a.btn_go:hover, a.btn_home:hover, a.btn_sear:hover {color:#fff; background-color:#566578;}

a.btn_down_b, a.btn_link_b, a.btn_go_b, a.btn_home_b, a.btn_sear_b {display:inline-block; margin:2px; padding:0 10px 0 50px; line-height:38px; font-size:14px; font-family:'NotoM'; color:#254573; letter-spacing:-1px; border:1px solid #0070af; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}/* 180829 */
a.btn_down_b {background:url("/images/web/globalart/sub/btn_down_b.png") no-repeat left center #fff;}
a.btn_link_b {background:url("/images/web/globalart/sub/btn_link_b.png") no-repeat left center #fff;}
a.btn_go_b {background:url("/images/web/globalart/sub/btn_go_b.png") no-repeat left center #fff;}
a.btn_home_b {background:url("/images/web/globalart/sub/btn_home_b.png") no-repeat left center #fff;}
a.btn_sear_b {background:url("/images/web/globalart/sub/btn_sear_b.png") no-repeat left center #fff;}
a.btn_down_b:hover, a.btn_link_b:hover, a.btn_go_b:hover, a.btn_home_b:hover, a.btn_sear_b:hover {color:#fff; background-color:#0070af;}

a.btn_down_mini {display:inline-block; margin:2px; padding:6px 10px 6px 30px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; border:1px solid #b2b7c7; letter-spacing:-1px; border-radius:5px; background:url("/images/web/globalart/sub/btn_down_mini.png") no-repeat 3px center #fff;}
a.btn_link_mini {display:inline-block; margin:2px; padding:6px 10px 6px 30px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; border:1px solid #b2b7c7; border-radius:5px; background:url("/images/web/globalart/sub/btn_link_mini.png") no-repeat 3px center #fff;}
a.btn_go_mini {display:inline-block; margin:2px; padding:6px 10px 6px 30px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; border:1px solid #b2b7c7; border-radius:5px; background:url("/images/web/globalart/sub/btn_go_mini.png") no-repeat 3px center #fff;}
a.btn_down_mini:hover, a.btn_link_mini:hover, a.btn_go_mini:hover {background-color:#f7f7f7;}

/* 탭스타일 */
.tab_st {overflow:hidden; padding:1px 0 0 1px; margin-bottom:20px; letter-spacing:-1px;}
.tab_st li {width:25%; float:left; margin:1px 0;}
.tab_st li a {display:block; margin-right:2px; padding:15px 55px 15px 15px; line-height:25px; font-size:15px; font-family:'NotoR'; color:#444; border:1px solid #9298af; background:url("/images/web/globalart/sub/tab1_off.png") no-repeat right center #f5f7f8; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_st li.on a, .tab_st li.on a:hover, .tab_st li a:hover {color:#fff; border:1px solid #33363c; background:url("/images/web/globalart/sub/tab1_on.png") no-repeat right center #4a4d54;}
.tab_st.ts_w3 li { width:33.33%}

.tab_st2 {overflow:hidden; padding:1px 0 0 1px; margin-bottom:20px; letter-spacing:-1px;}
.tab_st2 li {width:25%; float:left; margin:1px 0;}
.tab_st2 li a {display:block; margin-right:2px; padding:10px 15px; line-height:21px; font-size:14px; text-align:center; font-family:'NotoR'; color:#444; border:2px solid #d8dbe3; background:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_st2 li.on a, .tab_st2 li.on a:hover, .tab_st2 li a:hover {font-family:'NotoM'; color:#111; border:2px solid #4a4d54; background:#fff;}

/* 콘텐츠 내 탭이 있을경우 */
.tab_page {position:relative; margin-bottom:20px; letter-spacing:-1px; border:4px solid #e6e6e6; background:url('/images/web/globalart/sub/bg_tab1.png') no-repeat left top;}
.tab_page ul {padding:16px; overflow:hidden; background:url('/images/web/globalart/sub/bg_tab2.png') no-repeat right bottom;}
.tab_page ul li {width:25%; line-height:26px; float:left; }
.tab_page ul li a {display:block; padding-left:12px; background:url('/images/web/globalart/sub/con_tabOff.png') no-repeat left 12px;}
.tab_page ul li a:hover {text-decoration:underline;}
.tab_page ul li.on a {padding-left:12px; color:#015aab; font-family:"NotoM"; text-decoration:underline; background:url('/images/web/globalart/sub/con_tabOn.png') no-repeat left 12px;}
.tab_page.tp_w3 ul li { width:33.33%}

/* 0103_교수소개 190109 */
.professor.tab_page {padding:25px;}
.professor.tab_page > p { font-size:22px; color:#015aab; border-bottom:1px dashed #ddd; padding:0 0 10px}
.professor.tab_page ul {padding:15px 0 0; background-image:none}
.professor.tab_page ul li {width:33%;}
/* 타입 01 */
.professor_list{ border-top:2px solid #4b93e1}
.professor_list > li{ position:relative; min-height:140px; padding:30px 0; border-bottom:1px solid #ddd; overflow:hidden}
.professor_list li .left{position:absolute; left:0; top:30px;  width:100px; padding-left:1px;}
.professor_list li .left img{vertical-align:top; width:100px; height:131px; max-width:100%}
.professor_list li .right {padding-left:150px;}
.professor_list li .right .pro_name{ font-size:20px; color:#111;  font-family:'NotoM';}
.professor_list li .right .pro_name span{ font-size:15px; color:#666; margin-left:12px}
.professor_list li .right .pro_name:after{ content:''; display:block; width:35px; height:1px; background-color:#4b93e1; margin:8px 0 7px}
.professor_list li .right dl{ overflow:hidden; font-size:15px;}
.professor_list li .right dl dt, .professor_list li .right dl dd {float:left; line-height:24px}
.professor_list li .right dl dt{color:#111;  font-family:'NotoM'; width:68px;}
.professor_list li .right dl dd {color:#666;}
.professor_list .btn_desc{ position:absolute; top:30px; right:0; display:block; background:#fff url('/images/web/globalart/sub/ico_arrow_1.png') no-repeat 63px 50%; padding-left:12px; width:100px; height:38px; line-height:36px; color:#0065bf; font-size:15px; text-align:left; border:1px solid #9fc7ec}
.professor_list .btn_desc_close { position:absolute; top:30px; right:0; display:block; background:#fff url('/images/web/globalart/sub/ico_close_1.png') no-repeat 75px 50%; padding-left:12px; width:100px; height:38px; line-height:36px; color:#0065bf; font-size:15px; text-align:left; border:1px solid #9fc7ec}
.professor_list li .desc{ display:none}
.professor_list li.on .desc{ display:block; float:left; width:100%; padding-top:30px; margin-top:30px; border-top:1px dotted #333}

/* 타입 02 */
.professor_list_02{ border-top:1px solid #39404a}
.professor_list_02 > li{ position:relative; min-height:260px; border-bottom:1px solid #ddd; overflow:hidden}
.professor_list_02 li .left{position:absolute; left:0; top:20px; width:100px; border:1px solid #ddd; text-align:center; padding:20px 30px 64px; background:url('/images/web/globalart/sub/bg_pt_check.png') repeat}
.professor_list_02 li .left img{ vertical-align:top; width:100px; height:131px; max-width:100%}
.professor_list_02 li .right{min-height:210px; padding:25px 30px 25px 200px;}
.professor_list_02 li .right .pro_name{font-size:20px; color:#111;  font-family:'NotoM';}
.professor_list_02 li .right .pro_name span{ font-size:15px; color:#666; margin-left:12px}
.professor_list_02 li .right .pro_name:after{ content:''; display:block; width:35px; height:2px; background-color:#111; margin:10px 0 8px}
.professor_list_02 li .right dl{ overflow:hidden; font-size:15px;}
.professor_list_02 li .right dl dt, .professor_list_02 li .right dl dd {float:left; line-height:26px}
.professor_list_02 li .right dl dt{color:#111;  font-family:'NotoM'; width:68px;}
.professor_list_02 li .right dl dd {color:#666;}
.professor_list_02 .btn_desc{ position:absolute; top:185px; left:30px; display:block; background:#0065bf url(/images/web/globalart/sub/ico_arrow_2.png) no-repeat 63px 50%; padding-left:12px; width:100px; height:30px; line-height:30px; text-align:left; color:#fff; font-size:15px}
.professor_list_02 .btn_desc_close { position:absolute; top:185px; left:30px; display:block; background:#0065bf url(/images/web/globalart/sub/ico_close_2.png) no-repeat 75px 50%; padding-left:12px; width:100px; height:30px; line-height:30px; text-align:left; color:#fff; font-size:15px;}
.professor_list_02 li .desc{ display:none}
.professor_list_02 li.on .desc{ display:block; width:100%; padding:25px 10px; border-top:1px dotted #333}

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

	.img_box {overflow-x:auto}

	/* 콘텐츠 내 탭이 있을경우 */
	.tab_page ul li {width:33%;}
	.tab_page.tp_w3 ul li { width:50%}
	
	/* 탭스타일 */
	.tab_st li a, .tab_st2 li a {-webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box;}
	.tab_st.ts_w3 li { width:50%}


	/* 테이블 */
	.table_st.tb_scroll {overflow-x:auto;}
	.table_st.tb_scroll table {width:900px;}
}

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

	
	/* 0103_교수소개 190109 */
	.professor.tab_page ul li {width:50%;}
	

}

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

	/* 콘텐츠 내 탭이 있을경우 */
	.tab_page ul li {width:50%;}
	.tab_page.tp_w3 ul li { width:100%}
	
	
	/* 탭스타일 */
	.tab_st li, .tab_st2 li {width:50%;}
	.tab_st.ts_w3 li { width:100%}

	/* 0103_교수소개 190109 */
	.professor.tab_page ul li {width:100%;}

	.professor_list li .right .pro_name span{ display:block; margin-left:0;}
	.professor_list_02 li .right .pro_name span{display:block; margin-left:0;}


}



@media screen and (max-width :580px) {
	
	
	/* 0103_교수소개 190109 타입 02 */
	/*.professor_list_02 li .left{ box-sizing:border-box; width:160px;}
	.professor_list_02 li .right{ box-sizing:border-box; padding:25px}
	.professor_list_02 .btn_desc{left:30px;}
	.professor_list_02 .btn_desc_close {left:30px;}*/

}



@media screen and (max-width :490px) {
	/* 탭스타일 */
	.tab_st li, .tab_st2 li {width:100%;}

	/* 콘텐츠 내 탭이 있을경우 */
	.tab_page ul li {width:100%;}
	
	/* 0103_교수소개 190109 */
	.professor_list > li{padding:20px 0 80px;}
	.professor_list li .left{position:relative; left:auto; top:auto; width:100%; box-sizing:border-box; padding-left:0; margin-right:0; margin-bottom:10px; text-align:center}
	.professor_list li .right{width:100%; margin-top:0; padding:25px 2.5%;}
	.professor_list li .right .pro_name{ text-align:center; margin-bottom:10px}
	.professor_list .btn_desc{top:auto; bottom:20px; box-sizing:border-box; right:auto; left:50%; width:100px; margin-left:-50px;}
	.professor_list .btn_desc_close {top:auto; bottom:20px; box-sizing:border-box; right:auto; left:50%; width:100px; margin-left:-50px;}
	
	/*  0103_교수소개 타입 02 */
	.professor_list_02 li .left{position:relative; left:auto; top:auto; width:100%; box-sizing:border-box; border:none; border-bottom:1px solid #ddd;padding:20px 30px 64px; margin:0 0 10px; text-align:center}
	.professor_list_02 li .left img{ vertical-align:top; width:100px; height:131px; max-width:100%}
	.professor_list_02 li .right{min-height:210px; padding:25px 2.5%;}
	.professor_list_02 .btn_desc{top:165px; left:50%; margin-left:-50px; width:100px; box-sizing:border-box}
	.professor_list_02 .btn_desc_close {top:165px; left:50%; margin-left:-50px; width:100px; box-sizing:border-box}

}



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

}