@charset "utf-8";

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

/* Color */
.c1{color: #F99D1B;}
.c2{color: #018A90;}
.c3{color: #3176D0;}

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

/* Heading */
.objHeading_h2 {position: relative; display: block; margin-top: 50px; padding-top: 13px; font-family: db; font-size: 26px; line-height: 1.5; color: #222; letter-spacing: -.05em;}
.objHeading_h2::before {content: ''; position: absolute; left: 0; top: 0; width: 51px; height: 6px; background: url('../../images/guide/bul-h2.png') no-repeat left top;}
.objHeading_h3 {position: relative; display: block; margin-top: 35px; font-family: pm; line-height: 1.5; font-size: 22px; color: #222222; padding-top: 9px; letter-spacing: -.05em;}
.objHeading_h3::before {content: ''; position: absolute; left: 2px; top: 0px; width: 15px; height: 6px; background: url('../../images/guide/bul-h4.png') no-repeat left center;}
.objHeading_h4 {position: relative; display: block; margin-top: 25px; font-family: dm; font-size: 18px; line-height: 1.2; color: #00AAB5; letter-spacing: -.05em;}
.objHeading_h5 {position: relative; display: block; margin-top: 40px; font-family: 'db'; font-size: 26px; line-height: 1.2; color: #222222;}

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

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

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

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

/* Description */
.con-desc {font-family: dr; font-size: 16px; line-height: 1.8; color: #333333;}

/* ._objHtml.no-margin {margin-top: 0px !important;}
._objHtml.no-margin > div {margin-top: 0px !important;} */

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

/* con-list */
.con-list1 {position: relative;}
.con-list1 > ul > li {font-family: dr; color:#666666; font-size: 16px; margin-bottom: 10px; padding-left:18px; background:url('../../images/guide/list-bul1.png') no-repeat top 8px left;}
.con-list1 > ul > li > strong {font-family: dr; color:#018A90;}
.con-list1 > ul > li:last-child {margin-bottom: 0px;}
.con-list2 {position: relative;}
.con-list2 > ul > li {position: relative; font-family: dr; color:#666666; font-size: 16px; margin-bottom: 10px; padding-left:20px; background:url('../../images/guide/list-bul2.png') no-repeat top 9px left;;}
.con-list2 > ul > li > strong {color:#222222;}
.con-list2 > ul > li:last-child {margin-bottom: 0;}
.con-list3 {position: relative;}
.con-list3 > ul > li {position: relative; font-size: 15px; font-family: dr; margin-bottom: 5px; line-height: 1.7; padding-left:13px;}
.con-list3 > ul > li::after {content:''; width:3px; height:3px; background: #111; position: absolute; top:11px; left:0;}
.con-list3 > ul > li > strong {color:#018A90;}

@media screen and (max-width:1200px) {
  .con-list1 > ul > li {font-size: 15px;}
  .con-list2 > ul > li {font-size: 15px; margin-bottom: 5px;}
}

.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: #555555;}
.circle-num-list > ul > li .num {position: absolute; left: 0; top: 3px; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 5px; background: #3176d0; border-radius: 100%; font-family: pr; font-size: 12px; 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: 16px;}
  .circle-num-list > ul > li .num {top: 2px; width: 18px; height: 18px; font-size: 11px;}
}


/* Notify Text */
.noti-txt.small{padding: 3px 0 3px 35px; font-size: 14px;color: #666;font-family: dr ;position: relative; line-height: 1.2;}
.noti-txt.small::after{content: ''; top: 2px; left: 0; width: 22px; height: 20px; position: absolute;}
.noti-txt.small.color1::after {content: ''; background: url('../../images/guide/ic-noti1-small.png') no-repeat center center;}
.noti-txt.small.color2::after {content: ''; background: url('../../images/guide/ic-noti2-small.png') no-repeat center center;}
.noti-txt.small.color3::after {content: ''; background: url('../../images/guide/ic-noti3-small.png') no-repeat center center;}
.noti-txt.small.color4::after {content: ''; background: url('../../images/guide/ic-noti4-small.png') no-repeat center center;}
.noti-txt.small.color5::after {content: ''; background: url('../../images/guide/ic-noti5-small.png') no-repeat center center;}

.noti-txt.color1 {color: #fa9d1c;}
.noti-txt.color2 {color: #00abb3;}
.noti-txt.color3 {color: #152e6e;}
.noti-txt.color4 {color: #3176d0;}

p.c1{font-size: 14px; font-family: dr;}


/* con-table */
.right-text {text-align:right; font-size: 13px; letter-spacing: -.025em; font-family: dr; 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; border-top: 1px solid #000000;} 
.con-table thead th {padding: 14px 10px; background: #EEEEEE; border-right: 1px solid #D7DEE3; border-bottom: 1px solid #D7DEE3; font-family: dr; font-size: 16px; color: #222222;}

.con-table tbody {display: table-header-group; position: relative;}
.con-table tbody:before { content: "";display: block; position: absolute; top: -1px;  left: 0; right: 0;
 height: 1px;  background: #ACB2B6;}
.con-table tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.con-table tbody th {padding: 11px 15px; background:#F6F6F6; border-right: 1px solid #D7DEE3; border-bottom: 1px solid #D7DEE3; font-family: dr; font-size: 16px; color: #222222;}
.con-table tbody td {padding: 11px 15px; background:#fff; border-right: 1px solid #D7DEE3; border-bottom: 1px solid #D7DEE3; font-family: pr; font-size: 15px; text-align: left; color: #444444; letter-spacing: -.025em;}
.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 .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:#42B8BE; position: absolute; left:0; bottom:0; transition:width .3s;}
.con-table .link:hover {color: #42B8BE;}
.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-style1 {display: inline-flex; align-items: center; height: 50px; padding: 0 25px; background-color: #fff;; border: 1px solid #c7d3e3; font-family: dr; font-size: 15px; color: #333333;}
.btn-style1::after {content: ''; position: relative; top: -2px; display: inline-block; width: 21px; height: 5px; margin-left: 17px; background: url('../../images/guide/arr-btn.png') no-repeat center;}

.btn-style1:hover{border-color: #00abb3;  background:#00abb3; color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.1) ;}
.btn-style1:hover::after{content: ''; background: url('../../images/guide/arr-btn-on.png') no-repeat center; }

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