@charset "utf-8";

*{font-family: 'AppleSD'; font-weight:400;}
/************************************************
	Sub Page Style
*************************************************/
.sub-page { padding-top: 0; }
.sub-page #page_nav { position: static;  }
.sub-page #page_nav li.home i{width:45px; height:45px; border-radius: 50%; background:#fff; display:flex; justify-content:center; align-items:center; }
.sub-page #page_nav li.home i::before{width:18px; height:18px; background:url(/resources/images/safety/sub/breadcrumb_home.gif) no-repeat center; content:'';}
.sub-page #page_nav li:first-child{width:45px; height:45px; background: none; padding-right:0; margin-right:14px;}
.sub-page #page_nav li:first-child:before{display:none;}
.sub-page #page_nav li { background: url(/resources/images/safety/sub/breadcrumb_icon.gif) no-repeat left center; padding:1px 15px; color: #c5c5c5; font-size:16px; }
.sub-page #page_nav li:before { content: none; }



/************************************************
	Sub layout Style
*************************************************/
.sub-top { position:relative; width: 100%; height: 540px; padding-top: 350px; color: #ffffff; box-sizing:border-box; background:#231f20; overflow:hidden;}
.sub-top > div{z-index:1}
.sub-top .sub-top-text { font-size: 0.95em; color: rgba(255, 255, 255, .88); letter-spacing:3px; display:inline-block; width:100%;}
.sub-top .sub-top-ttl{padding:0; font-size: 70px; font-weight: 600; color:#fff; margin-bottom:40px}
.sub-top .deco-text{position:absolute; right:0; z-index:0; bottom:-240px; width:100%;}
.sub-top .deco-text span marquee{font-size:500px; font-family: 'GmarketSans'; font-weight:700; color:#231f20;text-shadow:-1px 0px rgba(255,255,255,.1), 0px 1px rgba(255,255,255,.1), 1px 0px rgba(255,255,255,.1), 0px -1px rgba(255,255,255,.1); letter-spacing: -20px;  -webkit-user-select: none; -khtml-user-select: none;-moz-user-select: none; -o-user-select: none; user-select: none; line-height:1.2}
@media all and (max-width:1200px){
	.sub-top .deco-text{bottom:-150px}
	.sub-top .deco-text span marquee{font-size:300px}
}
@media all and (max-width:768px){
	.sub-top .deco-text{bottom:-40px}
	.sub-top .deco-text span marquee{font-size:140px; letter-spacing:-12px;}
}
.breadcrumb { display: inline-block; }
#body { min-height: 518px; }
#body > .fix-layout { background-color: #ffffff;}
.body-content { padding: 0px 0 110px; }
/*타이틀 스타일*/
#body h2{font-size:50px; padding:70px 0px 32px 0px; margin-bottom:50px; font-weight:500; text-align:left;}
h2 { padding:80px 0; color: #222222; font-size: 2.8125em; font-weight: 500; text-align: center; }
h3{ background: url(/resources/images/biz/sub/deco01.gif) no-repeat 0px 0px; padding-top:12px ; font-size:1.9em; font-weight:500; margin-bottom:20px; color:#333; margin-top:40px}
h4{ margin-bottom:28px; font-size:24px; font-weight:600; color:#414141; padding-left:35px; position:relative;}
h4::before{display:block; content:''; width:10px; height:10px; border-radius: 5px; border:5px solid #c80000; transform:rotate(45deg); position:absolute; left:0; top:1px;}
h5{ padding-left:25px ; font-size:1.25em; font-weight:500; margin-bottom:10px; color:#068b13;   clear:both;  line-height:1.35; margin-bottom:10px;}
h6{ margin:10px 0px; font-weight:500; font-size:1.1em}
.body-content{word-break:normal; word-break:keep-all; }
@media all and (max-width:1486px){
	.fix-layout{padding:0 3%}
}
@media all and (max-width:1200px){
	#body h2{font-size:36px; padding:50px 16px 32px 0px; margin-bottom:0;}
	.sub-top{padding-top:60px; height:200px;}
	.sub-top .sub-top-ttl{font-size:40px; margin-bottom:20px}

}
@media all and (max-width:768px){
	#body h2{font-size:28px; font-weight:600;}
	.sub-top{height:150px; padding-top:30px;}
	.sub-top .sub-top-ttl{font-size:24px;}
	h4{font-size:20px; padding-left:25px}
	h4::before{border:3px solid #c80000;}
}

/*lnb스타일*/
#lnb{margin-top:30px; }
#lnb > ul > li > a{display:none;}
#lnb > ul > li > ul{text-align:center;}
#lnb > ul > li > ul > li{display:inline-block; }
#lnb > ul > li > ul > li > a{display:block; padding:0 3px 30px 3px; color:#888888; font-size:22px; font-weight:600; border:none; border-bottom:4px solid #fff; margin:0 40px;}
#lnb > ul > li > ul > li.check > a, #lnb > ul > li > ul > li:hover > a{color:#000; border-bottom:4px solid #000;}
@media all and (max-width:1024px){
	#lnb > ul > li > ul > li > a{font-size:18px; padding:0 3px 10px 3px; margin:0 20px}
}
@media all and (max-width:1000px){
	#lnb{position:unset;}
}
@media all and (max-width:900px){
	#lnb{position:unset;}
}
@media all and (max-width:768px){
	#lnb > ul > li > ul > li {margin-bottom: 20px;}
	#lnb > ul > li > ul > li > a{font-size:16px}
}
/*ui-page-tab 스타일*/
.ui-page-tab{text-align:center; margin-bottom:30px; margin-top:0;}
.ui-page-tab li{float:none; width:1%; display:table-cell}
.ui-page-tab li a{display:block; height:auto; padding:10px 0; background:none; color:#888888; font-size:20px; font-weight:500; border:1px solid #d5d5d5; border-bottom:0; }
.ui-page-tab li.on a, .ui-page-tab li a:hover{background:#a0121e; color:#ffffff; border:1px solid #a0121e; border-bottom:0; font-weight:500;}
@media all and (max-width:768px){
	.ui-page-tab li{width:49.5%; display:inline-block;}
	.ui-page-tab li a{font-size:14px; line-height:1;}
}
@media all and (max-width:420px){
	.ui-page-tab li{width:49%}
}
/*jconfirm-box style*/
.jconfirm-box-container{width:35%; margin:0 auto;}
/*게시판 스타일*/
.ui-view h5.ui-title:before{display:none;}
/*게시판 - 리스트*/
#searchVO table.table thead th{font-weight:600;}
#searchVO table.table td{font-size:15px; font-weight:500;}
/*게시판 - 갤러리*/
ul.ui-gallery li > a img{object-fit:cover;}
/************************************************
	Sub contents
*************************************************/
/*서브페이지 여백 공통*/
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
.mt80{margin-top:80px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mb80{margin-bottom:80px !important;}
@media all and (max-width:768px){
	.mt30{margin-top:15px !important;}
	.mt50{margin-top:25px !important;}
	.mt80{margin-top:40px !important;}
	.mb30{margin-bottom:15px !important;}
	.mb50{margin-bottom:25px !important;}
	.mb80{margin-bottom:40px !important;}
}
/*서브타이틀 공통*/
.sub-tit{font-size:40px; color:#101010; font-weight:600; margin-bottom:40px; position:relative;}
dl.sub-tit dt{font-size:40px; color:#101010; font-weight:600; float:left; min-width:260px; line-height:40px}
dl.sub-tit dd{float:left; font-size:24px; color:#333333; line-height:40px;}
dl.sub-tit dd strong{color:#000000; font-weight:600; background:linear-gradient(to top, #ffd0d4 50%, transparent 50%);}
.dot-list li{text-align:left; padding-left:10px; line-height:1.5; position:relative;}
.dot-list li::before{display:block; content:''; width:3px; height:3px; border-radius: 50%; background:#7b7b7b; position:absolute; left:0; top:11px;}
.img-zoom{width:100%; position:relative;}
.img-zoom img{width:100%; height:auto}
.img-zoom.hasLine{padding:40px; border:1px solid #e5e5e5;}
.img-zoom .zoom-btn{display:none}
@media all and (max-width:768px){
	.img-zoom .zoom-btn{width:60px; height:60px; background-color:rgba(0,0,0,.4); display:block; position:absolute; bottom:0; right:0; background-image:url(/resources/images/safety/sub/zoom-img.png); transition:all .3s ease;}
	.img-zoom .zoom-btn:hover{background-color:rgba(0,0,0,.65); transition: all .3s ease;}
}
/*테이블*/
.table-detail{width:100%; border-top:2px solid #000; border-bottom:1px solid #e5e5e5; table-layout: auto;}
.table-detail thead{border-bottom:1px solid #e5e5e5;}
.table-detail thead th{padding:25px 30px; font-size:20px; color:#000; font-weight:600;}
.table-detail tbody tr{border-bottom:1px solid #e5e5e5;}
.table-detail tbody tr:last-child{border-bottom:0;}
.table-detail tbody td{padding:25px 30px; font-size:18px; color:#2c2c2c; text-align:center; font-weight:400; line-height:1.2;}
.table-detail tbody th{padding:25px 30px; font-size:20px; color:#000; font-weight:600;}
@media all and (max-width:1200px){
	.table-detail{table-layout:fixed;}
	.table-detail thead th{font-size:16px; line-height:1.3; padding:15px 20px;}
	.table-detail tbody td{font-size:16px; padding:15px 20px;}
}
@media all and (max-width:768px){
	.table-responsive{overflow-x:auto;}
	.table-detail{width:1200px;}
}

/***********************************************
	*사이트맵*
************************************************/

/*사이트맵*/
.sitemap { width:100%; display:inline-block}
.sitemap a {display:block; }
.sitemap > ul > li {float:left; width:33%; margin-bottom:30px}
.sitemap > ul > li > a { background: #252525;color: #fff;border-radius:0px;width:90%;text-align:center;padding:20px 0;font-size:16px;font-weight:500;margin-bottom:10px;}
.sitemap > ul > li > ul > li {margin-bottom: 5px;}
.sitemap > ul > li > ul > li > a {border: 1px solid #dedede;color: #525252;border-radius:0px;width:90%;font-weight: 500;padding:15px 5%;}
.sitemap > ul > li > ul > li > a:hover{ color:#a0121e; border: 2px solid #a0121e;}
.sitemap > ul > li > ul > li > ul > li {position: relative; padding:0; font-size:16px; line-height:26px ;color: #4d4d4d; padding:2px 0 2px 13px;  margin-left:10px;}
.sitemap > ul > li > ul > li > ul > li:before	{content: "";display: block;position: absolute;width:6px;height:6px;background:#666;top:12px;margin-top:-3px;left: 0;border-radius:50%;}
.sitemap > ul > li > ul > li > ul > li > ul > li a { color: #8a6d3b; width:89%; content: ""; font-weight: 400; padding:2px 0;}
.sitemap > ul > li > ul > li > ul > li > ul > li > ul { border: 1px solid #dedede; width:89%; border-radius:5px; padding:8px }
.sitemap > ul > li > ul > li > ul > li > ul > li > ul > li a {  color: #8a6d3b; width:89%; font-weight:300;}
.sitemap > ul > li:last-child { display:none}
@media all and (max-width: 767px) {
	/*사이트맵*/
	.sitemap > ul > li {float:none; width:100%;}
	.sitemap > ul > li > a, .sitemap > ul > li > ul > li > a{ width:100%}
}
/***********************************************
	*로그인*
************************************************/
/* 로그인 */
.lgn { display: inline-block; width:100%; padding: 45px; border: solid 1px #e8eaed; }
.lgn .lgn-info { float: left; width: 60%; padding: 95px 0 80px 0; background: url(/resources/images/korean/sub/login_star.jpg) no-repeat right top; }
.lgn .lgn-info .lgn-info-w { background: url(/resources/images/korean/sub/login_lock.jpg) no-repeat 0 0; }
.lgn .lgn-info .lgn-info-w .lgn-info-txt01 { margin: 0 0 0 80px; padding: 0; font-size: 1.067em; font-weight: 400; color: #343434; line-height:2;}
.lgn .lgn-info .lgn-info-w .lgn-info-txt02 { margin: 0 0 0 80px; padding: 0; font-size: 3.333em; font-weight: 500; color: #343434; letter-spacing: -0.07em; }
.lgn .lgn-info .lgn-info-w .lgn-info-txt02-red { color: #be222f; }
.lgn .lgn-info .lgn-info-w .lgn-info-txt02-black { color: #010101; }
.lgn .lgn-info .lgn-info-w .lgn-info-txt03 { margin: 24px 0 0 0; padding: 0; font-size: 1.067em; color: #6b6b6b; letter-spacing: -0.07em; line-height:1.5; }
.lgn .lgn-ipt { float:left; position:relative; width: 40%; margin: 115px 0 0 0; padding: 0; }
.lgn .lgn-ipt .lgn-ipt-form { width: auto; padding: 0 145px 0 0; }
.lgn .lgn-ipt .lgn-ipt-form legend { width: 0; height: 0; line-height: 0; font-size: 0px; float: left; position: absolute; visibility: hidden; overflow: hidden; }
.lgn .lgn-ipt .lgn-ipt-form .lgn-ipt-combo { padding: 0 0 10px 0; color: #464646; }
.lgn .lgn-ipt .lgn-ipt-form ul { position: relative; }
.lgn .lgn-ipt .lgn-ipt-form ul li { position: relative; margin-bottom: 5px; padding: 0; }
.lgn .lgn-ipt .lgn-ipt-form ul li label { position: absolute; top: 0; left: 12px; line-height: 42px; color: #464646; }
.lgn .lgn-ipt .lgn-ipt-form ul li input { width: 96%; min-width: 120px; height: 42px; padding: 0 12px; border: solid 1px #eee; }
.lgn .lgn-ipt .lgn-ipt-form .lgn-btn { position:absolute; bottom: 6px; right: 0; width: 145px; height: 89px; font-size: 1.1133em; color: #fff; background-color: #be222f; border: 1px; border-color: #be222f; border-radius: 5px; outline: none; }
@media all and (max-width: 767px) {
	/* 로그인 */
	.lgn .lgn-info { width: 100%; padding: 0; background: none; }
	.lgn .lgn-info .lgn-info-w .lgn-info-txt01 { font-size: 1em; }
	.lgn .lgn-info .lgn-info-w .lgn-info-txt02 { font-size: 2.3em; }
	.lgn .lgn-ipt { width: 100%; margin: 10px 0 0 0; }
	.lgn .lgn-ipt .lgn-ipt-form { padding: 0 100px 0 0; }
}
/*기타*/
.bg_gray{background:#f7f7f7; position:relative; padding:80px 0;}
.bg_gray::before{width:2000px; height:100%; content:''; position:absolute; z-index:0; left:50%; transform:translateX(-50%); top:0; background:#f7f7f7}
@media all and (max-width:768px){
	.bg_gray{padding:40px 0}
}
/************************************************
	호서대학교 디지털금융경영학과 서브페이지 시작
*************************************************/
/*학과장인사말*/
.intro01 .cont-head{position:relative; z-index:1; margin:60px 0;}
.intro01 .deco-img{width:424px; height:276px; float:left; background:url(/resources/images/safety/sub/greeting.png) no-repeat center; background-size:cover; position:relative; margin-left:90px;}
.intro01 .deco-img::before{z-index:-1; width:205px; height:205px; border:30px solid #f1f1f1; border-radius: 60px; content:''; display:block; position:absolute; left:-90px; top:0px; transform:rotate(45deg)}
.intro01 .title{float:right; width: calc(100% - 600px); padding-top:80px}
.intro01 .title .wide{font-size:16px; letter-spacing: 5px; color:#5a5a5a; margin-bottom:15px}
.intro01 .title .wide strong{font-weight:700; color:#333333;}
.intro01 .title p{font-size:40px; color:#111111; font-weight:500; line-height:1.5}
.intro01 .title p span{font-weight:700; color:#BB0000;}
.intro01 .txt-bx{position:relative;}
.intro01 .txt-bx p{font-size:20px; line-height:1.5; color:#333333; margin-bottom:20px; font-weight:400;}
.intro01 .txt-bx .professor{font-weight:600; font-size:24px;}
@media all and (max-width:1200px){
	.intro01 .deco-img{width:307px; height:200px; margin-left:0;}
	.intro01 .deco-img::before{width:200px; height:200px; border:16px solid #f1f1f1; left:90px;}
	.intro01 .title{width:calc(100% - 400px); padding-top:30px;}
	.intro01 .title p{font-size:30px}
	.intro01 .txt-bx p{font-size:16px}
	.intro01 .txt-bx .professor{font-size:18px;}
}
@media all and (max-width:768px){
	.intro01 .title{padding-top:20px; width:calc(100% - 250px);}
	.intro01 .title p{font-size:24px}
	.intro01 .title .wide{margin-bottom:0px;}
	.intro01 .deco-img{width:230px; height:150px;}
	.intro01 .deco-img::before{width:120px; height:120px; left:0; top:0; border-radius: 30px}
}
@media all and (max-width:500px){
	.intro01 .cont-head{margin:0;}
	.intro01 .txt-bx p{font-size:14px}
	.intro01 .deco-img{float:none; width:180px; height:120px; margin-bottom:50px; display:none;}
	.intro01 .title{float:none; width:100%;}
}
/*전공소개*/
.intro02 .goal dl{margin-bottom:50px}
.intro02 .goal li{width:30%; float:left; margin-right:5%;}
.intro02 .goal li:nth-child(2){margin-top:5%;}
.intro02 .goal li:last-child{margin-right:0;}
.intro02 .goal li .goal-icon{width:115px; height:115px; background:aqua; margin:0 auto 30px auto;}
.intro02 .goal li .ico01{background:url(/resources/images/safety/sub/goal_icon01.png) no-repeat center; background-size:cover; background-size:cover;}
.intro02 .goal li .ico02{background:url(/resources/images/safety/sub/goal_icon02.png) no-repeat center; background-size:cover; background-size:cover;}
.intro02 .goal li .ico03{background:url(/resources/images/safety/sub/goal_icon03.png) no-repeat center; background-size:cover; background-size:cover;}
.intro02 .goal li .goal-text{position:relative; z-index:0}
.intro02 .goal li .goal-text .num{font-family: 'GmarketSans'; font-weight:700; font-size:150px; color:#f3f3f3; position:absolute; left:0; top:-64px; z-index:-1;}
.intro02 .goal li .goal-text p{font-size:18px; color:#525252; font-weight:400; text-align:left; padding: 15px 15px 0 15px; border-top:1px solid #E7E7E7; line-height:1.5}
.intro02 .goal li .goal-text .point{color:#A1131F; text-align:center; border-top:0; font-size:24px; font-weight:600; margin-bottom:10px; line-height:1; padding-top:25px}
.intro02 .ability li{background:#f1f1f1; padding:25px; margin-bottom:20px;}
.intro02 .ability li .title{font-size:20px; color:#111; margin-bottom:10px; position:relative; padding-top:12px; font-weight:600;}
.intro02 .ability li .title::before{display:block; content:''; width:10px; height:3px; background:#333; position:absolute; top:0; left:0; border-radius: 10px}
.intro02 .ability li .subTxt{font-size:18px; color:#333333; line-height:1.2;}
.intro02 .step{position:relative;}
.intro02 .bg_gray{z-index:1}
.intro02 .step .list{width:100%; margin-bottom:30px; padding:40px; border-radius: 20px; background:#fff; border:1px solid #ddd;}
.intro02 .step .list:last-child{margin-bottom:0;}
.intro02 .step .list .tit{float:left; width:300px}
.intro02 .step .list .cont{float:right; margin-left:30px; width:calc(100% - 330px);}
.intro02 .step .list p{margin-bottom:20px;}
.intro02 .step .list .name{line-height:36px; font-size:24px; color:#000000; font-weight:600;}
.intro02 .step .list .text{ font-size:18px; color:#222222; line-height:1.5; font-weight:500; }
.intro02 .step .list .subject{font-size:18px; color:#a60000; font-weight:600; margin-bottom:10px}
.intro02 .step .list ul li{display:inline-block; position:relative; padding-right:20px; font-size:16px; font-weight:400; color:#393939; line-height:1.5;}
.intro02 .step .list ul li::after{display:block; content:'·'; position:absolute; top:0px; right:10px;}
.intro02 .step .list ul li:last-child::after{display:none;}
@media all and (max-width:1400px){
	dl.sub-tit dt{font-size:30px;}
	.sub-tit{font-size:30px}
}
@media all and (max-width:1200px){
	dl.sub-tit dt{float:none; margin-bottom:10px}
	dl.sub-tit dd{float:none; width:100%; margin-bottom:20px; font-size:20px}
	.intro02 .goal li{margin-right:0; width:100%; margin-bottom:50px}
	.intro02 .goal li::after{display:block; content:''; clear:both;}
	.intro02 .goal li .goal-icon{float:left; margin-bottom:0;}
	.intro02 .goal li .goal-text{float:right; width:calc(100% - 165px);}
	.intro02 .goal li .goal-text .num{display:none}
	.intro02 .goal li .goal-text .point{text-align:left; padding-top:0;}
	.intro02 .goal li:nth-child(2){margin-top:0}
	.intro02 .goal li:nth-child(2) .goal-icon{margin-top:0}
	.intro02 .goal li:nth-child(2) .goal-text{margin-top:0}
}
@media all and (max-width:1000px){
	.intro02 .step .list .tit{width:250px}
	.intro02 .step .list .cont{width:calc(100% - 280px)}
}
@media all and (max-width:768px){
	dl.sub-tit dt, .sub-tit{font-size:24px}
	dl.sub-tit dd{line-height:1.5; font-size:18px}
	.intro02 dl.sub-tit dd{border:1px solid #e5e5e5; padding:20px}
	.intro02 .goal li .goal-icon{width:90px; height:90px;}
	.intro02 .goal li .goal-text{width:calc(100% - 115px)}
	.intro02 .goal li .goal-text .point{font-size:20px}
	.intro02 .goal li .goal-text p{font-size:16px}
	.intro02 .step .list .name{font-size:20px; line-height:1;}
	.intro02 .step .list .tit{width:auto; float:none;}
	.intro02 .step .list .text{font-size:16px}
	.intro02 .step .list .cont{width:100%; float:none; margin-left:0;}
}
@media all and (max-width:500px){
	.sub-tit{margin-bottom:20px}
	.intro02 .goal li .goal-icon{float:none; margin:0 auto 20px auto;}
	.intro02 .goal li .goal-text{width:100%;}
	.intro02 .goal li .goal-text .point{text-align:center;}
	.intro02 .step .list{margin-bottom:10px; padding:30px}
	.intro02 .step .list .name{font-size:18px}
	.intro02 .step .list ul li{font-size:14px}
	.intro02 .ability li{margin-bottom:10px; padding:20px}
	.intro02 .ability li .title{font-size:16px;}
	.intro02 .ability li .subTxt{font-size:14px;}
}
/*교수소개 스타일 변경*/
.prof-list > li{height:auto; padding:0; border:0; max-width:unset; min-width:unset; width:17.5%; margin:0 10% 2% 0;}
.prof-list > li:nth-child(4n){margin-right:0;}
.prof-list .prof-photo{width:80%; height:275px;}
.prof-list .prof-photo img{display:block; width:100%; height:100%; object-fit:cover; border-radius: 0; filter: grayscale(100%); border:0;}
.prof-list .prof-name{text-align:left; margin:24px 0; font-weight:600; color:#020202;}
.prof-list .prof-name .en-name{display:inline-block; color:#666666; margin-left:10px; font-weight:400; font-size:18px}
.prof-list .prof-info li{background:none; padding:0; color:#737373; font-size:18px; border:none; margin-bottom:10px}
@media all and (max-width:1200px){
	.prof-list .prof-photo{height:250px; width:100%;}
}
@media all and (max-width:768px){
	.prof-list{margin-top:30px}
	.prof-list > li{width:100%; margin-right:0; margin-bottom:20px}
	.prof-list .m-pull-left{width:28%;}
	.prof-list .m-pull-right{width:69%;}
	.prof-list .prof-photo{height:140px;}
}
@media all and (max-width:500px){
	.prof-list .prof-name{font-size:16px; margin:10px 0;}
	.prof-list .prof-name .en-name{font-size:14px}
	.prof-list .prof-photo{height:90px}
	.prof-list .prof-info li{font-size:14px}
}

/* 동아리 */
.club_warp .unit {position:relative;padding:46px 0 0 618px;margin:0 0 40px;min-height:346px}
.club_warp .unit.n03 {padding:0 0 0 618px;}
.club_warp .unit:after {content:"";display:block;position:absolute;width:100%;height:3px;background:url(/resources/images/safetyfire/sub/box_pattern.png) repeat-x left bottom;left:0;bottom:0}
/*.club_warp .unit:last-child {padding:0;margin:0}
.club_warp .unit:last-child:after {display:none}*/
.club_warp .unit .imgBox {position:absolute;width:500px;top:0;left:0}
.club_warp .unit .imgBox img {display:block;position:relative;width:100%;z-index:1}
.club_warp .unit .txtBox {box-sizing:border-box;padding:0 0 50px}
.club_warp .unit .txtBox .mTit {font-size:1.563em;color:#222222;letter-spacing:-.05em;font-weight:500;line-height:1.2;margin:0 0 23px;}
.club_warp .unit .txtBox .sTit {font-size:1.250em;letter-spacing:-.025em;line-height:1.2;margin:36px 0 0px}
.club_warp .unit .txtBox .mTxt1 {line-height:1.875em;letter-spacing:-.025em;margin:0 0 12px}
.club_warp .unit .txtBox .mTxt1:last-child {margin:0}
.club_warp .unit .txtBox .mTxt2 {line-height:1.875em;letter-spacing:-.025em;margin:21px 0 0}
.club_warp .unit .txtBox .info-ex {line-height:1.35}
.club_warp .unit .txtBox .info-ex:before {top:2px}
.club_warp .unit:nth-child(even) {padding:0 608px 40px 0}
.club_warp .unit:nth-child(even) .imgBox {left:auto;right:0}
.club_warp .unit:nth-child(even) .imgBox .role-tit {right:auto;left:-66px}
/*.club_warp .unit:last-child .txtBox {padding:0}*/
@media all and (max-width:1100px) {
	.club_warp .unit {padding:30px 0 0 500px;margin:0 0 40px;min-height:290px}
	.club_warp .unit:nth-child(even) {padding:30px 500px 0 0}
	.club_warp .unit .imgBox {width:400px}
}
@media all and (max-width:999px) {
	.club_warp .unit {padding:10px 0 0 400px;margin:0 0 30px;min-height:0}
	.club_warp .unit.n03 {padding:0;}
	.club_warp .unit:nth-child(even) {padding:10px 400px 0 0}
	.club_warp .unit .imgBox {width:300px}
	.club_warp .unit .txtBox .mTit {margin:0 0 15px}
	.club_warp .unit .txtBox .sTit {margin:15px 0 0px}
	.club_warp .unit .txtBox .mTxt1 {margin:0 0 15px}
	.club_warp .unit .txtBox .mTxt2 {margin:15px 0 0}
}
@media all and (max-width:860px) {
	.club_warp .unit {padding:0;margin:0 0 30px}
	.club_warp .unit .imgBox {position:relative;left:auto;top:auto;max-width:420px;width:100%;margin:0 auto;padding:66px 0 0}
	.club_warp .unit .txtBox {margin:20px 0 0;padding:0 0 20px}
	.club_warp .unit:nth-child(even) {padding:0}
	.club_warp .unit:nth-child(even) .imgBox {left:auto;right:auto}
	.club_warp .unit:nth-child(even) .imgBox .role-tit {left:50%;margin:0 0 0 -66px}
}
@media all and (max-width:600px) {
	.club_warp .unit {margin:0 0 20px}
	.club_warp .unit .imgBox {padding:50px 0 0}
	.body-content { padding: 0px 0 30px;}
}

/******************** 산업안전공학과 ********************/
i, em{font-style:normal;}

/* 인사말 */
.intro01{ margin-bottom:80px;}
.intro_top {position: relative; max-width: none; margin: 0 auto 68px; padding: 7px 50px 12px; text-align: center; margin-top:50px;}
.intro_top .tit { display: inline-block;position: relative;  font-family: 'Gmarket';font-size: 34px;color: #000000;font-weight: 600;letter-spacing: -0.05em;line-height: 1.5;}
.intro_top .tit::before {content: "“"; position: absolute;left: -90px;top: -20px;;font-weight: bold; color:#dbdbdb; font-size:80px; }
.intro_top .tit::after { content: "”"; position: absolute;right: -90px; top: -20px;font-weight: bold; color:#dbdbdb;font-size:80px; }
.intro_top .s_tit {display: block; margin-bottom: 5px;font-size: 24px;font-weight: bold;letter-spacing: -0.03em; color: #006a7a;line-height: 1.4; margin-top:30px;}
.intro_top .s_tit b { display:block;  color:#424242; font-size:16px; margin-top:10px;}

.greeting_imgbox { position: relative; margin-bottom:100px;}
.greeting_imgbox .greet_img img {overflow: hidden; display: flex; width:100%;  border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
.greeting_imgbox .greet_title {position:absolute;top:auto;right: 57px;  bottom: -62px; width: auto;  max-width: 500px;padding: 40px;border-radius: 40px; background: #000; text-align:left;}
.greeting_imgbox .greet_title em {display:block; color:#dfdfdf; font-size:15px;}
.greeting_imgbox .greet_title span {display:block; position:relative; margin:0px 0 0; font-size:28px; color:#fff; font-weight:bold; }
.greeting_imgbox .greet_title span em {font-size: 18px;  font-weight: 500;letter-spacing: 0; color: #fff; padding-top:20px;}

.greeting_text {display: flex;flex-wrap: wrap; justify-content: center;}
.greeting_text h3 {width:300px; font-weight:600; font-size:40px; margin-top:0px;}
.greeting_text .txt01 {width:calc(100% - 300px); display: flex;flex-direction: column;}
.greeting_text .txt01 p { font-size:18px; line-height:1.7em;}
.greeting_text .txt01 p em {font-size:30px; font-weight:500; line-height:1.4em; padding-bottom:20px; color:#000;}
.greeting_text .txt01 p b {display:block; text-align: right; font-size:inherit; font-weight:700;}


@media screen and (max-width:1100px){
	.intro_top .tit::before{left: -50px;}
	.intro_top .tit::after{right: -50px;}
}

@media (max-width: 767px){
	.greeting_imgbox {margin-bottom: 20px;}
	.greeting_imgbox .greet_img img {border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
	.greeting_imgbox .greet_title {position: static; top:auto; border-radius: 0px; max-width:100%;}
	.greeting_text h3 {width:100%;}
	.greeting_text .txt01 { display:block; width:100%; font-size:18px; line-height:1.7em;}
	.greeting_text .txt01 p em { font-size:25px;}
}

/* 교육목표*/
.edu-goal-section {
  padding: 60px 20px;
  background: #f9f9f9;
  font-family: 'Pretendard', sans-serif;
  color: #333;
  margin-bottom: 80px;
}

.edu-goal-section .container {
  max-width: 1200px;
  margin: 0 auto;
}
.edu-goal-section h3 {background: none;}
.section-title {
  font-size: 32px;
  margin-bottom: 20px;
  font-weight: 700;
  border-left: 5px solid #990000;
  padding-left: 12px;
}

.edu-vision {
  font-size: 20px;
  margin-bottom: 40px;
  color: #0066cc;
  font-weight: 600;
}
.edu-vision-box {
  background-color: #eef5fc; /* 연한 파란 배경 */
  color: #003366; /* */
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  padding: 30px 20px;
  border-radius: 10px;
  margin: 40px 0;
  line-height: 1.6;
}
.edu-vision-box.dark-theme {
  background-color: rgba(0, 0, 7, 0.5); /* 현재 사용 중인 배경과 통일 */
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  padding: 30px 20px;
  border: 3px solid #c80000;
  border-radius: 10px;
  margin: 40px 0;
  line-height: 1.6;
  box-shadow: 0 0 10px rgba(200, 0, 0, 0.3);
}


.edu-goal-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 60px;
}

.goal-item h3 {
  font-size: 20px;
  color: #222;
  margin-bottom: 10px;
  font-weight: 600;
}

.goal-item ul {
  list-style: disc;
  padding-left: 20px;
}

.goal-item li {
  margin-bottom: 8px;
  line-height: 1.6;
  font-size:16px;
  font-weight:600;
}

.ul-style03 {
  margin-top: 40px;
}

.ul-style03 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.ul-style03 > ul > li {
  flex: 1 1 30%;
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px 20px 15px 20px;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.ul-style03 > ul > li span {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #c80000;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 10px;
}

.ul-style03 > ul > li strong {
  display: block;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #222;
}

.ul-style03 > ul > li ul {
  padding-left: 15px;
  list-style-type: disc;
}

.ul-style03 > ul > li ul li {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 6px;
}

@media (max-width: 768px) {
  .ul-style03 > ul {
    flex-direction: column;
  }
  .ul-style03 > ul > li {
    flex: 1 1 100%;
  }
  .edu-vision-box {
    font-size: 20px;
    padding: 20px 15px;
  }
  .edu-vision-box.dark-theme {
    font-size: 20px;
    padding: 20px 15px;
  }
  .edu-goal-section {margin-bottom: 20px;}
}

@media (min-width: 768px) {
  .edu-goal-list, .keyword-list {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .goal-item, .keyword-item {
    flex: 1 1 48%;
  }
}

/* 인재상 */
.talent-vision-banner {
  background: linear-gradient(45deg, #c80000, #900000); /* 포인트 컬러 */
  color: #fff;
  text-align: center;
  padding: 40px 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  border-radius: 10px;
  margin: 60px 20px 30px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
  .talent-vision-banner {
    font-size: 18px;
    padding: 30px 15px;
    margin: 40px 15px 20px;
  }

  .talent-vision-banner br.mo-hide {
    display: none;
  }
}
.fade-up-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease;
}

.fade-up-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}
.talent-diagram {
  padding: 60px 20px;
  font-family: 'Pretendard', sans-serif;
  background: #f9f9f9;
  text-align: center;
  margin-bottom:80px;
}
.talent-diagram h3{ margin-top:0px !important;}

.talent-diagram .section-title {
  font-size: 32px;
  margin-bottom: 40px;
  font-weight: 700;
  color: #222;
  text-align:left;
  background:none;
}

.diagram-wrapper {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  min-height: 500px;
}

.diagram-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  background: #c80000;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

/* 바깥 원 테두리 */
.diagram-center::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 220px;
  height: 220px;
  border: 3px solid #c80000;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0.4;
}

.diagram-item {
  position: absolute;
  width: 350px;
  background: #fff;
  border: 2px solid #c80000;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  text-align: left;
}

.diagram-item h4 {
  font-size: 18px;
  font-weight: bold;
  color: #c80000;
  margin-bottom: 10px;
}

.diagram-item ul {
  padding-left: 20px;
  list-style: disc;
  font-size: 16px;
  color: #333;
}

.diagram-item.top-left {
  top: 0;
  left: 0;
}

.diagram-item.top-right {
  top: 0;
  right: 0;
}

.diagram-item.bottom-left {
  bottom: 0;
  left: 0;
}

.diagram-item.bottom-right {
  bottom: 0;
  right: 0;
}

@media (max-width: 768px) {
  .diagram-wrapper {
    min-height: auto;
  }
  .diagram-item,
  .diagram-center {
    position: static;
    transform: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .diagram-center {
    border-radius: 12px;
    height: auto;
	padding: 20px 0;
  }
  .diagram-center br { display:none;}
  .talent-diagram {margin-bottom:20px;}
}

/* 전공역량 */
.major-skill-section {
  padding: 60px 20px;
 /* background: #f9f9f9;
  font-family: 'Pretendard', sans-serif;*/
}

.major-skill-section .section-title {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 50px;
}

.skill-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
  padding-top: 40px;
  border-top: 1px solid #ccc; /* 상단 라인 추가 */
  flex-wrap: wrap;
  gap: 40px;
}
.skill-item:first-of-type {
  border-top: none;
  padding-top: 0;
}

.skill-item .skill-img {
  flex: 1 1 45%;
  max-width: 500px;
}

.skill-item .skill-img img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

.skill-item .skill-text {
  flex: 1 1 50%;
}

.skill-item .skill-text b {
  background-color: #000;
  color: #fff;
  padding: 4px 10px;
  border-radius: 20px;
  font-weight: 500;
  font-size: 16px;
  margin-right: 6px;
}

.skill-item .skill-text span {
  font-size: 16px;
  color: #888;
  display: block;
  margin-bottom: 5px;
}

.skill-item .skill-text strong {
  font-size: 30px;
  font-weight: bold;
  color: #c80000;
  display: block;
  margin-bottom: 15px;
}

.skill-item .skill-text p {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 10px;
}

/* 교차 레이아웃: 오른쪽 이미지인 경우 반대 정렬 */
.skill-item.row-right {
  flex-direction: row-reverse;
}

@media (max-width: 768px) {
  .skill-item {
    flex-direction: column !important;
  }

  .skill-item .skill-img,
  .skill-item .skill-text {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
/*학부소개 > 학과사무실*/
.uni_compa {margin-bottom:80px;}
.uni_visual{overflow:hidden;width:100%;height:386px;background:no-repeat 50% 50%;background-size:cover; }
.uni_visual .text_wrap{position:relative;top:50%;float:right;width:50%;padding:0 90px 0 80px;transform:translateY(-50%)}
.uni_visual .text_wrap p{color:#fff;word-break:keep-all; line-height:24px;}
.uni_visual .uni_visual_tit{padding-bottom:18px;font-size:28px;line-height:1.4}
.uni_visual .uni_visual_desc,
.uni_visual + .uni_visual_desc{font-weight:400;font-size:16px}
.uni_visual + .uni_visual_desc{padding:30px 60px;color:#fff;background:#595349}

.uni_visual.vi_1{background-image:url(/resources/images/safety/sub/intro07_img01.jpg)}

@media only screen and (max-width:1024px){
	/* uni_visual */
	.uni_visual{height:auto;padding:30px 0}
	.uni_visual .text_wrap{position:static;width:100%;padding:0 30px;transform:translateY(0)}
	.uni_visual .text_wrap p{text-shadow:0px 2px 5px #000}
	.uni_visual .uni_visual_tit{padding-bottom:10px;font-size:20px}
	.uni_visual .uni_visual_desc,
	.uni_visual + .uni_visual_desc{font-size:14px}
	.uni_visual + .uni_visual_desc{padding:10px 15px}
}
@media all and (max-width:767px){
	.uni_compa{margin-bottom:20px;}
}
/*학과사무실 연락처*/
.contact li{border: 1px solid #ddd; margin-bottom:12px;}
.contact li span{padding:16px 0; font-size:16px;}
.contact li span:first-child{display: inline-block;  width: 120px; margin-right: 15px; text-align: center;font-weight: 600; background: #ececec;}

@media all and (max-width:767px){
	.contact li span{display:block; padding:16px 8px;}
	.contact li span:first-child{display:block; width:100%; margin-right:0;}
}

/* 자격증 */
.license-banner-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  justify-items: center;
  margin-bottom:80px;
}

.license-box {
  width: 100%;
  max-width: 300px;
  background: #fff;
  border: 2px solid #c80000;
  border-radius: 16px;
  padding: 20px 10px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/*.license-box:hover {
  background: #c80000;
  color: #fff;
}

.license-box:hover .license-title {
  color: #fff;
}*/

.license-img {
  width: 60px;
  height: 60px;
  margin: 0 auto 12px;
}

.license-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.license-title {
  font-size: 15px;
  font-weight: 600;
  color: #c80000;
  line-height: 1.4;
}

/* 반응형 대응 */
@media (max-width: 1024px) {
  .license-banner-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .license-banner-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .license-box {
    max-width: 100%;
    padding: 15px;
  }

  .license-img {
    width: 50px;
    height: 50px;
  }
}

/* 배움공간 > 교욱목표 */
.core-talent-section {
  padding: 60px 20px;
  background-color: #f9f9f9;
  margin-bottom:80px;
}

.core-talent-section .section-title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #222;
  margin-bottom: 50px;
}

.core-talent-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 1100px;
  margin: 0 auto;
}

.talent-card {
  background: #fff;
  border: 2px solid #c80000;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

/*.talent-card:hover {
  background: #c80000;
  color: #fff;
  transform: translateY(-4px);
}*/

.talent-card .talent-inner {
  padding: 30px 20px;
}

.talent-card h3 {
  font-size: 20px;
  font-weight: 700;
  color: #c80000;
  margin-bottom: 15px;
}

/*.talent-card:hover h3 {
  color: #fff;
}*/

.talent-card p {
  font-size: 15px;
  line-height: 1.7;
  color: #333;
}

/*.talent-card:hover p {
  color: #fff;
}*/

@media (max-width: 768px) {
  .core-talent-section { margin-bottom:20px;}
  .core-talent-grid {
    grid-template-columns: 1fr;
  }

  .talent-card .talent-inner {
    padding: 24px 16px;
  }

  .core-talent-section .section-title {
    font-size: 24px;
  }
}

.fc_red {color: #be222f !important;}
/*공백 */
.gap {height:70px;clear:both;display:block;}
.sgap {height:50px;clear:both;display:block;}
.ssgap {height:20px;clear:both;display:block;}
@media all and (max-width:999px) {
	.gap {height:50px}
	.sgap {height:30px;}
	.ssgap {height:15px;}
}
@media all and (max-width:768px) {
	.gap {height:30px}
	.sgap {height:20px;}
	.ssgap {height:10px;}
}

.fund_warp { margin-bottom:80px;}

@media (max-width: 768px) {
	.fund_warp { margin-bottom:20px;}
}

/* 페이지 준비중 */
.page-pending-wrap {
  width: 100%;
  padding: 100px 20px;
  background-color: #f9f9f9;
  text-align: center;
  font-family: 'Pretendard', sans-serif;
}

.page-pending-inner {
  max-width: 800px;
  margin: 0 auto;
}

.page-pending-title .icon-box {
  margin-bottom: 20px;
}

.page-pending-title .icon-box img {
  width: 80px;
  height: auto;
}

.page-pending-title small {
  font-size: 24px;
  font-weight: 500;
  color: #333;
  display: block;
  margin-bottom: 10px;
}

.page-pending-title small strong {
  color: #b9173d;
  font-weight: 700;
}

.page-pending-title p {
  font-size: 16px;
  color: #666;
}