@charset "utf-8";
#container {padding:30px 0 60px; background:#f4f4f4;}

.tCon, .bCon {overflow:hidden;}
#pZone, #edu {float:left; width:58%; max-width:810px;}
#container .rCon, #photo {float:right; width:40.5%;}

#pZone {position:relative; border-radius:10px; overflow:hidden;}
#pZone ul.list {overflow:hidden; padding-left:30px; padding-top:30px;}
#pZone ul.list>li {float:left; margin-left:5px;}
#pZone ul.list>li .img {position:absolute; left:0; top:0; display:none; width:100%;}
#pZone ul.list>li.on .img {display:block;}
#pZone ul.list>li .bl {position:relative; width:15px; height:14px; border-radius:15px; background:rgba(255,255,255,.7); z-index:10;}
#pZone ul.list>li.on .bl {width:40px; background:#fff;}
#pZone>a {position:absolute; top:45%; width:38px; height:38px; border-radius:50%; background:rgba(0,0,0,.5); z-index:10;}
#pZone>a.prev {left:15px;}
#pZone>a.next {right:15px;}
#pZone>a:before {position:absolute; top:50%; width:14px; height:14px; border:solid #fff; transform:translateY(-50%) rotate(45deg); content:"";}
#pZone>a.prev:before {border-width:0 0 2px 2px; left:13px;}
#pZone>a.next:before {border-width:2px 2px 0 0; right:13px;} 

