@charset "utf-8";

/* ==================================================================================================== *
 *
 *     PAGE STYLESHEET
 *
 * ==================================================================================================== */

/* COMMON : S */
.wc_link {color:#0254F4;font-weight:500;text-decoration:underline !important}
.wc_bd {padding:3rem;border-radius:1rem;border:1px solid #DDD}
.wc_bg {padding:3rem;border-radius:1rem;background-color:#F5F5F5}

.ws_default_wrap {}

.ws_content_wrap {margin-top:10rem;margin-bottom:10rem}
.ws_content_wrap .es_title {display:block;margin-top:7rem;margin-bottom:2rem;color:#000;font-size:2.6rem}
.ws_content_wrap .es_sub_title {display:block;margin-top:3rem;margin-bottom:1.5rem;font-size:1.8rem}
.ws_content_wrap .es_desc {font-size:1.8rem}
.ws_content_wrap .es_button_area {margin-top:7rem;text-align:center}
.ws_content_wrap .es_button_area .bs_btn {display:inline-block;vertical-align:middle;min-width:20rem;padding:2.2rem;border-radius:5px;background-color:#EEE;font-weight:500;text-align:center;transition:all .3s}
.ws_content_wrap .es_button_area .bs_btn01 {background-color:#15C3AF;color:#FFF}
.ws_content_wrap .es_button_area .bs_btn01:hover {background-color:#00A08E}
.ws_content_wrap .es_button_area .bs_btn02 {background-color:#4A6ED2;color:#FFF}
.ws_content_wrap .es_button_area .bs_btn02:hover {background-color:#264AAF}

/* IMAGE */
.ws_content_wrap .es_image_area {text-align:center}
.ws_content_wrap .es_image_area img {max-width:100%}

/* TAB */
.ws_content_wrap .es_tab_area {margin:0 -1rem 5rem -1rem;border-top:1px solid #DDD;overflow:hidden}
.ws_content_wrap .es_tab_area .bs_list_box {position:relative;float:left;height:7rem;padding:0 1rem;border-right:1px solid #DDD;border-bottom:1px solid #DDD;cursor:pointer}
.ws_content_wrap .es_tab_area .bs_list_box:first-child {border-left:1px solid #DDD}
.ws_content_wrap .es_tab_area .bs_list_box:after {content:'\e91a';display:inline-block;position:absolute;top:50%;right:3rem;font-size:2rem;font-family:'xeicon';transform:translateY(-50%)}
.ws_content_wrap .es_tab_area .bs_list_box.bs_tab_active {position:relative}
.ws_content_wrap .es_tab_area .bs_list_box.bs_tab_active:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid}
.ws_content_wrap .es_tab_area .bs_list_box.bs_tab_active:after {content:'\e942';font-size:3rem}
.ws_content_wrap .es_tab02 .bs_list_box {width:50%}
.ws_content_wrap .es_tab03 .bs_list_box {width:33.333%}
.ws_content_wrap .es_tab04 .bs_list_box {width:25%}
.ws_content_wrap .es_tab05 .bs_list_box {width:20%}
.ws_content_wrap .es_tab_area .bs_list_box .is_tab_menu {display:block;position:absolute;top:50%;left:0;width:100%;padding:0 3rem;font-size:1.8rem;font-weight:500;transform:translateY(-50%)}

/* TABLE */
.ws_content_wrap .es_table_area {border-top:1px solid #000}
.ws_content_wrap .es_table_area ul {}
.ws_content_wrap .es_table_area ul li {position:relative;margin-bottom:1rem;padding-left:1.5rem}
.ws_content_wrap .es_table_area ul li:last-child {margin-bottom:0}
.ws_content_wrap .es_table_area ul li:before {content:'';display:block;position:absolute;top:1.2rem;left:0;width:0.4rem;height:0.4rem;border-radius:50%;background-color:#000}

/* UL LIST */
.ws_content_wrap .es_ul_list_area {}
.ws_content_wrap .es_ul_list_area .bs_1st_ul {}
.ws_content_wrap .es_ul_list_area .bs_1st_ul .is_1st_li {position:relative;margin-top:1.2rem;padding-left:1.5rem;font-size:1.8rem}
.ws_content_wrap .es_ul_list_area .bs_1st_ul .is_1st_li:last-child {margin-bottom:0}
.ws_content_wrap .es_ul_list_area .bs_1st_ul .is_1st_li:before {content:'';display:block;position:absolute;top:1.2rem;left:0;width:0.4rem;height:0.4rem;border-radius:50%;background-color:#000}
.ws_content_wrap .es_ul_list_area .bs_1st_ul .is_1st_li b {color:#000;font-weight:500}
.ws_content_wrap .es_ul_list_area .bs_2nd_ul {margin:0.5rem 0}
.ws_content_wrap .es_ul_list_area .bs_2nd_ul .is_2nd_li {position:relative;padding-left:1.5rem}
.ws_content_wrap .es_ul_list_area .bs_2nd_ul .is_2nd_li:before {content:'';display:block;position:absolute;top:1.2rem;left:0;width:0.7rem;height:1px;background-color:#999}

/* DOWNLOAD BUTTON */
.ws_content_wrap .es_download_area {display:flex;flex-wrap:wrap;justify-content:space-between}
.ws_content_wrap .es_download_area .bs_btn {align-content:center;position:relative;width:49%;padding:1.5rem 3rem;border-radius:1rem;border:1px solid #DDD}
.ws_content_wrap .es_download_area .bs_btn:hover {background-color:#F5F5F5}
.ws_content_wrap .es_download_area .bs_btn:before {content:'\eb7c';position:absolute;top:50%;right:3rem;color:#999;font-size:2.5rem;font-family:'xeicon';transform:translateY(-50%)}
/* COMMON : E */

/* 인사말 */
.ws_greet_wrap {overflow:hidden}
.ws_greet_wrap .es_content_area {position:relative;margin-top:-10rem;padding:7rem 0 0 7rem;border-radius:5rem 0 0 0;background-color:#FFF}
.ws_greet_wrap .es_content_area:before {content:'';display:block;position:absolute;top:0;left:100%;width:100%;height:100%;background-color:#FFF}
.ws_greet_wrap .es_content_area .bs_title {display:block;color:#000;font-size:4rem;line-height:1.3}
.ws_greet_wrap .es_content_area .bs_desc {margin-top:5rem;font-size:1.8rem;line-height:1.7}

/* 협회연혁 */
.ws_history_wrap {}
.ws_history_wrap .es_content_area {overflow:hidden;position:relative}
.ws_history_wrap .es_content_area:before {content:'';display:block;position:absolute;top:0;left:50%;width:2px;height:100%;background-color:#DDD;transform:translateX(-50%)}
.ws_history_wrap .es_content_area .bs_list_box {width:52%;padding-top:5rem;padding-bottom:5rem}
.ws_history_wrap .es_content_area .bs_list_box:nth-child(odd) {float:left;padding-right:8rem;text-align:right}
.ws_history_wrap .es_content_area .bs_list_box:nth-child(even) {float:right;padding-left:8rem}
.ws_history_wrap .es_content_area .bs_list_box .is_year {display:block;position:relative;color:#000;font-size:3.5rem}
.ws_history_wrap .es_content_area .bs_list_box .is_year:before {content:'';display:block;position:absolute;top:50%;width:0.8rem;height:0.8rem;border-radius:50%;transform:translateY(-50%);z-index:1}
.ws_history_wrap .es_content_area .bs_list_box.active .is_year:after {content:'';display:block;position:absolute;top:50%;width:3.5rem;height:3.5rem;border-radius:50%;background-color:rgba(70,127,255,.2);transform:translateY(-50%)}
.ws_history_wrap .es_content_area .bs_list_box.active:nth-child(odd) .is_year:after {right:-7.2rem}
.ws_history_wrap .es_content_area .bs_list_box.active:nth-child(even) .is_year:after {left:-7.2rem}
.ws_history_wrap .es_content_area .bs_list_box:nth-child(odd) .is_year:before {right:-5.9rem}
.ws_history_wrap .es_content_area .bs_list_box:nth-child(even) .is_year:before {left:-5.9rem}
.ws_history_wrap .es_content_area .bs_list_box .is_content_field {}
.ws_history_wrap .es_content_area .bs_list_box .is_content_field li {position:relative;margin-top:1.2rem}
.ws_history_wrap .es_content_area .bs_list_box:nth-child(odd) .is_content_field li {padding-right:1.5rem}
.ws_history_wrap .es_content_area .bs_list_box:nth-child(even) .is_content_field li {padding-left:1.5rem}
.ws_history_wrap .es_content_area .bs_list_box .is_content_field li:before {content:'';display:block;position:absolute;top:1rem;width:0.5rem;height:0.5rem;border-radius:50%;background-color:#BBB}
.ws_history_wrap .es_content_area .bs_list_box:nth-child(odd) .is_content_field li:before {right:0}
.ws_history_wrap .es_content_area .bs_list_box:nth-child(even) .is_content_field li:before {left:0}
.ws_history_wrap .bar {position:absolute;top:0;left:50%;width:2px;background-color:#363A90;transform:translateX(-50%);transition:all 0.3s ease;z-index:2}

/* 조직구성 */
.ws_organ_wrap {}
.ws_organ_wrap .es_organ_area {}
.ws_organ_wrap .es_organ_area ul {position:relative;text-align:center}
.ws_organ_wrap .es_organ_area > ul:after {content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:28rem;background-color:#DDD;z-index:-1}
.ws_organ_wrap .es_organ_area ul .bs_content_box {}
.ws_organ_wrap .es_organ_area ul .bs_content_box .is_text {display:block;height:7rem;border-radius:1rem;color:#FFF;font-size:2rem;line-height:7rem}
.ws_organ_wrap .es_organ_area ul .bs_content_box .is_inner {}
.ws_organ_wrap .es_organ_area ul .bs_content_box .is_inner li {color:#000;font-weight:500}
.ws_organ_wrap .es_organ_area ul .bs_content_box .is_inner li .is_text {color:#000;font-weight:500}
.ws_organ_wrap .es_organ_area ul .bs_top {width:20rem;margin:0 auto 7rem auto;color:#FFF}
.ws_organ_wrap .es_organ_area ul .bs_top .is_text {position:relative;font-weight:500}
.ws_organ_wrap .es_organ_area ul .bs_top01 .is_text {background-color:#9C4682}
.ws_organ_wrap .es_organ_area ul .bs_top01 .is_text:before {content:'';display:block;position:absolute;top:50%;left:50%;width:23rem;height:10rem;border-radius:1rem;background-color:#FDF1FA;transform:translate(-50%, -50%);z-index:-1}
.ws_organ_wrap .es_organ_area ul .bs_top02 .is_text {background-color:#BE4F51}
.ws_organ_wrap .es_organ_area ul .bs_side {position:absolute}
.ws_organ_wrap .es_organ_area ul .bs_side .is_inner {position:relative}
.ws_organ_wrap .es_organ_area ul .bs_side .is_inner li {position:relative;width:20rem;height:7rem;margin:10px 0;border-radius:1rem;background-color:#F5F5F5;font-size:2rem;line-height:7rem}
.ws_organ_wrap .es_organ_area ul .bs_right {top:6rem;left:calc(50% + 24rem)}
.ws_organ_wrap .es_organ_area ul .bs_right .is_inner:before {content:'';display:block;position:absolute;top:50%;left:-24rem;width:24rem;height:1px;background-color:#DDD;z-index:-1}
.ws_organ_wrap .es_organ_area ul .bs_bottom01 {}
.ws_organ_wrap .es_organ_area ul .bs_bottom01 .is_inner {display:flex;flex-wrap:wrap;justify-content:center}
.ws_organ_wrap .es_organ_area ul .bs_bottom01 .is_inner > li {position:relative;width:50rem;padding:5rem 5rem 3rem 5rem}
.ws_organ_wrap .es_organ_area ul .bs_bottom01 .is_inner > li:before {content:'';display:block;position:absolute;bottom:0;left:50%;width:1px;height:100%;background-color:#DDD;z-index:-1}
.ws_organ_wrap .es_organ_area ul .bs_bottom01 .is_inner > li:after {content:'';display:block;position:absolute;top:0;left:50%;width:100%;height:1px;background-color:#DDD;transform:translateX(-100%);z-index:-1}
.ws_organ_wrap .es_organ_area ul .bs_bottom01 .is_inner > li:first-child:after {display:none}
.ws_organ_wrap .es_organ_area ul .bs_bottom01 .is_text {background-color:#1A8FAE;color:#FFF !important}
.ws_organ_wrap .es_organ_area ul .bs_bottom02 {text-align:center}
.ws_organ_wrap .es_organ_area ul .bs_bottom02 .is_title {display:inline-block;position:relative;width:90rem;height:7rem;margin-top:3rem;border-radius:1rem;background-color:#8B8E9B;color:#FFF;font-weight:500;font-size:2rem;line-height:7rem}
.ws_organ_wrap .es_organ_area ul .bs_bottom02 .is_title:before {content:'';display:block;position:absolute;top:-3rem;left:50%;width:1px;height:100%;background-color:#DDD;z-index:-1}
.ws_organ_wrap .es_organ_area ul .bs_bottom02 .is_title:after {content:'';display:block;position:absolute;top:-3rem;left:50%;width:50rem;height:1px;background-color:#DDD;transform:translateX(-50%);z-index:-1}
.ws_organ_wrap .es_organ_area ul .bs_bottom02 .is_inner {display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;margin-top:-3.5rem;padding:8.5rem 5rem 5rem 5rem;border-radius:1rem;background-color:#EEE;z-index:-1}
.ws_organ_wrap .es_organ_area ul .bs_bottom02 .is_inner li {width:24%}
.ws_organ_wrap .es_organ_area ul .bs_bottom02 .is_text {background-color:#FFF}

/* 협회원현황 */
.ws-member-list-wrap {}
.ws-member-list-wrap .es-list-area {display:flex;flex-wrap:wrap;justify-content:space-between}
.ws-member-list-wrap .es-map-area {width:40%}
.ws-member-list-wrap .es-info-area {width:55%}
.ws-member-list-wrap .es_table_area {overflow:auto;max-height:600px}
.ws-map-wrap {}
.ws-map-wrap .es-title-area {margin-bottom:5rem}
.ws-map-wrap .es-title-area .bs-title {}
.ws-map-wrap .es-title-area .bs-desc {}
.ws-map-wrap #bo_cate_ul {display:flex;flex-wrap:wrap;gap:1rem}
.ws-map-wrap #bo_cate_ul li {width:calc(100% / 6 - 1rem)}
.ws-map-wrap #bo_cate_ul li a {display:block;height:5rem;border-radius:0.5rem;border:1px solid #F5F5F5;background-color:#F5F5F5;line-height:5rem;text-align:center;transition:all .3s}
.ws-map-wrap #bo_cate_ul li a:hover {border-color:#DDD;background-color:#FFF}
.ws-map-wrap #bo_cate_ul li.active {}
.ws-map-wrap #bo_cate_ul li.active a {border-color:#363A90;background-color:#363A90;color:#FFF}
.ws-map-wrap .es-map-area {overflow:hidden;border-radius:1rem}


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

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

}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_organ_wrap .es_organ_area ul .bs_right {left:calc(50% + 16rem)}
	.ws_organ_wrap .es_organ_area ul .bs_right .is_inner:before {left:-16rem;width:16rem}
	.ws_organ_wrap .es_organ_area ul .bs_bottom01 .is_inner > li {width:50%}
	.ws_organ_wrap .es_organ_area ul .bs_bottom02 .is_title {width:100%}
	.ws_organ_wrap .es_organ_area ul .bs_bottom02 .is_title:after {width:392px}
	
	.ws-member-list-wrap .es-map-area {width:100%}
	.ws-member-list-wrap .es-info-area {width:100%;margin-top:3rem}
	.ws-member-list-wrap .es_table_area {max-height:100%}
}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap {margin-top:5rem}
	.ws_content_wrap .es_title {font-size:2rem}
	
	.ws_content_wrap .es_download_area .bs_btn {width:100%;margin-top:5px}
	
	.ws_greet_wrap .es_content_area {margin-top:3rem;padding:0;border-radius:0}
	.ws_greet_wrap .es_content_area .bs_title {font-size:2rem}
	
	.ws_history_wrap .es_content_area:before {left:14px;transform:translateX(0)}
	.ws_history_wrap .es_content_area .bs_list_box:nth-child(odd) {width:100%;padding-right:0;padding-left:5rem;text-align:left}
	.ws_history_wrap .es_content_area .bs_list_box:nth-child(even) {float:left;width:100%;padding-left:5rem}
	.ws_history_wrap .es_content_area .bs_list_box:nth-child(odd) .is_year:before {right:auto;left:-29px}
	.ws_history_wrap .es_content_area .bs_list_box.active:nth-child(odd) .is_year:after {right:auto;left:-5rem}
	.ws_history_wrap .es_content_area .bs_list_box:nth-child(even) .is_year:before {right:auto;left:-29px}
	.ws_history_wrap .es_content_area .bs_list_box.active:nth-child(even) .is_year:after {right:auto;left:-5rem}
	.ws_history_wrap .es_content_area .bs_list_box:nth-child(odd) .is_content_field li {padding-right:0;padding-left:1.5rem}
	.ws_history_wrap .es_content_area .bs_list_box:nth-child(odd) .is_content_field li:before {right:auto;left:0}
	.ws_history_wrap .bar {left:14px}
	
	.ws_organ_wrap .es_organ_area ul .bs_top {width:100%;margin-bottom:1rem}
	.ws_organ_wrap .es_organ_area ul .bs_top01 .is_text:before {display:none}
	.ws_organ_wrap .es_organ_area ul .bs_side {position:initial}
	.ws_organ_wrap .es_organ_area ul .bs_right .is_inner:before {display:none}
	.ws_organ_wrap .es_organ_area ul .bs_side .is_inner li {width:100%;margin:0 auto}
	.ws_organ_wrap .es_organ_area ul .bs_bottom01 .is_inner > li {width:100%;padding:1rem 0 0 0}
	.ws_organ_wrap .es_organ_area ul .bs_bottom01 .is_inner > li:after {display:none}
	.ws_organ_wrap .es_organ_area ul .bs_bottom02 .is_title {width:100%;margin-top:1rem}
	.ws_organ_wrap .es_organ_area ul .bs_bottom02 .is_title:after {display:none}
	.ws_organ_wrap .es_organ_area ul .bs_bottom02 .is_inner {justify-content:space-between;margin-top:0;padding:0;border-radius:0;background-color:#FFF}
	.ws_organ_wrap .es_organ_area ul .bs_bottom02 .is_inner li {width:49%;margin-top:2%}
	.ws_organ_wrap .es_organ_area ul .bs_bottom02 .is_text {background-color:#EEE}
	
	.ws-map-wrap #bo_cate_ul li {width:calc(100% / 3 - 1rem)}
}


/* ==================================================================================================== *
 *
 *     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) {
	.ws_history_wrap .es_content_area .bs_list_box:nth-child(odd) .is_year:before {right:-6.7rem}
	.ws_history_wrap .es_content_area .bs_list_box.active:nth-child(odd) .is_year:after {right:-8rem}
	.ws_history_wrap .es_content_area .bs_list_box:nth-child(even) .is_year:before {left:-6.7rem}
	.ws_history_wrap .es_content_area .bs_list_box.active:nth-child(even) .is_year:after {left:-8rem}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.ws_history_wrap .es_content_area .bs_list_box:nth-child(odd) .is_year:before {right:-6.2rem}
	.ws_history_wrap .es_content_area .bs_list_box.active:nth-child(odd) .is_year:after {right:-7.5rem}
	.ws_history_wrap .es_content_area .bs_list_box:nth-child(even) .is_year:before {left:-6.2rem}
	.ws_history_wrap .es_content_area .bs_list_box.active:nth-child(even) .is_year:after {left:-7.5rem}
}