@charset "UTF-8";

/* [S] Layout */
.mt130{margin-top: 13rem;}
.flex-box{display: flex; flex-wrap: wrap; gap: 10rem;}
/* [E] Layout */

/* [S] Copy Code */
.copyBtn {position: absolute; right: 100%; top: 0; padding-right: 1rem;}
.full-width .copyBtn{right: calc(100% - 10rem);}
.copyBtn span {display: inline-block; background: #fff; padding: .7rem 1.5rem; border: 1px solid #d1d1d1; border-radius: 1rem; font-family: ppb; white-space: nowrap; opacity: 0; transition: opacity .45s;}
.copyBtn.on span {opacity: 1;}
.copyBtn:hover span {background: #00508F; border: 1px solid #00508F; color: #fff;}
@media screen and (max-width: 1100px) {
  .copyCode .copyBtn {display: none;}
}
/* [E] Copy Code */

/* [S] TAB */
.menuUItab{max-width: 150rem; margin: 0 auto; margin-bottom: 4rem;}
.menuUItab .mobile-tab{display: none;}
.menuUItab .ul_4{display: flex; background-color: #f0f0f0; border-radius: 1rem; overflow: hidden;flex-wrap: wrap;}
.menuUItab .li_4{flex: 1; position: relative;}
.menuUItab.many .li_4 {min-width: calc(100% / 7);max-width: calc(100% / 7);}
.menuUItab .li_4 .a_4{font-size: 2rem; font-family: pm; color: #222222; display: block; text-align: center; padding: 1.5rem; position: relative;}
.menuUItab .li_4 .a_4 span{position: relative; z-index: 3; display: block;}
.menuUItab .li_4 .a_4::after{content:""; display: block; position: absolute; right: 0; top: 50%; margin-top: -.75rem; width: .1rem; height: 1.5rem; background-color: rgba(0,0,0,.2);}
.menuUItab .li_4:nth-child(7n) .a_4::after {display: none;}
.menuUItab .li_4:last-child .a_4::after{display: none;}
.menuUItab .li_4:hover::before,
.menuUItab .li_4._active::before{content:""; display: block; position: absolute; left: .7rem; bottom: 0; width: calc(100% - 1.4rem); background-color: white; height: calc(100% - .5rem); border-top-left-radius: 1rem; border-top-right-radius: 1rem; z-index: 1;}
.menuUItab .li_4:hover::after,
.menuUItab .li_4._active::after{content:""; display: block; position: absolute; z-index: 2; width: calc(100% - 1.4rem); left: .7rem; background-color: #0059ac; height: .3rem; z-index: 2; bottom: 0;}
.menuUItab .li_4:hover .a_4,
.menuUItab .li_4 .a_4._active{color: #0059ac; font-family: pb;}

@media screen and (max-width: 1200px) {
  .menuUItab{margin-bottom: 5rem;}
  .menuUItab .ul_4{flex-wrap: wrap;}
  .menuUItab .li_4{flex: none; width: 25%;}
}

@media screen and (max-width: 768px) {
  .menuUItab .tab_div{position: relative;}
  .menuUItab .mobile-tab{display: block; border: .3rem solid #0059ac; border-radius: 1rem; width: 100%; text-align: left; padding: 1.5rem 2.5rem; position: relative;}
  .menuUItab .mobile-tab::after{Content:""; display: block; position: absolute; right: 2.5rem; top: 50%; margin-top: -.5rem; width: 1.4rem; height: 1rem; background: url(../../images/guide3/ic-mobile-arrow.png) no-repeat center center / cover; transition: transform .3s;}
  .menuUItab .mobile-tab span{font-size: 2rem; font-family: pb; color: #0059ac; display: block;}
  .menuUItab .mobile-tab.on{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
  .menuUItab .mobile-tab.on::after{transform: rotate(180deg);}
  .menuUItab .ul_4{position: absolute; left: 0; top: calc(100% - .3rem); width: 100%; z-index: 3; border-radius: 0; background-color: white; border: .3rem solid #0059ac; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; height: 0; overflow: auto; border: 0;z-index: 11;}
  .menuUItab .ul_4.on{height: 10rem; border: .3rem solid #0059ac; border-top: .1rem solid #0059ac;}
  .menuUItab .ul_4::-webkit-scrollbar{width:1rem;height:1rem;}
  .menuUItab .ul_4::-webkit-scrollbar-thumb{background:#DDDDDD;}
  .menuUItab .ul_4::-webkit-scrollbar-track{background-color:transparent;}
  .menuUItab.many .li_4 {max-width: 100%;min-width: auto;}
  .menuUItab .li_4:hover::before, .menuUItab .li_4._active::before,
  .menuUItab .li_4:hover::after, .menuUItab .li_4._active::after{display: none;}
  .menuUItab .li_4:hover, .menuUItab .li_4._active{background-color: #f0f0f0;}
  .menuUItab .li_4{width: 100% !important;}
  .menuUItab .li_4 .a_4{text-align: left; padding: 1rem 2.5rem;}
  .menuUItab .li_4 .a_4::after{display: none;}
}

.tab-import {display: none;position: absolute;left: 50%;transform: translateX(-50%);bottom: -8.5rem;width: 100%;max-width: 150rem;border-bottom: 1px solid #eee;z-index: 10;}
.tab-import.on {display: block;}
.tab_div.div_5 {display: none !important;}
.tab_div.div_5.on {display: block !important;}
.tab_div.div_5 .ul_5 {display: flex;}
.tab_div.div_5 .li_5 {position: relative;padding: 0 1.75rem;}
.tab_div.div_5 .li_5:first-child {padding: 0 1.75rem 0 0;}
.tab_div.div_5 .li_5::before {content:"";position: absolute;right: 0;top: 2.2rem;width: 1px;height: 1.6rem;background: #eee;}
.tab_div.div_5 .li_5:last-child::before {display: none;}

.tab_div.div_5 .li_5:last-child {margin-right: 0;}
.tab_div.div_5 .a_5 {display: inline-block;position: relative;padding: 1.5rem 0 2rem;font-size: 2rem;color: #a6a6a6;font-family: pm;transition: color .25s}
.tab_div.div_5 .a_5::before {content: '';display: none;position: absolute;left: 0;top: .5rem;width: .5rem;height: .5rem;background: #0059ac;border-radius: 50%;}
.tab_div.div_5 .a_5:hover {color: #0059ac;}
.tab_div.div_5 .a_5._active {color: #0059ac;}
.tab_div.div_5 .a_5._active::before {display: block;}
.menuUItab.dep5 {margin-bottom: 12.5rem;}
.menuUItab .ul_5 {display: flex;}
.menuUItab .a_5 {margin-right: 2rem;font-size: 2rem;}

/* [E] TAB */

/* [S] Text */
.con-desc{font-size: 1.7rem; line-height: 2.8rem; color: #555555; font-family: pm;}
.small-text{font-size: 1.5rem;}
.dots-text{padding-left: 1.3rem; position: relative; font-size: 1.5rem; line-height: 2rem; margin-top: .5rem;}
.dots-text::before{content:"※"; display: block; position: absolute; left: 0; top: 0;}
.dots-text:last-child{margin-bottom: .5rem;}
.info-text1{font-size: 1.6rem; color: #02a3da; font-family: pm; padding-left: 2.6rem; background: url(../../images/guide3/ic-info2.png) no-repeat left top .4rem / 1.6rem;}
.info-text2{font-size: 1.6rem; color: #0059ac; font-family: pm; padding-left: 2.6rem; background: url(../../images/guide3/ic-info3.png) no-repeat left top .4rem / 1.6rem;;}
.bold{font-family: pb; color: #222222;}
.color1{color: #02a3da;}
.color2{color: #0059ac;}
.align-l{text-align: left !important;}
.align-c{text-align: center !important;}
.align-r{text-align: right !important;}
/* [E] Text */

/* [S] Info text */
.info-text{border: .5rem solid #eff3ff; border-radius: .5rem; background-color: white; padding: 1.7rem 2.5rem; display: flex; align-items: start;}
.info-text-icon{width: 4.6rem;}
.info-text-icon img{width: 100%;}
.info-text p{font-size: 1.8rem; color: #222222; font-family: pm; padding-left: 2.3rem; width: calc(100% - 4.6rem); margin-top: .9rem;}

@media screen and (max-width: 1200px) {
  .info-text{padding: 3.2rem 2.5rem 2.5rem;}
  .info-text p{line-height: 3rem; padding-left: 2rem; margin-top: -.7rem;}
}

@media screen and (max-width: 768px) {

}
/* [E] Info text */

/* [S] Title */
._fnctWrap .objHeading_h2,
.objHeading_h2{font-size: 2.8rem; color: #000000; font-family: pb; padding-left: 2.9rem; background: url(../../images/guide3/ic-head2.png) no-repeat left top 1.6rem / 1.9rem; margin-top: 5.3rem; line-height: 1.5}
._fnctWrap .objHeading_h3,
.objHeading_h3{font-size: 2.6rem; color: #0059ac; font-family: pb; padding-left: 1.9rem; margin-top: 2.6rem; position: relative; line-height: 1.5}
._fnctWrap .objHeading_h3::before,
.objHeading_h3::before{content:""; display: block; position: absolute; left: 0; top: .9rem; width: .5rem; height: 2.4rem; border-radius: 2rem; background-color: #0059b0 ;}
._fnctWrap .objHeading_h3.bridge,
.objHeading_h3.bridge{margin-top: 1.3rem;}
._fnctWrap .objHeading_h4,
.objHeading_h4{font-size: 2rem; color: #1d398d; font-family: pm; padding-left: 1.9rem; margin-top: 2.6rem; position: relative; background: url(../../images/guide3/ic-head4.png) no-repeat left top 1rem / 1rem; line-height: 1.5}
.no-margin{margin-top: 0 !important;}

.head2{margin-top: 5.3rem}
.head3{margin-top: 2.6rem}
.head4{margin-top: 2.6rem}

.button-title{display: flex; align-items: center;}
.button-title .objHeading_h2{margin-top: 0;}

.text-title{display: flex; justify-content: space-between; align-items: end;}
.text-title .objHeading_h2,
.text-title .objHeading_h3{margin-top: 0;}
.text-title .reference-text{font-size: 1.4rem; color: #0059ac;}

@media screen and (max-width: 768px) {
  .button-title{flex-wrap: wrap;}
  .button-title .objHeading_h2{width: 100%; margin-bottom: .5rem;}

  .text-title{flex-direction: column; align-items: start;}
  .text-title .reference-text{margin-top: .5rem;}
}
/* [E] Title */

/* [S] link, button */
.link-btn{display: inline-block; border: .1rem solid #02a3da; border-radius: .5rem; color: #02a3da; padding: .6rem 4.1rem .6rem 1.5rem; font-size: 1.4rem; font-family: pm; background-repeat: no-repeat; background-position: right 1.5rem center; background-color: transparent; transition: background-color .3s; background-image: url(../../images/guide3/ic-link-arrow.png); background-size: .5rem;}
.hover .link-btn,
.link-btn:hover{background-color: #02a3da; background-image: url(../../images/guide3/ic-link-arrow-hover.png); color: white;}
.down-btn{display: inline-block; border: .1rem solid #0059ac; border-radius: .5rem; color: #0059ac; padding: .6rem 4.1rem .6rem 1.5rem; font-size: 1.4rem; font-family: pm; background-repeat: no-repeat; background-position: right 1.5rem center; background-color: transparent; transition: background-color .3s; background-image: url(../../images/guide3/ic-down.png); background-size: 1.4rem;}
.hover .down-btn,
.down-btn:hover{background-color: #0059ac; background-image: url(../../images/guide3/ic-down-hover.png); color: white;}

.blank-link{color: #0059ac; display: inline-block; padding-right: 2rem; background: url(../../images/guide3/ic-blank.png) no-repeat right top .8rem / 1.4rem; position: relative;}
.blank-link::after{content:""; display: block; position: absolute; left: 0; bottom: .5rem; width: 0; height: .1rem; background-color: #0059ac; transition: all .35s;}
.blank-link:hover::after{width: calc(100% - 2rem);}
/* [E] link, button */

/* [S] List */
.con-list1 > ul > li{font-size: 1.7rem; color: #555555; line-height: 1.5; padding-left: 1.9rem; position: relative; margin-bottom:0.8rem;}
.con-list1 > ul > li:last-child {margin-bottom:0;}
.con-list1 > ul > li::before{content:""; display: block; position: absolute; left: 0; top: 1rem; width: .6rem; height: .6rem; border-radius: 50%; background-color: #4d4d4d;}
.con-list1 > ul > li .link-btn {line-height: 1.5;}
.con-list2 > ul > li{font-size: 1.7rem; color: #555555; line-height: 3rem; padding-left: 2rem; position: relative;}
.con-list2 > ul > li::before{content:""; display: block; position: absolute; left: 0; top: 1.5rem; width: .8rem; height: .2rem; background-color: #424242;}
.con-list2 > ul > li .link-btn {line-height: 1.5;}

.con-list1 .con-list2{margin-top: .5rem; margin-bottom: 1.5rem;}

.num-list1 > ul > li{display: flex; flex-wrap: wrap; margin-bottom: 1.1rem; padding-left: 3rem; position: relative;}
.num-list1 > ul > li:last-child{margin-bottom: 0;}
.num-list1 > ul > li > .num{border-radius: .5rem; background-color: #1d398d; width: 2rem; height: 2rem; text-align: center; display: inline-block; line-height: 2rem; font-size: 1.2rem; color: white; font-family: pbl; position: absolute; left: 0; top: 0;}
.num-list1 > ul > li > p{font-size: 1.7rem; line-height: 2.8rem; color: #555555; font-family: pm; margin-top: -.4rem; width: 100%;}
.num-list1 > ul > li .dots-text{padding-left: 1.3rem; position: relative; font-size: 1.5rem; line-height: 2rem; margin-top: .5rem;}
.num-list1 > ul > li .dots-text::before{content:"※"; display: block; position: absolute; left: 0; top: 0;}
.num-list1 > ul > li .dots-text:last-child{margin-bottom: .5rem;}
.num-list1 > ul > li .color1 {color:#02a3da}
.num-list1 > ul > li .color2 {color:#0059ac;}

.num-list2 > ul > li{display: flex; flex-wrap: wrap; margin-bottom: 1.1rem; padding-left: 2.7rem; position: relative;}
.num-list2 > ul > li:last-child{margin-bottom: 0;}
.num-list2 > ul > li > .num{border-radius: 50%; background-color: #646464; width: 1.8rem; height: 1.8rem; text-align: center; display: inline-block; line-height: 1.8rem; font-size: 1.1rem; color: white; font-family: psb; position: absolute; left: 0; top: 0;}
.num-list2 > ul > li > p{font-size: 1.6rem; line-height: 2.4rem; color: #555555; font-family: pm; width: 100%; margin-top: -.2rem;}
.num-list2 > ul > li .dots-text{padding-left: 1.3rem; position: relative; font-size: 1.5rem; line-height: 2rem; margin-top: .5rem;}
.num-list2 > ul > li .dots-text::before{content:"※"; display: block; position: absolute; left: 0; top: 0;}
.num-list2 > ul > li .dots-text:last-child{margin-bottom: .5rem;}
.num-list2 > ul > li .color1 {color:#02a3da}
.num-list2 > ul > li .color2 {color:#0059ac;}
/* [E] List */

/* [S] Table */
.con-table{position: relative; border-top: .2rem solid #111111;}
.con-table table {position: relative;}
.con-table table::after {content:''; position: absolute; right:0; top:-0.2rem; width:0.1rem; height:calc(100% + 0.2rem); background:#fff;}
.con-table thead th{background-color: #f6f8fe; font-size: 1.8rem; font-family: pb; color: #222222; border-right: .1rem solid #dddee0; border-bottom: .1rem solid #dddee0; padding: 1.6rem 1.5rem; font-weight: normal;}
.con-table tbody tr:first-child th,
.con-table tbody tr:first-child td{border-top: .1rem solid #555555;}
.con-table tbody th{background-color: #f8f8f8; font-size: 1.8rem; font-family: pm; color: #222222; border-right: .1rem solid #dddee0; border-bottom: .1rem solid #dddee0; padding: 1.1rem 1.5rem; font-weight: normal;}
.con-table tbody th.small {font-size: 1.6rem;}
.con-table tbody td{background-color: white; font-size: 1.6rem; color: #555555; border-right: .1rem solid #dddee0; border-bottom: .1rem solid #dddee0; padding: 1.5rem 2.1rem; font-weight: normal; text-align: center;}
.con-table tbody td a{color: #555555;}
.con-table .con-list1 > ul > li{font-size: 1.6rem;}
.con-table .con-list1 > ul > li::before{top: 0.8rem;}
.con-table .con-list2 > ul > li{font-size: 1.6rem;}
.con-table .con-list2 > ul > li::before{top: 1.4rem;}
.con-table .blank-link{background-position: right top .3rem;}
.con-table table.align-l td {text-align: left;}
.con-table table.align-l tr > td:nth-child(1) {text-align: center;}

@media screen and (max-width: 1000px) {
  .con-table{overflow: hidden; }
  .con-table::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../images/guide3/bg-table.png) no-repeat center center;}
  .con-table.on::after{display: none;}
  .con-table table{width: 150rem;}
}
/* [E] Table */

/* [S] Content */

/*페이지 준비중*/
.ready-wrap .route-wrap .route-inner{display: flex; justify-content: space-between; align-items: stretch;}
.ready-wrap .route-wrap .route-box{width: 15rem; height: 15rem;}
.ready-wrap .route-wrap .route-circle{width: 100%; height: 100%; border-radius: 50%; background-color: #f0eeee;}
.ready-wrap .route-wrap .route-circle span{display: block; text-align: center; font-size: 1.4rem; font-family: pb; color: #f2778d; padding-top: 2.7rem;}
.ready-wrap .route-wrap .route-circle-text{height: 7.2rem; display: flex; align-items: center; justify-content: center;}
.ready-wrap .route-wrap .route-circle p{text-align: center; font-size: 1.7rem; line-height: 2.2rem; color: #121212; font-family: pb;}
.ready-wrap .route-wrap .route-arrow{flex: 1; background: url(../../images/guide3/ic-arrow.png) no-repeat center center / 1.5rem;;}

.ready-wrap{border: .7rem solid #f1f8ff; border-radius: 2rem; background: url(../../images/guide3/bg-ready.png) no-repeat right top / cover;}
.ready-inner{display: flex; flex-wrap: wrap; align-items: start; width: 100%; justify-content: space-between; padding: 3.5rem 10rem;}
.ready-text{padding-top: 6.5rem;}
.ready-text h1{font-size: 4.6rem; color: #252525; font-family: pbl;}
.ready-text h1 span{color: white; display: inline-block; background-color: #003691; border-radius: .5rem; padding: .45rem 2rem;}
.ready-text p{font-size: 1.8rem; line-height: 2.8rem; color: #333333; font-family: pm; margin-top: 3.2rem;}
.ready-text .history-back-link{border: .1rem solid #333333; color: #333333; font-size: 1.6rem; font-family: pm; background-color: #f7f7f7; border-radius: .5rem; padding: 1.45rem 3.25rem; display: inline-block; margin-top: 4.5rem; transition: all .35s;}
.ready-text .history-back-link:hover{background-color: #000000; color: white;}
.ready-image{max-width: 59.1rem; width: 100%;}
.ready-image img{width: 100%;}

@media screen and (max-width: 1500px) {
  .ready-inner{flex-direction: column-reverse;align-items: center;}
  .ready-image{display: block; width: 100%; text-align: center;}
  .ready-text{text-align: center;}
}

@media screen and (max-width: 1200px) {
  .ready-wrap .route-wrap .route-inner{flex-wrap: wrap; margin-top: -2rem;}
  .ready-wrap .route-wrap .route-box{width: calc(100%/3); height: auto; margin-top: 2rem;}
  .ready-wrap .route-wrap .route-circle{width: 20rem; height: 20rem; margin: 0 auto;}
  .ready-wrap .route-wrap .route-circle-text{height: 11rem ;}
  .ready-wrap .route-wrap .route-arrow{display: none;}

  /* .ready-wrap{background: url(../../images/guide3/bg-readyt.png) no-repeat right top / cover} */
  .ready-inner{padding: 5rem 8rem 6rem ;}
  .ready-image img{width: 42rem;}
  .ready-text{padding-top: 8rem;}
  .ready-text h1{font-size: 4rem;}
  .ready-text h1 span{padding: .3rem 2.45rem;}
  .ready-text p{margin-top: 3.5rem;}
  .ready-text .history-back-link{margin-top: 4.4rem; padding: 1.2rem 3.25rem}
}

@media screen and (max-width: 768px) {
  .ready-wrap .route-wrap .route-circle{width: 12rem; height: 12rem;}
  .ready-wrap .route-wrap .route-circle span{padding-top: 2rem;}
  .ready-wrap .route-wrap .route-circle-text{height: 6rem;}
  .ready-wrap .route-wrap .route-circle p{font-size: 1.4rem; line-height: 2rem;}

  /* .ready-wrap{background: url(../../images/guide3/bg-readym.png) no-repeat right top / cover; border-radius: 1rem;} */
  .ready-inner{padding: 4rem}
  .ready-text{padding-top: 7rem;}
  .ready-text h1{font-size: 3.2rem;}
  .ready-text h1 span{padding: .1rem 1.6rem;}
  .ready-text p{font-size: 1.6rem; line-height: 2.5rem; margin-top: 2.5rem;}
}

/*페이지 이동필요*/
.move-wrap .route-wrap .route-inner{display: flex; justify-content: space-between; align-items: stretch;}
.move-wrap .route-wrap .route-box{width: 15rem; height: 15rem;}
.move-wrap .route-wrap .route-circle{width: 100%; height: 100%; border-radius: 50%; background-color: #f6f8fe;}
.move-wrap .route-wrap .route-circle span{display: block; text-align: center; font-size: 1.4rem; font-family: pb; color: #0059ac; padding-top: 2.7rem;}
.move-wrap .route-wrap .route-circle-text{height: 7.2rem; display: flex; align-items: center; justify-content: center;}
.move-wrap .route-wrap .route-circle p{text-align: center; font-size: 1.7rem; line-height: 2.2rem; color: #121212; font-family: pb;}
.move-wrap .route-wrap .route-arrow{flex: 1; background: url(../../images/guide3/ic-arrow.png) no-repeat center center / 1.5rem;}

.move-wrap {box-shadow: inset 0 0 0 .7rem #eff8ff;border-radius: 2rem; background: url(../../images/guide3/bg-move.png) no-repeat right top / cover;}
.move-inner{display: flex; flex-wrap: wrap; align-items: start; width: 100%; justify-content: space-between; padding: 7.7rem 10rem 7.2rem;}
.move-text{padding-top: 3rem;}
.move-text h1{font-size: 4.6rem; color: #252525; font-family: pbl;}
.move-text h1 span{color: white; display: inline-block; background-color: #003691; border-radius: .5rem; padding: .45rem 2rem;}
.move-text p{font-size: 1.8rem; line-height: 2.8rem; color: #333333; font-family: pm; margin-top: 3.2rem;}
.move-text .history-back-link{border: .1rem solid #00a5dd; color: #00a5dd; font-size: 1.6rem; font-family: pm; background: #fff url(../../images/guide3/ic-move-link-arrow.png) no-repeat center right 1.5rem; border-radius: .5rem; padding: 1.2rem 3.5rem 1.2rem 1.5rem;min-width: 17.4rem; display: inline-block; margin-top: 4.5rem; transition: all .35s;}
.move-text .history-back-link:hover{color: white;border-color: #00a5dd;background: #00a5dd url(../../images/guide3/ic-link-arrow-hover.png) no-repeat center right 1.5rem;}
.move-image{max-width: 44.4rem; width: 100%;}
.move-image img{width: 100%;}

@media screen and (max-width: 1500px) {
  .move-inner{flex-direction: column-reverse;align-items: center;}
  .move-image{display: block; width: 100%; text-align: center;}
  .move-text{text-align: center;}
}

@media screen and (max-width: 1200px) {
  .move-wrap .route-wrap .route-inner{flex-wrap: wrap; margin-top: -2rem;}
  .move-wrap .route-wrap .route-box{width: calc(100%/3); height: auto; margin-top: 2rem;}
  .move-wrap .route-wrap .route-circle{width: 20rem; height: 20rem; margin: 0 auto;}
  .move-wrap .route-wrap .route-circle-text{height: 11rem ;}
  .move-wrap .route-wrap .route-arrow{display: none;}

  .move-wrap .move-inner{padding: 5rem 8rem 6rem;}
  .move-image img{width: 42rem;}
  .move-text{padding-top: 8rem;}
  .move-text h1{font-size: 4rem;}
  .move-text h1 span{padding: .3rem 2.45rem;}
  .move-text p{margin-top: 3.5rem;}
  .move-text .history-back-link{margin-top: 4.4rem;}
}

@media screen and (max-width: 768px) {
  .move-wrap .route-wrap .route-circle{width: 12rem; height: 12rem;}
  .move-wrap .route-wrap .route-circle span{padding-top: 2rem;}
  .move-wrap .route-wrap .route-circle-text{height: 6rem;}
  .move-wrap .route-wrap .route-circle p{font-size: 1.4rem; line-height: 2rem;}

  .move-wrap {border-radius: 1rem;}
  .move-inner{padding: 4rem}
  .move-text{padding-top: 7rem;}
  .move-text h1{font-size: 3.2rem;}
  .move-text h1 span{padding: .1rem 1.6rem;}
  .move-text p{font-size: 1.6rem; line-height: 2.5rem; margin-top: 2.5rem;}
}
/* [E] Content */

/* [S] POPUP STYLE */
._fnctWrap .objHeading_h2,
#_articleContent .objHeading_h2{font-size: 2.8rem; color: #000000; font-family: pb; padding-left: 2.9rem; background: url(../../images/guide3/ic-head2.png) no-repeat left top 1.6rem / 1.9rem; margin-top: 5.3rem; line-height: 1.5}
._fnctWrap .objHeading_h3,
#_articleContent .objHeading_h3{font-size: 2.6rem; color: #0059ac; font-family: pb; padding-left: 1.9rem; margin-top: 2.6rem; position: relative; line-height: 1.5}
._fnctWrap .objHeading_h3::before,
#_articleContent .objHeading_h3::before{content:""; display: block; position: absolute; left: 0; top: .9rem; width: .5rem; height: 2.4rem; border-radius: 2rem; background-color: #0059b0 ;}
._fnctWrap .objHeading_h3.bridge,
#_articleContent .objHeading_h3.bridge{margin-top: 1.3rem;}
._fnctWrap .objHeading_h4,
#_articleContent .objHeading_h4{font-size: 2rem; color: #1d398d; font-family: pm; padding-left: 1.9rem; margin-top: 2.6rem; position: relative; background: url(../../images/guide3/ic-head4.png) no-repeat left top 1rem / 1rem; line-height: 1.5}
/* [E] POPUP STYLE */