/*! mobile 버전 - css */
@media (max-width: 1023px){
.law-summary-container{margin:0 0 -70px 0;margin:0 0 -7rem 0}
.m-show{display:block!important}
.m-hide{display:none!important}
.fnt-group1{padding:47px 20px 0;padding:4.7rem 2rem 0}
.fnt-group1 .fnt1{font-size:14px;font-size:1.4rem;line-height:1.357;color:#2594c0;font-weight:500}
.fnt-group1 .fnt2{font-size:23px;font-size:2.3rem;line-height:1.434;color:#333;font-weight:500}
.fnt-group1 .fnt2 br{display:none}
.fnt-group1 .fnt3{padding-bottom:5px;padding-bottom:0.5rem;font-size:14px;font-size:1.4rem;line-height:1.7;color:#333}
.fnt-group1 .fnt3 br{display:none}
.fnt-group1 .fnt1 + .fnt2{margin-top:10px;margin-top:1rem}
.fnt-group1 .fnt1 + .fnt3{margin-top:20px;margin-top:2rem}
.fnt-group1 .fnt2 + .fnt3{margin-top:8px;margin-top:0.8rem}
.max-full .tit-type1{padding:0}
.tit-type1{margin-top:47px;margin-top:4.7rem;padding:0 20px;padding:0 2rem;font-size:23px;font-size:2.3rem;line-height:1.217;font-weight:500}
.tit-type1 .name{color:#2594c0}
.tit-type1 + .copy-type1{margin-top:10px;margin-top:1rem}
.tit-type1.mgt{margin-top:45px;margin-top:4.5rem}
.tit-type1 > .sub-txt{display:inline-block;font-size:16px;font-size:1.6rem;font-weight:300;color:#666;margin-left:8px;margin-left:0.8rem;vertical-align:2px;vertical-align:0.2rem}
.tit-type1 > .sub-txt:before{content:'*';display:inline-block;margin-right:2px;margin-right:0.2rem}
.copy-type1{padding:0 20px;padding:0 2rem;font-size:14px;font-size:1.4rem;line-height:1.714}
.copy-type1 br{display:none}
.copy-bx{opacity:0;margin:0;padding:22px 20px 20px 20px;padding:2.2rem 2rem 2rem 2rem;color:#333;line-height:1.7;font-weight:400;word-break:break-all}
.copy-bx p{font-size:14px;font-size:1.4rem}
.copy-bx p + p{margin-top:6px;margin-top:0.6rem}
.copy-bx br{display:none}
.ani *{-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}
/*! 태평양 소개 */
.law-summary-container .fnt-group1{padding:60px 20px 0;padding:6rem 2rem 0}
.law-summary-container .fnt-group1 .fnt2{font-size:28px;font-size:2.8rem}
.law-summary-container .scroll .copy-bx{-webkit-transition:opacity 0.6s ease-in;-o-transition:opacity 0.6s ease-in;transition:opacity 0.6s ease-in;opacity:1}
.intro-list{margin-top:51px;margin-top:5.1rem;text-align:center}
.intro-list li{display:inline-block;width:32%;margin-bottom:40px;margin-bottom:4rem;text-align:center}
.intro-list li span[class^="ico-"]{display:block;height:70px;height:7rem}
.intro-list li span[class^="ico-"]:before{position:relative;content:"";display:block;margin:0 auto;background-position:left top;background-repeat:no-repeat}
.intro-list li .ico-intro01:before{width:61px;width:6.1rem;height:51px;height:5.1rem;background-image:url("../image/ico_introduce01_mo.png");background-size:100%}
.intro-list li .ico-intro02:before{width:57px;width:5.7rem;height:56px;height:5.6rem;background-image:url("../image/ico_introduce02_mo.png");background-size:100%}
.intro-list li .ico-intro03:before{width:55px;width:5.5rem;height:48px;height:4.8rem;background-image:url("../image/ico_introduce03_mo.png");background-size:100%}
.intro-list li .ico-intro04:before{width:65px;width:6.5rem;height:60px;height:6rem;background-image:url("../image/ico_introduce04_mo.png");background-size:100%}
.intro-list li .ico-intro05:before{width:52px;width:5.2rem;height:57px;height:5.7rem;background-image:url("../image/ico_introduce05_mo.png");background-size:100%}
.intro-list li strong{font-size:14px;font-size:1.4rem}
.intro-ci-wrap{width:100%}
.intro-ci-wrap .tit-type1{margin-top:0}
.intro-ci-wrap ul{margin:18px 20px 0 20px;margin:1.8rem 2rem 0 2rem}
.intro-ci-wrap li{width:100%;margin-bottom:20px;margin-bottom:2rem}
.intro-ci-wrap li:last-child{margin-bottom:0}
.intro-ci-wrap li .bx-logo{display:table;width:100%;height:178px;height:17.8rem;border:1px solid #ddd;text-align:center;background:url("../image/bg_ci-logo.gif") repeat left top}
.intro-ci-wrap li .bx-logo .ci-logo{display:table-cell;vertical-align:middle}
.intro-ci-wrap li .bx-logo .ci-logo.align-horizontal img{width:259px;width:25.9rem;height:67px;height:6.7rem}
.intro-ci-wrap li .bx-logo .ci-logo.align-vertical img{width:134px;width:13.4rem;height:90px;height:9rem}
.intro-ci-wrap li .bx-logo .ci-logo.align-special img{width:155px;width:15.5rem;height:67px;height:6.7rem}
.intro-ci-wrap li .type-logo{height:41px;height:4.1rem;padding-right:25px;padding-right:2.5rem;border-width:0 1px 1px 1px;border-style:solid;border-color:#ddd;text-align:right;background:#fff}
.intro-ci-wrap li .type-logo span{font-size:15px;font-size:1.5rem;color:#333;line-height:2.7}
.public-list{margin-top:8px;margin-top:0.8rem;padding:0 20px;padding:0 2rem}
.public-list li{position:relative;padding:23px 30px 23px 60px;padding:2.3rem 3rem 2.3rem 6rem;border-bottom:1px solid #ddd}
.public-list li:last-child{padding-bottom:0;border-bottom:0}
.public-list li .num{position:absolute;left:10px;left:1rem;top:20px;top:2rem;width:35px;width:3.5rem;height:40px;height:4rem;font-size:32px;font-size:3.2rem;color:#666;font-weight:300;background:url("../image/bg_num.png") no-repeat right bottom;background-size:17px 23px;background-size:1.7rem 2.3rem}
.public-list li strong{display:block;margin-bottom:9px;margin-bottom:0.9rem;color:#2594c0;font-size:16px;font-size:1.6rem}
.public-list li p{color:#666;font-size:13px;font-size:1.3rem;line-height:1.7}
.public-list li p span{color:#2594c0;vertical-align:0}
/*! story-info-wrap */
.story-info-wrap *{-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}
.story-info-wrap{overflow:hidden;padding-top:50px;padding-top:5rem}
.story-info-wrap .story-info-inner{padding:46px 0 0 0;padding:4.6rem 0 0 0}
.story-info-wrap .fnt-group1.txt-bx{overflow:hidden;width:100%;padding-top:0;position:absolute;left:0;left:0;top:-17px;top:-1.7rem;padding:47px 20px 0;padding:4.7rem 2rem 0;z-index:1}
.di-info-wrap .fnt-group1.txt-bx {top:-4px;top:-0.4rem;}
.story-info-wrap .txt-bx .fnt2{font-size:23px;font-size:2.3rem}
.story-info-wrap .v-img-bx{
    overflow:hidden;width:100%;height:300px;height:30rem;
}
.story-info-wrap .v-img-bx .v-img{
    width:100%;height:100%;
    /* background:url("../images/about/img_v_story_mo.jpg") no-repeat left top; */
    background-size:100% 100%;
}

.story-info-wrap .v-img-bx .v-img.pc{
    display:none;
}
.story-info-wrap .v-img-bx .v-img.mo{
    display:block;
}
.story-info-wrap .copy-bx{
    opacity: 1;
}

.story-info-wrap .v-img-bx .v-txt{position:absolute;left:20px;left:2rem;bottom:-53px;bottom:-5.3rem}
.story-info-wrap .v-img-bx .v-txt i{display:block;width:267px;width:26.7rem;height:54px;height:5.4rem;background:url("../image/img_story_txt.png") no-repeat left top;background-size:100%}
/*! Scroll Event */
.story-info-wrap .story-info-inner.scroll{padding:0}
.story-info-wrap .story-info-inner.scroll .txt-bx{top:20px;top:2rem}
/*! philosophy-wrap */
.philosophy-wrap{padding:0 0 0 0;padding:0 0 0 0}
.philosophy-wrap .fnt-group1{position:relative}
.philosophy-wrap .operation-list{position:relative;margin:20px 20px 0 20px;margin:2rem 2rem 0 2rem}
.philosophy-wrap .operation-list [class^="list-"]{position:relative;min-height:360px;min-height:36rem;margin-bottom:-90px;margin-bottom:-9rem}
.philosophy-wrap .operation-list [class^="list-"] .txt-area{position:relative;margin-left:29px;margin-left:2.9rem;bottom:118px;bottom:11.8rem;padding:23px 0 19px 28px;padding:2.3rem 0 1.9rem 2.8rem;line-height:1.625;font-size:13px;font-size:1.3rem;background-color:#fff}
.philosophy-wrap .operation-list [class^="list-"] .txt-area strong{display:block;margin-bottom:9px;margin-bottom:0.9rem;font-size:14px;font-size:1.4rem;font-weight:500;color:#2594c0}
.philosophy-wrap .operation-list [class^="list-"] .txt-area .txt01{margin-bottom:6px;margin-bottom:0.6rem;font-size:17px;font-size:1.7rem;color:#333;font-weight:500}
.philosophy-wrap .operation-list [class^="list-"] .txt-area .txt02{color:#666;font-weight:300}
.philosophy-wrap .operation-list [class^="list-"] .img-area img{width:100%}
.philosophy-wrap .operation-list .list-item02 .txt-area{margin:0 29px 0 0;margin:0 2.9rem 0 0}
}
@media (max-width: 1023px) and (min-width: 1024px) and (max-width: 1239px){
.philosophy-wrap .operation-list [class^="list-"] .img-area{width:100%}
.philosophy-wrap .operation-list [class^="list-"] .txt-area{position:relative;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);margin-left:40px}
.philosophy-wrap .operation-list .list-item03{width:540px;width:54rem}
}
@media (max-width: 1023px){
/*! network-wrap */
.network-wrap{padding:30px 0 0 0;padding:3rem 0 0 0}
.network-wrap .txt-bx{overflow:hidden;width:100%;padding-top:0;position:absolute;left:0;left:0;top:0;top:0;z-index:1}
.network-wrap .fnt-group1 .fnt2 br{display:block}
.network-wrap .v-img-bx{position:relative;width:100%;height:338px;height:33.8rem}
.network-wrap .v-img-bx .v-img{
    height:100%;
    /* background:url("../images/about/img_network_mo.png") no-repeat left top; */
    background-repeat: no-repeat;
    background-position: left top;
    background-size:100% 100%;
}

.network-wrap .v-img-bx .v-img.pc {
    display: none;
}
.network-wrap .v-img-bx .v-img.mo {
    display: block;
}

/*! Scroll Event */
.network-wrap .network-inner.scroll{padding:0}
.network-wrap .network-inner.scroll .txt-bx{top:53px;top:5.3rem}
/*! brochure-download */
.brochure-download{position:relative;margin-top:61px;margin-top:6.1rem;padding:30px 0 30px 140px;padding:3rem 0 3rem 14rem;background-color:#e9f4f9}
.brochure-download .ico-brochure-book{position:absolute;left:10px;left:1rem;top:50%;width:103px;width:10.3rem;height:135px;height:13.5rem;background:url("../image/ico-brochure-book_mo.png") no-repeat left top;background-size:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}
.brochure-download{display:table;width:100%}
.brochure-download .txt-bx{position:relative}
.brochure-download strong{display:block;margin-bottom:10px;margin-bottom:1rem;font-size:16px;font-size:1.6rem;color:#333;font-weight:500}
.brochure-download .txt{display:inline-block;padding-right:10px;padding-right:1rem;font-size:12px;font-size:1.2rem;color:#666;line-height:1.7}
.brochure-download .btn{margin-top:11px;margin-top:1.1rem}
/*! 주요수상내역 */
.accordion-list{padding:0 20px;padding:0 2rem}
.accordion-list li{position:relative}
.accordion-list li:after,.accordion-list li:before{content:'';position:absolute;left:0;width:100%;height:1px;background:#eee}
.accordion-list li:before{top:-1px}
.accordion-list li:after{bottom:0}
.accordion-list li:first-child:before{display:none}
.accordion-list .accordion-btn{position:relative;width:100%;font-size:23px;font-size:2.3rem;padding:35px 0 28px 1px;padding:3.5rem 0 2.8rem 0.1rem;color:#999;font-weight:300;text-align:left}
.accordion-list .accordion-btn .bu{display:block;position:absolute;right:3px;right:0.3rem;top:50%;width:10px;width:1rem;height:10px;height:1rem;border-top:2px solid #999;border-right:2px solid #999;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}
.accordion-list .accordion-desc{display:none;padding:25px 0 7px 0;padding:2.5rem 0 0.7rem 0}
.accordion-list .accordion-desc .award-bx{overflow:hidden;padding:0 0;padding:0 0;display:table;width:100%;text-align:left}
.accordion-list .accordion-desc .award-bx .award-item{width:49%;display:inline-table;vertical-align:top;text-align:center;padding:0 5px;padding:0 0.5rem;margin-bottom:50px;margin-bottom:5rem}
.accordion-list .accordion-desc .award-bx .award-item .award-logo{margin-bottom:21px;margin-bottom:2.1rem}
.accordion-list .accordion-desc .award-bx .award-item .award-logo img{width:113px;width:11.3rem;height:110px;height:11rem}
.accordion-list .accordion-desc .award-bx .award-item strong{display:block;margin-bottom:12px;margin-bottom:1.2rem;font-size:16px;font-size:1.6rem;color:#333;font-weight:500}
.accordion-list .accordion-desc .award-bx .award-item p{font-size:14px;font-size:1.4rem;color:#666;line-height:1.625}
.accordion-list .accordion-desc .award-bx .award-item p br{display:none}
.accordion-list li.open:after,.accordion-list li.open:before{background:#2594c0;z-index:2}
.accordion-list li.open .accordion-btn{color:#2594c0}
.accordion-list li.open .accordion-btn .bu{border-top:2px solid #2e98c2;border-right:2px solid #2e98c2;-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}
.accordion-list li.open .accordion-desc{display:block}
/*! 사무소위치 */
.top-visual.office-loc .page-tit1 h1{font-size:14px;font-size:1.4rem;font-weight:400}
.top-visual.office-loc .page-tit1 strong{font-size:26px;font-size:2.6rem;font-weight:500}
.top-visual.office-loc .office-visual .visual-area{position:relative;width:100%;margin:0 auto;height:250px;height:25rem;overflow:hidden;background-size:100% 100%;background-position:50% 50%}
.top-visual.office-loc .office-visual .visual-area.pc{display:none}
.top-visual.office-loc .office-visual .visual-area.mo{display:block}
.tab-nav-container.map-list{position:relative;overflow-y:hidden;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-top:15px;padding-top:1.5rem}
.tab-nav-container.map-list:after{content:'';width:100%;height:15px;height:1.5rem;background-color:#eee;position:absolute;left:0;top:0;border-bottom:1px solid #ddd}
.tab-nav-container.map-list .tab-nav{width:100%;display:table;table-layout:fixed}
.tab-nav-container.map-list .tab-nav .tab-item{display:inline-table;position:relative;min-width:80px;min-width:8rem;height:60px;height:6rem;padding:0 1px;padding:0 0.1rem}
.tab-nav-container.map-list .tab-nav .tab-item:after{content:'';width:100%;height:15px;height:1.5rem;background-color:#eee;position:absolute;left:0;top:-15px;top:-1.5rem;border-bottom:1px solid #ddd}
.tab-nav-container.map-list .tab-nav .tab-item:first-child{padding-left:0}
.tab-nav-container.map-list .tab-nav .tab-link .txt{font-size:16px;font-size:1.6rem}
.location-swiper-wrap{overflow-y:hidden;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;margin-top:50px;margin-top:5rem}
.location-swiper-wrap .location-inner{width:100%;display:table;table-layout:fixed}
.location-swiper-wrap .location-item{display:table-cell;width:80px;width:8rem;height:60px;height:6rem;padding:0 1px;padding:0 0.1rem}
.location-swiper-wrap .location-item:first-child{padding-left:0}
.location-swiper-wrap .location-item .tab-link{display:table;width:100%;height:100%;text-align:center;background-color:#f5f5f5;-webkit-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out}
.location-swiper-wrap .location-item .tab-link .txt{display:table-cell;padding:10px;padding:1rem;font-size:16px;font-size:1.6rem;color:#666;font-weight:500;font-size:16px;font-size:1.6rem}
.location-swiper-wrap .location-item .tab-link.on{background-color:#2594c0}
.location-swiper-wrap .location-item .tab-link.on .txt{color:#fff}
.location-swiper-wrap .swiper-button-area{display:none}
.map-zone-bx{margin-top:20px;margin-top:2rem}
.map-zone-bx .map-api{width:100%;height:auto;background-color:transparent}
.map-zone-bx .map-api .img-zone{border:1px solid #ddd}
.map-zone-bx .map-api .img-zone img{width:100%}
.map-zone-bx .map-api .iframe-zone{position:relative;overflow:hidden;width:100%;height:0;padding-bottom:56.25%}
.map-zone-bx .map-api .iframe-zone iframe{position:absolute;left:0;top:0;width:100%;height:100%}
.map-zone-bx .map-info{position:relative;margin:29px 20px 0 20px;margin:2.9rem 2rem 0 2rem;color:#333;border-bottom:1px solid #ddd}
.map-zone-bx .map-info .addr-txt{font-size:17px;font-size:1.7rem;font-weight:500;margin-bottom:19px;margin-bottom:1.9rem;line-height:1.5}
.map-zone-bx .map-info .addr-num span{display:inline-block;margin-bottom:10px;margin-bottom:1rem;font-size:14px;font-size:1.4rem}
.map-zone-bx .map-info .addr-num span:after{content:'';display:inline-block;width:1px;height:14px;height:1.4rem;margin:0 14px;margin:0 1.4rem;background:#ddd}
.map-zone-bx .map-info .addr-num span + span:after{display:none}
.map-zone-bx .map-info .addr-num span:last-child{display:block}
.map-zone-bx .map-info .addr-num span:last-child:after{display:none}
.map-zone-bx .map-info .addr-num span em{margin-right:8px;margin-right:0.8rem;font-weight:700;vertical-align:0}
.map-zone-bx .map-info .location-link{margin:18px 0 40px;margin:1.8rem 0 4rem;text-align:right}
/*! Popup Location */
.popup-wrap .popup-dialog.popup-location{max-width:350px;max-width:35rem}
.popup-wrap .popup-dialog.popup-location .popup-header{padding:0;padding:0;border:0;text-align:center}
.popup-wrap .popup-dialog.popup-location .popup-container{-webkit-box-shadow:20px 20px 40px 0 rgba(0, 0, 0, 0.2);box-shadow:20px 20px 40px 0 rgba(0, 0, 0, 0.2);-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1)}
.popup-wrap .popup-dialog.popup-location .popup-container .popup-content{padding:0;padding:0}
.popup-wrap .popup-dialog.popup-location .popup-container .popup-content .layer-bx{min-width:335px;min-width:33.5rem;min-height:350px;min-height:35rem}
.office-info .line-bx{padding:33px 0;padding:3.3rem 0;margin:0 20px;margin:0 2rem;border-bottom:1px solid #ddd}
.office-info .line-bx .tit-type1{margin-top:0;padding:0}
.office-info .line-bx .copy-type1{padding:0;margin-top:20px;margin-top:2rem;font-size:16px;font-size:1.6rem;color:#666}
.office-info .line-bx .copy-type1 span{line-height:1.625;font-size:14px;font-size:1.4rem;line-height:1.7}
.office-info .line-bx .copy-type1 span + span{display:inline-block;margin-top:10px;margin-top:1rem}
.office-info .line-bx .coming{margin-top:42px;margin-top:4.2rem}
.office-info .line-bx .tit-type1 + .coming{margin-top:22px;margin-top:2.2rem}
.office-info .line-bx .coming dt{margin-bottom:11px;margin-bottom:1.1rem;font-size:15px;font-size:1.5rem;color:#2594c0;font-weight:500}
.office-info .line-bx .coming dd:before{content:'';display:inline-block;vertical-align:5px;width:3px;width:0.3rem;height:3px;height:0.3rem;margin-right:3px;margin-right:0.3rem;background-color:#2594c0}
.office-info .line-bx .coming dd{padding-left:9px;padding-left:0.9rem;text-indent:-9px;text-indent:-0.9rem;font-size:14px;font-size:1.4rem;color:#666;line-height:1.7}
.office-info .line-bx .coming dd span:before{content:'';display:inline-block;margin:0 8px;margin:0 0.8rem;width:8px;width:0.8rem;height:8px;height:0.8rem;border-width:20px;border-width:2rem;border-style:solid;border-color:#999;border-width:2px 2px 0 0;border-width:0.2rem 0.2rem 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);vertical-align:2px}
.office-info .line-bx .coming dd span:first-child:before{display:none}
.office-info .line-bx .coming.subway dd:before{content:'1';display:inline-block;width:20px;width:2rem;height:20px;height:2rem;color:#fff;background-color:#225ed6;text-align:center;font-size:14px;font-size:1.4rem;border-radius:10px;border-radius:1rem;line-height:1.4}
/*! 사무소위치 - 유의사항 관련 스타일 */
.office-info .line-bx > .copy-type1{margin-top:0;margin-top:0;font-size:16px;font-size:1.6rem;color:#666}
.office-info .line-bx > .copy-type1 > span .tit-type1{color:#333}
.office-info .line-bx > .copy-type1 > span .tit-type1 > span{font-size:23px;font-size:2.3rem;line-height:1.217}
.office-info .line-bx > .copy-type1 > span .copy-type1 span{line-height:1.7}
/*! 관련구성원 swiper */
.prof-section{padding:33px 0 0;padding:3.3rem 0 0}
.prof-section .tit-type1{margin-top:0}
.prof-data{margin:0 20px;margin:0 2rem}
.prof-data ul{padding-top:23px;padding-top:2.3rem}
.prof-data ul li{width:-webkit-calc(100% / 2 - 10px);width:calc(100% / 2 - 10px);margin-right:20px;margin-right:2rem}
.prof-data ul li a{display:block;position:relative}
.prof-data ul li a .img img{width:100%}
.prof-data ul li a .txt1{padding:17px 0 4px;padding:1.7rem 0 0.4rem;font-size:16px;font-size:1.6rem;line-height:1.3125;font-weight:500;color:#333}
.prof-data ul li a .txt2{padding:0 0 7px;padding:0 0 0.7rem;font-size:14px;font-size:1.4rem;line-height:1.357;color:#999}
.prof-data ul li a .txt3{padding:0 0 6px;padding:0 0 0.6rem;font-size:14px;font-size:1.4rem;line-height:1.357;color:#333}
.prof-data ul li a.email{display:block;position:absolute;right:0;right:0;bottom:0;bottom:0;width:40px;width:4rem;height:40px;height:4rem;background:url("../image/ico_email1_mo.png") no-repeat 0 0;background-size:100% 100%}
.prof-data .swiper-scrollbar-container{position:relative;max-width:1240px;max-width:124rem;overflow:hidden;margin:0 auto}
.prof-data .swiper-scrollbar{height:2px;margin:45px 0 15px 0;margin:4.5rem 0 1.5rem 0}
.prof-data .swiper-scrollbar .swiper-scrollbar-drag:after{content:'=';display:block;position:absolute;top:50%;right:0;margin-top:-15px;margin-top:-1.5rem;width:30px;width:3rem;height:30px;height:3rem;font-size:20px;font-size:2rem;line-height:30px;line-height:3rem;border-radius:30px;border-radius:3rem;-webkit-box-shadow:0 0 5px #dcdcdc;box-shadow:0 0 5px #dcdcdc;text-align:center;background:#fff}
.prof-data .swiper-scrollbar .swiper-scrollbar-drag .bg-bar{display:block;position:absolute;width:100%;height:100%;right:100%;background:rgba(0, 0, 0, 0.5)}

    /*! 업무분야 - 상세 - 주요 구성원 swiper */
    .prof-data ul{padding-top:23px;padding-top:2.3rem}
    .prof-data ul li{width:-webkit-calc(100% / 2 - 10px);width:calc(100% / 2 - 10px);margin-right:20px;margin-right:2rem}
    .prof-data ul li a{display:block;position:relative}
    .prof-data ul li .img img{width:100%}
    .prof-data ul li .txt1{padding:17px 0 4px;padding:1.7rem 0 0.4rem;font-size:16px;font-size:1.6rem;line-height:1.3125;font-weight:500;color:#333}
    .prof-data ul li .txt2{padding:0 0 7px;padding:0 0 0.7rem;font-size:14px;font-size:1.4rem;line-height:1.357;color:#999}
    .prof-data ul li .txt3{padding:0 0 6px;padding:0 0 0.6rem;font-size:14px;font-size:1.4rem;line-height:1.357;color:#333}
    .prof-data ul li .email{display:block;position:absolute;right:0;right:0;bottom:0;bottom:0;width:40px;width:4rem;height:40px;height:4rem;background:url("../image/ico_email1_mo.png") no-repeat 0 0;background-size:100% 100%}
    .prof-data .swiper-scrollbar-container{position:relative;max-width:1240px;max-width:124rem;overflow:hidden;margin:0 auto}
    .prof-data .swiper-scrollbar{height:2px;margin:45px 0 15px 0;margin:4.5rem 0 1.5rem 0}
    .prof-data .swiper-scrollbar .swiper-scrollbar-drag{width:50px}
    .prof-data .swiper-scrollbar .swiper-scrollbar-drag:after{content:'=';display:block;position:absolute;top:50%;right:0;margin-top:-15px;margin-top:-1.5rem;width:30px;width:3rem;height:30px;height:3rem;font-size:20px;font-size:2rem;line-height:30px;line-height:3rem;border-radius:30px;border-radius:3rem;-webkit-box-shadow:0 0 5px #dcdcdc;box-shadow:0 0 5px #dcdcdc;text-align:center;background:#fff}
    .prof-data .swiper-scrollbar .swiper-scrollbar-drag .bg-bar{display:block;position:absolute;width:100%;height:100%;right:100%;background:rgba(0, 0, 0, 0.5)}
/*! 연혁 */
.history-wrap .step-bx{position:relative;overflow:hidden;width:100%;height:100vh;background-repeat:no-repeat;background-position:left top;background-size:100% 100%}
/* .history-wrap .step01{background-image:url("../images/about/img_visual_history01_mo.jpg")}
.history-wrap .step02{background-image:url("../images/about/img_visual_history02_mo.jpg")}
.history-wrap .step03{background-image:url("../images/about/img_visual_history03_mo.jpg")}
.history-wrap .step04{background-image:url("../images/about/img_visual_history04_mo.jpg")} */

.history-bg-mo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top center;
}

.history-bg-pc {
    display: none;
}

.history-bx .year-subject{position:absolute;left:20px;left:2rem;top:120px;top:12rem;width:100%;color:#fff}
.history-bx .year-subject .year{margin-bottom:44px;margin-bottom:4.4rem;font-size:26px;font-size:2.6rem;font-weight:700;color:#fff}
.history-bx .year-subject .eng-tit{margin-bottom:14px;margin-bottom:1.4rem;font-size:18px;font-size:1.8rem;font-weight:300;opacity:.7}
.history-bx .year-subject .tit{font-size:32px;font-size:3.2rem;font-weight:500;line-height:1.4}
.history-bx .year-info{width:90%;left:20px;left:2rem;margin-top:32px;margin-top:3.2rem}
.history-bx .year-info li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:6px;margin-bottom:0.6rem;font-size:14px;font-size:1.4rem;line-height:1.7}
.history-bx .year-info li:last-child{margin-bottom:0}
.history-bx .year-info li strong{display:inline-block;font-weight:700}
.history-bx .year-info li span{position:relative;display:inline-block;padding-left:19px;padding-left:1.9rem;vertical-align:-2px;vertical-align:-0.2rem}
.history-bx .year-info li span:before{content:'';position:absolute;left:4px;left:0.4rem;top:11px;top:1.1rem;width:6px;width:0.6rem;height:1px;margin:0 8px 0 4px;margin:0 0.8rem 0 0.4rem;vertical-align:middle;background-color:#fff;vertical-align:5px;vertical-align:0.5rem}
.history-wrap .swiper-scrollbar-container{position:absolute;left:165px;left:16.5rem;bottom:88px;bottom:8.8rem;width:-webkit-calc(100% - 165px);width:calc(100% - 165px);width:-webkit-calc(100% - 16.5rem);width:calc(100% - 16.5rem);z-index:2}
.history-wrap .swiper-scrollbar{height:2px;background:rgba(255, 255, 255, 0.5);overflow:hidden}
.history-wrap .swiper-scrollbar .swiper-scrollbar-drag{background-color:#fff;opacity:1}
.history-wrap .swiper-scrollbar .swiper-scrollbar-drag:before{content:'';display:block;position:absolute;width:1000%;height:100%;left:-1000%;background-color:#fff;opacity:1}
.history-wrap .swiper-pagination{position:absolute;bottom:77px;bottom:7.7rem;width:auto;left:115px;left:11.5rem;font-size:14px;font-size:1.4rem;color:#a4a3a4}
.history-wrap .swiper-pagination .swiper-pagination-current{font-size:18px;font-size:1.8rem;color:#fff;opacity:1;position:relative;top:-3px;top:-0.3rem;padding-right:3px;padding-right:0.3rem}
.history-wrap .swiper-pagination .swiper-pagination-total{font-size:18px;font-size:1.8rem;color:#fff;opacity:0.5;position:relative;top:-3px;top:-0.3rem;padding-left:4px;padding-left:0.4rem}
.history-wrap .swiper-button-area{position:absolute;bottom:70px;bottom:7rem;left:20px;left:2rem}
.history-wrap .swiper-button-next,.history-wrap .swiper-button-prev{position:relative;left:0;top:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:36px;width:3.6rem;height:36px;height:3.6rem;border:1px solid #fff;border-radius:40px;border-radius:4rem;margin:0 9px 0 0;margin:0 0.9rem 0 0;-webkit-box-shadow:10px 10px 30px 3px rgba(59, 56, 55, 0.15);box-shadow:10px 10px 30px 3px rgba(59, 56, 55, 0.15)}
.history-wrap .swiper-button-next:after{font-size:0;margin-left:-3px;margin-left:-0.3rem;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:10px;width:1rem;height:10px;height:1rem;border-top:2px solid #fff;border-top:0.2rem solid #fff;border-right:2px solid #fff;border-right:0.2rem solid #fff}
.history-wrap .swiper-button-prev:after{font-size:0;margin-right:-3px;margin-right:-0.3rem;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);width:10px;width:1rem;height:10px;height:1rem;border-top:2px solid #fff;border-top:0.2rem solid #fff;border-right:2px solid #fff;border-right:0.2rem solid #fff}
.history-wrap .swiper-button-next.swiper-button-disabled,.history-wrap .swiper-button-prev.swiper-button-disabled{border:1px solid #fff;background-color:transparent;opacity:.5;-webkit-box-shadow:none;box-shadow:none}
.history-wrap .swiper-button-next.swiper-button-disabled:after,.history-wrap .swiper-button-prev.swiper-button-disabled:after{width:10px;width:1rem;height:10px;height:1rem;border-top:2px solid #fff;border-top:0.2rem solid #fff;border-right:2px solid #fff;border-right:0.2rem solid #fff}
.history-wrap .swiper-button-next:active,.history-wrap .swiper-button-prev:active{background-color:#fff}
.history-wrap .swiper-button-next:active:after,.history-wrap .swiper-button-prev:active:after{width:10px;width:1rem;height:10px;height:1rem;border-top:2px solid #020202;border-top:0.2rem solid #020202;border-right:2px solid #020202;border-right:0.2rem solid #020202}
.history-wrap .scrollbar-inner{width:100%;max-height:150px;max-height:15rem}
.history-wrap .scrollbar-inner .scroll-element.scroll-y{top:2%;height:96%}
.history-wrap .scrollbar-inner .inner{overflow:hidden;padding:0 10px 0 0;padding:0 1rem 0 0}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
.m-show{display:none!important}
.m-hide{display:block!important}
/*! 폰트 */
.fnt-group1{position:relative;margin-top:96px;margin-top:9.6rem}
.fnt-group1:first-child{margin-top:0}
.fnt-group1 .fnt1{font-size:18px;font-size:1.8rem;color:#2594c0;font-weight:500}
.fnt-group1 .fnt2{font-size:36px;font-size:3.6rem;line-height:1.3;color:#333;font-weight:500}
.fnt-group1 .fnt2.white{color:#fff}
.fnt-group1 .fnt3{padding-bottom:35px;padding-bottom:3.5rem;font-size:16px;font-size:1.6rem;line-height:1.4;color:#333;font-weight:300}
.fnt-group1 .fnt1 + .fnt2{margin-top:20px;margin-top:2rem}
.fnt-group1 .fnt1 + .fnt3{margin-top:20px;margin-top:2rem}
.fnt-group1 .fnt2 + .fnt3{margin-top:20px;margin-top:2rem}
.fnt-group1 a{position:absolute;right:0;right:0;top:10px;top:1rem}
.fnt-group1 a > span{font-size:16px;font-size:1.6rem;line-height:1.625;color:#333;vertical-align:middle}
.fnt-group1 a > span.white{color:#fff}
.fnt-group1 a i{vertical-align:-3px;vertical-align:-0.3rem;margin-left:-2px;margin-left:-0.2rem}
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1239px){
.fnt-group1 a{right:0}
}
@media (min-width: 1024px){
.tit-type1{font-size:28px;font-size:2.8rem;line-height:1.3;font-weight:500}
.tit-type1 .name{color:#2594c0}
.tit-type1 + .copy-type1{margin-top:25px;margin-top:2.5rem}
.tit-type1.mgt{margin-top:80px;margin-top:8rem}
.tit-type1 > .sub-txt{display:inline-block;font-size:16px;font-size:1.6rem;font-weight:300;color:#666;margin-left:8px;margin-left:0.8rem;vertical-align:2px;vertical-align:0.2rem}
.tit-type1 > .sub-txt:before{content:'*';display:inline-block;margin-right:2px;margin-right:0.2rem}
.copy-type1{font-size:18px;font-size:1.8rem}
.copy-bx{width:1240px;width:124rem;margin:0 auto;margin-top:36px;margin-top:3.6rem;text-align:left;padding-left:268px;padding-left:26.8rem;color:#333;line-height:1.5;font-weight:400;opacity:0;letter-spacing:-1px;letter-spacing:-0.1rem}
.copy-bx p{font-size:18px;font-size:1.8rem}
.copy-bx p + p{margin-top:10px;margin-top:1rem}
.ani *{-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}
/*! 태평양 소개 */
.law-summary-container .scroll .copy-bx{-webkit-transition:opacity 0.6s ease-in;-o-transition:opacity 0.6s ease-in;transition:opacity 0.6s ease-in;opacity:1}
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1239px){
.law-summary-container .copy-bx{max-width:1024px;padding:0}
}
@media (min-width: 1024px){
.intro-list{margin-top:51px;margin-top:5.1rem}
.intro-list li{float:left;width:20%;border-right:1px solid #ddd;text-align:center}
.intro-list li:last-child{border-right:0}
.intro-list li span[class^="ico-"]{display:block;height:92px;height:9.2rem}
.intro-list li span[class^="ico-"]:before{position:relative;content:"";display:block;margin:0 auto;background-position:left top;background-repeat:no-repeat}
.intro-list li .ico-intro01:before{top:-1px;width:85px;width:8.5rem;height:72px;height:7.2rem;background-image:url("../image/ico_introduce01.png")}
.intro-list li .ico-intro02:before{top:-9px;top:-0.9rem;width:81px;width:8.1rem;height:79px;height:7.9rem;background-image:url("../image/ico_introduce02.png")}
.intro-list li .ico-intro03:before{top:-4px;top:-0.4rem;width:84px;width:8.4rem;height:69px;height:6.9rem;background-image:url("../image/ico_introduce03.png")}
.intro-list li .ico-intro04:before{top:-10px;top:-1rem;width:89px;width:8.9rem;height:81px;height:8.1rem;background-image:url("../image/ico_introduce04.png")}
.intro-list li .ico-intro05:before{top:-8px;top:-0.8rem;width:70px;width:7rem;height:77px;height:7.7rem;background-image:url("../image/ico_introduce05.png")}
.intro-list li strong{font-size:20px;font-size:2rem}
.intro-ci-wrap{padding:182px 0 0 0;padding:18.2rem 0 0 0}
.intro-ci-wrap .fnt-group1 .fnt1{font-weight:400}
.intro-ci-wrap ul{margin-top:25px;margin-top:2.5rem}
.intro-ci-wrap ul{margin-top:25px;margin-top:2.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.intro-ci-wrap li{width:100%;height:230px;height:23rem;margin-right:2.5%}
.intro-ci-wrap li:last-child{margin-right:0}
.intro-ci-wrap li .bx-logo{display:table;width:100%;height:178px;height:17.8rem;border:1px solid #ddd;text-align:center;background:url("../image/bg_ci-logo.gif") repeat left top}
.intro-ci-wrap li .bx-logo .ci-logo{display:table-cell;vertical-align:middle}
.intro-ci-wrap li .type-logo{height:49px;height:4.9rem;padding-right:38px;padding-right:3.8rem;border-width:0 1px 1px 1px;border-style:solid;border-color:#ddd;text-align:right;background:#fff}
.intro-ci-wrap li .type-logo span{font-size:16px;font-size:1.6rem;line-height:3}
.public-list-wrap{position:relative;margin-top:80px;margin-top:8rem}
.public-list{margin-top:22px;margin-top:2.2rem}
.public-list li{padding:48px 48px 49px 134px;padding:4.8rem 4.8rem 4.9rem 13.4rem;border-bottom:1px solid #ddd}
.public-list li:last-child{padding-bottom:0;border-bottom:0}
.public-list li .num{position:absolute;left:37px;left:3.7rem;width:51px;width:5.1rem;height:58px;height:5.8rem;font-size:44px;font-size:4.4rem;color:#666;font-weight:300;background:url("../image/bg_num.png") no-repeat right bottom}
.public-list li strong{display:block;margin-bottom:11px;margin-bottom:1.1rem;color:#2594c0;font-size:20px;font-size:2rem}
.public-list li p{color:#666;font-size:16px;font-size:1.6rem}
.public-list li p span{color:#2594c0;vertical-align:0}
/*! story-info-wrap */
.story-info-wrap{overflow:hidden}
.story-info-wrap .story-info-inner{padding-top:80px;padding-top:8rem}
.story-info-wrap .story-info-bx .txt-bx,.story-info-wrap .story-info-bx .v-img{position:absolute;z-index:1}
.story-info-wrap .story-info-bx{position:relative;height:600px;height:60rem}
.di-info-wrap .story-info-bx { height: 540px; height: 54rem; }
.story-info-wrap .txt-bx{overflow:hidden;left:50%;top:-77px;top:-7.7rem;width:1240px;width:124rem;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}
.story-info-wrap .txt-bx .fnt2{font-size:35px;font-size:3.5rem;line-height:1.4}
.story-info-wrap .v-img-bx{overflow:hidden;position:absolute;left:50%;top:0;width:1240px;width:124rem;height:600px;height:60rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.di-info-wrap .v-img-bx { height:540px; height:54rem; }
.story-info-wrap .v-img-bx .v-img{
    left:50%;top:0;top:0;width:1920px;width:192rem;height:100%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);
    /* background:url("../images/about/img_v_story.jpg") no-repeat left top; */
    background-size:100%;
}

.story-info-wrap .v-img-bx .v-img.pc {
    display: block;
}
.story-info-wrap .v-img-bx .v-img.mo {
    display: none;
}

.story-info-wrap .v-img-bx .v-txt{position:absolute;left:0;bottom:-117px;bottom:-11.7rem;width:1240px;width:124rem;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:2}
.story-info-wrap .v-img-bx .v-txt i{display:block;width:538px;width:53.8rem;height:107px;height:10.7rem;background:url("../image/img_story_txt.png") no-repeat left top;background-size:100%}
/*! Scroll Event */
.story-info-wrap .story-info-inner.scroll{padding:0}
.story-info-wrap .story-info-inner.scroll .txt-bx{top:0;top:0;padding-top:70px;padding-top:7rem}
.story-info-wrap .story-info-inner.scroll .v-img-bx{width:1920px;width:192rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1239px){
.story-info-wrap .txt-bx{max-width:1024px}
}
@media (min-width: 1024px){
.philosophy-wrap{padding:182px 0 0 0;padding:18.2rem 0 0 0}
.philosophy-wrap .fnt-group1 .fnt1{font-weight:400}
.philosophy-wrap .fnt-group1 .fnt3{padding:0;font-weight:400;font-size:18px;font-size:1.8rem;line-height:1.5}
.philosophy-wrap .operation-list{position:relative;height:1410px;height:141rem}
.philosophy-wrap .operation-list [class^="list-"]{position:absolute}
.philosophy-wrap .operation-list [class^="list-"] .txt-area{position:relative;width:-webkit-calc(100% - 60px);width:calc(100% - 60px);font-weight:500;bottom:180px;bottom:18rem;margin-left:60px;padding:48px 0 5px 49px;padding:4.8rem 0 0.5rem 4.9rem;font-size:16px;font-size:1.6rem;background-color:#fff}
.philosophy-wrap .operation-list [class^="list-"] .txt-area strong{display:block;margin-bottom:33px;margin-bottom:3.3rem;font-size:18px;font-size:1.8rem;color:#2594c0}
.philosophy-wrap .operation-list [class^="list-"] .txt-area .txt01{margin-bottom:9px;margin-bottom:0.9rem;font-size:24px;font-size:2.4rem;color:#333;line-height:1.4}
.philosophy-wrap .operation-list [class^="list-"] .txt-area .txt02{font-weight:300;line-height:1.625}
.philosophy-wrap .operation-list [class^="list-"] .img-area img{max-width:100%}
.philosophy-wrap .operation-list .list-item01{left:0;top:136px;top:13.6rem;width:480px;width:48rem}
.philosophy-wrap .operation-list .list-item02{right:0;top:-50px;top:-5rem;width:506px;width:50.6rem}
.philosophy-wrap .operation-list .list-item03{right:0;top:780px;top:78rem;width:640px;width:64rem}
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1239px){
.philosophy-wrap .operation-list [class^="list-"] .img-area{width:100%}
.philosophy-wrap .operation-list [class^="list-"] .txt-area{position:relative;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);margin-left:40px}
.philosophy-wrap .operation-list .list-item03{width:540px;width:54rem}
}
@media (min-width: 1024px){
.network-wrap{overflow:hidden;padding:40px 0 0 0;padding:4rem 0 0 0}
.network-wrap .network-bx .txt-bx,.network-wrap .network-bx .v-img{position:absolute;z-index:1}
.network-wrap .network-bx{position:relative;height:563px;height:56.3rem}
.network-wrap .network-bx .txt-bx{overflow:hidden;top:270px;top:27rem;left:50%;width:100%;max-width:1240px;max-width:124rem;margin-left:-620px;margin-left:-62rem;z-index:2}
.network-wrap .network-bx .txt-bx .fnt-group1 .fnt2{font-size:46px;font-size:4.6rem}
.network-wrap .network-bx .v-img-bx{overflow:hidden;position:absolute;left:50%;top:0;width:1920px;width:192rem;height:563px;height:56.3rem;margin-left:-960px;margin-left:-96rem}
.network-wrap .network-bx .v-img-bx .v-img{
    left:0;top:0;top:0;width:1580px;width:158rem;height:100%;
    /* background:url("../images/about/img_network.jpg") no-repeat left top; */
    background-repeat: no-repeat;
    background-position: left top;
    background-size:auto;
}

.network-wrap .network-bx .v-img-bx .v-img.pc {
    display: block;
}
.network-wrap .network-bx .v-img-bx .v-img.mo {
    display: none;
}

/*! Scroll Event */
.network-wrap .network-inner.scroll .v-img-bx{width:1920px;width:192rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.network-wrap .network-inner.scroll .v-img-bx .v-img{width:1920px;width:192rem}
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1239px){
.network-wrap .network-inner.scroll .network-bx .txt-bx{max-width:1024px}
.network-wrap .network-inner.scroll .network-info-bx{height:667px;height:66.7rem}
}
@media (min-width: 1024px){
.brochure-download{position:relative;height:80px;height:8rem;margin-top:80px;margin-top:8rem;padding:0 0 0 175px;padding:0 0 0 17.5rem;background-color:#e9f4f9}
.brochure-download .ico-brochure-book{position:absolute;left:40px;left:4rem;top:-39px;top:-3.9rem;width:92px;width:9.2rem;height:120px;height:12rem;background:url("../image/ico-brochure-book.png") no-repeat left top;background-size:100%}
.brochure-download{display:table;width:100%}
.brochure-download .txt-bx{display:table-cell;vertical-align:middle}
.brochure-download strong{font-size:20px;font-size:2rem;color:#333}
.brochure-download strong:after{content:'';display:inline-block;width:1px;height:20px;height:2rem;margin:0 15px;margin:0 1.5rem;background-color:#ddd}
.brochure-download .txt{display:inline-block;font-size:16px;font-size:1.6rem;color:#666;line-height:1.625}
.brochure-download .btn{position:absolute;right:40px;right:4rem;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}
.brochure-download .btn span{line-height:1.5}
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1239px){
.brochure-download .txt{width:500px;width:50rem}
}
@media (min-width: 1024px){
/*! 주요수상내역 */
.accordion-list li{position:relative}
.accordion-list li:after,.accordion-list li:before{content:'';position:absolute;left:0;width:100%;height:1px;background:#eee}
.accordion-list li:before{top:-1px}
.accordion-list li:after{bottom:0}
.accordion-list li:first-child:before{display:none}
.accordion-list .accordion-btn{width:100%;font-size:42px;font-size:4.2rem;padding:35px 0 28px 20px;padding:3.5rem 0 2.8rem 2rem;color:#999;font-weight:300;text-align:left}
.accordion-list .accordion-btn .bu{display:block;position:absolute;right:22px;right:2.2rem;top:45%;width:18px;width:1.8rem;height:18px;height:1.8rem;border-top:1px solid #999;border-right:1px solid #999;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}
.accordion-list .accordion-desc{display:none;padding:40px 0 7px 0;padding:4rem 0 0.7rem 0}
.accordion-list .accordion-desc .award-bx{overflow:hidden;padding:0 58px;padding:0 5.8rem;display:table;width:100%;text-align:left}
.accordion-list .accordion-desc .award-bx .award-item{display:inline-table;vertical-align:top;text-align:center;margin:0 auto;margin-bottom:75px;margin-bottom:7.5rem;width:33%}
.accordion-list .accordion-desc .award-bx .award-item .award-logo{margin-bottom:40px;margin-bottom:4rem}
.accordion-list .accordion-desc .award-bx .award-item strong{display:block;margin-bottom:12px;margin-bottom:1.2rem;font-size:22px;font-size:2.2rem;color:#333;font-weight:500}
.accordion-list .accordion-desc .award-bx .award-item p{font-size:16px;font-size:1.6rem;color:#666;line-height:1.625}
.accordion-list li.open:after,.accordion-list li.open:before{background:#2594c0;z-index:2}
.accordion-list li.open .accordion-btn{color:#2594c0}
.accordion-list li.open .accordion-btn .bu{border-top:1px solid #2e98c2;border-right:1px solid #2e98c2;-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}
.accordion-list li.open .accordion-desc{display:block}
.accordion-list li.align-h .accordion-desc .award-bx .award-item{min-height:410px;min-height:41rem;margin-bottom:63px;margin-bottom:6.3rem}
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1239px){
.accordion-list li .accordion-desc .award-bx .award-item{min-height:375px;min-height:37.5rem}
.accordion-list li.align-h .accordion-desc .award-bx .award-item{min-height:450px;min-height:45rem;margin-bottom:23px;margin-bottom:2.3rem}
}
@media (min-width: 1024px){
/*! 사무소 위치 */
.top-visual.office-loc .page-tit1 h1{font-size:16px;font-size:1.6rem}
.top-visual.office-loc .page-tit1 strong{font-size:46px;font-size:4.6rem;font-weight:500}
.top-visual.office-loc .office-visual .visual-area{position:relative;width:100%;margin:0 auto;height:500px;height:50rem;overflow:hidden;background-size:150% 150%;background-position:50% 50%}
.top-visual.office-loc .office-visual .visual-area.pc{display:block}
.top-visual.office-loc .office-visual .visual-area.mo{display:none}
.tab-nav-container.map-list{margin-bottom:80px;margin-bottom:8rem}
.tab-nav-container.map-list .tab-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.tab-nav-container.map-list .tab-nav .tab-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:20%;height:50px;height:5rem;padding:1px;padding:0.1rem}
.tab-nav-container.map-list .tab-nav .tab-link .txt{font-size:18px;font-size:1.8rem;font-weight:500}
.tab-nav-container.map-list .tab-nav .tab-link.on .txt{font-weight:500}
.location-swiper-wrap{position:relative;width:100%;max-width:1440px;max-width:144rem;margin:0 auto;padding:0 100px 0 100px;padding:0 10rem 0 10rem;margin-bottom:80px;margin-bottom:8rem}
.location-swiper-wrap .location-item{height:80px;height:8rem;padding:0 1px;padding:0 0.1rem}
.location-swiper-wrap .location-item:first-child{padding-left:0}
.location-swiper-wrap .location-item:last-child{padding-right:0}
.location-swiper-wrap .location-item .tab-link{display:table;width:100%;height:100%;text-align:center;background-color:#f5f5f5;-webkit-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out}
.location-swiper-wrap .location-item .tab-link .txt{font-size:20px;font-size:2rem;font-weight:300;display:table-cell;color:#666}
.location-swiper-wrap .location-item .tab-link .hide-txt{display:none}
.location-swiper-wrap .location-item .tab-link.on{background-color:#2594c0}
.location-swiper-wrap .location-item .tab-link.on .hide-txt{display:inline-block}
.location-swiper-wrap .location-item .tab-link .txt,.location-swiper-wrap .location-item .tab-link .txt:active,.location-swiper-wrap .location-item .tab-link .txt:focus,.location-swiper-wrap .location-item .tab-link .txt:hover{color:#666}
.location-swiper-wrap .location-item .tab-link.on .txt,.location-swiper-wrap .location-item .tab-link.on .txt:active,.location-swiper-wrap .location-item .tab-link.on .txt:focus,.location-swiper-wrap .location-item .tab-link.on .txt:hover{color:#fff}
.location-swiper-wrap .swiper-button-next,.location-swiper-wrap .swiper-button-prev{width:40px;width:4rem;height:40px;height:4rem;border:1px solid #ddd;background-color:#fff;border-radius:20px;border-radius:2rem;margin-top:-20px;margin-top:-2rem}
.location-swiper-wrap .swiper-button-next:after,.location-swiper-wrap .swiper-button-prev:after{font-size:0;width:8px;width:0.8rem;height:8px;height:0.8rem;border-top:2px solid #999;border-top:0.2rem solid #999;border-right:2px solid #999;border-right:0.2rem solid #999}
.location-swiper-wrap .swiper-button-next.swiper-button-disabled,.location-swiper-wrap .swiper-button-prev.swiper-button-disabled{border:1px solid #ccc;background-color:#f9f9f9;-webkit-box-shadow:none;box-shadow:none;opacity:1}
.location-swiper-wrap .swiper-button-next.swiper-button-disabled:after,.location-swiper-wrap .swiper-button-prev.swiper-button-disabled:after{width:8px;width:0.8rem;height:8px;height:0.8rem;border-top:2px solid #ddd;border-top:0.2rem solid #ddd;border-right:2px solid #ddd;border-right:0.2rem solid #ddd}
.location-swiper-wrap .swiper-button-next:after{margin-left:-3px;margin-left:-0.3rem;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.location-swiper-wrap .swiper-button-prev:after{margin-right:-3px;margin-right:-0.3rem;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.location-swiper-wrap .swiper-button-next:active,.location-swiper-wrap .swiper-button-next:focus,.location-swiper-wrap .swiper-button-next:hover,.location-swiper-wrap .swiper-button-prev:active,.location-swiper-wrap .swiper-button-prev:focus,.location-swiper-wrap .swiper-button-prev:hover{border-color:#2594c0;background-color:#2594c0;-webkit-box-shadow:7px 10px 20px 0 rgba(59, 56, 55, 0.15);box-shadow:7px 10px 20px 0 rgba(59, 56, 55, 0.15);box-shadow:7px 10px 20px 0 rgba(59, 56, 55, 0.15)}
.location-swiper-wrap .swiper-button-next:active:after,.location-swiper-wrap .swiper-button-next:focus:after,.location-swiper-wrap .swiper-button-next:hover:after,.location-swiper-wrap .swiper-button-prev:active:after,.location-swiper-wrap .swiper-button-prev:focus:after,.location-swiper-wrap .swiper-button-prev:hover:after{border-color:#fff}
.location-swiper-wrap .swiper-button-next,.location-swiper-wrap .swiper-container-rtl .swiper-button-prev{right:42px}
.location-swiper-wrap .swiper-button-prev,.location-swiper-wrap .swiper-container-rtl .swiper-button-next{left:42px}
.map-zone-bx{margin-top:40px;margin-top:4rem}
.map-zone-bx .map-api{position:relative;width:100%;height:500px;height:50rem;background-color:transparent}
.map-zone-bx .map-api .img-zone{border:1px solid #ddd}
.map-zone-bx .map-api .img-zone img{width:100%}
.map-zone-bx .map-api .iframe-zone{position:absolute;left:0;top:0;width:100%;height:100%}
.map-zone-bx .map-api .iframe-zone iframe{width:100%;height:100%}
.map-zone-bx .map-info{position:relative;padding:58px 0;padding:5.8rem 0;color:#333;border-bottom:1px solid #ddd}
.map-zone-bx .map-info .addr-txt{width:80%;line-height:1.4;font-size:24px;font-size:2.4rem;font-weight:500;margin-bottom:19px;margin-bottom:1.9rem}
.map-zone-bx .map-info .addr-num span{font-size:18px;font-size:1.8rem}
.map-zone-bx .map-info .addr-num span:after{content:'';display:inline-block;width:1px;height:14px;height:1.4rem;margin:0 14px;margin:0 1.4rem;background:#ddd}
.map-zone-bx .map-info .addr-num span:last-child:after{display:none}
.map-zone-bx .map-info .addr-num span em{margin-right:8px;margin-right:0.8rem;font-weight:700;vertical-align:0}
.map-zone-bx .map-info .location-link{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
/*! Popup Location */
.popup-wrap .popup-dialog.popup-location{max-width:1240px;max-width:124rem}
.popup-wrap .popup-dialog.popup-location .popup-header{padding:0;padding:0;border:0;text-align:center}
.popup-wrap .popup-dialog.popup-location .popup-container{-webkit-box-shadow:20px 20px 40px 0 rgba(0, 0, 0, 0.2);box-shadow:20px 20px 40px 0 rgba(0, 0, 0, 0.2);-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1)}
.popup-wrap .popup-dialog.popup-location .popup-container .popup-content{padding:0;padding:0}
.popup-wrap .popup-dialog.popup-location .popup-container .popup-content .layer-bx{width:1238px;width:123.8rem;height:500px;height:50rem}
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1239px){
.popup-wrap .popup-dialog.popup-location{max-width:1024px;max-height:413px}
.popup-wrap .popup-dialog.popup-location .popup-container .popup-content .layer-bx{width:100%;height:100%}
}
@media (min-width: 1024px){
.office-info .line-bx{padding:49px 0 60px;padding:4.9rem 0 6rem;border-bottom:1px solid #ddd}
.office-info .line-bx .copy-type1{margin-top:20px;margin-top:2rem;font-size:16px;font-size:1.6rem;color:#666}
.office-info .line-bx .copy-type1 span{line-height:1.625}
.office-info .line-bx .copy-type1 span + span{display:inline-block;margin-top:10px;margin-top:1rem}
.office-info .line-bx .coming{margin-top:42px;margin-top:4.2rem}
.office-info .line-bx .tit-type1 + .coming{margin-top:22px;margin-top:2.2rem}
.office-info .line-bx .coming dt{margin-bottom:11px;margin-bottom:1.1rem;font-size:18px;font-size:1.8rem;color:#2594c0;font-weight:500}
.office-info .line-bx .coming dd:before{content:'';display:inline-block;vertical-align:5px;width:3px;width:0.3rem;height:3px;height:0.3rem;margin-right:3px;margin-right:0.3rem;background-color:#0a4365}
.office-info .line-bx .coming dd{font-size:16px;font-size:1.6rem;color:#666;line-height:1.625}
.office-info .line-bx .coming dd span:before{content:'';display:inline-block;margin:0 8px;margin:0 0.8rem;width:8px;width:0.8rem;height:8px;height:0.8rem;border-width:20px;border-width:2rem;border-style:solid;border-color:#999;border-width:2px 2px 0 0;border-width:0.2rem 0.2rem 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);vertical-align:2px}
.office-info .line-bx .coming dd span:first-child:before{display:none}
.office-info .line-bx .coming.subway dd:before{content:'1';display:inline-block;width:20px;width:2rem;height:20px;height:2rem;color:#fff;background-color:#225ed6;text-align:center;font-size:14px;font-size:1.4rem;border-radius:10px;border-radius:1rem;line-height:1.4}
/*! 사무소위치 - 유의사항 관련 스타일 */
.office-info .line-bx > .copy-type1{margin-top:0;margin-top:0;font-size:16px;font-size:1.6rem;color:#666}
.office-info .line-bx > .copy-type1 > span .tit-type1{color:#333}
.office-info .line-bx > .copy-type1 > span .tit-type1 > span{line-height:1.3}
.office-info .line-bx > .copy-type1 > span .copy-type1{line-height:1.15}
/*! 관련구성원 swiper */
.prof-section{padding:49px 0 0;padding:4.9rem 0 0}
.prof-data ul{padding-top:23px;padding-top:2.3rem}
.prof-data ul li{width:-webkit-calc(100% / 5);width:calc(100% / 5);margin-right:30px;margin-right:3rem;padding-bottom:5px;padding-bottom:0.5rem}
.prof-data ul li a{display:block;position:relative}
.prof-data ul li a .img img{width:100%}
.prof-data ul li a .txt1{padding:14px 0 0 2px;padding:1.4rem 0 0 0.2rem;font-size:20px;font-size:2rem;line-height:1.5;font-weight:500;color:#333}
.prof-data ul li a .txt2{padding:0 0 0 2px;padding:0 0 0 0.2rem;font-size:16px;font-size:1.6rem;line-height:1.625;color:#999}
.prof-data ul li a .txt3{padding:0 0 10px 2px;padding:0 0 1rem 0.2rem;font-size:16px;font-size:1.6rem;line-height:1.625;color:#333}
.prof-data ul li a.email{display:block;position:absolute;right:0;right:0;bottom:5px;bottom:0.5rem;width:48px;width:4.8rem;height:48px;height:4.8rem;background:url("../image/ico_email1.png") no-repeat 0 0;background-size:100% 100%}
.prof-data .swiper-scrollbar-container{position:relative;max-width:1240px;max-width:124rem;overflow:hidden;margin:0 auto}
.prof-data .swiper-scrollbar{height:2px;margin:45px 0 15px 0;margin:4.5rem 0 1.5rem 0}
.prof-data .swiper-scrollbar .swiper-scrollbar-drag:after{content:'=';display:block;position:absolute;top:50%;right:0;margin-top:-15px;margin-top:-1.5rem;width:30px;width:3rem;height:30px;height:3rem;font-size:20px;font-size:2rem;line-height:30px;line-height:3rem;border-radius:30px;border-radius:3rem;-webkit-box-shadow:0 0 5px #dcdcdc;box-shadow:0 0 5px #dcdcdc;text-align:center;background:#fff}
.prof-data .swiper-scrollbar .swiper-scrollbar-drag::before{content:'';display:block;position:absolute;width:1000%;height:100%;left:-1000%;background:rgba(0, 0, 0, 0.5)}
}
@media (min-width: 1024px) and (max-width: 1239px){
.prof-data ul li a .email{right:10px;right:1rem;bottom:10px;bottom:1rem;width:36px;width:3.6rem;height:36px;height:3.6rem}
}
@media (min-width: 1024px){
/*! 연혁 */
.law-history-container .max-full{max-width:100%}
.history-wrap .step-bx{position:relative;overflow:hidden;width:100%;min-height:980px;height:100vh;background-repeat:no-repeat;background-position:center top;background-size:cover}
/* .history-wrap .step01{background-image:url("../images/about/img_visual_history01.jpg")}
.history-wrap .step02{background-image:url("../images/about/img_visual_history02.jpg")}
.history-wrap .step03{background-image:url("../images/about/img_visual_history03.jpg")}
.history-wrap .step04{background-image:url("../images/about/img_visual_history04.jpg")} */

.history-bg-mo{
    display:none;
}
.history-bg-pc{
    position:absolute;
    top:0;left:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position: top center;
}

.history-bx .year-subject{color:#fff}
.history-bx .year-subject{position:absolute;left:310px;left:31rem;top:24.474%}
.history-bx .year-info,.history-bx .year-subject .eng-tit,.history-bx .year-subject .tit,.history-bx .year-subject .year{position:relative;left:0;left:0}
.history-bx .year-subject .year{top:0;top:0;top:0;top:0;font-size:46px;font-size:4.6rem;font-weight:700;color:#fff}
.history-bx .year-subject .eng-tit{margin-top:69px;margin-top:6.9rem;font-size:28px;font-size:2.8rem;font-weight:300;opacity:.5}
.history-bx .year-subject .tit{margin-top:16px;margin-top:1.6rem;font-size:59px;font-size:5.9rem;font-weight:700}
.history-bx .year-info{margin-top:62px;margin-top:6.2rem;position:relative}
.history-bx .year-info li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:12px;margin-bottom:1.2rem;font-size:18px;font-size:1.8rem}
.history-bx .year-info li:last-child{margin-bottom:0}
.history-bx .year-info li strong{display:inline-block;font-weight:700}
.history-bx .year-info li span{position:relative;padding-left:20px;padding-left:2rem;display:inline-block;vertical-align:-2px;vertical-align:-0.2rem}
.history-bx .year-info li span:before{content:'';position:absolute;top:12px;top:1.2rem;left:3px;left:0.3rem;width:6px;width:0.6rem;height:1px;margin:0 8px 0 4px;margin:0 0.8rem 0 0.4rem;vertical-align:middle;background-color:#fff;vertical-align:5px;vertical-align:0.5rem}
.history-wrap .swiper-scrollbar-container{position:absolute;left:380px;left:38rem;bottom:165px;bottom:16.5rem;width:-webkit-calc(100% - 380px);width:calc(100% - 380px);width:-webkit-calc(100% - 38rem);width:calc(100% - 38rem);z-index:2}
.history-wrap .swiper-scrollbar{height:2px;background:rgba(255, 255, 255, 0.5);overflow:hidden}
.history-wrap .swiper-scrollbar .swiper-scrollbar-drag{background-color:#fff;opacity:1}
.history-wrap .swiper-scrollbar .swiper-scrollbar-drag:before{content:'';display:block;position:absolute;width:1000%;height:100%;left:-1000%;background-color:#fff;opacity:1}
.history-wrap .swiper-pagination{position:absolute;bottom:152px;bottom:15.2rem;left:307px;left:30.7rem;width:auto;font-size:18px;font-size:1.8rem;color:rgba(255, 255, 255, 0.5)}
.history-wrap .swiper-pagination .swiper-pagination-current{font-size:24px;font-size:2.4rem;color:#fff;opacity:1;position:relative;top:-3px;top:-0.3rem;padding-right:5px;padding-right:0.5rem}
.history-wrap .swiper-pagination .swiper-pagination-total{font-size:24px;font-size:2.4rem;color:#fff;opacity:0.5;position:relative;top:-3px;top:-0.3rem;padding-left:7px;padding-left:0.7rem}
.history-wrap .swiper-button-area{width:auto;min-height:60px;min-height:6rem;position:absolute;bottom:135px;bottom:13.5rem;left:135px;left:13.5rem}
.history-wrap .swiper-button-next,.history-wrap .swiper-button-prev{position:relative;left:0;top:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:60px;width:6rem;height:60px;height:6rem;border:1px solid #fff;border-radius:40px;border-radius:4rem;margin:0 13px 0 0;margin:0 1.3rem 0 0;-webkit-box-shadow:10px 10px 30px 3px rgba(59, 56, 55, 0.15);box-shadow:10px 10px 30px 3px rgba(59, 56, 55, 0.15)}
.history-wrap .swiper-button-next:after{font-size:0;margin-left:-3px;margin-left:-0.3rem;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:14px;width:1.4rem;height:14px;height:1.4rem;border-top:2px solid #fff;border-top:0.2rem solid #fff;border-right:2px solid #fff;border-right:0.2rem solid #fff}
.history-wrap .swiper-button-prev:after{font-size:0;margin-right:-3px;margin-right:-0.3rem;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);width:14px;width:1.4rem;height:14px;height:1.4rem;border-top:2px solid #fff;border-top:0.2rem solid #fff;border-right:2px solid #fff;border-right:0.2rem solid #fff}
.history-wrap .swiper-button-next.swiper-button-disabled,.history-wrap .swiper-button-prev.swiper-button-disabled{border:1px solid #fff;background-color:transparent;opacity:.5;-webkit-box-shadow:none;box-shadow:none}
.history-wrap .swiper-button-next.swiper-button-disabled:after,.history-wrap .swiper-button-prev.swiper-button-disabled:after{width:14px;width:1.4rem;height:14px;height:1.4rem;border-top:2px solid #fff;border-top:0.2rem solid #fff;border-right:2px solid #fff;border-right:0.2rem solid #fff}
.history-wrap .swiper-button-next:hover,.history-wrap .swiper-button-prev:hover{background-color:#fff}
.history-wrap .swiper-button-next:hover:after,.history-wrap .swiper-button-prev:hover:after{width:14px;width:1.4rem;height:14px;height:1.4rem;border-top:2px solid #020202;border-top:0.2rem solid #020202;border-right:2px solid #020202;border-right:0.2rem solid #020202}
.history-wrap .scrollbar-inner{width:100%;max-height:190px;max-height:19rem}
.history-wrap .scrollbar-inner .scroll-element.scroll-y{top:2%;height:96%}
.history-wrap .scrollbar-inner .inner{overflow:hidden;padding:0 10px 0 0;padding:0 1rem 0 0}
}
    /*  D & I  */
.only-pc-block { display: block !important;}
.di_bt .en .txt_box .txt_wrap .tt {min-width: 15rem;}
.di_bt .zh .txt_box .txt_wrap .tt {min-width: 9rem;}
.di_bt .ja .txt_box .txt_wrap .tt {min-width: 19rem;}

@media (max-width: 1023px){

    .di-info-wrap .wrap { width: 100%; position: relative; }

    .di-info-wrap .wrap:first-of-type { margin-top: 1rem; }
    .di-info-wrap .wrap:not(:last-of-type) { margin-bottom: 6rem; }
    .di-info-wrap .wrap img { max-width: 85%;  }
    .di-info-wrap .wrap.right_wrap { margin-left: auto; padding-left: 3rem; text-align: left; }
    .di-info-wrap .wrap img { margin-bottom: -11rem; z-index: 1;}
    .di-info-wrap .wrap.left_wrap { margin-right: auto; text-align: right;  padding-right: 3rem; }
    .di-info-wrap .wrap.left_wrap .max-1240 { display: flex; flex-direction: column-reverse; align-items: flex-end; }
    .di-info-wrap .wrap .txt_box { background-color: #f0f7fb; padding: 14rem 3rem 3rem 3rem; }
    .di-info-wrap h5 { font-size: 2.6rem; margin-bottom: 2rem; font-weight: 500; color: #333333; }
    .di-info-wrap .wrap p { font-size: 1.3rem; line-height: 1.55; letter-spacing: -0.045em; font-weight: 100; }
    .di-info-wrap .wrap p br { display: none; }

    .di_bt { position: relative; margin-top: 17rem; }
    .di_bt .top_txt { width: 100%; position: absolute; top: -7.5rem; left: 0; padding: 0 2rem; }
    .di_bt .top_txt .t_txt { font-size: 1.3rem; line-height: 1.55; letter-spacing: -0.025em; }
    .di_bt .frame { display: flex; flex-direction: column-reverse; }
    .di_bt .txt_box { padding: 0 2rem; }
    .di_bt .txt_box .txt_wrap { padding-bottom: 2rem; display: block; }
    .di_bt .txt_box .txt_wrap:not(:last-of-type) { margin-bottom: 2rem; border-bottom: 1px solid #d4d4d4; }
    .di_bt .txt_box .txt_wrap:last-of-type { margin-bottom: 6rem; }
    .di_bt .txt_box .txt_wrap span { display: block; }
    .di_bt .txt_box .txt_wrap .tt { margin-bottom: 2rem; font-size: 1.8rem; margin-right: 5rem; font-weight: 500; color: #2594c0; }
    .di_bt .txt_box .txt_wrap .txt { font-size: 1.2rem; color: #666666; line-height: 1.66; }
    .di_bt .img-box { margin-bottom: 5rem; }
    .di_bt .img-box .pc { display: none; }
    .di_bt .img-box img { width: 100%; }

    .di-info-wrap .bt_txt_box { padding:6.5rem 2rem 5rem 2rem; background-color: #2594c0; margin-bottom: 7rem; }
    .di-info-wrap .bt_txt_box h5 { color: #fff; }
    .di-info-wrap .bt_txt_box p { font-size:1.3rem; margin-bottom: 2.5rem; line-height: 1.5; color: #fff; letter-spacing: -0.025em; }
    .di-info-wrap .bt_txt_box a { width: 140px; padding: 12px 0; font-size: 1.5rem; color: #2594c0; font-weight: 500; background-color: #fff; display: block; text-align: center; }

}

@media screen and (min-width:1023px) and (max-width:1199px) {
    /*  D & I  */
    .di-info-wrap .wrap { width: 90%; height: 32rem; margin-bottom: 17.5rem; background-color: #f0f7fb; position: relative; }

    .di-info-wrap .wrap.list-item03.en,.di-info-wrap .wrap.list-item03.zh {height: 39rem;padding-top: 5rem;}
    .di-info-wrap .wrap.list-item01.zh {height: 39rem;padding-top: 5rem;}

    .di-info-wrap .wrap img { width: 40rem }
    .di-info-wrap .wrap:nth-child(2n){ margin-bottom: 7.5rem; }
    .di-info-wrap .wrap:last-of-type { margin-bottom: 16rem; }
    .di-info-wrap .wrap .max-1240 { display: flex; justify-content: space-between; }
    .di-info-wrap .wrap.right_wrap { padding-top: 5rem; margin-left: auto; }
    .di-info-wrap .wrap.right_wrap .max-1240 { margin: 0 auto 0 0; }
    .di-info-wrap .wrap.right_wrap img { margin-right: 3rem; }
    .di-info-wrap .wrap.right_wrap .txt_box { padding-right: 3rem; }
    .di-info-wrap .wrap.left_wrap { padding-bottom: 5rem; margin-right: auto;  }
    .di-info-wrap .wrap.left_wrap .max-1240 { align-items: flex-end; margin: 0 0 0 auto; }
    .di-info-wrap .wrap.left_wrap img { margin-left: 3rem; margin-top: -7.2rem; }
    .di-info-wrap .wrap.left_wrap .txt_box { padding-left: 3rem; }
    .di-info-wrap h5 { font-size: 3.6rem; margin-bottom: 2rem; font-weight: 500; color: #333333; }
    .di-info-wrap .wrap p { font-size: 1.8rem; line-height: 1.55; letter-spacing: -0.045em; font-weight: 100; }
    .di-info-wrap .wrap p br { display: none; }

    .di_bt { padding: 0 3rem; }
    .di_bt .top_txt { margin-bottom: 5.5rem; }
    .di_bt .top_txt .t_txt { font-size: 1.8rem; line-height: 1.55; letter-spacing: -0.025em; }
    .di_bt .frame { display: flex; }
    .di_bt .txt_box { margin-right: 6rem; }
    .di_bt .txt_box .txt_wrap { padding-bottom: 2rem; display: flex; }
    .di_bt .txt_box .txt_wrap:not(:last-of-type) { margin-bottom: 2rem; border-bottom: 1px solid #d4d4d4; }
    .di_bt .txt_box .txt_wrap span { display: block; }
    .di_bt .txt_box .txt_wrap .tt { width: 8rem; font-size: 2.1rem; margin-right: 5rem; font-weight: 500; color: #2594c0; }
    .di_bt .txt_box .txt_wrap .txt { width: calc( 100% - 8rem ); font-size: 1.5rem; color: #666666; line-height: 1.66; }
    .di_bt .img-box .mo { display: none; }

    .di-info-wrap .bt_txt_box { padding:6.5rem 2rem 5rem 2rem; margin-top: 19rem; background-color: #2594c0; }
    .di-info-wrap .bt_txt_box h5 { color: #fff; }
    .di-info-wrap .bt_txt_box p { font-size:1.8rem; margin-bottom: 2.5rem; line-height: 1.5; color: #fff; letter-spacing: -0.025em; }
    .di-info-wrap .bt_txt_box a { width: 180px; padding: 12px 0; font-size: 2.2rem; color: #2594c0; font-weight: 500; background-color: #fff; display: block; text-align: center; }
}


@media (min-width: 1200px){
    /*  D & I  */

    .di-info-wrap .wrap { width: 83%; height: 35rem; margin-bottom: 25.5rem; background-color: #f0f7fb; position: relative; }
    .di-info-wrap .wrap.list-item03.en,.di-info-wrap .wrap.list-item03.zh {height: 39rem;padding-top: 5rem;}
    .di-info-wrap .wrap.list-item01.zh {height: 39rem;padding-top: 5rem;}

    .di-info-wrap .wrap img { width: 28.4925vw }
    .di-info-wrap .wrap .txt_box { width:100%;  }
    .di-info-wrap .wrap:nth-child(2n){ margin-bottom: 7.5rem; }
    .di-info-wrap .wrap:last-of-type { margin-bottom: 16rem; }
    .di-info-wrap .wrap .max-1240 { display: flex; justify-content: space-between; }
    .di-info-wrap .wrap.right_wrap { padding-top: 5rem; margin-left: auto; }
    .di-info-wrap .wrap.right_wrap .max-1240 { margin: 0 auto 0 0; }
    .di-info-wrap .wrap.right_wrap img { margin-right: 5rem; }
    .di-info-wrap .wrap.left_wrap { padding-bottom: 5rem; padding-left: 3rem; margin-right: auto;  }
    .di-info-wrap .wrap.left_wrap .max-1240 { align-items: flex-end; margin: 0 0 0 auto; }
    .di-info-wrap .wrap.left_wrap img { margin-left: 3rem; margin-top: -18.2rem; }
    .di-info-wrap h5 { font-size: 3.6rem; margin-bottom: 2rem; font-weight: 500; color: #333333; }
    .di-info-wrap .wrap p { font-size: 1.8rem; line-height: 1.55; letter-spacing: -0.045em; font-weight: 100; }

    .di_bt .top_txt { margin-bottom: 5.5rem; }
    .di_bt .top_txt .t_txt { font-size: 1.8rem; margin-bottom: 5.5rem; line-height: 1.55; letter-spacing: -0.025em; }
    .di_bt .frame { display: flex; }
    .di_bt .txt_box { margin-right: 6rem; }
    .di_bt .txt_box .txt_wrap { padding-bottom: 2rem; display: flex; }
    .di_bt .txt_box .txt_wrap:not(:last-of-type) { margin-bottom: 2rem; border-bottom: 1px solid #d4d4d4; }
    .di_bt .txt_box .txt_wrap span { display: block; }
    .di_bt .txt_box .txt_wrap .tt { width: 8rem; font-size: 2.1rem; margin-right: 5rem; font-weight: 500; color: #2594c0; }
    .di_bt .txt_box .txt_wrap .txt { width: calc( 100% - 8rem ); font-size: 1.5rem; color: #666666; line-height: 1.66; }
    .di_bt .img-box .mo { display: none; }

    .di_bt.width-15-rem .txt_box { margin-right: 0rem; }
    .di_bt.width-15-rem .txt_box .txt_wrap .tt { width: 15rem;}

    .di-info-wrap .bt_txt_box { padding:6.5rem 0 5rem 0; margin-top: 19rem; background-color: #2594c0; }
    .di-info-wrap .bt_txt_box h5 { color: #fff; }
    .di-info-wrap .bt_txt_box p { font-size:1.8rem; margin-bottom: 2.5rem; line-height: 1.5; color: #fff; letter-spacing: -0.025em; }
    .di-info-wrap .bt_txt_box a { width: 180px; padding: 12px 0; font-size: 2.2rem; color: #2594c0; font-weight: 500; background-color: #fff; display: block; text-align: center; }

    .pc-mt-70 {
        margin-top: 70px;
    }
}

@media (max-width: 550px) {
    .only-pc-block { display: none !important;}
}

.w-pre-wrap {white-space: pre-wrap;}