@charset "utf-8";
/* CSS Document */
.root_daum_roughmap_landing { border-bottom:1px solid #e2e2e2}
.area_diagram_type02 .list.col04 > li dd {min-height:150px}
table.basic_table .line{border-right: 1px solid #ddd !important;}
.basic_ul>li>ul>li>ul>li>ul>li {padding-left:12px; position:relative}
.basic_ul>li>ul>li>ul>li>ul>li::before { content:''; display:block; position:absolute; left:0; top:9px; width:5px; height:1px; background:var(--color-base); opacity:.7  }
.root_daum_roughmap .wrap_btn_zoom { z-index:1 !important}
/**********************************************************************

 							단지소개

**********************************************************************/
[data-subarea] .img_box											{ position:relative; border-radius:25px; overflow:hidden; }
[data-subarea] .icon_line										{ display:flex; flex-wrap:wrap; gap:2.81em; margin-top:3.75em; }
[data-subarea] .icon_line>li									{ flex:auto; display:flex; justify-content:space-between; border-bottom:1px solid var(--color-base); padding-bottom:1.88em; align-items:flex-end; }
[data-subarea] .icon_line>li dl									{ display:flex; flex-flow:column; height:100%; line-height:1; justify-content:space-between; }
[data-subarea] .icon_line>li dl>dt								{ font-size:1.38em; font-weight:700; margin-bottom:1.36em; }
[data-subarea] .icon_line>li dl>dd								{ font-size:1.13em; }
[data-subarea] .icon_line>li dl>dd>strong						{ font-weight:700; }
[data-subarea] .icon_line>li dl>dd+dd							{ margin-top:1em; }
[data-subarea] .icon_line>li .icon::before						{ display:inline-block; content:''; background-position:50% 50%; background-repeat:no-repeat; }
[data-subarea] .icon_line>li .icon1::before						{ width:56px; height:51px; background-image:url(/resource/vehicle/images/contents/icon_introduction01.svg); background-size:contain}
[data-subarea] .icon_line>li .icon2::before						{ width:46px; height:51px; background-image:url(/resource/vehicle/images/contents/icon_introduction02.svg); background-size:contain}
[data-subarea] .icon_line>li .icon3::before						{ width:52px; height:52px; background-image:url(/resource/vehicle/images/contents/icon_introduction03.svg); background-size:contain}
[data-subarea] .box_round										{ display:flex; flex-wrap:wrap; gap:.94em }
[data-subarea] .box_round>li									{ flex:0 1 calc((100% - 3.76em) / 5); padding:1.88em; background:#f1f1f1; border-radius:10px; }
[data-subarea] .box_round>li dl									{ display:flex; flex-flow:column; gap:1.56em; line-height:1 }
[data-subarea] .box_round>li dl>dt								{ font-size:1.25em; font-weight:700; }
[data-subarea] .box_round>li dl>dd								{ line-height:1.4; opacity:.84; }


[data-subarea] .history											{ position:relative; display:flex; flex-flow:column; gap:3.13em; }
[data-subarea] .history::before									{ position:absolute; left:100px; top:0; width:1px; height:100%; content:''; background:#d3d3d3; }
[data-subarea] .history>li										{ display:flex; }
[data-subarea] .history>li .year								{ position:relative; width:100px; font-weight:700; }
[data-subarea] .history>li .year::before						{ position:absolute; right:-12px; top:-3px; content:''; width:24px; height:24px; border-radius:100%; background:var(--color-point); opacity:.3; }
[data-subarea] .history>li .year::after							{ position:absolute; right:-4px; top:5px; content:''; width:8px; height:8px; border-radius:100%; background:var(--color-point); }
[data-subarea] .history>li .h_con								{ position:relative; flex:auto; width:calc(100% - 100px); padding-left:60px; display:flex; flex-flow:column; gap:20px;}
[data-subarea] .history>li .h_con::before						{ position:absolute; left:0; top:8px; width:50px; height:1px; border-bottom:1px dotted var(--color-point); content:''; }

[data-subarea] .history>li .h_con dl							{ display:flex; flex-wrap:wrap; align-items:flex-start; line-height:1.1 }
[data-subarea] .history>li .h_con dl>dt							{ flex:none; width:60px; text-align:right; font-weight:600; opacity:.94 } 
[data-subarea] .history>li .h_con dl>dd							{ flex:auto; width:calc(100% - 80px); margin:0px; font-size:1.06em; line-height:1.2;  opacity:.84; padding:0 0 0 20px; }

@media all and (max-width:1468px){
	[data-subarea] .icon_line										{ gap:2em; margin-top:3em; }
	[data-subarea] .icon_line>li									{ padding-bottom:1.5em;  }
	[data-subarea] .icon_line>li dl>dt								{ font-size:1.3em; margin-bottom:1.36em; }
	[data-subarea] .icon_line>li dl>dd								{ font-size:1.067em; }
	[data-subarea] .icon_line>li .icon1::before						{ width:51px; height:46px; }
	[data-subarea] .icon_line>li .icon2::before						{ width:41px; height:45px; }
	[data-subarea] .icon_line>li .icon3::before						{ width:47px; height:47px; }
	[data-subarea] .box_round										{ gap:.7em }
	[data-subarea] .box_round>li									{ flex:0 1 calc((100% - 2.8em) / 5); padding:1.5em; }
	[data-subarea] .box_round>li dl									{ gap:1em; }
	[data-subarea] .box_round>li dl>dt								{ font-size:1.2em; }
}
@media all and (max-width:1368px){
	[data-subarea] .history											{ gap:2.5em; }
	[data-subarea] .history>li .h_con dl>dd							{ width:calc(100% - 80px); font-size:1.03em; }
}
@media all and (max-width:968px){
	[data-subarea] .img_box											{ border-radius:15px; }
	[data-subarea] .box_round>li									{ flex:auto; min-width:calc((100% - 1.4em) / 3)}
	[data-subarea] .history											{ gap:2em; }
	[data-subarea] .history>li .year								{ width:70px; }
	[data-subarea] .history::before									{ left:70px; }
	[data-subarea] .history>li .h_con								{ width:calc(100% - 70px); padding-left:40px; }
	[data-subarea] .history>li .h_con::before						{ top:8px; width:30px; }
	[data-subarea] .history>li .h_con dl							{ margin-top:1px; }
	[data-subarea] .history>li .h_con dl>dt							{ width:100%; text-align:left; margin-bottom:.25em; }
	[data-subarea] .history>li .h_con dl>dd							{ width:100%; padding:0; }
}
@media all and (max-width:668px){
	[data-subarea] .img_box											{ border-radius:10px; position:relative; overflow:hidden; height:12em; }
	[data-subarea] .img_box	img										{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1 }
	[data-subarea] .icon_line										{ margin-top:2.5em; }
	[data-subarea] .icon_line>li									{ flex:100%; }
	[data-subarea] .icon_line>li .icon1::before						{ width:46px; height:42px; }
	[data-subarea] .icon_line>li .icon2::before						{ width:36px; height:40px; }
	[data-subarea] .icon_line>li .icon3::before						{ width:42px; height:42px; }
	[data-subarea] .icon_line>li dl>dt								{ font-size:1.2em; margin-bottom:1em; }
	[data-subarea] .icon_line>li dl>dd								{ font-size:1.03em; }
	[data-subarea] .box_round>li									{ flex:100%; min-width:inherit}
	[data-subarea] .box_round>li dl>dt								{ font-size:1.167em; }
	[data-subarea] .history::before									{ left:9px; }
	[data-subarea] .history>li										{ flex-wrap:wrap; }
	[data-subarea] .history>li .year								{ width:100%; padding-left:40px; font-size:1.3em; color:var(--color-point); line-height:1}
	[data-subarea] .history>li .year::before						{ right:inherit; left:-2px; }
	[data-subarea] .history>li .year::after							{ right:inherit; left:6px; }
	[data-subarea] .history>li .h_con								{ width:100%; padding-left:40px; margin-top:5px; }
	[data-subarea] .history>li .h_con::before						{ top:-14.5px; left:7px; width:25px; }
	[data-subarea] .history>li .h_con dl							{ margin-top:0; }
}