@charset "UTF-8";

.pin-spacer{
    inset:0 !important;
}

.txt_animate .line-mask{
    overflow:hidden;
    width:100%;
}

.txt_animate .line-track{
    will-change:transform;
}

.txt_animate .line{
    display:inline;
    margin-right:16px;
    color:#b3b3b3 !important;
    transition:none;
}

.txt_animate .line.is-active{
    color:#111 !important;
}

.txt_animate .line span{
    color:inherit;
}

.txt_animate p.image-line{
    margin-top:20px;
}

.txt_animate p.image-line img{
    display:inline-block;
    transition:none;
    will-change:opacity,filter;
}

.txt_animate_contain{
    overflow:visible !important;
    display:flex;
    align-items:center;
    justify-content:center;
}

#contents.brand_new .section .txt_animate{
    text-align:center;
}

.txt_animate{
    display:flex;
    flex-direction:column;
    align-items:center;
    line-height:2;
}

.txt_animate p{
    font-size:22px !important;
}

.txt_animate p img{
    height:auto;
}

.txt_animate .active{
    color:#1a1a1a !important;
}

.section.consult .inner img{
    width:171px;
}

.popup .btn_close img{
    width:20px;
}

#contents.target_platform{
    overflow:hidden;
}

#contents.target_platform .inner{
    display:flex;
    flex-direction:column;
    align-items:center;    
    font-family: "CjOnlyOneBodyRegular", sans-serif;
}

#contents.target_platform .section.bubble_box_center{
    display:flex;
    flex-direction:column;
    align-items:center;
}

#contents.target_platform .section.bubble_box_center .bubble_box_contain{
    width:258px;
    display:flex;
    flex-wrap:wrap;
}

#contents.target_platform .section.bubble_box_center .bubble_box{
    position:relative;
    width:212px;
    height:76px;
    margin-bottom:20px;
    text-align:left;
}

#contents.target_platform .section.bubble_box_center .bubble_box:nth-child(odd){
    margin-right:auto;
    margin-left:0;
    margin-bottom:20px;
}

#contents.target_platform .section.bubble_box_center .bubble_box:nth-child(odd) .bubble_box_inner{
    padding-left:38px;
}

#contents.target_platform .section.bubble_box_center .bubble_box:nth-child(odd):after{
    content:"";
    position:absolute;
    top:11px;
    left:-27px;
    width:48px;
    height:48px;
    background-image:url(../images/sustainabilityManagement/target_platform_illust_mo_01.svg);
    background-repeat:no-repeat;
    object-fit:contain;
}

#contents.target_platform .section.bubble_box_center .bubble_box:nth-child(even){
    width:220px;
    margin-left:auto;
    margin-right:0;
}

#contents.target_platform .section.bubble_box_center .bubble_box:nth-child(even):not(:last-child){
    margin-bottom:40px;
}

#contents.target_platform .section.bubble_box_center .bubble_box:nth-child(even) .bubble_box_inner{
    display:flex;
    justify-content:space-between;
    background-color:#4ab78e;
    padding:0 39px 0 25px;
}

#contents.target_platform .section.bubble_box_center .bubble_box:nth-child(even):after{
    content:"";
    position:absolute;
    top:11px;
    left:191px;
    width:48px;
    height:48px;
    background-image:url(../images/sustainabilityManagement/target_platform_logo_bubble_mo.svg);
    background-repeat:no-repeat;
    object-fit:contain;
}

#contents.target_platform .section.bubble_box_center .bubble_box:nth-child(3):after{
    background-image:url(../images/sustainabilityManagement/target_platform_illust_mo_02.svg);
}

#contents.target_platform .section.bubble_box_center .bubble_box:nth-child(5):after{
    background-image:url(../images/sustainabilityManagement/target_platform_illust_mo_03.svg);
}

