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

.img_box											{ position:relative; border-radius:25px; overflow:hidden; }


/* box_img */
.box_img_wrap  							{ display: flex; flex-wrap: wrap; gap: 20px;}
.box_img_wrap .box_img					{ flex: 1 1 100%; position:relative;}
.box_img_wrap .box_img.sm img  { width:50%; height:auto; margin:0 auto; display:block;}
.box_img_wrap .box_img img				{ width: 100%; height: auto; display: block;}
.box_img_wrap.two .box_img  			{ flex: 1 1 calc(50% - 10px);}
.box_img .img_zoom 						{ display:none; position:absolute; right:0; bottom:0; z-index:1; width:42px;height:42px; background:rgba(0, 0, 0, 0.8);}
.box_img .img_zoom a 					{ display:block; height:100%; font-size:0;}
.box_img .img_zoom a:before 			{ content:'';display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:18px; height:18px; margin:auto; background:url(/resource/company/images/common/icon_search.svg) no-repeat}

.box_img_inner  						{ padding:50px 30px;border-radius: 20px;background:#f6f6f6;}
.box_img_inner img 						{ width:auto !important;}

.box_img.left  							{ text-align:left }
@media all and (max-width:1024px) {
    .box_img_wrap .box_img.sm img { width:100%}
}
@media all and (max-width:768px) {
    .box_img .img_zoom 					{ display:block;}

}

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

 							단지소개

**********************************************************************/
[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/company/images/contents/icon_introduction01.svg); background-size:contain}
[data-subarea] .icon_line>li .icon2::before						{ width:46px; height:51px; background-image:url(/resource/company/images/contents/icon_introduction02.svg); background-size:contain}
[data-subarea] .icon_line>li .icon3::before						{ width:52px; height:52px; background-image:url(/resource/company/images/contents/icon_introduction03.svg); background-size:contain}
.box_round										{ display:flex; flex-wrap:wrap; gap:.94em }
.box_round>li									{ flex:0 1 calc((100% - 3.76em) / 5); padding:1.88em; background:#f1f1f1; border-radius:10px; }
.box_round>li dl									{ display:flex; flex-flow:column; gap:1.56em; line-height:1 }
.box_round>li dl>dt								{ font-size:1.25em; font-weight:700; }
.box_round>li dl>dd								{ line-height:1.4; opacity:.84; }
.box_round.col3>li  								{ flex: 0 1 calc((100% - 1.88em) / 3); }
.box_round.col4>li  								{ flex: 0 1 calc((100% - 2.82em) / 4); }

[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; }
    .box_round										{ gap:.7em }
    .box_round>li									{ flex:0 1 calc((100% - 2.8em) / 5); padding:1.5em; }
    .box_round>li dl									{ gap:1em; }
    .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; }
    .box_round>li,
	.box_round.col3>li,
	.box_round.col4>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; }
    .box_round>li,
	.box_round.col3>li,
	.box_round.col4>li								{ flex:100%; min-width:inherit}
    .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; }
}

/* 단지소개 */
.uchi_info  { margin-top:3.75em }
.uchi_info .tit{font-size:1.5em;line-height:1.25em;color:var(--color-point); font-weight:600}
.uchi_info strong{color:var(--color-point);}
.uchi_info p{ margin:20px 0; font-size:1.13em; }

/* 게시판 글보기 */
.content:has(.basic_btn + .container) .view_table{margin-top:2em}