@charset "utf-8";


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


/* Heading */
.objHeading_h2 {position: relative; display: block; font-size: 28px; font-family: pb; color:#000; margin-top: 50px; line-height: 1.2;}
.objHeading_h3 {position: relative; display: block; font-size: 24px; font-family: psb; color:#202E58; margin-top: 40px; line-height: 1.2; padding-top:12px;}
.objHeading_h3::after {content:''; width:19px; height:6px; background:url('../../images/guide/h3-obj.png') no-repeat center; position: absolute; left:0; top:0;}
.objHeading_h4 {position: relative; display: block; font-size: 20px; font-family: pb; color:#000; margin-top: 40px; line-height: 1.2;}
.objHeading_h5 {position: relative; display: block; font-size: 18px; font-family: pb; color:#000; margin-top: 30px; line-height: 1.2;}

._objHtml.no-margin {margin-top:0 !important}

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

@media screen and (max-width:1200px) {
  .objHeading_h2 {font-size: 24px; margin-top: 35px;}
  .objHeading_h3 {font-size: 20px; margin-top: 15px;}
  .objHeading_h4 {font-size: 18px; margin-top: 15px;}
  .objHeading_h5 {font-size: 17px; margin-top: 15px;}
}

/* con-desc */
.con-desc {font-family: pr; font-size: 18px; line-height: 28px; letter-spacing: 0; color:#000;}

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

/* con-list */
.con-list1 {position: relative;}
.con-list1 > ul > li {font-family: pr; color:#000; font-size: 18px; margin-bottom: 10px; padding-left:20px; background:url('../../images/guide/list-bul1.png') no-repeat top 9px left;}
.con-list1 > ul > li > strong {font-family: psb; color:#017A89;}
.con-list1 > ul > li:last-child {margin-bottom: 0px;}

.con-list2 {position: relative;}
.con-list2 > ul > li {position: relative; font-family: pr; color:#000; font-size: 17px; margin-bottom: 10px; padding-left:20px; background:url('../../images/guide/list-bul2.png') no-repeat top 9px left;;}
.con-list2 > ul > li > strong {color:#E82500;}
.con-list2 > ul > li:last-child {margin-bottom: 0;}
@media screen and (max-width:1200px) {
  .con-list1 > ul > li {font-size: 17px;}
  .con-list2 > ul > li {font-size: 16px; margin-bottom: 5px;}
}

.con-list3 {position: relative;}
.con-list3 > ul > li {position: relative; font-size: 16px; font-family: pr; margin-bottom: 5px; line-height: 24px; padding-left:15px;}
.con-list3 > ul > li::after {content:''; width:3px; height:3px; background: #111; position: absolute; top:11px; left:0;}
.con-list3 > ul > li > strong {color:#0070CF;}


.con-list4 {position: relative;}
.con-list4 > ul > li {position: relative; font-size: 17px; font-family: pr; color:#535353; padding-left:18px; margin-bottom: 5px;}
.con-list4 > ul > li::after {content:''; width:8px; height:2px; background:#414141; position: absolute; left:0; top:11px;}
@media screen and (max-width:1200px) {
  .con-list4 > ul > li {font-size: 16px;}
}

.circle-num-list > ul > li {position: relative; margin: 10px 0 0 0; padding-left: 30px; font-family: pr; font-size: 18px; line-height: 1.5; color: #000;}
.circle-num-list > ul > li .num {position: absolute; left: 0; top: 3px; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-right: 5px; background: #00a9c8; border-radius: 5px; font-family: plb; font-size: 14px; text-align: center; color: #fff;}
.circle-num-list > ul > li strong {font-family: 'pm'; color: #111111;}
@media screen and (max-width:1200px) {
  .circle-num-list > ul > li {font-size: 17px;}
}
@media screen and (max-width:700px) {
  .circle-num-list > ul > li {font-size: 16px;}
  .circle-num-list > ul > li .num {top:1px;}
}

/* Notify Text */
.noti-txt {position: relative; padding: 3px 0 3px 30px; font-family: psb; font-size: 16px;}
.noti-txt.color1 {color: #EA5539;}
.noti-txt::after {content: ''; position: absolute; left: 0; top: 4px; width: 24px; height: 22px;}
.noti-txt.color1::after {background: url('../../images/guide/ic-noti1.png') no-repeat center center;}
@media screen and (max-width:1200px) {
  .noti-txt {font-size: 16px;}
}
@media screen and (max-width:700px) {
  .noti-txt {font-size: 15px;}
}

/* con-table */

.right-text {text-align:right; font-size: 16px; letter-spacing: -.025em; font-family: pr; color:#666; margin-bottom: 8px;}
.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 thead th {padding: 16px 10px; background: #202E58; border-right: 1px solid #D7DEE3; border-bottom: 1px solid #D7DEE3; font-family: psb; font-size: 17px; color: #fff;}
.con-table tbody {display: table-header-group;}
.con-table tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.con-table tbody th {padding: 16px 15px; background:#ECF3FD; border-right: 1px solid #D7DEE3; border-bottom: 1px solid #D7DEE3; font-family: psb; font-size: 16px; color: #000;}
.con-table tbody td {padding: 16px 15px; background:#fff; border-right: 1px solid #D7DEE3; border-bottom: 1px solid #D7DEE3; font-family: pr; font-size: 17px; text-align: left; color: #000;}
.con-table.center tbody td {text-align: center;}
.con-table.mini thead th,
.con-table.mini tbody th,
.con-table.mini tbody td {padding: 7px; font-size: 15px;}
.con-table.links tbody td {vertical-align: middle;} 
.con-table.links tbody td > div {display: flex; align-items: center;}
.con-table.links tbody td p {flex: 1; float: left;}
.con-table.links tbody td p span {font-size: 14px;}
.con-table.links tbody td a {float: right;}
.con-table tbody td a {color: #333;}
.con-table .list > li {position: relative; padding-left: 10px;}
.con-table .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.con-table .list2 > li {position: relative; padding-left: 15px;}
.con-table .list2 > li:after {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; background: #777;}
.con-table .align-l {text-align: left !important;}
.con-table .align-c {text-align: center !important;}
.con-table .align-r {text-align: right !important;}
.con-table .align-t {vertical-align: top !important;}
.con-table strong {font-family: pm; color: #000;}

.con-table .link {position: relative; color: #333;}
.con-table .link span {position: relative; font-family: pr; display: inline-block; line-height: 1;}
.con-table .link span::after {content:''; width:0%; height:1px; background:#002FBA; position: absolute; left:0; bottom:0; transition:width .3s;}
.con-table .link:hover {color: #002FBA;}
.con-table .link:hover span::after {width:100%;}

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

@media screen and (max-width: 960px) {
  .con-table {overflow-x: hidden; min-height: 200px;}
  .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) url('../../images/guide/img_mobile_text.png') no-repeat center 40px;}
  .con-table.on:after,
  .con-table.no-scroll:after {display: none;}
}


/* btn */
.btn-style.down1 {position: relative; display: inline-block; width:35px; height:35px; line-height: 32px; text-indent: -9999px; padding:0; transition:box-shadow .3s;}
.btn-style.down1:hover,
.btn-style.down1.hover {box-shadow: 2px 2px 0 rgba(208,208,208,1);}
.btn-style.down1.icon1 {background: #209ddf url('../../images/guide/btn-doc1.png') no-repeat center; }
.btn-style.down1.icon2 {background: #1d7042 url('../../images/guide/btn-doc2.png') no-repeat center; }
.btn-style.down1.icon3 {background: #e63b53 url('../../images/guide/btn-doc3.png') no-repeat center; }
.btn-style.down1.icon4 {background: #2a5794 url('../../images/guide/btn-doc4.png') no-repeat center; }
.btn-style.down1.icon5 {background: #ce4322 url('../../images/guide/btn-doc5.png') no-repeat center; }
.btn-style.down1.icon6 {background: #ED1E23 url('../../images/guide/btn-doc6.png') no-repeat center; }

.btn-style.down2 {position: relative; display: inline-block; height: 35px; padding: 0 20px 0 53px;  font-family: plb; font-size: 12px; line-height: 35px; color: #333 !important; cursor: pointer;  }
.btn-style.down2::after {content: ''; position: absolute; left: 0; top: 0; width: 35px; height: 100%; }
.btn-style.down2.icon1 {border: 1px solid #209ddf; background:linear-gradient(135deg, #CEEEFF 50%, #fff 50%); background-size:400%; background-position:100%; transition: background .5s;}
.btn-style.down2.icon2 {border: 1px solid #1d7042;}
.btn-style.down2.icon3 {border: 1px solid #e63b53;} 
.btn-style.down2.icon4 {border: 1px solid #2a5794;}
.btn-style.down2.icon5 {border: 1px solid #ce4322;}
.btn-style.down2.icon6 {border: 1px solid #ED1E23; background:linear-gradient(135deg, #FFE1E2 50%, #fff 50%); background-size:400%; background-position:100%; transition: background .5s;}
.btn-style.down2.icon1:hover {background-position:0%;}
.btn-style.down2.icon6:hover {background-position:0%;}
.btn-style.down2.icon1::after {background: #209ddf url('../../images/guide/btn-doc1.png') no-repeat center; }
.btn-style.down2.icon2::after {background: #1d7042 url('../../images/guide/btn-doc2.png') no-repeat center; }
.btn-style.down2.icon3::after {background: #e63b53 url('../../images/guide/btn-doc3.png') no-repeat center; }
.btn-style.down2.icon4::after {background: #2a5794 url('../../images/guide/btn-doc4.png') no-repeat center; }
.btn-style.down2.icon5::after {background: #ce4322 url('../../images/guide/btn-doc5.png') no-repeat center; }
.btn-style.down2.icon6::after {background: #ED1E23 url('../../images/guide/btn-doc6.png') no-repeat center; }

.btn-style.down3 {font-size: 14px; color:#3c3c3c; border:1px solid #666; font-family: pm; height:30px; display: flex; align-items: center; padding:0 10px; transition: all .3s}
.btn-style.down3:hover {background: #22B2E9; color:#fff; border:1px solid #22B2E9;}
.btn-style.down3::after {content:''; width:15px; height:14px; background:url('../../images/guide/ic-down.png') no-repeat center; margin-left: 10px; transition: background .3s;}
.btn-style.down3:hover::after {background:url('../../images/guide/ic-down-w.png') no-repeat center;}

.c1 {color:#008190 !important;}