@charset "utf-8";

/* ==================================================================================================== *
 *
 *   WEBIS STYLE SHEET - MAIN
 *
 * ==================================================================================================== */

/* COMMON : S */
.ws_main_content_wrap {position:relative;padding:10rem 0}
.ws_main_content_wrap .es_main_title {display:block;position:relative;margin-bottom:5rem;color:#000;font-size:3rem;z-index:1}

/* LINE */
.ws_line_group_wrap {}
.ws_line_group_wrap .es_line {display:block;position:absolute;top:0;width:1px;height:100%;background-color:#E5EAEC;opacity:.5;z-index:-1}
.ws_line_group_wrap .es_line01 {left:calc(16.6666667% * 0)}
.ws_line_group_wrap .es_line02 {left:calc(16.6666667% * 1)}
.ws_line_group_wrap .es_line03 {left:calc(16.6666667% * 2)}
.ws_line_group_wrap .es_line04 {left:calc(16.6666667% * 3)}
.ws_line_group_wrap .es_line05 {left:calc(16.6666667% * 4)}
.ws_line_group_wrap .es_line06 {left:calc(16.6666667% * 5)}
.ws_line_group_wrap .es_line07 {left:calc(16.6666667% * 6)}
/* COMMON : E */

/* 소개 */
.ws_intro_wrap {background-image:url('../../../img/main/intro_bg.png');background-position:center;background-size:cover;background-repeat:no-repeat}
.ws_intro_wrap .es_content_area {}
.ws_intro_wrap .es_content_area .bs_text_box {padding-top:5rem}
.ws_intro_wrap .es_content_area .bs_text_box .is_title {display:block;color:#000;font-size:3rem}
.ws_intro_wrap .es_content_area .bs_text_box .is_desc {margin-top:2rem;color:#777;line-height:1.7;word-break:keep-all}
.ws_intro_wrap .es_content_area .bs_text_box .is_btn {display:inline-block;margin-top:5rem;border-bottom:1px solid;font-weight:bold}
.ws_intro_wrap .es_content_area .bs_text_box .is_btn i {transition:all .3s ease-in-out}
.ws_intro_wrap .es_content_area .bs_text_box .is_btn:hover i {transform:translateX(1rem);transition:all .3s ease-in-out}
.ws_intro_wrap .es_content_area .bs_image_box {display:flex;flex-wrap:wrap;align-items:space-between;text-align:center}
.ws_intro_wrap .es_content_area .bs_image_box .is_image {display:block;width:50%;padding:0 2rem}
.ws_intro_wrap .es_content_area .bs_image_box .is_image01 {margin-top:10rem}
.ws_intro_wrap .es_content_area .bs_image_box .is_image02 {}
.ws_intro_wrap .es_content_area .bs_image_box .is_image img {max-width:100%}

/* 신청안내 */
.ws_main_latest_wrap {background-image:url('../../../img/main/apli_bg.png');background-position:center;background-size:cover;background-repeat:no-repeat}
.ws_appli_wrap {}
.ws_appli_wrap .es_content_area {}
.ws_appli_wrap .es_content_area .bs_list_box {position:relative}
.ws_appli_wrap .es_content_area .bs_list_box a {display:block;position:relative;height:30rem;background-position:center;background-size:cover;background-repeat:no-repeat;text-align:center}
.ws_appli_wrap .es_content_area .bs_list_box a:before {content:'';display:block;position:absolute;top:1.5rem;left:1.5rem;width:0;height:0;border-top:1px solid transparent;border-right:1px solid transparent;z-index:1}
.ws_appli_wrap .es_content_area .bs_list_box a:after {content:'';display:block;position:absolute;right:1.5rem;bottom:1.5rem;width:0;height:0;border-bottom:1px solid transparent;border-left:1px solid transparent;z-index:1}
.ws_appli_wrap .es_content_area .bs_list_box a:hover:before,
.ws_appli_wrap .es_content_area .bs_list_box a:hover:after {border-color:rgba(255,255,255,.7);width:calc(100% - 3rem);height:calc(100% - 3rem);transition:width .4s, height .4s .4s}
.ws_appli_wrap .es_content_area .bs_list01 a {background-image:url('../../../img/main/apli_bg01.png')}
.ws_appli_wrap .es_content_area .bs_list02 a {background-image:url('../../../img/main/apli_bg02.png')}
.ws_appli_wrap .es_content_area .bs_list03 a {background-image:url('../../../img/main/apli_bg03.png')}
.ws_appli_wrap .es_content_area .bs_list_box a .is_group {}
.ws_appli_wrap .es_content_area .bs_list_box a .is_group:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}
.ws_appli_wrap .es_content_area .bs_list_box a .is_inner {position:absolute;top:50%;left:0;width:100%;padding:3rem 1rem;transform:translateY(-50%);z-index:1}
.ws_appli_wrap .es_content_area .bs_list_box a .is_inner .ss_title {display:block;color:#FFF;font-size:2rem}
.ws_appli_wrap .es_content_area .bs_list_box a .is_inner .ss_desc {margin-top:1rem;color:#FFF;word-break:keep-all}
.ws_appli_wrap .es_content_area .bs_list_box a .is_inner .ss_btn {opacity:0;display:inline-block;width:4rem;height:0;margin-top:0;border-radius:50% !important;background-color:#FFF;color:#000;font-size:2rem;line-height:4rem;text-align:center;transition:all .3s}
.ws_appli_wrap .es_content_area .bs_list_box:hover a .is_inner .ss_btn {opacity:1;height:4rem;margin-top:2rem;transition:all .3s}

/* 최근게시물(갤러리) */
.ws_main_latest_gallery_wrap {padding-top:0}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - MAX DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {

}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_appli_wrap .es_content_area .bs_list_box a {height:35rem}
	.ws_appli_wrap .es_content_area .bs_list_box a .is_inner {padding:4rem 1rem}
}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_main_content_wrap {padding:7rem 0}
	
	.ws_line_group_wrap {display:none}
	
	.ws_intro_wrap .es_content_area .bs_text_box {padding-top:0}
}	


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - MIN DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 이상) 768px 이상 */
@media all and (min-width:768px) {

}
/* MEDIA (데스크탑 이상) 992px 이상 */
@media all and (min-width:992px) {

}
/* MEDIA (큰화면 데스크탑 이상) 1280px 이상 */
@media all and (min-width:1280px) {

}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - AND DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 구간만) 768px ~ 991px */
@media all and (min-width:768px) and (max-width:991px) {

}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {

}