.board {position:relative; padding-top:54px;}
.board>div>h3 {position:absolute; top:0;}
.board>div:nth-of-type(1)>h3 {z-index:10;}
.board>div:nth-of-type(2)>h3 {left:150px; z-index:5;}
.board>div:nth-of-type(3)>h3 {left:300px; z-index:0;}
.board>div.on>h3 {z-index:15;}
.board>div>h3>a {display:block; text-align:center; width:160px; height:55px; line-height:55px; font-weight:normal; border-radius:10px 10px 0 0; border:1px solid #ddd; background:#f4f4f4;}
.board>div.on>h3>a {font-weight:bold; color:#2d73cb; border-bottom:1px solid #fff; background:#fff;}
.board>div>div {display:none; padding:20px 25px; border-radius:0 10px 10px 10px; border:1px solid #ddd; background:#fff;}
.board>div.on>div {display:block;}
.board .more {position:absolute; right:5px; top:15px;}

#board ul li:first-child {padding:10px 10px 25px 100px; margin-bottom:20px; border-bottom:1px solid #ddd; background:url('/lll/img/main/notice_ic.gif') no-repeat 20px center;}
#board ul li:first-child .tit {position:relative; min-height:23px; padding-right:30px; margin-bottom:12px; font-weight:bold; font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#board ul li:first-child .tit .new {position:absolute; right:0; top:0; display:inline-block; width:23px; height:23px; padding-left:6px; line-height:22px; color:#fff; font-size:13px; border-radius:50%; background:#f33559;}
#board ul li:first-child .txt {font-size:13px; line-height:21px;}
#board ul li:nth-of-type(n+2) {position:relative; margin-top:8px; padding-left:15px;}
#board ul li:nth-of-type(n+2):before {display:block; content:""; position:absolute; left:3px; top:8px; width:5px; height:5px; border-radius:50%; background:#aaa;}
#board .more {font-size:13px; font-weight:bold; color:#545454;}

#link {overflow:hidden; margin-top:8px;}
#link>li {float:left; width:32.3%; margin-left:1.5%;}
#link>li:first-child {margin-left:0;}
#link>li>a {display:block; text-align:center; font-size:20px; font-weight:bold; color:#fff; line-height:75px; border-radius:10px;}
#link>li.l1>a {background:url('/lll/img/main/link1_bg.gif') no-repeat center center; background-size:100% 100% !important;}
#link>li.l2>a {background:#6b4bb8 url('/lll/img/main/link2_bg.gif') no-repeat left bottom;}
#link>li.l3>a {background:url('/lll/img/main/link3_bg.gif') no-repeat center center; background-size:100% 100% !important;}

.bCon {margin-top:30px;}

#edu .list li {position:relative; margin-left:100px; border-bottom:1px solid #ddd;}
#edu .list li:after {display:block; content:""; clear:both;}
#edu .list li:last-child {border-bottom:0;}
#edu .list li span.tag {position:absolute; left:-100px; top:11px; text-align:center; width:85px; height:30px; font-size:14px; line-height:25px; border-radius:50px;}
#edu .list li.soon span.tag {color:#F2CB61; border:1px solid #F2CB61;}
#edu .list li.applying span.tag {color:#fa5e7b; border:1px solid #fa5e7b;}
#edu .list li.waiting span.tag {color:#2d73cb; border:1px solid #2d73cb;}
#edu .list li.end span.tag {color:#8f8f8f; border:1px solid #8f8f8f;}
#edu .list li a {float:left; display:block; width:47%; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#edu .list li dl {margin-top:13px;}
#edu .list li dl dt, #edu .list li dl dd {display:inline-block;}
#edu .list li dl.period {float:left; width:43%;}
#edu .list li dl.period dt {padding:1px 5px 4px 4px; color:#fff; font-size:12px; border-radius:3px;}
#edu .list li.applying dl.period dt {background:#fa5e7b;}
#edu .list li.waiting dl.period dt {background:#2d73cb;}
#edu .list li.end dl.period dt {background:#8f8f8f;}
#edu .list li dl.person {float:left; width:10%; white-space:nowrap;}
#edu .list li dl.person dt {width:17px; height:17px; background:url('/lll/img/main/person_ic.gif') no-repeat;}
#edu .more {width:93px; height:29px; padding-left:30px; padding-top:2px; font-size:13px; font-weight:bold; color:#545454; border:3px solid #4173b0;}
#edu .more:before {display:block; content:""; position:absolute; left:5px; top:-12px; width:20px; height:31px; background:url('/lll/img/main/edu_search.gif') no-repeat;}

#photo>ul {overflow:hidden;}
#photo>ul>li {float:left; width:49%;}
#photo>ul>li:nth-of-type(2) {float:right;}
#photo>ul>li>a>div {height:175px; border-radius:10px; overflow:hidden;}
#photo>ul>li>a>div>img {min-width:100%; min-height:100%;}
#photo>ul>li>a dt {margin:20px 0 15px; font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#photo>ul>li>a dd {height:50px; font-size:14px; color:#4f4f4f; line-height:24px; overflow:hidden;}

/*tablet*/
@media all and (max-width:800px){
	#container {padding:20px;}
	#pZone, #edu, #container .rCon, #photo {float:none; width:100%;}
	#board {margin-top:20px;}
	#edu .list li a {width:52%;}
	#edu .list li dl.period {width:48%;}
	#edu .list li dl.person {display:none;}
	#photo {margin-top:20px;}
}



/*mobile*/
@media all and (max-width:640px){
	#pZone ul.list>li .bl {display:none;}
	.board {padding-top:44px;}
	.board>div:nth-of-type(2)>h3 {left:110px;}
	.board>div:nth-of-type(3)>h3 {left:220px;}
	.board>div>h3>a {width:120px; height:45px; line-height:45px; font-size:16px;}

	#edu .list li a {width:100%;}
	#edu .list li dl.period {display:none;}
}

/*mobile_min*/
@media all and (max-width:480px){
	#pZone>a {width:25px; height:25px;}
	#pZone>a.prev {left:10px;}
	#pZone>a.next {right:10px;}


	#photo>ul>li {float:none !important; width:100%; margin-top:20px;}
	#edu .more {top:5px; width:31px; height:31px; text-indent:-100%; overflow:hidden; font-size:0; line-height:0; border:0;}
	#edu .more:before {top:0;}
}

@media screen and (min-width: 801px){
	.dp_mb { display: none !important;}
}