.main .wrap { overflow: hidden; }
.main .wrap .inner { width: 1100px; padding: 80px 0; margin: 0 auto; }
.main .wrap .inner.overflow { overflow: hidden; }
.main .wrap .inner .title { position: relative; }
.main .wrap .inner .slide div a { display: block; margin: 0 2px }
.main .wrap .inner .slide div a img { width: 100%; }
.main .wrap .inner .title h2 { font-size: 36px; font-weight: 700; color: #111 }
.main .wrap .inner .title .title_exp { font-size: 16; font-weight: 700; color: #666; padding: 14px 0 44px }
.main .wrap.classes .inner .title .control { display: none; position: absolute; top: 24px; right: 0; }
.main .wrap.classes .inner .title .course_btn a { position: absolute; top: 0; right: 0; font-size: 22px; font-weight: bold; padding: 24px 0; color: #333; background: #e9e9e9; border: 1px solid #ccc; width: 272px; text-align: center; transition: all 0.3s }
.main .wrap.classes .inner .title .course_btn a:hover { background: #111; color: #ffb606; background: #111; color: #fff }
.main .wrap.guide { background: url(../img/guide_bg.jpg) no-repeat; background-position: center; }
.main .wrap.guide .inner .title h2 { color: #fff }
.main .wrap.guide .inner .title .title_exp { color: #ccc; }
.main .wrap.guide .inner .items li { float: left; width: 260px; margin-right: 20px; font-size: 0 }
.main .wrap.guide .inner .items li:last-child { margin-right: 0; }
.main .wrap.guide .inner .items li:nth-child(1) { background: url(../img/guide_01.jpg) no-repeat; }
.main .wrap.guide .inner .items li:nth-child(2) { background: url(../img/guide_02.jpg) no-repeat; }
.main .wrap.guide .inner .items li:nth-child(3) { background: url(../img/guide_03.jpg) no-repeat; }
.main .wrap.guide .inner .items li:nth-child(4) { background: url(../img/guide_04.jpg) no-repeat; }
.main .wrap.guide .inner .items li a { display: block; position: relative; width: 260px; height: 340px; background: rgba(0, 0, 0, 0.0); text-align: center; color: #fff; line-height: 320px; transition: all 0.5s }
.main .wrap.guide .inner .items li a i { font-size: 50px; opacity: 0; transition: all 0.5s }
.main .wrap.guide .inner .items li a:hover { background: rgba(0, 0, 0, 0.8) }
.main .wrap.guide .inner .items li a:hover i { opacity: 1 }
.main .wrap.guide .inner .items li span { display: inline-block; position: absolute; bottom: 0; left: 0; background: #2e3342; width: 260px; height: 50; line-height: 50px; text-align: center; font-size: 16px; font-weight: 700; color: #fff }
.main .wrap.online .inner .title { text-align: center; }
.main .wrap.online .inner .title h2 { text-align: center; }
.main .wrap.online .inner .online_btn { text-align: center; }
.main .wrap.online .inner .online_btn a { display: inline-block; height: 86px; width: 404px; border-radius: 43px; line-height: 86px; background: #ce5a57; color: #fff; font-size: 30px; font-weight: 700; letter-spacing: 8px;	/*transition: all 0.3s*/ }
.main .wrap.online .inner .online_btn a:hover { background: #111; color: #ffb606 }
.main .wrap.portfolio { background: url(../img/portfolio_bg.jpg) no-repeat; background-position: center; }
.main .wrap.portfolio .inner .title h2 { color: #fff }
.main .wrap.portfolio .inner .title .title_exp { color: #ccc; }
.main .wrap.portfolio .inner .title .go_list { position: absolute; top: 38px; right: 0; }
.main .wrap.portfolio .inner .items_m { display: none; }
.main .wrap.link .inner .title { text-align: center; }
.main .wrap.link .inner .items { margin: 0 40px }
.main .wrap.link .inner .items li { width: 33.3333%; float: left; text-align: center; }
.main .wrap.link .inner .items li a { overflow: hidden; color: #111 }
.main .wrap.link .inner .items li a i { font-size: 70px; background: #ce5a57; color: #fff; border-radius: 100%; padding: 20px; margin: 40px 0 }
.main .wrap.link .inner .items li a h3 { font-size: 24px; font-weight: 700; padding-bottom: 18px }
.main .wrap.link .inner .items li a:hover { text-decoration: underline; }
.main .wrap.link .inner .items li a:hover i { background: #111; color: #ffb606; }

/*slick 컨트롤 버튼 */
.control_btn { display: inline-block; border: 1px solid #111; margin-left: 10px; width: 48px; height: 48px; text-align: center; line-height: 60px; }
.control_btn:hover { background: #111; color: #fff }
.control_btn:hover i { color: #fff }

/*상담신청 개인정보 동의*/
.agree_content { box-sizing: border-box; width: 100%; height: 120px; overflow-y: auto; border: 1px solid #ccc; padding: 16px; margin-bottom: 12px; font-size: 13px }
.agree_content h3 { font-size: 16px; margin: 12px 0 }
.agree_content p { white-space: pre-line }
.privacy_title { font-size: 18px }

/*하단 로그인*/
.sub_login a { color: #111 }

/*팝업*/
.pop_lay { position: absolute; top: -540px; left: 50%; transform: translateX(-50%); border: 2px solid black; font-size: 0; z-index: 10000 }
.pop_lay .footer {height: 30px; padding: 0 14px; font-size: 14px; color: #111; background-color: #ddd; }
.pop_lay .footer input { position: relative; top: 2px }
.pop_lay .footer label { cursor: pointer; line-height: 28px; }
.pop_lay .footer a { float: right; line-height: 30px; display: inline-block; font-weight: bold; color: #000 }
@media all and (max-width:479px) {

	/*.main { padding: 0 16px; }*/
	.main .wrap { width: 100%; padding: 36px 16px; margin: 0 auto; box-sizing: border-box; }
	.main .wrap .inner { width: 100%; padding: 0; }
	.main .wrap .inner .title h2 { font-size: 18px; }
	.main .wrap .inner .title .title_exp { font-size: 12px; font-weight: 400; padding: 10px 0 20px }
	.main .wrap .title .control { display: none; }
	.main .wrap.classes .inner .title .control { display: none; position: absolute; top: 24px; right: 0; }
	.main .wrap.classes .inner .title .course_btn a { top: -6px; font-size: 12px; padding: 8px 4px; color: #fff; background: #111; width: 140px; }
	.main .wrap.guide { background-size: cover; }
	.main .wrap.guide .inner .items li { width: 48%; margin-right: 2%; font-size: 0; margin-bottom: 8px }
	.main .wrap.guide .inner .items li:last-child { margin-right: 0; }
	.main .wrap.guide .inner .items li:nth-child(1) { background-size: cover; }
	.main .wrap.guide .inner .items li:nth-child(2) { background-size: cover; margin-right: 0; }
	.main .wrap.guide .inner .items li:nth-child(3) { background-size: cover; }
	.main .wrap.guide .inner .items li:nth-child(4) { background-size: cover; margin-right: 0; }
	.main .wrap.guide .inner .items li a { width: 100%; height: 200px; }
	.main .wrap.guide .inner .items li span { width: 100%; font-size: 14px; font-weight: normal; }
	.main .wrap.online .inner .online_btn a { height: 50px; width: 200px; border-radius: 25px; line-height: 50px; font-size: 20px; font-weight: 700; letter-spacing: 8px; margin: 10px auto }
	.main .wrap.portfolio .inner .title .go_list img { width: 60px; }
	.main .wrap.portfolio .inner .title .go_list { top: 24px }
	.main .wrap.portfolio .inner .items_p { display: none; }
	.main .wrap.portfolio .inner .items_m { display: block; }
	.main .wrap.link .inner .title { text-align: center; }
	.main .wrap.link .inner .items { margin: 0 }
	.main .wrap.link .inner .items li a i { font-size: 30px; padding: 16px; margin: 20px 0 10px }
	.main .wrap.link .inner .items li a h3 { font-size: 14px; font-weight: normal; padding-bottom: 0 }
	.main .wrap.link .inner .items li p { display: none; }
	.control_btn { display: none; }
	.sub_login a { display: none; }
	.privacy_title { font-size: 14px }
	.agree_content { font-size: 12px }
	.agree_content h3 { font-size: 14px; }
	.pop_lay { width: 90%; top: -240px; }
	.pop_lay img { width: 100% }
}