#contents.target_platform .section.bubble_box_center .bubble_box .bubble_box_inner{
    display:flex;
    align-items:center;
    height:100%;
    top:0;
    left:0;
    background-color:gray;
    border-radius:10px;
    color:#fff;
    gap:24px;
}

#contents.target_platform .section.bubble_box_center .bubble_box .bubble_box_inner img{
    width:48px;
    height:48px;
}

#contents.target_platform .section.bubble_box_center .bubble_box .bubble_box_inner .column{
    display:flex;
    flex-direction:column;gap:4px;
}

#contents.target_platform .section.bubble_box_center .bubble_box .bubble_box_inner p{
    font-size:12px;
}

#contents.target_platform .section.bubble_box_center .bubble_box .bubble_box_inner span{
    font-size:10px;
}

#contents.target_platform .section.bubble_box_center .triangle-inverted-left-angle{
    width:0;
    height:0;
    border-top:11px solid gray;
    border-left:0px solid rgba(0,0,0,0);
    border-right:11px solid rgba(0,0,0,0);
    border-bottom:0px solid rgba(0,0,0,0);
    position:relative;
    top:0px;
    left:28px;
}

#contents.target_platform .section.bubble_box_center .triangle-inverted-right-angle{
    width:0;
    height:0;
    border-top:11px solid #4ab78e;
    border-left:11px solid rgba(0,0,0,0);
    border-right:0px solid rgba(0,0,0,0);
    border-bottom:0px solid rgba(0,0,0,0);
    position:relative;
    top:0px;
    left:173px;
}

#contents.target_platform .section.bubble_box_center .submits{
    display:flex;
    justify-content:center;
    gap:20px;
    margin:30px 0 40px
}

#contents.target_platform .section.bubble_box_center .submits button{
    width:145px;
    height:40px;
    font-size:13px;
    text-align:center;
}

#contents.target_platform .section.bubble_box_center .submits button:after{
    display:none;
}

#contents.target_platform .section.bubble_box_center .submits button:last-child{
    background-color:#333;
    color:#fff;
    border:none;
}

#contents.target_platform .section.bubble_box_center .submits button .icon_download{
    display:inline-block;
    width:20px;
    height:20px;
    background-image:url(../images/sustainabilityManagement/ico_download_new.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    vertical-align:middle;
}

#contents.target_platform .section.why .inner{
    display:flex;
    flex-direction:column;
    align-items:center;
}

#contents.target_platform .section.why .inner ul{
    display:flex;
    flex-direction:column;
    gap:40px;
    margin-top:60px;
}

#contents.target_platform .section.why .inner ul :nth-child(1) svg{
    padding:25px;
}

#contents.target_platform .section.why .inner ul :nth-child(2) svg{
    padding:22px;
}

#contents.target_platform .section.why .inner ul :nth-child(3) svg{
    padding:22px;
}

#contents.target_platform .section.why .inner ul li{
    display:flex;
    gap:20px;
}

#contents.target_platform .section.why .inner ul li span{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100px;
    height:100px;
    border-radius:190px;
    background-color:#e7f4f0;
}

#contents.target_platform .section.why .inner ul li span g{
    stroke-width:10px;
}

#contents.target_platform .section.why .inner ul li dl{
    display:flex;
    text-align:left;
    flex-direction:column;
}

#contents.target_platform .section.why .inner ul li dt{
    font-size:16px;
    font-family:CjOnlyOnetitleBold,sans-serif !important;
    color:#008f69;
    margin-bottom:10px;
    line-height:24px;
    letter-spacing:-0.5px;
}

#contents.target_platform .section.why .inner ul li p{
    position:relative;
    padding:3px 0 3px 6px;
    text-align:left;
}

#contents.target_platform .section.why .inner ul li p:before{
    content:"";
    position:absolute;
    left:0;
    top:11px;
    width:3px;
    height:3px;
    background:#666;
    border-radius:100%;
}

#contents.target_platform .section.lifecycle .inner{
    position:relative;
}

