@charset "utf-8"; 

body.bullets h1,
body.bullets h2,
body.bullets h3,
body.bullets h4,
body.bullets h5,
body.bullets h6{position:relative;}

body.bullets h4::before,
body.bullets h5::before,
body.bullets h6::before{display:inline-block;}

/* h4 ~ h6 계층구조 스타일 적용 시 body에  .hierarchy 클래스를 넣습니다. */
body.hierarchy h4,
body.hierarchy h4 + .guide{margin-top:20px;}


body.hierarchy h5,
body.hierarchy h5 + .guide{margin-top:13px; margin-left:15px;}

body.hierarchy h6,
body.hierarchy h6 + .guide{margin-top:10px; margin-left:20px;}



h4{font-size:23px; line-height:1.35;}
h5{font-size:17px; line-height:1.35;}
h6{font-size:16px; color:#3c5989; line-height:1.35;}

/* h1 ~ h6 불릿 스타일 */

body.bullets h5{}
body.bullets h5::before{width:9px; height:9px; border-radius:9px; left:-15px; top:7px; background:#5987d3;}

body.bullets h6{padding-left:20px;}
body.bullets h6::before{width:8px; height:8px; border-radius:8px; left:8px; top:5px; border:2px solid #5987d3;}




textarea.agreement{display:block; width:100%; height:250px; margin:10px 0 25px 0; background:#f8f8f8; border-radius:5px; line-height:1.5;}



/* 웹 해상도에서 콘텐츠 최소 높이 설정 */
@media(min-width:1024px){
	.contents{min-height:640px;}
}




.guide{font-size:15px; color:#555;}
.guide p{line-height:1.5;}

.guide .must{position:absolute; left:0; bottom:10px; font-size:15px;}
.guide .must mark{display:inline-block; width:6px; height:6px; border-radius:6px; margin-right:5px; background:#f00021; vertical-align:top;}

@media(max-width:640px){
	.guide[data-type="회원정보입력"]{padding-top:0 !important;}
	.guide .must{position:relative; bottom:10px; margin-top:10px; font-size:13px;}
}


.guide.border{border:1px solid #e1e1e1; padding:15px; border-radius:5px;}
.guide.bg{background:#f8f8f8; padding:15px;}




.guide p.caution{margin-top:10px; line-height:1.5; font-size:13px;}
.guide p.caution.red{padding-left:20px; color:#f00021; background:url(/startup/assets/img/common/icon_coution.png) no-repeat left 2.5px;}



.guide ul.rule{}

.guide ul.rule li::before,
.guide ol li::before{display:inline-block; background-repeat:no-repeat; background-position:left center;}
.guide ul.rule li,
.guide ol li{position:relative; line-height:25px;}
.guide ul.rule li:nth-child(n + 2),
.guide ol li:nth-child(n + 2){margin-top:10px;}

.guide li.clean{}

.guide ul.rule{}
.guide ol{}

.guide ol{counter-reset:number; }
.guide ol > li{padding-left:20px;}
.guide ol > li:nth-child(n + 2){margin-top:10px;}
.guide ol > li::before{display:inline-block; content: counter(number); counter-increment:number; left:0; top:5px; width:17px; height:17px; border-radius:17px; line-height:15px; border:1px solid #111; text-align:center; font-size:11px; font-weight:700;}

.guide ol.bg,
.guide ul.bg{padding:15px; background:#fafafa;}

.guide ol.border,
.guide ul.border{padding:15px; border:1px solid #ddd; border-radius:10px;}

.guide ul.rule ul,
.guide ul.rule ol,
.guide ol ul,
.guide ol ol{margin-top:10px; margin-left:0; margin-bottom:20px;}

.guide ul.rule li{}
.guide ul.rule li::before{}


.guide ul.rule{}
.guide ul.rule > li{font-size:15px;}
.guide ul.rule > li > ul{}
.guide ul.rule > li > ul > li{}
.guide ul.rule > li > ul > li > ul{}
.guide ul.rule > li > ul > li > ul > li{}



.guide ul.rule ol{}
.guide ul.rule ol > li{}
.guide ul.rule ol > li::before{}


.guide ul.hyphen > li{padding-left:10px; }
.guide ul.hyphen > li::before{width:5px; height:2px; left:0; top:12px; background:#3fa8ac; font-size:15px;}



.guide ul.square > li{padding-left:10px; }
.guide ul.square > li::before{width:5px; height:5px; left:0; top:10px; background:#222;}

.guide ul.square > li > ul > li{padding-left:8px;}
.guide ul.square > li > ul > li::before{width:3px; height:3px; left:0; top:11px; background:#222;}
.guide ul.square > li > ul > li > ul > li{padding-left:7px;}
.guide ul.square > li > ul > li > ul > li::before{width:2px; height:2px; left:0; top:11px; background:#222;}




.guide ul.circle > li{padding-left:10px; }
.guide ul.circle > li::before{width:5px; height:5px; border-radius:5px; left:0; top:10px; background:#222;}

.guide ul.circle > li > ul > li{padding-left:8px;}
.guide ul.circle > li > ul > li::before{width:3px; height:3px; border-radius:3px; left:0; top:11px; background:#222;}
.guide ul.circle > li > ul > li > ul > li{padding-left:7px;}
.guide ul.circle > li > ul > li > ul > li::before{width:2px; height:2px; border-radius:2px; left:0; top:11px; background:#222;}





/* 반응형(스크롤) 테이블 - jquery.guide.js */
.guide .responsive p{display:none; position:relative; padding:5px 0 5px 20px; font-size:13px; line-height:1.5;}
.guide .responsive p::before{display:inline-block; width:15px; height:15px; border-radius:15px; line-height:15px; left:0; top:7px; content:'!'; background:#333; color:#fff; font-weight:700; font-size:11px; text-align:center;}
.guide .responsive .scroll{overflow-x:auto;}
.guide .responsive .scroll table{min-width:768px;}

@media(max-width:1024px){
	.guide .responsive p{display:block;}
}





/* 센터소개 - 오시는길 */

#map,
#map2{height:450px; border-radius:10px; background:#cecece; overflow:hidden;}

.location{position:relative; margin-top:15px; padding-left:80px; padding-top:10px;}
.location::before{display:inline-block; width:66px; height:66px; border-radius:66px; left:0; top:0; background:#f8f8f8 url(/startup/assets/img/common/icon_location.png) no-repeat center;}
.location ul{}
.location ul li{font-size:17px; line-height:1.5; font-weight:700;}

.location ul li a,
.location ul li span{font-size:17px; line-height:1.5; font-weight:700; color:#000;}

.location ul li a{margin-right:20px;}


@media(max-width:640px){
	#map,
	#map2{height:80vw;}
}

@media(max-width:400px){
	.location ul li,
	.location ul li a,
	.location ul li span{font-size:15px;}
}










/* 창업지원 - 장비이용방법 */

.equipment-process{margin:15px 0 25px 0; border:1px solid #e1e1e1; border-radius:5px; overflow:hidden;}
.equipment-process ol{}
.equipment-process ol li{position:relative; float:left; width:25%; height:125px; padding:70px 0 0 0; text-align:center; background:#f8f8f8;}
.equipment-process ol li::before{display:inline-block; width:100%; height:70px; left:0; top:0; background-repeat:no-repeat; background-position:center;}
.equipment-process ol li:nth-child(1)::before{background-image:url(/startup/assets/img/common/icon_process01.png);}
.equipment-process ol li:nth-child(2)::before{background-image:url(/startup/assets/img/common/icon_process02.png);}
.equipment-process ol li:nth-child(3)::before{background-image:url(/startup/assets/img/common/icon_process03.png);}
.equipment-process ol li:nth-child(4)::before{background-image:url(/startup/assets/img/common/icon_process04.png);}
.equipment-process ol li::after{display:inline-block; width:0; height:0; right:-50px; top:50%; margin-top:-30px; border:30px solid transparent; border-left:20px solid #f8f8f8; z-index:1;}
.equipment-process ol li:nth-child(even)::after{border-left:20px solid #fff;}
.equipment-process ol li:last-child::after{display:none;}
.equipment-process ol li:nth-child(even){background:#fff;}
.equipment-process ol li sup{display:block; margin-bottom:5px; font-size:13px; color:#4379d4; font-weight:700;}
.equipment-process ol li em{font-size:15px;}

.equipment-process[data-process="시설대관신청"] ol li{width:33.3333333333%;}



@media(min-width:768px){
	.equipment-process br{display:none;}
}

@media(max-width:768px){
	.equipment-process ol li sup{font-size:12px;}
	.equipment-process ol li em{font-size:14px;}
}

@media(max-width:480px){
	.equipment-process ol li sup{font-size:11px;}
	.equipment-process ol li em{font-size:12px;}
}

.equipment{border-top:2px solid #000; border-bottom:1px solid #aaa;}
.equipment .list{position:relative; min-height:210px; padding:25px 150px 25px 250px; border-bottom:1px dotted #ccc;}
.equipment .list:last-child{border-bottom:0;}
.equipment .list .thumb{position:absolute; width:220px; height:140px; left:0; top:50%; margin-top:-70px; border-radius:10px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.equipment .list .thumb::before{display:inline-block; width:100%; height:100%; left:0; top:0; border-radius:10px; background:#f3f3f3 url(/startup/assets/img/common/logo.png) no-repeat center; background-size:150px; z-index:-1;}

.equipment .list .spec{padding-top:25px;}
.equipment .list .spec em{display:block; margin-bottom:15px; font-size:18px;}
.equipment .list .spec dl{position:relative; margin-top:5px; padding-left:12px; font-size:15px; color:#555; line-height:1.35;}
.equipment .list .spec dl:nth-child(2){margin-top:0;}
.equipment .list .spec dl::before{display:inline-block; width:5px; height:2px; left:0; top:9px; background:#3fa8ac;}
.equipment .list .spec dl dt{margin-right:5px; font-weight:700;}
.equipment .list .spec dl dd{}

.equipment .list .spec .el{position:absolute; right:0; top:50%; margin-top:-50px;}
.equipment .list .spec a.btn{position:absolute; right:0; top:50%; margin-top:-25px;}
.equipment .list .spec a{display:block; width:125px; height:50px; line-height:50px; margin-bottom:5px; border-radius:5px; font-weight:400; text-align:center;}
.equipment .list .spec a:last-child{margin-bottom:0;}
.equipment .list .spec a[data-state="장비이용신청"],
.equipment .list .spec a[data-state="이용신청"]{background:#5987d3; color:#fff;}
.equipment .list .spec a[data-state="장비이용불가"],
.equipment .list .spec a[data-state="이용불가"]{background:#eaeaea; color:#777; cursor: not-allowed;}

@media(max-width:1280px){
	.equipment .list .spec dl dd br{display:none;}
}

@media(max-width:768px){
	.equipment .list{padding:25px 0 100px 250px;}
	
	.equipment .list .spec .el,
	.equipment .list .spec a.btn{right:auto; left:250px; top:auto; bottom:35px; margin-top:0;}
	
	.equipment .list .spec .el a{float:left; margin-right:5px; margin-bottom:0;}
}

@media(max-width:580px){
	.equipment .list {padding:25px 0;}
	.equipment .list .thumb{position:relative; width:100%; height:75vw; top:auto; margin-top:0;}
	
	.equipment .list .spec .el,
	.equipment .list .spec a.btn{position:relative; display:block; width:100%; right:auto; top:auto; left:auto; bottom:auto; margin-top:10px;}
	
	.equipment .list .spec .el a{float:none; width:100%; margin-bottom:5px;}
}

/* 모든 신청 완료 스타일 */
.compelete{padding:60px 0; border-radius:10px; border:1px solid #6f97d9; text-align:center; background-color:#fff; background-image:url(/startup/assets/img/common/complete_bg.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.compelete em{font-size:25px;}


@media(max-width:640px){
	.compelete{background-position:left top;}
	.compelete em{font-size:21px;}
}



/* 청년지원 - 운영프로그램 */
.tab .row{height:50px; border:1px solid #bbb; border-radius:3px; background:#f5f5f5;}
.tab .row a{position:relative; width:200px; font-size:15px; color:#555; line-height:48px; text-align:center;}
.tab .row a span{position:relative; z-index:1;}
.tab .row a.active{color:#fff;}
.tab .row a.active::before{display:inline-block; width:100%; height:100%; left:-1px; top:-1px; background:#239ba0; box-sizing:content-box; border:1px solid #239ba0; border-radius:3px;}

@media(max-width:768px){
	.tab .row{width:100%;}
	.tab .row a{width:50%;}
}

.period{margin:25px 0; padding:20px 50px; background:#f8f8f8; border:1px solid #e1e1e1; border-radius:5px;}
.period ul{}
.period ul li{float:left; width:50%;}
.period ul li select,
.period ul li input{height:45px;}

.period ul li:nth-child(1) label{position:relative; width:80px; padding-left:10px; font-size:15px; font-weight:700; line-height:45px; text-align:left;}
.period ul li:nth-child(1) label::before{display:inline-block; width:3px; height:3px; left:0; top:50%; margin-top:-1px; background:#111;}
.period ul li:nth-child(1) span{width:20px; text-align:center; line-height:45px; font-size:15px;}
.period ul li:nth-child(1) input{width:calc(50% - 50px); background-color:#fff; transition:all 0.2s ease;}
.period ul li input:focus{background-color:#f1f6ff; border:1px solid #5987d3;}


.period ul li:nth-child(2){padding-left:5px;}
.period ul li:nth-child(2) select{width:100px;}
.period ul li:nth-child(2) input{width:calc(100% - 190px); margin:0 5px;}
.period ul li:nth-child(2) button{width:80px; height:45px; border-radius:5px; background:#757a85; font-size:15px; color:#fff; font-weight:700; transition:all 0.2s ease;}
.period ul li:nth-child(2) button:hover{background:#5987d3;}

@media(max-width:1280px){
	.period ul li:nth-child(1){padding-right:0; margin-bottom:10px;}
	.period ul li{width:100%;}
}

@media(max-width:768px){
	.period{padding:20px;}
	.period ul li:nth-child(1) label{width:100%;}
	.period ul li:nth-child(1) input{width:calc(50% - 10px);}
	
	.period ul li:nth-child(2){padding-left:0;}
}

@media(max-width:400px){
	.period{padding:20px 10px;}
}


.type{margin-bottom:25px;}
.type button{height:40px; margin:2px 4px 2px 0; padding:0 15px; border:1px solid #ddd; border-radius:3px; font-size:15px; color:#999;}
.type button:hover{background:#fafafa;}
.type button:last-child{margin-right:0;}
.type button.active{color:#232b39; border:1px solid #232b39; font-weight:700;}


.education{}
.education a{position:relative; float:left; border-radius:10px; overflow:hidden; border:1px solid #d7d8d9; transition:all 0.2s ease;}
.education a:hover{border:1px solid #5987d3;}
.education a[data-state="접수마감"]::after{display:inline-block; content:'접수마감'; left:20px; top:20px; padding:0 15px; height:36px; line-height:36px; border-radius:36px; font-size:15px; color:#fff; background:#3f4652; font-size:15px; z-index:1;}
.education a::before{}

.education a .thumb{position:relative; height:180px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.education a .thumb::before{display:inline-block; width:100%; height:100%; left:0; top:0; background:#f3f3f3 url(/startup/assets/img/common/logo.png) no-repeat center; background-size:150px; z-index:-1;}

.education a .info{position:relative; padding:25px 25px 70px 25px; border-top:1px solid #d7d8d9;}
.education a .info > em{display:block; margin-bottom:20px; font-size:18px; color:#232b39; line-height:1.35; height:2.7em; transition:all 0.2s ease;}
.education a:hover .info > em{color:#5987d3;}

.education a .info dl{display:inline-block; width:100%; vertical-align:top; font-size:15px; color:#adafb5;}
.education a .info dl + dl{margin-top:5px;}
.education a .info dl + dl +dl{margin-top:10px; color:#111;}
.education a .info dl dt,
.education a .info dl dd{float:left;}

.education a .info dl dt{margin-right:3px;}
.education a .info dl dd{}
.education a .info dl dd em{}

.education a .info span{position:absolute; right:20px; bottom:20px; padding:0 15px; line-height:36px; border-radius:36px; font-size:15px; color:#fff; background:#eee;}
.education a .info span[data-type="프로그램"]{background:#6b77c8;}
.education a .info span[data-type="교육"]{background:#eb6882;}
.education a .info span[data-type="네트워킹"]{background:#4dc0bf;}
.education a .info span[data-type="세미나"]{background:#414286;}
.education a .info span[data-type="이벤트"]{background:#077aba;}
.education a .info span[data-type="설명회"]{background:#757a85;}


@media(min-width:1280px){
	.education a{width:calc(33.3333333333% - 8px); margin-right:12px;}
	.education a:nth-child(n + 4){margin-top:12px;}
	.education a:nth-child(3n + 3){margin-right:0;}
}

@media(max-width:1280px){
	.education a{width:calc(50% - 6px); margin-right:12px;}
	.education a:nth-child(n + 3){margin-top:12px;}
	.education a:nth-child(2n + 2){margin-right:0;}
	
	.education a .thumb{height:240px;}
}

@media(max-width:640px){
	.education a{width:100%; margin-right:0;}
	.education a:nth-child(n + 2){margin-top:10px;}
	
	.education a .thumb{height:65vw;}
}





.education-detail{}

.education-detail strong{font-size:25px;}


.education-detail > .rowfull{margin-top:20px; border-top:2px solid #000; border-bottom:1px solid #d3d3d3;}

.education-detail ul{display:inline-block; width:100%; vertical-align:top;}
.education-detail ul li{float:left;}
.education-detail ul li:nth-child(1){width:280px;}
.education-detail ul li:nth-child(2){width:calc(100% - 280px); padding-left:50px;}

.education-detail ul li span.thumb{position:relative; display:block; height:180px; margin-top:20px; border-radius:10px; overflow:hidden; background-repeat:no-repeat; backgorund-position:center; background-size:cover;}
.education-detail ul li span.thumb::before{display:inline-block; width:100%; height:100%; left:0; top:0; border-radius:10px; background:#f3f3f3 url(/startup/assets/img/common/logo.png) no-repeat center; background-size:150px; z-index:-1;}

/* .education-detail ul li a{display:block; width:115px; height:50px; line-height:50px; margin:15px auto 0 auto; border-radius:5px; text-align:center; font-size:15px; font-weight:700; color:#fff; background:#5987d3;} */

.education-detail ul li dl{display:inline-block; vertical-align:top; width:100%; padding:20px 0; border-bottom:1px solid #e0e0e0; font-size:15px;}
.education-detail ul li dl:last-child{border-bottom:0;}
.education-detail ul li dl dt,
.education-detail ul li dl dd{}

.education-detail ul li dl dt{float:left; position:relative; width:130px; padding-left:15px;}
.education-detail ul li dl dt::before{display:inline-block; width:5px; height:2px; left:0; top:8px; background:#3fa8ac;}
.education-detail ul li dl dd{float:right; width:calc(100% - 130px); color:#777; text-align:left;}


.education-contents{padding:50px 0;}
.education-contents img{display:block; margin:10px auto; max-width:100%;}

@media(max-width:768px){
	.education-detail ul li:nth-child(1),
	.education-detail ul li:nth-child(2){width:100%;}
	.education-detail ul li:nth-child(1){margin-bottom:25px;}
	.education-detail ul li:nth-child(2){padding-left:0;}
	
	
	.education-detail ul li span.thumb{width:420px; height:280px; margin:20px auto 0 auto;}
}

@media(max-width:640px){
	.education-detail ul li span.thumb{width:100%; height:60vw;}
}


/* 입주안내 및 신청 */
.receipt-process{margin:20px 0; padding:25px; /* border:1px solid #e5e5e5; border-radius:5px; */}
.receipt-process ul{}
.receipt-process ul li{position:relative; float:left; width:20%; padding-top:115px; text-align:center;}
.receipt-process ul li::before{display:inline-block; width:98px; height:98px; border-radius:98px; left:50%; top:0; margin-left:-49px; background-color:#749ee4; background-repeat:no-repeat; background-position:center;}
.receipt-process ul li:nth-child(1)::before{background-image:url(/startup/assets/img/common/icon_receipt01.png);}
.receipt-process ul li:nth-child(2)::before{background-image:url(/startup/assets/img/common/icon_receipt02.png);}
.receipt-process ul li:nth-child(3)::before{background-image:url(/startup/assets/img/common/icon_receipt03.png);}
.receipt-process ul li:nth-child(4)::before{background-image:url(/startup/assets/img/common/icon_receipt04.png);}
.receipt-process ul li:nth-child(5)::before{background-color:#3fa8ac; background-image:url(/startup/assets/img/common/icon_receipt05.png);}

.receipt-process ul li::after{display:inline-block; width:24px; height:7px; right:-12px; top:50%; margin-top:-15px; background:url(/startup/assets/img/common/icon_receipt_arrow.png) no-repeat center;}
.receipt-process ul li:last-child::after{display:none;}

.receipt-process ul li em{font-size:16px;}

@media(max-width:768px){
	.receipt-process{padding:0; border:0;}
	
	.receipt-process ul li{padding-top:95px;}
	.receipt-process ul li::before{width:80px; height:80px; margin-left:-40px;}
}

@media(max-width:640px){
	.receipt-process ul li{width:100%; padding-bottom:50px;}
	.receipt-process ul li::before{width:100%; left:0; margin-left:0;}
	
	.receipt-process ul li::after{width:7px; height:24px; right:auto; top:auto; bottom:12px; left:50%; margin-left:-3.5px; background:url(/startup/assets/img/common/icon_receipt_arrow_v.png) no-repeat center;}
}



.livein{position:relative; margin-bottom:20px; position:relative; padding:35px 35px 35px 150px; border:1px solid #e2e2e2; border-radius:5px;}
.livein::before,
.livein::after{display:inline-block; width:90px; height:90px; border-radius:90px; left:35px; top:35px;}

.livein::before{background:#f8f8f8;}
.livein::after{background-repeat:no-repeat; background-position:center;}


.livein[data-step="1"]::before,
.livein[data-step="1"]::after{top:17px;}

.livein[data-step="1"]::after{background-image:url(/startup/assets/img/sub/icon_livein01.png);}
.livein[data-step="2"]::after{background-image:url(/startup/assets/img/sub/icon_livein02.png);}
.livein[data-step="3"]::after{background-image:url(/startup/assets/img/sub/icon_livein03.png);}
.livein[data-step="4"]::after{background-image:url(/startup/assets/img/sub/icon_livein04.png);}


.livein h5{margin-top:0 !important; margin-left:0 !important; color:#3c5989;}
.livein h5::before{display:none !important;}

.livein > ul{margin-top:10px;}
.livein > ul > li{position:relative; padding-left:10px; line-height:1.5;}
.livein > ul > li:nth-child(n + 2){margin-top:5px;}
.livein > ul > li::before{display:inline-block; width:5px; height:2px; left:0; top:13px; background:#3fa8ac;}


@media(max-width:1024px){
	.livein{min-height:125px; padding:20px 20px 20px 120px;}
	
	.livein::before,
	.livein::after{left:10px;}
	
}


@media(max-width:400px){
	.livein{min-height:125px; padding:120px 10px 10px 10px;}
	
	.livein::before,
	.livein::after{left:50%; top:15px; margin-left:-45px;}
}










/* 로그인 */
.login{padding:80px 0; border:1px solid #e5e5e5; border-radius:10px; text-align:center;}
.login strong{display:block; font-size:25px; line-height:1.35;}

.login ul{width:400px; margin:50px auto;}
.login ul li{float:left;}
.login ul li:nth-child(1){width:calc(100% - 130px); padding-right:10px;}
.login ul li:nth-child(2){width:130px;}
.login ul li input{width:100%; height:45px; padding-left:35px; background-repeat:no-repeat; background-position:10px center;}

.login ul li input[type="text"]{margin-bottom:10px; background-image:url(/startup/assets/img/common/icon_usr.png);}
.login ul li input[type="password"]{background-image:url(/startup/assets/img/common/icon_lock.png);}

.login ul li button{width:100%; height:100px; height:100px; border-radius:5px; background:#3f4652; color:#fff; font-size:17px; font-weight:700;}

.login span{display:block; color:#555;}

@media(min-width:640px){
	.login strong br{display:none;}
}

@media(max-width:640px){
	.login{padding:50px 10px;}
	
	.login strong{font-size:21px;}
	
	.login ul{width:100%; margin:35px 0;}
	
	.login ul li:nth-child(1),
	.login ul li:nth-child(2){width:100%; padding:0;}
	
	.login ul li button{height:60px; margin-top:10px; font-size:15px;}
	
	.login span{font-size:13px;}
}


/* 아이디 및 비밀번호 찾기 */
.identity{margin-top:30px;}
.identity ul{}
.identity ul li{float:left; width:50%;}
.identity ul li:nth-child(1){padding-right:10px;}
.identity ul li:nth-child(2){padding-left:10px;}
.identity ul li a{position:relative; height:230px; line-height:230px; padding:0 20px 0 150px; display:block; border:1px solid #e3e3e3; background:#f8f8f8; border-radius:8px; box-shadow:0 0 20px rgba(0,0,0,0); transition:all 0.2s ease;}
.identity ul li a::before{display:inline-block; width:100%; height:100%; left:0; top:0; border:3px solid #5987d3; border-radius:8px; opacity:0; transition:all 0.2s ease;}
.identity ul li a::after{display:inline-block; width:150px; height:100%; left:0; top:0; background-repeat:no-repeat; background-position:center;}

.identity ul li:nth-child(1) a::after{background-image:url(/startup/assets/img/common/icon_identity01.png);}
.identity ul li:nth-child(2) a::after{background-image:url(/startup/assets/img/common/icon_identity02.png);}

.identity ul li a:hover{background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.identity ul li a:hover::before{opacity:1;}


.identity ul li a span{display:inline-block; line-height:1; vertical-align:middle;}
.identity ul li a em{display:block; margin-bottom:15px; font-size:20px;}
.identity ul li a sub{font-size:15px; color:#555; line-height:1.5;}

@media(max-width:1280px){
	.identity ul li a{height:170px; line-height:170px;}
	.identity ul li a br{display:none;}
}

@media(max-width:768px){
	.identity ul li{width:100%;}
	.identity ul li:nth-child(1){margin-bottom:10px; padding-right:0;}
	.identity ul li:nth-child(2){padding-left:0;}
	
}

@media(max-width:640px){
	.identity ul li a{height:150px; line-height:150px;}
	.identity ul li a em{font-size:17px;}
	.identity ul li a sub{font-size:13px;}
}



/* 회원가입 */


.join-process{position:relative;}
.join-process ol{position:absolute; right:0; top:19px; counter-reset:number;}
.join-process ol::before{display:inline-block; content:'회원가입절차'; left:-90px; top:0; font-size:15px; font-weight:700; color:#5987d3; line-height:34px;}
.join-process ol li{position:relative; float:left; margin-right:5px; width:34px; height:34px; border-radius:34px; background:#757a85;}
.join-process ol li::before{display:inline-block; width:34px; height:34px; line-height:32px; left:0; top:0; text-align:center; content: counter(number); counter-increment:number; color:#fff; font-size:15px;}
.join-process ol li:last-child{margin-right:0;}
.join-process ol li.active{background:#5987d3;}

@media(max-width:768px){
	.join-process{text-align:right;}
	.join-process ol{position:relative; display:inline-block;}
}




.guidance{position:relative; padding:30px 40px 30px 135px; background:#f8f8f8; border:1px solid #e1e1e1; border-radius:10px; font-size:15px; color:#555; line-height:1.5;}
.guidance::before{display:inline-block; width:150px; height:100%; left:0; top:0; background:url(/startup/assets/img/common/icon_guidance.png) no-repeat center;}



.guidance ul{}
.guidance > ul{margin-top:10px;}
.guidance > ul > li{position:relative; padding-left:10px; line-height:1.5;}
.guidance > ul > li:nth-child(n + 2){margin-top:10px;}
.guidance > ul > li::before{display:inline-block; width:5px; height:2px; left:0; top:11px; background:#3fa8ac;}


@media(max-width:1024px){
	.guidance > ul > li br{display:none;}
}


@media(max-width:768px){
	.guidance{padding:115px 20px 35px 20px;}
	.guidance::before{width:100%; height:125px;}
}




/* 센터소개 -> 센터소개 */

.center{background:#e3e9f0; padding:50px 0; border-radius:10px; text-align:center;}

.center ul{position:relative;}
.center ul::before{display:inline-block; width:1px; height:100%; left:50%; top:0; background:#b4c9eb;}
.center li{position:relative; float:left; width:50%; padding-top:140px;}

.center li::before{display:inline-block; width:100px; height:100px; border-radius:100px; left:50%; top:15px; margin-left:-50px; background-color:#fff; background-repeat:no-repeat; background-position:center;}
.center li:nth-child(1)::before{background-image:url(/startup/assets/img/sub/center01.png);}
.center li:nth-child(2)::before{background-image:url(/startup/assets/img/sub/center02.png);}

.center li em{display:block; margin-bottom:10px; font-size:20px;}
.center li sub{font-size:17px; color:#555; line-height:1.5;}


.contact{padding:25px !important;}
.contact em,
.contact a{font-size:19px;}

.contact a{position:relative; margin:0 20px; padding:0 20px; font-weight:700;}
.contact a::after{display:inline-block; right:-3px; top:3px; content:'/'; font-size:15px; font-weight:300; color:#bbb;}
.contact sub{font-size:14px;}

@media(max-width:768px){
	.contact em:nth-child(1){display:block; margin-bottom:15px;}
	
	.contact em,
	.contact a{font-size:17px;}
	
	.contact a{padding:0 20px 0 0; margin:0 20px 0 0;}
	
	
}

@media(max-width:640px){
	.center li{padding:140px 10px 0 15px;}
	.center li em{font-size:17px;}
	.center li sub{font-size:13px;}
	.center li sub br{display:none;}
	
	.contact{padding:25px 10px !important;}
	
	.contact em,
	.contact a{font-size:13px;}
	
	
	.contact em:nth-child(1){font-size:17px;}
	
	.contact a::after{top:0;}
}


/* 인사말 */
.greeting{position:relative; margin-top:35px; padding-top:40px; padding-bottom:120px; background:url(/startup/assets/img/sub/icon_greeting.png) no-repeat left top;}
.greeting em{display:block; margin-bottom:10px; font-size:30px; font-weight:700; color:#5987d3;}
.greeting span{font-size:24px; font-weight:100; line-height:1.5;}
.greeting p{margin-top:25px; font-size:15px; line-height:1.75;}

.greeting .sign{position:absolute; right:0; bottom:0; text-align:right;}
.greeting .sign sup{margin-right:7px; font-size:15px; font-weight:700;}
.greeting .sign strong{display:block; margin-top:10px; font-size:30px; font-weight:700; letter-spacing:5px; font-family: 'Nanum Myeongjo', serif;}

@media(max-width:1024px){
	.greeting br.break{display:none;}
	
	.greeting em{font-size:27px;}
	.greeting span{font-size:19px;}
}


/* 어학시험응시료지원 */
.toeic{margin-top:15px; padding:25px 25px 25px 120px; background-color:#f8f8f8; background-repeat:no-repeat; background-position:35px center; background-image:url(/startup/assets/img/sub/icon_toeic.png); border:1px solid #e1e1e1; border-radius:10px; line-height:1.5;}



.toeic-target{position:relative;}
.toeic-target::after{display:inline-block; width:418px; height:244px; right:0; top:-80px; background:url(/startup/assets/img/sub/toeic.png) no-repeat center;}


@media(max-width:1024px){
	.toeic br{display:none;}
	.toeic-target::after{display:none;}
}

@media(max-width:640px){
	.toeic{padding:85px 20px 20px 20px; background-position:center 30px;}
}