@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

#container {   margin: 70px  auto 0px;}
#wrapper {background: #fff;}
.overview-list {width:1680px; margin:0 auto;}
.scroll_wrap {background: #f7f7f7;}
.overview-view {position:relative; padding:200px 0 312px 0; background:#fff; text-align:center; z-index:5;}
.overview-view .inner {max-width:1280px;}
.overview-list .list {}
.scroll_on {padding:20px 0;}
.overview-list .list-items .item-visual {width:100%}
.sitemap p {font-size:22px; margin-bottom:30px; text-align: center; color: #000;}
.overview-list .list-items .item-visual img {    margin: 0 auto; display: block;width: 50px;height: 50px;  }

.overview-list .list-items .item-visual01 img {    margin: 0 auto; display: block;width: 100px;height: 100px;  }
.overview-list .list-items .item-visual01 {width:100%}
.item-data p {padding: 5px;     font-size: 14px;letter-spacing: -1px;font-weight: 300; letter-spacing: -1px; text-align:center;}
.overview-list .list-items .item-data {  padding: 10px 15px;}
.overview-list .list-items .item-desc {font-size: 18px;
    line-height: 1.4;
    color: #52525B;
    margin-top: 24px;
    font-weight: 400;
    letter-spacing: -1px;}
.overview-list .list-items .btns {display:inline-flex; align-items:center; gap:0 8px; margin-top:40px;}
.overview-list .list-items .btns .btn-basic {padding:0; min-width:205px;}
.overview-eap {margin-top:160px;}
.overview-eap .point {margin-top:48px; display:flex; align-items:center; justify-content:center; height:560px; background:url(../images/contents/overview-list-visual-3.png) center center no-repeat; background-size:cover; border-radius:280px;}
.overview-eap .point-items {display:flex; align-items:center; justify-content:center; width:300px; height:300px; box-sizing:Border-box; border: 1px solid #fff; background: rgba(0, 0, 0, 0.10);backdrop-filter: blur(8px); border-radius:50%;}
.overview-eap .point-items .item-desc {width:100%; text-align:center; font-size:28px; line-height:1.2; font-weight:700; color:#fff;}
.overview-eap .step {margin-top:56px; padding:0 140px;}
.overview-eap .step > ol > li + li {margin-top:24px;}
.overview-eap .step-items {display:flex; align-items:center; padding:56px 48px; background:#fff; border-radius:24px; box-shadow: 0px 16px 24px 0px rgba(31, 34, 39, 0.06); justify-content:space-between;}
.overview-eap .step-items .item-title {font-size:32px; line-height:1.2; font-weight:700; color:#000; flex:0 0 auto;}
.overview-eap .step-items .item-desc {width:55%; text-align:left;}
.overview-eap .step-items .symbol-text-item {font-size:18px; color:#71717A;}
.scroll_on p {    font-size: 16px; font-weight: bold;}
.sub_title p {font-size: 17px;letter-spacing: -1.5px;line-height: 33px; font-weight: 300;}
#container_title {display:none;}
.list {display:flex;}
.list li {    width: 33.3%;    transition: all .3s;     padding: 25px;}
.list li:hover{    transition: all .3s; transform: translateY(-2.5%);}
.title {text-align: center;  border: 1px solid #ddd;      padding: 20px; border-radius: 10px}
.title b {    font-size: 13px;  font-weight: 400;}
.sub_title {text-align: left;       margin-top: 5px; border-top: 2px solid #e5e5e5;}
.sitemap {    padding: 30px 0 0;font-size: 15px;color: #878787;}
.sitemap img {width:50px;}
.title ul li {display:inline-block; margin-left:10px;}  
.title ul li {width: 10%;}
.w70{width: 70% !important;}


.item-title {text-align: center;font-weight: 300;font-size: 17px;}
.simg img {    border-radius: 20px;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -14px;width: 22%;margin: 38px;}
	
.stextline {text-align:left; }
.stextline span {font-weight: 500; font-size: 50px;}
	
#arrowpng {    width:4%;padding: 0;margin: 0;border-radius: 0;box-shadow: none;     position: relative; top: 247px;}
.overview-list .list li {margin-top: 0;}
.stextp {    font-size: 16px;line-height: 28px;font-weight: 400 !important;}

.kakabanner {display:inline-block; width:30.3%;}
.kakabanner img { display: block;width: 70%;text-align: center;margin: 0 auto;font-size: 10px;}
.kakabanner p {text-align: center;font-size: 17px;font-weight: 300;margin-bottom: 10px;}
.simg {margin:100px 0px;}
.stextp {    border-top: 2px solid #e5e5e5;}

.stextp::before {
	display:none;
    position: absolute;
    content: "";
    top: 1386px;
    left: 0;
    width: 200px;
    height: 4px;
    background: -webkit-linear-gradient(0deg, rgb(0, 45, 120) 0%, rgb(0, 86, 122) 50%, rgb(0, 130, 125) 100%);
}

.writeg {text-align: center;font-size: 17px;background: #515151;width: 100%;display: block;    width: 50%;margin: 10px auto;font-weight: 100;border-radius: 5px;color: #fff;line-height: 35px;}

@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}

@media (max-width: 991px) {
	.sitemap img {width:30px;}
	#container {padding:0 10px;}
.title {padding: 10px;border-radius: 10px;margin-top: 10px;}
.title ul li {width:100%;}
.section001 {font-size: 15px;font-weight: 300;letter-spacing: -1px;}
.w100 {width:100%;         margin-top: 10px;}
.w100 p {font-size: 13px;font-weight: bold;letter-spacing: -1px;}
.overview-list{width:100%;}
.overview-list {height:100%;}
.list {display:block;}
.list li {display: inline-block; width: 100%;}
.overview-list .list li {        float: left; animation: none;}
.item-title {font-size:15px;}
.overview-list .list-items .item-data {border-radius:0px;}
.overview-list .list-items .item-visual img {border-radius:0px;}
.stextp {font-size:11px; line-height: 23px;}
.kakabanner {width:100%;         margin: 10px 0;} 
.kakabanner img {width:50%;}
.stextp::before {display:none;}
.stextline span {font-size: 30px;font-weight: 700;}
#arrowpng {display:none;}
.writeg {width:100%;}
}