@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/intellect/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/intellect/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 > 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/intellect/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/intellect/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/intellect/sub/goal_icon01.png) no-repeat center; background-size:cover; background-size:cover;}
.intro02 .goal li .ico02{background:url(/resources/images/intellect/sub/goal_icon02.png) no-repeat center; background-size:cover; background-size:cover;}
.intro02 .goal li .ico03{background:url(/resources/images/intellect/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}
}