@charset "utf-8";
.pi-header{position:absolute;}
.pi-container{padding:88px 0 160px}
.pi-sub-visual-container{display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative;row-gap:5px;padding:50px 0 64px;min-height:220px;border-radius:24px;background-color:#045cc7;}
.pi-sub-visual-container>h2{color:#fff;font-size:40px;font-weight:700;line-height:1.2;}
.pi-sub-visual-container:before,
.pi-sub-visual-container:after{content:"";position:absolute;top:0;width:26.0875%;height:100%;background-repeat:no-repeat;background-size:cover}
.pi-sub-visual-container:before{left:0;background-position:right center;}
.pi-sub-visual-container:after{right:0;background-position:left center}
.pi-sub-visual-container.sub01{background-color:#045cc7;}
.pi-sub-visual-container.sub01:before{background-image:url(../../images/portal/layout/visual-obj01-left.svg)}
.pi-sub-visual-container.sub01:after{background-image:url(../../images/portal/layout/visual-obj01-right.svg)}
.pi-sub-visual-container.sub02{background-color:#3290ff;}
.pi-sub-visual-container.sub02:before{background-image:url(../../images/portal/layout/visual-obj02-left.svg)}
.pi-sub-visual-container.sub02:after{background-image:url(../../images/portal/layout/visual-obj02-right.svg)}
.pi-sub-visual-container.sub03{background-color:#7866eb;}
.pi-sub-visual-container.sub03:before{background-image:url(../../images/portal/layout/visual-obj03-left.svg)}
.pi-sub-visual-container.sub03:after{background-image:url(../../images/portal/layout/visual-obj03-right.svg)}
.pi-sub-visual-container.sub04{background-color:#728ffe;}
.pi-sub-visual-container.sub04:before{background-image:url(../../images/portal/layout/visual-obj04-left.svg)}
.pi-sub-visual-container.sub04:after{background-image:url(../../images/portal/layout/visual-obj04-right.svg)}
.pi-sub-visual-container.sub05{background-color:#2faae1;}
.pi-sub-visual-container.sub05:before{background-image:url(../../images/portal/layout/visual-obj05-left.svg)}
.pi-sub-visual-container.sub05:after{background-image:url(../../images/portal/layout/visual-obj05-right.svg)}
.pi-path{justify-content:center;}
.pi-path>li:not(:first-child):before{background-color:rgba(255, 255, 255, .6);}
.pi-path>li:not(:first-child)>a{color:rgba(255, 255, 255, .8);}
.pi-path>li:first-child>a>i{color:#fff;}
@media(max-width:1280px) {
.pi-container{padding:106px 0 130px}
.pi-sub-visual-container{padding:50px 0 calc(50px + 60px);min-height:180px}
.pi-sub-visual-container>h2{font-size:36px;}
}
@media(max-width:767px) {
.pi-container{padding-bottom:100px}
}
@media(max-width:479px) {
.pi-container{padding-top:96px}
}

.pi-snb-navi{position:sticky;top:0;margin:-54px auto 0;width:calc(1400px + 40px);max-width:100%;padding:0;height:54px;transition:.5s;z-index:5;}
.pi-snb-navi>ul{display:flex;position:absolute;top:0;left:0;width:100%;justify-content:center;align-items:center;height:100%;background-color:rgba(0, 0, 0, .3);border-radius:12px 12px 0 0;backdrop-filter:blur(15px);transition:.5s border-radius;}
.pi-snb-navi .depth02{height:100%;}
.pi-snb-navi .depth02-link{display:flex;justify-content:center;align-items:center;position:relative;padding:10px 24px;height:100%;color:rgba(255, 255, 255, .7);font-weight:500;text-align:center;}
.pi-snb-navi .depth02-link:hover,
.pi-snb-navi .depth02-link.on{color:#fff;}
.pi-snb-navi .depth02-link.on:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background-color:#fff;}
.pi-snb-navi.scrolling{width:100%;}
.pi-snb-navi.scrolling>ul{border-radius:0;}
@media(max-width:1480px) {
.pi-snb-navi{margin:-54px 20px 0;width:calc(100% - 40px)}
.pi-snb-navi.scrolling{margin-left:0;margin-right:0;}
.pi-snb-navi>ul{border-radius:12px}
}

@media(max-width:1280px) {
.pi-snb-navi{margin:-48px 15px 0;width:calc(100% - 30px);height:48px;}
.pi-snb-navi .depth02-link{font-size:16px;}
}
@media(min-width:768px) {
.pi-snb-toggle{display:none}
}
@media(max-width:767px) {
.pi-snb-toggle{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;width:100%;height:100%;background-color:rgba(0, 0, 0, .3);border-radius:12px;backdrop-filter:blur(15px);transition:.5s border-radius;color:#fff;font-weight:700;}
.pi-snb-toggle:after{content:"\ea4e";font-family:"remixicon";flex-shrink:0;}
.pi-snb-toggle.on:after{content:"\ea78"}
.pi-snb-navi.scrolling .pi-snb-toggle{border-radius:0;}
.pi-snb-toggle.on+ul{display:flex;}
.pi-snb-navi>ul{display:none;flex-direction:column;align-items:stretch;row-gap:5px;position:absolute;top:calc(100% + 1px);left:0;padding:15px 20px;width:100%;height:auto;}
.pi-snb-navi .depth02{height:auto;}
.pi-snb-navi .depth02-link{justify-content:flex-start;padding:0;text-align:left;}
.pi-snb-navi .depth02-link.on{font-weight:700;}
.pi-snb-navi .depth02-link.on:before{display:none;}
}

.pi-content{margin-top:50px;max-width:calc(1280px + 40px);}
.pi-content h3{color:#222;font-size:32px;font-weight:700;line-height:1.25;text-align:center;}
.pi-content h3+*{margin-top:70px;}
.pi-content-tab+.pi-content-desc{margin-top:35px;}
.pi-content>.pi-content-tab:first-child{margin-top:-20px;}
.pi-content-desc{overflow:hidden;}
@media(max-width:1280px) {
.pi-content{margin-top:30px}
}
@media(max-width:767px) {
.pi-content{margin-top:10px}
}


/* 로그인 */
.pi-login{padding:80px 0;background-color:#fafafa}
.pi-login-container{margin:0 auto;width:100%;max-width:500px;}
.pi-login-container .pi-input-box:not([data-type="check"]){flex-wrap:wrap;}
.pi-login-container .pi-input-box:not([data-type="check"]) input{flex:unset;width:100%;}
.pi-login-container .pi-input-box:not([data-type="check"]) .pi-input-label{font-weight:700;}
.pi-login-container .pi-button{width:100%;}

.pi-login-util{display:flex;flex-wrap:wrap;margin:0 auto;gap:10px 16px;justify-content:center;color:#757575;font-size:16px;}
.pi-login-util a{color:#045cc7;text-decoration:underline;}
.pi-login-util-join{display:flex;gap:16px;align-items:center;}
.pi-login-util-join:before{content:"";position:relative;top:-1px;width:6px;height:6px;background-color:#e4e7eb;border-radius:50%;}
@media(max-width:1280px) {
.pi-login{padding:60px 0;}
}
@media(max-width:767px) {
.pi-login{padding:40px;}
}
@media(max-width:479px) {
.pi-login{padding:25px;}
.pi-login-util{flex-direction:column;align-items:center;}
.pi-login-util-join:before{display:none;}
}


/* 회원가입 */
.pi-join{}
.pi-join-step{counter-reset:step;display:flex;position:relative;gap:40px;justify-content:center;align-items:flex-start;}
.pi-join-step+*{margin-top:50px}
.pi-join-step>li{display:flex;flex-direction:column;align-items:center;row-gap:16px;position:relative;width:80px;color:#bdbdbd;font-weight:700;text-align:center;}
.pi-join-step>li:before{counter-increment:step;content:"" counter(step) "";display:flex;justify-content:center;align-items:center;width:40px;aspect-ratio:1 / 1;background-color:#fff;border-radius:50%;border:2px solid #424242;color:#424242;font-family:"Geologica", "Pretendard";font-size:16px;font-weight:700;z-index:1;}
.pi-join-step>li:not(:nth-child(1)):after{content:"";position:absolute;top:19px;right:75%;width:calc(100% + 20px);height:2px;background-color:#e0e0e0;}
.pi-join-step>li.on{color:#424242;}
.pi-join-step>li.on:before{content:"\eb7b";background-color:#424242;color:#fff;font-family:"remixicon"}
.pi-join-step>li.on:after{background-color:#424242;}
@media(max-width:767px) {
.pi-join-step{gap:30px;}
}

.pi-terms-box{overflow:hidden;border:1px solid #e0e0e0;border-radius:8px}
.pi-terms-box+.pi-terms-box{margin-top:16px;}
.pi-terms .pi-input-box[data-type="check"]{padding:20px;background-color:#fff;}
.pi-terms .pi-input-box[data-type="check"] .pi-input-label{padding-left:24px;font-size:18px;}
.pi-terms .pi-input-box[data-type="check"] .pi-input-label:before{border-radius:50%;background-color:#e0e0e0;border-color:#e0e0e0;opacity:1;}
.pi-terms .pi-input-box[data-type="check"] .pi-input-label:after{opacity:0;font-size:16px;}
.pi-terms .pi-input-box[data-type="check"] input:checked+.pi-input-label{font-weight:700}
.pi-terms .pi-input-box[data-type="check"] input:checked+.pi-input-label:before{background-color:#222;}
.pi-terms .pi-input-box[data-type="check"] input:checked+.pi-input-label:after{opacity:1;font-weight:400;}
.pi-terms-desc{padding:24px;background-color:#fafafa;}
.pi-terms-desc>div{overflow-y:auto;max-height:240px;}
.pi-terms-desc *{color:#616161;font-size:16px;line-height:1.6}
.pi-terms-desc h5{font-weight:700;}
.pi-terms-desc *+h5{margin-top:8px;}
.pi-terms-desc *+p{margin-top:4px;}
@media(max-width:1280px) {
.pi-terms-desc{padding:20px}
.pi-terms .pi-input-box[data-type="check"] .pi-input-label{font-size:16px;}
.pi-terms-desc *{color:#616161;font-size:14px;}
}

.pi-join-complete{padding:80px 0;background-color:#fafafa;border-radius:8px;}
.pi-join-complete>.pi-icon{display:flex;margin:0 auto;width:79px;aspect-ratio:79 / 72}
.pi-join-complete>.pi-icon:before{content:"";width:100%;height:100%;background-image:url(../../images/join-complete-icon.svg)}
.pi-join-complete>p{color:#424242;font-size:22px;font-weight:700;line-height:1.6;text-align:center;}
@media(max-width:1280px) {
.pi-join-complete{padding:60px 0}
.pi-join-complete>p{font-size:20px}
}
@media(max-width:767px) {
.pi-join-complete{padding:40px}
}
@media(max-width:479px) {
.pi-join-complete{padding:25px}
}

/* ai 탑 박스 */
.pi-ai-topbox { padding:64px 80px; border-radius: 8px;
background: linear-gradient(-265deg, #2B4DD0 12.08%, #706FED 44.02%, #9A79E0 75.95%); position: relative; }
.pi-ai-topbox:before { content:"";display: block;position: absolute;bottom:0;right:56px; width:327px; height: 262px; background: url(../../images/portal/sub/pi-ai-topbox-img01.svg) no-repeat center center/cover; }
.pi-ai-topbox div { position: relative;width:calc(100% - 330px); height: 100%; }
.pi-ai-topbox div strong {color: #FFF;font-size: 22px;font-style: normal;font-weight: 700;line-height: 160%; display: block; margin-bottom:8px; }
.pi-ai-topbox div  strong span { color: #B4FFD6;font-size: 22px;font-style: normal;font-weight: 700;line-height: 160%; }
.pi-ai-topbox div p {color: #FFF;font-size: 18px;font-style: normal;font-weight: 500;line-height: 160%; opacity: .7;}
.pi-ai-topbox div .topbox-important { color: #FFF;font-size: 20px;font-style: normal;font-weight: 700;line-height: 160%; margin-top:24px; }
@media (max-width:1024px){
.pi-ai-topbox { padding:4rem; }
.pi-ai-topbox:before { display: none; }
.pi-ai-topbox div { width:100%; }
.pi-ai-topbox div strong { font-size: 20px; }
.pi-ai-topbox div  strong span { font-size: 20px;}
.pi-ai-topbox div p { font-size: 16px; }
.pi-ai-topbox div .topbox-important  { font-size: 18px;; }
}

/* ai 검색 박스 */
.pi-ai-search {display: flex;width: 100%;padding: 24px 32px;margin: 56px auto 0; max-width: 960px;border-radius: 36px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);align-items: center;border: 2px solid transparent;background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #07B0FF, #D0DFFF, #816CFF);background-origin: border-box;background-clip: padding-box, border-box;}
.pi-ai-search strong {
display: flex;position: relative;color: #424242;font-weight: 700;font-size: 18px;line-height: 130%;font-style: normal;align-items: center;gap: 8px;padding-right: 24px;margin-right: 24px;flex-wrap: wrap;flex-shrink: 0;}
.pi-ai-search strong:before {position: absolute;top: 50%;right: 0;width: 1px;height: 16px;background: #e0e0e0;content: "";transform: translateY(-50%);}
.pi-ai-search strong span {color: #424242;}
.pi-ai-search strong img {width: 102px;}
.pi-ai-search .pi-ai-search-input input {padding: 0;border: 0;color: #424242;font-size: 20px;outline: 0;}
.pi-ai-search .pi-ai-search-input button {display: flex;align-items: center;justify-content: center; }
.pi-ai-search .pi-ai-search-input input::placeholder {color: #BDBDBD;font-weight: 500;font-size: 20px;font-style: normal;}
.pi-ai-search .pi-ai-search-input {display: flex;width: 100%;align-items: center;justify-content: space-between;}
@media (max-width:767px){
.pi-ai-search { flex-direction: column; }
.pi-ai-search {padding: 0;border: 0;background: none;flex-direction: column;border-radius: 0;box-shadow: none;}
.pi-ai-search strong {padding: 0;margin: 0;flex-direction: column;}
.pi-ai-search strong:before {display: none;}
.pi-ai-search strong img:first-of-type {display: none;}
.pi-ai-search strong img:last-of-type {display: block;}
.pi-ai-search strong span {color: #222;font-weight: 700;font-size: 16px;line-height: 130%;font-style: normal;}
.pi-ai-search .pi-ai-search-input {display: flex;height: 48px;padding: 12px 24px;border-radius: 36px;align-items: center;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);margin-top: 16px;border: 2px solid transparent;background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #07B0FF, #D0DFFF, #816CFF);background-origin: border-box;background-clip: padding-box, border-box;}
.pi-ai-search .pi-ai-search-input input {font-size: 16px;}
.pi-ai-search .pi-ai-search-input input::placeholder {font-size: 16px;}
}

/* ai 아코디언 박스 */
.pi-ai-result { margin:56px 0 16px 0; color: #222;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal; }
.pi-ai-result span:first-of-type { color: #045CC7;font-size: 18px;font-style: normal;font-weight: 700;line-height: normal; }
.pi-ai-result span:first-of-type ~ span { color: #222;font-size: 18px;font-style: normal;font-weight: 700;line-height: normal; }
.pi-ai-accordion .pi-ai-accordion-item { padding:26px 32px;border-radius: 8px; background: #F8F9FB;border-radius: 8px;position: relative;display: flex;gap:10px;flex-direction: column;position: relative; }
.pi-ai-accordion .pi-ai-accordion-item:before { content:"\ea4e";display: block;position: absolute;top:24px;right: 32px;color:#222222;font-family: "remixicon";font-size:24px; }
.pi-ai-accordion .pi-ai-accordion-item-group { display: flex;flex-direction: column;gap:10px; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-year { display: flex; gap:2.4rem;position: absolute;top:28px;right:70px; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-year span { color:#616161;font-size: 17px;font-style: normal;font-weight: 400;line-height: normal; position: relative; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-year span:before { content:"";display: block;width:1px;height: 15px;position: absolute;top:50%; transform: translateY(-50%); left:-12px;background: #E0E0E0; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-year span:first-of-type:before { display: none; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-title { overflow: hidden;color:#222;text-overflow: ellipsis;font-size: 18px;font-style: normal;font-weight: 700;line-height: 160%; padding-right:250px; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-txt { color:#616161;font-size: 17px;font-style: normal;font-weight: 400;line-height: normal;display: flex;gap:8px; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-txt i { color:#045CC7;font-size: 16px;flex-shrink: 0; transform: none; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-cont { display: none; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-cont .pi-ai-accordion-item-cont-info {  padding:8px 16px; border-radius: 8px;background: #F8F9FB; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-cont p { color:#616161;font-size: 16px;font-style: normal;font-weight: 400;line-height: 150%; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-cont-more { margin-top:16px;display: flex;justify-content: center;align-items: center;position: relative;z-index: 2; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-cont-more a { display: flex;align-items: center; gap:8px; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-cont-more a span {color: #045CC7;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-cont-more a i { font-size:18px;color:#045CC7; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item.on { background: #fff; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item.on:before { transform: rotate(180deg); }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item.on:after { border-radius: 8px;border: 2px solid #045CC7;
box-shadow: 0px 4px 12px 0px rgba(0, 104, 231, 0.20);width:100%;height: 100%; position: absolute; top:0;left:0;content:""; }
.pi-no-result { padding:98px 40px; background: #F8F9FB;display: flex;align-items: center;justify-content: center;flex-direction: column; gap:8px;border-radius: 8px; }
.pi-no-result p { color:#757575; font-size: 18px;font-style: normal;font-weight: 500; }
@media (max-width:767px){
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-year { position: relative;top:auto;right:auto; }
.pi-ai-accordion .pi-ai-accordion-item-group .pi-ai-accordion-item .pi-ai-accordion-item-title { padding-right:0; }
}


.pi-intro{}
.pi-intro-top{display:flex;align-items:flex-start;position:relative;margin-top:30px;background:linear-gradient(to right, #f3faff, #f2f3ff);border-radius:8px;}
.pi-intro-top:after{content:"";margin:-30px 30px 30px auto;width:505px;aspect-ratio:505 / 360;background:url(../../images/portal/sub/intro-top-img.svg) no-repeat 50% 50%/contain}
.pi-intro-top-text{padding:80px;padding-right:0;}
.pi-intro-top-text>strong{display:flex;flex-direction:column}
.pi-intro-top-text>strong>img{max-width:120px}
.pi-intro-top-text>strong>span{margin-top:10px;color:#a4b8d6;font-family:"Geologica", "Pretendard";font-size:18px;font-weight:500;}
.pi-intro-top-text>p{margin-top:35px;font-size:20px;font-weight:500;line-height:1.6;}
.pi-intro-top-text>p>b{color:#045cc7;}

.pi-intro-feautre{display:flex;flex-wrap:wrap;margin:-28px;margin-top:28px}
.pi-intro-feautre>li{display:flex;column-gap:25px;position:relative;padding:28px;width:calc(100% / 2);}
.pi-intro-feautre>li:first-child:before{content:"";position:absolute;bottom:0;left:28px;width:calc(200% - 56px);height:1px;border-bottom:1px dashed #bdbdbd}

.pi-intro-feautre-text{position:relative;padding-left:46px;margin-right:auto;}
.pi-intro-feautre-text>b{align-items:flex-end;color:#222;font-size:28px;font-weight:700;line-height:34px;}
.pi-intro-feautre-text>b>span{display:inline-block;position:relative;margin-right:12px;}
.pi-intro-feautre-text>b>span>i{display:inline-flex;justify-content:center;align-items:center;position:absolute;top:-1px;left:-46px;width:34px;height:34px;background-color:#222;border-radius:4px;color:#fff;font-family:"Geologica", "Pretendard";font-size:16px;vertical-align:middle;}
.pi-intro-feautre-text>b>img{vertical-align:bottom;}
.pi-intro-feautre-text>p{margin-top:15px;font-size:20px;line-height:1.6;}

.pi-intro-feautre-icon{flex-shrink:0;width:102px}

.pi-intro-feautre>li:nth-child(1)>.pi-intro-feautre-text>b>img{width:90px;}
.pi-intro-feautre>li:nth-child(2)>.pi-intro-feautre-text>b>img{width:95px;}
.pi-intro-feautre>li:nth-child(3)>.pi-intro-feautre-text>b>img{width:91px;}
.pi-intro-feautre>li:nth-child(4)>.pi-intro-feautre-text>b>img{width:98px;}

@media(max-width:1480px) {
	.pi-intro-feautre{margin:-24px;margin-top:24px;}
	.pi-intro-feautre>li{padding:24px;}
	.pi-intro-feautre>li:first-child:before{left:24px;width:calc(200% - 48px)}
	.pi-intro-top:after{width:480px}
}

@media(max-width:1280px) {
	.pi-intro-top-text{padding:60px 0 60px 60px}
	.pi-intro-top:after{width:460px}
	.pi-intro-top-text>strong>img{max-width:100px}
	.pi-intro-top-text>strong>span{font-size:16px;}
	.pi-intro-top-text>p{margin-top:25px;font-size:18px}
	.pi-intro-feautre-text{padding-left:40px}
	.pi-intro-feautre-text>b{font-size:24px;line-height:30px}

	.pi-intro-feautre-text>b>span>i{left:-40px;width:30px;height:30px;}
	.pi-intro-feautre-text>p{font-size:18px}
	.pi-intro-feautre-text>p>br{display:none}
	.pi-intro-feautre-icon{width:80px}

	.pi-intro-feautre>li:nth-child(1)>.pi-intro-feautre-text>b>img{width:80px;}
	.pi-intro-feautre>li:nth-child(2)>.pi-intro-feautre-text>b>img{width:85px;}
	.pi-intro-feautre>li:nth-child(3)>.pi-intro-feautre-text>b>img{width:81px;}
	.pi-intro-feautre>li:nth-child(4)>.pi-intro-feautre-text>b>img{width:88px;}
}

@media(max-width:1023px) {
	.pi-intro-top{flex-direction:column-reverse;align-items:center;}
	.pi-intro-top:after{margin:0;margin-top:-30px;width:calc(100% - 90px);max-width:460px}
	.pi-intro-top-text{padding:45px 20px;text-align:center;}
	.pi-intro-top-text>strong{align-items:center;}
	.pi-intro-feautre>li{width:100%;}
	.pi-intro-feautre>li:not(:first-child){border-top:1px dashed #bdbdbd;}
	.pi-intro-feautre>li:first-child:before{display:none;}
}

@media(max-width:767px) {
	.pi-intro-top-text{padding:35px 20px}
	.pi-intro-top-text>strong>img{max-width:90px}
	.pi-intro-top-text>strong>span{font-size:15px;}
	.pi-intro-top-text>p{font-size:16px}
	.pi-intro-feautre-text{padding-left:36px}
	.pi-intro-feautre-text>b{font-size:20px;line-height:26px}

	.pi-intro-feautre-text>b>span>i{left:-36px;width:26px;height:26px;}
	.pi-intro-feautre-text>p{font-size:16px}
	.pi-intro-feautre-text>p>br{display:none}
	.pi-intro-feautre-icon{width:70px}

	.pi-intro-feautre>li:nth-child(1)>.pi-intro-feautre-text>b>img{width:70px;}
	.pi-intro-feautre>li:nth-child(2)>.pi-intro-feautre-text>b>img{width:75px;}
	.pi-intro-feautre>li:nth-child(3)>.pi-intro-feautre-text>b>img{width:71px;}
	.pi-intro-feautre>li:nth-child(4)>.pi-intro-feautre-text>b>img{width:78px;}
}