@charset "utf-8";

.wrap-contents .container {max-width:1400px;}
.wrap-contents .objHeading_h2 {font-family:'Noto Medium'; display:block; line-height:1.5; font-size:26px; letter-spacing: -0.5px; color:#111; margin-top: 50px;}
.wrap-contents .objHeading_h3 {position: relative; font-family:'Noto Medium'; display:block; line-height:1.5; font-size:22px; letter-spacing: -0.5px; color:#222222; margin-top: 50px;}
/* .wrap-contents .objHeading_h3::before {content: ""; position: absolute; width: 28px; height: 2px; background: #1B60C6; left: 0; top: 0;} */
.wrap-contents .objHeading_h4 {position: relative; font-family:'Noto Medium'; display:block; line-height:1.5; font-size:20px; letter-spacing: -0.5px; color:#333333;  margin-top: 50px;}
/* .wrap-contents .objHeading_h4::before {content: ""; position: absolute; width: 12px; height: 12px; background: #2A79ED; border-radius: 50%; left: 0; top: 8px;} */
.wrap-contents .objHeading_h5 {position: relative; font-family:'Noto Medium'; display:block; line-height:1.5; font-size:18px; letter-spacing: -0.5px; color:#333333; margin-top: 50px;}
/* .wrap-contents .objHeading_h5::before {content: ""; position: absolute; width: 10px; height: 10px; border: 2px solid #426DCA; border-radius: 50%; left: 0; top: 7px;} */

.wrap-contents .con-desc {font-size:16px; color:#333333; line-height:26px; letter-spacing: -0.5px; font-family: 'Noto DemiLight';}
.wrap-contents .con-list li {padding: 0 0 0 20px; color:#666; background:url('../../images/common/bul_list.png') no-repeat left 9px;}
.wrap-contents .con-list strong {font-family:'Noto DemiLight'; color:#222;}
.wrap-contents .con-list2 li {position:relative; padding: 0 0 0 20px; color:#666;}
.wrap-contents .con-list2 li:after {content:''; position:absolute; left:0px; top:11px; width:4px; height:4px; background:#018cff;}

.wrap-contents .align-r {text-align:right;}
.wrap-contents .align-c {text-align:center;}
.wrap-contents .align-l {text-align:left;}

.wrap-contents .p-color1 {color:#183d93;}
.wrap-contents .p-color2 {color:#018cff;}
.wrap-contents .p-color3 {color:#eb8105;}

.wrap-contents .txt-color1 {color: #d63f11;}
.wrap-contents .txt-color2 {color: #00c6ff;}
.wrap-contents .txt-color3 {color: #faa635;}
.wrap-contents .txt-color4 {color: #00b622;}

.wrap-contents .con-table {position:relative;}
.wrap-contents .con-table::before {content: ""; position: absolute; width: 1px; height: 100%; background: #fff; right: 0; top: 0;}
.wrap-contents .con-table:after {content:''; position: absolute; right:0px; top:0px; width:1px; height:100%; background:#fff;}
.wrap-contents .con-table table {font-family:'Noto DemiLight'; position:relative;}
.wrap-contents .con-table table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#43505d;}
.wrap-contents .con-table table:before {content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#43505d;}
.wrap-contents .con-table thead th {padding:15px 10px; background:#F7F8F9; color:#000000; border-right:1px solid #DDDEE0; border-bottom:1px solid #DDDEE0; font-size:18px; font-family: "Noto Regular";}
.wrap-contents .con-table tbody {display: table-header-group;}
.wrap-contents .con-table tbody tr:first-child th, .wrap-contents .con-table tbody tr:first-child td {border-top: 1px solid #B1B2B3;}
.wrap-contents .con-table tbody th {padding:15px 10px; background:#FBFBFB; color:#000000; border-right:1px solid #DDDEE0; border-bottom:1px solid #DDDEE0; font-size:16px;}
.wrap-contents .con-table tbody th.color {background:#FBFBFB; font-size: 18px; color: #1b1b1b;}
.wrap-contents .con-table tbody td {padding:15px 10px; background:#fff; color:#666; border-right:1px solid #ccd0d7; border-bottom:1px solid #ccd0d7; font-size:16px; text-align: left; letter-spacing: -0.5px;}
.wrap-contents .con-table tbody td a{color: #666;}

.wrap-contents .con-table tbody td ul li {position: relative; padding-left: 20px;}
.wrap-contents .con-table tbody td ul li::before {content: ""; position: absolute; width: 8px; height: 8px; background: #B4C1DD; border-radius: 50%; left: 0; top: 10px;}

.wrap-contents .con-table .align-l {text-align:left;}
.wrap-contents .con-table .align-c {text-align:center;}
.wrap-contents .con-table .align-r {text-align:right;}

.wrap-contents .con-table10 {position:relative;}
.wrap-contents .con-table10::before {content: ""; position: absolute; width: 1px; height: 100%; background: #fff; right: 0; top: 0;}
.wrap-contents .con-table10:after {content:''; position: absolute; right:0px; top:0px; width:1px; height:100%; background:#fff;}
.wrap-contents .con-table10 table {font-family:'Noto DemiLight'; position:relative;}
.wrap-contents .con-table10 table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#43505d;}
.wrap-contents .con-table10 table:before {content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#43505d;}
.wrap-contents .con-table10 thead th {padding:15px 10px; background:#F7F8F9; color:#000000; border-right:1px solid #DDDEE0; border-bottom:1px solid #DDDEE0; font-size:18px; font-family: "Noto Regular";}
.wrap-contents .con-table10 tbody {display: table-header-group;}
.wrap-contents .con-table10 tbody tr:first-child th, .wrap-contents .con-table tbody tr:first-child td {border-top: 1px solid #B1B2B3;}
.wrap-contents .con-table10 tbody th {padding:15px 10px; background:#FBFBFB; color:#000000; border-right:1px solid #DDDEE0; border-bottom:1px solid #DDDEE0; font-size:16px;}
.wrap-contents .con-table10 tbody th.color {background:#FBFBFB; font-size: 18px; color: #1b1b1b;}
.wrap-contents .con-table10 tbody td {padding:15px 10px; color:#666; border-right:1px solid #ccd0d7; border-bottom:1px solid #ccd0d7; font-size:16px; text-align: left; letter-spacing: -0.5px;}
.wrap-contents .con-table10 tbody td a{color: #666;}
.wrap-contents .con-table10 tbody th {padding:15px 10px; background:#e3f0fc; color:#000000; border-right:1px solid #DDDEE0; border-bottom:1px solid #DDDEE0; font-size:16px;}


.wrap-contents .con-table10 tbody td ul li {position: relative; padding-left: 20px;}
.wrap-contents .con-table10 tbody td ul li::before {content: ""; position: absolute; width: 8px; height: 8px; background: #B4C1DD; border-radius: 50%; left: 0; top: 10px;}

.wrap-contents .con-table10 .align-l {text-align:left;}
.wrap-contents .con-table10 .align-c {text-align:center;}
.wrap-contents .con-table10 .align-r {text-align:right;}

@media all and (max-width:860px) {
    .wrap-contents .con-table {overflow-x: hidden;}
    .wrap-contents .con-table table {width:1000px;}
    .wrap-contents .con-table:after {content:''; position:absolute; right:0px; top:0px; width:100%; height:100%; background:url('../../images/common/img_mobile_text.png') no-repeat center center;}
    .wrap-contents .con-table.on:after {display:none;}
}

.wrap-contents .con-ready {padding:80px 0 ; text-align:center; background: url('../../images/common/bg_ready.jpg') no-repeat center top; border:1px solid #cccccc;}
.wrap-contents .con-ready .text {font-size:38px; padding:32px 0 0 0;}
.wrap-contents .con-ready .text span {font-family:'Noto Bold';position:relative; color:#018cff; display:inline-block; padding:0 6px;}
.wrap-contents .con-ready .text span:last-child:after {display:none;}
.wrap-contents .con-ready .text span:after {content: '/'; position:absolute; right:-7px; top:15px; font-size:15px; font-family: Noto Black;}

@media all and (max-width:420px) {
    .wrap-contents .con-ready .text {font-size: 26px;}
    .wrap-contents .con-ready .text span:after {top:8px;}
}

/* guide 추가 작업 */
.sub-indent {padding-left: 20px;}

.ul_3 {overflow: hidden; margin: 0 -10px;}
.ul_3 > li {position: relative; float: left; margin: 5px 10px;}
.ul_3 > li::before {content: ""; position: absolute; width: 3px; height: 10px; background: #C8C8C8; left: 0; bottom: 0;}
.ul_3 > li::after {content: ""; position: absolute; width: 3px; height: 10px; background: #C8C8C8; right: 0; bottom: 0;}
.ul_3 > li > a {position: relative; display: block; padding: 15px 20px; z-index: 2; font-size: 16px; font-family: "Noto Medium"; transition: color 0.5s;}
.ul_3 > li > a::after {content: ""; position: absolute; z-index: -1; width: 100%; height: 3px; background: #C8C8C8; left: 0; bottom: 0; transition: height 0.5s;}

.ul_3 > li:hover > a::after {height: 100%; background: #23499E;}
.ul_3 > li:hover > a {color: #fff;}

.ul_4 {overflow: hidden;}
.ul_4 > li {position: relative; float: left; width: 25%; border-bottom: 1px solid #CBCBCB;}
.ul_4 > li::before {content: ""; position: absolute; width: 1px; height: 20px; background: #CBCBCB; left: 0; top: 18px; transition: opacity 0.3s;}
.ul_4 > li::after {content: ""; position: absolute; width: 100%; height: 100%; box-sizing: border-box; border: 3px solid #23499E; left: 0; top: 0; opacity: 0; transition: opacity 0.5s;}
.ul_4 > li:nth-child(4n-3)::before {display: none;}
.ul_4 > li > a {position: relative; display: block; padding: 15px 50px 15px 20px; font-size: 16px; font-family: "Noto Light"; letter-spacing: -0.5px; color: #555555; z-index: 3;}
.ul_4 > li > a::after {content: ""; position: absolute; width: 25px; height: 25px; border: 1px solid #CBCBCB; border-radius: 50%; right: 20px; top: 15px; background: url("../../images/common/more_arrow_1.png") no-repeat center; transition: all 0.3s;}

.ul_4 > li:hover::before {opacity: 0;}
.ul_4 > li:hover + li::before {opacity: 0;}
.ul_4 > li:hover::after {opacity: 1;}
.ul_4 > li:hover > a::after {width: 19px; height: 4px; background: #91A4CE; top: 25px; border-ra dius: 0; right: 23px;}

.con-list1 ul li {position: relative; font-size: 16px; line-height: 25px; letter-spacing: -0.5px; color: #333333; margin: 5px 0; padding-left: 20px;}
.con-list1 ul li::before {content: ""; position: absolute; width: 8px; height: 8px; background: #666; border-radius: 50%; left: 0; top: 8px;}

.con-arrow-list ul li {position: relative; padding-left: 15px; font-size: 16px; line-height: 30px; letter-spacing: -0.5px; color: #333333;}
.con-arrow-list ul li::before {content: ""; position: absolute; width: 10px; height: 4px; background: url("../../images/common/ic_list3_arrow.png") no-repeat; left: 0; top: 12px;}

.circle-num-title {position: relative; font-size: 18px; line-height: 20px; letter-spacing: -0.5px; color: #333333; font-family: "Noto Medium"; padding-left: 25px;}
.circle-num-title .num {position: absolute; left: 0; top: 0px; display: inline-block; vertical-align: middle; font-family: "Roboto"; font-size: 10px; letter-spacing: -0.5px; color: #fff; width: 16px; height: 16px; border-radius: 50%; background: #4B74CC; text-align: center; margin-right: 5px;}

.circle-num-list li {position: relative; font-size: 16px; line-height: 25px; letter-spacing: -0.5px; color: #333333; padding-left: 25px; margin: 5px 0;}
.circle-num-list li .num {position: absolute; left: 0; top: 5px; display: inline-block; vertical-align: middle; font-family: "Montserrat"; font-size: 10px; letter-spacing: -0.5px; color: #fff; width: 16px; height: 16px; border-radius: 50%; background: #4B74CC; text-align: center; margin-right: 5px; line-height: 18px;}

.point-txt {font-size: 16px; line-height: 30px; letter-spacing: -0.5px; font-family: "Noto Medium"; padding-left: 40px;}
.point-txt.point-txt1 {color: #e77800; background: url("../../images/common/ic_point_1.png") no-repeat left 5px;}
.point-txt.point-txt2 {color: #d63f11; background: url("../../images/common/ic_point_2.png") no-repeat left 5px;}
.point-txt.point-txt3 {color: #0090ff; background: url("../../images/common/ic_point_3.png") no-repeat left 5px;}
.point-txt.point-txt4 {color: #183d93; background: url("../../images/common/ic_point_4.png") no-repeat left 5px;}
.point-txt.point-txt5 {color: #43505d; background: url("../../images/common/ic_point_5.png") no-repeat left 5px;}

.sub-explain-bx{position: relative; overflow: hidden;}
.sub-explain {padding: 25px 30px; background: #F5F5F5;}
.sub-explain::before {content: ""; position: absolute; width: 85px; height: 29px; background: url("../../images/common/explain_bg_2.png") no-repeat; right: -100px; top: 40px; transition: right 0.75s;}
.sub-explain::after {content: ""; position: absolute; width: 161px; height: 142px; background: url("../../images/common/explain_bg_3.png") no-repeat; right: -100px; bottom: 0px; transition: right 0.75s;}
.sub-explain.on::before, .sub-explain.on::after {right: 0; }

.sub-expalin-inner {position: relative; display: table; width: 100%; z-index: 1;}
.sub-expalin-inner .sub-explain-img {display: table-cell; width: 230px; vertical-align: middle; height: 230px;background: url("../../images/common/explain_bg_1.png") no-repeat center;}
.sub-expalin-inner .explain-img-inner {width: 100%; height: 100%;}
.sub-expalin-inner .sub-explain-img .icon1 {background: url("../../images/common/explain_icon_1.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon2 {background: url("../../images/common/explain_icon_2.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon3 {background: url("../../images/common/explain_icon_3.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon4 {background: url("../../images/common/explain_icon_4.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon5 {background: url("../../images/common/explain_icon_5.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon6 {background: url("../../images/common/explain_icon_6.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon7 {background: url("../../images/common/explain_icon_7.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon8 {background: url("../../images/common/explain_icon_8.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon9 {background: url("../../images/common/explain_icon_9.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon10 {background: url("../../images/common/explain_icon_10.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon11 {background: url("../../images/common/explain_icon_11.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon12 {background: url("../../images/common/explain_icon_12.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon13 {background: url("../../images/common/explain_icon_13.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon14 {background: url("../../images/common/explain_icon_14.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon15 {background: url("../../images/common/explain_icon_15.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon16 {background: url("../../images/common/explain_icon_16.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon17 {background: url("../../images/common/explain_icon_17.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon18 {background: url("../../images/common/explain_icon_18.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon19 {background: url("../../images/common/explain_icon_19.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon20 {background: url("../../images/common/explain_icon_20.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon21 {background: url("../../images/common/explain_icon_21.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon22 {background: url("../../images/common/explain_icon_22.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon23 {background: url("../../images/common/explain_icon_23.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon24 {background: url("../../images/common/explain_icon_24.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon25 {background: url("../../images/common/explain_icon_25.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon26 {background: url("../../images/common/explain_icon_26.png") no-repeat center;}
.sub-expalin-inner .sub-explain-img .icon27 {background: url("../../images/common/explain_icon_27.png") no-repeat center;}


.sub-expalin-inner .sub-explain-info {display: table-cell; vertical-align: top; padding-left: 35px; padding-top: 30px;}
.sub-explain-title {font-size: 26px; line-height: 30px; letter-spacing: -0.5px; color: #23499e; font-family: "Noto Medium";}
.sub-explain-txt {font-size: 19px; line-height: 30px; letter-spacing: -0.5px; color: #333333;}

@media all and (max-width: 1023px){
  .sub-expalin-inner {display: block;}
  .sub-expalin-inner .sub-explain-img {display: block; margin: 0 auto;}
  .sub-expalin-inner .sub-explain-info {display: block; width: 100%; padding-left: 0; padding: 30px 15px 0;}
}


.sub-link-bx {padding: 10px; background: url("../../images/common/repeat_bg.png");}
.sub-link-inner {background: #fff; padding: 15px 40px; overflow: hidden; display: table; width: 100%;}
.sub-link-icon {display: table-cell; vertical-align: middle; width: 70px;}
.sub-link-info {display: table-cell; vertical-align: middle; width: auto; font-size: 18px; line-height: 24px; letter-spacing: -0.5px; color: #2e3a84;}
.sub-link-btn {display: table-cell; vertical-align: middle; width: 160px;}

@media all and (max-width: 1023px){
  .sub-link-inner {display: block; }
  .sub-link-icon {display: block;}
  .sub-link-info {display: block; margin: 10px 0 25px;}
  .sub-link-btn {display: block;}
}

.ebook-list {margin: 0 -0.5%;}
.ebook-list-inner {float: left; display: table; width: 49%; padding: 30px 25px; margin: 10px 0.5%; border: 1px solid #CFCFCF;}
.ebook-title {display: table-cell; vertical-align: middle;}
.ebook-title p {position: relative; font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #333333; font-family: "Noto Bold"; padding-left: 20px;}
.ebook-title p::before {content: ""; position: absolute; width: 12px; height: 12px; border: 3px solid #005AAB; border-radius: 50%; left: 0; top: 10px;}
.ebook-btn {display: table-cell; vertical-align: middle; width: 180px;}

@media all and (max-width: 1023px){
  .ebook-list {margin: 0;}
  .ebook-list-inner {float: none; width: 100%; margin: 10px 0;}
  .ebook-title {}
}

.sub-download-bx {border: 1px solid #C1C1C1;}
.sub-download {padding: 10px 45px; margin: 0 -1.5%;}
.sub-download-inner {float: left; width: 30%; overflow: hidden; padding: 10px 0; margin: 0 1.5%;}
.sub-download-inner > p {float: left; padding-left: 20px; background: url("../../images/common/ic_list3_arrow.png") no-repeat left 9px; font-size: 16px; line-height: 30px; letter-spacing: -0.5px; color: #222222;}
.sub-download-inner .sub-download-btn {float: right;}
.sub-download-inner .sub-download-btn .sub-btn-group .download-btn {margin-left: 0;}

@media all and (max-width: 1260px){
  .sub-download-inner {width: 47%; margin: 0;}
}

@media all and (max-width: 1023px){
  .sub-download {padding: 10px 25px;}
  .sub-download-inner {width: 100%;}
  .sub-download-inner > p {width: calc(100% - 200px); line-height: 23px;}
}

@media all and (max-width: 500px){
  .sub-download-inner > p {float: none; width: 100%;}
  .sub-download-inner .sub-download-btn {margin-top: 10px;}
}

.privacy-bx {padding: 25px 45px; background: #F5F6FA;}
.privacy-title {float: left; font-size: 19px; line-height: 30px; letter-spacing: -0.5px; color: #10489f; font-family: "Noto Regular";}
.privacy-bx-btn {float: right;}

@media all and (max-width: 500px){
  .privacy-bx {text-align: center; padding: 15px;}
  .privacy-title {float: none; margin-bottom: 10px;}
  .privacy-bx-btn {float: none;}
}

/* 버튼 스타일 */
.sub-btn-group .link-btn {position: relative; display: block; font-size: 14px; line-height: 24px; letter-spacing: -0.5px; color: #fff; border: 1px solid #006CC7; color: #4b4b4b; transition: all 0.3s; overflow: hidden;}
.sub-btn-group .link-btn::before {content: ""; position: absolute; width: 0; height: 100%; background: #006CC7; left: -30px; top: 0; transition: all 0.5s; z-index: 1; transform: skewX(-45deg);}
.sub-btn-group .link-btn span {position: relative; display: block; z-index: 3; background: url("../../images/common/more_arrow_3.png") no-repeat 90% center; padding: 10px 40px 10px 15px; transition: all 0.3s;}

.sub-btn-group .link-btn:hover {color: #fff;}
.sub-btn-group .link-btn:hover span {background: url("../../images/common/more_arrow_2.png") no-repeat 90% center; }
.sub-btn-group .link-btn:hover::before {width: 140%;}

.sub-btn-group .link-btn2 {position: relative; display: block; font-size: 16px; line-height: 30px; letter-spacing: -0.5px; color: #fff; border: 1px solid #0058B9; color: #666666; transition: all 0.3s; overflow: hidden;}
.sub-btn-group .link-btn2::before {content: ""; position: absolute; width: 0; height: 100%; background: #425769; left: -30px; top: 0; transition: all 0.5s; z-index: 1; transform: skewX(-45deg);}
.sub-btn-group .link-btn2 span {position: relative; display: block; z-index: 3; background: url("../../images/common/btn_icon1_on.png") no-repeat 90% center; padding: 7px 40px 7px 15px; transition: all 0.3s;}

.sub-btn-group .link-btn2:hover {color: #fff; border-color: #425769;}
.sub-btn-group .link-btn2:hover span {background: url("../../images/common/btn_icon1.png") no-repeat 90% center; }
.sub-btn-group .link-btn2:hover::before {width: 140%;}

.sub-btn-group .download-btn {position: relative; display: inline-block; border: 1px solid #B9C1D7; border-radius: 5px; margin-left: 10px; background: #fff; overflow: hidden;}
.sub-btn-group .download-btn::before {content: ""; position: absolute; width: 0; height: 100%; background: #10489F; left: -30px; top: 0; transition: all 0.5s; z-index: 1; transform: skewX(-45deg);}
.sub-btn-group .download-btn span {position: relative; display: block; z-index: 3; background: url("../../images/common/btn_icon2.png") no-repeat 15px center;  padding: 4px 15px 4px 40px;transition: all 0.3s; font-size: 16px; letter-spacing: -0.5px; color: #4b4b4b;}

.sub-btn-group .download-btn:hover {border-color: #10489F;}
.sub-btn-group .download-btn:hover span {color: #fff; background: url("../../images/common/btn_icon2_on.png") no-repeat 15px center; }
.sub-btn-group .download-btn:hover::before {width: 140%;}

.sub-btn-group .card-btn {position: relative; display: inline-block; border: 1px solid #B9C1D7; border-radius: 5px; margin-left: 10px; background: #fff; overflow: hidden;}
.sub-btn-group .card-btn::before {content: ""; position: absolute; width: 0; height: 100%; background: #10489F; left: -30px; top: 0; transition: all 0.5s; z-index: 1; transform: skewX(-45deg);}
.sub-btn-group .card-btn span {position: relative; display: block; z-index: 3; background: url("../../images/common/btn_icon3.png") no-repeat 15px center;  padding: 4px 15px 4px 40px;transition: all 0.3s; font-size: 16px; letter-spacing: -0.5px; color: #4b4b4b;}

.sub-btn-group .card-btn:hover {border-color: #10489F;}
.sub-btn-group .card-btn:hover span {color: #fff; background: url("../../images/common/btn_icon3_on.png") no-repeat 15px center; }
.sub-btn-group .card-btn:hover::before {width: 140%;}

.sub-btn-group .home-btn {position: relative; display: inline-block; border: 1px solid #B9C1D7; border-radius: 5px; margin-left: 10px; background: #fff; overflow: hidden;}
.sub-btn-group .home-btn::before {content: ""; position: absolute; width: 0; height: 100%; background: #10489F; left: -30px; top: 0; transition: all 0.5s; z-index: 1; transform: skewX(-45deg);}
.sub-btn-group .home-btn span {position: relative; display: block; z-index: 3; background: url("../../images/common/btn_icon4.png") no-repeat 15px center;  padding: 4px 15px 4px 40px;transition: all 0.3s; font-size: 16px; letter-spacing: -0.5px; color: #4b4b4b;}

.sub-btn-group .home-btn:hover {border-color: #10489F;}
.sub-btn-group .home-btn:hover span {color: #fff; background: url("../../images/common/btn_icon4_on.png") no-repeat 15px center; }
.sub-btn-group .home-btn:hover::before {width: 140%;}

.sub-btn-group .flag-btn {position: relative; display: inline-block; border: 1px solid #B9C1D7; border-radius: 5px; margin-left: 10px; background: #fff; overflow: hidden;}
.sub-btn-group .flag-btn::before {content: ""; position: absolute; width: 0; height: 100%; background: #10489F; left: -30px; top: 0; transition: all 0.5s; z-index: 1; transform: skewX(-45deg);}
.sub-btn-group .flag-btn span {position: relative; display: block; z-index: 3; background: url("../../images/common/btn_icon5.png") no-repeat 15px center;  padding: 4px 15px 4px 40px;transition: all 0.3s; font-size: 16px; letter-spacing: -0.5px; color: #4b4b4b;}

.sub-btn-group .flag-btn:hover {border-color: #10489F;}
.sub-btn-group .flag-btn:hover span {color: #fff; background: url("../../images/common/btn_icon5_on.png") no-repeat 15px center; }
.sub-btn-group .flag-btn:hover::before {width: 140%;}

.sub-btn-group .call-btn {position: relative; display: inline-block; border: 1px solid #B9C1D7; border-radius: 5px; margin-left: 10px; background: #fff; overflow: hidden;}
.sub-btn-group .call-btn::before {content: ""; position: absolute; width: 0; height: 100%; background: #10489F; left: -30px; top: 0; transition: all 0.5s; z-index: 1; transform: skewX(-45deg);}
.sub-btn-group .call-btn span {position: relative; display: block; z-index: 3; background: url("../../images/common/btn_icon6.png") no-repeat 15px center;  padding: 4px 15px 4px 40px;transition: all 0.3s; font-size: 16px; letter-spacing: -0.5px; color: #4b4b4b;}

.sub-btn-group .call-btn:hover {border-color: #10489F;}
.sub-btn-group .call-btn:hover span {color: #fff; background: url("../../images/common/btn_icon6_on.png") no-repeat 15px center; }
.sub-btn-group .call-btn:hover::before {width: 140%;}

.sub-btn-group .talk-btn {position: relative; display: inline-block; border: 1px solid #B9C1D7; border-radius: 5px; margin-left: 10px; background: #fff; overflow: hidden;}
.sub-btn-group .talk-btn::before {content: ""; position: absolute; width: 0; height: 100%; background: #10489F; left: -30px; top: 0; transition: all 0.5s; z-index: 1; transform: skewX(-45deg);}
.sub-btn-group .talk-btn span {position: relative; display: block; z-index: 3; background: url("../../images/common/btn_icon7.png") no-repeat 15px center;  padding: 4px 15px 4px 40px;transition: all 0.3s; font-size: 16px; letter-spacing: -0.5px; color: #4b4b4b;}

.sub-btn-group .talk-btn:hover {border-color: #10489F;}
.sub-btn-group .talk-btn:hover span {color: #fff; background: url("../../images/common/btn_icon7_on.png") no-repeat 15px center; }
.sub-btn-group .talk-btn:hover::before {width: 140%;}

.sub-btn-group .privacy-btn {position: relative; display: inline-block; border: 1px solid #B9C1D7; border-radius: 5px; transition: all 0.3s; margin-left: 10px; background: #fff; vertical-align: top;}
.sub-btn-group .privacy-btn span {position: relative; display: block; z-index: 3; background: url("../../images/common/btn_arrow.png") no-repeat 8px center;  padding: 4px 15px 4px 20px; transition: all 0.3s; font-size: 13px; color: #666666;}

.sub-btn-group .privacy-btn:hover {border-color: #10489F;}
.sub-btn-group .privacy-btn span {color: #666666;}

@media all and (max-width: 1023px){

}

/* 로그인 */
.login-content {max-width: 1000px; margin: 0 auto; background: url("../../images/login/logo_bg.png") no-repeat right bottom;}
.login-bx {overflow: hidden;}
.login-form {float: left; width: 50%; padding-right: 5%; margin-right: 5%; box-sizing: border-box;}
.login-form .login-title {padding-right: 75px; background: url("../../images/login/ic_lock.png") no-repeat right center; margin-bottom: 25px;}
.login-form .login-title h3 {font-size: 35px; line-height: 40px; letter-spacing: -0.5px; color: #000000; font-family: "Noto Regular"; margin-bottom: 10px;}
.login-form .login-title p {font-size: 16px; line-height: 25px; letter-spacing: -0.5px; color: #000000;}
.login-form .login-title p span {color: #1e5ba8;}

.login-input {padding: 35px 0; border-bottom: 1px solid #D4D4D4; border-top: 1px solid #D4D4D4; }
.login-input input {width: 100%; height: 50px; padding: 0 15px; font-size: 16px; letter-spacing: -0.5px; border-radius: 5px; background: #F5F5F5; border: 0;}
.login-input input:first-child {margin-bottom: 10px;}

.login-bottom {padding: 30px 0; border-bottom: 1px solid #D4D4D4;}
.login-bottom .check-custom {float: left;}
.login-bottom .check-custom input {display: none;}
.login-bottom .check-custom label {position: relative; padding-left: 35px; }
.login-bottom .check-custom label::before {content: ""; position: absolute; width: 25px; height: 25px; background: url("../../images/login/check_off.png") no-repeat; left: 0; top: 0px;}
.login-bottom input:checked + label::before {background: url("../../images/login/check_on.png") no-repeat;}

.login-bottom ul {float: right;}
.login-bottom ul li {float: left;}
.login-bottom ul li:first-child::after {content: ""; display: inline-block; vertical-align: middle; margin: 0 10px; width: 1px; height: 15px; background: #9F9F9F;}
.login-bottom ul li a {display: inline-block; font-size: 16px; line-height: 25px; letter-spacing: -0.5px; color: #5e605f; border-bottom: 1px solid #fff; transition: all 0.3s;}
.login-bottom ul li a:hover {color: #006cc7; border-bottom: 1px solid #3D83CE;}

.login-info {position: relative; float: right; width: 45%;}
.login-info::before {content: ""; position: absolute; width: 100%; height: 6px; background: url("../../images/login/info_bg.png"); left: 0; top: 0;}
.login-info::after {content: ""; position: absolute; width: 100%; height: 6px; background: url("../../images/login/info_bg.png"); left: 0; bottom: 0;}
.login-info-bx {padding: 30px 4% 60px; background: rgba(255, 255, 255, 0.7); margin: 6px;}
.login-info-bx::before {content: ""; position: absolute; width: 6px; background: url("../../images/login/info_bg.png"); left: 0; top: 6px; bottom: 6px; box-sizing: border-box;}
.login-info-bx::after {content: ""; position: absolute; width: 6px; background: url("../../images/login/info_bg.png"); right: 0; top: 6px; bottom: 6px; box-sizing: border-box;}
.login-info-bx .login-info-inner:first-child {margin-bottom: 30px;}

.login-info-bx .login-info-inner .title {font-size: 18px; line-height: 25px; letter-spacing: -0.5px; color: #006cc7; font-family: "Noto Medium"; margin-bottom: 7px;}
.login-info-bx .login-info-inner .info {font-size: 16px; line-height: 25px; letter-spacing: -0.5px; color: #5f5f5f;}
.login-info-bx .login-info-inner ul li {position: relative; font-size: 16px; line-height: 25px; letter-spacing: -0.5px; color: #5f5f5f; padding-left: 15px;}
.login-info-bx .login-info-inner ul li::before {content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; left: 0; top: 9px; background: #9A9A9A;}

.login-btn {padding-top: 80px; text-align: center;}
.login-btn .login-btn-bx {position: relative; display: inline-block; width: 190px; height: 70px; border-radius: 40px; background: #006CC7;}
.login-btn .login-btn-bx::before {content: ""; position: absolute; width: 0%; height: 100%; left: -40px; top: 0; transform: skewX(-45deg); transition: all 0.5s; z-index: 1; background: #fff;}
.login-btn a {position: relative; display: inline-block; line-height: 67px; font-size: 18px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium"; border: 2px solid transparent; transition: all 0.5s; z-index: 4; width: 190px; height: 70px; border-radius: 40px;}

.login-btn .login-btn-bx:hover::before {width: 140%;}
.login-btn a:hover {border: 2px solid #006CC7; color: #006CC7;}

@media all and (max-width: 767px){
  .login-form {float: none; width: 100%; padding-right: 0; margin-right: 0; margin-bottom: 20px;}
  .login-info {float: none; width: 100%;}
}


/* 담당업무연락처보기 */
.contact-header{margin-bottom: 20px;}
.contact-header::after{content:""; display: table; clear: both;}
.contact-header .objHeading_h2{float: left; margin-top: 0;}
.contact-header .contact-print{float: right; width: 40px; height: 40px; background: url(../../images/sub/ico_print.png) no-repeat center center; text-indent: -9999px;}

@media all and (max-width: 1023px) {
  .contact-header .objHeading_h2{float: none;}
  .contact-header .contact-print{display: none;}
}

/* agency-master */
.dean-intro .agency-introduce{display: table; margin-top: 10px; border: 10px solid #e8e9ee; padding: 20px 20px 30px;}
.dean-intro .agency-introduce-image{display: table-cell; width: 120px; vertical-align: top;}
.dean-intro .agency-introduce-image .img-inner-bx {position: relative;}
.dean-intro .agency-introduce-image img {width: 120px;}
.dean-intro .agency-introduce-image .img-inner-bx::before{content:""; display: block; position: absolute; width: 20px; height: 20px; background-color: #06988d; right: -20px; bottom: -20px; opacity: 0.9;}
.dean-intro .agency-introduce-image .img-inner-bx::after{content:""; display: block; position: absolute; width: 100%; height: 100%; background: url(../../images/sub/border_line.png); right: -10px; bottom: -10px; z-index: -1;}

.dean-intro .agency-introduce-content{display: table-cell; vertical-align: middle; padding-left: 50px; font-family: "Noto Medium";}
.dean-intro .agency-introduce-content ul{}
.dean-intro .agency-introduce-content ul::after{content:""; display: table; clear: both;}
.dean-intro .agency-introduce-content li{float: left; display: table; width: 50%; display: inline-block; vertical-align: top; margin-bottom: 5px;}

.agency-rank p {font-size: 22px; line-height: 1.5; letter-spacing: -0.5px; color: #222; margin-bottom: 15px;}
.dean-intro .agency-introduce-content li h1{display: table-cell; vertical-align: top; font-size: 16px; color: black; padding-left: 36px; width: 135px; position: relative; line-height: 30px;}
.dean-intro .agency-introduce-content li .introduce-logo_1{background: url(../../images/sub/ico_1.png) no-repeat left 5px;}
.dean-intro .agency-introduce-content li .introduce-logo_2{background: url(../../images/sub/ico_2.png) no-repeat left 5px;}
.dean-intro .agency-introduce-content li .introduce-logo_3{background: url(../../images/sub/ico_3.png) no-repeat left 5px;}
.dean-intro .agency-introduce-content li .introduce-logo_4{background: url(../../images/sub/ico_4.png) no-repeat left 5px;}
.dean-intro .agency-introduce-content li .introduce-logo_5{background: url(../../images/sub/ico_5.png) no-repeat left 5px;}
.dean-intro .agency-introduce-content li .introduce-logo_6{background: url(../../images/sub/ico_6.png) no-repeat left 5px;}
.dean-intro .agency-introduce-content li h1::after{content:""; display: block; position: absolute; right: 0; top: 10px; width: 1px; height: 15px; background-color: #cdcdcd;}
.dean-intro .agency-introduce-content li .introduce-content{display: table-cell; vertical-align: top; padding: 0 15px; padding-top: 2px;}
.dean-intro .agency-introduce-content li .introduce-content p{color: #666666; line-height: 25px;}
.dean-intro .agency-introduce-content li .introduce-content .email-text{float: left;}
.dean-intro .agency-introduce-content li .introduce-content .email-btn{width: 15px; height: 13px; display: inline-block; text-indent: -9999px; background: url(../../images/sub/ico_8.png); float: left; margin-top: 11.5px;}
.dean-intro .agency-introduce-content li .introduce-content .page-link{ display: inline-block; border: 1px solid rgba(24,50,124,0.3); border-radius: 5px; font-family: 'Noto Light'; color: #4b4b4b; padding: 0.5px 15px 0.5px 36px; background: url(../../images/sub/ico_7.png) no-repeat left 15px center; line-height: 26px;}

@media all and (max-width: 1250px) {
  .dean-intro .agency-introduce-content ul{}
  .dean-intro .agency-introduce-content li h1{font-size: 14px; width: 135px;}
  .dean-intro .agency-introduce-content li .introduce-content{width: calc(100% - 135px);}
  .dean-intro .agency-introduce-content li .introduce-content p{font-size: 14px;}
  .dean-intro .agency-introduce-content li .introduce-content .page-link{font-size: 14px;}
}


@media all and (max-width: 1023px){
  .dean-intro .agency-introduce {display: block; padding: 30px 40px 20px;}
  .dean-intro .agency-introduce-image{display: block;margin: 0 auto; margin-bottom: 30px;}
  .dean-intro .agency-introduce-content{width: 100%; display: block; padding-left: 0;}
  .dean-intro .agency-introduce-content li{width: calc(100%/2); margin-bottom: 10px;}
  .dean-intro .agency-introduce-content li:nth-child(n+4){margin-top: 0;}
}

@media all and (max-width: 768px){
  .dean-intro .agency-introduce-content li{width: 100%; float: none;}
}

@media all and (max-width: 420px) {
  .dean-intro .agency-image{width: calc(100% - 20px); margin: 0; margin-bottom: 50px;}

  .dean-intro .agency-introduce-image{width: calc(100% - 20px); margin: 0;}
  .dean-intro .agency-introduce-image img{width: 100%;}
  .dean-intro .agency-introduce-content li h1{width: 100%; float: none; line-height: 1.5;}
  .dean-intro .agency-introduce-content li h1::after{display: none;}
  .dean-intro .agency-introduce-content li .introduce-content{width: 100%; float: none; margin-top: 10px; padding-left: 0;}
  .dean-intro .agency-introduce-content li .introduce-content p{line-height: 1.3;}
  .dean-intro .agency-introduce-content li .introduce-content .email-btn{margin-top: 2.5px;}
}


.ready-inner{background: url(../../images/sub/repeat_bg.png); padding: 10px;}
.ready-box{background: url(../../images/sub/ready_background.png) no-repeat top center; padding: 70px 0 60px 0;}
.ready-logo{width: 220px; margin: 0 auto;}
.ready-textbox{text-align: center; margin-top: 35px;}
.ready-textbox h1{display: inline-block; position: relative; padding: 0 35px; font-family: 'Noto Regular'; font-size: 35px; color: #222222;}
.ready-textbox h1::before{content:""; display: block; position: absolute; top: 0; left: 0; width: 26px; height: 22px; background: url(../../images/sub/dot_left.png);}
.ready-textbox h1::after{content:""; display: block; position: absolute; top: 0; right: 0; width: 26px; height: 22px; background: url(../../images/sub/dot_right.png);}
.ready-textbox h1 span{font-family: 'Noto Bold'; color: #23499e;}
.ready-textbox p{margin-top: 10px; font-size : 18px; color: #555555; font-family: 'Noto Regular';}

@media all and (max-width: 768px) {
  .ready-box{padding: 50px 0 40px 0;}
  .ready-textbox h1{font-size: 25px;}
  .ready-textbox p{font-size: 16px;}
}

@media all and (max-width: 420px) {
  .ready-logo{width: 150px;}
  .ready-box{padding: 50px 20px 40px 20px;}
  .ready-textbox h1{font-size: 20px;}
}

/* highlight */
.highlight-txt span{position: relative;font-weight: 600;display: inline-block;}
.highlight-txt span::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    z-index: -1;
}
.highlight-txt1 span::before{background: rgba(203,32,38,0.2);}
.highlight-txt2 span::before{background: rgba(250,166,53,0.2);}
.highlight-txt3 span::before{background: rgba(214,63,17,0.2);}
.highlight-txt4 span::before{background: rgba(0,198,255,0.2);}
.highlight-txt5 span::before{background: rgba(24,61,147,0.2);}
.highlight-txt6 span::before{background: rgba(67,80,93,0.2);}
.highlight-txt7 span::before{background: rgba(0,157,87,0.2);}