@charset "utf-8";

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

/* Heading */
.objHeading_h1 {display: block; font-family: pp; font-size: 40px; line-height: 1; color: #222222;}
.objHeading_h2 { position: relative; display: block; margin-top: 55px; font-family: ppm; font-size: 28px; line-height: 1.2; color: #000; }
.objHeading_h3 { position: relative; display: block; margin-top: 45px; font-family: ppm; font-size: 20px; line-height: 1.2;  color: #005ead; }
.objHeading_h4 { position: relative; display: block; margin-top: 35px; font-family: ppm; font-size: 18px; line-height: 1.2; color: #303030; }
.objHeading_h5 { position: relative; display: block; margin-top: 30px; font-family: ppm; font-size: 18px; line-height: 1.2; color: #336579; }

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

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

@media screen and (max-width: 1100px){
  .objHeading_h2 { margin-top: 40px; font-size: 24px; }
  .objHeading_h3 { margin-top: 35px; font-size: 21px; }
  .objHeading_h4 { margin-top: 25px; font-size: 19px; }
}

/* Description */
.con-desc { font-family: ppr; font-size: 17px; line-height: 1.6; color: #333; }
.con-desc strong { font-family: pps; }
._objHtml.no-margin { margin-top: 0px !important; }
._objHtml.no-margin > div { margin-top: 0px !important; }

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

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

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

/* Point Color */
.c1 { color:#e63b53 !important; }
.c2 { color:#014291 !important; }
.b1 { font-family: pps !important; }
.b2 { font-family: ppm !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.align-c td {text-align: center;}
.con-table thead { position: relative; }
.con-table thead::before { content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: #d4edfb; border-radius: 5px; }
.con-table thead th { padding: 11px 10px; border-right: 1px solid #c5c5c5; font-family: pps; 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: 16px 17px; background:#fff; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: ppm; font-weight: 400; font-size: 17px; color: #000; }
.con-table tbody td { padding: 14px 17px; background:#fff; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: ppr; font-size: 17px; text-align: left; color: #333333; line-height: 1.6;}
.con-table.center tbody td { text-align: center; }
.con-table.mini thead th,
.con-table.mini tbody th,
.con-table.mini tbody td { padding: 7px; font-size: 15px; }
.con-table.links tbody td { vertical-align: middle; }
.con-table.links tbody td > div { display: flex; align-items: center; }
.con-table.links tbody td p { flex: 1; float: left; }
.con-table.links tbody td p span { font-size: 14px; }
.con-table.links tbody td a { float: right;}
.con-table tbody td a { color: #333; }
.con-table .list1 > ul > li { position: relative; padding-left: 15px; }
.con-table .list1 > ul > li:after { content: ''; position: absolute; left: 0; top: 14px; width: 3px; height: 3px; background: #111; border-radius: 100%; }
.con-table .list2 > ul > li { position: relative; padding-left: 15px; }
.con-table .list2 > ul > li:after { content: ''; position: absolute; left: 0; top: 14px; width: 7px; height: 2px; background: #777; }
.con-table .align-l { text-align: left !important; }
.con-table .align-c { text-align: center !important; }
.con-table .align-r { text-align: right !important; }
.con-table .align-t { vertical-align: top !important; }
.con-table strong { font-family: ppm; color: #000; }

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

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

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

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

@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: 1100px){
  .con-table2 thead th,
  .con-table2 tbody th,
  .con-table2 tbody td { padding: 10px 8px; font-size: 15px; }
}

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

/* Tab */

.wrap-tab {position: relative; z-index: 10;}

.tab_div .mobile-tab { display: none; }

.tab_div.div_4 { position: relative; z-index: 1; font-size: 0; }
/* .loaded .tab_div.div_4 { display: block; } */
.tab_div .ul_4 { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 50px;}
.tab_div .ul_4 > li { height: 100%; }
.tab_div .ul_4 > li > a { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 11px 17px; border-bottom: 3px solid #b6b6b6; font-family: 'ppr'; font-size: 20px; color: #666;text-align: center; }
/* .tab_div .ul_4 > li > a:hover, */
.tab_div .ul_4 > li > a::before { content: ''; position: absolute; left: 0; bottom: 0; width: 3px; height: 13px; background: #b6b6b6; }
.tab_div .ul_4 > li > a::after { content: ''; position: absolute; right: 0; bottom: 0; width: 3px; height: 13px; background: #b6b6b6; }
.tab_div .ul_4 > li._active > a,
.tab_div .ul_4 > li > a:hover { border-bottom: 3px solid #1473e6; background: #1473e6; border-radius: 5px; color: #fff; }
.tab_div .ul_4 > li._active > a::before,
.tab_div .ul_4 > li > a:hover::before { display: none; }
.tab_div .ul_4 > li._active > a::after,
.tab_div .ul_4 > li > a:hover::after { display: none; }

.tab_div .ul_4 > li > a[target="_blank"] span::after {content: ''; display: inline-block; width: 13px; height: 13px; margin-left: 10px; background: url('../../images/common/new-win2.png') no-repeat center top;}
.tab_div .ul_4 > li > a[target="_blank"]:hover span::after {background-position: center bottom;}

@media screen and (max-width: 1100px) {
  .tab_div .ul_4 > li > a {padding: 4px 11px; font-size: 16px;}
}

@media screen and (max-width: 768px) {
  .tab_div .mobile-tab {position: relative; display: block; width: 100%; margin-bottom: 15px; padding: 11px 30px; text-align: center;}
  .tab_div.div_4 .mobile-tab {margin-top: 35px; background: #003477 url('../../images/guide/arrow-sel.png') no-repeat calc(100% - 15px) center; border-radius: 5px; font-family: ppm; font-size: 17px; color: #fff;}
  .tab_div.div_4 .mobile-tab.on {background: #003477 url('../../images/guide/arrow-sel-on.png') no-repeat calc(100% - 15px) center;}

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

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

  .tab_div .ul_4 {gap: 0; margin: 0;}
  .tab_div .ul_4 > li {display: block; width: 100% !important; padding: 0; margin: 0; padding: 4px 0; border: 0;}
  .tab_div .ul_4 > li::before {display: none;}
  .tab_div .ul_4 > li > a {padding: 0 20px; border: 0; font-family: ppr; font-size: 17px; text-align: center; 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: #1174ff; font-family: 'pps';}
  .tab_div .ul_4 > li > a[target=_blank]::after,
  .tab_div .ul_4 > li._active > a[target=_blank]::after {background: url(../../images/guide/tab-link-blank-grey.png) no-repeat center;}
  .tab_div .ul_4 > li:hover > a[target=_blank]::after {background: url(../../images/guide/tab-link-blank.png) no-repeat center;}
}

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

@media (max-width: 400px) {
  .tab_div .ul_5 > li > a::before {left: 2.5vw;}
}

/* List Type */
.con-list1 > ul > li { position: relative; margin: 9px 0 0 0; padding-left: 18px; font-family: ppr; font-size: 17px; line-height: 1.6; color: #333; }
.con-list1 > ul > li:first-child { margin-top: 0; }
.con-list1 > ul > li::before { content: ''; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background: #1174ff; }
.con-list1 > ul > li strong { font-family: ppr; color: #111111; }

@media screen and (max-width:700px){
  .con-list1 { margin-top:10px !important; }
  .con-list1 > ul > li { margin:5px 0 0 0; }
  .con-list1 > ul > li:first-child { margin-top:0; }
}

.con-list2 {margin-bottom: 20px;}
.con-list2 > ul > li { position: relative; margin: 10px 0 0 0; padding-left: 20px; font-family: ppr; font-size: 17px; line-height: 1.6; color: #666666; }
.con-list2 > ul > li::before { content: ''; position: absolute; left: 0; top: 13px; width: 7px; height: 2px; background: #000; }
.con-list2 > ul > li strong { font-family: ppm; 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: 10px 0 0 0; padding-left: 25px; font-family: ppr; font-size: 17px; line-height: 1.6; color: #333333; }
.circle-num-list > ul > li > .num { position: absolute; left: 0; top: 5px; display: flex; justify-content: center; width: 19px; height: 19px; margin-right: 5px; background: #fff; border: 1px solid #1174ff; border-radius: 50%; font-family: pps; font-size: 12px; text-align: center; line-height: 16px; color: #1174ff; }
.circle-num-list > ul > li strong { font-family: ppm; color: #111111; }

.circle-num-list2 > ul > li { position: relative; margin: 10px 0 0 0; padding-left: 25px; font-family: ppr; font-size: 17px; line-height: 1.6; color: #333333; }
.circle-num-list2 > ul > li > .num { position: absolute; left: 0; top: 5px; display: flex; justify-content: center; width: 19px; height: 19px; margin-right: 5px; background: #fff; border: 1px solid #333333; border-radius: 50%; font-family: pps; font-size: 12px; text-align: center; line-height: 16px; color: #333333; }
.circle-num-list2 > ul > li strong { font-family: ppm; color: #111111; }

.circle-text-list > ul > li { position: relative; margin: 10px 0 0 0; padding-left: 25px; font-family: ppr; font-size: 17px; line-height: 1.6; color: #333333; }
.circle-text-list > ul > li > .num { position: absolute; left: 0; top: 6px; display: flex; justify-content: center; margin-right: 5px; font-family: ppr; font-size: 17px; text-align: center; line-height: 16px; color: #000; }
.circle-text-list > ul > li strong { font-family: ppm; color: #111111; }

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

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

@media screen and (max-width: 768px){
  .con-list1 > ul > li { padding-left: 15px; font-size: 17px; }
  .con-list2 > ul > li { padding-left: 15px; font-size: 17px; }
  .con-list2 > ul > li::before { top: 14px; }
  .circle-num-list > ul > li { font-size: 17px; }
  .circle-num-list > ul > li > .num { top: 6px; width: 18px; height: 18px; font-size: 13px; }
  .circle-text-list > ul > li { font-size: 17px; }
  .circle-text-list > ul > li > .num { top: 6px; width: 18px; height: 18px; font-size: 17px; }
}

/* Contents Tab */
.con-tab ul { position: relative; display: grid; gap: 10px; grid-auto-flow: column; justify-content: flex-start; }
.con-tab ul li { width: auto; }
.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; min-height: 50px; height: 100%;padding: 5px 50px; background: #3e454d; border-radius: 33px; font-family: ppm; font-size: 18px; color: #fff; }
.con-tab button:hover,
.con-tab button.on { background: #1473e6; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.tab-desc { display: none; margin-top: 20px; }
.tab-desc.on { display: block; }

@media screen and (max-width: 1100px){
  .con-tab button { min-height: 43px; padding: 5px 30px; font-size: 16px; }
}

@media screen and (max-width: 768px){
  .con-tab ul {grid-auto-flow: row;}
  .con-tab ul::after { display: none; }
  .con-tab li:nth-child(3n) { margin-right: 0; }
  .con-tab button { width: 100%; padding: 8px 5px; height: 100%; }
  .con-tab ul:has(:nth-child(2):nth-last-child(1)),
  .con-tab ul:has(:nth-child(2):nth-last-child(2)) { grid-template-columns: repeat(2, 1fr); }

  .con-tab ul:has(:nth-child(3):nth-last-child(2)),
  .con-tab ul:has(:nth-child(3):nth-last-child(1)),
  .con-tab ul:has(:nth-child(3):nth-last-child(3)) { grid-template-columns: repeat(3, 1fr); }


  .con-tab ul:has(:nth-child(4)) { grid-template-columns: repeat(3, 1fr); }
}

/* Notify Box */
.wrap-noti { padding: 30px 50px; background: #f3f6fd; border-radius: 10px; }
.wrap-noti > ul > li { position: relative; margin-bottom: 10px; padding-left: 15px; font-family: ppm; font-size: 17px; color: #011d3f; }
.wrap-noti > ul > li:last-child { margin-bottom: 0; }
.wrap-noti > ul > li::after { content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; background: #011d3f; border-radius: 100%; }

.mini-noti { position: relative; font-size: 16px; padding-left:15px; }
.mini-noti span { position: absolute; left:0; top:0; font-size: 22px; font-family: pps; }

.mini-noti2 {position: relative; font-size: 16px; padding-left: 20px;}
.mini-noti2 span {position: absolute; left:0; top: 0; font-size: 15px; font-family: pps; }

@media screen and (max-width: 1100px){
  .wrap-noti { padding: 20px 30px; }
  .wrap-noti > ul > li { font-size: 16px; }
}

@media screen and (max-width: 768px){
  .mini-noti { font-size: 17px; }
  .mini-noti2 { font-size: 17px; }
}

/* Notify Text */
.noti-text-box { padding: 20px; border: 1px solid #d1d1d1; border-radius: 10px; }
.noti-txt { position: relative; padding: 3px 0 3px 34px; font-family: ppm; font-size: 16px; }
.noti-txt.color1 { color: #014291; }
.noti-txt::after { content: ''; position: absolute; left: 0; top: 3px; width: 25px; height: 25px; }
.noti-txt.color1::after { background: url('../../images/guide/ic-noti1.png') no-repeat center center; }
.noti-txt.color2 { color: #ff7200; }
.noti-txt.color2::after { background: url('../../images/guide/ic-noti2.png') no-repeat center; }
.noti-txt.type2 { color: #000; }
.noti-txt.type2::after { background: url('../../images/guide/ic-noti3.png') no-repeat center; }
.noti-txt.type3 { color: #000; }
.noti-txt.type3::after {top: 6px; background: url('../../images/guide/ic-noti4.png') no-repeat center; }

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

@media screen and (max-width: 768px){
  .noti-txt { font-size: 17px; }
  .noti-txt::after { top: 4px; }
}

/* Btn Style */
.btn-wrap { display: flex; gap: 100px }
.btn-style1 { position: relative;display: inline-flex; align-items: center; min-width: 235px;padding: 20px 70px 20px 35px; background-color: #fff;; border: 1px solid #011d3f; border-radius: 7px; font-family: ppm; font-size: 18px; color: #011d3f !important; transition: .3s; }
.btn-style1::after { content: ''; position: absolute;right: 35px;top: 50%;margin-top: -8px; width: 20px; height: 16px;background-image: url('../../images/guide/ic-btn-arrow1.png'); background-repeat: no-repeat; background-position: center; transition: .3s; }
.btn-style1:hover { border-color: #1473e6; box-shadow: 0 0 10px rgba(0,84,155,0.3); color: #1473e6 !important; }
.btn-style1:hover::after { background-image: url('../../images/guide/ic-btn-arrow1_on.png'); }
.btn-style1.small { min-width: 150px; padding: 12px 35px 12px 15px; font-size: 16px; }
.btn-style1.small::after { position: absolute;right: 15px;top: 50%;margin-top: -5px; width: 12px; height: 10px; background-image: url('../../images/guide/ic-btn-arrow1-small.png'); }
.btn-style1.small:hover::after { background-image: url('../../images/guide/ic-btn-arrow1-small_on.png'); }

.btn-style2 {position: relative; top: -1px; display: inline-flex; min-width: 95px;align-items: center; padding: 1px 15px 1px 7px; background-color: #fff;; border: 1px solid #1473e6; border-radius: 3px; font-family: ppr; font-size: 14px; color: #1473e6 !important; transition: .3s; }
.btn-style2::after { content: ''; position: absolute;right: 6px;top: 50%;margin-top: -4px;width: 5px; height: 8px;background-image: url('../../images/guide/ic-btn-arrow2.png'); background-repeat: no-repeat; background-position: center; transition: .3s; }
.btn-style2:hover { background-color: #1473e6; color: #fff !important; }
.btn-style2:hover::after { background-image: url('../../images/guide/ic-btn-arrow2_on.png'); }

.btn-style3 { position: relative;display: inline-flex; align-items: center;  padding: 17px 65px 17px 28px;min-width: 170px; background-color: #fff;; border: 1px solid #121212; border-radius: 7px; font-family: ppr; font-size: 16px; color: #011d3f !important; transition: .3s; }
.btn-style3.no-icon {padding: 17px 28px 17px 28px;}
.btn-style3::after { content: ''; position: absolute;right: 30px;top: 50%;margin-top: -13px;width: 26px; height: 26px; background-repeat: no-repeat; background-position: center; transition: .3s; }
.btn-style3.no-icon::after {display: none;}
.btn-style3:hover { background-color: #23262f; color: #fff !important; }
.btn-style3:hover::after { filter: invert(1); }

.btn-style3.ic1::after { background-image: url('../../images/guide/ic-btn1.png') }
.btn-style3.ic2::after { background-image: url('../../images/guide/ic-btn2.png') }
.btn-style3.ic3::after { background-image: url('../../images/guide/ic-btn3.png') }
.btn-style3.ic4::after { background-image: url('../../images/guide/ic-btn4.png') }
.btn-style3.ic5::after { background-image: url('../../images/guide/ic-btn5.png') }
.btn-style3.ic6::after { background-image: url('../../images/guide/ic-btn6.png') }
.btn-style3.ic7::after { background-image: url('../../images/guide/ic-btn7.png') }
.btn-style3.ic8::after { background-image: url('../../images/guide/ic-btn8.png') }
.btn-style3.ic9::after { background-image: url('../../images/guide/ic-btn9.png') }
.btn-style3.ic10::after { background-image: url('../../images/guide/ic-btn10.png') }
.btn-style3.ic11::after { background-image: url('../../images/guide/ic-btn11.png') }
.btn-style3.ic12::after { background-image: url('../../images/guide/ic-btn12.png') }
.btn-style3.ic13::after { background-image: url('../../images/guide/ic-btn13.png') }
.btn-style3.ic14::after { background-image: url('../../images/guide/ic-btn14.png') }
.btn-style3.ic15::after { background-image: url('../../images/guide/ic-btn15.png') }
.btn-style3.ic16::after { background-image: url('../../images/guide/ic-btn16.png') }
.btn-style3.ic17::after { background-image: url('../../images/guide/ic-btn17.png') }
.btn-style3.ic18::after { background-image: url('../../images/guide/ic-btn18.png') }
.btn-style3.ic19::after { background-image: url('../../images/guide/ic-btn19.png') }
.btn-style3.ic20::after { background-image: url('../../images/guide/ic-btn20.png') }
.btn-style3.ic21::after { background-image: url('../../images/guide/ic-btn21.png') }
.btn-style3.ic22::after { background-image: url('../../images/guide/ic-btn22.png') }
.btn-style3.ic23::after { background-image: url('../../images/guide/ic-btn23.png') }
.btn-style3.ic24::after { background-image: url('../../images/guide/ic-btn24.png') }

@media screen and (max-width: 1100px){
  .btn-style1 {  padding: 15px 45px 15px 25px; font-size: 16px;min-width: 160px; }
  .btn-style1::after { right: 18px;width:18px;height: 18px;background-size: contain;mask-size: 8px; -webkit-mask-size: 8px; }
  .btn-style1.small { min-width: 135px;padding: 10px 35px 10px 15px; font-size: 14px; }
  .btn-style3 {min-width: 140px;padding: 13px 55px 13px 18px;font-size: 15px;}
  .btn-style3::after {right: 20px;}
}

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

@media screen and (max-width:768px){
  .btn-wrap { flex-direction: column; gap: 30px }
  .line-box { padding:20px; }

}

/* Con Link */
.con-link::after {content: ''; display: inline-block; width: 8px; height: 8px; margin: 0 5px; background: url('../../images/guide/ic-con-link.png') no-repeat center;}

/* Step Banner */
.ic-list { display: flex; gap: 35px; flex-wrap: wrap; align-items: center; }

.wrap-step-banner ul {display: flex; justify-content: space-between; align-items: center;}
.wrap-step-banner li {position: relative; display: flex; justify-content: flex-start; align-items: center; height: 140px; padding: 0 0 0 30px; border: 1px solid #000; border-radius: 5px;}
.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: 20%;}
.wrap-step-banner li.arr {flex-grow: 0; flex-shrink: 0; width: 50px; 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 li::before {content: ''; display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center;}
.wrap-step-banner em {display: block; margin-bottom: 4px; font-size: 16px; color: #003acf; font-family: pps;}
.wrap-step-banner strong { font-family: ppm; font-size: 17px; line-height: 1.2; color: #333;}
.wrap-step-banner span,
.wrap-step-banner span a {font-family: ppr; font-size: 14px; color: #333333;}
.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;}

.wrap-step-banner li.ic1::before{ background-image: url('../../images/guide/ic-step-box1.png'); }
.wrap-step-banner li.ic2::before{ background-image: url('../../images/guide/ic-step-box2.png'); }
.wrap-step-banner li.ic3::before{ background-image: url('../../images/guide/ic-step-box3.png'); }
.wrap-step-banner li.ic4::before{ background-image: url('../../images/guide/ic-step-box4.png'); }
.wrap-step-banner li.ic5::before{ background-image: url('../../images/guide/ic-step-box5.png'); }
.wrap-step-banner li.ic6::before{ background-image: url('../../images/guide/ic-step-box6.png'); }
.wrap-step-banner li.ic7::before{ background-image: url('../../images/guide/ic-step-box7.png'); }
.wrap-step-banner li.ic8::before{ background-image: url('../../images/guide/ic-step-box8.png'); }
.wrap-step-banner li.ic9::before{ background-image: url('../../images/guide/ic-step-box9.png'); }
.wrap-step-banner li.ic10::before { background-image: url('../../images/guide/ic-step-box10.png'); }
.wrap-step-banner li.ic11::before { background-image: url('../../images/guide/ic-step-box11.png'); }
.wrap-step-banner li.ic12::before { background-image: url('../../images/guide/ic-step-box12.png'); }
.wrap-step-banner li.ic13::before { background-image: url('../../images/guide/ic-step-box13.png'); }
.wrap-step-banner li.ic14::before { background-image: url('../../images/guide/ic-step-box14.png'); }
.wrap-step-banner li.ic15::before { background-image: url('../../images/guide/ic-step-box15.png'); }
.wrap-step-banner li.ic16::before { background-image: url('../../images/guide/ic-step-box16.png'); }
.wrap-step-banner li.ic17::before { background-image: url('../../images/guide/ic-step-box17.png'); }
.wrap-step-banner li.ic18::before { background-image: url('../../images/guide/ic-step-box18.png'); }
.wrap-step-banner li.ic19::before { background-image: url('../../images/guide/ic-step-box19.png'); }
.wrap-step-banner li.ic20::before { background-image: url('../../images/guide/ic-step-box20.png'); }
.wrap-step-banner li.ic21::before { background-image: url('../../images/guide/ic-step-box21.png'); }
.wrap-step-banner li.ic22::before { background-image: url('../../images/guide/ic-step-box22.png'); }
.wrap-step-banner li.ic23::before { background-image: url('../../images/guide/ic-step-box23.png'); }
.wrap-step-banner li.ic24::before { background-image: url('../../images/guide/ic-step-box24.png'); }
.wrap-step-banner li.ic25::before { background-image: url('../../images/guide/ic-step-box25.png'); }
.wrap-step-banner li.ic26::before { background-image: url('../../images/guide/ic-step-box26.png'); }
.wrap-step-banner li.ic27::before { background-image: url('../../images/guide/ic-step-box27.png'); }
.wrap-step-banner li.ic28::before { background-image: url('../../images/guide/ic-step-box28.png'); }
.wrap-step-banner li.ic29::before { background-image: url('../../images/guide/ic-step-box29.png'); }
.wrap-step-banner li.ic30::before { background-image: url('../../images/guide/ic-step-box30.png'); }

@media screen and (max-width: 1400px) {
  .wrap-step-banner ul {flex-wrap: wrap; justify-content: flex-start;}
  .wrap-step-banner li {width: 43% !important; height: 90px; margin: 10px 0; border-radius: 0;}
  .wrap-step-banner li.arr {width: 50px !important;}
}

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

/* Txt Box */
.txt-box { position: relative;padding: 40px 175px 40px; background-color: #f3f5f7; border-radius: 10px; }
.txt-box::before {content: '';position: absolute;left: 50px;top: 30px;width: 70px;height: 70px;background-repeat: no-repeat;background-position: center;}
.txt-box strong { display: block; margin: 0 0 10px; font-size: 24px; color: #23262f; font-family: 'ppm'; }
.txt-box p { margin: 0 0 13px;; font-size: 17px; font-family: 'ppr'; color: #333; }
.txt-box .link-btn { display: inline-flex; align-items: center; flex-shrink: 0;min-height: 50px; padding: 5px 15px; background-color: #fff;; border: 1px solid #011d3f; border-radius: 7px; font-family: ppm; font-size: 16px; color: #011d3f !important; transition: .3s; }
.txt-box .link-btn::after { content: ''; display: inline-block; width: 20px; height: 16px; margin-left: 20px; background-image: url('../../images/guide/ic-btn-arrow1-small.png'); background-repeat: no-repeat; background-position: center; transition: .3s; }
.txt-box .link-btn:hover { border-color: #1473e6; box-shadow: 0 0 10px rgba(0,84,155,0.3); color: #1473e6 !important; }
.txt-box .link-btn:hover::after { background-image: url('../../images/guide/ic-btn-arrow1-small_on.png'); }

.txt-box.type2 { display: flex; justify-content: space-between; align-items: center; padding: 33px 80px 33px 175px;}
.txt-box.type2 .link-btn {margin-left: 80px;}

.txt-box.ic1::before { background-image: url('../../images/guide/ic-txt-box1.png'); }
.txt-box.ic2::before{ background-image: url('../../images/guide/ic-txt-box2.png'); }
.txt-box.ic3::before{ background-image: url('../../images/guide/ic-txt-box3.png'); }
.txt-box.ic4::before{ background-image: url('../../images/guide/ic-txt-box4.png'); }
.txt-box.ic5::before{ background-image: url('../../images/guide/ic-txt-box5.png'); }
.txt-box.ic6::before{ background-image: url('../../images/guide/ic-txt-box6.png'); }
.txt-box.ic7::before{ background-image: url('../../images/guide/ic-txt-box7.png'); }
.txt-box.ic8::before{ background-image: url('../../images/guide/ic-txt-box8.png'); }
.txt-box.ic9::before{ background-image: url('../../images/guide/ic-txt-box9.png'); }
.txt-box.ic10::before { background-image: url('../../images/guide/ic-txt-box10.png'); }
.txt-box.ic11::before { background-image: url('../../images/guide/ic-txt-box11.png'); }
.txt-box.ic12::before { background-image: url('../../images/guide/ic-txt-box12.png'); }
.txt-box.ic13::before { background-image: url('../../images/guide/ic-txt-box13.png'); }
.txt-box.ic14::before { background-image: url('../../images/guide/ic-txt-box14.png'); }
.txt-box.ic15::before { background-image: url('../../images/guide/ic-txt-box15.png'); }
.txt-box.ic16::before { background-image: url('../../images/guide/ic-txt-box16.png'); }

@media screen and (max-width: 1300px){
  .txt-box { padding: 40px 100px 40px 175px;}
  .txt-box.type2 { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
  .txt-box.type2 .link-btn {margin-left: 0;}
}

@media screen and (max-width: 768px){
  .txt-box { padding: 30px 60px 40px 130px; background-position: top 40px left 40px;}
  .txt-box::before {width: 60px;height: 60px;left: 35px;background-size: contain;}
  .txt-box.type2 { padding: 30px 60px 40px 130px; }
  .txt-box strong {margin: 0 0 10px;font-size: 19px;}
  .txt-box p {font-size: 17px;}
  .txt-box .link-btn {min-height: 42px; padding: 5px 10px;font-size: 17px;}
}

@media screen and (max-width: 500px){
  .txt-box { padding: 90px 20px 20px 20px;background-position: top 28px left 40px; }
  .txt-box::before {width: 55px;height: 55px;top: 20px; left: 50%; transform: translate(-50%, 0);}
  .txt-box.type2 {padding: 95px 20px 20px 20px;}
}

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

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

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

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

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

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

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

._contentBuilder ._obj._objHtml {font-size: 17px;}


/* 게시판 공통 탭 */
@media screen and (max-width:768px){
	.board-list .cate {padding: 0;border: 0;border-radius: 0;}
	.board-list .cate::after {display: none;}
	.board-list .cate > ul {width: 100%;align-items: stretch;}
	.board-list .cate > ul li {width: 33.3333%;}
	.board-list .cate > ul li a { display: flex;justify-content: center;align-items: center;height: 100%;margin: 0;padding: 3px 14px;text-align: center;border: 1px solid #eaeaea;font-family: 'ppm';font-size: 14px;}
	.board-list .cate > ul li a:hover {background: #003477;border: 1px solid #003477;color: #fff;}
	.board-list .cate > ul li.active a {margin: 0;background: #003477;border-radius: 0;border-color: #003477;}
	.board-list .cate > ul li:first-child.active a {margin: 0;}
	.board-list {padding-bottom: 0;}
}

/* 게시판 공통 서치 */
.search .board-serch input[type="text"] {padding-right: 54px;}

/* 게시판 뷰 공통 글씨 */
.view .txt p{font-size: 17px !important; color:#555;line-height: 1.75 !important; font-family: 'ppr' !important;}
.view .txt span {font-size: 17px !important;color:#555;line-height: 1.75 !important; font-family: 'ppr' !important;}

/* 게시판 글작성 공통 기간설정 */
.artclInsert input[type="text"].date {width: 190px;}

@media(max-width:768px) {
  .artclInsert input[type="text"].date {width: 128px;}
}

/* 게시판 글쓰기 셀렉트 공통 크기 */
.artclInsert select {min-width: 110px;}

/*특정페이지 게시판 영역 구분 필요시*/
.board-area  {position: relative;padding-bottom: 100px;border-bottom: 2px solid #003377;}
.board-area::before {content: '';position: absolute;left: 0;top: -112px;width: 100%;;height: 2px;background: #003377;}
.board-area .boardWrap > ul {border-top: 0;border-bottom: 0;}
.board-area .boardWrap > ul > li strong {padding: 30px 100px 30px 22px;}
.board-area .boardWrap > ul > li:first-child {border-top: 1px solid #e2e2e2;}
.board-area .boardWrap > ul > li:last-child {border-bottom: 1px solid #e2e2e2;}

@media(max-width: 1200px) {
  .board-area {padding-bottom: 5px;}
}

@media(max-width: 767px) {
  .board-area {padding-bottom: 0;}
  .board-area::before {top: -20%;}
  .board-area .boardWrap > ul > li strong {padding: 20px;}
}

/*게시판 접근성*/
.search ._selectBox:focus {border:1px solid red;}
.search ._button input[type="submit"]:focus {border: 1px solid red;}
.search #findType:focus {border: 1px solid red;}