@charset "UTF-8";

/* [S] Layout */
.guide-area{display: flex; flex-wrap: wrap; justify-content: end; max-width: 128rem; margin: 0 auto;}
.guide-area .left-sub-content {width:29.5rem; flex-shrink: 0;}
.guide-area .right-sub-content{flex:1; min-width:0; margin-left: 8rem;}

/* .guide-area .right-sub-content2{width: 104; padding-left: 8rem;} */
.guide-area.full{width: 100%; justify-content: center; max-width: 140rem;}
.guide-area.full .right-sub-content{padding-left: 0; width: 100%;}
/* [E] Layout */

/* [S] Guide */
.background{background-color: #f3f5fa; padding: 2.35rem 3rem;}
.bold{font-family: pbGOV; color: #2d2d2d;}
.pm{font-family: pmGOV;}
.align-l{text-align: left !important;}
.align-c{text-align: center !important;}
.align-r{text-align: right !important;}
.color1{color: #256ef4;}
.color2{color: #063a74;}
.no-margin{margin-top: 0 !important}

.image-flex-box{display: flex; flex-wrap: wrap; gap: 4rem;}

.link-btn{display: inline-block; color: #246beb; padding-right: 2.2rem; background-image: url(../../images/guide/common/ic-blank3.png); background-repeat: no-repeat; background-position: right center;}
.link-btn span{background-image: linear-gradient(#246beb, #246beb); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s;}
.link-btn:hover {color:#246beb;}
.link-btn:hover span{background-size: 100% .1rem}

.right-lnb{display: flex; flex-wrap: wrap;}
.right-lnb .menuSubTitleUI{display: none;}
.right-lnb .div_1,
.right-lnb .a_2,
.right-lnb .a_3{font-size: 1.4rem; color: #1d1d1d;}
.right-lnb .div_1 span,
.right-lnb .a_2 span,
.right-lnb .a_3 span{background-image: linear-gradient(#1d1d1d, #1d1d1d); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 100% .1rem; transition: background-size .5s;}
.right-lnb .div_1{padding-left: 1.8rem; background: url(../../images/guide/common/ic-home.png) no-repeat left center;}
.right-lnb .li_2,
.right-lnb .li_3{display: none;}
.right-lnb .li_2._active,
.right-lnb .li_3._active{display: flex;}
.right-lnb .a_2,
.right-lnb .a_3{padding-left: 1.2rem; margin-right: 1.1rem; background: url(../../images/guide/common/ic-navi-arrow.png) no-repeat left center; margin-left: .9rem;}
.right-lnb .a_3{margin-right: 0;}

.right-sub-title{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 6.3rem; margin-bottom: 6.6rem;}
.right-sub-title .page-title{font-size: 4rem; color: #1d1d1d; font-family: pbGOV;}
.right-sub-title .right-sub-util ul{display: flex; flex-wrap: wrap; gap: 1rem;}
.right-sub-title .right-sub-util button{width: 3.6rem; height: 3.6rem; background-color: #eef2f7; border-radius: 50%; border: .1rem solid #d8d8d8; background-repeat: no-repeat; background-position: center center; text-indent: -9999rem;}
.right-sub-title .right-sub-util button.share-btn{background-image: url(../../images/guide/common/ic-share.png)}
.right-sub-title .right-sub-util button.print-btn{background-image: url(../../images/guide/common/ic-print.png)}
.right-sub-title .right-sub-util button:hover{background-color: #004aba; border: .1rem solid #004aba;}
.right-sub-title .right-sub-util button:hover.share-btn{background-image: url(../../images/guide/common/ic-share-on.png)}
.right-sub-title .right-sub-util button:hover.print-btn{background-image: url(../../images/guide/common/ic-print-on.png)}

.right-sub-info-content{background-color: #eef2f7; border-radius: 1rem; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 4rem 4rem 4.5rem 4rem;}
.right-sub-info-content .right-sub-info-logo{width: 12rem; height: 12rem; border: .1rem solid #ced3d6; background-color: white; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 50%;}
.right-sub-info-content .right-sub-info-text{width: calc(100% - 16rem); align-self:center;}
.right-sub-info-content .right-sub-info-text h1{font-size: 2.5rem; color: #256ef4; font-family: pbGOV; margin-bottom: 1.6rem;}
.right-sub-info-content .right-sub-info-text p{font-size: 1.9rem; line-height: 3rem; color: #464c53;}

.right-menu{margin: 6.4rem 0 5.4rem;}
.right-menu .tab_div{margin-bottom: 3rem; position: relative;}
.right-menu .mobile-tab{display: none;}
.right-menu .tab_div:last-child{margin-bottom: 0;}
.right-menu .tab_div.over::before,
.right-menu .tab_div.over::after{content:""; display: block; position: absolute; top: 0; width: 10rem; height: 100%; z-index: 2; transition: all .5s; opacity: 1; visibility: visible;}
.right-menu .tab_div.over::before{left: 0; background: linear-gradient(to right, #ffffff 40%, transparent);}
.right-menu .tab_div.over::after{right: 0; background: linear-gradient(to left, #ffffff 40%, transparent);}
.right-menu .tab_div.over.start::before,
.right-menu .tab_div.over.end::after{opacity: 0; z-index: -1; visibility: hidden;}
.right-menu .div_4 .right-menu-button{position: absolute; top: 50%; margin-top: -1.8rem; width: 3.6rem; height: 3.6rem; border-radius: 50%; background-color: #717171; background-repeat: no-repeat; background-position: center center; text-indent: -9999rem; z-index: 3; transition: all .35s;}
.right-menu .div_4 .right-menu-button.prev-btn{background-image: url(../../images/guide/common/ic-menu-prev.png); left: 0;}
.right-menu .div_4 .right-menu-button.next-btn{background-image: url(../../images/guide/common/ic-menu-next.png); right: 0;}
.right-menu .div_4.start .right-menu-button.prev-btn,
.right-menu .div_4.end .right-menu-button.next-btn{visibility: hidden; opacity: 0;}
.right-menu .ul_4{display: flex; overflow: auto; white-space: nowrap;}
.right-menu .ul_4::-webkit-scrollbar{display: none;}
.right-menu .a_4{font-size: 1.9rem; color: #1d1d1d; font-family: pbGOV; display: block; border: .1rem solid #dfdfdf; border-right: 0; position: relative; padding: 1.3rem 2.15rem; border-bottom: 0;}
.right-menu .a_4:focus {outline:unset; box-shadow:inset 0 0 0 0.4rem #246beb;}
.right-menu .a_4::after{content:""; display: block; position: absolute; left:0; bottom: 0; z-index:-1; width: 100%; height: .3rem; background-color: #dfdfdf;}
.right-menu .a_4._active{color: #246beb;}
.right-menu .a_4._active::after{background-color: #246beb;}
.right-menu .li_4:last-child .a_4{border-right: .1rem solid #dfdfdf;}
.right-menu .div_5{display: none;}
.right-menu .div_5.on{display: block;}
.right-menu .ul_5{display: flex; flex-wrap: wrap; gap: 1rem;}
.right-menu .a_5{font-size: 1.7rem; color: #2d2d2d; font-family: pbGOV; display: block; border: .1rem solid #dfdfdf; position: relative; padding: .6rem 1.9rem; border-radius: .5rem;}
.right-menu .a_5._active{background-coloR: #246beb; color: white; border: .1rem solid #246beb;}

.ready-wrap{border: .3rem solid #e8e8e8; background-color: #fcfcfc; padding: 4.5rem 3rem 4.4rem 4.4rem;}
.ready-wrap .ready-inner{display: flex; flex-wrap: wrap; justify-content: space-between;}
.ready-wrap .ready-title{width: 42rem;;}
.ready-wrap .ready-title h1{font-size: 3.2rem; color: #252525; font-family: peb;}
.ready-wrap .ready-title h1 span{color: white; background-color: #1d56d6; display: inline-block; padding: .5rem 1.2rem;}
.ready-wrap .ready-title p{font-size: 1.8rem; line-height: 2.8rem; font-family: pm; color: #333333; margin-top: 2rem;}
.ready-wrap .ready-title .ready-back{display: inline-block; border-radius: .5rem; border: .1rem solid #b2b2b2; font-size: 1.7rem; color: #555555; background-color:#fff; font-family: pm; padding: 1.425rem 2.3rem; margin-top: 3.5rem;}
.ready-wrap .ready-title .ready-back:hover{color: white; background-color: #1d56d6; border: .1rem solid #1d56d6;}
.ready-wrap .ready-image{margin-top: 3.3rem; width: calc(100% - 45rem);}

._fnctWrap .objHeading_h2,
.objHeading_h2{font-size: 3.2rem; color: #1d1d1d; font-family: pbGOV; margin-top: 5.6rem;}
._fnctWrap .objHeading_h3,
.objHeading_h3{font-size: 2.4rem; color: #1d1d1d; font-family: pbGOV; margin-top: 2.2rem;}
._fnctWrap .objHeading_h4,
.objHeading_h4{font-size: 1.9rem; color: #1d1d1d; font-family: pbGOV; margin-top: 2rem;}

.con-desc{font-size: 1.7rem; line-height: 2.6rem; color: #464c53;}

.info-text1{font-size: 1.7rem; font-family: plGOV; padding-left: 3rem; background: url(../../images/guide/common/ic-info-bul1.png) no-repeat left top .2rem; color: #246beb}
.info-text2{font-size: 1.7rem; font-family: plGOV; padding-left: 3rem; background: url(../../images/guide/common/ic-info-bul2.png) no-repeat left top .2rem; color: #222222}
.info-text3{font-size: 1.7rem; font-family: plGOV; padding-left: 3rem; background: url(../../images/guide/common/ic-info-bul3.png) no-repeat left top .2rem; color: #063a74}

.con-list1 > ul > li{color: #555555; font-size: 1.7rem; padding-left: 1.6rem; position: relative; margin-bottom: .7rem;}
.con-list1 > ul > li::before{content:""; display: block; position:absolute; left: 0; top: .8rem; width: .6rem; height: .6rem; background-color: #717171}
.con-list1 > ul > li:last-child{margin-bottom: 0;}
.con-list1 .small-btn {vertical-align:top; margin-top:-0.5rem;}
@media screen and (max-width:767px) {
  .con-list1 .small-btn {margin-top:unset;}
}
.con-list2 > ul > li{color: #555555; font-size: 1.7rem; padding-left: 1.6rem; position: relative; margin-bottom: .7rem;}
.con-list2 > ul > li::before{content:""; display: block; position:absolute; left: 0; top: 1rem; width: .7rem; height: .2rem; background-color: #717171}
.con-list2 > ul > li:last-child{margin-bottom: 0;}

.num-list1 > ul > li{color: #555555; font-size: 1.7rem; position: relative; margin-bottom: 1rem; padding-left: 3.6rem;}
.num-list1 > ul > li .num{display: inline-flex; width: 2.5rem; height: 2.5rem; justify-content: center; align-items: center; font-size: 1.5rem; font-family: pb; color: white; background-color: #063a74; border-radius: .3rem; position: absolute; left: 0; top: 0;}
.num-list1 > ul > li:last-child{margin-bottom: 0;}

.num-list2 > ul > li{color: #555555; font-size: 1.7rem; position: relative; margin-bottom: 1rem; padding-left: 3rem;}
.num-list2 > ul > li .num{display: inline-flex; width: 2rem; height: 2rem; border-radius: 50%; justify-content: center; align-items: center; font-size: 1.3rem; color: #333333; background-color: #ededed; position: absolute; left: 0; top: .25rem;}
.num-list2 > ul > li:last-child{margin-bottom: 0;}

.arr-list > ul > li{color: #555555; font-size: 1.7rem; position: relative; margin-bottom: 1rem; padding-left: 1.6rem; background: url(../../images/guide/common/ic-list-bullet.png) no-repeat left top .8rem;}
.arr-list > ul > li:last-child{margin-bottom: 0;}

.dot-list1 > ul > li{color: #555555; font-size: 1.7rem; position: relative; margin-bottom: 1rem; padding-left: 1.5rem;}
.dot-list1 > ul > li:before{content:""; display: block; position: absolute; left: 0; top: 1rem; width: .4rem; height: .4rem; border-radius: 50%; background-color: #949494;}
.dot-list1 > ul > li:last-child{margin-bottom: 0;}

.box-list-wrap li{margin-bottom: 1rem; border: .1rem solid #ced3d6;}
.box-list-wrap li:last-child{margin-bottom: 0;}
.box-list-wrap li a{display: block; padding: 2rem 3rem}
.box-list-wrap li .box-list-box{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.box-list-wrap li .box-list-box h1{font-size: 1.9rem; color: #212121; font-family: pmGOV; padding-left: 4rem; position: relative;}
.box-list-wrap li .box-list-box h1 span{background-image: linear-gradient(#246beb, #246beb); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .2rem; transition: background-size .75s ease-in-out;}
.box-list-wrap li .box-list-box h1::before{content:""; display: block; position: absolute; left: 0; top: .2rem; width: 2.6rem; height: 2.6rem; background: #717171 url(../../images/guide/common/ic-list-arrow.png) no-repeat center center; border-radius: 50%;}
.box-list-wrap li .box-list-box .box-list-type{width: 4.8rem; height: 4.8rem; background-repeat: no-repeat; background-position: center center; border-radius: 50%;}
.box-list-wrap li .box-list-box .box-list-type.link{background-image: url(../../images/guide/common/ic-blank2.png)}
.box-list-wrap li .box-list-box .box-list-type.down{background-image: url(../../images/guide/common/ic-down.png)}
.box-list-wrap li a:hover .box-list-box h1 span{background-size: 100% .2rem; color: #246beb;}
.box-list-wrap li a:hover .box-list-box .box-list-type{background-color: #246beb;}
.box-list-wrap li a:hover .box-list-box .box-list-type.link{background-image: url(../../images/guide/common/ic-blank2-on.png)}
.box-list-wrap li a:hover .box-list-box .box-list-type.down{background-image: url(../../images/guide/common/ic-down-on.png)}
.con-table {position: relative;}
.con-table:focus {outline:unset; box-shadow:unset;}
.con-table table{border-top: .1rem solid #003675; position: relative; border-bottom: .1rem solid #e3e3e3;}
.con-table table::after{content:""; display: block; position: absolute; right: 0; top: 0; width: .1rem; height: 100%; background-color: white;}
.con-table thead th{background-color: #f3f3f3; font-size: 1.7rem; color: #212121; font-family: pmGOV; border-top: .1rem solid #d3d3d3; border-right: .1rem solid #e3e3e3; padding: 2.025rem 1.5rem;font-weight: normal;}
.con-table thead tr:first-child th{border-top: 0;}
.con-table tbody th{background-color: #fcfcfe; font-size: 1.7rem; color: #333333; font-family: pmGOV; border-top: .1rem solid #e3e3e3; border-right: .1rem solid #e3e3e3; padding: 2.025rem 1.5rem;font-weight: normal;}
.con-table tbody td{background-color: white; font-size: 1.7rem; color: #555555; font-family: prGOV; border-top: .1rem solid #e3e3e3; border-right: .1rem solid #e3e3e3; padding: 2.025rem 1.5rem; text-align: center;}
.con-table.left tbody th {text-align:left !important;}
.con-table.left tbody td {text-align:left !important;}
.con-table.top table td{vertical-align:top;}


.con-table a:not(.link-btn) {color:#555; background-image: linear-gradient(#256EF4, #256EF4); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s;}
.con-table a:not(.link-btn):hover {color:#256EF4; background-size:100% .1rem;}



.in-table table{border-top: .1rem solid #003675; position: relative; border-bottom: .1rem solid #e3e3e3;}
.in-table thead th{background-color: #f3f3f3; font-size: 1.7rem; color: #212121; font-family: pmGOV; border-top: .1rem solid #e3e3e3; border-right: .1rem solid #e3e3e3; padding: 1.175rem 1.5rem;font-weight: normal;}
.in-table thead th:last-child{border-right: 0;}
.in-table tbody th{background-color: #f6f8fb; font-size: 1.7rem; color: #212121; font-family: pmGOV; border-top: .1rem solid #e3e3e3; border-right: .1rem solid #e3e3e3; padding: 1.175rem 1.5rem;font-weight: normal;}
.in-table tbody td{background-color: white; font-size: 1.7rem; color: #555555; font-family: plGOV; border-top: .1rem solid #e3e3e3; border-right: .1rem solid #e3e3e3; padding: 1.175rem 1.5rem; text-align: center;}
.in-table tbody td:last-child{border-right: 0;}

.button-box{display: flex; flex-wrap: wrap; gap: 1rem;}
.button-box .btn{border: .1rem solid #b2b2b2; border-radius: 1rem; font-size: 1.7rem; color: #555555; background-color: white; padding: 1.45rem 5rem 1.45rem 2.4rem; background-repeat: no-repeat; background-position: right 2.3rem center;transition: none;}
.button-box .btn:hover{background-color: #256ef4; color: white; border: .1rem solid #256ef4;}
.button-box .btn.btn04{background-image: url(../../images/guide/common/btn-link1.png)}
.button-box .btn.btn04:hover{background-image: url(../../images/guide/common/btn-link1-on.png)}

.small-btn{font-size: 1.5rem; color: #555555; font-family: pmGOV; border: .1rem solid #b2b2b2; border-radius: .5rem; display: inline-block; padding: .5rem 4.9rem .5rem 1.8rem; background-repeat: no-repeat; background-position: right 1.7rem center;transition: none;background-color: #fff;}
.small-btn.btn0{background-image: url(../../images/guide/common/btn-link0.png)}
.small-btn.btn1{background-image: url(../../images/guide/common/btn-link1.png)}
.small-btn.btn2{background-image: url(../../images/guide/common/btn-link2.png)}
.small-btn.btn3{background-image: url(../../images/guide/common/btn-link3.png)}
.small-btn.btn4{background-image: url(../../images/guide/common/btn-link8.png)}
.small-btn.hover.btn0,
.small-btn:hover.btn0{background-image: url(../../images/guide/common/btn-link0-on.png)}
.small-btn.hover,
.small-btn:hover{background-color: #003675; border: .1rem solid #003675; color: white;}
.small-btn.hover.btn1,
.small-btn:hover.btn1{background-image: url(../../images/guide/common/btn-link1-on.png)}
.small-btn.hover.btn2,
.small-btn:hover.btn2{background-image: url(../../images/guide/common/btn-link2-on.png)}
.small-btn.hover.btn3,
.small-btn:hover.btn3{background-image: url(../../images/guide/common/btn-link3-on.png)}
.small-btn.hover.btn4,
.small-btn:hover.btn4{background-image: url(../../images/guide/common/btn-link8-on.png)}


.large-btn{font-size: 1.7rem; color: #555555; font-family: psbGOV; border: .1rem solid #b2b2b2; border-radius: .5rem; display: inline-block; padding: 1.35rem 5.4rem 1.35rem 2.3rem; background-repeat: no-repeat; background-position: right 2.5rem center;transition: none;background-color: #fff;}
.large-btn.btn4{background-image: url(../../images/guide/common/btn-link4.png)}
.large-btn.btn5{background-image: url(../../images/guide/common/btn-link5.png)}
.large-btn.btn6{background-image: url(../../images/guide/common/btn-link6.png)}
.large-btn.btn7{background-image: url(../../images/guide/common/btn-link7.png)}

.large-btn.btn8{background-image: url(../../images/guide/common/btn-link9.png)}
.large-btn.hover,
.large-btn:hover{background-coloR: #003675; border: .1rem solid #003675; color: white;}
.large-btn.hover.btn4,
.large-btn:hover.btn4{background-image: url(../../images/guide/common/btn-link4-on.png)}
.large-btn.hover.btn5,
.large-btn:hover.btn5{background-image: url(../../images/guide/common/btn-link5-on.png)}
.large-btn.hover.btn6,
.large-btn:hover.btn6{background-image: url(../../images/guide/common/btn-link6-on.png)}
.large-btn.hover.btn7,
.large-btn:hover.btn7{background-image: url(../../images/guide/common/btn-link7-on.png)}
.large-btn.btn7.color1 {background-image: url(../../images/guide/common/btn-link7-on.png); font-size:1.9rem; background-color:#3990BD; border: .1rem solid #3990BD; color: white;}
.large-btn:hover.btn7.color1 {background-color:#1f85b8;}
.large-btn.hover.btn8,
.large-btn:hover.btn8{background-image: url(../../images/guide/common/btn-link9-on.png)}

.page-manager{border: .1rem solid #ebebeb; padding: .8rem .8rem 2.3rem .8rem; margin-top: 6.4rem;}

@media screen and (max-width: 1023px) {
  .guide-area{width: 100%;}
  .guide-area .left-sub-content {display: none; }
  .guide-area .right-sub-content{width: 100%; margin-left: 0;}

  .right-sub-title{margin: 5rem 0}
  .con-table{overflow: hidden;}
  .con-table::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../images/guide/common/bg-table.png) no-repeat center center;}
  .con-table table{width: 110rem}
  .con-table.on::after{display: none;}
}

@media screen and (max-width: 768px) {
  .button-box{flex-direction: column;}

  .right-sub-info-content{padding: 3rem 3rem 3.5rem 3rem; flex-direction: column; gap: 2rem}
  .right-sub-info-content .right-sub-info-text{width: 100%;}

  .box-list-wrap li a{padding: 1.5rem 2rem;}
  .box-list-wrap li .box-list-box h1{width: 100%; text-align: left;}
  .box-list-wrap li .box-list-box{flex-direction: column; gap: 1rem; align-items: end;}

  .con-table table{width: 90rem}

  .ready-wrap{padding: 2.5rem 2rem 2.5rem 2.5rem;}
  .ready-wrap .ready-inner{flex-direction: column-reverse;}
  .ready-wrap .ready-image{width: 100%; margin-top: 0;}
  .ready-wrap .ready-title{width: 100%; margin-top: 3rem;}
}



/* [E] Guide */

/* [S] Popup Style */
._fnctWrap .objHeading_h2,
#_articleContent .objHeading_h2{font-size: 3.2rem; color: #1d1d1d; font-family: pbGOV; margin-top: 5.6rem;}
._fnctWrap .objHeading_h3,
#_articleContent .objHeading_h3{font-size: 2.4rem; color: #1d1d1d; font-family: pbGOV; margin-top: 2.2rem;}
._fnctWrap .objHeading_h4,
#_articleContent .objHeading_h4{font-size: 1.9rem; color: #1d1d1d; font-family: pbGOV; margin-top: 2rem;}
/* [E] Popup Style */