/* 타이틀 */
.tit_area											{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:center; margin-bottom:1em; text-align:center;}
.tit_area h3.tit									{ font-size:2.33em; font-weight:700; color:#000; line-height:1; letter-spacing:-.025em;}
.tit_area h3 .j									{ color:#ff784b}
.tit_area .more									{ position:relative; margin-left:.7em; padding-right:38px; font-size:1.13em; font-weight:500; color:#b6b6b6; line-height:30px; letter-spacing:-.07em; transition:all ease 0.3s; }
.tit_area .more span							{ position:absolute; right:0; width:30px; height:30px; border:1px solid #e4e4e4; border-radius:100%; overflow:hidden; transition:all ease 0.3s; }
.tit_area .more span:after,
.tit_area .more span:before					{ position:absolute; right:12px; width:2px; height:8px; background:#7f7f7f; content:''; transition:all ease 0.3s; }
.tit_area .more span:after					{ top:8px; transform:rotate(-45deg); }
.tit_area .more span:before					{ bottom:8px; transform:rotate(45deg); }
.tit_area .more:hover							{ color:#ff7c34}
.tit_area .more:hover	span					{ border:1px solid #ff7c34; background:#ff7c34; }
.tit_area .more:hover span:after,
.tit_area .more:hover span:before			{ background:#fff; }


/* 비주얼 */
.main_visual											{ width:100%; height:560px; background:no-repeat 50% 0 / cover; overflow:hidden;}
.visual_txt											{ padding-top:5.3em; text-align:center; color:#fff; }
.visual_txt .big_tit									{ font-size:2.66em; font-weight:400; letter-spacing:-.08em;}
.visual_txt .big_tit em								{ font-weight:700;}
.visual_txt .en										{ display:block; font-weight:300; font-size:1.46em; font-family:'Montserrat'; letter-spacing:.035em; opacity:.5}
.visual_txt .search_area							{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:.7em;}
.visual_txt .search_area .search					{ position:relative; background:#fff; border-radius:2em; overflow:hidden }
.visual_txt .search_area fieldset					{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.visual_txt .search_area input					{ height:46px; padding:0 4em 0 1.5em; font-size:1.2em; letter-spacing:-.06em; border:0; }
.visual_txt .search_area input::placeholder	{ color:#7f7f7f; }
.visual_txt .search_area .btn_search			{ position:absolute; right:0; width:4em; height:100%; color:#ff953f; font-size:1.2em; background:none; border:0; }
.visual_txt .keyword li								{ display:inline-block; margin-left:.5em; font-family:'Spoqa Han Sans';  }			
.visual_txt .keyword li	a							{ display:block; height:46px; line-height:44px; padding:0 1em; color:#fff; font-size:1.1em; letter-spacing:-.06em; border:1px solid; border-radius:2em}


/* Slick 화살표 공통 */
section[class^="main_"] .slick-arrow				{ position:absolute; top:45%; width:45px; height:45px; padding:0; font-size:0; text-indent:-9999em; background:#3e4347; border:none; border-radius:100%; transform:translateY(-50%); z-index:2;}
section[class^="main_"] .slick-prev				{ left:-1%; }
section[class^="main_"] .slick-next				{ right:-1%; }
section[class^="main_"] .slick-arrow:before		{ position:absolute; display:block; left:50%; width:15px; height:21px; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); background:url(/assets/site/LET/img/main/icon_arrow.png); content:""; }
section[class^="main_"] .slick-prev:before 		{ top:50%; left:45%;  }
section[class^="main_"] .slick-next:before 		{ top:27%; left:40%; transform:rotate(180deg); }


/* 팝업존 */
.main_popzone										{ margin-top:-20em; position:relative }
.main_popzone .pop_box							{ margin:0 -9px; border-radius:15px; }
.main_popzone .slick-list,
.main_popzone .slick-slider,                        
.main_popzone .slick-track                         { height:100%; }
.main_popzone .slick-slide							{ margin:0 9px}
.main_popzone .slick-slide a						{ position:relative; display:block; height:0; padding-top:56.92%; overflow:hidden; text-align:center; border-radius:1em}
.main_popzone .slick-slide a img					{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover;}
.main_popzone .btn_box							{ display:none}
.main_popzone .btn_box .control a				{ position:absolute; bottom:21px; left:55px; width:17px; height:17px; background:#ff7b03; border-radius:100%; text-align:center; line-height:19px; font-size:11px; color:#fff; z-index:1 }
.main_popzone .btn_box a.btn_play				{ display:none }
.main_popzone .slick-dots							{ margin-top:1em; text-align:center; z-index:2 }
.main_popzone .slick-dots li						{ display:inline-block; margin:0 5px; line-height:17px; }
.main_popzone .slick-dots li button				{ width:12px; height:12px; padding:0; font-size:0; text-indent:-9999em; background:#3e4347; border:0; border-radius:100%;  }
.main_popzone .slick-dots li.slick-active button	{ width:15px; height:15px; background:#fff; border:2px solid #ff8954}


/* 바로가기 */
.quick_list								{ display:flex; flex-wrap:wrap; jusify-content:space-between; margin:3em 0 4em; text-align:center;}
.quick_list li								{ width:12.5%; }
.quick_list li .img						{ position:relative; width:60%; max-width:55px; margin:0 auto }
.quick_list li .img span				{ position:absolute; height:18px; margin:0; padding:0; font-size:11px; font-family:'Spoqa Han Sans'; border:0; }
.quick_list li .img .black				{ width:18px; line-height:18px; }
.quick_list li .img .issued				{ top:-5px; right:0 }
.quick_list li .img .down				{ bottom:0; right:-5px;}
.quick_list li .img .new				{ top:-4px; right:-6px; width:18px; line-height:15px; }
.quick_list li .img .ing					{ bottom:-6px; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); padding:0 .8em; line-height:15px;}
.quick_list li .txt							{ display:block; margin-top:.5em; font-size:1.2em; color:#333; font-weight:500; letter-spacing:-.08em;}


/* Slick List 공통 */
.main_edu .ed_slide,
.main_recruit .rec_slide 									{ margin:0 -12px; }
.main_edu .slick-list,
.main_recruit .slick-list									{ padding:1.5em 0; }
.slide_list														{ margin:0; transition:all ease 0.3s; }
.slide_list	a													{ display:block; margin:0 12px; background:#fff; border:1px solid #e4e5e9; border-radius:1em; }
.slide_list a:hover											{ border-color:#fff; box-shadow:0 10px 20px rgba(0,0,0,.1)}
.slide_list .title												{ display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:.5em 0 .3em; line-height:1.3; font-size:1.86em; color:#343434; font-weight:700; letter-spacing:-.065em;}												 
.slide_list dl													{ margin-bottom:.25em; font-size:1.13em;}
.slide_list dt,
.slide_list dd													{ float:left; }
.slide_list dt													{ width:4.5em; font-weight:500; letter-spacing:-.05em;} 
.slide_list dd													{ width:-webkit-calc(100% - 4.5em); width:-moz-calc(100% - 4.5em); width:calc(100% - 4.5em); font-weight:300; letter-spacing:-.01em;}
.slide_list .flag .small										{ height:29px; padding:0 .8em; line-height:28px; font-size:1em;}
.list_none													{ padding:2em 0; text-align:center; color:#8e8e8e; letter-spacing:-.04em;}


/* 교육안내 */
.main_edu													{ padding:6.5em 0; background:#f2f4f5 } 
.main_edu .link												{ margin:1.5em 0 1.3em; text-align:center;}
.main_edu .link li											{ display:inline-block; }
.main_edu .link li a										{ display:block; padding:.65em 1.2em .7em; letter-spacing:-.05em; font-size:1.2em; color:#666; font-weight:500; line-height:1; background:#e4e5e9; border-radius:1.5em}
.main_edu .link li a:hover								{ color:#fff; background:#111}

.main_edu .ed_slide .slide_list .con					{ padding:3em 2.3rem 2.3em; }
.main_edu .ed_slide .slide_list .cate					{ display:block; font-size:1.46em; color:#262626; font-weight:500; letter-spacing:-.065em; }
.main_edu .ed_slide .slide_list .txt						{ display:-webkit-box; height:3em; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:1.2em; color:#7f7f7f; }
.main_edu .ed_slide .slide_list .info					{ padding:1.8em 2.3rem 3em; border-top:1px solid #e4e5e9 }
.main_edu .ed_slide .slide_list .flag					{ margin-top:.8em;}
.main_edu .ed_slide .slide_list .flag li					{ display:inline-block; }
.main_edu .ed_slide .slick-dots							{ display:table; width:auto; margin:0 auto; padding:0; visibility:hidden }
.main_edu .ed_slide .slick-dots li						{ display:inline-block; margin:0 1px; }
.main_edu .ed_slide .slick-dots li button					{ width:12px; height:12px; border:none; background:rgba(0,0,0,0.2); border-radius:100%; font-size:0; text-indent:-9999em }
.main_edu .ed_slide .slick-dots li.slick-active button	{ background:#ff7b03; }


/* 채용정보 */
.main_recruit											{ padding:6.5em 0; }
.main_recruit .rec_slide .slide_list .title			{ margin:.3em 0 .5em;}
.main_recruit .rec_slide .slide_list .info			{ padding:2.3rem 2.3rem 1.5rem; }
.main_recruit .rec_slide .slide_list .flag .small	{ border-radius:0}	
.main_recruit .rec_slide .slide_list .flag .dday	{ margin-left:.2em; font-size:1.2em; font-weight:500; color:#757575}
.main_recruit .rec_slide .keyword					{ padding:1.2em 2.3rem 1.5em; border-top:1px solid #e4e5e9 }
.main_recruit .rec_slide .keyword span			{ display:inline-block; font-size:1.2em; color:#7f7f7f; font-weight:500; }


/* 교육장소개 */
.main_place										{ position:relative; height:0; padding-top:30%;}
.main_place .place_slide						{ position:absolute; width:100%; height:100%; top:0; left:0; }
.main_place .slick-list,
.main_place .slick-track						{ height:100%}
.main_place .place_list img					{ height:100%; min-width:100%; object-fit:cover; -o-object-fit:cover;}
.main_place	.place_txt						{ position:absolute; top:48%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); color:#fff;}
.main_place	.place_txt p						{ margin-bottom:.8em; font-weight:700; font-size:2.4em; letter-spacing:-.025em; line-height:1.3;}
.main_place	.place_txt a						{ display:inline-block; padding:.6em 1.5em; font-size:1.33em; font-weight:500; letter-spacing:-.05em; color:#fff; border:1px solid rgba(255,255,255,.5); border-radius:1.5em }
.main_place	.place_txt a .arr					{ position:relative; display:inline-block; margin:-.5em 0 0 1em; width:19px; height:9px; vertical-align:middle}
.main_place	.place_txt a .arr::before		{ position:absolute; bottom:0; left:0; width:100%; height:1px; background:rgba(255,255,255,.6); content:""}
.main_place	.place_txt a .arr::after			{ position:absolute; bottom:-1px; right:1px; width:1px; height:100%; background:rgba(255,255,255,.6); transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); content:""}
.main_place .place_txt a:hover				{ background:rgba(0,0,0,.85); border-color:#000}
.main_place	.slick-dots						{ position:absolute; left:50%; bottom:10%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.main_place .slick-dots li						{ display:inline-block; margin:0 5px; line-height:17px; }
.main_place .slick-dots li button			{ width:12px; height:12px; padding:0; font-size:0; text-indent:-9999em; background:rgba(255,255,255,.5); border:0; border-radius:100%; }
.main_place .slick-dots li.slick-active button	{ width:15px; height:15px; background:none; border:2px solid #fff}


/* 유관기관 */
.banner_area											{ position:relative; background:#fff;  border:solid rgba(0,0,0,0.1); border-width:1px 0}
.banner_area .banner									{ position:relative; margin:1em auto; overflow:hidden }														
.banner_area .banner .btn_box						{ position:absolute; width: 100px; background: #fff; right:0; top:50%;  transform:translateY(-50%); height:100%; z-index: 2 }
.banner_area .banner .btn_box .control			{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.banner_area .banner .btn_play					{ display:none; }
.banner_area .banner #bnList						{ width:100%; overflow:hidden; padding-right:100px; }
.banner_area .banner #bnList li					{ float:left; text-align:center }
.banner_area .banner #bnList li a					{ display:block; width:96%; overflow:hidden }
.banner_area .banner .slick-prev					{ right:70px; }
.banner_area .banner .slick-next					{ right:0; }
.banner_area .banner .slick-arrow					{ position:absolute; top:50%; transform:translateY(-50%); width:30px; height:30px; background:none; border:none; z-index:2;  }
.banner_area .banner .slick-arrow::after			{ position:absolute; left:50%; top:50%; width:8px; height:14px; margin-left:-4px; margin-top:-7px; background:url(/assets/site/LET/img/board/icon_paging.png) no-repeat; background-size:55px 31px; content:""}
.banner_area .banner .slick-prev::after			{ background-position:-18px 0;}
.banner_area .banner .slick-next::after			{ background-position:-29px 0;}


@media all and (max-width:1340px){
	/* 교육장소개 */
	.main_place										{ padding-top:40%;}
	.main_place .place_txt p						{ font-size:2.2em;}
}
@media all and (max-width:1200px){
	/* 비주얼 */
	.main_visual											{ height:460px;}
	.visual_txt											{ padding-top:3em; }
	.visual_txt .big_tit									{ font-size:2.2em;}

	/* 팝업존 */
	.main_popzone									{ margin-top:-17em;}
	.main_popzone .pop_box						{ margin:0 -1rem; }
	.main_popzone .slick-slide						{ margin:0 1rem}

	/* Slick List 공통 */
	.main_edu .ed_slide,
	.main_recruit .rec_slide 									{ margin:0 -.5rem; }
	.main_edu .slick-list,
	.main_recruit .slick-list									{ padding:1em 0; }
	.slide_list	a													{ margin:0 .5rem;  }
	.slide_list .title												{ margin:.3em 0 .2em; font-size:1.6em;}
	.slide_list dl													{ margin-bottom:.1em; font-size:1.08em;}

	/* 교육안내 */
	.main_edu .ed_slide .slide_list .con					{ padding:2em 1.7rem 1.5em}
	.main_edu .ed_slide .slide_list .cate					{ font-size:1.2em;}
	.main_edu .ed_slide .slide_list .txt						{ font-size:1.1em;}
	.main_edu .ed_slide .slide_list .info					{ padding:1.5em 1.7rem 2em}

	/* 채용정보 */	
	.main_recruit .rec_slide .slide_list .info				{ padding:2em 1.7rem 1.5em;}
	.main_recruit .rec_slide .keyword						{ padding:1em 1.7rem 1.5em}
	.main_recruit .rec_slide .slide_list .flag .small		{ height:25px; line-height:24px; font-size:.95em;}
	.main_recruit .rec_slide .slide_list .flag .dday,
	.main_recruit .rec_slide .keyword span				{ font-size:1.1em;}
}	
@media all and (max-width:1024px){
	/* 비주얼 */
	.main_visual											{ height:400px;}
	.visual_txt											{ padding-top:2.5em; }
	.visual_txt .big_tit									{ font-size:2em;}
	.visual_txt .en										{ font-size:1.3em;}

	/* 팝업존 */
	.main_popzone									{ margin-top:-14.5em;}

	/* 바로가기 */
	.quick_list li .txt										{ font-size:1.05em;}

	/* Slick List 공통 */
	.main_edu,
	.main_recruit									{ padding:5.5em 0}

	/* 교육장소개 */
	.main_place										{ padding-top:50%;}
	.main_place .place_txt p						{ font-size:2em;}
	.main_place .place_txt a						{ font-size:1.2em;}
}
@media all and (max-width:868px){
	/* 타이틀 */
	.tit_area h3.tit									{ font-size:2em; }
	.tit_area .more									{ font-size:1.08em; }

	/* 비주얼 */
	.main_visual											{ height:360px;}

	/* Slick 화살표 공통 */
	section[class^="main_"] .slick-arrow				{ width:36px; height:36px;}
	section[class^="main_"] .slick-prev:before 		{ top:48%; }
	section[class^="main_"] .slick-next:before 		{ top:21%; left:37%;}

	/* 팝업존 */
	.main_popzone									{ margin-top:-11em;}
	.main_popzone .pop_box .slick-prev			{ left:.2rem; }
	.main_popzone .pop_box .slick-next			{ right:.2rem; }

	/* 바로가기 */
	.quick_list li										{ width:25%}
	.quick_list li .txt									{ margin-top:.3em; line-height:1.2;}
	.quick_list li:nth-child(n+5)					{ margin-top:5%;}

	/* Slick List 공통 */
	.slide_list .title												{ font-size:1.45em;}
	.slide_list dl													{ font-size:1.05em;}

	/* 교육안내 */
	.main_edu .link									{ margin-bottom:.5em;}
	.main_edu .link li a							{ font-size:1.07em;}
	.main_edu .ed_slide .slide_list .cate					{ font-size:1.1em;}
	.main_edu .ed_slide .slide_list .txt						{ font-size:1.05em;}

	/* 채용정보 */	
	.main_recruit .rec_slide .slide_list .flag .dday,
	.main_recruit .rec_slide .keyword span				{ font-size:1.05em;}

	/* 교육장소개 */
	.main_place .place_txt						{ top:43%}
	.main_place .place_txt p						{ font-size:1.8em;}
	.main_place .place_txt a						{ font-size:1.1em;}
}
@media all and (max-width:668px){
	/* 비주얼 */
	.visual_txt .big_tit									{ font-size:1.85em; line-height:1.2;}
	.visual_txt .big_tit em								{ display:block;}
	.visual_txt .en										{ font-size:1.2em;}
	.visual_txt .search_area input					{ height:40px; padding:0 3em 0 1em; font-size:1.1em;}
	.visual_txt .search_area .btn_search			{ width:3em}
	.visual_txt .keyword li a							{ height:40px; line-height:38px; font-size:1em;}

	/* 바로가기 */
	.quick_list li .img									{ max-width:45px}

	/* 교육장소개 */
	.main_place										{ padding-top:60%;}
	.main_place .place_txt p						{ font-size:1.65em;}
	.main_place .place_txt a						{ padding:.4em 1em}
}
@media all and (max-width:568px){
	/* 타이틀 */
	.tit_area											{ flex-direction:column; align-items:center; margin-bottom:.5em;}
	.tit_area h3.tit									{ font-size:1.85em; }
	.tit_area .more									{ margin-top:.5em; font-size:1.03em; }

	/* 비주얼 */
	.visual_txt .en										{ display:none}
	.visual_txt .search_area							{ flex-direction:column; }
	.visual_txt .search_area .search					{ margin-bottom:.7em; width:80%}
	.visual_txt .search_area input					{ width:100%}
	.visual_txt .keyword li a							{ height:35px; line-height:33px;}

	/* 팝업존 */
	.main_popzone									{ margin-top:-9.5em;}
	.main_popzone .slick-dots						{ margin-top:.5em;}
	.main_popzone .pop_box .slick-prev			{ left:.5rem; }
	.main_popzone .pop_box .slick-next			{ right:.5rem; }

	/* 바로가기 */
	.quick_list li .txt									{ font-size:1em;}

	/* Slick List 공통 */
	.main_edu .slick-list, 
	.main_recruit .slick-list						{ padding:.7em 0}

	/* 교육안내 */
	.main_edu										{ padding:4.5em 0}
	.main_edu .link li a							{ padding:.5em .8em .55em}

	/* 채용정보 */
	.main_recruit									{ padding:4.5em 0 4em}

	/* 교육장소개 */
	.main_place .place_txt p						{ font-size:1.35em;}
}
@media all and (max-width:420px){
	/* 타이틀 */
	.tit_area h3.tit									{ font-size:1.75em; }
	.tit_area .more									{ margin:.3em 0 0; }

	/* 바로가기 */
	.quick_list li .txt										{ width:4em; margin:.3em auto 0}

	/* Slick List 공통 */
	section[class^="main_"] .slick-prev				{ left:-.3em; }
	section[class^="main_"] .slick-next				{ right:-.3em; }
	
	/* 교육안내 */
	.main_edu											{ padding:4em 0}
	.main_edu .link										{ margin:.9em 0 .5em}
	.main_edu .link li									{ margin-top:.3em;}
	.main_edu .ed_slide .slide_list .con			{ padding:1.5em 1.7rem 1.2em}
	.main_edu .ed_slide .slide_list .info			{ padding:1.2em 1.7rem 1.5em}

	/* 채용정보 */
	.main_recruit										{ padding:4em 0 3.5em}
	.main_recruit .rec_slide .slide_list .info		{ padding:1.5em 1.7rem 1.2em}
	.main_recruit .rec_slide .keyword				{ padding:.8em 1.7rem 1.2em}

	/* 교육장소개 */
	.main_place										{ padding-top:80%;}
	.main_place .place_txt a						{ font-size:1em;}
	.main_place .place_txt p br					{ display:none; }

	/* 유관기관 */
	.banner_area .banner							{ margin:.5em auto}
}
@media all and (max-width:368px){
	/* 비주얼 */
	.visual_txt .big_tit									{ font-size:1.7em;}
}