/* subMain */ .subMain {margin-top: 50px;} .subMain .titleBox {padding: 30px 10px;} .subMain .titleBox h3 .sub {display: block;font-size: 0.95rem;font-weight: 500;} .subMain .titleBox h3 .main {display: block;font-size: 2.8rem;font-weight: 700;color: #015da1;line-height: 1;margin: 10px 0;} .subMain .titleBox h3 .main em {font-size: 2rem;} .subMain .titleBox h3 .mainPolice {display: block;font-size: 1.2rem;letter-spacing: -1px;font-weight: 700;color: #015da1;line-height: 1.4;margin: 10px 0;} .subMain .titleBox .desc {margin-bottom: 20px;color: #333;} .subMain .titleBox .btns {overflow: hidden;} .subMain .titleBox .btns a {display: block;width:100px ;height: 30px;line-height: 26px; border: 2px solid #333;float: left;margin-left:10px;font-weight: 500;text-align: center;} .subMain .titleBox .btns a.btnSummary {margin-left:0 ;color: #333;} .subMain .titleBox .btns a.btnApplication {color: #fff;background: #333;} .subMain .conBox a {display: block;color: #fff;padding:15px 10px;height: 100%;background: url("../images/contents/arrowWhite.png") no-repeat 10% 90%;background-size:15%;} .subMain h4 {font-size: 1.2rem;font-weight: 700;margin-bottom: 10px;line-height: 1;} .subMain p.desc {color: #e9e9e9;font-size: 0.75rem;} .subMain .conBox.whiteBox a {background: url("../images/contents/arrowBlack.png") no-repeat 10% 90% rgba(255,255,255,1);background-size:15%;} .subMain .conBox.whiteBox a h4 {color: #333;} .subMain .conBox.whiteBox a p.desc {color: #777;} #contents .conBox .imgBox {margin-top:20px;} #it.subMain h4 span {font-size:0.7em;font-weight:500;} .subMain .department {overflow: hidden;} .subMain .conBoxWrap {overflow: hidden;background: #015da1;position: relative;} .subMain .department .sub .rightBox .imgBox {float: left;width: 50%;} .subMain .department .sub .rightBox .conBox {padding-left: 50%;position: absolute;height: 100%;} .subMain .department .sub .leftBox .imgBox {float: right;width: 50%;} .subMain .department .sub .leftBox .conBox {background: #015da1;width: 50%;position: absolute;height: 100%;} .subMain .department .sub .imgBox {padding-top: 50%;position: relative;overflow: hidden;} .subMain .department .sub .imgBox img {position: absolute;left:0; top:0;min-height: 167px;} .subMain .department .sub .imgBox .centerImg {position: absolute;top:0; left:0; right:0; bottom:0;transform:translate(50%,50%);} .subMain .department .sub .imgBox .centerImg img {position: absolute; transform: translate(-50%,-50%);} .subMain .etc .conBoxWrap {background: #fff;height: 100%;} .subMain .etc .conBox {float: left;} .subMain .etc .noticeBox {width: 100%;background: #e6e6e6;padding: 30px 15px 15px;position: relative;} .subMain .etc .noticeBox li {color: #777;margin: 5px 0;overflow: hidden;font-size: 0.85rem;} .subMain .etc .noticeBox li a {float: left;width: 65%;overflow: hidden;display: block;text-overflow:ellipsis;white-space:nowrap;} .subMain .etc .noticeBox li .date {float: right;width: 30%; text-align: right;} .subMain .etc .noticeBox .btnMore {position: absolute;padding: 3px 15px;border: 1px solid #777;color: #777;font-size: 12px;right:15px; top:20px;} .subMain .etc .conBox {width: 50%;height: 100%;float: left;} .subMain .etc .conBox.whiteBox {position: absolute;width: 50%;height: 100%;} .subMain .etc .conBox.redBox {font-size:26px ;font-weight: 700;background: #cd3939;color: #fff;padding: 20px 15px; float: right;} .subMain .etc .conBox.redBox h4 .img {padding: 15px 0;} .subMain .etc .conBox.redBox h4 .img img {width: 50%;} .subMain .etc .conBox.redBox .period {color: #e9e9e9;font-size: 0.75rem;} #cooking .titleBox {background: url("../images/contents/cooking/bgCookingMain.jpg") 50% 0 no-repeat; background-size:cover;} #bakery .titleBox {background: url("../images/contents/bakery/bgBakeryMain.jpg") 50% 0 no-repeat; background-size:cover;} #beverage .titleBox {background: url("../images/contents/beverage/bgBeverageMain.jpg") 50% 0 no-repeat; background-size:cover;} #tourism .titleBox {background: url("../images/contents/tourism/bgTourismMain.jpg") 50% 0 no-repeat; background-size:cover;} #police .titleBox {background: url("../images/contents/police/bgPoliceMain.jpg") 50% 0 no-repeat; background-size:cover;} #beauty .titleBox {background: url("../images/contents/beauty/bgBeautyMain.jpg") 50% 0 no-repeat; background-size:cover;} #pet .titleBox {background: url("../images/contents/pet/bgPetMain.jpg") 50% 0 no-repeat; background-size:cover;} #it .titleBox {background: url("../images/contents/it/bgItMain.jpg") 50% 0 no-repeat; background-size:cover;} #subContents {margin-top: 50px;} #contents {padding: 10px;} .subTitle {font-size: 1.4rem;height: 40px;line-height: 40px;font-weight: 700;background: #f8f8f8;text-align: center;} #subContents .contentsTitle {text-align: center;padding: 10px 0 20px;} #subContents .contentsTitle h3 {font-size: 2rem;font-weight: 500;} #subContents .contentsTitle .desc {font-size:0.85rem;} #contents {min-height: 500px;} #subContents.it05 .contentsTitle h3 {font-size:1.5rem;font-weight: 500;} .tabBox {margin-bottom:20px;} .tabBox > a {display: block;height: 40px;line-height: 40px;color: #fff;background: #041d41;position: relative;padding: 0 20px;} .tabBox > a i {position: absolute; right:20px;font-size: 20px;line-height: 40px;transform-origin:50% 50%;transition:all 0.5s ease-in-out;} .tabBox > a.on i {transform:rotate(180deg);} .tabBox > ul li {margin-top: -1px;} .tabBox > ul li a {display: block;height: 40px;line-height: 40px;color: #333;padding: 0 20px;border: 1px solid #d9d9d9;} .tabBox02 {margin-bottom:20px;} .tabBox02 > a {display: block;height: 40px;line-height: 40px;color: #fff;backg round: #041d41;position: relative;padding: 0 20px;background:url("../images/common/btnBottom.png") no-repeat 97% 50% #041d41;} .tabBox02 > a i {position: absolute; right:20px;font-size: 20px;line-height: 40px;transform-origin:50% 50%;transition:all 0.5s ease-in-out;} .tabBox02 > a.on i {transform:rotate(180deg);} .tabBox02 > ul li {margin-top: -1px;} .tabBox02 > ul li a {display: block;height: 40px;line-height: 40px;color: #333;padding: 0 20px;border: 1px solid #d9d9d9;} .tabWrap {margin-bottom:20px;} .tabWrap li {float: left; width:24.5%; margin: 0 2px 2px 0;} .tabWrap li:nth-child(4n) {margin-right:0px;} .tabWrap li a {display: block; height: 40px;line-height: 40px; border:1px solid #041d41 ; background: #fff; color:#041d41; text-align: center; overflow: hidden;} .tabWrap li.on a , .tab li:hover a {border-color:#041d41; color:#fff;background: #041d41;} /* .tabWrap.center {text-align:center; margin:0 auto;} .tabWrap.center ul {display:inline-block;} */ /* professor */ .professorBox {padding: 0 10px;background: #f2f2f2;} .professorList {backgr ound: #f8f8f8;padding-top: 5px;margin: 0 -5px;} .professorList > li {display: none;} .professorList > li:nth-child(1) {display: block;} .professorList > li > ul > li {width: 50%;float: left;padding: 5px;margin-bottom:15px;} .professorList > li > ul > li .photoBox {} .professorList > li > ul > li .photoBox .imgBox {vertical-align: top;border: 1px solid #d9d9d9;} .professorList > li > ul > li .photoBox .imgBox img {width:100%;height:174px;} .professorList > li > ul > li .photoBox .nameBox {margin-top: 15px;} .professorList > li > ul > li .photoBox .nameBox .department {font-weight: 300;display: block;position: relative;} .professorList > li > ul > li .photoBox .nameBox .department:before {content: "";display: block;width:30px ;height: 3px;background: #8e0d0d;margin-bottom: 10px;} .professorList > li > ul > li .photoBox .nameBox .name {font-size: 1.25rem;font-weight: 300;display: block;line-height: 1;} .professorList > li > ul > li .photoBox .nameBox .name strong {font-weight: 500;font-size: 1.5rem;} .professorList > li > ul > li .profileBox {display: none;} .professorList > li > ul > li dl {margin-top: 30px;} .professorList > li > ul > li dl:first-child {margin-top: 0;} .professorList > li > ul > li dt {font-size: 18px;font-weight: 500;color: #a72525;text-indent: -5px;} .professorList > li > ul > li dd {font-size: 16px;color: #555;position: relative;padding-left: 8px;font-weight: 500;} .professorList > li > ul > li dd:before {content: "";display: block;width: 2px;height: 2px;background: #555;position: absolute;left:0; top:13px;} .professorDetail > ul > li {position: fixed; width: calc(100% - 20px);background: #fff;top:10px;padding: 10px;background: #fff;z-index:99999;display: none;} .professorDetail > ul > li .photoBox {overflow: hidden;} .professorDetail > ul > li .photoBox .imgBox {width: 50%;float: left;} .professorDetail > ul > li .photoBox .nameBox {float: left;padding-left: 10px;padding-top: 80px;} .professorDetail > ul > li .photoBox .nameBox .department {font-weight: 300;display: block;position: relative;} .professorDetail > ul > li .photoBox .nameBox .department:before {content: "";display: block;width:30px ;height: 3px;background: #8e0d0d;margin-bottom: 10px;} .professorDetail > ul > li .photoBox .nameBox .name {font-size: 1.25rem;font-weight: 300;display: block;line-height: 1;} .professorDetail > ul > li .photoBox .nameBox .name strong {font-weight: 500;font-size: 1.5rem;} .professorDetail > ul > li .profileBox dl {margin-top: 20px;} .professorDetail > ul > li .profileBox dt {color: #a72525;} .professorDetail > ul > li .profileBox dd {padding-left: 10px;position: relative;font-size: 14px;} .professorDetail > ul > li .profileBox dd:before {content: "";display: block;width: 3px;height: 3px;background: #666;position: absolute; left:0; top:10px;} .professorDetail > ul > li .btnClose {position: absolute; right:20px; top:20px;width: 20px;;} /* */ .breadCrumbBox {width: 100%;height: 40px; background: #f3f3f3;margin-top: 60px;} .breadCrumb {font-size: 0; text-align: center; font-family: "돋움";} .breadCrumb li {display: inline-block; font-size: 12px;} .breadCrumb a {display: block;padding: 0 10px; background: url("../images/contents/bgBreadCrumb.png") no-repeat 0 50%; color:#999;line-height: 40px;} .breadCrumb li:first-child a {background:url("../images/contents/bgHome.png") no-repeat 0 50%; padding-left: 15px;} .contentsList {border-bottom:1px dashed #ccccc0; padding-bottom:5px; } .breadCrumb li:last-child a {color:#1b76ba;font-weight: bold;} #contents {} #contents .contentsTitleBox {padding:10px 0 20px; text-align: center;} #contents .contentsTitleBox h3 {font-size:2em ; font-weight:500; color:#333; line-height: 1;} #contents .contentsTitleBox h3:after {content: ""; display: block;width: 50px; height: 1px; background: #ccc; margin: 10px auto;} #contents .contentsTitleBox p { color:#999;} .contentsDepartment {position: fixed; right:0; top:0;width:200px ; height: 100%;padding: 0 25px; background: url("../images/main/bgDepartment.jpg"); z-index:3; -webkit-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.2); } .contentsDepartment h3 {margin-left: -35px; margin-bottom: 13px;} /* .contentsDepartment dl {width: 237px; height: 55px; overflow: hidden;text-indent: -9999px; background: url("../images/contents/tel.png") no-repeat;margin: 15px auto ;} */ .contentsDepartment .recruit {width:250px; height:110px; margin-left:-35px; background: url("../images/main/bgRecruit.png") no-repeat 50%;} .contentsDepartment .recruit .recruitBox {width: 290px;margin-left: 25px;padding:10px 0 ;} .contentsDepartment .recruit .recruitBox dt {font-size:15px ; font-weight:700; color:#595959; opacity:0.7;} .contentsDepartment .recruit .recruitBox dd {font-size:11px ;color:#4d4d4d; font-weight:700;} .contentsDepartment .recruit .recruitBox dd strong {font-size:25px ; font-weight:700; color:#003368; } .contentsDepartment .recruit .recruitBox a {display: inline-block;width: 75px; height: 28px; line-height: 38px; color:#fff;font-weight:500;font-size: 15px;} .contentsDepartment li {margin-bottom: 1px;} .contentsDepartment .btnDepartment {position: absolute; top:50%; left:-40px;margin-top: -40px;} #contents .titleBox {border: 1px solid #ccc; padding:20px; background:#f0f7f9} #contents .titleBox .formBox {margin-left:32%;} #contents .titleBox .formBox .inquiryCategory {color:#0167b2;opacity: 0.5; font-size: 1em;} #contents .titleBox .formBox .desc {font-size: 1.5em; margin: 10px 0; line-height: 1.3;} #contents .titleBox .formBox .formBox .desc {margin-left:0;} #contents .titleBox .formBox .desc strong {color:#0167b2; font-weight:500;} #contents .titleBox .formBox .alertTxt {color:#666; font-size: 0.9em; font-weight: 300; line-height: 1.5;} #contents .titleBox .formBox02 {margin-left:0;} #contents .titleBox .formBox02 .desc {font-size: 1.1em; margin-bottom: 10px; line-height: 1.3;} #contents .titleBox .formBox02 strong {color:#0167b2; font-weight:500;} #contents .titleBox.academicSystemIcon .formBox {margin-left:0px;} #contents .titleBox.qnaIcon01 {background:#f0f7f9 url('../images/contents/entrance/qnaIcon01.png') no-repeat 5% 50%; background-size: 25%;} #contents .titleBox.qnaIcon02 {background:#f0f7f9 url('../images/contents/entrance/qnaIcon02.png') no-repeat 5% 50%; background-size: 25%;} #contents .titleBox.scheduleIcon {background:#f0f7f9 url('../images/contents/academy/scheduleIcon.png') no-repeat 5% 50%; background-size: 25%;} #contents .titleBox.administrationIcon {background:#f0f7f9 url('../images/contents/academy/administrationIcon.png') no-repeat 5% 50%; background-size: 25%;} /* #contents .titleBox.academicSystemIcon {background:#f0f7f9 url('../images/contents/academy/academicSystemIcon.png') no-repeat 5% 50%; background-size: 25%;} */ #contents .titleBox.noticeIcon {background:#f0f7f9 url('../images/contents/community/noticeIcon.png') no-repeat 5% 50%; background-size: 25%;} #contents .titleBox.employment01Icon {background:#f0f7f9 url('../images/contents/job/employment01Icon.png') no-repeat 5% 50%; background-size: 25%;} #contents .titleBox.employmentIcon {background:#f0f7f9 url('../images/contents/job/employmentIcon.png') no-repeat 5% 50%; background-size: 25%;} #contents .titleBox.transferIcon {background:#f0f7f9 url('../images/contents/job/transferIcon.png') no-repeat 5% 50%; background-size: 25%;} #contents h3.contents_H3 {margin: 100px 0 10px; text-align: center; font-size: 1.5em; font-weight:500;} #contents h3.contents_H3.first {margin-top:50px;} #contents h4.contents_H4 {font-weight:500;font-size:1.2em; color:#4d4d4d; padding-left:23px; background:url("../images/contents/contentsBullet.png") no-repeat 0 50%; margin:40px 0 5px;} #contents h4.contents_H4.first {margin-top:0;} #contents h4.contents_H4 span.dormi {font-size:0.9em; color:#666; } #contents h5.contents_H5 {font-weight:500;font-size:1em; color:#0167b2; } .map_list li {width:48%; margin: 0px 10px 10px 0;} .map_list li:nth-child(2n) {margin-right:0px;} #contents .contentsList_01 li {position:relative; padding-left: 10px; margin-bottom:7px; line-height:1.4; color:#555; } #contents .contentsList_01 li:before {content: ""; display: block; width:3px; height:3px; background:#555; position: absolute; left:0; top:11px;} .btn_viewMore {color:#0167b2; text-decoration:underline; font-size:1em; font-weight:500} span.txt_size30 {font-size:1.3em ;} span.txt_size20 {font-size:1.3em;} span.txt_bold {font-weight:500} span.txt_red {color:#ee3d45;} span.txt_blue {color:#0167b2;} span.txt_yellow {color:#ffd40a;} span.dormitory {color:#7e7e7e; font-size:15px;} /* bgColor */ #contents .depart01 .title {background-color:#0167b2;} #contents .depart02 .title {background-color:#3990d7;} #contents .depart03 .title {background-color:#00b2a4;} #contents .depart04 .title {background-color:#d95258;} #contents .depart05 .title {background-color:#e1914c;} #contents .depart06 .title {background-color:#54b62d;} #contents .depart07 .title {background-color:#2db666;} #contents .depart08 .title {background-color:#d970ab;} #contents .depart09 .title {background-color:#a19048;} #contents .depart10 .title {background-color:#d96f6f;} #contents .depart11 .title {background-color:#b72d83;} #contents .depart12 .title {background-color:#3b6dc3;} #contents .entranceCounsel .title {background-color:#595959;} /* 화살표 */ #contents .title:after {content: "";display: block;width: 0;height: 0;border-right: 10px solid transparent; border-left: 10px solid transparent;position: absolute; left:50%; top:-10px;margin-left: -10px;} #contents .depart01 .title:after{border-bottom: 10px solid #0167b2;} #contents .depart02 .title:after{border-bottom: 10px solid #3990d7;} #contents .depart03 .title:after{border-bottom: 10px solid #00b2a4;} #contents .depart04 .title:after{border-bottom: 10px solid #d95258;} #contents .depart05 .title:after{border-bottom: 10px solid #e1914c;} #contents .depart06 .title:after{border-bottom: 10px solid #54b62d;} #contents .depart07 .title:after{border-bottom: 10px solid #2db666;} #contents .depart08 .title:after{border-bottom: 10px solid #d970ab;} #contents .depart09 .title:after{border-bottom: 10px solid #a19048;} #contents .depart10 .title:after{border-bottom: 10px solid #d96f6f;} #contents .depart11 .title:after{border-bottom: 10px solid #b72d83;} #contents .depart12 .title:after{border-bottom: 10px solid #3b6dc3;} #contents .entranceCounsel .title:after{border-bottom: 10px solid #595959;} #contents .conBox {margin: 20px 0 50px; text-align: center; font-size: 1em;} #contents .conBox .title {font-size: 1.3rem;font-weight: 500;margin-bottom: 10px; line-height: 1.4;} #contents .conBox.blueBox {background: #015da1;padding: 20px;color: #c3dcee;} #contents .conBox.blueBox .title strong {color: #fff;} #contents .conBox2 {margin: 0 0 70px; text-align: center; font-size: 1em;} #contents .conBox.last {margin-bottom:40px;} #contents .conBoxTit{margin: 40px 0 40px; text-align: center; font-size: 1.75em; font-weight:500;} #contents .conBox dt {font-size:1.5em ; font-weight:500; color:#333;} #contents .conBox > dl > dt {font-size:1.5em ; font-weight:500; color:#333; margin-bottom:20px;} #contents .conBox strong {color:#8c1010;} #contents .conBox h4.conBoxTitle {font-size:1.5em ; font-weight:500; color:#333;margin-bottom:20px;} #contents .imgList.img02 {margin-top:0px;} #contents .imgList {margin:10px 0; text-align: center;font-size: 0;} #contents .imgList li {margin:0px 0px 9px 9px; float:left; width:48.5% } #contents .imgList li.W50 {margin:0 0 0 9px; display: inline-block; border:1px solid #ccc; float:left; width:48.5% } #contents .imgList li.W50:nth-child(2n+1) {margin-left: 0; } #contents .imgList li:nth-child(2n+1) {margin-left: 0; } #contents .imgList.imgList_margin {margin:30px 0 0;} #contents .imgList03 li {width: 30%;} #contents .imgList03 li:nth-child(3n+1) {margin-left: 0; } #contents .imgList03 li:nth-child(2n+1) {margin-left: 9px; } #contents .galleryBox dd {margin: 20px 0;} #contents .galleryBox dd li {width: 33.33%;padding: 5px;float: left;} /* greeting 인사말 */ .greetingTop > div {width:100%;} .greetingTop .txtBox {background:#1270c5; color:#fff; text-align:center; position:relative; height:auto; padding:30px 20px; border:0px;} .greetingTop .txtBox .inner {position:relative;z-index:2} .greetingTop .txtBox .inner > span {color:#c2dcf2;display:block;margin-top:20px;} .greetingTop .txtBox .inner > span > span {position:relative;top:-1px; padding-right:5px;} .greetingTop .txtBox .inner > span strong {font-size:1.5em;} .greetingTop .txtBox p {font-size:1.7em;font-weight:300;line-height:1.3;} .greetingTop .txtBox p .span01 {font-weight:500;} .greetingTop .txtBox .marking01 {position:absolute;top:10%;left:7%;z-index:1; width: 10%;} .greetingTop .txtBox .marking02 {position:absolute;bottom:10%;right:7%;z-index:1; width: 10%;} .greetingBottom {margin-top:20px;text-align:center;} .greetingBottom span {font-size:1.2em;color:#333; line-height:1.4;} .greetingBottom p {font-size:0.9em;color:#666;margin:20px 0;line-height:1.5;} /* history */ .historyContent > ul > li {display:none;} .historyContent > ul > li:first-child {display:block;} .historyContent > ul > li > ul > li {margin-bottom:40px;} .historyContent > ul > li > ul > li:nth-child(2n+1) .title02 span {background:#1270c5;} .historyContent > ul > li > ul > li:last-child {margin-bottom:0;} .historyContent .title {position:relative;padding-top:5px; margin:20px 0;} .historyContent .title:before {content:"";position:absolute;top:0;left:0;width:31px;height:3px;background:#8e0d0d;} .historyContent .title dl {line-height:1.3; padding-top: 5px;} .historyContent .title dd {font-size:1em;color:#333;font-weight:300;} .historyContent .title dt {font-size:2.1em;color:#333;font-weight:700;} .historyContent .title02 {width:40%;} .historyContent .title02 span {display:block; height: 33px; line-height:30px; text-align:center; font-size:1.3em; color:#fff; font-weight:500; background:#1e478a; margin:0 auto; -webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px; } .historyContent .historyList {float:left; border-left:1px solid #d3d3d3; padding-left:18px; margin-left:13px;} .historyContent .historyList ul {padding:13px 0;} .historyContent .historyList li {padding-left:10px;margin-bottom:5px;position:relative;font-size:0.9em;color:#555;} .historyContent .historyList li:last-child {margin-bottom:0;} .historyContent .historyList li:before {content:"";position:absolute;top:8px;left:0;width:3px;height:3px;background:#666;} /* 지도 location */ .root_daum_roughmap {width: 100% !important;} /* award */ .awardList {} .awardList li {margin-bottom:100px;} .awardList li img {margin-top:20px;} .titleBox_award {background:#f8f8f8;overflow:hidden;display:table;} .titleBox_award span.dateArea {display:table-cell;vertical-align:middle;width:20%;height:100%;color:#fff;font-size:1.3rem;font-weight:700;text-align: center;margin-right:2%; background:url("../images/contents/community/award_icon.png") no-repeat 0 50%; } .titleBox_award span.dateArea span {} .titleBox_award span.titleArea {display:table-cell;vertical-align:middle;width:79%;padding:1%;color:#333;font-size:1.3rem;} /* award 160330 */ .awardList_02 { } .awardList_02 li {floa t:left !important; margin -right:27px; margin-bottom:10px;} .awardList_02 li:last-child {margin-bottom:0;} /* mainVisual pager */ .awardsWrap {position: relative;} .awardsWrap .pager {position:absolute; width: 100%;text-align: center; margin-top:-55px; } .awardsWrap .pager p {margin-bottom:5px; color:#0089ee; font-weight:500; } .awardsWrap .pager a {display:inline-block;width:10px; height:10px; overflow:hidden;text-indent:-9999px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 2px solid #999; margin-left:5px;} .awardsWrap .pager a.active {border: 2px solid #187dcf;} /* media */ .mediaList {overflow:hidden;} .mediaList li {float:left; padding-left:17px;} .mediaList li:first-child {padding-left:0px;} .mediaList li img {width:320px; height:240px; border:1px solid #ccc;} .mediaList li .txtArea {width:280px; padding:20px; border:1px solid #ccc; border-top:0; } .mediaList li .txtArea .titleArea {color:#333;} .mediaList li .txtArea .mediaArea {margin-top:10px; display:block; font-size:14px; color:#0167b2; font-weight:500} .mediaList li .txtArea .mediaArea .mediaName {background: #0167b2;color:#fff; padding: 2px 18px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; font-size: 13px; font-weight:500; margin-right:5px;} .mediaArea2 {clear:both; margin-top:10px; height:21px; border:0px solid #ccc; } /* cooking01 */ .specialPoint {margin-top: -30px; font-size: 15px; font-weight:500;} .specialPoint li {width:100%; min-h eight:100px;border: 1px solid #e6e6e6; text-align: left; margin:0 0 10px 0; padding:10px 20px; position:relative; } .specialPoint li span {line-height:35px; margin-left:10px;} .specialPoint img {width:35px;} .movieBox {background: #f3f3f3;padding:35px 0 ;margin-top: 40px; text-align: center;} .professorOseduk {background: url("../images/contents/bgOseduk.jpg") no-repeat;padding: 50px 0 0;} .imgOseduk {position: relative; z-index:2;margin-top: 30px;} .practicalRoom {position: relative;margin-top: 30px;} .practicalRoom .bx-prev {position: absolute; left:0; top:50%;margin-top: -37px;display: block;text-indent: -9999px; overflow: hidden;width:75px;height: 75px;background: url("../images/common/btnPrev.png");} .practicalRoom .bx-next {position: absolute; right:0; top:50%;margin-top: -37px;display: block;text-indent: -9999px; overflow: hidden;width:75px;height: 75px;background: url("../images/common/btnNext.png");} .process > dl > dt {font-size: 2em;margin-bottom: 15px;} .process ol li {margin:0; background: #f8f8f8; padding: 15px;} .process ol dl {float: left;margin-left: 50px; text-align: left; ;margin-left: 50px;} .process ol dt {font-size:1.2em !important; font-weight:500; padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid #187dcf; display: inline-block;} .process ol li .no {display: block; float: left;width: 40px; height: 40px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; line-height: 40px; background: #0167b2; color:#fff; font-size:1.25em ; font-weight:700; margin-right: -50px; } .process.short ol li {overflow: hidden;} /* tour */ .license dl {padding: 15px 0;border-bottom: 1px solid #d9d9d9;} .license dl:first-child {border-top: 1px solid #d9d9d9;margin-top: 20px;} .license dt {text-align: center;margin-bottom: 10px;} .license dt .title {font-size:0.85em ;font-weight:500; display: inline-block;} .license dt .title:after {display: none;} .license dt .organization {display: inline-block;background: #0167b2;color:#fff; padding: 2px 10px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; font-size: 13px; font-weight:500;margin: 0; line-height: 1.5;} .license dt:after {content: "";display: block;width: 1px; height:60px ; background: #dbe4eb;position: absolute; right:0; top:0;} .license dd {text-align: center;color:#808080;} .transferList > li {margin:10px; float: left;} .transferList li span {font-size:13px; text-align:center; display:block; line-height:120%; margin-top:10px; color:#616161} .transferList > li img {border:1px solid #cecece; display:block;vertical-align:top; padding:5px; background:#fff;} /* senior */ .seniorList li {border: 1px solid #ccc; margin-bottom:20px; padding:15px;} .seniorList li a {display: block;overflow: hidden; position: relative;} .seniorList li a .profileBox {} .seniorList li a .profileBox img {float: left; border:3px solid #e6e6e6; width:30%; display: block; margin:0 10px 10px 0;} .seniorList li a .profileBox span {display:block;} .seniorList li a .profileBox .name {color:#333; font-size: 1.1em; font-weight:500; padding:10px 0 5px; line-height:1.2;} .seniorList li a .profileBox .department {background: #003368;color:#fff; padding: 2px 10px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; font-size: 0.88em; font-weight:500; display: inline-block;} .seniorList li a .profileBox .company {color:#0167b2; font-size: 20px;margin: 10px 0; font-size:16px; font-weight:500} .seniorList li a .txt { font-size:0.9em; padding: 10px;} .seniorList li a .txt p {display: table-cell;vertical-align: middle;} .seniorList li a .ribbon {position: absolute; top:-1px; right:30px;} /* circle */ .circleWrap .circleBox {width:100%; color:#333; border:1px solid #ccc; margin-bottom:20px;} .circleWrap .circleBox .circleTxtWrap {padding:20px;} .circleWrap .circleBox p.circleAccount {font-size:1.1em; font-weight: 300; position: relative;} .circleWrap .circleBox p.circleAccount:before {content: "";display: block;width:30px ;height: 3px;background: #8e0d0d;margin-bottom: 10px;} .circleWrap .circleBox p.circleName {font-size:1.8em; font-weight: 500; line-height: 1.2;} .circleWrap .circleBox p.prof {font-size:1em; color:#0e5a9f; margin-top:15px; font-weight:500;} .circleWrap .circleBox .circleTxtWrap ul {margin-top:15px; padding-top:15px; border-top: 1px dashed #ccc;} .circleWrap .circleBox .circleTxtWrap ul li {position: relative; padding-left: 8px;} .circleWrap .circleBox .circleTxtWrap ul li:before {content: "";display: block;width:3px; height:3px; background: #555; position: absolute;left:0; top:12px;} /* campus_information */ .campusPicList li {float:left; border:1px solid #ccc; margin:0 13px 13px 0;} .campusPicList li.last {margin-right:0;} /* job */ .jobList li {width:32%; float:left; text-align:center; margin: 0 6px 6px 0;} .jobList li:nth-child(3n) {margin-right:0px;} .jobList li .studentImg {border: 1px solid #cecece; padding:10px;} .jobList li .jobTxtWrap {border: 1px solid #cecece; background: #f8f8f8; padding:10px 0px; margin-top:-1px;} .jobList li span.jobListName {font-size:1em; display: block; line-height: 0.8; color:#616161;} .jobList li span.jobName {font-size:0.8em; color: #0167b2;} .jobList01 li .studentImg {width:100%; padding:12px;} .jobList01 li .jobTxtWrap {height:70px;} .jobList01 li span.jobName {display:inline-block; line-height:1.4; margin-top:8px;} /* entry */ .entryList_school > li {border:1px solid #cecece;margin:-1px 0 0 -1px; float:left; width:33.33%;} .entryList_school > li img {vertical-align:top;} /* 조회 페이지 */ .entranceView01 {text-align:center; padding:40px 30px; background:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } .entranceView01 h4 {font-size:30px; color:#333; font-weight:500; margin-bottom:30px;} .entranceView01 p {font-size:16px; color:#808080; line-height:1.5;} /* */ .departList .depth03 {padding: 10px;} .departList .depth03 li {width: 50%;float: left;font-size: 0.9em;padding-left: 10px; position: relative;} .departList .depth03 li:after {content: "";display: block;width: 4px;height: 4px; background: #666;position: absolute; left:0; top:50%; margin-top: -2px;} /* schedule 학사일정 */ .scheduleWrap .conWrap {background-color:#fff; padding:15px 20px 20px; border: 1px solid #d9d9d9; background: #f8f8f8; margin-bottom:10px;} .scheduleWrap .month {font-size:1.3em;color: #0e5a9f; font-weight:500; display: block; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 10px;} .scheduleWrap .month .eng {font-size: 0.8em;color: #888; font-weight:400; margin-left:10px;} .scheduleWrap .scheduleList li {font-size:0.9em; color: #555; padding-left: 8px; font-weight:400; position: relative; } .scheduleWrap .scheduleList li:before {content: "";display: block;width:3px;height:3px; background: #555; position: absolute; left:0; top:9px;} /* employment03 취업후기 */ .employment03List a {display: block; border:1px solid #ccc; margin-bottom:10px;} .employment03List .conWrap {padding:20px; background:#fff;} .employment03List .conWrap .photo {border:3px solid #ccc; float:left; width: 30%;} .employment03List .conWrap img {width:100%;} .employment03List .conWrap .txtWrap {padding-left:36%;} .employment03List .conWrap .txtWrap .conName {font-size:1.4em; margin-bottom:10px; font-weight: 500; line-height: 1.3;} .employment03List .conWrap .txtWrap .conTxt {font-size:0.9em; color: #555; margin-bottom:3px;} .employment03List .conWrap .txtWrap .employment03btn {font-size:0.9em; color:#0167b2;} .pointWrap {padding:20px; background: #fff5f5; border: 1px solid #ccc;} .pointWrap.scholarshipTxt {font-size:18px; text-align:center; font-weight:500; color:#555;} /* 학과 페이지 상단 백그라운드 */ #subContents.cooking01 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/cooking/bgCooking0101.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.cooking02 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/cooking/bgCooking0201.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.cooking03 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/cooking/bgCooking0301.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.bakery01 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/bakery/bgBakery0101.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.bakery02 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/bakery/bgBakery0201.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.beverage01 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/beverage/bgBeverage0101.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.beverage02 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/beverage/bgBeverage0201.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.tourism01 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/tourism/bgTourism0101.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.tourism02 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/tourism/bgTourism0201.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.police01 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/police/bgPolice0101.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.police02 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/police/bgPolice0201.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.police03 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/police/bgPolice0301.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.police04 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/police/bgPolice0401.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.police05 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/police/bgPolice0501.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.police06 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/police/bgPolice0201.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.police07 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/police/bgPolice0201.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.beauty01 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/beauty/bgBeauty0101.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.beauty02 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/beauty/bgBeauty0501.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.beauty03 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/beauty/bgBeauty0301.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.beauty04 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/beauty/bgBeauty0401.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.beauty05 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/beauty/bgBeauty0201.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.pet01 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/pet/bgPet0101.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.pet02 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/pet/bgPet0201.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.it01 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/it/bgIt0101.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.it02 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/it/bgIt0201.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.it03 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/it/bgIt0301.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.it04 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/it/bgIt0401.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.it05 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/it/bgIt0501.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.it07 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/it/bgIt0507.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.it08 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/it/bgIt0508.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.it09 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/it/bgIt0509.jpg") no-repeat;color: #fff;background-size: contain;} #subContents.it10 .contentsTitle {margin: -10px;position: relative;padding: 50% 20px 0;background: url("../images/contents/it/bgIt0101.jpg") no-repeat;color: #fff;background-size: contain;} /*학과 페이지 상단 텍스트 영역*/ #subContents.cooking01 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.cooking01 .contentsTitle p {position: relative; top:-75px;} #subContents.cooking02 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.cooking02 .contentsTitle p {position: relative; top:-75px;} #subContents.cooking03 .contentsTitle h3 {position: absolute; top: 17%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.cooking03 .contentsTitle p {position: relative; top:-90px;} #subContents.bakery01 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.bakery01 .contentsTitle p {position: relative; top:-75px;} #subContents.bakery02 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.bakery02 .contentsTitle p {position: relative; top:-75px;} #subContents.beverage01 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.beverage01 .contentsTitle p {position: relative; top:-75px;} #subContents.beverage02 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.beverage02 .contentsTitle p {position: relative; top:-75px;} #subContents.tourism01 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.tourism01 .contentsTitle p {position: relative; top:-75px;} #subContents.tourism02 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.tourism02 .contentsTitle p {position: relative; top:-75px;} #subContents.police01 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.police01 .contentsTitle p {position: relative; top:-75px;} #subContents.police02 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.police02 .contentsTitle p {position: relative; top:-75px;} #subContents.police03 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.police03 .contentsTitle p {position: relative; top:-75px;} #subContents.police04 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.police04 .contentsTitle p {position: relative; top:-75px;} #subContents.police05 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.police05 .contentsTitle p {position: relative; top:-75px;} #subContents.police06 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.police06 .contentsTitle p {position: relative; top:-75px;} #subContents.police07 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.police07 .contentsTitle p {position: relative; top:-75px;} #subContents.beauty01 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.beauty01 .contentsTitle p {position: relative; top:-75px;} #subContents.beauty02 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.beauty02 .contentsTitle p {position: relative; top:-75px;} #subContents.beauty03 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.beauty03 .contentsTitle p {position: relative; top:-75px;} #subContents.beauty04 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.beauty04 .contentsTitle p {position: relative; top:-75px;} #subContents.beauty05 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.beauty05 .contentsTitle p {position: relative; top:-75px;} #subContents.pet01 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.pet01 .contentsTitle p {position: relative; top:-75px;} #subContents.pet02 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.pet02 .contentsTitle p {position: relative; top:-75px;} #subContents.it01 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.it01 .contentsTitle p {position: relative; top:-75px;} #subContents.it02 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.it02 .contentsTitle p {position: relative; top:-75px;} #subContents.it03 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.it03 .contentsTitle p {position: relative; top:-75px;} #subContents.it04 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.it04 .contentsTitle p {position: relative; top:-75px;} #subContents.it05 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.it05 .contentsTitle p {position: relative; top:-75px;} #subContents.it07 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.it07 .contentsTitle p {position: relative; top:-75px;} #subContents.it08 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.it08 .contentsTitle p {position: relative; top:-75px;} #subContents.it09 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.it09 .contentsTitle p {position: relative; top:-55px;} #subContents.it10 .contentsTitle h3 {position: absolute; top: 22%; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;} #subContents.it10 .contentsTitle p {position: relative; top:-75px;}} /* beauty */ #beauty.subMain .titleBox h3 .main {color: #e54177;} #beauty.subMain .conBoxWrap {background-color: #e54177;} #beauty.subMain .department .sub .leftBox .conBox {background-color: #e54177;} /* pet */ #pet.subMain .titleBox h3 .main {color: #e54177;} #pet.subMain .conBoxWrap {background-color: #e54177;} #pet.subMain .department .sub .leftBox .conBox {background-color: #e54177;} /* 한단 갤러리 */ .galleryBox {position: relative;} .galleryBox .btnPrev {position: absolute; left:0px; top:50%;z-index:99; width: 15%;} .galleryBox .btnNext {position: absolute; right:0px; top:50%;z-index:99; width: 15%;} .galleryBox .mask {width: 100%;overflow: hidden;} .galleryBox .mask li img {width: 100%;} /* tab */ .tab {padding: 15px; 0;} .tab li {float: left;margin:2px;} .tab li a {display: block;width: 79px; height: 40px;line-height: 40px; border:1px solid #d9d9d9 ; background: #f3f3f3; text-align: center; overflow: hidden;} .tab li.on a , .tab li:hover a {border-color:#0167b2; color:#0167b2;background: #fff;} .tab.center {text-align:center; margin:0 auto;} .tab.center ul {display:inline-block;} .professorTab {padding: 0;margin-bottom: 30px;} .professorTab li {width: 32.33%; margin: 0.5%;} .professorTab li a {width: 100%;} .professorTab li:before {display: none;} .abroadTab {padding: 0;margin: 5px 0;} .abroadTab li {width: 24%; margin: 0.5%;} .abroadTab li a {width: 100%;} .abroadTab li:before {display: none;} /* .button style */ .btnProApplication {display: inline-block;width:60%;height:40px;line-height:40px;background: #8e0d0d;color: #fff;text-align: center;font-weight:500 ;font-size:1.1em;} /* transfer02 편입현황 */ .jobList_school li {width:32.3%; float:left; margin:0 5px 5px 0;} .jobList_school li:nth-child(3n) {margin-right:0px;} /* study_abroad 유학 및 진학 안내 */ .studyTop .studyTxtBox {background:#f3f3f3;color:##333;text-align:center; padding:20px;} .studyTop .studyTxtBox .inner img {width:25%;} .studyTop .studyTxtBox .inner > span {display: block; padding-top:15px; text-align: center; font-size:1em; color: #666; line-height: 1.4;} .studyTop .studyTxtBox p {font-size:1.9em;font-weight:300;line-height:1.3;} .studyTop .studyTxtBox p .span01 {font-weight:500;} .studyConWrap {margin-top:50px;} .studyConWrap p.schoolName {line-height:1px;font-size:1.3em; font-weight: bold; background: #f0f7f9; padding-left: 60px; margin-bottom:20px;} .studyConWrap .schoolName .num {display: inline-block;width:40px; height:40px; line-height:40px; margin:10px 10px 10px -50px; text-align: center; color: #fff; background: #1270c5;} .studyConWrap .studyImgList {margin-top:15px;} .studyConWrap .studyImgList li {width:32.3%; margin-right:5px; float:left;} .studyConWrap .studyImgList li:last-child {margin-right:0px;} .studyConWrap .titleWrap {background:#f0f7f9;display:table;margin-bottom:20px;width:100%;} .studyConWrap .titleWrap .num {display:table-cell;vertical-align: middle;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;background: #1270c5;} .studyConWrap .titleWrap .titleArea {display:table-cell;vertical-align:middle;padding:10px;font-size:1.3em;font-weight: bold;background: #f0f7f9;} /* detailClass */ .detailClass {margin-top:30px;} .detailClass ul li {float:left; margin: 0 0px 15px 0; width:100%; text-align:center;} /*.detailClass ul li:nth-child(2n) {margin-right:0px;}*/ .detailClass .detailTxtWrap {background:#fff; padding:20px 10px 25px; border: 1px solid #cecece;} .professorInfoWrap {margin:-10px; margin-bottom:30px;} .professorInfo .mainTxt {width:100%;text-align:left;} .professorInfo .mainTxt .title {letter-spacing:-0.05rem;} .professorInfo .mainTxt .title span {font-size:1.2em;color:#333;font-weight:300;} .professorInfo .mainTxt .title strong {font-size:1.2em;font-weight:700;} .professorInfo .mainTxt p {font-size:0.8em;color:#666;font-weight:300;letter-spacing:-0.05rem;margin-top:10px;} .professorInfo .info {margin-top:10px;padding:10px;background:url("../images/contents/cooking/bgTitle.png") no-repeat 2% 38px #fff;border-bottom:2px solid rgba(0,0,0,0.1);} .professorInfo .info .title span {font-size:1em;color:#333;font-weight:300;} .professorInfo .info .title strong {font-size:1em;font-weight:700;} .professorInfo .info .infoList {margin-top:5px;overflow:hidden;} .professorInfo .info ul {margin-bottom:-3px;} .professorInfo .info ul li {position:relative;padding-left:10px;margin-bottom:3px;font-size:0.8em;color:#666;font-weight:300;letter-spacing:-0.04rem;} .professorInfo .info ul li:after {content:"";position:absolute;top:7px;width:3px;height:3px;background:#025da1;} .professorInfo.left .info ul li:after {left:0;} .professorInfo.right .auto {} .professorInfo.right .mainTxt {text-align:right;} .professorInfo.right .mainTxt .title span {color:#fff;} .professorInfo.right .mainTxt .title strong {color:#fff} .professorInfo.right .mainTxt p {color:#fff;opacity:0.8;} .professorInfo.right .info {background:url("../images/contents/cooking/bgTitle.png") no-repeat 98% 63px #e8eff7;text-align:left;border-bottom:5px solid rgba(1,71,123,1);} .professorInfo.right .info .title span {color:#333;font-weight:300;} .professorInfo.right .info .title strong {font-weight:700;} .professorInfo.right .info .infoList {margin-top:10px;overflow:hidden;} .professorInfo.right .info ul {float:none;width:100%;} .professorInfo.right .info ul li {padding-right:10px;text-align:right;} .professorInfo.right .info ul li:after {right:0;} /*교수진 소개*/ .cooking01 .professorInfo {padding:20px 10px;background:url("../images/contents/cooking/cooking0110.jpg") no-repeat;background-size:cover;} .cooking01 .professorInfo.right {background:url("../images/contents/cooking/cooking0111.jpg") no-repeat;background-size:cover;m argin-top:10px;} .cooking02 .professorInfo {padding:20px 10px;background:url("../images/contents/cooking/cooking0110.jpg") no-repeat;background-size:cover;} .bakery01 .professorInfo {padding:20px 10px;background:url("../images/contents/bakery/bakery0110.jpg") no-repeat;background-size:cover;} .bakery01 .professorInfo.right {background:url("../images/contents/bakery/bakery0111.jpg") no-repeat;background-size:cover;m argin-top:10px;} .beverage01 .professorInfo {padding:20px 10px;background:url("../images/contents/beverage/beverage0110.jpg") no-repeat;background-size:cover;} .beverage01 .professorInfo.right {background:url("../images/contents/beverage/beverage0111.jpg") no-repeat;background-size:cover;m argin-top:10px;} .beverage01 .professorInfo.right .info {margin-top:60px;} .tourism01 .professorInfo {padding:20px 10px;background:url("../images/contents/tourism/tourism0120.jpg") no-repeat;background-size:cover;} .police02 .professorInfo {padding:20px 10px;background:url("../images/contents/police/police0210.jpg") no-repeat;background-size:cover;} /* txtList */ .txtList {margin-top:20px;padding:20px;background:#f8f8f8;border:1px solid #cecece;-webkit-border-radius: 5px;-moz-border-radius:5px ;border-radius:5px;text-align:left;} .txtList li {margin-bottom:20px;} .txtList li:last-child {margin-bottom:0;} #contents .conBox .txtList dt {font-size: 1.1em;color:#333;font-weight:500;position:relative;padding-left:15px;} #contents .conBox .txtList dt:before {content:"";position:absolute;top:14px;left:0;width:10px;height:2px;background:#015da1;} #contents .conBox .txtList dd {font-size:1em;color:#666;font-weight:300;margin-top:5px;} /* 고려전 특징 */ .koreait .auto {padding:0 10px;} .koreait02 {background:url("../images/contents/entrance/koreait02.jpg") no-repeat;background-size:100%;padding-top:100%;position:relative;} .koreait02 .auto {position:absolute;width:100%;top:38%;left:0;} .rollingList .mask {overflow:hidden;} .rollingList a {display:block;width:80%;margin:0 auto;} .koreait .pager {width:100%;text-align: center;margin:10px 0;} .koreait .pager span.swiper-pagination-bullet {width:10px;height:10px;margin:0 5px;} .koreait .pager span.swiper-pagination-bullet-active {background:#666;} .koreait08 {background:#f8f8f8;padding-bottom:30px;} .koreait09 {background:#ddffff;padding-bottom:30px;} .koreait09 a {display:block;width:80%;margin:20px auto 0 auto;} .koreait11 {background:#f8f8f8;padding-bottom:20px;} .koreait11 .auto {padding:0 20px;margin-top:20px;} .koreait12 {position:relative;} .koreait12 a {display:block;width:80%;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);} /* 개인정보처리방침 */ .privacyWrap * {line-height:1.6;} .privacyWrap a {vertical-align:top;color:#0e5a9f;} .privacyWrap a:hover {text-decoration:underline;} .privacyWrap p.title {font-weight:700;font-size:20px;margin-top:40px;} .privacyWrap p.title.first {margin-top:0;} .privacyWrap p.list {padding-left:10px;position:relative;} .privacyWrap p.list:before {content:"-";position:absolute;top:0;left:0;} .privacyWrap p {color:#555;font-size:17px;} .privacyWrap ul.num {margin-top:10px;} .privacyWrap ul.num > li {padding-left:20px;position:relative;font-size:17px;color:#555;} .privacyWrap ul.num > li:before {position:absolute;top:0;left:0;} .privacyWrap ul.num > li:nth-child(1):before {content:"1.";} .privacyWrap ul.num > li:nth-child(2):before {content:"2.";} .privacyWrap ul.num > li:nth-child(3):before {content:"3.";} .privacyWrap ul.num > li:nth-child(4):before {content:"4.";} .privacyWrap ul.num > li:nth-child(5):before {content:"5.";} .privacyWrap ul.num > li:nth-child(6):before {content:"6.";} .privacyWrap ul.num > li:nth-child(7):before {content:"7.";} .privacyWrap ul.num2 > li {padding-left:20px;position:relative;font-size:17px;color:#555;} .privacyWrap ul.num2 > li:before {position:absolute;top:0;left:0;} .privacyWrap ul.num2 > li:nth-child(1):before {content:"①";} .privacyWrap ul.num2 > li:nth-child(2):before {content:"②";} .privacyWrap ul.num2 > li:nth-child(3):before {content:"③";} .privacyWrap ul.num2 > li:nth-child(4):before {content:"④";} .privacyWrap ul.num2 > li:nth-child(5):before {content:"⑤";} .privacyWrap ul.num2 > li:nth-child(6):before {content:"⑥";} /* 스페셜반 */ .special_wrap a {display:block;margin-bottom:10px;} .survey-wrap input[type="radio"], .survey-wrap input[type="checkbox"] {margin-right:0;position:relative;top:-1px;} .survey-wrap .check-list label {display:block;float:left;width:50%;margin-top:5px;} .survey-wrap .check-list label:nth-child(1), .survey-wrap .check-list label:nth-child(2) {margin-top:0;}