@charset "utf-8";

/* Copy Code */
.copyBtn {position: absolute; right: 100%; top: 0; padding-right: 10px;}
.copyBtn span {display: inline-block; background: #fff; padding: 7px 15px; border: 1px solid #d1d1d1; border-radius: 10px; white-space: nowrap; opacity: 0; transition: opacity .45s;}
.copyBtn.on span {opacity: 1;}
.copyBtn:hover span {background: #ed8a00; border: 1px solid #ed8a00; color: #fff;}

/* Heading */
.objHeading_h2 {position: relative; display: block; margin-top: 50px; padding-top: 15px; font-family: pm; font-size: 30px; line-height: 1.2; color: #222;}
.objHeading_h2::before {content: ''; position: absolute; left: 0; top: 0; width: 56px; height: 8px; background: url('../../images/guide/bul-h2.png') no-repeat left top;}
.objHeading_h3 {position: relative; display: block; margin-top: 30px; font-family: pm; line-height: 1.2; font-size: 25px; color: #152e6e;}
.objHeading_h4 {position: relative; display: block; margin-top: 30px; padding-left: 20px; font-family: pm; font-size: 22px; line-height: 1.2; color: #06878d;}
.objHeading_h4::before {content: ''; position: absolute; left: 0; top: 7px; width: 13px; height: 13px; background: url('../../images/guide/bul-h4.png') no-repeat left center;}
.objHeading_h5 {position: relative; display: block; margin-top: 30px; padding-left: 20px; font-family: 'Noto Medium'; font-size: 18px; line-height: 1.2; color: #336579;}

.objHeading_h2.no-margin,
.objHeading_h3.no-margin,
.objHeading_h4.no-margin,
.objHeading_h5.no-margin {margin-top: 0;}

.no-margin .objHeading_h2,
.no-margin .objHeading_h3,
.no-margin .objHeading_h4,
.no-margin .objHeading_h5 {margin-top: 0;}

@media screen and (max-width: 1200px) {
  .objHeading_h2 {margin-top: 40px; font-size: 25px;}
  .objHeading_h3 {margin-top: 20px; font-size: 22px;}
  .objHeading_h4 {margin-top: 20px; font-size: 20px;}
  .objHeading_h4::before {top: 5px;}
}

@media screen and (max-width: 700px) {
  .objHeading_h2 {margin-top: 30px; font-size: 20px;}
  .objHeading_h3 {margin-top: 15px; font-size: 18px;}
  .objHeading_h4 {margin-top: 15px; font-size: 18px;}
  .objHeading_h4::before {top: 4px;}
}

/* Description */
.con-desc {font-family: pm; font-size: 18px; line-height: 1.7; color: #555555;}
.con-desc strong {font-family: pb;}
._objHtml.no-margin {margin-top: 0px !important;}
._objHtml.no-margin > div {margin-top: 0px !important;}

@media screen and (max-width: 1200px) {
  .con-desc {font-size: 16px;}
}

@media screen and (max-width: 700px) {
  .con-desc {font-size: 15px;}
}

/* Align */
.align-r {text-align: right !important;}
.align-c {text-align: center !important;}
.align-l {text-align: left !important;}

/* Point Color */
.c1 {color: #3176d0 !important;}
.c2 {color: #d57c00 !important;}
.c3 {color: #00abb3 !important;}
.c4 {color: #152e6e !important;}
.c5 {color: #111111 !important;}
.c6 {color: #E63946 !important;}
.b1 {font-family: pb !important;}
.m1 {font-family: pm !important;}
.b2 {font-family: plb !important;}

/* Link Line */
.link-line {position: relative; color: #666;}
.link-line:hover {color: #004a8f;}
.link-line::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;}

/* Table */
.con-table {position: relative; line-height: 1.6;}
.con-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 2px; height: 100%; background: #fff;}
.con-table table {position: relative;}
.con-table table:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 2px; background: #152e6e}
.con-table thead th {padding: 13px 10px; background: #f5f7f8; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: pm; font-size: 18px; font-weight: 400; color: #333333;}
.con-table tbody {display: table-header-group;}
.con-table tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.con-table tbody th {padding: 12px 15px; background:#fcfcfc; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: pm; font-size: 17px; font-weight: 400; color: #333;}
.con-table tbody td {padding: 12px 20px; background:#fff; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: pm; font-size: 17px; text-align: left; color: #666666;}
.con-table.center tbody td {text-align: center;}
.con-table.mini thead th,
.con-table.mini tbody th,
.con-table.mini tbody td {padding: 7px; font-size: 15px;}
.con-table.links tbody td {vertical-align: middle;}
.con-table.links tbody td > div {display: flex; align-items: center;}
.con-table.links tbody td p {flex: 1; float: left;}
.con-table.links tbody td p span {font-size: 14px;}
.con-table.links tbody td a {float: right;}
.con-table tbody td a {color: #333;}
.con-table .list > li {position: relative; padding-left: 15px;}
.con-table .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.con-table .list2 > li {position: relative; padding-left: 15px;}
.con-table .list2 > li:after {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; background: #777;}
.con-table .align-l {text-align: left !important;}
.con-table .align-c {text-align: center !important;}
.con-table .align-r {text-align: right !important;}
.con-table .align-t {vertical-align: top !important;}

.con-table .link {position: relative; color: #666;}
.con-table .link:hover {color: #014291;}
.con-table .link::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;}

.con-table .home {position: relative; color: #666;}
.con-table .home:hover {color: #00abb3;}
.con-table .home span {position: relative; background: linear-gradient(to bottom, transparent 96%, #00abb3 0) left center no-repeat; background-size: 0; transition: .4s;}
.con-table .home:hover span {background-size: 100% auto;}
.con-table .home::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ic-link-home.png') no-repeat center center; vertical-align: middle;}
.con-table .home:hover::after {background: url('../../images/guide/ic-link-home-hover.png') no-repeat center center;}

.con-table .down {position: relative; color: #666;}
.con-table .down:hover {color: #00abb3;}
.con-table .down span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.con-table .down:hover span {background-size: 100% auto;}
.con-table .down::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ic-link-down.png') no-repeat center center; vertical-align: middle;}
.con-table .down:hover::after {background: url('../../images/guide/ic-link-down-hover.png') no-repeat center center;}

@media screen and (max-width:1200px) {
  .con-table thead th,
  .con-table tbody th,
  .con-table tbody td {padding: 10px 8px; font-size: 15px;}
}

@media screen and (max-width:960px) {
  .con-table {overflow-x: hidden; min-height: 130px;}
  .con-table.on {min-height: auto;}
  .con-table.no-scroll {min-height: auto;}
  .con-table table {width: 1300px;}
  .con-table.no-scroll table {width: 100%;}
  .con-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url('../../images/guide/img_mobile_text.png') no-repeat center 20px;}
  .con-table.on:after,
  .con-table.no-scroll:after {display: none;}
}

/* Tab */
.tab_div .mobile-tab {display: none;}

.tab_div .ul_4 {display: flex; flex-wrap: wrap; align-items: center; margin-top: 27px; border-bottom: 1px solid #dadada; font-size: 0;}
.tab_div .ul_4 > li {position: relative; padding: 0 17px;}
.tab_div .ul_4 > li::after {content: ''; position: absolute; right: 0; top: 28px; width: 1px; height: 15px; background: #cecece;}
.tab_div .ul_4 > li:last-child::after {display: none;}
.tab_div .ul_4 > li::before {content: ''; position: absolute; left: 0; bottom: -1px; width: 0; height: 4px; background: #3176d0; transition: .35s;}
.tab_div .ul_4 > li._active::before,
.tab_div .ul_4 > li:hover::before {width: 100%;}
.tab_div .ul_4 > li > a {position: relative; display: flex; align-items: center; height: 70px; font-family: pm; font-size: 18px; color: #121212;}
.tab_div .ul_4 > li > a::before {content: ''; display: inline-block; width: 10px; height: 10px; margin-top: 0px; margin-right: 10px; background: #b9b9b9; border-radius: 100%;}
.tab_div .ul_4 > li._active > a::before,
.tab_div .ul_4 > li:hover > a::before {background: #1b60c6;}
.tab_div .ul_4 > li > a:hover,
.tab_div .ul_4 > li._active > a {color: #3176d0;}
.tab_div .ul_4 > li > a[target=_blank]::after{content: ''; position: relative; top: 2px; display: inline-block; width: 13px; height: 13px; margin: 0 0 0 10px; background: url('../../images/common/ic-a2-blank.png') no-repeat center top;}
.tab_div .ul_4 > li > a[target=_blank]:hover::after {background-position: center bottom;} 

.guide .tab_div.div_5 {display: block;}
.tab_div.div_5 {display: none; margin-top: 25px;}
.tab_div .ul_5 {display: flex; flex-wrap: wrap; align-items: center; background: #e7f3f8;}
.tab_div .ul_5 > li {padding: 0 20px;}
.tab_div .ul_5 > li > a {display: flex; align-items: center; height: 50px; font-family: pm; font-size: 17px; color: #555555;}
.tab_div .ul_5 > li > a:hover,
.tab_div .ul_5 > li._active > a {font-family: psb; color: #3176d0;}

@media screen and (max-width: 1200px) {
  .tab_div .ul_4 > li::after {top: 18px;}
  .tab_div .ul_4 > li > a {height: 55px; font-size: 16px;}
  .tab_div .ul_5 {padding: 6px 0;}
  .tab_div .ul_5 > li > a {height: 38px; font-size: 16px;}
}

@media screen and (max-width: 700px) {
  .tab_div {position: relative;}
  .tab_div .ul_4,
  .tab_div .ul_5 {overflow: hidden; position: absolute; top: calc(100% - 1px); z-index: -1; width: 100%; max-height: 0; margin-bottom: 30px; background: #fff; border: 1px solid #fff; transition: all 0.5s ease;}
  .tab_div .ul_4 {margin-top: 0;}

  .tab_div.div_5 {margin-top: 0px;}
  .tab_div ul.on {z-index: 10; max-height: 600px; padding: 10px 0; background: #fff; border: 1px solid #8795a1;}
  .tab_div .ul_4 > li,
  .tab_div .ul_5 > li {display: block; width: 100% !important; padding: 0; border: 0}
  .tab_div ul li a {display: block; height: auto; padding: 13px 40px; background: #fff; border-bottom: 1px solid #d1d1d1; font-size: 16px; text-align: left; line-height: normal;}
  .tab_div ul li a:hover {border-bottom: 0}
  .tab_div ul li a:after {display: none;}
  .tab_div ul li a[target=_blank]  {background-position: 97% center !important;}
  .tab_div ul li a span {display: block; padding: 0 20px;}
  .tab_div ul li a span:before {bottom: -11px;}
  .tab_div ul li:after {display: none;}

  .tab_div .mobile-tab {position: relative; display: block; width: 100%; margin-bottom: 15px; padding: 13px 30px; text-align: center;}
  .tab_div.div_4 .mobile-tab {margin-top: 25px; background: url('../../images/guide/arrow-sel.png') no-repeat right center; border-bottom: 2px solid #3176d0; font-family: gm; font-size: 17px; color: #3176d0;}
  .tab_div.div_4 .mobile-tab.on {background: url('../../images/guide/arrow-sel-rever.png') no-repeat right center;}
  .tab_div.div_5 .mobile-tab {background: #e7f3f8 url('../../images/guide/arrow-sel2-rever.png') no-repeat right center; font-family: pb; font-size: 16px; color: #000;}
  .tab_div.div_5 .mobile-tab.on {background: #e7f3f8 url('../../images/guide/arrow-sel2.png') no-repeat right center;}

  .tab_div .ul_4 > li {margin: 0; border: 0;}
  .tab_div .ul_4 > li::before {display: none;}
  .tab_div .ul_4 > li > a {height: 30px; padding: 0 20px; border: 0; font-family: pm; font-size: 16px; text-align: center;}
  .tab_div .ul_4 > li > a::before {margin-top: 0;}
  .tab_div .ul_5 > li {border: 0;}
  .tab_div .ul_5 > li:last-child {padding-right: 0px;}
  .tab_div .ul_5 > li > a {height: 30px; padding: 0 20px; border: 0; font-family: pm; font-size: 16px; text-align: center;}
  .tab_div .ul_5 > li > a::before {display: none;}
  .tab_div .ul_4 > li._active > a,
  .tab_div .ul_4 > li:hover > a {border: 0; background: #fff; font-family: pm; color: #000;}
  .tab_div .ul_4 > li > a[target=_blank]::after,
  .tab_div .ul_4 > li._active > a[target=_blank]::after {background: url(../../images/guide/tab-link-blank-grey.png) no-repeat center;}
  .tab_div .ul_4 > li:hover > a[target=_blank]::after {background: url(../../images/guide/tab-link-blank.png) no-repeat center;}
  .tab_div .ul_5 > li._active > a,
  .tab_div .ul_5 > li:hover > a {background: none; border: 0; font-family: pm; font-size: 16px; color: #000;}
  .tab_div .ul_5 > li:hover > a[target=_blank]::after {background: url(../../images/guide/tab-link-blank.png) no-repeat center;}
}

/* List Type */
.con-list1 > ul > li {position: relative; margin: 10px 0 0 0; padding-left: 18px; font-family: pm; font-size: 18px; line-height: 1.5; color: #555555;}
.con-list1 > ul > li::before {content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background: #3176d0; border-radius: 100%;}
.con-list1 > ul > li strong {font-family: pm; color: #111111;}

.con-list2 > ul > li {position: relative; margin: 10px 0 0 0; padding-left: 18px; font-family: pm; font-size: 18px; line-height: 1.5; color: #555555;}
.con-list2 > ul > li::before {content: ''; position: absolute; left: 0; top: 11px; width: 9px; height: 4px; background: url('../../images/guide/bul-list2.png') no-repeat center;}
.con-list2 > ul > li strong {font-family: pm; color: #111111;}

.con-list2.color > ul > li {color: #3176d0;}
.con-list2.color > ul > li::before {background: url('../../images/guide/bul-list2-color.png') no-repeat center;}
.con-list2.color > ul > li strong {color: #3176d0;}

.circle-num-title {position: relative; padding-left: 25px; font-family: pm; font-size: 18px; line-height: 20px; color: #222;}
.circle-num-title .num {position: absolute; left: 0; top: 2px; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: #fcaf17; border-radius: 50%; font-family: pm; font-size: 10px; vertical-align: middle; text-align: center;  line-height: 17px; color: #111;}

.circle-num-list > ul > li {position: relative; margin: 10px 0 0 0; padding-left: 30px; font-family: pm; font-size: 18px; line-height: 1.5; color: #555555;}
.circle-num-list > ul > li .num {position: absolute; left: 0; top: 5px; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 5px; background: #3176d0; border-radius: 100%; font-family: pm; font-size: 12px; text-align: center; color: #fff;}
.circle-num-list > ul > li strong {font-family: 'pm'; color: #111111;}

.word-list > ul > li {display: flex; position: relative; width: 100%; margin: 7px 0 0 0; font-family: 'Noto Regular'; font-size: 18px; line-height: 1.7; color: #666;}
.word-list > ul > li .word {display: inline-block; margin-right: 5px; font-family: 'Noto Regular'; font-size: 18px; vertical-align: top; color: #666;}
.word-list > ul > li strong {font-family: 'Noto Medium'; color: #000;}

@media screen and (max-width: 1200px) {
  .con-list1 > ul > li {font-size: 16px;}
  .con-list1 > ul > li::before {top: 8px;}
  .con-list2 > ul > li {font-size: 16px;}
  .con-list2 > ul > li::before {top: 8px;}
  .circle-num-list > ul > li {font-size: 16px;}
  .circle-num-list > ul > li .num {top: 4px; width: 18px; height: 18px; font-size: 11px;}
}

@media screen and (max-width: 700px) {
  .con-list1 > ul > li {font-size: 15px;}
  .con-list1 > ul > li::before {top: 7px;}
  .con-list2 > ul > li {font-size: 15px;}
  .con-list2 > ul > li::before {top: 7px;}
  .circle-num-list > ul > li {font-size: 15px;}
  .circle-num-list > ul > li .num {top: 4px; width: 18px; height: 18px; font-size: 11px;}
}

/* Icon Banner */
.wrap-icon-banner {display: flex; padding: 50px 0; background: #f0f6f6 url('../../images/guide/deco-icon-banner.jpg') no-repeat right bottom; border-top: 2px solid #00ABB3;}
.wrap-icon-banner .thumb {display: flex; justify-content: center; flex-shrink: 0; width: 285px;}
.wrap-icon-banner .thumb strong {position: relative; display: flex; justify-content: center; align-items: center; width: 154px; height: 148px; background: url('../../images/guide/bg-icon-banner.png') no-repeat center; border-radius: 100%;}
.wrap-icon-banner .desc {flex-grow: 1; padding-right: 40px;}
.wrap-icon-banner .desc .title {font-family: pm; font-size: 22px; color: #222222;}
.wrap-icon-banner .desc .text {margin-top: 10px; font-family: pm; font-size: 18px; color: #555555;}

.icon-list {display: flex; justify-content: space-between; align-items: center;}
.icon-list.bg {padding: 20px 80px; background: #fa9d1c;}
.icon-list.file {justify-content: flex-start;}
.icon-list.file img {margin-right: 20px;}

@media screen and (max-width: 1200px) {
  .wrap-icon-banner .desc .text {font-size: 16px;}
  .icon-list {display: none;}
}

@media screen and (max-width: 700px) {
  .wrap-icon-banner .desc .text {font-size: 15px;}
}

@media screen and (max-width: 850px) {
  .wrap-icon-banner {flex-wrap: wrap; padding: 30px 0;}
  .wrap-icon-banner .thumb {width: 100%;}
  .wrap-icon-banner .desc {padding: 0 30px;}
}

/* Text Banner */
.wrap-text-banner {position: relative; padding: 60px 75px; background: url('../../images/guide/deco-text-banner2.png') no-repeat right bottom; border: 2px solid #e5e5e5; z-index:1;}
.wrap-text-banner.small {padding: 30px 50px;}
.wrap-text-banner::before {content: ''; position: absolute; left: -3px; top: -3px; width: 304px; height: 111px; background: url('../../images/guide/deco-text-banner.png') no-repeat left top; z-index:-1;}
.wrap-text-banner::after {content: ''; position: absolute; right: -3px; bottom: -3px; width: 304px; height: 111px; background: url('../../images/guide/deco-text-banner.png') no-repeat left top; transform: rotate(180deg);}
.wrap-text-banner .title {font-family: pm; font-size: 22px; color: #333333;}
.wrap-text-banner .text {margin-top: 20px; font-family: pm; font-size: 18px; color: #555555;}
.wrap-text-banner .text.no-title {margin-top:0;}
@media screen and (max-width: 1200px) {
  .wrap-text-banner .text {font-size: 16px;}
}

@media screen and (max-width: 1000px) {
  .wrap-text-banner {padding: 40px;}
  .wrap-text-banner.small {padding: 30px;}
}

@media screen and (max-width: 700px) {
  .wrap-text-banner {padding: 25px;}
  .wrap-text-banner .text {font-size: 15px;}
}

/* Link Banner */
.box-link-banner {display: flex; justify-content: space-between;}
.box-link-banner .wrap-link-banner {width: calc(50% - 25px); display: flex; flex-direction: column;}
.wrap-link-banner .title {display: flex; justify-content: space-between; align-items: center; height: 70px; padding: 0 20px; background: #152e6e;}
.wrap-link-banner .title strong {display: flex; align-items: center;}
.wrap-link-banner .title .text {padding-left: 17px; font-family: pb; font-size: 22px; color: #ffffff;}
.wrap-link-banner .title a {display: flex; align-items: center; height: 30px; padding: 0 10px; background: #ffffff; border-radius: 3px; font-family: pm; font-size: 14px; color: #5b5b5b;}
.wrap-link-banner .title a:hover {color: #000;}
.wrap-link-banner .list {padding: 30px 20px; border: 1px solid #aaaaaa; flex:1;}
.wrap-link-banner .list li {position: relative; margin-bottom: 12px; padding-left: 18px; font-family: pm; font-size: 17px; color: #333333;}
.wrap-link-banner .list li:last-child {margin-bottom: 0;}
.wrap-link-banner .list li::after {content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background: #3176d0; border-radius: 100%;}

@media screen and (max-width: 1200px) {
  .wrap-link-banner .title .text {font-size: 20px;}
}

@media screen and (max-width: 900px) {
  .box-link-banner {flex-wrap: wrap;}
  .box-link-banner .wrap-link-banner {width: 100%; }
  .box-link-banner .wrap-link-banner:first-child {margin-bottom: 40px;}
}

@media screen and (max-width: 700px) {
  .wrap-link-banner .title .text {font-size: 18px;}
  .wrap-link-banner .list li {font-size: 15px;}
}

/* Step Banner */
.wrap-step-banner {padding: 50px 70px; border: 1px solid #bbbbbb;}
.wrap-step-banner ul {display: flex; justify-content: space-between; align-items: center;}
.wrap-step-banner li {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 140px; height: 140px; border: 2px solid #00abb3; border-radius: 100px;}
.wrap-step-banner li.arr {width: 30px; height: 30px; background: #3176d0 url('../../images/guide/arr-link-banner.png') no-repeat center; border: 0; border-radius: 100%; }
.wrap-step-banner em {font-family: pb; font-size: 16px; color: #00a0a7;}
.wrap-step-banner strong {font-family: pb; font-size: 18px; color: #222222;}

@media screen and (max-width: 1400px) {
  .wrap-step-banner {padding: 30px;}
  .wrap-step-banner ul {flex-wrap: wrap;}
  .wrap-step-banner li {width: 30%; margin: 10px 0; border-radius: 0;}
}

@media screen and (max-width: 1100px) {
  .wrap-step-banner li {width: 45%; height: 90px;}
}

@media screen and (max-width: 830px) {
  .wrap-step-banner ul {justify-content: center;}
  .wrap-step-banner li {width: 100%; height: 90px;}
  .wrap-step-banner li.arr {transform: rotate(90deg);}
}
/* type2 */
.wrap-step-banner.type2 {padding: 38px 70px; border: 1px solid #bbbbbb;}
.wrap-step-banner.type2 ul {align-items: unset;}
.wrap-step-banner.type2 li {width:auto; height:auto; border:unset; border-radius:unset; flex:1;}
.wrap-step-banner.type2 li.arr {flex:unset;width:auto; height:140px; background:unset; position: relative;}
.wrap-step-banner.type2 li.arr::after {content:''; width:30px; height: 30px; background:#3176d0 url('../../images/guide/arr-link-banner.png') no-repeat center; border-radius:50%;}
.wrap-step-banner.type2.flex li.arr {flex:1;}
.wrap-step-banner.type2 .box {text-align: center; display: flex; flex-direction: column; flex:1; width:100%;}
.wrap-step-banner.type2 .circle {width:140px; height:140px; border:2px solid #00abb3; border-radius:100px; display: flex; align-items: center; justify-content: center; margin: 0 auto; flex-direction: column;}
.wrap-step-banner.type2 em {margin-bottom: 8px;}
.wrap-step-banner.type2 .box strong {margin-top:15px; margin-bottom:10px; display: block; line-height: 24px; display: flex; align-items: center; justify-content: center; min-height:48px;}
.wrap-step-banner.type2 .con-box {border:1px solid #bbb; background:#fafafa; padding:15px 10px;font-family: 'pr'; line-height: 20px; color:#333; letter-spacing: -.05em; flex:1; display: flex; align-items: center; justify-content: center;}

@media screen and (max-width: 1400px) {
  .wrap-step-banner.type2 {padding: 30px;}
  .wrap-step-banner.type2 li {width: 30%; margin: 10px 0; border-radius: 0;}
}

@media screen and (max-width: 1100px) { 
  .wrap-step-banner.type2 li {width: 45%; flex:unset;}
  .wrap-step-banner.type2 li.arr {width:30px;}
}
@media screen and (max-width: 830px) { 
  .wrap-step-banner.type2 ul {justify-content: center;}
  .wrap-step-banner.type2 li {width: 100%; }
  .wrap-step-banner.type2 li.arr {transform: rotate(90deg); height:30px;}
} 
/* type3 */
.wrap-step-banner.type3 {padding: 38px 70px; border: 1px solid #bbbbbb;}
.wrap-step-banner.type3 ul {align-items: unset;}
.wrap-step-banner.type3 li {width:auto; height:auto; border:unset; border-radius:unset; flex:1;}
.wrap-step-banner.type3 li.arr {flex:unset;width:auto; height:140px; background:unset; position: relative;}
.wrap-step-banner.type3 li.arr::after {content:''; width:30px; height: 30px; background:#3176d0 url('../../images/guide/arr-link-banner.png') no-repeat center; border-radius:50%;}
.wrap-step-banner.type3.flex li.arr {flex:1;}
.wrap-step-banner.type3 .box {text-align: center; display: flex; flex-direction: column; flex:1; width:100%;}
.wrap-step-banner.type3 .circle {width:140px; height:140px; border:2px solid #00abb3; border-radius:100px; display: flex; align-items: center; justify-content: center; margin: 0 auto; flex-direction: column; margin-bottom: 15px;}
.wrap-step-banner.type3 em {margin-bottom: 0px;}
.wrap-step-banner.type3 .box strong {margin-top:0px; margin-bottom:0px; display: block; line-height: 24px; display: flex; align-items: center; justify-content: center; min-height:unset;}
.wrap-step-banner.type3 .con-box {border:1px solid #bbb; background:#fafafa; padding:15px 10px;font-family: 'pr'; line-height: 20px; color:#333; letter-spacing: -.05em; flex:1; display: flex; align-items: center; justify-content: center;}

@media screen and (max-width: 1400px) {
  .wrap-step-banner.type3 {padding: 30px;}
  .wrap-step-banner.type3 li {width: 30%; margin: 10px 0; border-radius: 0;}
}

@media screen and (max-width: 1100px) { 
  .wrap-step-banner.type3 li {width: 45%; flex:unset;}
  .wrap-step-banner.type3 li.arr {width:30px;}
}
@media screen and (max-width: 830px) { 
  .wrap-step-banner.type3 ul {justify-content: center;}
  .wrap-step-banner.type3 li {width: 100%; }
  .wrap-step-banner.type3 li.arr {transform: rotate(90deg); height:30px;}
} 

/* type4 */
.wrap-step-banner.type4 {padding: 46px 160px 26px 160px ; border: 1px solid #bbbbbb;}
.wrap-step-banner.type4 ul {align-items: unset;}
.wrap-step-banner.type4 li {width:auto; height:auto; border:unset; border-radius:unset; flex:1;}
.wrap-step-banner.type4 li.arr {flex:unset;width:auto; height:140px; background:unset; position: relative;}
.wrap-step-banner.type4 li.arr::after {content:''; width:30px; height: 30px; background:#3176d0 url('../../images/guide/arr-link-banner.png') no-repeat center; border-radius:50%;}
.wrap-step-banner.type4.flex li.arr {flex: none; width: 60px;}
.wrap-step-banner.type4 .box {text-align: center; display: flex; flex-direction: column; flex:1; width:100%;}
.wrap-step-banner.type4 .circle {width:140px; height:140px; border:2px solid #00abb3; border-radius:100px; display: flex; align-items: center; justify-content: center; margin: 0 auto; flex-direction: column; margin-bottom: 15px;}
.wrap-step-banner.type4 em {margin-bottom: 0px;}
.wrap-step-banner.type4 .box strong {margin-top:0px; margin-bottom:0px; display: block; line-height: 24px; display: flex; align-items: center; justify-content: center; min-height:unset;}
.wrap-step-banner.type4 .box > span{color: #555555;}
.wrap-step-banner.type4 .con-box {border:1px solid #bbb; background:#fafafa; padding:15px 10px;font-family: 'pr'; line-height: 20px; color:#333; letter-spacing: -.05em; flex:1; display: flex; align-items: center; justify-content: center;}

@media screen and (max-width: 1400px) {
  .wrap-step-banner.type4 {padding: 30px;}
  .wrap-step-banner.type4 li {width: 30%; margin: 10px 0; border-radius: 0;}
}

@media screen and (max-width: 1100px) { 
  .wrap-step-banner.type4 li {width: 43%; flex:unset;}
.wrap-step-banner.type4.flex li.arr {width:30px;}
}
@media screen and (max-width: 830px) { 
  .wrap-step-banner.type4 ul {justify-content: center;}
  .wrap-step-banner.type4 li {width: 100%; }
  .wrap-step-banner.type4 li.arr {transform: rotate(90deg); height:30px;}
} 

/* Notify Text */
.noti-txt {position: relative; padding: 3px 0 3px 38px; font-family: pm; font-size: 18px; color: #666;}
.noti-txt.small {padding: 3px 0 3px 30px; font-size: 16px;}
.noti-txt.color1 {color: #d37b00;}
.noti-txt.color2 {color: #009ca3;}
.noti-txt.color3 {color: #152e6e;}
.noti-txt.color4 {color: #3176d0;}
.noti-txt::after {content: ''; position: absolute; left: 0; top: 6px; width: 24px; height: 22px;}
.noti-txt.small::after {top: 4px; width: 22px; height: 20px;}
.noti-txt.color1::after {background: url('../../images/guide/ic-noti1.png') no-repeat center center;}
.noti-txt.color2::after {background: url('../../images/guide/ic-noti2.png') no-repeat center center;}
.noti-txt.color3::after {background: url('../../images/guide/ic-noti3.png') no-repeat center center;}
.noti-txt.color4::after {background: url('../../images/guide/ic-noti4.png') no-repeat center center;}
.noti-txt.color5::after {background: url('../../images/guide/ic-noti5.png') no-repeat center center;}
.noti-txt.small.color1::after {background: url('../../images/guide/ic-noti1-small.png') no-repeat center center;}
.noti-txt.small.color2::after {background: url('../../images/guide/ic-noti2-small.png') no-repeat center center;}
.noti-txt.small.color3::after {background: url('../../images/guide/ic-noti3-small.png') no-repeat center center;}
.noti-txt.small.color4::after {background: url('../../images/guide/ic-noti4-small.png') no-repeat center center;}
.noti-txt.small.color5::after {background: url('../../images/guide/ic-noti5-small.png') no-repeat center center;}

@media screen and (max-width: 1200px) {
  .noti-txt {font-size: 16px;}
  .noti-txt::after {top: 3px;}
  .noti-txt.small {font-size: 15px;}
  .noti-txt.small::after {top: 2px;}
}

@media screen and (max-width: 700px) {
  .noti-txt {font-size: 15px;}
  .noti-txt::after {top: 4px;}
  .noti-txt.small {font-size: 14px;}
  .noti-txt.small::after {top: 3px;}
}

/* Btn Style */
.btn-style1 {display: inline-flex; align-items: center; height: 50px; padding: 0 20px; background-color: #fff;; border: 1px solid #c7d3e3; border-radius: 3px; font-family: pm; font-size: 16px; color: #333333;}
.btn-style1.type1:hover {background: #3176d0; border-color: #3176d0; color: #fff;}
.btn-style1.type2:hover {background: #00abb3; border-color: #00abb3; color: #fff;}
.btn-style1::before {content: ''; display: inline-block; width: 26px; height: 23px; margin-right: 12px;}
.btn-style1.type1::before {background-color:#3176d0;}
.btn-style1.type1:hover::before {background-color:#fff;}
.btn-style1.type2::before {background-color:#00abb3;}
.btn-style1.type2:hover::before {background-color:#fff;}
.btn-style1.arrow::after {content: ''; position: relative; top: -2px; display: inline-block; width: 21px; height: 5px; margin-left: 50px; background: url('../../images/guide/arr-btn.png') no-repeat center;}
.btn-style1.arrow:hover::after {background: url('../../images/guide/arr-btn-on.png') no-repeat center;}
.btn-style1.ico1::before {/* mask:url('../../images/guide/ic-btn1.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn1.svg') no-repeat 50% 50%;}
.btn-style1.ico2::before {/* mask:url('../../images/guide/ic-btn2.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn2.svg') no-repeat 50% 50%;}
.btn-style1.ico3::before {/* mask:url('../../images/guide/ic-btn3.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn3.svg') no-repeat 50% 50%;}
.btn-style1.ico4::before {/* mask:url('../../images/guide/ic-btn4.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn4.svg') no-repeat 50% 50%;}
.btn-style1.ico5::before {/* mask:url('../../images/guide/ic-btn5.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn5.svg') no-repeat 50% 50%;}
.btn-style1.ico6::before {/* mask:url('../../images/guide/ic-btn6.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn6.svg') no-repeat 50% 50%;}
.btn-style1.ico7::before {/* mask:url('../../images/guide/ic-btn7.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn7.svg') no-repeat 50% 50%;}
.btn-style1.ico8::before {/* mask:url('../../images/guide/ic-btn8.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn8.svg') no-repeat 50% 50%;}
.btn-style1.ico9::before {/* mask:url('../../images/guide/ic-btn9.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn9.svg') no-repeat 50% 50%;}
.btn-style1.ico10::before {/* mask:url('../../images/guide/ic-btn10.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn10.svg') no-repeat 50% 50%;}
.btn-style1.ico11::before {/* mask:url('../../images/guide/ic-btn11.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn11.svg') no-repeat 50% 50%;}
.btn-style1.ico12::before {/* mask:url('../../images/guide/ic-btn12.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn12.svg') no-repeat 50% 50%;}
.btn-style1.ico13::before {/* mask:url('../../images/guide/ic-btn13.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn13.svg') no-repeat 50% 50%;}
.btn-style1.ico14::before {/* mask:url('../../images/guide/ic-btn14.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn14.svg') no-repeat 50% 50%;}
.btn-style1.ico15::before {/* mask:url('../../images/guide/ic-btn15.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn15.svg') no-repeat 50% 50%;}
.btn-style1.ico16::before {/* mask:url('../../images/guide/ic-btn16.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn16.svg') no-repeat 50% 50%;}
.btn-style1.ico17::before {/* mask:url('../../images/guide/ic-btn17.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn17.svg') no-repeat 50% 50%;}
.btn-style1.ico18::before {/* mask:url('../../images/guide/ic-btn18.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn18.svg') no-repeat 50% 50%;}
.btn-style1.ico19::before {/* mask:url('../../images/guide/ic-btn19.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn19.svg') no-repeat 50% 50%;}
.btn-style1.ico20::before {/* mask:url('../../images/guide/ic-btn20.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn20.svg') no-repeat 50% 50%;}
.btn-style1.ico21::before {/* mask:url('../../images/guide/ic-btn21.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn21.svg') no-repeat 50% 50%;}
.btn-style1.ico22::before {/* mask:url('../../images/guide/ic-btn22.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn22.svg') no-repeat 50% 50%;}
.btn-style1.ico23::before {/* mask:url('../../images/guide/ic-btn23.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn23.svg') no-repeat 50% 50%;}
.btn-style1.ico24::before {/* mask:url('../../images/guide/ic-btn24.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn24.svg') no-repeat 50% 50%;}
.btn-style1.ico25::before {/* mask:url('../../images/guide/ic-btn25.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn25.svg') no-repeat 50% 50%;}
.btn-style1.ico26::before {/* mask:url('../../images/guide/ic-btn26.svg') no-repeat 50% 50%; */ -webkit-mask:url('../../images/guide/ic-btn26.svg') no-repeat 50% 50%;}

.btn-style2 {display: inline-flex; align-items: center; height: 40px; padding: 0 15px; background-color: #fff; border: 1px solid #c7d3e3; border-radius: 3px; font-family: pm; font-size: 16px; color: #5b5b5b;}
.btn-style2.small {height: 30px; padding: 0 10px; font-size: 14px;}
.btn-style2:hover {background: #eff6ff; border: 1px solid #3176d0; color: #3176d0;}
.btn-style2:hover::after {background-position: center bottom !important;}
.btn-style2.ico1::after {content: ''; position: relative; top: -1px; display: inline-block; width: 15px; height: 14px; margin-left: 30px; background: url('../../images/guide/ic-mini-btn1.png') no-repeat center top;}
.btn-style2.ico2::after {content: ''; position: relative; top: -1px; display: inline-block; width: 15px; height: 15px; margin-left: 30px; background: url('../../images/guide/ic-mini-btn2.png') no-repeat center top;}
.btn-style2.ico3::after {content: ''; position: relative; top: 0px; display: inline-block; width: 17px; height: 9px; margin-left: 30px; background: url('../../images/guide/ic-mini-btn3.png') no-repeat center top;}
.btn-style2.small.ico1::after {content: ''; position: relative; top: -1px; display: inline-block; width: 11px; height: 11px; margin-left: 15px; background: url('../../images/guide/ic-mini-btn1-small.png') no-repeat center top;}
.btn-style2.small.ico2::after {content: ''; position: relative; top: 0px; display: inline-block; width: 12px; height: 12px; margin-left: 15px; background: url('../../images/guide/ic-mini-btn2-small.png') no-repeat center top;}
.btn-style2.small.ico3::after {content: ''; position: relative; top: 0px; display: inline-block; width: 15px; height: 7px; margin-left: 15px; background: url('../../images/guide/ic-mini-btn3-small.png') no-repeat center top;}

.btn-style3 {display: inline-flex; justify-content: center; align-items: center; min-width: 110px; height: 50px; background-color: #fff; border: 1px solid #dddddd; border-radius: 3px; font-family: pm; font-size: 18px; color: #777777;}
.btn-style3.white:hover {background: #eff6ff; border: 1px solid #3176d0; color: #3176d0;}
.btn-style3.color1 {background: #152e6e; border-color: #152e6e; color: #fff;}
.btn-style3.color1:hover {background: #0f2357; border-color: #0f2357;}
.btn-style3.color2 {background: #6e798e; border-color: #6e798e; color: #fff;}
.btn-style3.color2:hover {background: #576174; border-color: #576174;}
.btn-style3.color3 {background: #333333; border-color: #333333; color: #fff;}
.btn-style3.color3:hover {background: #111; border-color: #111111;}
.btn-style3.color4 {background: #00abb3; border-color: #00abb3; color: #fff;}
.btn-style3.color4:hover {background: #008086; border-color: #008086;}
.btn-style3.color5 {background: #e98e10; border-color: #e98e10; color: #fff;}
.btn-style3.color5:hover {background: #c5790e; border-color: #c5790e;}
.btn-style3.color6 {background: #3176d0; border-color: #3176d0; color: #fff;}
.btn-style3.color6:hover {background: #2760ac; border-color: #2760ac;}

@media screen and (max-width: 1200px) {
  .btn-style1 {height: 40px; padding: 0 10px; font-size: 15px;}
  .btn-style1::before {margin-right: 5px;}
  .btn-style1.arrow::after {margin-left: 30px;}

  .btn-style2 {height: 35px; font-size: 14px;}
  .btn-style2.ico2::after {margin-left: 20px;}
  .btn-style2.small {font-size: 13px;}

  .btn-style3 {height: 40px; font-size: 15px;}
}

/* 만족도 조사 */
.wrap-rating {border: 1px solid #dbe5e8;}
.wrap-rating .title {display: flex; align-items: center; padding: 30px 30px 20px 30px; font-family: pm; font-size: 20px; color: #222222;}
.wrap-rating .title::before {content: ''; display: inline-block; width: 40px; height: 40px; margin-right: 10px; background: #f5f5f5 url('../../images/guide/ic-rating1.png') no-repeat center; border-radius: 100%;}
.wrap-rating .form {display: flex; justify-content: space-between; align-items: center; padding: 0 30px 30px 30px;}
/*
.wrap-rating .box-radio input[type="radio"] {appearance: none; margin:0; border-radius:50%;  position: relative; width: 24px; height:24px; position: relative; display: flex; align-items: center; justify-content: center; overflow:hidden; margin-right:10px; cursor: pointer;} 
.wrap-rating .box-radio input[type="radio"]::before {content:''; width:100%; height:100%;  border-radius:50%; position: relative; background:#fff; position: absolute; left:0; top:0; z-index: 1; opacity:1; transition:opacity 0s linear .5s;} 
.wrap-rating .box-radio input[type="radio"]:checked::before {opacity:0;  transition:none;}
.wrap-rating .box-radio input[type="radio"] {border:1px solid #ccc;}
.wrap-rating .box-radio input[type="radio"]:checked {background: #152e6e;}
.wrap-rating .box-radio input[type="radio"]:hover {background: #152e6e;}
.wrap-rating .box-radio.radio-width {display: flex;}
.wrap-rating .box-radio.radio-width label {display: flex; margin-right:50px; align-items: center; font-family: pm; font-size: 18px; color: #222222; cursor: pointer;}
.wrap-rating .box-radio.radio-width input[type="radio"]::after {content:''; width: 10px; height: 10px; display: flex; align-items: center; justify-self: center; background:#fff; border-radius:50%; position: absolute; transition:transform .5s cubic-bezier(0.48,1.97,0.5,0.63); transform:translateX(200%);}
.wrap-rating .box-radio.radio-width input[type="radio"]:checked::after {transform:translateX(0%);}
.wrap-rating .box-radio.radio-width input[type="radio"]:checked ~ input[type="radio"]::after { transform:translateX(-200%);}
*/
.wrap-rating .box-input {display: flex; justify-content: space-between;}
.wrap-rating .box-input input[type="text"] {display: flex; align-items: center; width: 380px; height: 50px; padding: 0 20px; font-family: pm; font-size: 16px; color: #999999;}
.wrap-rating .box-input button {display: flex; align-items: center; height: 50px; margin-left: 10px; padding: 0 30px; background: #3176d0; text-align: center; font-family: pm; font-size: 16px; color: #fff;}
.wrap-rating .box-input button:hover {background: #2564b6;}
.wrap-rating .info {display: flex; justify-content: space-between; align-items: center; height: 90px; padding: 0 30px; background: #f5f5f5;}
.wrap-rating .people {display: flex; align-items: center;}
.wrap-rating .subject {display: flex; align-items: center; font-family: pm; font-size: 20px; color: #222222;}
.wrap-rating .subject::before {content: ''; display: inline-block; width: 40px; height: 40px; margin-right: 10px; background: #fff url('../../images/guide/ic-rating2.png') no-repeat center; border-radius: 100%;}
.wrap-rating .detail {display: flex; align-items: center; padding-left: 40px;}
.wrap-rating .detail dl {display: flex; align-items: center; margin-right: 50px;}
.wrap-rating .detail dt {position: relative; margin-right: 12px; padding-right: 15px; font-family: pm; font-size: 18px; color: #3176d0;}
.wrap-rating .detail dt::after {content: ''; position: absolute; right: 0; top: 8px; width: 1px; height: 12px; background: #cbcbcb;}
.wrap-rating .detail dd {font-family: pm; font-size: 18px; color: #555555;}
.wrap-rating .modify dl {display: flex; align-items: center;}
.wrap-rating .modify dt,
.wrap-rating .modify dd {font-family: pm; font-size: 18px; color: #afafaf;}
.wrap-rating .modify dt {position: relative; margin-right: 18px; padding-right: 20px;}
.wrap-rating .modify dt::after {content: ''; position: absolute; right: 0; top: 8px; width: 1px; height: 12px; background: #cbcbcb;}

@media screen and (max-width: 1300px) {
  .wrap-rating .title {padding: 20px; font-size: 18px;}
  .wrap-rating .form {padding: 0 20px 20px 20px;}
  .wrap-rating .box-radio.radio-width label {margin-right: 20px; font-size: 16px;}
  .wrap-rating .box-input input[type="text"] {width: 250px;}
  .wrap-rating .info {height: 70px; padding: 0 20px;}
  .wrap-rating .subject,
  .wrap-rating .detail dt,
  .wrap-rating .detail dd,
  .wrap-rating .modify dt,
  .wrap-rating .modify dd {font-size: 16px;}
  .wrap-rating .detail dl {margin-right: 30px;}
  .wrap-rating .detail {padding-left: 30px;}
}

@media screen and (max-width: 1000px) {
  .wrap-rating .title {font-size: 16px;}
  .wrap-rating .form {flex-wrap: wrap;}
  .wrap-rating .box-radio {width: 100%;}
  .wrap-rating .box-input {width: 100%; margin-top: 20px;}
  .wrap-rating .box-radio.radio-width label {margin-right: 10px; font-size: 15px;}
  .wrap-rating .box-radio input[type="radio"] {margin-right: 5px;}
  .wrap-rating .box-input input[type="text"] {width: calc(100% - 120px); font-size: 15px;}
  .wrap-rating .box-input button {width: 120px;}
  .wrap-rating .subject,
  .wrap-rating .detail dt,
  .wrap-rating .detail dd,
  .wrap-rating .modify dt,
  .wrap-rating .modify dd {font-size: 15px;}
  .wrap-rating .detail dt::after {top: 5px;}
  .wrap-rating .info {flex-wrap: wrap; height: auto; padding: 20px;}
  .wrap-rating .people {width: 100%;}
  .wrap-rating .modify {width: 100%; margin-top: 10px;}
  .wrap-rating .modify dt::after {top: 5px;}
  .wrap-rating .modify dl {justify-content: flex-end;}
}

@media screen and (max-width: 730px) {
  .wrap-rating .people {flex-wrap: wrap;}
  .wrap-rating .subject {width: 100%;}
  .wrap-rating .detail {flex-wrap: wrap; padding-left: 50px;}
}

/* 준비중 */
.wrap-ready {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 45px 0 55px 0; background: url('../../images/guide/bg-ready.jpg') no-repeat center top; background-size: cover; border: 5px solid #e5e5e5; text-align: center;}
.wrap-ready .icon {width: 100%; padding: 0 24%;}
.wrap-ready .txt {width: 100%;}
.wrap-ready .big-txt {margin-top: 37px; font-family: pb; font-size: 35px; color: #222;}
.wrap-ready .big-txt strong {position: relative;}
.wrap-ready .big-txt strong::before {content: ''; position: absolute; right: calc(100% + 16px); top: 0; width: 26px; height: 22px; background: url('../../images/guide/deco-ready1.png') no-repeat center;}
.wrap-ready .big-txt strong::after {content: ''; position: absolute; left: calc(100% + 10px); top: 0; width: 26px; height: 22px; background: url('../../images/guide/deco-ready2.png') no-repeat center;}
.wrap-ready .big-txt em {color: #00abb3;}
.wrap-ready .small-txt {margin-top: 18px; font-family: pl; font-size: 18px; line-height: 1.8; color: #555555;}

@media screen and (max-width: 1200px) {
  .wrap-ready .big-txt {font-size: 30px;}
  .wrap-ready .small-txt {font-size: 16px;}
}

@media screen and (max-width: 700px) {
  .wrap-ready .big-txt {font-size: 25px;}
  .wrap-ready .small-txt {font-size: 15px;}
}

.airpop {padding: 30px;}

.img-zoom {text-align: center;}

/* Contact */
.wrap-contact {display: flex; align-items: center; justify-content: space-between; min-height: 100px; margin-top: 70px; padding: 20px 50px; background: none; border: 4px solid #e4e9f6;}
.wrap-contact .title strong {font-family: pb; font-size: 20px; color: #00275d;}
.wrap-contact .info {display: flex;}
.wrap-contact .info .text {display: flex; align-items: flex-start;}
.wrap-contact .info .text li {position: relative; padding-left: 15px; font-family: pm; font-size: 16px; color: #333333; margin-right:15px;}
.wrap-contact .info .text li::before {content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; background: #122652; border-radius: 50%;}

@media screen and (max-width: 1500px) {
  .wrap-contact {height: auto; padding: 30px 50px;}
  .wrap-contact .info {flex-direction: column; align-items: flex-end;}
  .wrap-contact .btn {margin-top: 10px;}
}

@media screen and (max-width: 1200px) {
  .wrap-contact {padding: 30px;}
  .wrap-contact .info .text li {font-size: 15px;}
  .wrap-contact .info .text li::before {top: 8px;}
  .wrap-contact .info .text {flex-direction: column; align-items: flex-end;}
}

@media screen and (max-width: 800px) {
  .wrap-contact {margin-top: 40px;}
  .wrap-contact {flex-wrap: wrap; justify-content: flex-start}
  .wrap-contact .title {width: 100%; margin-bottom: 10px;}
  .wrap-contact .info {width: 100%; align-items: flex-start;}
  .wrap-contact .info .text {width: 100%; align-items: flex-start;}
  .wrap-contact .info .text li {margin-left: 0;}
  .wrap-contact .btn a {margin: 0 10px 10px 0}
}