@charset "UTF-8";

/* common */
:root {
	--gradient : linear-gradient(90deg, rgba(27,71,158,1) 0%, rgba(85,50,147,1) 100%);
}

.b { font-weight:600;}
ol {margin:5rem 0 5rem 15rem; }
ol li {padding:4rem 0 !important; }
ol li::before {display:none; }

#content.ver1 h4 {margin-top:40rem !important; }
#content.ver1 h4.mar_t0 {margin-top:0 !important; }

.dep_list2,
.dep_list2_1,
.dep_list2_1 ul,
.dep_list3,
.dep_list3 ul,
.art_wrap dd ul {margin:5rem 0; }

.dep_list1 dt,
.dep_list2 li,
.dep_list2_1 li,
.dep_list3 li,
.cont_txt1 li,
.tblist li,
.art_wrap dd li { position: relative; padding: 4rem 0 4rem 15rem; }
.dep_list1 dt { font-weight:600; }
.dep_list1 dd { margin:0 0 15rem 15rem; font-size:0.95em; }
.dep_list2_1 li li {font-size:0.95em;}

.dep_list1 dt::before,
.dep_list2 > li::before,
.dep_list3 > li::before,
.tblist > li::before,
.art_wrap dd li::before { content:''; position: absolute; left:0; top:14rem; width:5rem; height:5rem; border-radius:50%; background:var(--p_color); }
.dep_list2_1 > li::before,
.dep_list3 li li::before,
.cont_txt1 > li::before { content:''; position: absolute; left: 0; top:13rem; width:4rem; height:4rem; border-top:2px solid #666; border-right:2px solid #666; transform:rotate(45deg); }
.dep_list2_1 li li::before { content:''; position: absolute; left: 0; top:15rem; width:4rem; height:4rem; background:#666; border:0; transform:none; }

.tbl_wrap,
.tbl_wrap2,
.tbl_wrap3,
.tbl3_wrap {overflow-x:auto; margin:10rem 0 30rem; text-align:center;  }
.tbl_wrap caption,
.tbl_wrap2 caption,
.tbl_wrap3 caption,
.tbl3_wrap caption {position:absolute; left:-99999rem; top:-99999rem; }
.tbl_wrap table,
.tbl_wrap2 table,
.tbl_wrap3 table,
.tbl3_wrap table { width:100%; border-top:2px solid var(--p_color); margin-left:-1px; }
.tbl_wrap thead th,
.tbl_wrap2 thead th,
.tbl_wrap3 thead th,
.tbl3_wrap thead th { background:#f5f5f5; border-left:1px solid #ccc; padding:10rem 20rem; border-bottom:1px solid #aaa; }
.tbl_wrap tbody th,
.tbl_wrap tbody td,
.tbl_wrap2 tbody th,
.tbl_wrap2 tbody td,
.tbl_wrap3 tbody th,
.tbl_wrap3 tbody td,
.tbl3_wrap tbody th,
.tbl3_wrap tbody td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10rem 20rem; background:#fbfbfb; }
.tbl_wrap tbody td,
.tbl_wrap2 tbody td,
.tbl_wrap3 tbody td,
.tbl3_wrap tbody td { background:#fff; }

.tbl_wrap3 tbody td:nth-of-type(2) { text-align:left; }
.tbl_wrap.tdL tbody td,
.tbl_wrap2 tbody td { text-align:left;}
.tbl_wrap tbody td.add { text-align:left; }

.thead_empty {border-top:0 !important; }
.thead_empty tbody {border-top:2px solid var(--p_color); }


.tabst { display:flex; flex-wrap:wrap; gap:10rem; margin-bottom:40rem; }
.tabst a { display:flex; align-items:center; gap:10rem; background:#f3f5f9; height:40rem; padding:0 20rem; border-radius:10rem; font-size:0.95em; }
.tabst a:hover {background:#dfe1e5; }
.tabst a.tab_on {background:#222; color:#fff; }
.tabst a.tab_on::before { content:''; display:block; width:5rem; height:8rem; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg); margin-bottom:5rem;}



/* whats near */
.whats_near dl.content_box.icon::before { width:90rem !important; height:90rem !important; background:url('/kr/img/01/simbol.png') no-repeat center / cover !important;}
.nation_wrap { position:relative; margin:18px 0 0 0; border-top:1px solid #595565; }
.nation { position:relative; overflow:hidden; padding:15px 0; border-bottom:1px solid #e0e0e0; }
.nation .l_pic { float:left; width:150rem; }
.nation .r_txt { float:right; width:calc(100% - 150rem); }
.nation .r_txt .tl { color:#48464e; font-weight:bold; }
.nation .r_txt ul { margin-top:6rem; }
.nation .r_txt ul li { display:flex; align-items:center; float:left; color:#48464e; white-space:nowrap; }
.nation .r_txt ul li::after {content:''; display:block; width:1px; height:13rem; background:#b2b2b2; margin:0 15rem; }
.nation .r_txt ul li:last-of-type::after,
.nation .r_txt ul li span { display:none; }
.nation .r_txt2 {float:right; width:calc(100% - 150rem); margin-top:10rem;}
.nation .r_txt2 .tl { color:#48464e; font-weight:bold; }
.nation .r_txt2 ul { margin-top:6px; }
.nation .r_txt2 ul li { float:left; color:#48464e; white-space:nowrap; }
.nation .r_txt2 ul li span { color:#b2b2b2; margin:0 10px; }
@media all and (max-width:480px){
	.nation .l_pic {width:80rem;}
	.nation .l_pic img {width:80%;}
	.nation .r_txt, .nation .r_txt2 {width:calc(100% - 80rem); }
}


/* 연혁 */
.history { display:flex; align-items:flex-start; justify-content:space-between; border-bottom:1px solid #e0e0e0; padding:30rem 0; }
.history .l_pic { position:relative; width:200px; }
.history .l_pic span { position:absolute; right:0; bottom:0; /*z-index:100; */}
.history .r_txt { width:calc(100% - 250rem); }
.pre-history{
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	font-family: 'Pretendard Variable', '맑은 고딕', sans-serif;
	font-size:0.95em;
}
.history .r_txt .tl { color:var(--p_color); font-weight:600; font-size:18rem; }
.history .r_txt p:nth-of-type(2) { margin:5rem 0 15rem !important; font-size:20rem; font-weight:600; }
@media all and (max-width:480px){
	.history { flex-wrap:wrap; }
	.history .l_pic { margin:0 auto 20rem; }
	.history .r_txt {width:100%; }
}

/*연합-조직도*/
.organi_wrap { position:relative; }
.organi_top { background:url(/kr/img/01/top_img.gif) no-repeat 30rem center #f3f3f3; padding:15rem 10rem 15rem 100rem;}
.group1 {position:relative;}
.group1,
.group2,
.group3,
.group4 { width:25%; margin:40rem auto; }
.group2 { position:absolute; right:0; margin:-70rem 0 0; }
.group1 .name,
.group2 .name,
.group3 .name,
.group4 .name { background:#595565; text-align:center; color:#fff; font-weight:600; padding:10rem; }
.group1 .exp,
.group2 .exp,
.group3 .exp,
.group4 .exp { border:1px solid #595565; background:#fff; text-align:center; padding:10rem; }
.group1 .name {  background:#4e5eda; }
.group1 .exp { border:1px solid #4e5eda; text-align:center;}
.group_dep { display:flex; flex-wrap:wrap; }
.group_dep li { width:calc((100% - 30rem)/5); margin:3rem; }
.group_dep li a {display:block; height:100%; align-content:center; background:#f3f3f3; border:1px solid #595565; text-align:center; padding:15px 0; }
.subtl1 { color:var(--p_color); border:1px solid var(--p_color); box-shadow:5rem 5rem 0 rgba(0,0,0,0.1); text-align:center; border-radius:5rem; padding:10rem; font-size:25rem; font-weight:600; }
/*조직도선*/
.group1::before { content:''; position:absolute; left:50%; top:0; width:1px; height:550rem; background:#555; z-index:-1; }
.group2::before { content:''; position:absolute; left:-100%; top:50%; width:100%; height:1px; background:#555; z-index:-1; }
@media all and (max-width:768px){
	.group1,
	.group3,
	.group4 { width:40%; }
	.group_dep li { width:calc((100% - 18rem)/3); }
}
@media all and (max-width:480px){
	.group1,
	.group3,
	.group4 { width:100%; }
	.group1 { margin:40rem auto 160rem; }
	.group2 { width:40%; margin:-130rem 0 0; }
	/*조직도선*/
	.group2::before {  left:-25%; width:25%;  }
}


/*헌장*/
.tty1 { font-weight:600; font-size:25rem; color:var(--p_color); margin:30rem 0 20rem; }

/* 사무총장 메세지 */
div.secretariat_greeting { display:flex; flex-wrap:wrap; justify-content:space-between; }
div.secretariat_greeting .sg_pic {width:120px;}
div.secretariat_greeting .sg_pic img {box-shadow:8rem 8rem 0 rgba(0,0,0,0.1); }
div.secretariat_greeting .sg_txt { width:calc(100% - 160rem); }
div.secretariat_greeting .sg_txt p.title,
div.secretariat_greeting .sg_txt p.ftst2 { font-weight:600; color:var(--p_color); font-size:25rem; margin-top:0;  }
div.secretariat_greeting .sg_txt p { margin-top:20rem; }
@media all and (max-width:480px){
	div.secretariat_greeting .sg_pic {margin:0 auto;}
	div.secretariat_greeting .sg_txt { width:100%; margin-top:30rem;  }
}

/*역대사무총장*/
.his_pre .pr { margin-top:50rem; }
.his_pre .pr:first-of-type { margin-top:0; }
.his_pre .cont_t { font-size:30rem; font-weight:600; color:var(--p_color); }
.his_pre .cont_t + p { margin:10rem 0 20rem; font-size:20rem; }
.his_pre .pr > div { display:flex; flex-wrap:wrap; justify-content:space-between; border:1px solid #eee; background:#fafafa; padding:30rem; }
.his_pre .pr:nth-child(even) > div {flex-direction:row-reverse; }
.his_pre .pr .pa { width:150rem; }
.his_pre .pr .pa img { box-shadow:8rem 8rem 0 rgba(0,0,0,0.1); }
.his_pre .pr .cont_txt1 { width:calc(100% - 200rem); }
@media all and (max-width:480px){
	.his_pre .pr .pa { width:120rem; margin:0 auto 20rem; }
	.his_pre .pr .cont_txt1 { width:100%; }
}


/*사무국-조직도*/
.sg_organi_wrap { position:relative; display:flex; justify-content:space-between; padding-top:250rem; }
.sg_group1,
.sg_group2 { position:relative; align-content:center; position:absolute; left:50%; top:0; width:40%; height:50rem;  transform:translateX(-50%); text-align:center; color:#fff; font-weight:600; }
.sg_group1 { background:#4e5eda; }
.sg_group2 { top:100rem; background:#595565; }
/* .sg_group3,
.sg_group4 { position:relative; width:48%; border:1px solid #595565; } */
.sg_group3 .name, .sg_group4 .name { background:#595565; text-align:center; color:#fff; font-weight:600; height:50rem; align-content:center; }
.sg_group3 .exp, .sg_group4 .exp { padding:20rem 30rem; }
.sg_group3 .exp li,
.sg_group4 .exp li { position:relative; padding:4rem 0 4rem 15rem; }
.sg_group3 .exp li::before,
.sg_group4 .exp li::before { content:''; position:absolute; left:0; top:15rem; width:4rem; height:1rem; background:#666; }
/*조직도선*/
.sg_group1::before,
.sg_group2::before,
.sg_group3::before,
.sg_group4::before { content:''; position:absolute; left:50%; top:50rem; width:1px; height:50rem; background:#555; }
.sg_group3::before,
.sg_group4::before {top:-50rem; }
.sg_group3::after,
.sg_group4::after { content:''; position:absolute; left:50%; top:-50rem; width:60%; height:1px; background:#555; }
.sg_group4::after { left:-10%; }
@media all and (max-width:480px){
	.sg_group3 .exp,
	.sg_group4 .exp { padding:10rem 15rem; }
}

/* 241218 */
.sg_group3,
.sg_group4 { position:relative; width:48%;}
.sg_group3 .exp,
.sg_group4 .exp {border:1px solid #595565;}
.sg_group3 .exp:first-of-type,
.sg_group4 .exp:first-of-type{margin-bottom: 20rem;}
.sg_group3 .exp_01{height: 253rem;}
.sg_group3 .exp_02,
.sg_group4 .exp_02{position: relative;}
.sg_group3 .exp_02::after, .sg_group4 .exp_02::after{content: '';position: absolute;left: 50%;top: -21px;width: 1px;height: 20px;background: #555;}
@media all and (max-width:480px){
	.sg_group3 .exp_01{height: 233rem;}
}

/*사무국 조직도 디자인변경_241219*/
.sg_org p {align-content:center; text-align:center; border-radius:30rem; font-weight:600;margin:40rem auto; height:60rem; font-size:18rem; line-height:1; padding:0 5rem;}
.sg_org .sg_org1 p { background:var(--gradient); color:#fff; font-size:25rem; width:150rem; height:150rem; border-radius:50%; }
.sg_org .sg_org1 p span { display:block; text-transform:uppercase; font-size:13rem; opacity:0.5; letter-spacing:1rem; margin-bottom:5rem; }
.sg_org .sg_org2 p { width:200rem; background:var(--p_color); color:#fff;}
.sg_org3 { display:flex; justify-content:space-between; }
.sg_org3 > div { width:calc((100% - 50rem)/2)}
.sg_org3 > div div:not(.ul_wrap) { width:100%; }
.sg_org3 > div div.ul_wrap { display:flex; flex-wrap:wrap; border:1px solid var(--p_color); border-radius:20rem; overflow:hidden; }
.sg_org3 p { border:1px solid var(--p_color); color:var(--p_color); margin-bottom:10rem; line-height:1; padding:10rem 5rem; height:auto; min-height:60rem; }
.sg_org3 .list1 { width:35%; color:var(--p_color);  padding:20rem; text-align:center; font-weight:600; }
.sg_org3 .list1 li {margin:8rem 0;}
.sg_org3 .list2 { width:65%; background:#f5f5f5; padding:20rem; margin:0 !important; }
/*선*/
.sg_org,
.sg_org3,
.sg_org3 p {position:relative;}
.sg_org::before,
.sg_org3 p::before {content:''; position:absolute; left:50%; top:0; width:1px; height:290rem; background:var(--p_color); z-index:-1;}
.sg_org3 p::before {top:-40rem; height:50rem;}
.sg_org3::before { content:''; position:absolute; left:50%; top:0; width:calc(50% + 25rem); height:1px; background:var(--p_color); transform:translateX(calc(-50% + 1rem)); }
.sg_org3 p::after {content:''; position:absolute; left:50%; top:5rem; width:6rem; height:6rem; border-radius:50%; transform:translateX(-50%); background:var(--p_color);}
@media all and (max-width:768px){
	.sg_org3 > div {width:calc((100% - 20rem)/2)}
	.sg_org3 .list1,
	.sg_org3 .list2 {width:100%; padding:10rem;}
	/*선*/
	.sg_org3::before { width:calc(50% + 10rem); }
}


/*오시는 길*/
.sg_map iframe {height:400rem;}
.map_activity {border:1px solid #ddd; border-radius:10rem; margin:40rem 0 0; overflow:hidden; }
.map_activity .mac_tl { background:var(--gradient); font-size:18rem; font-weight:600; color:#fff; padding:10rem 20rem; }
.map_activity .mac_txt { padding:10rem 20rem; border-bottom:1px dashed #ddd; font-weight:600; }
.map_activity .mac_txt1 { display:flex; flex-wrap:wrap; justify-content:space-between; padding:10rem 20rem; }
.map_activity .mac_txt1 .Left { width:100rem; font-weight:600; }
.map_activity .mac_txt1 .Right { width:calc(100% - 130rem); margin:0 !important; }
@media all and (max-width:768px){
	.map_activity .mac_txt1 .Left { width:75rem; }
	.map_activity .mac_txt1 .Right { width:calc(100% - 90rem); }
	.map_activity:last-of-type .mac_txt1:last-of-type .Right { width:100%; }
}


/* 가입절차 */
.join_process .step_list { display:flex; flex-wrap:wrap; gap:20rem;margin-top:30rem; }
.join_process .step_list li { position:relative; width:calc((100% - 80rem)/5); background:#f3f3f3; align-content:center; text-align:center; padding:20rem; border-radius:10rem; }
.join_process .step_list li::before {content:''; position:absolute; left:-10rem; top:50%; width:7rem; height:7rem; border-top:3rem solid #fff; border-right:3rem solid #fff; transform:rotate(45deg) translateY(-60%); z-index:1; }
.join_process .step_list li::after { content:''; position:absolute; left:-15rem; top:50%; width:30rem; height:30rem; border-radius:50%; background:#555; transform:translateY(-50%);  }
.join_process .step_list li:first-of-type::before,
.join_process .step_list li:first-of-type::after { display:none; }
.join_process .map_view { position:relative; background:#F5F6FA; text-align:center; }
.join_process .map_view > div:not(.member_map) {position:absolute; left:0; top:0; width:100%; height:100%; visibility:hidden; }
@media all and (max-width:768px){
	.join_process .step_list li { width:calc((100% - 40rem)/3); }
}
@media all and (max-width:480px){
	.join_process .step_list li { width:calc((100% - 30rem)/2); }
}


/* 회원정부 */
.ctgo_top { border:1px solid var(--p_color); box-shadow:5rem 5rem 0 rgba(0,0,0,0.1); border-radius:5rem;; border-radius:10rem; padding:20rem; }
.ctgo_top p { display:flex; align-items:center; justify-content:center; }
.ctgo_top p img { box-shadow:5rem 5rem 0 rgba(0,0,0,0.1); }
.ctgo_top p span { font-size:20rem; font-weight:600; margin-left:30rem; color:var(--p_color); }
/* 회원정부 - 소개 */
.ctgo_top1 { display:flex; justify-content:space-between; border:1px solid #ddd; border-radius:10rem; padding:30rem;  }
.ctgo_top1 p { width:120rem; }
.ctgo_top1 p img { box-shadow:5rem 5rem 0 rgba(0,0,0,0.1); }
.ctgo_top1 .ctgo_topdata {width:calc(100% - 160rem); }
.ctgo_top1 .ctgo_topdata .data_list li { display:flex; justify-content:space-between; font-size:18rem; border-bottom:1px dashed #ddd; padding:5rem;  }
.ctgo_top1 .ctgo_topdata .data_list li:last-of-type {border-bottom:0; }
.ctgo_top1 .ctgo_topdata .data_list .ctgo_top_li1 { display:flex; width:150rem; flex-shrink:0; font-weight:600;}
.ctgo_top1 .ctgo_topdata .data_list .ctgo_top_li1::before {content:''; display:block; width:4rem; height:4rem; flex-shrink:0; margin-top:12rem; background:var(--p_color); border-radius:50%; margin-right:10rem; }
.ctgo_top1 .ctgo_topdata .data_list .ctgo_top_li2 { width:calc(100% - 170rem); }
.ctgo_simbol_wrap { display:flex; flex-wrap:wrap; gap:20rem; margin-top:20rem; }
.ctgo_simbol_wrap .simbol_list {width:calc((100% - 20rem)/2);}
.ctgo_simbol_wrap .simbol_list1 {width:100%;}
.ctgo_simbol_wrap .simbol_list2 {width:calc((100% - 40rem)/3);}
.ctgo_simbol_wrap .simbol_list .sb_pic,
.ctgo_simbol_wrap .simbol_list1 .sb_pic,
.ctgo_simbol_wrap .simbol_list2 .sb_pic { float:left; width:100rem; }
.ctgo_simbol_wrap .simbol_list > *:not(.sb_pic),
.ctgo_simbol_wrap .simbol_list1 > *:not(.sb_pic),
.ctgo_simbol_wrap .simbol_list2 > *:not(.sb_pic) { float:right; width:calc(100% - 120rem); }
.ctgo_simbol_wrap .simbol_list .sb_tl,
.ctgo_simbol_wrap .simbol_list1 .sb_tl,
.ctgo_simbol_wrap .simbol_list2 .sb_tl {font-weight:600; }
.ctgo_simbol_wrap .simbol_list1 .sbt_suj {font-weight:600; }
/* 회원정부-문화관광소개 */
.tour_wrap .tour { display:flex; flex-wrap:wrap; margin-top:40rem; padding-top:40rem;  border-top:1px solid #ddd;  }
.tour_wrap .tour:first-child {border-top:0;  padding-top:0; }
.tour_wrap .tour > div:first-child,
.tour_wrap .tour > div:first-child img {width:100%;}
.tour_wrap .tour .b_text {width:100%;}
.tour_wrap .tour .b_text .tl { font-weight:600; font-size:20rem; margin:20rem 0 10rem; }
.tour_wrap .tour .l_pic { width:200rem; }
.tour_wrap .tour .r_txt { width:calc(100% - 250rem); margin-left:50rem; }
.tour_wrap .tour .r_txt .tl { font-weight:600; font-size:20rem; margin-bottom:10rem; }
.tour_tt { border-top:1px solid #ddd; text-align:right; margin-top:40rem; padding-top:40rem; font-weight:600; }
.tour_wrap .tour .r_txt li img { margin:10rem; }
@media all and (max-width:768px){
	.ctgo_simbol_wrap .simbol_list2 {width:calc((100% - 20rem)/2);}
	.tour_wrap .tour .l_pic { width:170rem; }
	.tour_wrap .tour .r_txt { width:calc(100% - 200rem); margin-left:30rem; }
}
@media all and (max-width:480px){
	.ctgo_top1 {flex-wrap:wrap; padding:20rem; }
	.ctgo_top1 p {margin:0 auto 30rem; }
	.ctgo_top p img {width:80rem;}
	.ctgo_top1 .ctgo_topdata { width:100%; }
	.ctgo_simbol_wrap .simbol_list,
	.ctgo_simbol_wrap .simbol_list2 {width:100%;}
	.tour_wrap .tour .l_pic { width:100%; text-align:center; }
	.tour_wrap .tour .r_txt { width:100%; margin-left:0; margin-top:30rem; }
}


/*분과위원회 소개*/
.li_none::before,
.li_none li::before { display:none; }
.li_none ul,
.li_none li { margin:0; padding:0; }
.rule_scroll_wrap {padding:30rem; background:#f5f5f5; border-radius:40rem; margin-bottom:40rem; }
.rule_scroll_wrap > div {  height:400rem; overflow-y:auto; padding:10rem; }
.rule_scroll_wrap div::-webkit-scrollbar { width:8px; }
.rule_scroll_wrap div::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.3); border-radius:5px; }
.rule_scroll_wrap div::-webkit-scrollbar-track { background:rgba(255,255,255,0); }
.rule_scroll_wrap > div > div.taR { margin-bottom:30rem; }
@media all and (max-width:480px){
	.rule_scroll_wrap  {padding:15rem;}
}

/* 회원정부홍보 */
.schedule_line {display:flex; justify-content:space-between; margin-top:40rem;  }
.schedule_line .sch_left { width:200rem; border-top:2px solid var(--p_color); font-size:30rem; font-weight:600; color:var(--p_color); padding:10rem;  }
.schedule_line .sch_right { width:calc(100% - 250rem); border-top:2px solid #595565; }
.schedule_line .sch_right .sch_list li { border-bottom:1px solid #e0e0e0; }
.schedule_line .sch_right .sch_list li a { display:flex; justify-content:space-between; padding:15rem 0; }
.schedule_line .sch_right .sch_list li a .shc_li1 { width:150rem; font-size:14rem; color:#888; }
.schedule_line .sch_right .sch_list li a .shc_li2 {width:calc(100% - 150rem); }
.schedule_line .sch_right .sch_list li div { background:#f3f3f3; padding:30rem !important; }
.schedule_line .sch_right .sch_list li div div { padding:0 !important; }
@media all and (max-width:768px){
	.schedule_line .sch_left {width:130rem;}
	.schedule_line .sch_right { width:calc(100% - 150rem); }
}
@media all and (max-width:480px ){
	.schedule_line {flex-wrap:wrap;}
	.schedule_line .sch_left,
	.schedule_line .sch_right { width:100%; }
	.schedule_line .sch_right {border-top:1px solid #e0e0e0;}
	.schedule_line .sch_right .sch_list li a { padding:15rem 10rem; }
	.schedule_line .sch_right .sch_list li a .shc_li1 {width:80rem }
	.schedule_line .sch_right .sch_list li a .shc_li2 {width:calc(100% - 100rem); }
}


/* 자료실 - 분과위원회 */
.bun_box td,
.bun_mbox td {border-left:0 !important; }
.bun_box td.txt,
.bun_mbox td.txt { text-align:left; }
.bun_box td:first-of-type,
.bun_mbox td:first-of-type { min-width:80px; }
.bun_box td:last-of-type,
.bun_mbox td:last-of-type { min-width:115px; }
/* 241223 pc m 코드 통일.bun_mbox { display:none; } */
@media all and (max-width:768px){
	.bun_box td,
	.bun_mbox td { padding: 10rem 5rem !important; }
	.bun_box td:first-of-type,
	.bun_mbox td:first-of-type { min-width:40px; }
	.bun_box td:last-of-type,
	.bun_mbox td:last-of-type { min-width:85px; }
	/* 241223 html pc m 코드 통일
	.bun_box { display:none; }
	.bun_mbox { display:block; } */
}


/* near국제포럼 */
.download a { display:inline-flex; align-items:center; justify-content:center; gap:8rem; color:var(--p_color); margin-left:20rem; }
.download a::after { content:''; display:block; flex-shrink:0; width:14px; height:14px; background:url(/design/common/template/sprite.png) no-repeat -180px 0; }
.download a:hover {text-decoration:underline; }
.ecoforum_pic .efpic { display:flex; flex-wrap:wrap; gap:30rem; }
.ecoforum_pic .efpic > li { width:calc((100% - 60rem)/3); }
.ecoforum_pic .efpic > li img {width:100%;}
.newsletter_box {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:30rem; }
.newsletter_box .dep_list2_1 { width:100%; }
.newsletter_box .newsletter { display:flex; justify-content:space-between; width:48%; flex-shrink:0; }
.newsletter_box .newsletter .nl_pic {width:75px; flex-shrink:0; }
.newsletter_box .newsletter .nl_txt {width:calc(100% - 100rem); }
.newsletter_box .newsletter .nl_txt p { position:relative; padding:5rem 0 5rem 13rem; }
.newsletter_box .newsletter .nl_txt p::before { content:''; position:absolute; left:0; top:16rem; width:4rem; height:4rem; background:#555; border-radius:50%; }
.newsletter_box .newsletter .nl_txt p span {font-weight:600; margin-right:10rem; }
@media all and (max-width:768px ){
	.ecoforum_pic .efpic { gap:20rem; }
	.ecoforum_pic .efpic li { width:calc((100% - 20rem)/2); }
}
@media all and (max-width:480px){
	.newsletter_box .newsletter {width:100%; margin-top:10rem;}
}


/*청소년 공모전*/
.art_wrap .title { font-size:20rem; font-weight:600; text-align:center; margin-bottom:20rem; }
.art_wrap .artimg1 { border:1px solid #ddd; }
.art_wrap .artimg1 dt,
.art_wrap .artimg2 dt {padding:30rem; flex-grow:1; align-content:center; }
.art_wrap .artimg1 dd,
.art_wrap .artimg2 dd {padding:10rem 30rem; background:#f5f5f5; }
.art_wrap .artimg2 {display:flex; flex-wrap:wrap; justify-content:space-between; }
.art_wrap .artimg2 dl { display:flex; flex-direction:column; width:calc((100% - 40rem)/2); border:1px solid #ddd; margin:20rem 0;}
@media all and (max-width:768px){
	.art_wrap .artimg1 dt,
	.art_wrap .artimg2 dt {padding:15rem; }
	.art_wrap .artimg2 dl { width:100%; border:1px solid #ddd; margin:10rem 0;}
}

/*헌장*/
.charter > div:first-of-type { position:relative; padding:70rem; background:#f5f5f5; border-radius:40rem; margin-bottom:30rem;}
.charter > div:first-of-type::before { content:''; position:absolute; left:20rem; top:20rem; width:calc(100% - 40rem); height:calc(100% - 40rem); border-radius:20rem; border:1px solid #dfdfdf; }
.charter .list {text-align:right;}
@media all and (max-width:480px){
	.charter > div:first-of-type {padding:50rem 30rem;}
	.charter > div:first-of-type::before { display:none; }
}


/* 회원단체 위치 지도 */
.member_wrap{position: relative; border: 1px solid #ddd; border-radius: 10rem; overflow: hidden;}
.member_map{text-align: center;}
.member_map > div{max-width: 710px; width: 100%; height: 100%; left: 50%; transform: translateX(-50%); top: 0; position: absolute;}
.member_map > div a{position: absolute; height: 5%; width: 12%; display: block; z-index: 2; text-indent: -9999px;}
.member_map #map01{top: 34%; left: 48%; width: 14%;}
.member_map #map02{top: 54%; left: 50%;}
.member_map #map03{top: 58%; right: 19%;}
.member_map #map04{top: 71.5%; left: 42%;}
.member_map #map05{top: 80%; right: 20%;}
.member_map #map06{top: 70%; right: 0;}

.member_list > div{display: none; text-align: center; background: #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;}
.member_list > div.on{display: block !important;}
.member_list > div .map_btn{max-width: 710px; width: 100%; height: 100%; left: 50%; transform: translateX(-50%); top: 0; position: absolute;}
.member_list > div .map_btn a{position: absolute; display: block; width: 15%; height: 5%; text-indent: -9999px;}

/* 러시아 */
.member_list > div .map_btn .r_01{right: 1%; top: 37%; width: 13%;}
.member_list > div .map_btn .r_02{right: 2%; top: 46%; width: 17%;}
.member_list > div .map_btn .r_03{right: 2%; top: 61%; width: 13%;}
.member_list > div .map_btn .r_04{right: 5%; top: 67%; width: 15%;}
.member_list > div .map_btn .r_05{right: 18%; top: 33%; width: 25%;}
.member_list > div .map_btn .r_06{right: 12%; top: 53%; width: 21%;}
.member_list > div .map_btn .r_07{right: 23%; top: 64%; width: 13%;}
.member_list > div .map_btn .r_08{left: 33%; top: 39%; width: 27%;}
.member_list > div .map_btn .r_09{left: 52%; top: 47%; width: 18%;}
.member_list > div .map_btn .r_10{left: 55%; top: 70%; width: 19%;}
.member_list > div .map_btn .r_11{left: 44%; top: 77%; width: 17%;}
.member_list > div .map_btn .r_12{left: 38%; top: 70.5%; width: 14%;}
.member_list > div .map_btn .r_13{left: 40.5%; top: 53%; width: 18%;}
.member_list > div .map_btn .r_14{left: 19%; top: 65.5%; width: 17%;}
.member_list > div .map_btn .r_15{left: 23%; top: 56.5%; width: 15%;}
.member_list > div .map_btn .r_16{left: 32%; top: 46%; width: 12%;}
.member_list > div .map_btn .r_17{left: 21%; top: 72%; width: 16%;}

/* 몽골 */
.member_list > div .map_btn .m_01{left: 7%; top: 27%;}
.member_list > div .map_btn .m_02{left: 1%; top: 47%; width: 19%;}
.member_list > div .map_btn .m_03{left: 10%; top: 55%; width: 15%;}
.member_list > div .map_btn .m_04{left: 16%; top: 62%; width: 20%;}
.member_list > div .map_btn .m_05{left: 17%; top: 40%; width: 17%;}
.member_list > div .map_btn .m_06{left: 33%; top: 47%; width: 22%;}
.member_list > div .map_btn .m_07{left: 22%; top: 19%; width: 17%;}
.member_list > div .map_btn .m_08{left: 31%; top: 35%; width: 14%;}
.member_list > div .map_btn .m_09{left: 40%; top: 26%; width: 16%;}
.member_list > div .map_btn .m_10{left: 40%; top: 53%; width: 21%;}
.member_list > div .map_btn .m_11{left: 30%; bottom: 27%; width: 21%;}
.member_list > div .map_btn .m_12{left: 46%; bottom: 20%; width: 19%;}
.member_list > div .map_btn .m_13{left: 49%; bottom: 32%; width: 19%;}
.member_list > div .map_btn .m_14{right: 24%; top: 29%; width: 16%;}
.member_list > div .map_btn .m_15{right: 32%; top: 18%; width: 19%;}
.member_list > div .map_btn .m_16{right: 31%; top: 42%; width: 16%;}
.member_list > div .map_btn .m_17{right: 22%; top: 47%; width: 14%;}
.member_list > div .map_btn .m_18{right: 21%; top: 35%; width: 14%;}
.member_list > div .map_btn .m_19{right: 14%; top: 57%; width: 22%;}
.member_list > div .map_btn .m_20{right: 12%; top: 67%; width: 21%;}
.member_list > div .map_btn .m_21{right: 1%; top: 51%; width: 21%;}
.member_list > div .map_btn .m_22{right: 0; top: 36%; width: 20%;}

/* 중국 */
.member_list > div .map_btn .c_01{left: 24%; top: 39.5%; width: 11%;}
.member_list > div .map_btn .c_02{left: 21%; top: 46%; width: 12%;}
.member_list > div .map_btn .c_03{left: 34%; top: 55%; width: 20%;}
.member_list > div .map_btn .c_04{left: 44.5%; top: 31%; width: 21%;}
.member_list > div .map_btn .c_05{left: 55%; top: 37%; width: 19%;}
.member_list > div .map_btn .c_06{right: 22%; top: 23%; width: 18%;}
.member_list > div .map_btn .c_07{right: 30%; top: 49%; width: 10%;}
.member_list > div .map_btn .c_08{right: 34%; top: 63.5%; width: 14%;}
.member_list > div .map_btn .c_09{right: 19%; top: 45%; width: 11%;}
.member_list > div .map_btn .c_10{right: 12%; top: 70.5%; width: 11%;}
.member_list > div .map_btn .c_11{right: 7%; bottom: 34%; width: 13%;}
.member_list > div .map_btn .c_12{right: 8%; top: 10%; width: 16%;}
.member_list > div .map_btn .c_13{right: 1%; top: 27.5%; width: 12%;}
.member_list > div .map_btn .c_14{right: 2%; top: 36%; width: 13%;}

/* 한국 */
.member_list > div .map_btn .k_01{right: 39%; top: 14%; width: 19%;}
.member_list > div .map_btn .k_02{left: 25%; top: 16%; width: 15%;}
.member_list > div .map_btn .k_03{left: 35%; top: 21.5%; width: 10%;}
.member_list > div .map_btn .k_04{left: 27%; top: 32.5%; width: 12%;}
.member_list > div .map_btn .k_05{left: 41%; top: 31%; width: 11%;}
.member_list > div .map_btn .k_06{right: 35%; top: 33%; width: 12%;}
.member_list > div .map_btn .k_07{left: 17%; top: 41%; width: 18%;}
.member_list > div .map_btn .k_08{left: 25%; top: 46%; width: 15%;}
.member_list > div .map_btn .k_09{right: 38%; top: 44.5%; width: 14%;}
.member_list > div .map_btn .k_10{right: 22%; top: 53%; width: 14%;}
.member_list > div .map_btn .k_11{right: 24%;top: 60%; width: 14%;}
.member_list > div .map_btn .k_12{left: 26%; top: 51.5%; width: 13%;}
.member_list > div .map_btn .k_13{left: 22%; top: 57.5%; width: 15%;}
.member_list > div .map_btn .k_14{right: 42%; top: 60%; width: 12%;}
.member_list > div .map_btn .k_15{left: 24%; top: 65%; width: 12%;}
.member_list > div .map_btn .k_16{right: 36%; top: 88%; width: 20%;}

/* 일본 */
.member_list > div .map_btn .j_01{right: 16%; top: 37%; width: 15%;}
.member_list > div .map_btn .j_02{right: 41%; top: 41%; width: 13%;}
.member_list > div .map_btn .j_03{right: 19%; top: 48%; width: 14%;}
.member_list > div .map_btn .j_04{right: 25%; top: 54.5%; width: 15%;}
.member_list > div .map_btn .j_05{right: 36%; top: 61%; width: 12%;}
.member_list > div .map_btn .j_06{right: 47%; top: 49%; width: 12%;}
.member_list > div .map_btn .j_07{right: 53%; top: 58.5%; width: 13%;}
.member_list > div .map_btn .j_08{right: 44%; top: 67%; width: 10%;}
.member_list > div .map_btn .j_09{right: 60%; top: 52%; width: 13%;}
.member_list > div .map_btn .j_10{right: 58%; top: 74%; width: 10%;}
.member_list > div .map_btn .j_11{right: 67.5%; top: 59.5%; width: 13%;}

/* 북한 */
.member_list > div .map_btn .d_01{right: 15%; top: 14%; width: 15%;}
.member_list > div .map_btn .d_02{right: 31%; top: 33.5%; width: 13%;}


/* 지도 닫기버튼 */
.member_list > div button{position: absolute; bottom: 10rem; right: 10rem; width: 50rem; height: 50rem; background: #333; border: 0; border-radius: 5rem;}
.member_list > div button::before,
.member_list > div button::after{position: absolute; content: ""; width: 23rem; height: 2rem; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.member_list > div button::after{transform: translate(-50%, -50%) rotate(-45deg);}

/*연합 조직구성*/
.org {margin-top:80rem;}
.org > div { display:flex; justify-content:center;}
.org dl { text-align:center; align-content:center; max-width:300rem; width:40%; background:var(--p_color); color:#fff; min-height:80rem; padding:10rem; border-radius:40rem; margin:20rem 0; }
.org dl dt { font-weight:600; font-size:22rem; }
.org .org1 dl { background:var(--gradient); margin-top:0; }
.org .org2 dl {margin-bottom:40rem;}
.org .org3 ul {display:flex; flex-wrap:wrap; margin:40rem 0 0;}
.org .org3 li { width:calc((100% - 24rem)/4); margin:3rem; border:1px solid var(--p_color); border-radius:10rem; align-content:center; }
.org .org3 li a { display:block; color:var(--p_color); text-align:center; line-height:1.3; padding:10rem; }
.org .org2.right {justify-content:flex-end;} 
.org .org2.right dl { margin:0;}
/*선*/
.org > div,
.org .org3,
.org .org3 li {position:relative; }
.org > div:not(.org3)::before { content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:var(--p_color); z-index:-1; }
.org .org2.right::after {content:''; position:absolute; left:50%; top:50%; width:50%; height:1px; background:var(--p_color); z-index:-1; }
.org .org3::before { content:''; position:absolute; left:50%; top:0; width:75%; height:1px; background:var(--p_color); transform:translateX(calc(-50% + 1rem)); z-index:-1; }
.org .org3 li:nth-of-type(1)::before,
.org .org3 li:nth-of-type(2)::before,
.org .org3 li:nth-of-type(3)::before,
.org .org3 li:nth-of-type(4)::before {content:''; position:absolute; left:50%; top:-44rem; width:1px; height:50rem; background:var(--p_color); }
.org .org3 li:nth-of-type(1)::after,
.org .org3 li:nth-of-type(2)::after,
.org .org3 li:nth-of-type(3)::after,
.org .org3 li:nth-of-type(4)::after {content:''; position:absolute; left:50%; top:5rem; width:6rem; height:6rem; border-radius:50%; transform:translateX(-50%); background:var(--p_color);}
@media all and (max-width:768px){
	.org .org3 li { width:calc((100% - 12rem)/2); }
	/*선*/
	.org .org3::before { width:50%; }
	.org .org3 li:nth-of-type(3)::before,
	.org .org3 li:nth-of-type(4)::before,
	.org .org3 li:nth-of-type(3)::after,
	.org .org3 li:nth-of-type(4)::after {display:none;}
}
@media all and (max-width:480px){
	.org > div:not(.right) dl {width:80%;}
}