@charset "utf-8";
[data-main-con]									{ margin-top:5.63em; }
@media all and (max-width:1568px){
    [data-main-con]											{ margin-top:4.63em; }
}
@media all and (max-width:1268px){
    [data-main-con]											{ margin-top:4em; }
}
@media all and (max-width:868px){
    [data-main-con]											{ margin-top:3.63em; }
}
@media all and (max-width:468px){
    [data-main-con]											{ margin-top:3em; }
}

/* 타이틀 */
[data-main-con] h2.title						{ font-size:2.5em; font-weight:900; color:var(--color-point); line-height:1; margin-bottom:.75em }


/* 더보기 */
.icon_more										{ display:flex; align-items:center; justify-content:center; position:relative; width:35px; height:35px; border:1px solid #c9c9c9; border-radius:100%; background:var(--color-white); transition:var(--trans-ani);}
.icon_more::before								{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/company/images/common/icon_more.svg) no-repeat 50% 50% / 11px; transition:var(--trans-ani);}
.icon_more:hover,
.icon_more:focus								{ transform:rotate(90deg); background:var(--color-point); border-color:var(--color-point) }
.icon_more:hover::before,
.icon_more:focus::before						{ filter:invert(1); }




@media all and (max-width:1568px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:2.25em;  }
}
@media all and (max-width:1268px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:2em; }

    /* 더보기 */
    .icon_more												{  width:30px; height:30px; }
    .icon_more::before										{ background-size:9px; }
}
@media all and (max-width:868px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.8em; }
}
@media all and (max-width:468px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.6em; }
}
/**********************************************************************

 								visual

**********************************************************************/
.visual															{ position:relative; width:1820px; margin:0 auto }
.visual .mySwiper												{ z-index:inherit; }
.visual .swiper-slide											{ border-radius:20px; overflow:hidden; }
.visual .swiper-slide a											{ position:relative; display:block;  }
.visual .swiper-slide .img										{ position:relative; width:100%; height:0;  padding-top:36.2637%;  background-position:50% 50%; background-size:cover }
.visual .swiper-slide a:focus::after							{ position:absolute; width:calc(var(--sizeWidth) - 2%); height:calc(100% - 4%); left:1%; top:2%; border-radius:20px; border:2px dotted #fff; content:''; z-index:2 }
.visual .swiper_control											{ margin-top:20px;   }

/* 메인용 스와이퍼 버튼 */
[data-main-visual] .swiper_prev									{ width:50px; height:30px; }
[data-main-visual] .swiper_prev::before							{ width:30px; height:12px; background:url(/resource/company/images/main/icon_prev.svg) no-repeat 50% 50% / auto 12px; opacity:.4; }
[data-main-visual] .swiper_next									{ width:50px; height:30px; }
[data-main-visual] .swiper_next::before							{ width:30px; height:12px; background:url(/resource/company/images/main/icon_next.svg) no-repeat 50% 50% / auto 12px; opacity:.4; }
[data-main-visual] .swiper_auto									{ width:30px; height:30px;  opacity:.7; margin-right:29px; margin-left:-11.5px; }
[data-main-visual] .swiper_auto.paused::before					{ background-image:url(/resource/company/images/main/icon_play.svg); background-size:auto 11px; }
[data-main-visual] .swiper_auto::before							{ background-image:url(/resource/company/images/main/icon_stop.svg); background-size:auto 11px; }
[data-main-visual] .swiper_page									{ width:150px !important; }
[data-main-con] .swiper_page									{ margin-right:20px; }
[data-main-con] .swiper_next									{ margin-right:15px; }
@media all and (max-width:1868px){
    .visual														{ width:94%; max-width:1820px;}
}
@media all and (max-width:1368px){
    /* 메인용 스와이퍼 버튼 */
    [data-main-visual] .swiper_prev					{ width:40px; height:25px; }
    [data-main-visual] .swiper_prev::before			{ background-size:auto 11px; }
    [data-main-visual] .swiper_next					{ width:40px; height:25px; }
    [data-main-visual] .swiper_next::before			{ background-size:auto 11px; }
    [data-main-visual] .swiper_auto					{ width:25px; height:25px; margin-right:19px; margin-left:-2.5px; }
    [data-main-visual] .swiper_page					{ width:130px !important; }
    [data-main-con] .swiper_page					{ margin-right:10px; }
    [data-main-con] .swiper_next					{ margin-right:5px; }
}
@media all and (max-width:968px){
    .visual .swiper-slide .img						{ padding-top:60%; background-position:0 0; }


    /* 메인용 스와이퍼 버튼 */
    .visual .swiper_control							{ margin-top:10px; }
    [data-main-visual] .swiper_prev					{ width:30px; height:20px; }
    [data-main-visual] .swiper_prev::before			{ background-size:auto 9px; }
    [data-main-visual] .swiper_next					{ width:30px; height:20px; }
    [data-main-visual] .swiper_next::before			{ background-size:auto 9px; }
    [data-main-visual] .swiper_auto					{ width:20px; height:20px; margin-right:10px; margin-left:0; }
    [data-main-visual] .swiper_page					{ width:100px !important; }
    [data-main-con] .swiper_page					{ margin-right:5px; }
    [data-main-con] .swiper_next					{ margin-right:0px; }
}
@media all and (max-width:468px){
    .visual .swiper-slide							{ border-radius:15px; }
    .visual .swiper-slide .img						{ padding-top:70%; }
}


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

 							banner

**********************************************************************/
[data-main-con="banner"] .icon_list								{ display:flex; flex-wrap:wrap; gap:1.25em; }
[data-main-con="banner"] .icon_list>li							{ flex:auto;  }
[data-main-con="banner"] .icon_list>li>a						{ display:flex; align-items:center; padding:3em 2.5em; height:100%; border-radius:20px; background:#f1f1f1; gap:1.25em; transition:var(--trans-ani);}
[data-main-con="banner"] .icon_list>li dl						{ display:flex; flex-flow:column; gap:.75em }
[data-main-con="banner"] .icon_list>li dl>dt					{ font-size:1.25em; font-weight:bold; }
[data-main-con="banner"] .icon_list>li dl>dd					{ font-size:.94em; line-height:1.4; font-weight:300 }
[data-main-con="banner"] .banner								{ position:relative; display:flex; align-items:center; gap:1em 2.5em; background:#eef5ff; padding:3em 3.5em; border-radius:25px; margin-top:2.5em }
[data-main-con="banner"] .banner dl								{ display:flex; flex-flow:column; gap:1.38em }
[data-main-con="banner"] .banner dl>dt							{ font-size:1.88em; font-weight:bold; }
[data-main-con="banner"] .banner dl>dd							{ font-size:1.19em; line-height:1.5; opacity:.8; }
[data-main-con="banner"] .banner .btn							{ position:absolute; right:3.5em; top:50%; display:flex; align-items:center; height:45px; border-radius:3em; background:var(--color-point); color:var(--color-white); padding:0 20px;
    transition:var(--trans-ani); transform:translateY(-50%); }
[data-main-con="banner"] .banner .btn::after					{ display:inline-block; width:19px; height:19px; margin-left:32px; content:''; background:url(/resource/company/images/common/icon_down.svg) no-repeat 50% 50% / auto;  }


/* 효과 */
[data-main-con="banner"] .icon_list>li>a:hover,
[data-main-con="banner"] .icon_list>li>a:focus					{ margin-top:-2.5em; background:var(--color-point); color:var(--color-white); box-shadow:5px 5px 5px rgba(0,0,0,.2); }
[data-main-con="banner"] .banner .btn:hover::after,
[data-main-con="banner"] .banner .btn:focus::after				{ animation:iconShow 0.7s ease-in-out 1 forwards; }

@media all and (max-width:1768px){
    [data-main-con="banner"] .icon_list>li>a						{ padding:2.5em 2em; }
    [data-main-con="banner"] .icon_list>li dl>dt					{ font-size:1.2em; }
    [data-main-con="banner"] .banner								{ padding:2.5em 3em }
    [data-main-con="banner"] .banner dl>dt							{ font-size:1.8em;}
    [data-main-con="banner"] .banner dl>dd							{ font-size:1.067em; }
    [data-main-con="banner"] .banner .btn							{ right:3em; }

    [data-main-con="banner"] .icon_list>li>a:hover,
    [data-main-con="banner"] .icon_list>li>a:focus					{ margin-top:-.5em; }
}
@media all and (max-width:1368px){
    [data-main-con="banner"] .icon_list>li>a						{ padding:2em 1.5em; }
    [data-main-con="banner"] .icon_list>li dl>dt					{ font-size:1.167em; }
    [data-main-con="banner"] .banner								{ padding:2em 2.5em }
    [data-main-con="banner"] .banner dl>dt							{ font-size:1.5em;}
    [data-main-con="banner"] .banner dl>dd							{ font-size:1.03em; }
    [data-main-con="banner"] .banner .btn							{ right:2.5em; }
}
@media all and (max-width:1168px){
    [data-main-con="banner"] .icon_list								{ gap:1em; }
    [data-main-con="banner"] .icon_list>li							{ flex:0 1 calc((100% - 1em) / 2); }
    [data-main-con="banner"] .icon_list>li>a						{ padding:1.5em; border-radius:15px; }
    [data-main-con="banner"] .icon_list>li dl>dt					{ font-size:1.1em; }
    [data-main-con="banner"] .banner								{ padding:2em; border-radius:15px;}
    [data-main-con="banner"] .banner dl>dt							{ font-size:1.3em;}
    [data-main-con="banner"] .banner dl>dd							{ font-size:1em; }
    [data-main-con="banner"] .banner .btn							{ right:2em; }
    [data-main-con="banner"] .banner .icon							{ max-width:9em; }


}
@media all and (max-width:868px){
    [data-main-con="banner"] .icon_list>li dl>dd br					{ display:none; }
    [data-main-con="banner"] .banner								{ flex-wrap:wrap; }
    [data-main-con="banner"] .banner .btn							{ width:100%; height:40px; position:initial; margin-top:2em; justify-content:space-between; }
    [data-main-con="banner"] .banner .icon							{ max-width:8em; }
}
@media all and (max-width:668px){
    [data-main-con="banner"] .icon_list>li							{ flex:100%; }
    [data-main-con="banner"] .banner								{ gap:1em; padding:1.5em 1.5em .75em 1.5em }
    [data-main-con="banner"] .banner dl								{ gap:1em; }
    [data-main-con="banner"] .banner .icon							{ display:none;}
    [data-main-con="banner"] .banner dl>dd br						{ display:none; }

    [data-main-con="banner"] .icon_list>li>a:hover,
    [data-main-con="banner"] .icon_list>li>a:focus					{ margin-top:0; }
}

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

 							notice

**********************************************************************/
[data-main-con="notice"]										{ position:relative; }
[data-main-con="notice"] .swiper								{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
[data-main-con="notice"] .swiper-wrapper						{ align-items:stretch;}
[data-main-con="notice"] .swiper-slide							{ width:33.333%; display:flex; height:auto }
[data-main-con="notice"] .swiper-slide a						{ display:flex; flex-flow:column; width:100%; margin:0 10px; padding:2.5em 2.5em 5em 2.5em; border:1px solid #c9c9c9; border-radius:25px; }
[data-main-con="notice"] .swiper_control						{ position:absolute; right:0; top:2px; }
[data-main-con="notice"] .icon									{ position:relative; display:flex; align-items:center; --sizeHig:35px; height:var(--sizeHig); font-size:1.03em; font-weight:bold; color:var(--color-point); padding-left:44px;
    margin-bottom:2em; }
[data-main-con="notice"] .icon::before							{ position:absolute; left:0; width:var(--sizeHig); height:var(--sizeHig);  background:var(--color-point) url(/resource/company/images/common/icon_notice.svg) no-repeat 50% 50% / auto 13px; top:0;
    content:''; border-radius:100%; }
[data-main-con="notice"] dl										{ display:flex; flex-flow:column; gap:1.56em; }
[data-main-con="notice"] dl>dt									{ font-size:1.38em; font-weight:600; line-height:1.2; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; word-break:break-all; }
[data-main-con="notice"] dl>dd									{ font-size:1.06em; line-height:1.3; opacity:.74; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; height:5.2em; word-break:break-all;}
[data-main-con="notice"] .date									{ position:absolute; left:3.05em; bottom:2.5em; opacity:.54; padding-left:25px; height:15px; display:flex; align-items:center; line-height:1  }
[data-main-con="notice"] .date::before							{ position:absolute; width:15px; height:15px; left:0; top:0; background:url(/resource/company/images/common/icon_clock.svg) no-repeat 50% 50% / auto; content:''; }



/* 효과 */
[data-main-con="notice"] .swiper-slide a::before				{ position:absolute; width:calc(100% - 20px - 6px); height:calc(100% - 6px); left:10px; top:0; content:''; border-radius:25px; border:3px solid var(--color-point); opacity:0;
    transition:var(--trans-ani); transition-property:all; z-index:2; }
[data-main-con="notice"] .swiper-slide a:hover::before,
[data-main-con="notice"] .swiper-slide a:focus::before 			{ opacity:1; }
@media all and (max-width:1768px){
    [data-main-con="notice"] .swiper-slide a						{ padding:2em 2em 4em 2em; }
    [data-main-con="notice"] dl>dt									{ font-size:1.267em; }
    [data-main-con="notice"] dl>dd									{ font-size:1.03em; }
    [data-main-con="notice"] .date									{ left:2.7em; bottom:2em; }
}
@media all and (max-width:1368px){
    [data-main-con="notice"] .icon									{ --sizeHig:30px; padding-left:40px; margin-bottom:1.5em; }
    [data-main-con="notice"] .icon::before							{ background-size:auto 12px; }
    [data-main-con="notice"] .swiper-slide a						{ padding:1.88em 1.88em 4em 1.88em; }
    [data-main-con="notice"] dl										{ gap:1em; }
    [data-main-con="notice"] dl>dt									{ font-size:1.167em; }
    [data-main-con="notice"] dl>dd									{ font-size:1em; -webkit-line-clamp:3; height:3.9em; }
    [data-main-con="notice"] .date									{ left:2.6em; bottom:1.88em;}
}
@media all and (max-width:1268px){
    [data-main-con="notice"] .swiper_control						{ top:1px; }
}
@media all and (max-width:1068px){
    [data-main-con="notice"] .swiper								{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
    [data-main-con="notice"] .swiper-slide a						{ margin:0 5px; border-radius:15px; }
    [data-main-con="notice"] .swiper-slide a::before				{ width:calc(100% - 10px - 6px); left:5px; border-radius:15px;}
}
@media all and (max-width:1024px){
    [data-main-con="notice"] .swiper_control						{ top:-1px; }
}
@media all and (max-width:868px){
    [data-main-con="notice"] .swiper-slide							{ width:50%; }
}
@media all and (max-width:668px){
    [data-main-con="notice"] .swiper-slide							{ width:100%; }
    [data-main-con="notice"] .swiper-slide a						{ padding:1.5em 1.5em 5em 1.5em; }
    [data-main-con="notice"] .date									{ left:1.9em; bottom:1.5em;}
}
@media all and (max-width:368px){
    [data-main-con="notice"] .swiper_control						{ position:initial; margin-top:1em; }
}

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

 							park

**********************************************************************/
[data-main-con="park"]											{ width:94%; max-width:1820px; margin-left:auto; margin-right:auto; border-radius:25px; background:#f2f5fa; padding:5.63em 0; margin-bottom:5.63em;  }
[data-main-con="park"] .con_inner								{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:3em 5em }
[data-main-con="park"] .publication								{ position:relative; width:447px; border-radius:25px; overflow:hidden;  }
[data-main-con="park"] .publication .img						{ position:relative; display:block; width:100%; height:100%; overflow:hidden; z-index:1 }
[data-main-con="park"] .publication .img img					{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1}
[data-main-con="park"] .publication .box						{ position:absolute; width:100%; height:60px; display:flex; align-items:center; padding:0 1.88em; background:rgba(0,102,179, .9); left:0; bottom:0; z-index:2 }
[data-main-con="park"] .publication .box strong					{ font-size:1.25em; color:var(--color-white); line-height:1; }
[data-main-con="park"] .publication .box .bown					{ height:19px; }
[data-main-con="park"] .publication .box .bown::after			{ display:inline-block; width:19px; height:19px; margin-left:20px; content:''; background:url(/resource/company/images/common/icon_down.svg) no-repeat 50% 50% / auto;  }
[data-main-con="park"] .park									{ position:relative; flex:auto; max-width:calc(100% - 447px - 5em); }
[data-main-con="park"] .swiper									{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
[data-main-con="park"] .swiper-wrapper							{ align-items:stretch;}
[data-main-con="park"] .swiper-slide							{ width:33.333%; display:flex; height:auto }
[data-main-con="park"] .swiper-slide a							{ display:flex; flex-flow:column; width:100%; margin:0 10px; padding:2.5em; border:1px solid #c9c9c9; border-radius:25px; background:var(--color-white)  }
[data-main-con="park"] .swiper-slide .img						{ position:relative; display:block; width:108px; height:108px; border-radius:100%; overflow:hidden; background:#e9e9e9;}
[data-main-con="park"] .swiper-slide .img img					{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1}
[data-main-con="park"] .swiper-slide strong						{ font-size:1.38em; margin:1.2em 0 .3em; font-weight:700; color:var(--color-point); line-height:1.2; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
    overflow:hidden; word-break:break-all; }
[data-main-con="park"] .swiper-slide dl							{ display:flex; flex-flow:column; width:100%;  font-size:1.06em;}
[data-main-con="park"] .swiper-slide dl>dt						{ margin-top:1em; opacity:.74; font-weight:400; line-height:1 }
[data-main-con="park"] .swiper-slide dl>dd						{ margin-top:.5em; font-weight:700; line-height:1.2; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; word-break:break-all;  }
[data-main-con="park"] .swiper_control							{ position:absolute; right:0; top:2px; }


/* 효과 */
[data-main-con="park"] .swiper-slide a::before					{ position:absolute; width:calc(100% - 20px - 6px); height:calc(100% - 6px); left:10px; top:0; content:''; border-radius:25px; border:3px solid var(--color-point); opacity:0;
    transition:var(--trans-ani); transition-property:all; z-index:2; }
[data-main-con="park"] .swiper-slide a:hover::before,
[data-main-con="park"] .swiper-slide a:focus::before 			{ opacity:1; }


@media all and (max-width:1768px){
    [data-main-con="park"] .con_inner								{ gap:3em; }
    [data-main-con="park"] .publication								{ width:407px; }
    [data-main-con="park"] .park									{ max-width:calc(100% - 407px - 3em); }
    [data-main-con="park"] .swiper-slide a							{ padding:2em; }
    [data-main-con="park"] .swiper-slide strong						{ font-size:1.267em; }
    [data-main-con="park"] .swiper-slide dl							{ font-size:1.03em; }
}
@media all and (max-width:1568px){
    [data-main-con="park"]											{ padding:4.63em 0; margin-bottom:4.63em;  }
}
@media all and (max-width:1468px){
    [data-main-con="park"] .publication								{ width:387px; }
    [data-main-con="park"] .park									{ max-width:calc(100% - 387px - 3em); }
    [data-main-con="park"] .swiper-slide							{ width:50%; }

    [data-main-con="park"] .swiper-slide a							{ padding:1.88em; }
    [data-main-con="park"] .swiper-slide strong						{ font-size:1.167em; }
    [data-main-con="park"] .swiper-slide dl							{ font-size:1em; }
}
@media all and (max-width:1268px){
    [data-main-con="park"]											{ padding:4em 0; margin-bottom:4em;  }
    [data-main-con="park"] .publication								{ width:357px; }
    [data-main-con="park"] .park									{ max-width:calc(100% - 357px - 3em); }
    [data-main-con="park"] .swiper-slide .img						{ width:98px; height:98px; }
    [data-main-con="park"] .swiper_control							{ top:1px; }

}
@media all and (max-width:1168px){
    [data-main-con="park"]											{ padding:2em 0; }
    [data-main-con="park"] .publication								{ width:100%; height:max-content }
    [data-main-con="park"] .publication .img img					{ position:initial; transform:initial }
    [data-main-con="park"] .publication .box						{ height:50px; padding:0 1.5em; position:initial }
    [data-main-con="park"] .publication .box strong					{ font-size:1.167em; }
    [data-main-con="park"] .park									{ max-width:100%; }
    [data-main-con="park"] .swiper-slide							{ width:33.333%; }
}
@media all and (max-width:1068px){
    [data-main-con="park"],
    [data-main-con="park"] .publication,
    [data-main-con="park"] .swiper-slide a							{ border-radius:15px; }
    [data-main-con="park"] .swiper									{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
    [data-main-con="park"] .swiper-slide a							{ margin:0 5px; border-radius:15px; }
    [data-main-con="park"] .swiper-slide a::before					{ width:calc(100% - 10px - 6px); left:5px; border-radius:15px;}
}
@media all and (max-width:1024px){
    [data-main-con="park"] .swiper_control							{ top:-1px; }
}
@media all and (max-width:868px){
    [data-main-con="park"]											{ margin-bottom:3.63em;  }
    [data-main-con="park"] .swiper-slide							{ width:50%; }
    [data-main-con="park"] .publication .box						{ height:45px; padding:0 1em; }
    [data-main-con="park"] .publication .box strong					{ font-size:1.067em; }
    [data-main-con="park"] .publication .box .bown::after			{ width:16px; height:16px; margin-left:15px; }
}
@media all and (max-width:668px){
    [data-main-con="park"] .swiper-slide							{ width:100%; }
}
@media all and (max-width:468px){
    [data-main-con="park"]											{ margin-bottom:3em;  }
    [data-main-con="park"] .swiper_control							{ position:initial; margin-top:1em; }
}