@charset "utf-8";

/* Copy Code */
.copyBtn {position: absolute; right: 100%; top: 0; padding-right: 1rem;}
.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: #00aae5; border: 1px solid #00aae5; color: #fff;}

@media screen and (max-width: 1100px) {
	.copyCode .copyBtn {display: none;}
}

/* Heading */
.objHeading_h2 {position: relative; display: block; margin-top: 5rem; padding-left: 2rem; font-family: sm; font-size: 2.8rem; line-height: 1.2; color: #000;}
.objHeading_h2::before {content: ''; position: absolute; left: 0; top: 0; width: .5rem; height: 2.6rem; background: #00aae5; border-radius: .2rem;}
.objHeading_h3 {position: relative; display: block; margin-top: 3.2rem; padding-left: 2.5rem; font-family: sm; font-size: 2.2rem; line-height: 1.2;  color: #042e6f;}
.objHeading_h3.bridge {margin-top: 2rem;}
.objHeading_h3::before {content: ''; position: absolute; left: 0; top: .2rem; width: 1.6rem; height: 1.6rem; background: url('../../images/guide/ic-sbj2.png') no-repeat center;}
.objHeading_h4 {position: relative; display: block; margin-top: 3.2rem; padding-left: 2rem; font-family: sl; font-size: 2rem; line-height: 1.2; color: #00aae5;}
.objHeading_h4.bridge {margin-top: 2.3rem;}
.objHeading_h4::before {content: ''; position: absolute; left: 0; top: .4rem; width: 1rem; height: 1rem; background: #00aae5; border-radius: 100%;}
.objHeading_h5 {position: relative; display: block; margin-top: 3rem; padding-left: 2rem; font-family: sl; font-size: 1.8rem; line-height: 1.2; color: #0faa8f;}
.objHeading_h5::before {content: ''; position: absolute; left: 0; top: .6rem; width: .5rem; height: .5rem; background: #0faa8f;}

.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;}

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

.cus-title {display: flex; align-items: center; margin-top: 5rem;}
.cus-title .button {margin-left: 3rem;}
.cus-title .objHeading_h2 {margin-top: 0;}
.cus-title .btn-style2 {position: relative; top: -.3rem;}

@media screen and (max-width: 1100px) {
	.cus-title {justify-content: space-between;}
}

@media screen and (max-width: 768px) {
	.cus-title {flex-direction: column; align-items: flex-start;}
	.cus-title .button {margin-left: 0; margin-top: 2rem;}
}

.table-title {display: flex; align-items: center; justify-content: space-between;}
.table-title .objHeading_h2 {margin-top: 0;}
.table-title.end {justify-content: flex-end;}

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

/* Point Color */
.c1 {color:#00aae5 !important;}
.c2 {color:#22259c !important;}
.c3 {color:#171717 !important;}
.c4 {color:#d1455f !important;}
.b1 {font-family: pb !important;}
.b2 {font-family: psb !important;}

/* Link Line */
.link-line {position: relative; color: #666;}
.link-line:hover {color: #004a8f;}
.link-line::after {content: ''; display: inline-block; width: 1rem; height: 1rem; margin-left: .5rem; margin-right: .5rem; margin-top: -.3rem; 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: 1px; height: 100%; background: #fff;}
.con-table table {position: relative;}
.con-table table::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #000000;}
.con-table table.align-c td {text-align: center;}
.con-table thead {position: relative;}
.con-table thead::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000000;}
.con-table thead th {padding: 1.35rem 1rem; background: #f1f1f1; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; font-weight: normal; font-family: pm; font-size: 1.7rem; color: #000000;}
.con-table tbody {display: table-header-group;}
.con-table tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #8a8a8a;}
.con-table tbody th {padding: 1.2rem 2rem; background:#f1f6fa; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: pm; font-weight: 400; font-size: 1.7rem; color: #000000;}
.con-table tbody td {padding: 1.2rem 2rem; background:#fff; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: pr; font-size: 1.6rem; text-align: left; color: #555555; line-height: 1.6;}
.con-table.center tbody td {text-align: center;}
.con-table tbody td a {color: #333;}
.con-table.mini thead th,
.con-table.mini tbody th,
.con-table.mini tbody td {padding: .7rem; font-size: 1.5rem;}
.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 .con-list1 > ul > li {font-size: 1.6rem; color: #555;}
.con-table .circle-num-list > ul > li {font-size: 1.6rem; color: #555;}
.con-table .circle-num-list > ul > li > .num {top: .3rem;}

@media screen and (max-width: 768px){
	.con-table {overflow-x: hidden; min-height: 13rem;}
	.con-table.on {min-height: auto;}
	.con-table.no-scroll {min-height: auto;}
	.con-table table {width: 130rem;}
	.con-table.no-scroll table {width: 100%;}
	.con-table:after {content: ''; position: absolute; right: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url('../../images/guide/img_mobile_text.png') no-repeat center 2rem;}
	.en .con-table:after {background: rgba(31,59,101,0.1) url('../../images/guide/img_mobile_text_en.png') no-repeat center 2rem;}
	.con-table.on:after,
	.con-table.no-scroll:after {display: none;}
	.con-table thead th,
	.con-table tbody th,
	.con-table tbody td {font-size: 1.7rem;}
}

.con-table2 {position: relative; line-height: 1.6;}
.con-table2:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #0c0c0c;}
.con-table2 table {position: relative;}
.con-table2 table:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: .2rem; background: #1473e6}
.con-table2 thead th {padding: 1.6rem 1rem; background: #ecf3fd; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: ppm; font-size: 1.7rem; font-weight: 400; color: #000;}
.con-table2 tbody {display: table-header-group;}
.con-table2 tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #8a8a8a;}
.con-table2 tbody th {padding: 1.6rem 1.9rem; background:#ecf3fd; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: ppm; font-size: 1.7rem; font-weight: 400; color: #000;}
.con-table2 tbody td {padding: 1.6rem 1.9rem; background:#fff; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: ppr; font-size: 1.7rem; text-align: left; color: #333333;}
.con-table2 tbody td.foot {background: #fafafa;}
.con-table2.center tbody td {text-align: center;}
.con-table2.mini thead th,
.con-table2.mini tbody th,
.con-table2.mini tbody td {padding: .7rem; font-size: 1.5rem;}
.con-table2.links tbody td {vertical-align: middle;}
.con-table2.links tbody td > div {display: flex; align-items: center;}
.con-table2.links tbody td p {flex: 1; float: left;}
.con-table2.links tbody td p span {font-size: 1.4rem;}
.con-table2.links tbody td a {float: right;}
.con-table2 tbody td a {color: #333;}
.con-table2 .list > li {position: relative; padding-left: 1.5rem;}
.con-table2 .list > li:after {content: ''; position: absolute; left: 0; top: 1.1rem; width: .3rem; height: .3rem; background: #111; border-radius: 100%;}
.con-table2 .list2 > li {position: relative; padding-left: 1.5rem;}
.con-table2 .list2 > li:after {content: ''; position: absolute; left: 0; top: 1rem; width: .7rem; height: .2rem; background: #777;}
.con-table2 .align-l {text-align: left !important;}
.con-table2 .align-c {text-align: center !important;}
.con-table2 .align-r {text-align: right !important;}
.con-table2 .align-t {vertical-align: top !important;}
.con-table2 strong {font-family: ppm; color: #000;}

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

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

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

@media screen and (max-width: 768px){
	.con-table2 thead th,
	.con-table2 tbody th,
	.con-table2 tbody td {font-size: 1.7rem;}
	.con-table2 {overflow-x: hidden; min-height: 13rem;}
	.con-table2.on {min-height: auto;}
	.con-table2.no-scroll {min-height: auto;}
	.con-table2 table {width: 130rem;}
	.con-table2.no-scroll table {width: 100%;}
	.con-table2: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 2rem;}
	.en .con-table2:after {background: rgba(31,59,101,0.1) url('../../images/guide/img_mobile_text_en.png') no-repeat center 2rem;}
	.con-table2.on:after,
	.con-table2.no-scroll:after {display: none;}
}

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

@media screen and (max-width: 768px) {
	.tab_div {position: relative;}
	.tab_div .mobile-tab {position: relative; display: block; width: 100%; height: 6rem; margin-bottom: 1.5rem; padding: 0 3rem; text-align: left;}
	.tab_div ul.on {z-index: 10; max-height: 60rem; padding: 1rem 0; background: rgba(255,255,255,1); border: 1px solid #00aae5; border-radius: .5rem; box-shadow: 0 2px 10px rgba(0,0,0,.2);}
	.tab_div ul li a {display: block; height: auto; padding: 1.3rem 4rem; border-bottom: 1px solid #d1d1d1; font-size: 1.6rem; 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;}
	.tab_div ul li a span:before {bottom: -1.1rem;}
	.tab_div ul li:after {display: none;}
}

/* 3Depth Tab */
.tab_div.div_3 {overflow: hidden; position: relative; z-index: 1; margin-top: 4.5rem; border: 1px solid #c0c0c0; border-bottom: 0; border-radius: .4rem; font-size: 0;}
.tab_div .ul_3 {position: relative; display: flex; flex-wrap: wrap; align-items: center;}
.tab_div .ul_3::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #c0c0c0;}
.tab_div .ul_3 > li {position: relative; width: 25%; height: 100%;}
.tab_div .ul_3 > li::after {content: ''; position: absolute; right: -.1rem; top: 1.4rem; width: 1px; height: 3rem; background: #c0c0c0;}
.tab_div .ul_3 > li._active::after {display: none;}
.tab_div .ul_3 > li > a {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 1.6rem 1.7rem; border-bottom: 1px solid #c0c0c0; font-family: sl; font-size: 1.8rem; color: #252525; text-align: center; transition: .25s;}
.tab_div .ul_3 > li > a span {position: relative; top: .3rem;}
.tab_div .ul_3 > li._active > a,
.tab_div .ul_3 > li > a:hover {border-bottom: .1rem solid #00aae5; background: #00aae5; color: #fff;}
.tab_div .ul_3 > li > a[target="_blank"] span::after {content: ''; position: relative; top: .25rem; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 1rem; background: url('../../images/guide/new-win2.png') no-repeat center bottom;}
.tab_div .ul_3 > li > a[target="_blank"]:hover span::after {background-position: center top;}

@media screen and (max-width: 768px) {
	.tab_div.div_3 {overflow: visible; border: 0 solid #000;}
	.tab_div.div_3 .mobile-tab {background: #00aae5 url('../../images/guide/arrow-sel.png') no-repeat calc(100% - 3rem) center; border-radius: .4rem; font-family: sm; font-size: 1.8rem; color: #fff;}
	.tab_div.div_3 .mobile-tab.on {background: #00aae5 url('../../images/guide/arrow-sel-on.png') no-repeat calc(100% - 3rem) center;}
	.tab_div .ul_3 {overflow: hidden; position: absolute; top: calc(100% + 1rem); z-index: -1; width: 100%; max-height: 0; margin-bottom: 3rem; background: #fff; border: 1px solid #fff; transition: all 0.5s ease;}
	.tab_div .ul_3 > li {display: block; width: 100% !important; padding: 0; margin: 0; padding: .8rem 0; border: 0;}
	.tab_div .ul_3 > li::before {display: none;}
	.tab_div .ul_3 > li > a {justify-content: flex-start; padding: 0 2rem; border: 0; font-size: 1.7rem; text-align: left; color: #333;}
	.tab_div .ul_3 > li > a::before {display: none;}
	.tab_div .ul_3 > li._active > a,
	.tab_div .ul_3 > li:hover > a {background: transparent; border: 0; color: #00aae5;}
	.tab_div .ul_3 > li > a[target=_blank]::after,
	.tab_div .ul_3 > li._active > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank-grey.png') no-repeat center;}
	.tab_div .ul_3 > li:hover > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank.png') no-repeat center;}
}

/* 4Depth Tab */
.wrap-tab {position: relative; z-index: 10;}
.tab_div.div_4 {overflow: hidden; position: relative; z-index: 1; margin-top: 4.5rem; border: 1px solid #c0c0c0; border-bottom: 0; border-radius: .4rem; font-size: 0;opacity: 0;}
.tab_div.div_4.on {opacity: 1;}
.tab_div .ul_4 {position: relative; display: flex; flex-wrap: wrap; align-items: center;}
.tab_div .ul_4::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #c0c0c0;}
.tab_div .ul_4 > li {position: relative; width: 25%; height: 100%;}
.tab_div .ul_4 > li::after {content: ''; position: absolute; right: -.1rem; top: 1.4rem; width: 1px; height: 3rem; background: #c0c0c0;}
.tab_div .ul_4 > li._active::after {display: none;}
.tab_div .ul_4 > li > a {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 1.6rem 1.7rem; border-bottom: 1px solid #c0c0c0; font-family: sl; font-size: 1.8rem; color: #252525; text-align: center; transition: .25s;}
.tab_div .ul_4 > li > a span {position: relative; top: .3rem;}
.tab_div .ul_4 > li._active > a,
.tab_div .ul_4 > li > a:hover {border-bottom: .1rem solid #00aae5; background: #00aae5; color: #fff;}
.tab_div .ul_4 > li > a[target="_blank"] span::after {content: ''; position: relative; top: .25rem; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 1rem; background: url('../../images/guide/new-win2.png') no-repeat center bottom;}
.tab_div .ul_4 > li > a[target="_blank"]:hover span::after {background-position: center top;}

@media screen and (max-width: 768px) {
	.tab_div.div_4 {min-height: 6rem;overflow: visible; border: 0 solid #000;}
	.tab_div.div_4 .mobile-tab {background: #00aae5 url('../../images/guide/arrow-sel.png') no-repeat calc(100% - 3rem) center; border-radius: .4rem; font-family: sm; font-size: 1.8rem; color: #fff;}
	.tab_div.div_4 .mobile-tab.on {background: #00aae5 url('../../images/guide/arrow-sel-on.png') no-repeat calc(100% - 3rem) center;}
	.tab_div .ul_4 {overflow: hidden; position: absolute; top: calc(100% + 1rem); z-index: -1; width: 100%; max-height: 0; margin-bottom: 3rem; background: #fff; border: 1px solid #fff; transition: all 0.5s ease;}
	.tab_div .ul_4 > li {display: block; width: 100% !important; padding: 0; margin: 0; padding: .8rem 0; border: 0;}
	.tab_div .ul_4 > li::before {display: none;}
	.tab_div .ul_4 > li > a {justify-content: flex-start; padding: 0 2rem; border: 0; font-size: 1.7rem; text-align: left; color: #333;}
	.tab_div .ul_4 > li > a::before {display: none;}
	.tab_div .ul_4 > li._active > a,
	.tab_div .ul_4 > li:hover > a {background: transparent; border: 0; color: #00aae5;}
	.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;}
}

/* 5Depth Tab */
.tab_div.div_5 {display: none; margin-top: 3rem; border: 1px solid #e9e9e9;}
.tab_div .ul_5 {display: flex; flex-wrap: wrap; padding: 0 4rem 0 2rem;}
.tab_div .ul_5 > li > a {display: flex; justify-content: center; align-items: center; position: relative; padding: 1.8rem 2rem; font-family: ppr; font-size: 1.6rem; color: #666; transition: .3s;}
.tab_div .ul_5 > li > a::before {content: ''; position: absolute; left: .5rem; top: 2.8rem; width: .5rem; height: .5rem; background: #989898; border-radius: 50%;}
.tab_div .ul_5 > li > a:hover,
.tab_div .ul_5 > li._active > a {color: #1174ff}
.tab_div .ul_5 > li > a:hover::before,
.tab_div .ul_5 > li._active > a::before {background: #1174ff;}

@media(max-width: 768px) {
	.tab_div.div_5 {margin-top: 2rem;}
}

@media (max-width: 500px) {
	.tab_div .ul_5 {padding: 0;}
	.tab_div .ul_5 > li {width: 33.3333%;}
	.tab_div .ul_5 > li > a {padding: 1.2rem 2rem; font-size: 1.5rem;}
	.tab_div .ul_5 > li > a::before {left: 4.5vw; top: 2rem}
}

/* List Type */
.con-list1 > ul > li {position: relative; margin: .1rem 0 0 0; padding-left: 2rem; font-family: pm; font-size: 1.7rem; line-height: 1.6; color: #555555;}
.con-list1 > ul > li:first-child {margin-top: 0;}
.con-list1 > ul > li::before {content: ''; position: absolute; left: 0; top: 1.1rem; width: .8rem; height: .2rem; background: #424242;}
.con-list1.btn-list > ul > li::before {top: 1.4rem;}
.con-list1 > ul > li strong {font-family: pb; color: #111111;}

.con-list2 > ul > li {position: relative; margin: .1rem 0 0 0; padding-left: 1.5rem; font-family: pr; font-size: 1.5rem; line-height: 1.6; color: #666666;}
.con-list2 > ul > li:first-child {margin-top: 0;}
.con-list2 > ul > li::before {content: ''; position: absolute; left: 0; top: .9rem; width: .4rem; height: .4rem; background: #222222;border-radius: 50%;}
.con-list2 > ul > li strong {font-family: pb; color: #111111;}

.con-list3 > ul > li {position: relative; margin: .3rem 0 0 0; padding-left: 2rem; font-family: pm; font-size: 1.7rem; line-height: 1.6; color: #555555;}
.con-list3 > ul > li:first-child {margin-top: 0;}
.con-list3 > ul > li::before {content: ''; position: absolute; left: 0; top: 1rem; width: .6rem; height: .6rem; background: #c8c8c8; border-radius: 100%;}
.con-list3 > ul > li strong {font-family: pb; color: #111111;}

.circle-num-title {position: relative; padding-left: 2.5rem; font-family: ppm; font-size: 1.8rem; line-height: 2rem; color: #222;}
.circle-num-title .num {position: absolute; left: 0; top: .2rem; display: inline-block; width: 1.6rem; height: 1.6rem; margin-right: .5rem; background: #fcaf17; border-radius: 50%; font-family: ppm; font-size: 1rem; vertical-align: middle; text-align: center; line-height: 1.7rem; color: #111;}

.circle-num-list > ul > li {position: relative; margin: .8rem 0 0 0; padding-left: 3rem; font-family: pm; font-size: 1.7rem; line-height: 1.6; color: #555555;}
.circle-num-list > ul > li > .num {position: absolute; left: 0; top: .4rem; display: flex; justify-content: center; width: 2rem; height: 2rem; background: #555555; border-radius: .5rem; font-family: sm; font-size: 1.2rem; text-align: center; line-height: 2.1rem; color: #fff;}
.circle-num-list.reverse  > ul > li > .num {background: #fff; border: 1px solid #555555; color: #171717;}
.circle-num-list > ul > li strong {font-family: psb; color: #111111;}

.circle-text-list > ul > li {position: relative; margin: 1rem 0 0 0; padding-left: 3.5rem; font-family: pm; font-size: 1.7rem; line-height: 1.6; color: #555555;}
.circle-text-list > ul > li > .num {position: absolute; left: 0; top: .2rem; display: flex; justify-content: center; width: 2.2rem; height: 2.2rem; background: #042e6f; border-radius: 100%; font-family: sl; font-size: 1.3rem; text-align: center; line-height: 2.5rem; color: #fff;}
.circle-text-list > ul > li strong {font-family: psb; color: #111111;}

/* Notify Text */
.noti-txt {position: relative; padding: 0 0 0 2.5rem; font-family: pm; font-size: 1.6rem; color: #171717;}
.noti-txt::after {content: ''; position: absolute; left: 0; top: .35rem; width: 1.6rem; height: 1.6rem;}
.noti-txt.color1.font-color {color: #155fbb;}
.noti-txt.color1::after {background: url('../../images/guide/ic-noti1.png') no-repeat center center;}
.noti-txt.color2.font-color {color: #bc7504;}
.noti-txt.color2::after {background: url('../../images/guide/ic-noti2.png') no-repeat center;}
.noti-txt.color3.font-color {color: #d1455f;}
.noti-txt.color3::after {background: url('../../images/guide/ic-noti3.png') no-repeat center;}

/* Btn Style */
.btn-style1 {overflow: hidden; position: relative; display: inline-flex; align-items: center; height: 4.5rem; padding: .5rem 0; background: #fff; border-radius: .5rem; font-family: pm; font-size: 1.6rem; transition: .3s;}
.btn-style1 p {padding: 0 5rem;}
.btn-style1::before {content: ''; width: 4.5rem; height: 4.5rem; background: url('../../images/guide/ic-btn1.png') no-repeat center center; border-right: 1px solid rgba(255,255,255,.3);}
.btn-style1.ico2::before {content: ''; width: 4.5rem; height: 4.5rem; background: url('../../images/guide/ic-btn4.png') no-repeat center center; border-right: 1px solid rgba(255,255,255,.3);}
.btn-style1.color1::before {background-color: #00aae5 !important;}
.btn-style1.color2::before {background-color: #302a6c !important;}
.btn-style1.color1 {border: 1px solid #00aae5; color: #00aae5;}
.btn-style1.color1:hover {background: #00aae5; color: #fff;}
.btn-style1.color2 {border: 1px solid #302a6c; color: #302a6c;}
.btn-style1.color2:hover {background: #302a6c; color: #fff;}

.btn-style2 {display: inline-flex; align-items: center; height: 3.5rem; padding: 0 1.5rem; background-color: #fff; border-radius: .3rem; font-family: pm; font-size: 1.4rem; transition: .3s;}
.btn-style2.ico1 {border: 1px solid #00aae5; color: #00aae5 !important;}
.btn-style2.ico1:hover {background: #00aae5; color: #fff !important;}
.btn-style2.ico1::after {content: ''; position: relative; top: -.1rem; display: flex; width: 1.4rem; height: 1rem; margin-left: 1.5rem; background: url('../../images/guide/ic-btn2.png') no-repeat center top / cover;}
.btn-style2.ico1:hover::after {background-position: center bottom !important;}

.btn-style2.ico2 {border: 1px solid #042e6f; color: #042e6f !important;}
.btn-style2.ico2:hover {background: #042e6f; color: #fff !important;}
.btn-style2.ico2::after {content: ''; position: relative; top: -.1rem; display: flex; width: 1.4rem; height: 1.4rem; margin-left: 1.5rem; background: url('../../images/guide/ic-btn3.png') no-repeat center top / cover;}
.btn-style2.ico2:hover::after {background-position: center bottom !important;}

.line-box {position: relative; border:2px solid #d3d2d2; padding:3rem; border-radius:.5rem; overflow:hidden;}

/* Con Link */
.con-link::after {content: ''; position: relative; top: .2rem; display: inline-block; width: 1.6rem; height: 1.6rem; margin: 0 .5rem; background: url('../../images/guide/ic-con-link.png') no-repeat center bottom / cover;}
.con-link span {position: relative; color: #00aae5;}
.con-link span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: .1rem; background: #00aae5; transition: width .35s;}
.con-link:hover span::after {width: 100%;}

/* Step Banner */
.ic-list {display: flex; gap: 2rem; flex-wrap: wrap; align-items: center;}
.wrap-step-banner ul {display: flex;}
.wrap-step-banner li {position: relative; display: flex; justify-content: flex-start; align-items: center; min-height: 12rem; padding: 1rem 2rem 1rem 3rem; border: 1px solid #bababa; border-radius: .5rem;}
.wrap-step-banner li .icon {flex-shrink: 0;}
.wrap-step-banner.col1 li {width: 100%;}
.wrap-step-banner.col2 li {width: 50%;}
.wrap-step-banner.col3 li {width: 33.333%;}
.wrap-step-banner.col4 li {width: 25%;}
.wrap-step-banner.col5 li {width: 17.9%;}
.wrap-step-banner li.arr {flex-grow: 0; flex-shrink: 0; width: 4rem; height: 3rem; padding: 0; background: url('../../images/guide/step-box-arrow.png') no-repeat center; border: 0;}
.wrap-step-banner li .box {display: flex; flex-direction: column; margin-left: 2rem;}
.wrap-step-banner em {display: block; margin-bottom: .4rem; font-family: pb; font-size: 1.4rem; color: #042e6f;}
.wrap-step-banner strong {font-family: pr; font-size: 1.6rem; line-height: 1.2; color: #555555;}
.wrap-step-banner span,
.wrap-step-banner span a {font-family: pr; font-size: 1.6rem; color: #155fbb;}
.wrap-step-banner.no-icon li {padding: 0 2.5rem;}
.wrap-step-banner.no-icon li .box {margin-left: 0;}
.wrap-step-banner.no-icon li::before {display: none;}

@media screen and (max-width: 1400px) {
	.ic-list {display: none;}
	.wrap-step-banner ul {flex-wrap: wrap; justify-content: flex-start;}
	.wrap-step-banner li {width: 43% !important; height: 11rem; margin: 1rem 0; border-radius: 0;}
	.wrap-step-banner li.arr {width: 7% !important;}
}

@media screen and (max-width: 830px) {
  	.wrap-step-banner {margin-bottom: 3.5rem;margin-top: 3.5rem;}
	.wrap-step-banner ul {justify-content: center;}
	.wrap-step-banner li {width: 100% !important; height: auto; margin: -1.5rem 0; padding: 2rem !important;}
	.wrap-step-banner li.arr {transform: rotate(90deg);}
}

/* Line Banner */
.line-banner {padding: 2.5rem 4rem; background: #f7f7f7;}
.line-banner ul {display: flex; flex-wrap: wrap;}
.line-banner li {display: flex; justify-content: space-between; align-items: center; width: 50%; padding: .5rem 0;}
.line-banner li:nth-child(odd) {position: relative; padding-right: 4rem;}
.line-banner li:nth-child(odd)::after {content: ''; position: absolute; right: 0; top: .9rem; width: 1px; height: 2.6rem; background: #c6c6c6;}
.line-banner li:nth-child(even) {padding-left: 4rem;}
.line-banner .text {font-family: pr; font-size: 1.7rem; color: #333333;}

@media screen and (max-width: 1100px) {
	.line-banner li {width: 100%; margin: .5rem 0; padding: 0 !important;}
	.line-banner li::after {display: none;}
}

@media screen and (max-width: 650px) {
	.line-banner li {flex-direction: column; align-items: flex-start; padding-bottom: 1.5rem !important; border-bottom: 1px solid #d1d1d1;}
	.line-banner li:last-child {border: 0;}
	.line-banner .btn {margin-top: .5rem;}
}

/* Contact */
.wrap-contact {display: flex; align-items: center; justify-content: space-between; height: 10rem; padding: 0 6rem; background: #f5f5f5;}
.wrap-contact .title {position: relative; flex-shrink: 0; width: 36.5rem;}
.wrap-contact .title::after {content: ''; position: absolute; right: 0; top: 50%; width: 10rem; height: 1px; background: #000;}
.wrap-contact .title strong {font-family: sl; font-size: 2rem; color: #000000;}
.wrap-contact .info {flex-grow: 1; padding-left: 5rem;}
.wrap-contact .info .row {display: flex; align-items: center; width: 100%;}
.wrap-contact .info .row li {display: flex; align-items: center; width: 33.333%; font-family: pr; font-size: 1.7rem; color: #000000;}
.wrap-contact .info .row .text {margin-left: 2rem;}

@media screen and (max-width: 1300px) {
	.wrap-contact {flex-direction: column; align-items: flex-start; justify-content: center; height: auto; padding: 3rem 4rem;}
	.wrap-contact .info {width: 100%; padding-left: 0; padding-top: 1.5rem;}
	.wrap-contact .info .row li {width: auto; padding-right: 2rem;}
}

@media screen and (max-width: 768px) {
	.wrap-contact .info .row {flex-direction: column; align-items: flex-start;}
	.wrap-contact .info .row li {padding: 0; padding: 1rem 0;}
	.wrap-contact .info .row li .icon {width: 4rem; text-align: center;}
}

/* 준비중 */
.wrap-ready {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 8rem 0;  border: 6px solid #e5e5e5; border-radius: 1rem; text-align: center;}
.wrap-ready .icon {width: 100%; padding: 0 24%;}
.wrap-ready .txt {width: 100%;}
.wrap-ready .big-txt {margin-top: 4rem; font-family: sm; font-size: 4rem; color: #000000;}
.wrap-ready .big-txt strong {position: relative;}
.wrap-ready .big-txt em {color: #00aae5;}
.wrap-ready .small-txt {font-family: pm; font-size: 2.2rem; line-height: 1.8; color: #555555;}

@media screen and (max-width: 1100px) {
	.wrap-ready .big-txt {font-size: 3rem;}
	.wrap-ready .small-txt {font-size: 1.8rem;}
}

@media screen and (max-width: 768px) {
	.wrap-ready .icon img {max-width: 70%}
	.wrap-ready .big-txt {font-size: 2.5rem;}
	.wrap-ready .small-txt {font-size: 1.5rem;}
}

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