@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; font-family: ppb; font-size: 13px; white-space: nowrap; opacity: 0; transition: opacity .45s;}
.copyBtn.on span {opacity: 1;}
.copyBtn:hover span {background: #940d13; border: 1px solid #940d13; color: #fff;}

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

/* Heading */
.objHeading_h2 {position: relative;display: block;margin-top: 50px;padding-left: 20px;font-family: sm;font-size: 28px;line-height: 1.2;color: #000;}
.objHeading_h2::before {content: '';position: absolute;left: 0;top: 5px;width: 5px;height: 26px;background: #0d948e;border-radius: 2px;}
.objHeading_h3 {position: relative;display: block;margin-top: 32px;padding-left: 25px;font-family: sm;font-size: 22px;line-height: 1.2;color: #0d948e;}
.objHeading_h3.bridge {margin-top: 20px;}
.objHeading_h3::before {content: '';position: absolute;left: 0;top: 50%;width: 16px;height: 16px;background: url('../../images/guide/ic-sbj2.png') no-repeat center;transform: translateY(-85%);}
.objHeading_h4 {position: relative; display: block; margin-top: 32px; padding-left: 20px; font-family: sl; font-size: 20px; line-height: 1.2; color: #045881;}
.objHeading_h4.bridge {margin-top: 23px;}
.objHeading_h4::before {content: ''; position: absolute; left: 0; top: 5px; width: 10px; height: 10px; background: #045881; border-radius: 100%;}
.objHeading_h5 {position: relative; display: block; margin-top: 30px; padding-left: 20px; font-family: sl; font-size: 18px; line-height: 1.2; color: #709357;}
.objHeading_h5::before {content: ''; position: absolute; left: 0; top: 6px; width: 5px; height: 5px; background: #709357;}

.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: 17px; line-height: 1.65; color: #555555;}
.con-desc2{font-family: pm; font-size: 17px; line-height: 28px; color: #222222;}
.con-desc3{font-family: pm; font-size: 18px; line-height: 30px; 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: 50px;}
.cus-title .button {margin-left: 30px;}
.cus-title .objHeading_h2,
.cus-title .objHeading_h3,
.cus-title .objHeading_h4,
.cus-title .objHeading_h5 {position: relative;top: 0;margin-top: 0;}
.cus-title .btn-style2 {position: relative; top: -3px;}

@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: 20px;}

	.con-desc,
	.con-desc2,
	.con-desc3,
	.con-desc4 {font-size: 16px; line-height: 28px;}
}

.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:#940d13 !important;}
.c2 {color:#df7f42 !important;}
.c3 {color:#709357 !important;}
.c4 {color:#045881 !important;}
.c5 {color:#02518b !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: 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: 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: 13.5px 10px; background: #f1f1f1; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; font-weight: normal; font-family: pm; font-size: 17px; 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: 12px 20px; background:#f1f6fa; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: pm; font-weight: 400; font-size: 17px; color: #000000;}
.con-table tbody td {padding: 12px 20px; background:#fff; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: pr; font-size: 16px; 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: 7px; font-size: 15px;}
.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: 16px; color: #555;}
.con-table .circle-num-list > ul > li {font-size: 16px; color: #555;}
.con-table .circle-num-list > ul > li > .num {top: 3px;}

@media screen and (max-width: 768px){
	.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; z-index: 1; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url('../../images/guide/img_mobile_text.png') no-repeat center 20px;}
	.en .con-table:after {background: rgba(31,59,101,0.1) url('../../images/guide/img_mobile_text_en.png') no-repeat center 20px;}
	.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: 17px;}
}

.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: 2px; background: #1473e6}
.con-table2 thead th {padding: 16px 10px; background: #ecf3fd; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: ppm; font-size: 17px; 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: 16px 19px; background:#ecf3fd; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: ppm; font-size: 17px; font-weight: 400; color: #000;}
.con-table2 tbody td {padding: 16px 19px; background:#fff; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: ppr; font-size: 17px; 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: 7px; font-size: 15px;}
.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: 14px;}
.con-table2.links tbody td a {float: right;}
.con-table2 tbody td a {color: #333;}
.con-table2 .list > li {position: relative; padding-left: 15px;}
.con-table2 .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.con-table2 .list2 > li {position: relative; padding-left: 15px;}
.con-table2 .list2 > li:after {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; 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: 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-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: 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-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: 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-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: 17px;}
	.con-table2 {overflow-x: hidden; min-height: 130px;}
	.con-table2.on {min-height: auto;}
	.con-table2.no-scroll {min-height: auto;}
	.con-table2 table {width: 1300px;}
	.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 20px;}
	.en .con-table2:after {background: rgba(31,59,101,0.1) url('../../images/guide/img_mobile_text_en.png') no-repeat center 20px;}
	.con-table2.on:after,
	.con-table2.no-scroll:after {display: none;}
}

.menuSubTitleUI{display:none;}
.sub_div{width:100%;margin:30px 0;}
.sub_div > a{display:none;}
.sub_div > ul{display:flex;align-items:center;justify-content:space-between;}
.sub_div > ul > li{border:1px solid #c0c0c0;margin:0 2.5px 5px 2.5px;width:100%;}
.sub_div > ul > li > a{font-size:18px;color:#222;font-family:'psb';line-height:1;padding:0 20px;height:53px;text-align:center;display:flex;align-items:center;justify-content:center;}
.sub_div > ul > li._active,
.sub_div > ul > li:hover{background:#940d13;border-color:#940d13;}
.sub_div > ul > li._active a,
.sub_div > ul > li:hover a{color:#FFF;}
@media screen and (max-width: 1280px) {
	.sub_div > ul{flex-wrap:wrap;}
	.sub_div > ul li{width:calc(50% - 5px);}
	.sub_div > ul > li > a{font-size:17px;height:43px;}
}
@media screen and (max-width: 768px) {
	.sub_div > ul > li > a{font-size:16px;height:36px;}
}



/* 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: 60px; margin-bottom: 15px; padding: 0 30px; text-align: left;}
	.tab_div ul.on {z-index: 10; max-height: 600px; padding: 10px 0; background: rgba(255,255,255,1); border: 1px solid #940d13; border-radius: 5px; box-shadow: 0 2px 10px rgba(0,0,0,.2);}
	.tab_div ul li a {display: block; height: auto; padding: 13px 40px; 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;}
	.tab_div ul li a span:before {bottom: -11px;}
	.tab_div ul li:after {display: none;}
}
*/

/* 3Depth Tab 
.tab_div.div_3 {overflow: hidden; position: relative; z-index: 1; margin-top: 45px; border: 1px solid #c0c0c0; border-bottom: 0; border-radius: 4px; 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: -1px; top: 14px; width: 1px; height: 30px; 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: 16px 17px; border-bottom: 1px solid #c0c0c0; font-family: sl; font-size: 18px; color: #252525; text-align: center; transition: .25s;}
.tab_div .ul_3 > li > a span {position: relative; top: 3px;}
.tab_div .ul_3 > li._active > a,
.tab_div .ul_3 > li > a:hover {border-bottom: 1px solid #940d13; background: #940d13; color: #fff;}
.tab_div .ul_3 > li > a[target="_blank"] span::after {content: ''; position: relative; top: 2.5px; display: inline-block; width: 16px; height: 16px; margin-left: 10px; 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: #940d13 url('../../images/guide/arrow-sel.png') no-repeat calc(100% - 30px) center; border-radius: 4px; font-family: sm; font-size: 18px; color: #fff;}
	.tab_div.div_3 .mobile-tab.on {background: #940d13 url('../../images/guide/arrow-sel-on.png') no-repeat calc(100% - 30px) center;}
	.tab_div .ul_3 {overflow: hidden; position: absolute; top: calc(100% + 10px); 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_3 > li {display: block; width: 100% !important; padding: 0; margin: 0; padding: 8px 0; border: 0;}
	.tab_div .ul_3 > li::before {display: none;}
	.tab_div .ul_3 > li > a {justify-content: flex-start; padding: 0 20px; border: 0; font-size: 17px; 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: #940d13;}
	.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: 45px; border: 1px solid #c0c0c0; border-bottom: 0; border-radius: 4px; 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: -1px; top: 14px; width: 1px; height: 30px; 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: 16px 17px; border-bottom: 1px solid #c0c0c0; font-family: sl; font-size: 18px; color: #252525; text-align: center; transition: .25s;}
.tab_div .ul_4 > li > a span {position: relative; top: 3px;}
.tab_div .ul_4 > li._active > a,
.tab_div .ul_4 > li > a:hover {border-bottom: 1px solid #940d13; background: #940d13; color: #fff;}
.tab_div .ul_4 > li > a[target="_blank"] span::after {content: ''; position: relative; top: 2.5px; display: inline-block; width: 16px; height: 16px; margin-left: 10px; 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: 60px;overflow: visible; border: 0 solid #000;}
	.tab_div.div_4 .mobile-tab {background: #940d13 url('../../images/guide/arrow-sel.png') no-repeat calc(100% - 30px) center; border-radius: 4px; font-family: sm; font-size: 18px; color: #fff;}
	.tab_div.div_4 .mobile-tab.on {background: #940d13 url('../../images/guide/arrow-sel-on.png') no-repeat calc(100% - 30px) center;}
	.tab_div .ul_4 {overflow: hidden; position: absolute; top: calc(100% + 10px); 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 > li {display: block; width: 100% !important; padding: 0; margin: 0; padding: 8px 0; border: 0;}
	.tab_div .ul_4 > li::before {display: none;}
	.tab_div .ul_4 > li > a {justify-content: flex-start; padding: 0 20px; border: 0; font-size: 17px; 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: #940d13;}
	.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: 30px; border: 1px solid #e9e9e9;}
.tab_div .ul_5 {display: flex; flex-wrap: wrap; padding: 0 40px 0 20px;}
.tab_div .ul_5 > li > a {display: flex; justify-content: center; align-items: center; position: relative; padding: 18px 20px; font-family: ppr; font-size: 16px; color: #666; transition: .3s;}
.tab_div .ul_5 > li > a::before {content: ''; position: absolute; left: 5px; top: 28px; width: 5px; height: 5px; 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: 20px;}
}

@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: 12px 20px; font-size: 15px;}
	.tab_div .ul_5 > li > a::before {left: 4.5vw; top: 20px}
}
*/

/* List Type */
.con-list1 > ul > li {position: relative; margin: 1px 0 0 0; padding-left: 20px; font-family: pm; font-size: 17px; 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: 11px; width: 8px; height: 2px; background: #424242;}
.con-list1.btn-list > ul > li::before {top: 14px;}
.con-list1 > ul > li strong {font-family: pb; color: #111111;}

.con-list2 > ul > li {position: relative; margin: 1px 0 0 0; padding-left: 15px; font-family: pr; font-size: 15px; 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: 9px; width: 4px; height: 4px; background: #222222;border-radius: 50%;}
.con-list2 > ul > li strong {font-family: pb; color: #111111;}

.con-list3 > ul > li {position: relative; margin: 3px 0 0 0; padding-left: 20px; font-family: pm; font-size: 17px; 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: 10px; width: 6px; height: 6px; background: #c8c8c8; border-radius: 100%;}
.con-list3 > ul > li strong {font-family: pb; color: #111111;}

.circle-num-title {position: relative; padding-left: 25px; font-family: ppm; 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: ppm; font-size: 10px; vertical-align: middle; text-align: center; line-height: 17px; color: #111;}

.circle-num-list > ul > li {position: relative; margin: 8px 0 0 0; padding-left: 30px; font-family: pm; font-size: 17px; line-height: 1.6; color: #555555;}
.circle-num-list > ul > li > .num {position: absolute; left: 0; top: 4px; display: flex; justify-content: center; width: 20px; height: 20px; background: #555555; border-radius: 5px; font-family: sm; font-size: 12px; text-align: center; line-height: 21px; 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: 10px 0 0 0; padding-left: 35px; font-family: pm; font-size: 17px; line-height: 1.6; color: #555555;}
.circle-text-list > ul > li > .num {position: absolute;left: 0;top: 2px;display: flex;justify-content: center;width: 22px;height: 22px;background: #0d948e;border-radius: 100%;font-family: sl;font-size: 13px;text-align: center;line-height: 25px;color: #fff;}
.circle-text-list > ul > li strong {font-family: psb; color: #111111;}

/* Notify Text */
.noti-txt {position: relative; padding: 0 0 0 25px; font-family: pm; font-size: 16px; color: #171717;}
.noti-txt::after {content: ''; position: absolute; left: 0; top: 3.5px; width: 16px; height: 16px;}
.noti-txt.color1.font-color {color: #940d13;}
.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: 45px; padding: 5px 0; background: #fff; border-radius: 5px; font-family: pm; font-size: 16px; transition: .3s;}
.btn-style1 p {padding: 0 50px;}
.btn-style1::before {content: ''; width: 45px; height: 45px; 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: 45px; height: 45px; 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: #940d13 !important;}
.btn-style1.color2::before {background-color: #df7f42 !important;}
.btn-style1.color1 {border: 1px solid #940d13; color: #940d13;}
.btn-style1.color1:hover {background: #940d13; color: #fff;}
.btn-style1.color2 {border: 1px solid #df7f42; color: #df7f42;}
.btn-style1.color2:hover {background: #df7f42; color: #fff;}

.btn-style2 {display: inline-flex; align-items: center; height: 35px; padding: 0 15px; background-color: #fff; border-radius: 3px; font-family: pm; font-size: 14px; transition: .3s;}
.btn-style2.ico1 {border: 1px solid #940d13; color: #940d13 !important;}
.btn-style2.ico1:hover {background: #940d13; color: #fff !important;}
.btn-style2.ico1::after {content: ''; position: relative; top: -1px; display: flex; width: 14px; height: 10px; margin-left: 15px; 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 #045881; color: #045881 !important;}
.btn-style2.ico2:hover {background: #045881; color: #fff !important;}
.btn-style2.ico2::after {content: ''; position: relative; top: -1px; display: flex; width: 14px; height: 14px; margin-left: 15px; 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:30px; border-radius:5px; overflow:hidden;}

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

/* Step Banner */
.ic-list {display: flex; gap: 20px; 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: 120px; padding: 10px 20px 10px 30px; border: 1px solid #bababa; border-radius: 5px;}
.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: 40px; height: 30px; 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: 20px;}
.wrap-step-banner em {display: block; margin-bottom: 4px; font-family: pb; font-size: 14px; color: #042e6f;}
.wrap-step-banner strong {font-family: pr; font-size: 16px; line-height: 1.2; color: #555555;}
.wrap-step-banner span,
.wrap-step-banner span a {font-family: pr; font-size: 16px; color: #155fbb;}
.wrap-step-banner.no-icon li {padding: 0 25px;}
.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: 110px; margin: 10px 0; border-radius: 0;}
	.wrap-step-banner li.arr {width: 7% !important;}
}

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

/* Line Banner */
.line-banner {padding: 25px 40px; 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: 5px 0;}
.line-banner li:nth-child(odd) {position: relative; padding-right: 40px;}
.line-banner li:nth-child(odd)::after {content: ''; position: absolute; right: 0; top: 9px; width: 1px; height: 26px; background: #c6c6c6;}
.line-banner li:nth-child(even) {padding-left: 40px;}
.line-banner .text {font-family: pr; font-size: 17px; color: #333333;}

@media screen and (max-width: 1100px) {
	.line-banner li {width: 100%; margin: 5px 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: 15px !important; border-bottom: 1px solid #d1d1d1;}
	.line-banner li:last-child {border: 0;}
	.line-banner .btn {margin-top: 5px;}
}

/* Contact */
.wrap-contact {display: flex; align-items: center; justify-content: space-between; height: 100px; padding: 0 60px; background: #f5f5f5;}
.wrap-contact .title {position: relative; flex-shrink: 0; width: 365px;}
.wrap-contact .title::after {content: ''; position: absolute; right: 0; top: 50%; width: 100px; height: 1px; background: #000;}
.wrap-contact .title strong {font-family: sl; font-size: 20px; color: #000000;}
.wrap-contact .info {flex-grow: 1; padding-left: 50px;}
.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: 17px; color: #000000;}
.wrap-contact .info .row .text {margin-left: 20px;}

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

@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: 10px 0;}
	.wrap-contact .info .row li .icon {width: 40px; text-align: center;}
}

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

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

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

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

.view-btn{border: 1px solid #cdcdcd; border-radius: 5px; background-color: white; font-size: 13px; color: #888888 !important; display: inline-block; padding: 6px 14px; font-family: pm;}
.view-btn img{filter: invert(64%) sepia(0%) saturate(231%) hue-rotate(201deg) brightness(83%) contrast(92%); display: inline-block; margin-right: 4px;}
.view-btn.hover,
.view-btn:hover{background-color: #eef7fd; border: 1px solid #3f8edd; color: #3f8edd !important;}
.view-btn.hover img,
.view-btn:hover img{filter: invert(53%) sepia(40%) saturate(834%) hue-rotate(170deg) brightness(89%) contrast(93%);}

.down-btn{border: 1px solid #cdcdcd; border-radius: 5px; background-color: white; font-size: 13px; color: #888888 !important; display: inline-block; padding: 6px 14px; font-family: pm;}
.down-btn img{filter: invert(64%) sepia(0%) saturate(231%) hue-rotate(201deg) brightness(83%) contrast(92%); margin-right: 4px;}
.down-btn.hover,
.down-btn:hover{background-color: #eef7fd; border: 1px solid #3f8edd; color: #3f8edd !important;}
.down-btn.hover img,
.down-btn:hover img{filter: invert(53%) sepia(40%) saturate(834%) hue-rotate(170deg) brightness(89%) contrast(93%);}
.down-btn#songPlay img{position: relative; top: 2px;}

.small-link1{border: 1px solid rgba(58,58,58,.3); border-radius: 5px; display: inline-block; font-size: 13px; color: #666666 !important; line-height: 23px; padding: 0 8px;;}
.small-link1.arrow{background: url(../../images/guide/small_arrow.png) no-repeat right 10px center; padding: 0 23px 0 8px;}
.small-link1.hover,
.small-link1:hover{border: 1px solid #000000;}

.small-link2{border: 1px solid #3f8edd; border-radius: 5px; display: inline-block; font-size: 13px; color: #3f8edd !important; line-height: 23px; padding: 0 8px;;}
.small-link2.arrow{background: url(../../images/guide/small_arrow_2.png) no-repeat right 10px center; padding: 0 23px 0 8px;}
.small-link2.hover,
.small-link2:hover{background-color: #eef7fd;}

.small-link3{border: 1px solid rgba(58,58,58,.3); ; border-radius: 5px; display: inline-block; font-size: 13px; color: #666666 !important; line-height: 23px; padding: 5px 8px;}
.small-link3.arrow{background: url(../../images/guide/small_arrow.png) no-repeat right 10px center; padding: 5px 28px 5px 13px;}
.small-link3.hover,
.small-link3:hover{border: 1px solid #000000;}

.big-link1{display: inline-block; border: 1px solid #000000; border-radius: 5px; font-size: 15px; color: #000000 !important; padding: 12px 34px 12px 19px; background-image: url(../../images/guide/link_arrow.png); background-repeat: no-repeat; background-position: right 20px center; transition: all .5s ease;}
.big-link1.hover,
.big-link1:hover{background-image: url(../../images/guide/link_arrow_2_hover.png); background-color: #000000; color: white !important;}

.big-link2{display: inline-block; border: 1px solid #940d13; border-radius: 5px; font-size: 13px; color: #940d13 !important; padding: 12px 34px 12px 19px; background-image: url(../../images/guide/link_arrow_2.png); background-repeat: no-repeat; background-position: right 20px center; transition: all .5s ease; background-color: white;}
.big-link2.hover,
.big-link2:hover{background-image: url(../../images/guide/link_arrow_2_hover.png); background-color: #940d13; color: white !important;}

.big-link3{display: inline-block; border: 1px solid #000000; border-radius: 5px; font-size: 13px; color: #000000 !important; padding: 12px 47px 12px 20px; background-image: url(../../images/guide/link_arrow.png); background-repeat: no-repeat; background-position: right 20px center; transition: all .5s ease; line-height: 19px;}
.big-link3:hover{background-image: url(../../images/guide/link_arrow_2_hover.png); background-color: #000000; color: white !important;}

.view-btn{border: 1px solid #cdcdcd; border-radius: 5px; background-color: white; font-size: 13px; color: #888888 !important; display: inline-block; padding: 6px 14px; font-family: pm;}
.view-btn img{filter: invert(64%) sepia(0%) saturate(231%) hue-rotate(201deg) brightness(83%) contrast(92%); display: inline-block; margin-right: 4px;}
.view-btn.hover,
.view-btn:hover{background-color: #eef7fd; border: 1px solid #3f8edd; color: #3f8edd !important;}
.view-btn.hover img,
.view-btn:hover img{filter: invert(53%) sepia(40%) saturate(834%) hue-rotate(170deg) brightness(89%) contrast(93%);}

.down-btn{border: 1px solid #cdcdcd; border-radius: 5px; background-color: white; font-size: 13px; color: #888888 !important; display: inline-block; padding: 6px 14px; font-family: pm;}
.down-btn img{filter: invert(64%) sepia(0%) saturate(231%) hue-rotate(201deg) brightness(83%) contrast(92%); margin-right: 4px;}
.down-btn.hover,
.down-btn:hover{background-color: #eef7fd; border: 1px solid #3f8edd; color: #3f8edd !important;}
.down-btn.hover img,
.down-btn:hover img{filter: invert(53%) sepia(40%) saturate(834%) hue-rotate(170deg) brightness(89%) contrast(93%);}
.down-btn#songPlay img{position: relative; top: 2px;}

.file-link1{display: inline-block; border: 1px solid #ec2109; border-radius: 5px; font-size: 15px; color: #666666 !important; padding: 12px 41px 12px 66px; background-image: url(../../images/guide/pdf_down.png); background-repeat: no-repeat; background-position: right 20px center; transition: all .5s ease; position: relative; overflow: hidden; vertical-align: top; min-width: 195px;}
.file-link1 span{text-indent: -9999px; position: absolute; left: 0; top: 0; width: 45px; height: 100%;}
.file-link1.word{border: 1px solid #2a579a;}
.file-link1.excel{border: 1px solid #217245;}
.file-link1.power{border: 1px solid #d04826;}
.file-link1.han{border: 1px solid #1590d1;}
.file-link1.ai{border: 1px solid #ff8713;}
.file-link1.pdf{border: 1px solid #ec2109;}
.file-link1.pc{border: 1px solid #940d13;}
.file-link1 .word-logo{background: #2a579a url(../../images/guide/word_logo.png) no-repeat center center;}
.file-link1 .excel-logo{background: #217245 url(../../images/guide/excel_logo.png) no-repeat center center;}
.file-link1 .power-logo{background: #d04826 url(../../images/guide/power_logo.png) no-repeat center center;}
.file-link1 .hangul-logo{background: #1590d1 url(../../images/guide/han_logo.png) no-repeat center center;}
.file-link1 .ai-logo{background: #ff8713 url(../../images/guide/ai_logo.png) no-repeat center center;}
.file-link1 .pdf-logo{background: #ec2109 url(../../images/guide/pdf_logo.png) no-repeat center center;}
.file-link1 .pc-logo{background: #940d13 url(../../images/guide/pc_logo.png) no-repeat center center;}
.file-link1.hover,
.file-link1:hover{border: 1px solid #222222 !important;}
.file-link1.hover span,
.file-link1:hover span{background-color: #222222 !important;}

.background{background-color: #f7f7f7; padding: 25px 40px; border-radius: 5px;}
.background .background-title{border-bottom: 1px solid #cecece; padding-bottom: 9px; margin-bottom: 15px;}
.background .background-title h2{font-size: 22px; color: #333333; font-family: pb;}

.icon-list2 > ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -40px;}
.icon-list2 > ul > li{width: 48.7%; border-radius: 10px; background-color: #f7f7f7; display: flex; flex-wrap: wrap; margin-top: 40px; padding: 40px 15px 30px 56px;}
.icon-list2 > ul > li .icon-list-image{width: 100px; height: 100px; border-radius: 50%; background-color: white; line-height: 100px; text-align: center;}
.icon-list2 > ul > li .icon-list-image img{vertical-align: middle;}
.icon-list2 > ul > li .icon-list-content{width: calc(100% - 100px); padding-left: 24px;}
.icon-list2 > ul > li li{margin-bottom: 0;}

@media screen and (max-width: 1024px) {
	.icon-list2 > ul > li{width: 100%; margin-top: 20px; padding: 30px 15px 20px 20px;}
}

@media screen and (max-width: 768px) {
	.icon-list2 > ul > li{flex-direction: column;}
	.icon-list2 > ul > li .icon-list-content{padding-left: 0; width: 100%; margin-top: 20px;}
}

.down-list ul{display: flex; flex-wrap: wrap; background-color: #f7f7f7; padding: 29px 26px; border-radius: 5px;}
.down-list li{width: 50%; display: flex; justify-content: space-between; align-items: center; padding: 0 40px; margin-top: 17px; position: relative;}
.down-list li::after{content:""; display: block; position: absolute; right: 0; top: 50%; margin-top: -13px; width: 1px; height: 26px; background-color: #c6c6c6;}
.down-list li:nth-child(-n+2){margin-top: 0;}
.down-list li:nth-child(even)::after{display: none;}
.down-list li p{color: #333333; font-size: 18px;}
.down-list li .down-btn-box span{font-size: 14px; color: #666666; display: inline-block; margin-right: 22px;}
.down-list.full li{width: 100%;}
.down-list.full li:nth-child(-n+2){margin-top: 17px;}
.down-list.full li:first-child{margin-top: 0;}
.down-list.full li::after{display: none;}

@media screen and (max-width: 768px) {
	.down-list ul{padding: 27px 0 25px;}
	.down-list li p{font-size: 16px;}
	.down-list li .down-btn-box span{font-size: 12px; margin-right: 24px;}
	.down-list li .down-btn-box{width: 106px; flex-shrink:0;}
	.down-list li .down-btn-box a{margin-bottom: 5px;}
	.down-list li .down-btn-box a:last-child{margin-bottom: 0;}
	.down-list li{width: 100%; flex-direction: column; align-items: start; margin-top: 12px;}
	.down-list li:nth-child(-n+2){margin-top: 12px;}
	.down-list li:first-child{margin-top: 0 !important}
	.down-list li::after {display: none;}
	.down-list li .down-btn-box{margin-top: 5px; width: 100%;}
}

.slide-list{border-top: 2px solid #000000;}
.slide-list > ul > li{border-bottom: 1px solid #dddee0;}
.slide-list > ul > li .slide-header .slide-open-button{font-size: 20px; font-family: pb; color: #333333; display: block; width: 100%; text-align: left; background-image: url(../../images/guide/slide_down.png); background-repeat: no-repeat; background-position: right 40px center; padding: 25.5px 40px;}
.slide-list > ul > li .slide-content{display: none;}
.slide-list > ul > li.active{padding-bottom: 30px;}
.slide-list > ul > li.active .slide-header .slide-open-button{background-image: url(../../images/guide/slide_up.png)}

@media screen and (max-width: 768px) {
	.slide-list > ul > li .slide-header .slide-open-button{padding: 20px; font-size: 16px; background-position: right 20px center;}
}

.typebox1{border: 5px solid #eeeeee; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 25px 35px;}
.typebox1 .typebox-text{font-size: 17px; line-height: 24px; color: #222222;;}
.typebox1 dl{margin-right: 40px; display: flex; flex-wrap: wrap; align-items: baseline;}
.typebox1 dl:last-child{margin-right: 0;}

.typebox2{background-color: #f7f7f7; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 25px 35px;}
.typebox2 .typebox-text{font-size: 17px; line-height: 24px; color: #222222;;}

.typebox3{background-color: #d9f0ef; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 25px 35px;}
.typebox3 .typebox-text{font-size: 17px; line-height: 28px; color: #009089;;}

.typebox4{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; border: 1px solid #dbdbdb; border-radius: 5px; padding: 15px 24px;}
.typebox4 .typebox-title{display: flex; flex-wrap: wrap; align-items: center; width: 141px; position: relative;}
.typebox4 .typebox-title::after{content:""; display: block; position: absolute; right: 0; top: 50%; margin-top: -9px; width: 1px; height: 18px; background-color: #cccccc;}
.typebox4 .typebox-icon{width: 50px; height: 50px; border-radius: 50%; background-color: #042e6f; text-align: center; line-height: 50px;}
.typebox4 .typebox-icon img{vertical-align: middle;}
.typebox4 .typebox-title p{font-size: 18px; font-family: pm; color: #333333; margin-left: 11px;}
.typebox4 .typebox-content{width: calc(100% - 151px);padding-left: 15px;margin-top: 11px;}
.typebox4 .typebox-content p{font-size: 17px; line-height: 25px; color: #666666;;}

@media screen and (max-width: 1024px) {
	.typebox1,
	.typebox2,
	.typebox3,
	.typebox4{flex-direction: column; align-items: start;}

	.typebox1 .typebox-text,
	.typebox2 .typebox-text{margin-bottom: 15px;}

	.typebox4 .typebox-title::after{display: none;}
	.typebox4 .typebox-content{width: 100%; padding-left: 0; margin-top: 15px;}

	.typebox1 dl{margin-bottom: 15px;}
	.typebox1 dl:last-child{margin-bottom: 0;}
}

@media screen and (max-width: 768px) {
	.typebox1 .typebox-text,
	.typebox2 .typebox-text,
	.typebox4 .typebox-content p {font-size: 15px; line-height: 22px;}
}

.image-box{background-color: #042e6f; border-radius: 5px; padding: 27px 26px;}
.image-box img{display: inline-block; margin-right: 28px;}
.image-box img:last-child{margin-right: 0;}

.iconStyleTitle{font-size: 26px; color: #222222; font-family: "SBA Medium";}

.image-box2 img{display: inline-block; margin-right: 21px; margin-bottom: 21px;}
.image-box2 img:last-child{margin-right: 0;}

.image-box3{background-color: #000000; padding: 22px 40px;}
.image-box3 img{display: inline-block; margin-right: 28px; vertical-align: middle;}
.image-box3 img:last-child{margin-right: 0;}

.image-box4 img{display: inline-block; margin-right: 24px; margin-bottom: 24px;}
.image-box4 img:last-child{margin-right: 0;}

.intro-background{background: #f7f7f7; padding: 55px 60px 60px 40px; border-radius: 5px;}

@media screen and (max-width: 768px) {
	.intro-background{padding: 40px 30px 40px 30px;}
}

.link-button{display: inline-block; border: 1px solid #940d13; border-radius: 5px; font-size: 13px; color: #940d13 !important; padding: 6.5px 29px 6.5px 15px; background-image: url(../../images/guide/link_arrow_2.png); background-repeat: no-repeat; background-position: right 15px center; transition: all .5s ease;}
.link-button.hover,
.link-button:hover{background-image: url(../../images/guide/link_arrow_2_hover.png); background-color: #940d13; color: white !important;}

.link-button_2{display: inline-block; border: 1px solid #000000; border-radius: 5px; font-size: 13px; color: #000000 !important; padding: 6.5px 29px 6.5px 15px; background-image: url(../../images/guide/link_arrow.png); background-repeat: no-repeat; background-position: right 15px center; transition: all .5s ease;}
.link-button_2.hover,
.link-button_2:hover{background-image: url(../../images/guide/link_arrow_2_hover.png); background-color: #000000; color: white !important;}

.link-button_3{display: inline-block; border: 1px solid #00b6ad; border-radius: 5px; font-size: 13px; color: #00b6ad !important; padding: 6.5px 29px 6.5px 15px; background-image: url(../../images/guide/link_arrow_3.png); background-repeat: no-repeat; background-position: right 15px center; transition: all .5s ease;}
.link-button_3.hover,
.link-button_3:hover{background-image: url(../../images/guide/link_arrow_2_hover.png); background-color: #00b6ad; color: white !important;}

.blank_link{color: #0782c1 !important; padding-right: 20px; background: url(../../images/guide/blank_icon.png) no-repeat right top 8px; position: relative;}
.blank_link::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #940d13;}
.blank_link:hover{color: #00b6ad !important; background: url(../../images/guide/blank_icon_hover.png) no-repeat right top 8px;}
.blank_link:hover::after{background-color: #00b6ad;}

.big-title-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 48px;}
.big-title-text h1{font-size: 36px; color: #000000; font-family: pb;}
.big-title-link{margin-top: 4px;}

@media screen and (max-width: 768px) {
	.big-title-text h1{margin-bottom: 10px; font-size: 28px; line-height: 1.2;}
}

.task-list li{display: flex; flex-wrap: wrap; padding: 50px 0 60px; border-bottom: 1px solid #dddee0;}
.task-list li:last-child{border-bottom: 2px solid #000000;}
.task-list .task-image{width: 595px;overflow: hidden;}
.task-list .task-image img{border-radius: 10px;}
.task-list .task-content{width: calc(100% - 595px); padding-left: 60px; padding-top: 15px;}
.task-list li.main{padding: 0 0 100px;}
.task-list li.main .task-content{margin-top: 25px;}
.task-list li:first-child{border-top: 2px solid #000000;}
.task-list li.main{border-bottom: 0; border-top: 0;}
.task-list .task-content span{color: #940d13; font-family: pb; text-transform: uppercase; font-size: 16px; display: block; margin-bottom: 6px;}
.task-list .task-content h1{font-size: 26px; font-family: pb; color: #000000; margin-bottom: 17px;}
.task-list .task-content p{font-size: 17px; line-height: 30px; color: #666666; margin-bottom: 18px;}

@media screen and (max-width: 1250px) {
	.task-list .task-image{width: 400px;}
	.task-list .task-content{width: calc(100% - 400px); padding-left: 40px;}
}

@media screen and (max-width: 1024px) {
	.task-list .task-image{width: 100%;}
	.task-list .task-image img{width: 100%;}
	.task-list .task-content{width: 100%; padding-left: 0; margin-top: 25px; padding-top: 0;}
}

@media screen and (max-width: 768px) {
	.task-list li{padding: 30px 0 40px;}
	.task-list li.main{padding: 0 0 60px;}
	.task-list .task-content span{font-size: 14px;}
	.task-list .task-content h1{font-size: 22px; margin-bottom: 10px;}
	.task-list .task-content p{font-size: 15px; line-height: 26px; margin-bottom: 15px;}
}

.school-link .school-image{border-radius: 10px; overflow: hidden;}
.school-list{border-bottom: 1px solid #848484; padding-bottom: 68px;}
.school-list ul{display: flex; flex-wrap: wrap; margin: 25px -40px 0;}
.school-list li{width: 50%; padding: 0 40px; margin-top: 25px;}
.school-list .school-list-header{display: flex; align-items: center; justify-content: space-between;}
.school-list .school-list-header h1{font-size: 22px; font-family: pb; color: #000000;}
.school-list .school-list-header .school-link{width: 40px; height: 40px; border-radius: 3px; background-color: #999999; background-repeat: no-repeat; background-position: center center; background-image: url(../../images/guide/home_icon.png); text-indent: -9999px;}
.school-list .school-list-header .school-link:hover{background-color: #940d13;}
.school-list .school-list-content{margin-top: 15px;}
.school-list .school-list-content p{font-size: 16px; line-height: 28px; color: #666666;}

@media screen and (max-width: 1024px) {
	.school-list{padding-bottom: 50px;}
	.school-list ul{margin: 15px -20px 0;}
	.school-list li{padding: 0 20px; margin-top: 15px;}
}

@media screen and (max-width: 768px) {
	.school-list{padding-bottom: 30px;}
	.school-list ul{margin: 10px 0 0;}
	.school-list li{width: 100%; padding: 0; margin-top: 10px;}
	.school-list .school-list-header h1{font-size: 18px;}
	.school-list .school-list-content{margin-top: 5px;}
	.school-list .school-list-content p{font-size: 15px; line-height: 25px;}
}

.service-link-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
.service-link-image-box{width: 655px; padding: 0 60px 45px 0; position: relative;}
.service-link-image{position: relative; z-index: 2; border-radius: 10px; overflow: hidden;}
.service-link-deco{position: absolute; right: 0; bottom: 0; width: calc(100% - 60px); height: calc(100% - 45px); border: 10px solid #f4f4f4; border-radius: 10px;}
.service-link-deco p{font-family: pb; font-size: 14px; color: #d8d8d8; position: absolute; transform: rotate(90deg); right: -48px; top: 82px; }
.service-link-list{width: calc(100% - 655px); padding-left: 60px;}
.service-link-list ul.list1{display: flex; flex-wrap: wrap; justify-content: space-between; margin: -10px -22px 0;}
.service-link-list ul.list1 li{width: 50%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; padding: 0 22px;}
.service-link-list ul.list1 li p{font-size: 17px; color: #555555; width: calc(100% - 50px); margin-top: 7px;}
.service-link-list ul.list1 li a{width: 40px; height: 40px; border-radius: 3px; background-color: #999999; background-repeat: no-repeat; background-position: center center; background-image: url(../../images/guide/home_icon.png); text-indent: -9999px;}
.service-link-list ul.list1 li a:hover{background-color: #940d13;}
.service-link-list ul.list2{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.service-link-list ul.list2 li{Width: 50%; border-left: 1px solid #dddee0; padding: 8px 0 8px 30px;}
.service-link-list ul.list2 li a{display: block; font-size: 17px; color: #555555;}
.service-link-list ul.list2 li a:hover{color: #940d13;}

@media screen and (max-width: 1250px) {
	.service-link-image-box{width: 450px; padding: 0 50px 40px 0;}
	.service-link-deco{width: calc(100% - 50px); height: calc(100% - 40px);}
	.service-link-list{width: calc(100% - 450px); padding-left: 40px;}
	.service-link-list ul.list1{margin: 0 -10px;}
	.service-link-list ul.list1 li{margin-top: 15px; padding: 0 10px;}
}

@media screen and (max-width: 1024px) {
	.service-link-image-box{width: 100%;}
	.service-link-image img{width: 100%;}
	.service-link-list{width: 100%; margin-top: 30px; padding-left: 0;}
}

@media screen and (max-width: 768px) {
	.service-link-list ul.list1 {margin: 0;}
	.service-link-list ul.list1 li{width: 100%; padding: 0;}
	.service-link-list ul.list1 li p{font-size: 16px; line-height: 24px; margin-top: 8px;}
	.service-link-list ul.list2 li{padding: 5px 0 5px 10px; width: 100%;}
	.service-link-list ul.list2 li a{font-size: 16px;}
}

.image-list1 > ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -40px;}
.image-list1 > ul > li{width: 48.67%; position: relative; border-radius: 5px; overflow: hidden; margin-top: 40px;}
.image-list1 > ul > li .image-list-image img{width: 100%;}
.image-list1 > ul > li .image-list-content{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, transparent 30%, rgba(34,34,34,1) 70%); display: flex; flex-direction: column; justify-content: end; padding: 40px;}
.image-list1 > ul > li .image-list-content h1{font-family: pb; font-size: 22px; color: #ffffff;}
.image-list1 > ul > li .image-list-content p{font-size: 17px; line-height: 30px; color: #ffffff; opacity: .7; margin-top: 18px;}

.image-list2 > ul{margin-top: -75px;}
.image-list2 > ul > li{margin-top: 75px;}
.image-list2 > ul > li .image-list-image{position: relative;}
.image-list2 > ul > li .image-list-image img{border-radius: 5px;}
.image-list2 > ul > li .image-list-logo{position: absolute; right: 130px;; top: -50px; border-radius: 5px; width: 100px; height: 100px; text-align: center; line-height: 100px; border-radius: 5px; overflow: hidden;}
.image-list2 > ul > li .image-list-logo::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,102,179,1) 0%, rgba(0,182,173,1) 100%); opacity: .8;}
.image-list2 > ul > li .image-list-logo img{vertical-align: middle; position: relative; z-index: 2;}
.image-list2 > ul > li .images-list-content{margin-left: 135px; position: relative; padding: 79px 0 14px 42px; z-index: 2; top: -35px;}
.image-list2 > ul > li .images-list-content::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background-color: #0067b3;}
.image-list2 > ul > li .images-list-content .num{display: inline-block; font-family: pb; color: #0067b3; font-size: 30px; margin-right: 11px;}
.image-list2 > ul > li .images-list-content h1{display: inline-block; font-size: 22px; font-family: pb; color: #000000; position: relative; top: -3px;}
.image-list2 > ul > li .images-list-content p{font-size: 17px; line-height: 30px; color: #555555; margin-top: 2px;}

@media screen and (max-width: 1250px) {
	.image-list1 > ul > li{border-radius: 0;}
	.image-list1 > ul > li .image-list-image{border-radius: 5px; overflow: hidden;}
	.image-list1 > ul > li .image-list-image img{object-fit: cover;}
	.image-list1 > ul > li .image-list-content{padding: 20px 0; position: static; background: none; height: auto;}
	.image-list1 > ul > li .image-list-content h1{font-size: 18px; color: #111111;}
	.image-list1 > ul > li .image-list-content p{font-size: 16px; line-height: 25px; margin-top: 10px; color: #111111;}

	.image-list2 > ul > li .images-list-content{margin-left: 80px;}
}

@media screen and (max-width: 1024px) {
	.image-list1 > ul{margin-top: -20px;}
	.image-list1 > ul > li{width: 100%; margin-top: 20px;}

	.image-list2 > ul > li .image-list-logo{right: 20px;}
	.image-list2 > ul > li .images-list-content{padding: 60px 0 10px 25px;}
	.image-list2 > ul > li .images-list-content .num{font-size: 24px;}
	.image-list2 > ul > li .images-list-content h1{font-size: 18px; top: -1px;}
	.image-list2 > ul > li .images-list-content p{font-size: 16px; line-height: 25px;}
}

@media screen and (max-width: 768px) {
	.image-list1 > ul > li .image-list-content h1{font-size: 18px;}
	.image-list1 > ul > li .image-list-content p{font-size: 15px; line-height: 25px; margin-top: 5px;}

	.image-list2 > ul{margin-top: -40px;}
	.image-list2 > ul > li{margin-top: 40px;}
	.image-list2 > ul > li .image-list-logo{width: 60px; height: 60px; line-height: 60px; top: -30px;}
	.image-list2 > ul > li .image-list-logo img{width: 40px;}
	.image-list2 > ul > li .images-list-content{margin-left: 20px;}
	.image-list2 > ul > li .images-list-content .num{font-size: 20px; margin-right: 5px;}
	.image-list2 > ul > li .images-list-content h1{font-size: 18px;}
	.image-list2 > ul > li .images-list-content p{font-size: 15px; line-height: 25px;}
}

.univ-introduce-wrap{position: relative;}
.univ-introduce-wrap::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 42%; height: 380px; background: #00479d;}
.univ-introduce-inner{display: flex; flex-wrap: wrap; justify-content: space-between;}
.univ-introduce-left{width: 680px; position: relative; z-index: 2; padding: 38px 0 0 180px}
.univ-introduce-left span{color: rgba(255,255,255,.6); font-size: 14px; font-family: pr; text-transform: uppercase;}
.univ-introduce-left h1{color: #ffffff; font-size: 36px; font-family: pb; margin-bottom: 26px; margin-top: -3px;}
.univ-introduce-image{border-radius: 5px; overflow: hidden;}
.univ-introduce-right{width: calc(100% - 680px); padding-left: 60px; padding-top: 54px;}
.univ-introduce-right h1{color: #000000; font-size: 26px; font-family: pb; margin-bottom: 18px;}
.univ-introduce-right h2{font-size: 17px; font-family: pm; margin: 20px 0 10px;}
.univ-introduce-right .loc {position: relative;}
.univ-introduce-right .loc ul {display: flex; margin-top: 25px;}
.univ-introduce-right .loc li {font-size: 15px;color: #666;font-family: pr;margin-right: 50px;line-height: 30px;}
.univ-introduce-right .loc .location {font-family: pm;font-size: 15px;color: #000;position: relative;padding-left: 40px;padding-right: 14px;margin-right: 15px;}
.univ-introduce-right .location::after {content: '';width: 1px;height: 9px;background: #ccc;position: absolute;right: 0;top: 50%;margin-top: -4px;}
.univ-introduce-right .location::before {content: '';width: 30px;height: 30px;background: #E8F4FD url('../../images/guide/icon-map.png') no-repeat center;border-radius: 50%;position: absolute;left: 0;}
.univ-introduce-right .loc .tel {font-family: pm;font-size: 15px;color: #000;position: relative;padding-left: 40px;padding-right: 14px;margin-right: 15px;}
.univ-introduce-right .tel::after {content: '';width: 1px;height: 9px;background: #ccc;position: absolute;right: 0;top: 50%;margin-top: -4px;}
.univ-introduce-right .tel::before {content: '';width: 30px;height: 30px;background: #E8F4FD url('../../images/guide/icon-tel1.png') no-repeat center;border-radius: 50%;position: absolute;left: 0;}

@media screen and (max-width:1500px) {
	.univ-introduce-right .loc ul {flex-direction: column;}
	.univ-introduce-right .loc li {margin-bottom: 20px;}
}

@media screen and (max-width: 1250px) {
	.univ-introduce-left{width: 500px; padding: 30px 0 0 60px;}
	.univ-introduce-right{width: calc(100% - 500px); padding-left: 40px;}
}

@media screen and (max-width: 1024px) {
	.univ-introduce-wrap::before{width: 90%; height: 250px; max-height: 300px; left: -20px;}
	.univ-introduce-left{width: 100%; padding: 30px 0 0 60px;}
	.univ-introduce-image img{width: 100%;}
	.univ-introduce-right{width: 100%; padding-left: 0; margin-top: 50px; padding-top: 0;}
}

@media screen and (max-width: 768px) {
	.univ-introduce-left{padding: 20px 0 0 30px;}
	.univ-introduce-left h1{font-size: 28px; margin-bottom: 15px;}
	.univ-introduce-right h1{font-size: 20px;}
	.univ-introduce-right p{font-size: 15px; line-height: 25px;}
	.univ-introduce-right h2{font-size: 16px; }
	.univ-introduce-right .loc li {margin-bottom: 10px;}
}

.class-introduce-wrap > ul > li{display: flex; flex-wrap: wrap; align-items: center; position: relative; justify-content: space-between; margin-bottom: 50px;}
.class-introduce-wrap > ul > li:last-child{margin-bottom: 0;}
.class-introduce-wrap > ul > li .class-introduce-header{position: absolute; right: 0; top: 0; width: 100%; display: flex; justify-content: end; align-items: end; flex-wrap: wrap; z-index: 2;}
.class-introduce-wrap > ul > li .class-introduce-header::before{content:""; display: block; width: 53.34%; height: 1px; background-color: #000000;}
.class-introduce-wrap > ul > li .class-introduce-header a{margin-left: 65px;}
.class-introduce-wrap > ul > li .class-introduce-header a.hidden-link{visibility: hidden;}
.class-introduce-wrap > ul > li .class-introduce-image{width: 43.67%; position: relative;}
.class-introduce-wrap > ul > li .class-introduce-image::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(240,244,247,0) 0%, rgba(240,244,247,0) 67%, rgba(240,244,247,1) 100%); opacity: .7;}
.class-introduce-wrap > ul > li .class-introduce-image img{width: 100%; border-radius: 5px;}
.class-introduce-wrap > ul > li .class-introduce-content{width: 56.33%; padding-left: 80px; margin-top: 45px;}
.class-introduce-wrap > ul > li .class-introduce-content span{font-size: 17px; color: #940d13; display: block; margin-bottom: 10px;}
.class-introduce-wrap > ul > li .class-introduce-content h1{font-size: 36px; color: #000000; font-family: pb; margin-bottom: 35px;}
.class-introduce-wrap > ul > li .class-introduce-content p{font-size: 16px; color: #333333; margin-bottom: 12px;}
.class-introduce-wrap > ul > li .class-introduce-content > *:last-child{margin-bottom: 0;}

@media screen and (max-width: 1250px) {
	.class-introduce-wrap > ul > li .class-introduce-content span{font-size: 15px; margin-bottom: 5px;}
	.class-introduce-wrap > ul > li .class-introduce-content h1{font-size: 30px; margin-bottom: 20px;}
	.class-introduce-wrap > ul > li .class-introduce-content p{font-size: 14px; margin-bottom: 7px;}
}

@media screen and (max-width: 1024px) {
	.class-introduce-wrap > ul > li{flex-direction: column; background-position: right bottom;}
	.class-introduce-wrap > ul > li .class-introduce-header{position: static; justify-content: start;}
	.class-introduce-wrap > ul > li .class-introduce-header::before{display: none;}
	.class-introduce-wrap > ul > li .class-introduce-header a{margin-left: 0;}
	.class-introduce-wrap > ul > li .class-introduce-header a.hidden-link{display: none;}
	.class-introduce-wrap > ul > li .class-introduce-image{width: 100%; margin-top: 10px;}
	.class-introduce-wrap > ul > li .class-introduce-content{width: 100%; padding-left: 0; margin-top: 30px;}
}

.image-banner-wrap{background: url(../../images/guide/image_banner_1.jpg) no-repeat center center / cover; border-radius: 5px; padding: 112px 20px 96px;}
.image-banner-text{text-align: center;}
.image-banner-text span{font-size: 28px;color: white;display: block;margin-bottom: 5px;}
.image-banner-text h1{font-size: 59px;color: white;font-family: pbl;}

@media screen and (max-width: 1024px) {
	.image-banner-wrap{padding: 80px 20px 65px;}
	.image-banner-text span{font-size: 15px;}
	.image-banner-text h1{font-size: 30px;}
}

@media screen and (max-width: 768px) {
	.image-banner-wrap{padding: 60px 20px 45px;}
	.image-banner-text span{font-size: 14px;}
	.image-banner-text h1{font-size: 25px;}
}

.logo-list-wrap{/* background: url(../../images/guide/logo_list_background.jpg) no-repeat center center / cover; */padding: 24px 24px;background-color: #e5e5e5;}
/*.logo-list-wrap{background: url(../../images/guide/logo_list_background.jpg) no-repeat center center / cover; padding: 80px 40px;}*/
.logo-list-inner li{background-color: white; display: flex; flex-wrap: wrap; border-radius: 5px; margin-bottom: 20px; padding: 22px 0;}
.logo-list-inner li:last-child{margin-bottom: 0;}
.logo-list-inner li .logo-list-image{text-align: center; width: 136px;}
.logo-list-inner li p{width: calc(100% - 136px); font-size: 17px; color: #666666; padding-right: 10px;}

.logo-list1 > ul > li{display: flex; flex-wrap: wrap; padding-bottom: 50px; position: relative;}
.logo-list1 > ul > li::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(201,201,201,1) 0%, rgba(201,201,201,1) 100%);}
.logo-list1 > ul > li .logo-image{width: 156px;}
.logo-list1 > ul > li .logo-list-content{width: calc(100% - 156px); padding-left: 35px;}
.logo-list1 > ul > li .logo-list-content-link2{padding-top: 30px;}
.logo-list1 > ul > li .logo-list-content-header{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; line-height: 30px; margin-bottom: 14px;}
.logo-list1 > ul > li .logo-list-content-header h1{font-size: 26px; color: #000000; font-family: pb;}
.logo-list1 > ul > li .logo-list-content-content .logo-list-title{font-size: 16px; color: #333333; display: block; margin: 18px 0 16px;}

@media screen and (max-width: 1024px) {
    .logo-list-wrap{padding: 50px 20px;}
    .logo-list-inner li{flex-direction: column; align-items: center; padding: 20px;}
    .logo-list-inner li p{width: 100%; padding: 0; text-align: center; margin-top: 15px;}
}

@media screen and (max-width: 768px) {
	.logo-list-inner li p{font-size: 15px; line-height: 24px; margin-top: 10px;}

	.logo-list1 > ul > li{padding-bottom: 30px;}
	.logo-list1 > ul > li{flex-direction: column;}
	.logo-list1 > ul > li .logo-image{width: 100%; text-align: center;}
	.logo-list1 > ul > li .logo-list-content{width: 100%; padding-left: 0; margin-top: 20px;}
	.logo-list1 > ul > li .logo-list-content-header{flex-direction: column; justify-content: start;}
	.logo-list1 > ul > li .logo-list-content-header h1{margin-bottom: 10px;}
}

.thumb-con ul {display: flex; align-items: center; width: calc(100% + 20px);}
.thumb-con li {padding-right: 30px;}
.thumb-con .img img {border-radius: 10px;}
.thumb-con .desc {padding-top: 20px; text-align: center; font-family: pb; font-size: 20px;}

@media screen and (max-width: 768px) {
	.thumb-con ul {flex-wrap: wrap; width: 100%;}
	.thumb-con li {width: 100%; padding-right: 0; padding-bottom: 20px;}
}

.menu-box {padding: 6px; background: url('../../images/guide/box-pattern.png'); text-align: center;}
.menu-box .white-box {background: #fff;font-size: 0;}
.menu-box .white-box.text-box {padding: 17px 25px; background: #fff; font-family:pr; font-size: 17px; text-align: left;}
.menu-box .white-box.text-box strong {font-family: pr; color: #0e204f;}
.menu-box .white-box > ul {display: inline-block; width: 100%; border-bottom: 1px solid #e9ecee;}
.menu-box .white-box > ul:last-child {border: 0;}
.menu-box .white-box > ul >li {position: relative; float: left; width: 25%; padding: 18px 10px; font-family: pm; font-size: 17px; color: #333;}
.menu-box .white-box > ul > li:after {content: ''; position: absolute; right: 0; top: 20px; width: 1px; height: 20px; background: #cbcbcb;}
.menu-box .white-box > ul > li:last-child::after {display: none;}

.menu-box a {position: relative;}
.menu-box a::after {content: ''; position: absolute; left: 0px; bottom: -1px; width: 0; height: 1px; background:#004ea2; transition: .4s;}
.menu-box a:hover::after {width: 100%;}
.menu-box a:hover {color: #005aab;}

@media screen and (max-width: 1200px) {
	.menu-box .white-box > ul {border-bottom: 0;}
	.menu-box .white-box > ul >li  {width: 50%;border-bottom: 1px solid #d1d1d1;}
	.menu-box .white-box > ul >li:nth-child(even):after {display: none;}
	.menu-box .white-box.text-box li {border: 0; width: auto;}
}

@media screen and (max-width: 600px) {
	.menu-box {text-align: left;}
	.menu-box .white-box > ul >li  {width: 100%; padding-left: 25px;}
	.menu-box .white-box > ul >li:after {display: none;}
}

.wrap-act .line {display: flex; flex-wrap: wrap; justify-content: start;}
.wrap-act .line.type1 {gap: 30px 2%;}
.wrap-act .line.type1 li {width: 32%;}
.wrap-act .line.type2 {gap: 40px 2.5%;}
.wrap-act .line.type2 li {width: 23.1%;}
.wrap-act .line.type3 {gap: 30px 2%;}
.wrap-act .line.type3 li {width: 32%;}
.wrap-act .thumb {position: relative;}
.wrap-act .thumb.ready {border: 1px solid #e8e8e8;}
.wrap-act .thumb::after {content: ''; position: absolute; left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid #e8e8e8;}
.wrap-act .thumb::after {content: ''; position: absolute; left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid rgba(255,255,255,.5);}
.wrap-act .thumb.ready::after {border: 1px solid #e8e8e8;}
.wrap-act .thumb.no-line::after {display: none;}
.wrap-act .text {margin-top: 25px; font-family: 'Dream Regular'; font-size: 16px; text-align: center; color: #555;}

@media screen and (max-width: 768px) {
	.wrap-act .line.type1,
	.wrap-act .line.type2,
	.wrap-act .line.type3 {gap: 20px 2.5%;}
	.wrap-act .line.type1 li,
	.wrap-act .line.type2 li,
	.wrap-act .line.type3 li {width: calc(50% - 16px);}
}

@media screen and (max-width: 500px) {
	.wrap-act .line img {width: 100%;}
	.wrap-act .line.type1 li,
	.wrap-act .line.type2 li,
	.wrap-act .line.type3 li {width: calc(100%);}
}

.step-diag1 ul {display: flex; justify-content: space-between; gap: 0 23px; align-items: center;}
.step-diag1 li {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100px; border-radius: 50px; font-family: pm; font-size: 18px;}
.step-diag1 li:nth-child(odd) {background: #940d13; border: 1px solid #940d13; color: #fff;}
.step-diag1 li:nth-child(even){background: #f8f8f8; border: 1px solid #f8f8f8; color: #940d13;}
.step-diag1 li::after {content: ''; position: absolute; left: calc(100% - 15px); top: 23%; z-index: 1; width: 50px; height: 50px; background: #ffa900 url('../../images/guide/arrow-step2.png') no-repeat center center; border-radius: 100%; box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);}
.step-diag1 li:last-child:after {display: none;}
.step-diag1 .box {text-align: center;}

@media screen and (max-width: 950px) {
	.step-diag1 ul {flex-wrap: wrap; gap: 25px;}
	.step-diag1 li {width: 48%;}
	.step-diag1 li::after {left: 84%;}
}

@media screen and (max-width: 700px) {
	.step-diag1 li {width: 100%;}
	.step-diag1 li::after {left: 84%; transform: rotate(89deg);}
}

@media screen and (max-width: 500px) {
	.step-diag1 li {font-size: 16px;}
}

.step-diag2 ul {position: relative; display: flex; justify-content: space-around; gap: 0 23px; align-items: center; padding-bottom: 65px;}
.step-diag2 ul::after {content: ''; position: absolute; left: 0; top: 60px; z-index: -1; width: 100%; height: 2px; background: #ddd;}
.step-diag2 li {position: relative; display: flex; justify-content: center; align-items: center; width: 130px; height: 130px; background: #f0f7ff; border: 2px solid #dfeeff; border-radius: 100%; font-family: pr; font-size: 18px;}
.step-diag2 li:hover {background: #fff; border: 2px solid #03499a;}
.step-diag2 li.color {background: #03499a; border: 2px solid #03499a;}
.step-diag2 li.color .ico .on {display: none;}
.step-diag2 li.color .ico .on {display: inline-block;}
.step-diag2 li.color .ico .off {display: none;}
.step-diag2 li.color .num {color: #fff;}
.step-diag2 .box {text-align: center;}
.step-diag2 .num {display: block; margin-bottom: 10px; font-family: pb; font-size: 18px; color: #03499a;}
.step-diag2 .title {position: absolute; left: 50%; top: 100%; width: auto; padding-top: 20px; font-family: pr; font-size: 16px; text-align: center; color: #666; transform: translate(-50%, 0); white-space: nowrap;}
.step-diag2-list img {display: inline-block; margin-right: 18px; vertical-align: middle;}

@media all and (max-width: 1500px) {
	.step-diag2-list {display: none;}
}

@media all and (max-width: 950px) {
	.step-diag2 ul {flex-wrap: wrap; gap: 5px; justify-content: space-between; padding-bottom: 0;}
	.step-diag2 ul::after {display: none;}
	.step-diag2 li {width: 31%; margin-bottom: 50px; border-radius: 0px;}
	.step-diag2 .title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}

@media all and (max-width: 650px) {
	.step-diag2 li {width: 49%; margin-bottom: 50px; border-radius: 0px;}
}

@media all and (max-width: 500px) {
	.step-diag2 li {width: 100%; margin-bottom: 50px; border-radius: 0px;}
	.step-diag2 .title {font-size: 14px;}
}


/* Contents Tab */
.con-tab ul {position: relative; display: flex; align-items: center;}
.con-tab ul::after {content: ''; position: absolute; left: 0; top: 25px; z-index: -1; width: 100%; height: 1px; background: #a5a5a5;}
.con-tab button {display: flex; justify-content: center; align-items: center; height: 50px; margin-right: 10px; padding: 0 50px; background: #3e454d; border-radius: 100px; font-family: pb; font-size: 17px; color: #fff;}
.con-tab button:hover,
.con-tab button.on {background: #0d948e;}
.tab-desc {display: none; margin-top: 30px;}
.tab-desc.on {display: block; font-size: 17px;}


@media screen and (max-width: 1200px) {
	.con-tab button {height: 45px; padding: 0 30px; font-size: 16px;}
}

@media(max-width: 800px) {
	.con-tab ul {flex-wrap: wrap;}
	.con-tab ul::after {display: none;}
	.con-tab li {width: calc((100% / 3) - 5px);margin-bottom: 10px;margin-right: 7.5px;}
	.con-tab li:nth-child(3n) {margin-right: 0;}
	.con-tab button {width: 100%;padding: 0 15px;}
}

.wrap-link-banner2 ul {display: flex; flex-wrap: wrap; padding: 15px 30px; background: #f5f5f5;}
.wrap-link-banner2 li {width: 20%; padding: 7px 0;}
.wrap-link-banner2 a {position: relative; display: flex; align-items: center; padding-left: 18px; font-family: pm; font-size: 16px; color: #333;}
.wrap-link-banner2 a::before {content: ''; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; background: #727272; border-radius: 100%;}
.wrap-link-banner2 a:hover {color: #940d13;}
.wrap-link-banner2 a:hover::before {background: #940d13;}
.wrap-link-banner2 a[target="_blank"]::after {content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 10px; background: url('../../images/guide/ic-link-banner2.png') no-repeat center;}

@media (max-width: 1350px){
	.wrap-link-banner2 li {width: 25%;}
}

@media (max-width: 1180px){
	.wrap-link-banner2 li {width: 33.333%;}
}

@media (max-width: 950px){
	.wrap-link-banner2 li {width: 50%;}
}

@media (max-width: 640px){
	.wrap-link-banner2 li {width: 100%;}
}