/* subMain */

.subMain {margin-top: 185px;padding-bottom:100px;}
.subMain .titleBox h3 {padding: 80px 0 30px ;}
.subMain .titleBox h3 .sub {display: block;font-size: 26px;font-weight: 700;}
.subMain .titleBox h3 .main {display: block;font-size: 112px;font-weight: 700;color: #015da1;line-height: 1;}
.subMain .titleBox h3 .mainPolice {display: block;font-size: 34px;font-weight: 700;color: #015da1;line-height: 1;margin-top: 20px;letter-spacing: -2px;}
.subMain .titleBox h3 .main em {font-size: 80px;}
.subMain .titleBox .desc {font-size: 24px;font-weight: 300;margin-bottom: 30px;color: #333;}
.subMain .titleBox .btns {overflow: hidden;}
.subMain .titleBox .btns a {display: block;width:200px ;height: 50px;line-height: 46px; border: 2px solid #333;float: left;margin-left:10px;font-size: 18px;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;width: 300px;height: 300px;color: #fff;padding:30px;background: url("../images/contents/arrowWhite.png") no-repeat 30px 230px rgba(13,90,158,0.9);}
.subMain h4 {font-size: 26px;font-weight: 700;margin-bottom: 25px;line-height: 1;}
.subMain p.desc {font-size: 14px;color: #e9e9e9;letter-spacing:-1px}

.subMain .it04Box {background-color:#105898;}
.subMain .police03Box {background-color:#105898;}
.subMain .beauty02Box {background-color:#105898;}

#beauty.subMain h4 span {font-weight:500; font-size:20px;}
#it.subMain h4 span {font-weight:500; font-size:17px;}

.subMain .conBox.whiteBox a {background: url("../images/contents/arrowBlack.png") no-repeat 30px 230px rgba(255,255,255,1);}
.subMain .conBox.whiteBox a h4 {color: #333;}
.subMain .conBox.whiteBox a p.desc {color: #777;}


.subMain .department {margin-top: 100px;overflow: hidden;}
.subMain .department .main {width:600px;height: 600px;position: relative;float: left;overflow: hidden;}
.subMain .department .main .imgBox {float:left;}
.subMain .department .main .conBox {position: absolute;bottom:0; left:0;}
.subMain .department .main .conBox.left {position:static;float:left;}
.subMain .department .main .conBox.right {position:static;float:right;}
.subMain .department .sub {float: left;width: 600px;overflow: hidden;}
.subMain .department .sub .rightBox .imgBox {float: left;}
.subMain .department .sub .rightBox .conBox {float: right; position: absolute; right: 0;}
.subMain .department .sub .leftBox .imgBox {float: right;}
.subMain .department .sub .leftBox .conBox {float: left;}


.subMain .department.police {margin-top: 100px;overflow: hidden;}
.subMain .department.police .main {width:600px;height: 600px;position: relative;float: left;overflow: hidden;}
.subMain .department.police .main .imgBox {float:left;}
.subMain .department.police .main .conBox {position: absolute;bottom:0; left:0;}
.subMain .department.police .main .conBox.left {position:static;float:left;}
.subMain .department.police .main .conBox.right {position:static;float:right;}
.subMain .department.police .sub {/* float: left;width: 600px; */overflow: hidden;width:100%;}
.subMain .department.police .sub .rightBox .imgBox {float: left;}
.subMain .department.police .sub .rightBox .conBox {float: right;/*  position: absolute; right: 0; */width:50%;}
.subMain .department.police .sub .leftBox .imgBox {float: right;}
.subMain .department.police .sub .leftBox .conBox {float: left;width:50%;}
.subMain .department.police .sub .conBoxWrap {overflow:hidden;}
.subMain .department.police .conBox a {width:100%}

.subMain .department02 {margin-top: 100px;overflow: hidden;}
.subMain .department02 .main {width:600px;height: 600px;position: relative;float: left;overflow: hidden;}
.subMain .department02 .main .conBox {position: absolute;bottom:0; left:0;}
.subMain .department02 .sub {float: left;width: 600px;overflow: hidden; position: relative;}
.subMain .department02 .sub .conBoxWrap {position:relative;}
.subMain .department02 .sub .conBox {position: absolute;top:0; right:0;}
.subMain .department02 .sub .conBox.left {position:static;float:left;}

.subMain .department03 {margin-top: 100px;overflow: hidden;}
.subMain .department03 .main {float: left;width: 600px;overflow: hidden; position: relative;}
.subMain .department03 .sub {float: left;width: 600px;overflow: hidden; position: relative;}
.subMain .department03 .conBoxWrap {position:relative;overflow:hidden;width:100%;}
.subMain .department03 .rightBox .imgBox {float: left;}
.subMain .department03 .rightBox .conBox {float: right; position: absolute; right: 0;}
.subMain .department03 .leftBox .imgBox {float: right;}
.subMain .department03 .leftBox .conBox {float: left;}

.subMain .etc .conBox {float: left;}
.subMain .etc .noticeBox {width: 600px;height: 300px;background: #e6e6e6;padding: 30px;position: relative;float: left;}
.subMain .etc .noticeBox li {color: #777;font-size: 15px;margin: 15px 0;overflow: hidden;}
.subMain .etc .noticeBox li a {float: left;}
.subMain .etc .noticeBox li .date {float: right;}
.subMain .etc .noticeBox .btnMore {position: absolute;padding: 5px 15px;border: 1px solid #777;color: #777;font-size: 12px;right:30px; top:30px;}

.subMain .etc .conBox.redBox {background: #cd3939;color: #fff;width: 300px;height: 300px;padding: 30px;}
.subMain .etc .conBox.redBox {font-size:26px ;font-weight: 700;}
.subMain .etc .conBox.redBox h4 .img {padding: 15px 0;}
.subMain .etc .conBox.redBox .period {font-size: 18px;color: #e9e9e9;margin-top: 40px;font-weight: 400;}

.subMain .movie {position: absolute;wi dth: 1380px; top:120px;left:50%;margin-left: -60px;z-index:99;}
.subMain .movie > div {float: left;margin-left: 10px;}
.subMain .movie > a {position: absolute;display: block;width:150px ;height: 40px;line-height: 40px;background: #8e0d0d;color: #fff;top:-40px;right:0;text-align: center;}
.subMain .movie > a i {margin-right: 10px;}

.subMain .department.beauty .sub {position:relative;}
#cooking {background: url("../images/contents/cooking/bgCookingMain.jpg") 50% 0;}
#bakery {background: url("../images/contents/bakery/bgBakeryMain.jpg") 50% 0;}
#beverage {background: url("../images/contents/beverage/bgBeverageMain.jpg") 50% 0;}
#tourism {background: url("../images/contents/tourism/bgTourismMain.jpg") 50% 0;}
#police {background: url("../images/contents/police/bgPoliceMain.jpg") 50% 0;}
#beauty {background: url("../images/contents/beauty/bgBeautyMain.jpg") 50% 0;}
#pet {background: url("../images/contents/pet/bgPetMain.jpg") 50% 0;}
#it {background: url("../images/contents/it/bgItMain2.jpg") 50% 0;}



/* subContents */
#subContents {margin-top: 140px;margin-bottom: 100px;min-height: 800px;}
#subContents .contentsTitle {padding:50px 0 30px;text-align: center;}
#subContents .contentsTitle h3 {font-size: 40px;font-weight: 500; margin-bottom: 10px;}
#subContents .contentsTitle .desc {font-size:20px;font-weight: 300;}

/* eventsubContents */
#eventsubContents {margin-top: 140px;margin-bottom: 100px;min-height: 800px;}
#eventsubContents .eventcontentsTitle {padding:50px 0 30px;text-align: center;}
#eventsubContents .eventcontentsTitle h3 {font-size: 40px;font-weight: 500; margin-bottom: 10px;}
#eventsubContents .eventcontentsTitle .desc {font-size:20px;font-weight: 300;}

/* tab */
.tabBox {margin-bottom: 60px;}
.tabBox li {float: left;margin-left:9px;}
.tabBox li:first-child {margin-left: 0;}
.tabBox li a {display: table;text-align: center;border: 1px solid #333;}
.tabBox li a span {display: table-cell;width: 140px;height:50px;vertical-align: middle;}
.tabBox li.on a,.tabBox li:hover a {background: #041d41;border-color: #041d41;color: #fff;}
.tabBox .type02 li a span {width:593px;}
.tabBox .type03 li a span {width:392px;}
.tabBox .type04 li a span {width:291px;}
.tabBox .type05 li a span {width:230px;}


span.txt_size30 {font-size:30px ;}
span.txt_size20 {font-size:20px;}
span.txt_bold {font-weight: 500;}
span.txt_red {color:#ee3d45;}
span.txt_deepRed {color:#8c1010;}
span.txt_blue {color:#0167b2;}
span.txt_yellow {color:#ffd40a;}
.txt_center {text-align: center;}




/* professor */
.professorList {background: #f8f8f8;}
.professorList > li {padding: 60px;border-top: 1px solid #d9d9d9;overflow: hidden;}
.professorList > li .photoBox {float: left;}
.professorList > li .photoBox .imgBox {vertical-align: top;border: 1px solid #d9d9d9;}
.professorList > li .photoBox .nameBox {margin-top: 30px;}
.professorList > li .photoBox .nameBox .department {font-size:22px;font-weight: 300;display: block;position: relative;}
.professorList > li .photoBox .nameBox .department:before {content: "";display: block;width:30px ;height: 3px;background: #8e0d0d;margin-bottom: 10px;}
.professorList > li .photoBox .nameBox .name {font-size: 30px;font-weight: 300;display: block;line-height: 1;}
.professorList > li .photoBox .nameBox .name strong {font-weight: 500;font-size: 40px;}
.professorList > li .profileBox {margin-left: 50px;float: left;}
.professorList > li dl {margin-top: 30px;}
.professorList > li dl:first-child {margin-top: 0;}
.professorList > li dt {font-size: 18px;font-weight: 500;color: #a72525;text-indent: -5px;}
.professorList > li dd {font-size: 16px;color: #555;position: relative;padding-left: 8px;font-weight:400; margin-bottom: 2px;max-width:630px; word-break: break-all !important;}
.professorList > li dd:before {content: "";display: block;width:3px;height:3px;background: #555;position: absolute;left:0; top:12px;}


/* cooking */
.department .contentsTitle {height:518px;background-repeat: no-repeat;background-position: 50% 0;color: #fff;padding-top: 145px !important;}
.department .contentsTitle h3 {font-size: 70px !important;}
.department .contentsTitle .desc {opacity: 0.7;}
.department.cooking01 .contentsTitle {background-image: url("../images/contents/cooking/bgCooking0101.jpg");}
.department.cooking02 .contentsTitle {background-image: url("../images/contents/cooking/bgCooking0201.jpg");}
.department.cooking03 .contentsTitle {background-image: url("../images/contents/cooking/bgCooking0301.jpg");}


.professorInfo {padding:65px 0;background:url("../images/contents/cooking/cooking0110.jpg") no-repeat;}
.professorInfo .mainTxt {width:728px;text-align:right;}
.professorInfo .mainTxt .title {letter-spacing:-0.03rem;}
.professorInfo .mainTxt .title span {font-size:35px;color:#333;font-weight:300;}
.professorInfo .mainTxt .title strong {font-size:35px;font-weight:700;}
.professorInfo .mainTxt p {font-size:18px;color:#666;font-weight:300;letter-spacing:-0.05rem;}
.professorInfo .info {width:728px;margin-top:50px;padding:30px;background:url("../images/contents/cooking/bgTitle.png") no-repeat 2% 38px #fff;text-align:right;border-bottom:5px solid rgba(0,0,0,0.1);
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
.professorInfo .info .title span {font-size:35px;color:#333;font-weight:300;}
.professorInfo .info .title strong {font-size:35px;font-weight:700;}
.professorInfo .info .infoList {margin-top:10px;overflow:hidden;}
.professorInfo .info ul {float:right;width:49%;margin-right:2%;}
.professorInfo .info ul:first-child {margin-right:0;}
.professorInfo .info ul li {position:relative;padding-right:10px;margin-bottom:5px;font-size:16px;color:#666;font-weight:300;letter-spacing:-0.04rem;}
.professorInfo .info ul li:after {content:"";position:absolute;top:12px;right:0;width:3px;height:3px;background:#025da1;}


.professorInfo.left {background:url("../images/contents/cooking/cooking0111.jpg") no-repeat;}
.professorInfo.left .auto {padding-left:472px;}
.professorInfo.left .mainTxt {text-align:left;}
.professorInfo.left .mainTxt .title span {color:#fff;}
.professorInfo.left .mainTxt .title strong {color:#fff}
.professorInfo.left .mainTxt p {color:#fff;}
.professorInfo.left .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);
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
.professorInfo.left .info .title span {font-size:35px;color:#333;font-weight:300;}
.professorInfo.left .info .title strong {font-size:35px;font-weight:700;}
.professorInfo.left .info .infoList {margin-top:10px;overflow:hidden;}
.professorInfo.left .info ul {float:none;width:100%;}
.professorInfo.left .info ul li {padding-left:10px;}
.professorInfo.left .info ul li:after {left:0;}


.cooking02 .professorInfo {background:url("../images/contents/cooking/cooking0112.jpg") no-repeat;}
.cooking02 .professorInfo.left {background:url("../images/contents/cooking/cooking0113.jpg") no-repeat;}
.cooking02 .professorInfo.left .info ul {float:left;width:49%;margin-right:2%;}
.cooking02 .professorInfo.left .info ul:first-child {margin-right:0;}



/* bakery */
.department.bakery01 .contentsTitle {background-image: url("../images/contents/bakery/bgBakery0101.jpg");}
.department.bakery02 .contentsTitle {background-image: url("../images/contents/bakery/bgBakery0201.jpg");}

.department.bakery01 .professorInfo {background:url("../images/contents/bakery/bakery0110.jpg") no-repeat;}
.department.bakery01 .professorInfo.left {background:url("../images/contents/bakery/bakery0111.jpg") no-repeat;}

.department.bakery01 .professorInfo.left .info ul {float:left; width:37%; margin-right:2%;}
.department.bakery01 .professorInfo.left .info ul:first-child {margin-right:0; width:61%;}

.department.bakery01 .professorInfo .mainTxt .title strong {font-size:30px;}
.department.bakery01 .professorInfo .mainTxt .title span {font-size:30px;}


/* beverage */
.department.beverage01 .contentsTitle {background-image: url("../images/contents/beverage/bgBeverage0101.jpg");}
.department.beverage02 .contentsTitle {background-image: url("../images/contents/beverage/bgBeverage0201.jpg");}

.department.beverage01 .professorInfo {background:url("../images/contents/beverage/beverage0110.jpg") no-repeat;}
.department.beverage01 .professorInfo.left {background:url("../images/contents/beverage/beverage0111.jpg") no-repeat;}

.department.beverage01 .professorInfo.left .info ul {float:left;width:49%;margin-right:2%;}
.department.beverage01 .professorInfo.left .info ul:first-child {margin-right:0;}

/* tourism */
.department.tourism01 .contentsTitle {background-image: url("../images/contents/tourism/bgTourism0101.jpg");}
.department.tourism02 .contentsTitle {background-image: url("../images/contents/tourism/bgTourism0201.jpg");}

.department.tourism01 .professorInfo {background:url("../images/contents/tourism/tourism0120.jpg") no-repeat;}

.professorInfo .mainTxt .title strong {font-size:32px;}
.professorInfo .mainTxt .title span {font-size:32px;}

/* police */
.department.police01 .contentsTitle {background-image: url("../images/contents/police/bgPolice0101.jpg");}
.department.police02 .contentsTitle {background-image: url("../images/contents/police/bgPolice0201.jpg");}
.department.police03 .contentsTitle {background-image: url("../images/contents/police/bgPolice0301.jpg");}
.department.police04 .contentsTitle {background-image: url("../images/contents/police/bgPolice0401.jpg");}
.department.police05 .contentsTitle {background-image: url("../images/contents/police/bgPolice0501.jpg");}
.department.police06 .contentsTitle {background-image: url("../images/contents/police/bgPolice0201.jpg");}
.department.police07 .contentsTitle {background-image: url("../images/contents/police/bgPolice0201.jpg");}

.department.police02 .professorInfo {background-image: url("../images/contents/police/conMainBoxBg01.jpg");}

/* beauty */
.department.beauty01 .contentsTitle {background-image: url("../images/contents/beauty/bgBeauty0101.jpg");}
.department.beauty02 .contentsTitle {background-image: url("../images/contents/beauty/bgBeauty0201.jpg");}
.department.beauty03 .contentsTitle {background-image: url("../images/contents/beauty/bgBeauty0301.jpg");}
.department.beauty04 .contentsTitle {background-image: url("../images/contents/beauty/bgBeauty0401.jpg");}
.department.beauty05 .contentsTitle {background-image: url("../images/contents/beauty/bgBeauty0501.jpg");}

#beauty.subMain .titleBox h3 .main {color: #e54177;}
#beauty.subMain .conBox a {background: url(../images/contents/arrowWhite.png) no-repeat 30px 230px rgba(229,65,119,0.9);}
#beauty.subMain .conBox.whiteBox a {background: url(../images/contents/arrowBlack.png) no-repeat 30px 230px rgba(255,255,255,1);}

/* pet */
.department.pet01 .contentsTitle {background-image: url("../images/contents/pet/bgPet0101.jpg");}
.department.pet02 .contentsTitle {background-image: url("../images/contents/pet/bgPet0201.jpg");}

#pet.subMain .titleBox h3 .main {color: #e54177;}
#pet.subMain .conBox a {background: url(../images/contents/arrowWhite.png) no-repeat 30px 230px rgba(229,65,119,0.9);}
#pet.subMain .conBox.whiteBox a {background: url(../images/contents/arrowBlack.png) no-repeat 30px 230px rgba(255,255,255,1);}

/* it */
.department.it01 .contentsTitle {background-image: url("../images/contents/it/bgIt0101.jpg");}
.department.it02 .contentsTitle {background-image: url("../images/contents/it/bgIt0201.jpg");}
.department.it03 .contentsTitle {background-image: url("../images/contents/it/bgIt0301.jpg");}
.department.it04 .contentsTitle {background-image: url("../images/contents/it/bgIt0401.jpg");}
.department.it05 .contentsTitle {background-image: url("../images/contents/it/bgIt0501.jpg");}
.department.it07 .contentsTitle {background-image: url("../images/contents/it/bgIt0701.jpg");}
.department.it08 .contentsTitle {background-image: url("../images/contents/it/bgIt0801.jpg");}
.department.it09 .contentsTitle {background-image: url("../images/contents/it/bgIt0901.jpg");}
.department.it10 .contentsTitle {background-image: url("../images/contents/it/bgIt0101.jpg");}


/* conBox */
#contents .conBox {margin-top: 80px;text-align: center;}
#contents .conBox .title {font-size: 28px;font-weight: 500;margin-bottom: 10px;}
#contents .conBox strong {color: #8c1010;}
#contents .conBox.blueBox {background: #015da1;padding: 60px 50px;color: #c3dcee;}
#contents .conBox.blueBox strong {color: #fff;}
#contents .conBox .imgBox {margin-top: 30px;}

#contents .conWrapBox {border: 1px solid #ccc; padding: 25px 30px;}


/* conMainBox */
.department.police02_170626 .conMainBox {background:url("../images/contents/police/conMainBoxBg01.jpg") no-repeat;}
#contents .conMainBox {height:560px;padding:70px 0;text-align: right;}
#contents .conMainBox .auto {padding-right:472px;}
#contents .conMainBox dl {}
#contents .conMainBox .title {font-size:35px;color:#333;font-weight:300;}
#contents .conMainBox .title strong {font-weight:700;}
#contents .conMainBox dd {font-size:18px;color:#666;font-weight:300;}
#contents .conMainBox .profileBox {margin-top:50px;padding:30px;background:url("../images/contents/police/bgTitle.png") no-repeat -15px 32px #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px ;
	border-radius:5px ;
	border-bottom:3px solid rgba(0,0,0,0.1);
}
#contents .conMainBox .profileBox ul {margin-top:10px;}
#contents .conMainBox .profileBox ul li {display:inline-block;;width:48%;font-size:16px;color:#666;font-weight:300;padding-right:10px;position:relative;}
#contents .conMainBox .profileBox ul li:after {content:"";position:absolute;top:12px;right:0;width:4px;height:4px;background:#015da1;}





/* detailClass */
.detailClass {margin-top:30px;}
.detailClass ul li {float:left; margin: 0 30px 30px 0; width:380px; text-align:center; overflow: hidden;}
.detailClass ul li:nth-child(3n) {margin-right:0px;}
.detailClass .detailTxtWrap {background:#fff; padding:30px 20px 35px; border: 1px solid #cecece;}
.detailClass .detailTxtWrap dt {font-size:22px; font-weight:500; color:#333; margin-bottom:10px;}
.detailClass .detailTxtWrap dd {font-size:14px; color:#555; letter-spacing: -0.039em;}

/* imgList */
.imgList {margin-top: 30px;}
.imgList li {float: left;margin-left: 28px;}
.imgList li:first-child {margin-left: 0;}
.imgList.center {text-align: center;}
.imgList.center li {display: inline-block;float: none;}
.imgList04.center li {margin-left:14px; border:1px solid #ccc;}
.imgList04.center li:first-child {margin-left:0;}

/* txtList */
.txtList {margin-top:40px;padding:40px;background:#f8f8f8;border:1px solid #cecece;-webkit-border-radius: 5px;-moz-border-radius:5px ;border-radius:5px;text-align:left;}
.txtList li {margin-bottom:25px;}
.txtList li:last-child {margin-bottom:0;}
.txtList dt {font-size: 20px;color:#333;font-weight:500;position:relative;padding-left:15px;}
.txtList dt:before {content:"";position:absolute;top:14px;left:0;width:10px;height:2px;background:#015da1;}
.txtList dd {font-size:16px;color:#666;font-weight:300;margin-top:10px;}
/* gallery */
.galleryBox {position: relative;}
.galleryBox .mask {width: 1000px;margin: auto;overflow: hidden;}
.galleryBox .btnPrev {position: absolute; left:40px; top:330px;}
.galleryBox .btnNext {position: absolute; right:40px; top:330px;}
.galleryBox .thumb {width: 1000px;margin: 10px auto 0;}
.galleryBox .thumb li {float: left;margin:0 4px;}

/* .button style */
.btnApplication {display: inline-block;width: 270px;height: 60px;line-height: 60px;background: #8e0d0d;color: #fff;text-align: center;font-weight:500 ;font-size: 20px;}



/* greeting_chairman */ /* greeting_dean */
.greetingTop > div {float:left;width:50%;}
.greetingTop .txtBox {background:#1270c5;color:#fff;text-align:center;position:relative;height:400px;display:table;}
.greetingTop .txtBox .inner {display:table-cell;vertical-align:middle;position:relative;z-index:2}
.greetingTop .txtBox .inner > span {color:#c2dcf2;display:block;margin-top:30px;}
.greetingTop .txtBox .inner > span > span {position:relative;top:5px;}
.greetingTop .txtBox .inner > span strong {font-size:28px;}
.greetingTop .txtBox p {font-size:38px;font-weight:300;line-height:1.3;}
.greetingTop .txtBox p .span01 {font-weight:500;}
.greetingTop .txtBox .marking01 {position:absolute;top:50px;left:50px;z-index:1;}
.greetingTop .txtBox .marking02 {position:absolute;bottom:50px;right:50px;z-index:1;}

.greetingBottom {margin-top:30px;text-align:center;}
.greetingBottom span {font-size:27px;color:#333;margin:20px 0;display:block;}
.greetingBottom p {font-size:17px;color:#555;margin:20px 0;line-height:1.5;}


/* history */

.historyContent {margin-top:60px;padding-top:60px;border-top:1px solid #cecece;}
.historyContent > ul > li {display:none;}
.historyContent > ul > li:first-child {display:block;}
.historyContent > ul > li > ul > li {margin-bottom:60px;}
.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 {float:left;width:300px;position:relative;padding-top:5px;}
.historyContent .rightContent {float:right;overflow:hidden;}
.historyContent .title:before {content:"";position:absolute;top:0;left:0;width:31px;height:3px;background:#8e0d0d;}
.historyContent .title dd {font-size:22px;color:#333;font-weight:300;}
.historyContent .title dt {font-size:40px;color:#333;font-weight:700;}
.historyContent .title02 {float:left;width:300px;position:relative;z-index:9;}
.historyContent .title02 span {display:block;width:200px;height:50px;line-height:50px;text-align:center;font-size:27px;color:#fff;font-weight:500;background:#1e478a;margin:0 auto;
	-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px; position:relative;z-index:9;
}
.historyContent .title02:after {content:"";position:absolute;top:50%;margin-top:-5px;right:-6px;width:61px;height:11px;}
.historyContent > ul > li > ul > li:nth-child(2n+1) .title02:after {background:url("../images/contents/introduce/guideLine.png") no-repeat;}
.historyContent > ul > li > ul > li:nth-child(2n) .title02:after {background:url("../images/contents/introduce/guideLine02.png") no-repeat;}

.historyContent .historyList {float:left;width:599px;border-left:1px solid #d3d3d3;padding-left:35px;}
.historyContent .historyList ul {padding:13px 0;}
.historyContent .historyList li {padding-left:10px;margin-bottom:5px;position:relative;font-size:16px;color:#555;}
.historyContent .historyList li:last-child {margin-bottom:0;}
.historyContent .historyList li:before {content:"";position:absolute;top:12px;left:0;width:3px;height:3px;background:#666;}

/* media */
.mediaList {overflow:hidden;}
.mediaList li {float:left; padding-left:30px;}
.mediaList li:first-child {padding-left:0px;}
.mediaList li img {width:380px; height:275px; border:1px solid #ccc;}
.mediaList li .txtArea {width:380px; height:159px; padding:15px 20px; border:1px solid #ccc; border-top:0; }
.mediaList li .txtArea .titleArea {color:#333; font-size: 17px; font-weight: 500;}
.mediaList li .txtArea .mediaArea {margin-top:10px; display:block; font-size:14px; color:#0167b2; font-weight:500;word-break:break-all;}
.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-family: "nanumB"; margin-right:5px;}
.mediaArea2 {clear:both; margin-top:5px; color:#a3a3a3;  font-weight:300;}


#contents h3.contents_H3 {margin: 100px 0 10px; text-align: center; font-size: 28px; font-family: "nanumB"}
#contents h3.contents_H3.first {margin-top:50px;}
#contents h4.contents_H4 {font-weight:500;font-size:22px; color:#4d4d4d; padding-left:30px; background:url("../images/contents/academy/contents_blt.png") no-repeat  0 50%; margin:50px 0 10px; position:relative;}
#contents h4.contents_H4.first {margin-top:0;}
#contents h4.contents_H4 span.dormi {font-size:16px; color:#7e7e7e; font-weight:300; position:absolute; bottom:3px; padding-left:5px;}
#contents h5.contents_H5 {font-weight:500;font-size:16px; color:#0167b2; }
.map_list li { width:285px; margin: 0px 20px 20px 0;}
.map_list li:nth-child(4n) {margin-right:0px;}


#contents .contentsList_01 li {position:relative; padding-left: 10px; margin-bottom:5px; line-height:1.5; color:#555; }
#contents .contentsList_01 li:before {content: ""; display: block; width:3px; height:3px; background:#555; position: absolute; left:0; top:11px;}


.pointWrap {padding: 30px 40px; background: #fff5f5; border: 1px solid #ccc;}
.pointWrap.scholarshipTxt {font-size:18px; text-align:center; font-weight:500; color:#555;}

/* qna */
/* #contents .titleBox {height:333px; position: relative;}
#contents .titleBox:after {content: "";display: block;width: 0;height: 0;border-top: 20px solid transparent;	border-bottom: 20px solid transparent;position: absolute; left:533px; top:30px;}
#contents .entranceCounsel:after{border-left: 20px solid #595959;}
#contents .titleBox .title {width: 533px;height:333px; color:#fff;padding: 30px; background-image:url("../images/contents/entrance/bgTitle.png"); background-repeat: no-repeat; background-position: 106% 140px; float: left;}
#contents .titleBox img {float: left;}
#contents .titleBox .department {font-size: 16px;opacity: 0.5;margin-bottom:15px ;line-height: 1;}
#contents .titleBox dt {font-size:36px ; font-family: "nanumB";line-height: 1.2;}
#contents .titleBox dt span {font-size:22px ; font-family: "nanum";line-height: 1.2; letter-spacing:-1px;}
#contents .titleBox dt.narrow {letter-spacing: -2px;}

#contents .titleBox dt:after {content: "";display: block;width:60px ; height: 1px;background: #fff; margin: 25px 0; opacity:0.5;}
#contents .titleBox dd {font-size:14px ;}
#contents .entranceCounsel .title {background-color:#595959;} */

#contents .titleBox {border: 1px solid #ccc; back ground: #f8f8f8; background-position: 85px 50%; background-repeat: no-repeat; padding: 45px 50px 50px 165px; margin-bottom: 20px;}
#contents .titleBox.qnaIcon01 {background:#f0f7f9 url('../images/contents/entrance/qnaIcon01.png') no-repeat 5.5% 50%;}
#contents .titleBox.qnaIcon02 {background:#f0f7f9 url('../images/contents/entrance/qnaIcon02.png') no-repeat 5.5% 50%;}

#contents .titleBox.scheduleIcon {background:#f0f7f9 url('../images/contents/academy/scheduleIcon.png') no-repeat 5.5% 50%;}
#contents .titleBox.administrationIcon {background:#f0f7f9 url('../images/contents/academy/administrationIcon.png') no-repeat 5.5% 50%;}
#contents .titleBox.academicSystemIcon {background:#f0f7f9 url('../images/contents/academy/academicSystemIcon.png') no-repeat 5.5% 50%;}
#contents .titleBox.noticeIcon {background:#f0f7f9 url('../images/contents/community/noticeIcon.png') no-repeat 5.5% 50%;}
#contents .titleBox.dormitoryIcon {background:#f0f7f9 url('../images/contents/community/dormitoryIcon.png') no-repeat 5.5% 50%;}
#contents .titleBox.employment01Icon {background:#f0f7f9 url('../images/contents/job/employment01Icon.png') no-repeat 5.5% 50%;}
#contents .titleBox.employmentIcon {background:#f0f7f9 url('../images/contents/job/employmentIcon.png') no-repeat 5.5% 50%;}
#contents .titleBox.transferIcon {background:#f0f7f9 url('../images/contents/job/transferIcon.png') no-repeat 5.5% 50%;}


#contents .titleBox .formBox {border-left: 1px dashed #ccc; margin-left:60px; padding-left:60px;}
#contents .titleBox .formBox .inquiryCategory {color:#0167b2;opacity: 0.5; }
#contents .titleBox .formBox .desc {font-size: 25px; margin: 10px 0; font-weight: 500;}
#contents .titleBox .formBox .desc strong {color:#0167b2;}
#contents .titleBox .formBox .alertTxt {color:#808080; font-size: 15px; font-weight:300;}



/* award */
#awardRolling {width:1000px;margin:0 auto;overflow:hidden;border:1px solid #d9d9d9;margin-bottom:100px;}
#awardRolling .pager {position:absolute;text-align:center;bottom:100px;}
#awardRolling .pager span {width:14px;height:14px;}

.awardList li {margin-bottom:100px;padding: 60px 100px;border: 1px solid #d9d9d9;position: relative;}
.awardList li:before {content: "";display: block;width: 100%;height:2px;background: #555;position: absolute; top:-1px;left:-1px;padding: 0 1px;}
.awardList li img {margin-top:20px; border: 1px solid #d9d9d9;}
.titleBox_award {background:url("../images/contents/community/award_icon.png") no-repeat 0 50% #f8f8f8;height: 90px;}
.titleBox_award span.dateArea {display: inline-block;width: 180px;line-height: 90px;color: #fff;font-size: 40px;font-weight:700;text-align: center;}
.titleBox_award span.titleArea {font-size:30px; color:#333;line-height: 90px;text-indent: 30px;display: inline-block;vertical-align: top;}


/* schedule */
.scheduleWrap .conWrap {background-color:#fff; padding:40px 60px; border: 1px solid #d9d9d9; background: #f8f8f8; margin-bottom:20px;}
.scheduleWrap .month {font-size: 28px;color: #0e5a9f; font-weight:500; display: block; margin-top: -5px; float:left; padding-top: 8px;}
.scheduleWrap .month .eng {font-size: 17px;color: #888; font-weight:400; margin-left:10px;}
.scheduleWrap .scheduleList {margin-left: 230px;}
.scheduleWrap .scheduleList li {float: left; width: 420px; font-size: 16px; color: #555; padding-left: 8px; font-weight:400; margin-bottom: 2px; position: relative; }
.scheduleWrap .scheduleList li:before {content: "";display: block;width:3px;height:3px; background: #555; position: absolute; left:0; top:12px;}



/* topTxtBox */
#contents .topTxtBox {padding: 30px 70px; border:4px solid #e6e6e6; margin-bottom:30px;}
#contents .topTxtBox dt {font-size: 21px;}
#contents .topTxtBox dd {font-size: 14px; color: #808080;margin-top: 8px;}



/* dateBanner */
.dateBanner {background:url("../images/contents/entrance/dateBannerBg.jpg") no-repeat;height:210px;width:100%;display:table;padding:0 50px;margin-bottom:50px;}
.dateBanner > div {display:table-cell;vertical-align:middle;}
.dateBanner .leftBox {float:left;width:473px;border-right:1px solid #a1b1bc;margin:10px 40px 0 0;}
.dateBanner .leftBox > span {display:block;}
.dateBanner .leftBox .title {font-size:25px;color:#4c4c4c;}
.dateBanner .leftBox .period {font-size:45px;color:#4c4c4c; margin-top:-10px;}
.dateBanner .leftBox .period strong {font-size:45px;color:#dc3232;font-weight:700;}
.dateBanner .rightBox {float:left;padding-left:126px;background:url("../images/contents/entrance/counsellerIcon.png") no-repeat 0 50%;}
.dateBanner .rightBox .title {font-size:20px;color:#4c4c4c;}
.dateBanner .rightBox > div {float:left;width:232px;margin-right:20px;}
.dateBanner .rightBox span {display:block;}
.dateBanner .rightBox .tel {font-size:39px;color:#0e5a9f;font-weight:700;line-height:1;margin:5px 0;}
.dateBanner .rightBox .comment {font-size:24px;color:#112545;font-weight:500;}
.dateBanner .rightBox ul {float:left;}
.dateBanner .rightBox ul li a {display:block;width:200px;height:51px;line-height:51px;font-size:20px;color:#fff;font-weight:500;text-align:center;}
.dateBanner .rightBox .applicationInfo {background:#768491;}
.dateBanner .rightBox .accept {background:#0e5a9f;margin-top:10px;}


.circleWrap .circleBox {width:100%; height:340px; color:#333; border:1px solid #ccc; margin-bottom:30px;}
.circleWrap .circleBox img {float:left;}
.circleWrap .circleBox .circleTxtWrap {padding:40px 50px 40px 650px;}
.circleWrap .circleBox p.circleAccount {font-size:22px; 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:40px; font-weight: 500; line-height: 1;}
.circleWrap .circleBox p.prof {font-size:18px; color:#0e5a9f; margin-top:15px; font-weight:500;}
.circleWrap .circleBox .circleTxtWrap ul { margin-top: 30px; padding-top: 30px; 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;}


/* employment02 취업현황 */
.jobList li {float:left; text-align:center; margin: 0 9px 10px 0;}
.jobList li:nth-child(8n) {margin-right:0px;}
.jobList li .studentImg {border: 1px solid #cecece; padding:20px;}
.jobList li .jobTxtWrap {border: 1px solid #cecece; background: #f8f8f8; padding:15px 0px; margin-top:-1px;}
.jobList li span.jobListName {font-size:15px; display: block; line-height: 0.8; color:#616161;}
.jobList li span.jobName {font-size:13px; color: #0167b2;}
.jobList01 li {width:142px;}
.jobList01 li .jobTxtWrap {height:90px;}
.jobList01 li span.jobName {display: inline-block; line-height: 1.4; margin-top: 8px;}

/* employment03 취업후기 */
.employment03List a {display: block; width:1200px; border:1px solid #ccc; margin-bottom:40px;}
.employment03List a:hover {border-color:#3292e9;}
.employment03List .conWrap {padding:45px; background:#fff;}
.employment03List .conWrap .photo {border:5px solid #ccc; float:left;}
.employment03List .conWrap img {width:160px; height:200px;}
.employment03List .conWrap .txtWrap {padding-left:210px;}
.employment03List .conWrap .txtWrap .conEng {color:#0167b2;opacity: 0.5;}
.employment03List .conWrap .txtWrap .conName {font-size:25px; margin-bottom:15px; font-weight: 500;}
.employment03List a:hover .conWrap .txtWrap .conName {color: #0167b2;}
.employment03List .conWrap .txtWrap .conTxt {font-size:16px; color: #555; margin-bottom:42px;}
.employment03List .conWrap .txtWrap .btnType {display:inline-block;width:270px;padding:15px 0; background:#8e0d0d; color:#fff; text-align:center;}
.employment03List .conWrap .txtWrap .employment03btn {width:140px; padding: 10px 0; font-size:16px;}
.employment03List .gradeWrap {background:#f8f8f8; border-top:1px solid #ccc; padding:30px 45px; color: #808080;}
.employment03List .gradeWrap .date {float: left; display: block; line-height: 0;}
.employment03List .gradeWrap .hits {float: right; line-height: 0;}

/* transfer02 편입현황 */
.jobList_school li {float:left; margin:0 10px 10px 0;}
.jobList_school li:nth-child(5n) {margin-right:0px;}

/* study_abroad 유학 및 진학 안내 */
.studyTop {height:400px; margin-bottom:50px;}
.studyTop > div {float:left; width:50%;}
.studyTop .studyTxtBox {background:#f3f3f3;color:##333;text-align:center;position:relative;height:400px;display:table;}
.studyTop .studyTxtBox .inner {display:table-cell;vertical-align:middle;position:relative;z-index:2}
.studyTop .studyTxtBox .inner > span {display: block; padding-top: 30px; text-align: center; font-size: 16px; color: #666;}
.studyTop .studyTxtBox p {font-size:38px;font-weight:300;line-height:1.3;}
.studyTop .studyTxtBox p .span01 {font-weight:500;}

.studyConWrap {margin-top:100px;}
.studyConWrap p.schoolName {line-height: 70px; font-size: 28px; font-weight: bold; background: #f0f7f9; margin-bottom:30px; margin-left: 35px;}
.studyConWrap .schoolName .num {display: inline-block; width:70px;  height:70px; line-height:70px; margin-left: -35px; margin-right:20px; text-align: center; color: #fff; background: #1270c5; border-radius: 50%;}
.studyConWrap .studyImgList {margin-top:30px;}
.studyConWrap .studyImgList li {margin-right:30px; float:left;}
.studyConWrap .studyImgList li:last-child {margin-right:0px;}



/* koreait */
#subContents.koreait {margin-bottom:0;}
.koreait #contents > div {overflow:hidden;text-align:left;margin:0;}
.koreait #contents > div > img {position:relative;left:50%;margin-left:-952px;}
.koreait .visual {background: url("../images/contents/entrance/visual.jpg") no-repeat 50% 50%;}
.koreait .conBox01 {background: url("../images/contents/entrance/vedioBoxBg.jpg") no-repeat 50% 50%;text-align: center;width:100%;height:864px;padding-top:230px;padding-bottom:100px;background-size:100%;}
.koreait .conBox01 iframe {display:block;margin:0 auto;}
.koreait .conBox04 {width:100%;}
.koreait .conBox04 table {text-align: center;}
.koreait .conBox04 .auto {padding:0 72px;}
.koreait .conBox04 .imgBox {display:block;width:100%;text-align:center;}
.rollingList {position:relative;}
.rollingList .mask {overflow:hidden;height:755px;}
.rollingList a {position:absolute;top:50%;transform:translateY(-50%);}
.rollingList a.btnPrev {left:-136px;}
.rollingList a.btnNext {right:-136px;}
.koreait .btnGo {display:block;width:425px;margin:50px auto;}

.koreait .conBox07 {background:#f8f8f8;padding-bottom:100px;}
.koreait .conBox07 .auto {padding:0 72px;}
.koreait .conBox07 .mask {height:463px;}
.koreait .conBox07 .mask ul li img {width:100%;}

.koreait .conBox08 {background:#ddffff;}
.koreait .conBox10 {background:#f8f8f8;padding-bottom:90px;}
.koreait .conBox10 .auto {padding:0 70px;}
.koreait .conBox10 .mask {overflow:hidden;}
.koreait .conBox10 .mask li {border:1px solid #ccc;border-radius:5px;border-bottom:3px solid #828282;overflow:hidden;}
.koreait .conBox10 .auto a {position:absolute;top:50%;transform:translateY(-50%);}
.koreait .conBox10 .auto a.btnPrev {left:-136px;}
.koreait .conBox10 .auto a.btnNext {right:-136px;}
.koreait .conBox11 {position:relative;}
.koreait .conBox11 .btnGo {position:absolute;bottom:75px;left:50%;margin:0;margin-left:-213px;}

.koreait .conBox12 {position:relative;}
.koreait .conBox12 .btnWrap {position:absolute;width:1200px;margin-left:-600px;bottom:30px;left:50%;text-align: right;}
.koreait .conBox12 .btnWrap a {display:inline-block;width:138px;height:47px;line-height: 47px;font-size:23px;color:#fff;border-radius:5px;background:#41242c;text-align: center;}
.koreait .conBox12 .btnWrap a.btnKakao01 {margin-right:11px;}



.scrollBox {height:400px;overflow-y:scroll;}




/* 개인정보처리방침 */
.privacyWrap * {line-height:1.6;word-break:keep-all;}
.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 {overflow:hidden;}
.special_wrap a {display:block;float:left;width:590px;height:355px;background-repeat:no-repeat;}
.special_wrap a:nth-child(1) {background-image:url("../images/contents/special/special_01off.jpg");margin-right:20px;}
.special_wrap a:nth-child(2) {background-image:url("../images/contents/special/special_02off.jpg");}
.special_wrap a:nth-child(1):hover {background-image:url("../images/contents/special/special_01on.jpg");}
.special_wrap a:nth-child(2):hover {background-image:url("../images/contents/special/special_02on.jpg");}

.survey-wrap input[type="radio"],
.survey-wrap input[type="checkbox"] {margin-right:0;position:relative;top:-1px;}
.survey-wrap .check-list label {display:inline-block;width:110px;}