#contents.target_platform .section.lifecycle .inner h3+p{
    min-width:335px;
}

#contents.target_platform .section.lifecycle .s-line{
    position:absolute;
    display:flex;
    justify-content:center;
    top:290px;
    left:0%;
    transform:translateX(5px);
    width:100%;
    height:100%;
    z-index:1;
}

#contents.target_platform .section.lifecycle .s-line svg{
    margin-left:4px;
}

#contents.target_platform .section.lifecycle ul{
    display:flex;
    flex-direction:column;
    align-items:center;
    min-width:335px;
    margin-top:60px;
    background-repeat:no-repeat;
    position:relative;
    z-index:2;
    gap:80px;
}

#contents.target_platform .section.lifecycle ul li{
    width:100%;
    position:relative;
    display:flex;
    align-items:center;
    gap:20px;
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(odd){
    justify-content:flex-start;
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(even){
    justify-content:flex-end;
}

#contents.target_platform .section.lifecycle ul li .lifecycle_img{
    width:140px;
    height:140px;
    border:4px solid #4ab78e;
    border-radius:100%;
    box-sizing:border-box;
}

#contents.target_platform .section.lifecycle ul li div{
    display:flex;
    flex-direction:column;
    gap:6px;
}

#contents.target_platform .section.lifecycle ul li dl{
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:left;
}

#contents.target_platform .section.lifecycle ul li dl dt{
    font-size:16px;
    line-height:24px;
    font-family:CjOnlyOnetitleBold,sans-serif !important;
    color:#008f69;
    margin-bottom:4px;
}

#contents.target_platform .section.lifecycle ul li dl dd{
    display:flex;
    font-size:12px;
    line-height:16px;
    align-items:flex-start;
}

#contents.target_platform .section.lifecycle ul li dl dd span{
    display:inline-block;
    width:63px;
    margin-right:12px;
    font-family:CjOnlyOnetitleBold,sans-serif !important;
    color:#1a1a1a;
}

#contents.target_platform .section.lifecycle ul li dl dd:nth-of-type(1){
    border-top:1px solid #e6e6e6;
    padding-top:10px;
}

