@charset "utf-8";

.clear { clear:both;  }
.sub-step h3 { display: inline-block; margin-top: 45px; }
.sub-step p { margin: 0; }

/* 오시는길 대학공통*/
/* 호서소개 > 오시는길 > 아산캠퍼스, 천안캠퍼스, 산학융합캠퍼스 */
.ccar { display: inline-block; width: 100%; margin-top: 20px; padding-bottom: 27px; border-bottom: solid 1px #a9a9a9; }
.ccar .ccar-cont { float: left; width: 70%; }
.ccar .ccar-cont h4 { margin-top: 0; }
.ccar .ccar-cont dt { margin-bottom: 5px; font-weight: 400; font-size: 1.2em; }
.ccar .ccar-cont dd {line-height: 1.6em;}
.ccar .ccar-map { float:left; width: 30%; text-align: right; }
.cbus li { float: left; width: 50%; padding: 0 10px; text-align: center; }
.cbus li img { border: solid 1px #a9a9a9; width: 100%; }
.ctable { width: 100%; font-size: 0.933em !important; }
.ctable td { padding: 3px 1px !important; border: solid 1px #c8c8c8 !important; }

/* 호서소개 > 오시는길 > 학기중 셔틀버스 시간표, 방학중 셔틀버스 시간표 */
.sbus { display: block; }
.sbus h3 { float: left; width: 50%;}
.sbus div { float: left; width: 50%; padding-top: 55px; text-align:right; }
.sbus .width40p { width:40%;}

@media all and (max-width:1200px) and (min-width:768px) {
	/* 호서소개 > 오시는길 > 아산캠퍼스, 천안캠퍼스, 산학융합캠퍼스 */
	.ccar .ccar-cont { width: 100%; }
	.ccar .ccar-map { width: 100%; text-align: left; }
}
@media all and (max-width: 767px) {
	/* 호서소개 > 오시는길 > 아산캠퍼스, 천안캠퍼스, 산학융합캠퍼스 */
	.ccar .ccar-cont { width: 100%; }
	.ccar .ccar-map { width: 100%; text-align: left; }
	.cbus li { width: 100%; margin-bottom:10px; }

}

/* 탭 */
.ui-page-tab { margin-top:40px; margin-bottom:40px;}


/* 반응형 테이블 */
table.table-responsive {border-top: 2px solid #292929; border-left: 0; border-right:0; width:100%; border-collapse: collapse; }
table.table-responsive th,
table.table-responsive td {border: 1px solid #c8c8c8; border-top:0; margin-top: 0; border-collapse: collapse; padding: 15px 15px; vertical-align: middle; width:auto; }
table.table-responsive thead th:last-child,
table.table-responsive td:last-child { border-right: 0; }
table.table-responsive th { background: #f9f8f8; color:#222222; font-weight: 400; text-align: center; }
table.table-responsive th.table-in {padding:0 !important; background: #fff}
table.table-responsive th span.text-red {margin-right:2px; font-weight: 600;}
table.table-responsive td { min-height: 40px; line-height:1.5; }
table.table-responsive td.textarea-pd {padding: 5px 8px !important; }
table.table-responsive td .input-group-addon {padding:4px 4px 4px 10px;}
table.table-responsive td .input-group-addon-read {background-color: #eeeeee; line-height: 1.2;}
table.table-responsive th:first-child,
table.table-responsive td:first-child { border-left: 0; }
table.table-responsive-in {width:100%; text-align:left; font-size:12px !important; border-collapse: collapse; margin:-1px; }
table.table-responsive-in thead th {text-align: center; padding:7px 5px !important;}
table.table-responsive-in thead th {border-bottom:0 !important;}
table.table-responsive-in tbody {margin-top:-1px;}
table.table-responsive-in th,
table.table-responsive-in td { padding:3px 5px !important;  vertical-align: middle; }
table.table-responsive-in tr th:last-of-type,
table.table-responsive-in tr td:last-of-type { border-right-width:0 !important }
table.table-responsive-in th {background:#eaeef1; color:#222; font-weight:200; text-align:right;}
table.table-responsive-in td {padding:4px 8px !important; height:37px;}
table.table-responsive-in td > span {width:100%;}
table.table-responsive-in td .m_view {display:none;}

table.table-responsive.table-text-ss { font-size: 13px; line-height: 1.4em;}
table.table-responsive.table-text-ss  th, table.table-responsive.table-text-ss  td { padding: 8px;}

table.table-responsive-in .table-in th,
table.table-responsive-in .table-in tr,
table.table-responsive-in .table-in td { border: none; }

table.table-responsive.table_padding_10 th
table.table-responsive.table_padding_10 td {padding:15px 0 15px 10px !important;}

/* table 스타일 */
table.k-editor {height:250px !important;}
.th-left th,
.td-left td,
td.text-left {text-align:left !important;}
.th-center th,
.td-center td,
td.td-center {text-align:center !important;}
.th-right th,
.td-right td,
td.text-right {text-align:right !important;}
.k-state-default.k-autocomplete, .k-state-default.k-picker-wrap, .k-state-default.k-numeric-wrap, .k-state-default.k-dropdown-wrap {height:28px;}
.table-scroll {overflow-x: auto; overflow-y: hidden; padding: 0px !important;}
.table-scroll table { min-width: 800px ; }

/* 검색 */
.search-layout {background:#f5f5f5; padding: 10px;}
.search-layout div {display: inline-block;}




@media (max-width:1200px) {

table.table-detail td {width:100%;}

}

@media (max-width:767px) {
.table-scroll table {overflow-y:auto; min-width: 800px; font-size: 0.9em; line-height: 1.4; margin-bottom: 5px !important; }
.table-scroll table.table-450 {min-width: 450px; }
.table-scroll table td,.table-scroll table th { padding: 6px 8px;  }
.table-scroll table.table-responsive.table-text-ss {min-width: 1000px;}
}

/* list 스타일 */
.list-01 { margin:10px 0 10px 0px; line-height:1.6}
.list-01 li { background:url(/resources/images/korean/common/list_01_bullet.gif) no-repeat left 10px; padding-left:13px; text-align: justify; }
.list-02 { margin:5px 0 10px 0px;  line-height:1.6}
.list-02 li { background:url(/resources/images/korean/common/list_02_bullet.gif) no-repeat left 12px; padding-left:12px; }
.list-03 { margin:10px 0 10px 0px;  line-height:1.6}
.list-03 li { background:url(/resources/images/korean/common/list_01_bullet.gif) no-repeat left 10px; padding-left:13px; text-align: justify; }
/*.list-num { margin-left:10px; }*/
.list-num li { position: relative; padding-left: 23px; text-align: justify; line-height: 1.6em; padding-bottom: 5px; }
.list-num span.num { background:url(/resources/images/korean/common/list_num_bullet.gif) no-repeat center; color:#c1898e; font-size:0.785em; font-weight:400; width: 17px; height: 17px; position: absolute; top: 5px; left: 0; text-align: center; vertical-align: middle; line-height: 18px; }
.list-01 li .list-ico li { background: none; }
.list-02 li .list-ico li { background: none; }
.list-03 li .list-ico li { background: none; }
.list-ico { margin-left:0px; margin-top: 7px;}
.list-ico li { position: relative; text-align: justify; padding-left: 18px !important; padding-bottom: 7px; line-height: 1.6em; }
.list-ico span.ico { width: 13px; height: 13px; position: absolute; top: 0; left: 0; text-align: center;}
.list-ico li .list-num { margin-top:10px; }
.list-ico li .list-num li { padding-left: 22px !important; }
.list-ico li .list-ico { margin-top:10px; }
.list-ico li .list-ico li { padding-left: 26px !important; }
.list-num li .list-ico li { line-height: 1.2em; }

.dllist-01 { margin-bottom:15px;  line-height:1.6}
.dllist-01 dt { background:url(/resources/images/korean/common/list_01_bullet.gif) no-repeat left 8px; padding-left:10px; color:#404040; font-weight:400; }
.dllist-01 dd { color:#808080; padding-left: 10px; }/*학과소개 교수팝업 */

.dllist-02 dt { background:url(/resources/images/korean/common/list_01_bullet.gif) no-repeat left 8px; padding-left:10px; font-weight:350; color:#808080; padding-left: 10px; font-size:13px; margin-bottom:-1%}
.dllist-02-bottom { padding-bottom : 2%; font-size:12px;}

.dllist-03 dt { background:url(/resources/images/korean/common/list_01_bullet.gif) no-repeat left 8px; line-height : normal; padding-left:10px; color:#404040; font-weight:400; font-size:13px; margin-bottom:-1% }
.dllist-03 dd { color:#808080; padding-left: 10px; font-size:12px; }/*학과소개 교수팝업 */


.bu{margin:10px 0; text-align:left;}
.bu li{margin-bottom:2px; font-weight:400; line-height:28px; color:#434343;}
.bu li:last-child{margin-bottom:0;}
.bu li{position:relative; font-size:16px;}
.bu li:before{ content:""; display:block; position:absolute; left:0;}
.bu > li{padding-left:20px;}
.bu > li:before{content:""; left:0; top:9px; width:6px; height:6px; border-radius:50%; border-width:3px; border-style:solid; border-color:#437dea;}
.bu.type2 > li:before{content:""; border-color:#7a7d96;}
.num.dl > li .title{color:#363c5a;}
.bu > li ul, .bu > li ol{margin:4px 0;}
.bu > li > ul > li{padding-left:15px; line-height:28px;}
.bu > li > ul >li:before{content:""; left:0; top:12px; width:6px; height:6px; border-radius:50%; background-color:#437dea;}
.bu > li > ul >li > ul > li{padding-left:16px; line-height:26px;}
.bu > li > ul >li > ul > li:before{content:""; left:0; top:13px; width:7px; height:2px; background-color:#437dea;}
.bu li .em_point4{font-weight:500;}
.blt{position:relative; padding-left:20px;}
.blt:before{display:block; position:absolute; left:0; top:6px; width:6px; height:6px; border-radius:50%; border-width:3px; border-style:solid; border-color:#437dea;}



/* 교수소개 */
.depart-visual,.sub-depart-box-01 { display:none;}
.sub-depart-box h3 { display:none}
.prof-list { margin-top:80px;}
/*.prof-list > li { float: left; border: 1px solid #dcdcdc; margin: 0 9px 13px 0; padding: 15px 22px 30px; cursor: pointer; max-width: 289px; min-width: 280px; height: 490px;}*/
.prof-list > li { float: left; border: 1px solid #dcdcdc; margin: 0 11px 13px 0; padding: 20px 30px 30px; cursor: pointer; max-width: 23%; min-width: 24%; /*height: 490px;*/ height:190px;}
/*.prof-list > li:nth-child(4n) { margin-right: 0; }
.prof-list > li:nth-child(5n) { margin-right: 0; }*/
.prof-list .prof-sns {}
.prof-list .prof-sns li { float: right; }
.prof-list .prof-sns li a { color: #5174a8; }
.prof-list .prof-photo,
.prof-list .prof-name { text-align: center; }
.prof-list .prof-name .en-name{display:none}
/*.prof-list .prof-name { margin: 25px 0 15px; color: #202020; font-size: 2em; font-weight: 500; }*/
.prof-list .prof-name { margin: 0px; color: #202020; font-size: 1.3em; font-weight: 500; }
.prof-list .prof-name p { text-align: center; }
/*.prof-list .prof-info { width: 218px; }
.prof-list .prof-info li { background-position: 5px center; border-bottom: 1px solid #e5e5e5; padding: 14px 0 14px 13px; max-width: 218px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }*/
.prof-list .prof-info { width: 100%; }
.prof-list .prof-info li { background-position: 5px center; border-bottom: 1px solid #e5e5e5; padding: 20px 0 14px 13px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 대학 > 전공소개페이지 > 교수 소개 modal */
#prof-modal .modal-dialog {width: 100%;}
#prof-modal .modal-content { /*border: 1px solid #606060;*/ border-radius: 0; }
#prof-modal .modal-header {padding: 3px 25px 17px 25px;}
#prof-modal h3.modal-title {float:left;font-size: 1.733em;width: 96%;}
#prof-modal .modal-header .close  { padding-top: 10px; }
#prof-modal .modal-header .close span { padding-top: 10px; font-size: 2em; }
#prof-modal .modal-body {padding: 0;max-height: 680px;/* overflow-y: auto; */}
#prof-modal .modal-prof-info {background-color: #f5f5f5;float: left;width: 29%;padding: 25px 10px;}
#prof-modal .modal-prof-info .prof-photo { text-align: center; }
/* #prof-modal .modal-prof-info .prof-photo img,
.prof-list .prof-photo img { border:1px solid #dfdfdf; width: 156px; height: 156px; border-radius:78px; -moz-border-radius:78px; -webkit-border-radius:78px; }*/
#prof-modal .modal-prof-info .prof-photo img{border:1px solid #dfdfdf; width: 156px; height: 156px; border-radius:78px; -moz-border-radius:78px; -webkit-border-radius:78px; }
.prof-list .prof-photo img { display:none; border:1px solid #dfdfdf; width: 156px; height: 156px; border-radius:78px; -moz-border-radius:78px; -webkit-border-radius:78px; }/* 2019-05-17수정 */
#prof-modal .prof-name { margin: 20px 0 30px; letter-spacing: -2px; color: #202020; font-size: 2em; font-weight: 500; text-align: center; }
#prof-modal .prof-name-en { letter-spacing: -1px; font-size: 0.5em; font-weight: 300; display: block; }
#prof-modal .modal-prof-info ul { background: url(/resources/images/korean/dept/modal_prof_bg.gif) no-repeat left top; padding-top: 5px; margin-bottom: 40px; }
#prof-modal .modal-prof-info ul li { padding-left: 8px; color: #808080; font-size: 0.933em; }
#prof-modal .prof-info li,
.prof-list .prof-info li { background: url(/resources/images/korean/dept/prof_info_bg.gif) no-repeat left center; }
#prof-modal .prof-sns i.fa { margin-right: 8px !important; color: #5174a8; }
#prof-modal .modal-prof-result {border-left: 1px solid #ededed;float: left;width: 63%;/* min-width: 489px; */padding: 30px 20px 15px;}
#prof-modal .modal-prof-result h3 { margin: 32px 0 15px; color: #202020; }
#prof-modal .modal-prof-result h3:first-of-type { margin-top: 0; }

/* 2019-05-20 추가 */
#prof-modal .prof-info li:first-child,.prof-list .prof-info li:first-child { display:none;}


@media all and (max-width: 767px) {
.prof-list { width: 100%; }
.prof-list > li { float: none; height: auto; max-width: 100%; min-width: 0; padding: 30px 20px 27px 30px; margin-right: 0 !important; }
.prof-list .m-pull-left { float: left; /*width: 28%;*/ width:0% }
.prof-list .m-pull-right { float: right; /*width: 72%; padding-left: 30px;*/ width: 100%; padding-left: 0px;}
.prof-list .prof-photo { text-align: right; }
.prof-list .prof-name { text-align: left; }
.prof-list .prof-name { margin: 10px 0 5px; }
.prof-list .prof-info { width: 100%; }
.prof-list .prof-info li { padding: 10px 0 15px 13px; line-height: 1.1; max-width: 100%; overflow: visible; text-overflow: inherit; white-space: normal; }
}




/*이미지박스 - .imgbox_normal*/
.imgbox_normal{padding:40px; border-radius:5px;  border:1px solid #c5c9d6; text-align:center; font-size:15px; line-height:24px; letter-spacing:-0.02em; color:#636363;}
.imgbox_normal img + p, .imgbox_normal .box_img + p{margin-top:17px;}
@media all and (max-width:640px) {
    .imgbox_normal{padding:20px;}
}

/*이미지 확대보기*/
.box_img{text-align:center;}
.box_img .inner{position:relative; line-height:0;}
.box_img img{max-width:100%;}
.box_img .img_zoom{display:none;}
@media all and (max-width:640px){
    .box_img .img_zoom{display:block; position:absolute; right:0; bottom:0; z-index:10; width:38px;height:38px; border-radius:50%; background-color:rgba(0,0,0,0.5);}
    .box_img .img_zoom a{display:block;padding:5px; font-size:0;}
    .box_img .img_zoom a:before{ content:'';display:block; width:28px; height:26px; background-image:url('/resources/images/computer/sub/uni_zoom_img01.png'); background-repeat:no-repeat; background-position:center center;}
}

/* 학부제 추가 */
.temp_box10 {margin-bottom:20px; padding:10px; background:url('/resources/images/biz/sub/box_pattern.png') repeat left top;}
.temp_box10 .box_wrap {padding:30px; background-color:#fff; box-sizing:border-box;}
.temp_box10 .box_title {margin-bottom:15px; color:#333; font-size:20px; line-height:22px; font-weight:600;}
.temp_box10 h4 { font-size:2.125rem; color:#161616}
.temp_box10 h4:before { background:none}
.temp_box10 em { font-style:normal}
.em_red {color:#bf0000;}
.temp_box10.type1{padding:20px; background:url('/resources/images/walfare/sub/temp_box6_bg1.jpg') left top no-repeat, url('/resources/images/walfare/sub/temp_box6_bg1.jpg') right bottom no-repeat; text-align:center}

.ui_box {padding:3.5rem 2.5rem; padding-left:15.2rem; position:relative; background:#f3f4f6; min-height:10.6rem; margin-bottom:3rem;}
.ui_box strong {display:block; font-size:1.725rem; color:#05408a; font-weight:400; margin-bottom:1.15rem;}

.ui_box a{display:block; padding:12px 0; text-align:center; border:1px solid #161616; width:200px; margin-top:24px; color:#161616; transition:all .3s;}
.ui_box a:hover{background-color:#161616; color:#fff; }

.ui_box .icon {width:5.75rem; height:6.6rem; display:block; position:absolute; top:2.5rem; left:6.5rem;}
.ui_box .icon.icon01 {background:url("/resources/images/walfare/sub/hoseo_symbol_01.png") no-repeat center center/cover;}

@media (max-width:767px){
	.temp_box10.type1 { padding: 10px;}
	.temp_box10 h4 { font-size:1.425rem}
    .ui_box {padding-left:2.5rem;}
    .ui_box .icon {display:none;}
}

.uni_info { margin:80px 0;}
.uni_info .tit{text-align:center;}
.uni_info .tit h3{ background:none; position:relative; padding-bottom:23px; font-size:34px; line-height:36px; letter-spacing:-0.05em; color:#222;}
.uni_info .tit h3 span{display: inline-block; font-size:40px; color: #202020;}
.uni_info .tit h3 span:after{content:'';display:block;height:17px;margin-top:-10px;background-color:#ffd7d7}