@charset "utf-8";
/* CSS Document */

/***********************************
		
          회장 인사말

************************************/

[data-subarea="greeting"] .greeting{display:flex;justify-content: space-between;flex-direction: row-reverse;gap:180px;align-items:center;}
[data-subarea="greeting"] .greeting .img{position:relative;border-radius:40px;width:600px;height:0;padding-top: 53.34%;background:url(../images/contents/img_greeting.jpg?ver=250220) no-repeat;background-size:cover;background-position:center center;}
[data-subarea="greeting"] .greeting .img:before{content:'';display:block;position:absolute;bottom:8em;right:88%;width:300px;height:165px;z-index:-1;background:url(../images/common/symbol.svg) no-repeat center center / 100%;opacity:.07;transform:rotate(-90deg);}
[data-subarea="greeting"] .greeting .text{width:calc(100% - 600px - 180px);}
[data-subarea="greeting"] .greeting .text .tit{font-size:2.375em;font-weight:800;line-height:1.4;margin-bottom:60px;color: var(--color-point-blue);}
[data-subarea="greeting"] .greeting .text p{margin-bottom:20px;font-size:1.063em;word-break:keep-all;}
[data-subarea="greeting"] .greeting .text .name{margin-bottom:0;margin-top:100px;}
[data-subarea="greeting"] .greeting .text .name span{display:inline-block;margin-right:16px;font-weight:500;font-size:1.125em;}
[data-subarea="greeting"] .greeting .text .name strong{font-family: 'Ownglyph_JAEGEONSA-Rg';font-size:1.75em;}

 
/***********************************
		
                연혁

************************************/
[data-subarea="history"]												{ }
[data-subarea="history"] .history_top									{ position:relative;}
[data-subarea="history"] .history_top h4								{position:relative; margin:0 auto; background:var(--color-point-red);color:#fff;width:160px;height:160px;border-radius:100%;color:#fff;text-align:center; font-size:1.75em; font-weight:800; line-height:160px; }
[data-subarea="history"] .history_top h4:after{content:'';position:absolute;width:180px;height:180px;top:50%;left:50%;transform:translate(-50%,-50%);border: 2px dotted var(--color-point-red);opacity:.3;border-radius:100%;}
[data-subarea="history"] .list											{ position:relative; padding:3em 0; }
[data-subarea="history"] .list::before									{ position:absolute; width:1px; height:100%; background:linear-gradient(to bottom, #ddd 90%,#fff); left:50%; top:0; content:''; }
[data-subarea="history"] .list>li										{ position:relative; padding-left:calc(50% + 50px); }
[data-subarea="history"] .list>li+li									{ margin-top:40px; }
[data-subarea="history"] .list>li:nth-child(even)						{ padding-left:0; padding-right:calc(50% + 50px); text-align:right }
[data-subarea="history"] .list>li strong								{ position:relative; font-size:1.5em; font-weight:700; color:#222;  }
[data-subarea="history"] .list>li strong::before						{ position:absolute; left:-50px; top:50%; width:35px; height:1px; border-bottom:1px dotted #ffddde; content:''; }
[data-subarea="history"] .list>li:nth-child(even) strong::before		{ right:-50px; left:inherit; }
[data-subarea="history"] .list>li::before								{ position:absolute; width:6px; height:6px; background:var(--color-point-red); content:''; border-radius:100%; z-index:2; left:50%; top:16px; transform:translateX(-50%); }
[data-subarea="history"] .list>li::after								{ position:absolute; width:12px; height:12px; background:#ffddde; content:''; border-radius:100%; z-index:1; left:50%; top:13px; transform:translateX(-50%); }
[data-subarea="history"] .list>li>ol									{ margin-top:10px; }
[data-subarea="history"] .list>li>ol>li								{ position:relative; font-size:1.063em; display: flex;justify-content: flex-start;}
[data-subarea="history"] .list>li>ol>li+li								{ margin-top:10px; }
[data-subarea="history"] .list>li>ol>li>em								{ margin-right:12px;font-weight:700; color:#777;}
[data-subarea="history"] .list>li>ol>li>span							{ display:block; }
[data-subarea="history"] .list>li:nth-child(even)>ol>li				{  justify-content: end;flex-direction: row-reverse;}
[data-subarea="history"] .list>li:nth-child(even)>ol>li>em				{ margin-right: 0; margin-left: 12px;}
[data-subarea="history"] .list>li:nth-child(even)>ol>li>em::after		{ display:none; }


/***********************************
		
               조직도

************************************/
[data-subarea="org"] .org{text-align:center; position:relative;}
[data-subarea="org"] .org:before{content:""; display:block; width:1px; height:calc(100% - 137.63px - 1em); background:#ddd; position:absolute; top:0; left:0; right:0; margin:auto; z-index:-1}
[data-subarea="org"] .org>li{width:max-content; margin:0 auto 2em;}
[data-subarea="org"] .org>li>ul,
[data-subarea="org"] .org>li:has(dl){display:flex; flex-wrap:wrap; justify-content:center; flex-wrap:wrap; gap:0 4em; position:relative;}

/* 1차 */
[data-subarea="org"] .org>li.top{background:#fff; font-size:1.4em; font-weight:700; padding:.8em 2em;  border-radius:5px;min-width:150px; }
[data-subarea="org"] .org>li:nth-child(1){border:1px solid #01692c; border-top:3px solid #01692c; color:#01692c;}
[data-subarea="org"] .org>li:nth-child(2){border:1px solid var(--color-point-red); border-top:3px solid var(--color-point-red); color:var(--color-point-red);}

/* 2차 ~ 3차*/
[data-subarea="org"] .org>li>ul:before{content:""; display:block; width:50%; height:1px; background:#ddd; position:absolute; top:0; bottom:0; margin:auto; left:0; right:0; z-index:-1}
[data-subarea="org"] .org>li>ul>li,
[data-subarea="org"] .org>li:not(:has(ul)):not(:has(dl)){background:#fff; border:1px solid #ddd; border-top:3px solid var(--color-point-blue); padding:.8em 1.5em; font-weight:600; font-size:1.2em; color:var(--color-point-blue); border-radius:5px; min-width:120px}

/* 3차 : color */
[data-subarea="org"] .org>li:not(:has(ul)):not(:has(dl)){border-top:3px solid #222; color:#222;}

/* 4차 */
[data-subarea="org"] .org>li:has(dl){position:relative; width:100%; margin:4em auto 0;}
[data-subarea="org"] .org>li:has(dl):before{content:""; display:block; width:calc(60% + 12em); height:1px; background:#ddd; position:absolute; top:-1em; left:0; right:0; margin:auto;}
[data-subarea="org"] .org>li dl{background:#f4f4f4; border:1px solid #ddd; border-radius:5px; position:relative; width:20%;}
[data-subarea="org"] .org>li dl:before{content:""; display:block; width:1px; height:1em; position:absolute; top:-1em; left:0; right:0; margin:auto; background:#ddd;}
[data-subarea="org"] .org>li dt{font-size:1.15em; font-weight:600; padding:.65em 0; background:#fff; border-radius:5px 5px 0 0}
[data-subarea="org"] .org>li dd{padding:.5em 0}
[data-subarea="org"] .org>li dd:not(:nth-child(2)){border-top:1px solid #ddd;}




/***********************************
		
             오시는길

************************************/
[data-subarea="location_map"] .map_wrap{border:1px solid #ddd;border-radius:40px;overflow:hidden;}
[data-subarea="location_map"] .map_wrap #map{position:relative; width:100%; overflow:hidden; height:500px;}
[data-subarea="location_map"] .map_wrap #map a[target='_blank']::after{display:none !important;}  
[data-subarea="location_map"] .map_wrap .map_info{background:#222;padding:1.75em 2.5em;display:flex;justify-content: space-between;align-items:center;color:#fff;}
[data-subarea="location_map"] .map_wrap .map_info h4{font-size:1.75em;font-weight:700;}
[data-subarea="location_map"] .map_wrap .map_info .info{display:flex;gap:2.25em;}
[data-subarea="location_map"] .map_wrap .map_info .info > li{display:flex;align-items:center;}
[data-subarea="location_map"] .map_wrap .map_info .info > li h5{font-size:1.25em;font-weight:600;display:flex;align-items:center;}
[data-subarea="location_map"] .map_wrap .map_info .info > li h5:after{content:'';width:1px;height:16px;margin:0 1.125em;background: #fff;opacity: .2;}
[data-subarea="location_map"] .map_wrap .map_info .info > li h5 .icon{position:relative;display:inline-block;margin-right: 12px;width:28px;height:28px;border-radius:100%;background:rgba(255,255,255,.7);}
[data-subarea="location_map"] .map_wrap .map_info .info > li h5 .icon:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;}
[data-subarea="location_map"] .map_wrap .map_info .info > li.adress h5 .icon:before{background:url(../images/contents/icon_map.svg) no-repeat center center / 100%;}
[data-subarea="location_map"] .map_wrap .map_info .info > li.call h5 .icon:before{background:url(../images/contents/icon_call.svg) no-repeat center center / 100%;}
[data-subarea="location_map"] .map_wrap .map_info .info > li p{font-size:1.125em;color:rgba(255,255,255,.8);}
[data-subarea="location_map"] .box{border: 2px solid #ddd;border-radius: 30px;padding: 2.25em 2.5em;display:flex;gap:2.25em;justify-content: space-between;}
[data-subarea="location_map"] .box .bus{width:50%;}
[data-subarea="location_map"] .box .bus .title_h5{margin-top:0;}
[data-subarea="location_map"] .box .bus ol, 
[data-subarea="location_map"] .box .bus ul{display:flex;gap:1.5em;align-items:center;}
[data-subarea="location_map"] .box .bus ol li+li, 
[data-subarea="location_map"] .box .bus ul li+li{margin-top:0;}
[data-subarea="location_map"] .box .bus ul li{display:flex;align-items:center;}
[data-subarea="location_map"] .box .bus ul li span{display:inline-block;padding:1px 10px;border-radius:4px;color:#fff;font-size:0.875em;margin-right:12px;}
[data-subarea="location_map"] .box .bus ul li span.yellow{background:#dca324;}
[data-subarea="location_map"] .box .bus ul li span.mint{background:#00aeab;}
[data-subarea="location_map"] .box .bus ul li span.blue{background:#7182f5;}



/***********************************
		
       탁구규정 & 경기용어

************************************/

[data-subarea="rule"] .right{text-align:right;}
[data-subarea="rule"] .red{color:var(--color-point-red);}
[data-subarea="rule"] .rule_list{ margin-top:1.25em; border-top:3px solid #222; }
[data-subarea="rule"] .rule_list >li{ border-bottom:1px solid rgba(0,0,0,.1);}
[data-subarea="rule"] .rule_list >li .question{ position:relative; display:flex; gap:14px;width:100%; padding:1em 1.5em;; align-items:center; justify-content:flex-start; color:#222;}
[data-subarea="rule"] .rule_list >li .question.active{background:#222;color:#fff;}
[data-subarea="rule"] .rule_list >li .question i.icon_pp{ position:relative;display:inline-block; width:36px; height:36px; border-radius:100%;border:1px solid var(--color-point-red); color:#2581d7;text-align:center;  
																font-weight:bold;}
[data-subarea="rule"] .rule_list >li .question i.icon_pp::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:url(../images/contents/icon_pp.svg) no-repeat center center / 100%;}
[data-subarea="rule"] .rule_list >li .question.active i.icon_pp{border-color:#fff;}
[data-subarea="rule"] .rule_list >li .question.active i.icon_pp::before{filter:invert(100%) sepia(1000%) saturate(0%) hue-rotate(352deg) brightness(200%) contrast(200%);}
[data-subarea="rule"] .rule_list >li .question .tit{ width:calc(100% - 54px); text-align:left; font-weight:400;font-size:1.125em; }
[data-subarea="rule"] .rule_list >li .question .tit strong{font-weight:600;}
[data-subarea="rule"] .rule_list >li .question .tit strong.red{color:var(--color-point-red);font-weight:400;}
[data-subarea="rule"] .rule_list >li .question.active .tit strong.red{color:#ffe56c;}
[data-subarea="rule"] .rule_list >li .question>.arr::before{ position:absolute; right:1.5em; top:50%; width:10px; height:10px;margin-top:-2.5px; border-style:solid; border-width:0 2px 2px 0; border-color:#777; content:''; transform:translateY(-50%) rotate(45deg); 
																transition:all ease 0.2s }
[data-subarea="rule"] .rule_list >li .question.active>.arr::before{ transform:rotate(225deg); }
[data-subarea="rule"] .rule_list .rule_list_con{ position:absolute;opacity:0;visibility:hidden;height:0;overflow:hidden;padding:1.5em; background:#fafafa;transition:all .2s ease; }
[data-subarea="rule"] .rule_list .rule_list_con.active{ opacity:1;visibility:visible;position:relative;height:auto;}
[data-subarea="rule"] .rule_list .rule_list_con .circle_list>li{display:flex;align-items:flex-start;gap:30px;}
[data-subarea="rule"] .rule_list .rule_list_con .circle_list>li+li{ margin-top:.98em; }
[data-subarea="rule"] .rule_list .rule_list_con .circle_list>li strong{width:60px;font-weight:600;}
[data-subarea="rule"] .rule_list .rule_list_con .circle_list>li p{width:calc(100% - 60px);}

[data-subarea="rule"] .rule_list.term .rule_list_con .circle_list>li strong{width:180px;}
[data-subarea="rule"] .rule_list.term .rule_list_con .circle_list>li p{width:calc(100% - 180px);}
[data-subarea="rule"] .rule_list.term .rule_list_con .circle_list>li .arr{width:14px;height:14px;display:inline-block;}


/***********************************
		
        250611 정관 추가

************************************/

.articles  .btn_wrap{display:inline-flex;}
.articles  .btn_download            {background:var(--color-point-blue);color:#fff;height: auto;padding: 1.063em 2em;transition: all ease 0.2s;}
.articles  .btn_download:focus,.articles .btn_download:hover{background:#002f57;padding:1.063em 2.5em;}
.articles  .btn_download span{color:#fff;}
.articles  .btn_download span:after{content:'';display:inline-block;background:url(../images/bbs/icon_download.svg) no-repeat center center / 100%; width:16px;height:16px;margin-left:.5em;}
.articles .rule_list >li .question .tit{color:#444;}
.articles .rule_list >li .question .tit strong{color:#111;margin-right:6px;font-weight:700;}
.articles .rule_list >li .question.active .tit{color:#e8e8e8;}
.articles .rule_list >li .question.active .tit strong{color:#fff;}
.articles .rule_list >li .rule_list_con dl + dl{margin-top:2em;}
.articles .rule_list >li .rule_list_con dl dt{font-size:1.063em;font-weight:500;color:#555;margin-bottom:12px;}
.articles .rule_list >li .rule_list_con dl dt strong{color:#111;font-weight:700;}
.articles .rule_list >li .rule_list_con dl dd p + ol{margin-top:8px;}



@media all and (max-width:1468px) {
	
	/*회장인사말*/
	[data-subarea="greeting"] .greeting { gap: 150px;}
	[data-subarea="greeting"] .greeting .img {width:40%;}
	[data-subarea="greeting"] .greeting .img:before{width: 250px;height: 132px;}
	[data-subarea="greeting"] .greeting .img:before{right:87%;}
	[data-subarea="greeting"] .greeting .text{width: calc(100% - 40% - 150px);}
	[data-subarea="greeting"] .greeting .text .tit{font-size:2.25em;margin-bottom:40px;}
	[data-subarea="greeting"] .greeting .text p{margin-bottom:18px;}
	[data-subarea="greeting"] .greeting .text .name{margin-top:80px;}
	[data-subarea="greeting"] .greeting .text .name span{font-size:1.063em;}
	[data-subarea="greeting"] .greeting .text .name strong{font-size:1.625em;}

	/*오시는길*/
	[data-subarea="location_map"] .map_wrap #map{height:460px;}
	[data-subarea="location_map"] .map_wrap .map_info h4{font-size:1.5em;}

}

@media all and (max-width:1368px) {

	[data-subarea="location_map"] .map_wrap .map_info .info{gap:2em;}
	[data-subarea="location_map"] .box{gap:2em;}
	[data-subarea="location_map"] .box .bus ol,
	[data-subarea="location_map"] .box .bus ul{gap:1.125em;}
	
}

@media all and (max-width:1199px) {
	
	/*회장 인사말*/
	[data-subarea="greeting"] .greeting{gap: 100px;}
	[data-subarea="greeting"] .greeting .img{width: 45%;padding-top:60.34%;}
	[data-subarea="greeting"] .greeting .img:before{right:87%;}
	[data-subarea="greeting"] .greeting .text{width: calc(100% - 45% - 100px);}

	/*오시는길*/
	[data-subarea="location_map"] .map_wrap #map{height:420px;}
	[data-subarea="location_map"] .box .bus ol,
	[data-subarea="location_map"] .box .bus ul{flex-wrap:wrap;gap:0}
	[data-subarea="location_map"] .box .bus ol li{width:100%;}
	[data-subarea="location_map"] .box .bus ul li{flex:1 1 50%}
	[data-subarea="location_map"] .box .bus ol li+li{margin-top:.5em;}
	[data-subarea="location_map"] .box .bus ul li+li:nth-child(n + 3){margin-top:.5em;}

}
	

@media all and (max-width:1024px){

	/*회장 인사말*/
	[data-subarea="greeting"] .greeting{gap:40px;}
	[data-subarea="greeting"] .greeting .img{padding-top: 64.34%;}
	[data-subarea="greeting"] .greeting .img:before{ width: 230px; height: 120px;right:86%;}
	[data-subarea="greeting"] .greeting .text {width: calc(100% - 45% - 40px);}
	[data-subarea="greeting"] .greeting .text .tit{margin-bottom:30px;font-size:2.125em;}
	[data-subarea="greeting"] .greeting .text p{margin-bottom:14px;}
	[data-subarea="greeting"] .greeting .text .name{margin-top:40px;}

	/*연혁*/
	[data-subarea="history"] .list>li::before{top:14px;}
	[data-subarea="history"] .list>li::after{top:11px;}

	/*조직도*/
	[data-subarea="org"] .org:before{height:calc(100% - 120.75px - 1em);}
	[data-subarea="org"] .org>li:has(dl){gap:0 2em}
	[data-subarea="org"] .org>li:has(dl):before{width:calc(60% + 6em)}

	/*오시는길*/
	[data-subarea="location_map"] .map_wrap #map{height:380px;}
	[data-subarea="location_map"] .map_wrap .map_info .info > li h5 .icon {width:24px;height:24px;}
	[data-subarea="location_map"] .map_wrap .map_info .info > li h5 .icon:before{width:14px;height:14px;}
	[data-subarea="location_map"] .map_wrap .map_info .info > li h5:after{height:14px;margin:0 1em;}
	[data-subarea="location_map"] .box .bus ul li span{margin-right:10px;}

	/* 탁구규정 & 경기용어*/
	[data-subarea="rule"] .rule_list >li .question{gap:10px;}
	[data-subarea="rule"] .rule_list >li .question i.icon_pp{width:32px;height:32px;}
	[data-subarea="rule"] .rule_list >li .question i.icon_pp::before{width:18px;height:18px;}

	[data-subarea="rule"] .rule_list .rule_list_con .circle_list>li{flex-wrap:wrap;gap: .25em;}
	[data-subarea="rule"] .rule_list .rule_list_con .circle_list>li strong{width:100% !important;}
	[data-subarea="rule"] .rule_list .rule_list_con .circle_list>li p{width:100% !important;}

	/* 정관 */
	.articles  .btn_download {padding:1em 1.875em;}
	.articles  .btn_download:focus,.articles  .btn_download:hover{padding:1em 2em;}
	.articles  .btn_download span:after{width:14px;height:14px;}

}

@media all and (max-width:868px) {

	/*회장 인사말*/
	[data-subarea="greeting"] .greeting {flex-wrap:wrap;gap:0; justify-content: center;}
	[data-subarea="greeting"] .greeting .img{width:100%;padding-top:55%;margin-bottom:40px;background-position:top 7% center;}
	[data-subarea="greeting"] .greeting .img:before{display:none;}
	[data-subarea="greeting"] .greeting .text{width:100%;padding:0 3%;}
	[data-subarea="greeting"] .greeting .text .tit{font-size:2em;}
	[data-subarea="greeting"] .greeting .text .name{text-align:right;}

	/*오시는길*/
	[data-subarea="location_map"] .map_wrap #map{height:300px;}
	[data-subarea="location_map"] .map_wrap .map_info{flex-wrap:wrap;padding:2.25em;}
	[data-subarea="location_map"] .map_wrap .map_info h4{width:100%;margin-bottom:.75em;font-size:1.375em;}
	[data-subarea="location_map"] .map_wrap .map_info .info{width:100%;flex-wrap:wrap;gap:.5em;}
	[data-subarea="location_map"] .map_wrap .map_info .info > li{width:100%;align-items: flex-start;}
	[data-subarea="location_map"] .map_wrap .map_info .info > li h5{width:15%;min-width:120px;font-size:1.125em;}
	[data-subarea="location_map"] .map_wrap .map_info .info > li h5:after{display:none;}
	[data-subarea="location_map"] .map_wrap .map_info .info > li h5 .icon{width:22px;height:22px;}
	[data-subarea="location_map"] .map_wrap .map_info .info > li h5 .icon:before{width:12px;height:12px;}
	[data-subarea="location_map"] .box{padding:2.25em;}

}
@media all and (max-width:668px) {

	/*회장 인사말*/
	[data-subarea="greeting"] .greeting .img{margin-bottom: 30px;padding-top:50%;min-height:240px;}
	[data-subarea="greeting"] .greeting .text .tit{margin-bottom:20px;}
	[data-subarea="greeting"] .greeting .text p{margin-bottom:12px;}
	[data-subarea="greeting"] .greeting .text .name{margin-top:30px;}

	/*연혁*/
	[data-subarea="history"] .history{display:flex;justify-content: space-between;}
	[data-subarea="history"] .history_top{padding:0 14px;}
	[data-subarea="history"] .history_top h4{width:120px;height:120px;font-size:1.375em;line-height:120px;}
	[data-subarea="history"] .history_top h4:after{width:134px;height:134px;}
	[data-subarea="history"] .list{padding:3em 0 2em;width: calc(100% - 134px - 2.5em);}
	[data-subarea="history"] .list::before{left:0;}
	[data-subarea="history"] .list>li{padding-left:45px;}
	[data-subarea="history"] .list>li+li{margin-top:1.875em;}
	[data-subarea="history"] .list>li::before{top:12px;left:-3px;transform: translateX(0);}
	[data-subarea="history"] .list>li::after{top:9px;left:-6px;transform: translateX(0);}
	[data-subarea="history"] .list>li strong{font-size:1.375em;}
	[data-subarea="history"] .list>li strong::before{left:-40px;width:30px;}
	[data-subarea="history"] .list>li>ol{margin-top: 8px;}
	[data-subarea="history"] .list>li>ol>li{}
	[data-subarea="history"] .list>li:nth-child(even) {padding-left:45px;padding-right:0;text-align:left;}
	[data-subarea="history"] .list>li:nth-child(even) strong::before{right: inherit;left: -40px;}
	[data-subarea="history"] .list>li:nth-child(even)>ol>li{ justify-content: start;flex-direction: row;}
	[data-subarea="history"] .list>li:nth-child(even)>ol>li>em{margin-right:12px;margin-left:0;}

	/*오시는길*/
	[data-subarea="location_map"] .map_wrap #map{height:260px;}
	[data-subarea="location_map"] .box{flex-wrap:wrap;}
	[data-subarea="location_map"] .box .bus{width:100%;}
	[data-subarea="location_map"] .box .bus ul li{flex:1 1 30%;}
	[data-subarea="location_map"] .box .bus ul li+li:nth-child(n + 3){margin-top:0;}

	/* 탁구규정 & 경기용어*/
	[data-subarea="rule"] .rule_list >li .question .tit{font-size:1.063em;}

	/* 정관 */
	.articles .btn_wrap{display: block;width: 100%;margin-bottom: 12px;text-align:center;}
	.articles .btn_download{display: block;width: 100%;padding:1em 1.875em;}
	.articles  .btn_download:focus,.articles  .btn_download:hover{padding:1em 2em;}
	.articles  .btn_download span:after{width:14px;height:14px;}

}

@media all and (max-width:568px) {

	/*회장인사말*/
	[data-subarea="greeting"] .greeting .img{border-radius:1.5em;}

	/*오시는길*/
	[data-subarea="location_map"] .map_wrap{border-radius:1.5em;}
	[data-subarea="location_map"] .box{border-radius:1.5em;}
	
}

@media all and (max-width:468px) {

	/*회장 인사말*/
	[data-subarea="greeting"] .greeting .img{max-width:100%;}
	[data-subarea="greeting"] .greeting .text .tit{font-size:1.75em;}
	[data-subarea="greeting"] .greeting .text .name span{display:block;margin-right:0;margin-bottom:4px;}
	[data-subarea="greeting"] .greeting .text .name strong{font-size:1.5em;}

	/*연혁*/
	[data-subarea="history"] .history{flex-wrap:wrap;}
	[data-subarea="history"] .history_top{width:100%;padding:0;}
	[data-subarea="history"] .history_top h4{width:100%;height:auto;padding:1em;border-radius:15px;line-height:1.2;}
	[data-subarea="history"] .history_top h4:after{display:none;}
	[data-subarea="history"] .list{width:100%;padding:2em 0;}
	[data-subarea="history"] .list::before{left:1em;}
	[data-subarea="history"] .list>li{padding-left:4em;}
	[data-subarea="history"] .list>li:nth-child(even){padding-left:4em;}
	[data-subarea="history"] .list>li::before{left:.8em;}
	[data-subarea="history"] .list>li::after{left: 0.6em;}
	[data-subarea="history"] .list>li strong::before,
	[data-subarea="history"] .list>li:nth-child(even) strong::before{left:-1.8em;width:25px;}


	/*조직도*/
	[data-subarea="org"] .org>li:has(dl){gap:0 .5em}
	[data-subarea="org"] .org>li:has(dl):before{width:calc(69% + 1.5em)}
	[data-subarea="org"] .org>li dl{width:23%}

	/*오시는길*/
	[data-subarea="location_map"] .map_wrap .map_info{padding:1.875em;flex-wrap:wrap;}
	[data-subarea="location_map"] .map_wrap .map_info .info{gap:1.25em;}
	[data-subarea="location_map"] .map_wrap .map_info .info > li{gap:.5em;flex-wrap:wrap;}
	[data-subarea="location_map"] .map_wrap .map_info .info > li h5{width:100%;}
	[data-subarea="location_map"] .box{padding:1.875em;}
	[data-subarea="location_map"] .box .bus ul li{flex:1 1 50%;}
	[data-subarea="location_map"] .box .bus ul li+li:nth-child(n + 3){margin-top:.5em;}

}