#contents.target_platform .section.lifecycle ul li dl dd:nth-of-type(2){
    border-bottom:1px solid #e6e6e6;
    padding-bottom:10px;
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(1) .lifecycle_img{
    background:url(../images/sustainabilityManagement/Artboard1.jpg) no-repeat center;
    background-size:auto 100%;
    background-position:-54px
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(1) div img{
    width:40px;
    height:auto;
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(2) .lifecycle_img{
    background:url(../images/sustainabilityManagement/Artboard4.jpg) no-repeat center;
    background-size:auto 100%;
    background-position:-60px
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(2) div img{
    width:51px;
    height:auto;
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(3) .lifecycle_img{
    background:url(../images/sustainabilityManagement/Artboard2.jpg) no-repeat center;
    background-size:auto 100%;
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(3):before{
    position:absolute;
    content:"";
    top:-55px;
    left:303px;
    width:40px;
    height:36px;
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(3):after{
    position:absolute;
    content:"";
    top:210px;
    left:570px;
    width:58px;
    height:42px;
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(4) .lifecycle_img{
    background:url(../images/sustainabilityManagement/target_platform_image_04.png) no-repeat center;
    background-size:auto 100%;
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(4) div{
    display:flex;
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(4) div img{
    width:auto;
    height:16px;
    margin-right:38px;
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(4):before{
    position:absolute;
    content:"";
    top:227px;
    left:-67px;
    width:44px;
    height:44px;
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(5) .lifecycle_img{
    background:url(../images/sustainabilityManagement/Artboard3.jpg) no-repeat center;
    background-size:auto 100%;
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(5) div{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

#contents.target_platform .section.lifecycle ul li:nth-of-type(5) div img{
    width:auto;
    height:30px;
}

#contents.target_platform .section.strength .inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    font-family:"CjOnlyOneBodyRegular",sans-serif;
}

#contents.target_platform .section.strength .inner .text_box{
    position:relative;
    max-width:224px;
    background-color:gray;
    color:#fff;
    font-size:13px;
    text-align:center;
    padding:40px 28px 20px;
    margin-top:60px;
    border-radius:20px;
}

#contents.target_platform .section.strength .inner .text_box:before{
    position:absolute;
    content:"";
    width:56px;
    height:56px;
    top:-27px;
    left:50%;
    transform:translateX(-50%);
    background:url(../images/sustainabilityManagement/target_platform_illust_mo_04.svg);
    background-size:56px 56px;
}

#contents.target_platform .section.strength .inner .text_box:after{
    content:"";
    position:absolute;
    width:0px;
    height:0px;
    border-left:5px solid gray;
    border-top:5px solid gray;
    border-right:5px solid rgba(0,0,0,0);
    border-bottom:5px solid rgba(0,0,0,0);
    top:100%;
    left:50%;
    transform:translateX(-50%);
}

#contents.target_platform .section.strength .inner span{
    width:280px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;background-color:#1a1a1a;
    border-radius:40px;
    margin-top:40px;
    font-family:CjOnlyOnetitleMedium,sans-serif !important;
}

#contents.target_platform .section.strength .inner h4{
    font-size:14px;
    line-height:24px;
    margin:30px 0 8px;
    color:#005b45;
    font-family:CjOnlyOnetitleMedium,sans-serif !important;
}

#contents.target_platform .section.strength .inner h4:after{
    content:"5대 정보 및 재무정보 분류";
    color:#666666;
    display:inline-block;
    font-family:CjOnlyOneBodyRegular,sans-serif !important;
    font-size:12px;
    margin-left:6px;
}

#contents.target_platform .section.strength .inner h4:nth-of-type(2):after{
    content:"310개 업종";
    color:#666666;
}

#contents.target_platform .section.strength .inner h4:nth-of-type(3):after{
    content:"기초 자치단체 단위";
    color:#666666;
}

#contents.target_platform .section.strength .inner h4:nth-of-type(4):after{
    content:"주요 연령별 단위";
    color:#666666;


}#contents.target_platform .section.strength .inner h4:nth-of-type(5):after{
    content:"특정 타겟 포함 가능한 기업";
    color:#666666;
}

#contents.target_platform .section.strength .inner ul{
	font-size:14px;
    position:relative;
    display:flex;
    flex-wrap:wrap;
    max-width:321px;
    width:100%;
    gap:10px;
    padding:10px 14px;
    justify-content:center;
    border-radius:16px;
    border:1px solid #6ab29d;
    background-color:#f6f8f8;
}

#contents.target_platform .section.strength .inner ul:not(:last-child):after{
    position:absolute;
    content:"";
    top:calc(100% + 1px);
    left:50%;
    transform:translateX(-50%);
    width:0;
    height:0;
    border-bottom:10px solid rgba(0,0,0,0);
    border-top:10px solid #e7f4f0;
    border-left:8px solid rgba(0,0,0,0);
    border-right:8px solid rgba(0,0,0,0);
}

#contents.target_platform .section.strength .inner ul li{
    width:90px;
    height:24px;
    line-height:24px;
    text-align:center;
    border-radius:2px;
}

#contents.target_platform .section.strength .inner ul li.green{
    background-color:#007651;
    color:#fff;
}

#contents.target_platform .section .component_btn::after{
    content:"";
    display:inline-block;
    transform:scale(0.75);
    top:9px;
    right:13px;
    width:20px;
    height:20px;
    background-image:url(../images/sustainabilityManagement/ico_download_new.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:0 0;
}

#contents.target_platform .section.download h3{
    font-size:14px;
    line-height:24px;
    color:#666;
}

#contents.target_platform .section.download p{
    font-family:CjOnlyOnetitleMedium,sans-serif !important;
    font-size:14px;
    line-height:24px;
    color:#008f69;
}

#contents.target_platform .section.download .img{
    width:235px;
    height:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
}

#contents.target_platform .section.download .img img{
    border-radius:15px;
    border:1px solid #c6c6c6;
    margin-top:30px;
}

#contents.target_platform .section.download button.download{
    background-color:#fff;
    margin-top:30px;
}

#contents.target_platform .section.download button.download:after{
    width:20px;
    height:20px;
    background-image:url(../images/sustainabilityManagement/ico_download_new.png);
}

#contents.target_platform .section.consult .inner img{
    margin-bottom:30px;
}

#contents.target_platform .section.consult .inner h3{
    font-size:18px;
    color:#007651;
}

#contents.target_platform .section.consult .inner button.consult{
    width:120px;
    height:40px;
    color:#fff;
    font-size:13px;
    background-color:#005b45;
    border-radius:2px;
    letter-spacing:-1.1%;
    margin-top:30px
}

#contents.target_platform .section.consult .inner button.consult:after{
    display:none;
}
/*# sourceMappingURL=target_platform.css.map */


/*song start*/

#contents.target_platform .section_top .back_container {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/infra/product/top_targetPlatform.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000; /* 로딩 중 fallback 색상 */
    z-index: 0; /* 가장 아래 */
}

#contents.target_platform .section_top .back_container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4); /* dim 투명도 조절 */
    z-index: 1; /* 이미지 위, 글씨 아래 */
}

#contents.product .section .inner p{
	padding-top: 0;
}

#contents.product .section .inner h3{
	margin-bottom:15px;
}

#contents.product .section.download{
	background-color:#f6f8f8;
}

#contents.sustainability_management .section .component_button {
    display: inline-block;
    color: #1a1a1a;
    font-family: "CjOnlyOneBodyRegular", sans-serif;
    font-size: 13px;
    letter-spacing: -0.02em;
    border: 1px solid #ccc;
    transition: .5s ease;
    background-color: #fff;
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

#contents.target_platform .section.download .inner button .icon_download {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/sustainabilityManagement/ico_download_new.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.popup .pop_inner .pop_content .pop_contentinner .submits .btn_next3{
    width: 100%;
    min-width: 250px;
    height: 40px;
    color: #fff;
    background-color: #007651;
    margin: auto;
    border-radius: 4px;
    margin-top: 10px;
    border: none;
    font-family: "CjOnlyOneBodyRegular", sans-serif;
    font-size: 13px;
}

.popup .pop_inner .pop_content .pop_contentinner .submits .btn_next2{
    width: 100%;
    min-width: 250px;
    height: 40px;
    color: #fff;
    background-color: #007651;
    margin: auto;
    border-radius: 4px;
    margin-top: 10px;
    border: none;
    font-family: "CjOnlyOneBodyRegular", sans-serif;
    font-size: 13px;
}

form .term {
    display: block !important;
    height: 80px;
    padding: 10px 25px;
    border-radius: 20px;
    background-color: #f6f8f8;
    overflow-y: scroll;
}

#contents.target_platform .section.bubble_box_center .bubble_box .bubble_box_inner p{
	line-height: 19px !important;
	text-align:left !important;
	color:#fff;
}

.section.gray{
	background-color: #f6f8f8;
}

.txt_animate .line-track p{
    font-family: "CjOnlyOnetitleBold", sans-serif;
}

#contents.target_platform .section.why ul dl dd p{
	line-height: 19px !important;
}

#contents.product .section .inner h4:before {
	background:none !important;
}

.modal_sub {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
}

.modal-content {
  background: #fff;
  padding: 20px;
  margin: 20% auto;
  width: 300px;
  text-align: center;
  border-radius: 10px;
}

.modal-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#modalOkBtn{
	margin-top:35px;
}