@charset "utf-8";

.wrap-contents .container {max-width:1400px;}
.wrap-contents .objHeading_h2 {position: relative; font-family:'Noto Medium'; display:block; line-height:1.5; font-size:24px; letter-spacing: -0.5px; color:#222222; margin-top: 40px;}
.wrap-contents .objHeading_h3 {position: relative; font-family:'Noto Medium'; display:block; line-height:1.5; font-size:20px; letter-spacing: -0.5px; color:#046478; margin-top: 45px;}
.wrap-contents .objHeading_h3::before {content: ""; position: absolute; left: 0; top: -7px; width: 28px; height: 2px; background: #046478; }
.wrap-contents .objHeading_h4 {position: relative; font-family:'Noto Regular'; display:block; line-height:1.5; font-size:20px; letter-spacing: -0.5px; color:#2a79ed; margin-top: 35px; padding-left: 20px;}
.wrap-contents .objHeading_h4::before {content: ""; position: absolute; left: 0; top: 9px; width: 12px; height: 12px; background: #2a79ed; border-radius: 100%;}
.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: 40px; padding-left: 19px;}
.wrap-contents .objHeading_h5::before {content: ""; position: absolute; left: 0; top: 9px; width: 10px; height: 10px; border: 2px solid #426dca; border-radius: 100%; }

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

.wrap-contents .subject {text-align: center;}
.wrap-contents .subject h2 {position: relative; display: inline-block; font-size: 34px; font-family: 'Noto Medium'; margin:60px 0 120px 0; line-height:1.2;}
.wrap-contents .subject h2:after {content: ''; position: absolute; left: 50%; bottom: -67px; width: 1px; height: 40px; background: #000;}

@media all and (max-width: 760px) {
  .wrap-contents .subject h2 {font-size: 30px; margin: 24px 0 30px 0;}
  .wrap-contents .subject h2:after {display: none;}
}
.wrap-contents .contents{font-size: 18px;}
.wrap-contents .con-desc {font-family: 'Noto Light'; font-size: 18px; line-height: 1.7; letter-spacing: -0.5px; color:#666;}
.wrap-contents .con-desc strong {font-family: 'Noto Medium'; color: #000;}
.wrap-contents ._objHtml.no-margin {margin-top:0px !important;}
.wrap-contents ._objHtml.no-margin > div {margin-top: 0px !important;}

.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 .p-color4 {color:#0000ff;}
.wrap-contents .p-color5 {color:#ff0000;}

.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 .txt-bold {font-family: 'Noto Medium';}

.wrap-contents .con-table {position:relative; line-height: 1.6;}
.wrap-contents .con-table:after {content:''; position: absolute; right:0px; top:0px; width:1px; height:100%; background:#fff;}
.wrap-contents .con-table table {position:relative;}
.wrap-contents .con-table table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#000;}
.wrap-contents .con-table table:before {content:''; position:absolute; top:0px; right:0px; width:1px; height:100%; background:#FFF;}
.wrap-contents .con-table thead {position: relative;}
.wrap-contents .con-table thead::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #b1b2b3;}
.wrap-contents .con-table thead th {padding:13px 10px; font-family: 'Noto Regular'; font-weight: normal; background:#f7f8f9; color:#000; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-size:18px;}
.wrap-contents .con-table thead tr:first-child th:first-child {position: relative;}
.wrap-contents .con-table thead tr:first-child th:first-child::after {content: ''; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 2px; background: #1c9db3;}
.wrap-contents .con-table tbody {display: table-header-group;}
.wrap-contents .con-table tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #8f8f8f;}
.wrap-contents .con-table tbody th {padding:12px 20px; font-family: 'Noto Regular'; font-weight: normal; background:#fbfbfb; color:#000; border-right:1px solid #dddee0; border-bottom:1px solid #ccd0d7; font-size:16px;}
.wrap-contents .con-table tbody td {padding:12px 20px; font-family: 'Noto Light'; background:#fff; color:#666; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-size:16px; text-align: left;}
.wrap-contents .con-table .list > li {position: relative; padding-left: 20px;}
.wrap-contents .con-table .list > li:after {content: ''; position: absolute; left: 0; top: 9px; width: 8px; height: 8px; background: #b4c1dd; border-radius: 100%;}
.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-table strong {font-family: 'Noto Regular'; color: #000;}

@media all and (max-width:960px) {
  .wrap-contents .con-table {overflow-x: hidden;}
  .wrap-contents .con-table table {width:870px;}
  .wrap-contents .con-table:after {content:''; position:absolute; right:0px; top:0px; width:100%; height:100%; background:rgba(60,81,82,0.4) url('../../images/common/img_mobile_text.png') no-repeat center 40px;}
  .wrap-contents .con-table.on:after {display:none;}
  .wrap-contents .con-table thead th,
  .wrap-contents .con-table tbody th,
  .wrap-contents .con-table tbody td {padding:10px 8px;font-size:16px;}
}

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

.sub-indent {padding-left: 20px;}

.wrap-contents .tab .mobile-tab {display: none;}

.styleguide .tab_div .ul_3 {margin: 0;}

.tab_div .ul_3 {position: relative; overflow: hidden; margin: 0 0 50px 0;}
.tab_div .ul_3::after {content: ''; position: absolute; left: 0; bottom: 0; /*width: 100%;*/ height: 1px; background: #d1d1d1;}
.tab_div .ul_3 > li {position: relative; float: left; border-bottom: 1px solid #CBCBCB;display:flex;}
.tab_div .ul_3 > li::before {content: ""; position: absolute; right: 0; top: 18px; width: 1px; height: 20px; background: #CBCBCB; transition: opacity 0.3s;}
.tab_div .ul_3 > li:last-child::before {display: none;}
.tab_div .ul_3 > li::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; box-sizing: border-box; background: #139cb4; opacity: 0; transition: opacity 0.5s;}
.tab_div .ul_3 > li > a {position: relative; display: block; padding: 15px 20px 16px 40px; font-size: 16px; font-family: "Noto Light"; letter-spacing: -0.5px; color: #555555; z-index: 3;}
.tab_div .ul_3 > li > a::before {content: ""; position: absolute; left: 20px; top: 23px; width: 10px; height: 10px; background: #b7b7b7; border-radius: 100%; transition: all 0.3s;}
.tab_div .ul_3 > li:first-child > a::before {left: 0;}
.tab_div .ul_3 > li > a[target=_blank]::after {content: ''; position: relative; top: 2px; display: inline-block; width: 16px; height: 16px; margin: 0 0 0 5px; background:  url(../../images/common/tab-link-blank.png) no-repeat 93% center; }
.tab_div .ul_3 > li:first-child > a {padding-left: 20px;}
.tab_div .ul_3 > li:first-child > a::after {left: 0;}

.tab_div .ul_3 > li._active > a,
.tab_div .ul_3 > li:hover > a {font-family: 'Noto Regular'; color: #046478;}
.tab_div .ul_3 > li:hover::before {opacity: 0;}
.tab_div .ul_3 > li:hover + li::before {opacity: 0;}
.tab_div .ul_3 > li._active::after,
.tab_div .ul_3 > li:hover::after {opacity: 1;}
.tab_div .ul_3 > li._active > a::before,
.tab_div .ul_3 > li:hover > a::before {background: #2198b0;}
.tab_div .ul_3 > li._active > a[target=_blank]::after ,
.tab_div .ul_3 > li:hover > a[target=_blank]::after {background: url('../../images/common/tab-link-blank-ov.png');}

.tab_div .ul_4 {overflow: hidden; /*border-bottom: 1px solid #e2e2e2;*/}
.tab_div .ul_4 > li {position: relative; float: left;}
.tab_div .ul_4 > li > a {position: relative; display: block; padding: 12px 9px 14px 9px; z-index: 2; font-size: 16px; font-family: "Noto Light"; color: #767676; transition: color 0.3s;}
.tab_div .ul_4 > li > a[target=_blank]::after {content: ''; position: relative; top: 2px; display: inline-block; width: 16px; height: 16px; margin: 0 0 0 5px; background:  url(../../images/common/tab-link-blank.png) no-repeat 93% center; }
/*.tab_div .ul_4 > li:first-child > a {padding-left: 0px;}*/
.tab_div .ul_4 > li._active > a,
.tab_div .ul_4 > li:hover > a {font-family: "Noto Medium"; color: #252525;}
.tab_div .ul_4 > li._active > a[target=_blank]::after ,
.tab_div .ul_4 > li:hover > a[target=_blank]::after {background: url('../../images/common/tab-link-blank-ov.png');}

@media all and (max-width:860px) {
    .tab_div .ul_3 > li:first-child > a {padding: 13px 40px;border-bottom:0;}
    .tab_div .ul_3 > li:first-child > a::before {left: 20px;}
    .wrap-contents .tab {position: relative;}
    .wrap-contents .tab ul {position: absolute; top: 60px; z-index: -1; width: 100%; /*margin-bottom: 30px;*/ overflow: hidden; max-height: 0; transition: all 0.5s ease;  border: 1px solid #fff;}
    .wrap-contents .tab ul.on {position:relative; top:0; max-height: 600px; z-index: 10; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1;}
    .wrap-contents .tab ul li {display: block; width: 100% !important; padding: 0; border: 0}
    .wrap-contents .tab ul li a {display: block; padding: 13px 40px; border-bottom: 1px solid #d1d1d1; text-align: left; background: #fff; height: auto; font-size: 16px; line-height: normal;}
    .wrap-contents .tab ul li a:hover {border-bottom: 1px solid #23a3b9;}
    .wrap-contents .tab ul li a:after {display: none;}
    .wrap-contents .tab ul li a span {display: block; padding: 0 20px;}
    .wrap-contents .tab ul li a span:before {bottom: -11px;}
    .wrap-contents .tab ul li:after {display: none;}
    .wrap-contents .tab .mobile-tab {position: relative; display: block; width: 100%; font-family: 'Noto Regular'; /*margin-bottom: 30px;*/ text-align: left; font-size: 16px; color: #046478; border: 3px solid #139cb4; padding: 20px 40px; background: url('../../images/common/arrow-sel.png') no-repeat 97% center;}
    .wrap-contents .tab .mobile-tab::after {content: ''; position: absolute; left: 20px; top: 17px; width: 10px; height: 11px; background: url('../../images/common/dot-sel.png') no-repeat center center;}
    .wrap-contents .tab .mobile-tab.on {background: #006276 url('../../images/common/arrow-sel-rever.png') no-repeat 97% center; border: 3px solid #006276; color: #fff;}
    .wrap-contents .tab .mobile-tab.on::after {background: url('../../images/common/dot-sel-rever.png') no-repeat center center;}
    .wrap-contents .tab ul li a[target=_blank]  {background-position: 97% center !important;}
}
.con-list1 ul li {position: relative; font-family: 'Noto Light'; font-size: 18px; line-height: 1.6; letter-spacing: -0.5px; color: #333333; margin: 5px 0 0 0; padding-left: 20px;}
.con-list1 ul li::before {content: ""; position: absolute; left: 0; top: 9px; width: 10px; height: 10px; background: #fff; border: 2px solid #2a79ed; border-radius: 100%;}
.con-list1 ul li strong {font-family: 'Noto DemiLight'; font-size: 18px; color: #333;}

.con-arrow-list ul li {position: relative; padding-left: 18px; 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: 13px;}

.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: 2px; display: inline-block; vertical-align: middle; font-family: "TitilliumWeb-SemiBold"; font-size: 10px; letter-spacing: -0.5px; color: #fff; width: 16px; height: 16px; border-radius: 50%; background: #4393de; text-align: center; margin-right: 5px; line-height: 16px;}

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

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

.wrap-contents .down-banner {border: 1px solid #c1c1c1; padding: 20px 50px; padding-bottom: 0; font-size: 0;}
.wrap-contents .down-banner ul {display: inline-block; width: 100%;}
.wrap-contents .down-banner li {float: left; width: 33.333%; margin-bottom: 20px;}
.wrap-contents .down-banner .text {display: inline-block; background: url('../../images/common/bul-list2.png') no-repeat left 11px; margin-right: 47px; padding-left: 20px; font-family: 'Noto DemiLight'; font-size: 17px; color: #000;}
.wrap-contents .down-banner.row2 li {width: 50%;}

@media all and (max-width: 1400px) {
  .wrap-contents .down-banner li {width: 50%;}
}

@media all and (max-width: 970px) {
  .wrap-contents .down-banner li {width: 100%;}
  .wrap-contents .down-banner.row2 li {width: 100%;}
}

@media all and (max-width: 760px) {
  .wrap-contents .down-banner {padding: 20px 20px;}
  .wrap-contents .down-banner .text {display: block; width: 100%;}
  .wrap-contents .down-banner .btn-style.rect {margin: 7px 0 0 19px;}
}

.wrap-contents .btn-style.round {display:inline-block; position:relative; background:#fff; margin-right: 3px; padding:5px 30px 6px 45px; border-radius: 30px;  border:1px solid #c1c1c1; font-family: 'Noto DemiLight'; font-size: 17px; color: #000;}
.wrap-contents .btn-style.round:hover {background:#006276; border-color: #006276; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.round.type1:after {content:''; position:absolute; left:16px; top:10px; width:18px; height:17px; background:url('../../images/common/ico-btn1.png') no-repeat center top;}
.wrap-contents .btn-style.round.type1:hover:after {background-position: center bottom;}
.wrap-contents .btn-style.round.type2:after {content:''; position:absolute; left:16px; top:11px; width:18px; height:17px; background:url('../../images/common/ico-btn2.png') no-repeat center top;}
.wrap-contents .btn-style.round.type2:hover:after {background-position: center bottom;}
.wrap-contents .btn-style.round.space {margin-left: 20px;}

@media all and (max-width: 588px) {
  .wrap-contents .btn-style.round.space {margin-left: 0px; margin-top: 20px;}
  .wrap-contents .btn-style.round {margin: 0 0 15px 0}
}

.wrap-contents .btn-style.rect {display:inline-block; position:relative; background:#fff; margin-right: 10px; padding:3px 20px 4px 37px; border-radius: 5px;  border:1px solid #b9c1d7; font-family: 'Noto DemiLight'; font-size: 16px; color: #000;}
.wrap-contents .btn-style.rect:hover {background:#006276; border-color: #006276; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.rect.type1:after {content:''; position:absolute; left:14px; top:7px; width:13px; height:17px; background:url('../../images/common/ico-btn3.png') no-repeat center top;}
.wrap-contents .btn-style.rect.type1:hover:after {background-position: center bottom;}
.wrap-contents .btn-style.rect.type2:after {content:''; position:absolute; left:15px; top:8px; width:15px; height:15px; background:url('../../images/common/ico-btn4.png') no-repeat center top;}
.wrap-contents .btn-style.rect.type2:hover:after {background-position: center bottom;}
.wrap-contents .btn-style.rect.type3:after {content:''; position:absolute; left:15px; top:8px; width:12px; height:15px; background:url('../../images/common/ico-btn5.png') no-repeat center top;}
.wrap-contents .btn-style.rect.type3:hover:after {background-position: center bottom;}
.wrap-contents .btn-style.rect.type4:after {content:''; position:absolute; left:12px; top:8px; width:19px; height:15px; background:url('../../images/common/ico-btn6.png') no-repeat center top;}
.wrap-contents .btn-style.rect.type4:hover:after {background-position: center bottom;}
.wrap-contents .btn-style.rect.type5:after {content:''; position:absolute; left:12px; top:8px; width:16px; height:16px; background:url('../../images/common/ico-btn7.png') no-repeat center top;}
.wrap-contents .btn-style.rect.type5:hover:after {background-position: center bottom;}

.wrap-contents .btn-style.small {display:inline-block; position:relative; background:#fff; margin-right: 10px; padding:2px 10px 2px 21px; border-radius: 3px;  border:1px solid #b9c1d7; font-family: 'Noto DemiLight'; font-size: 13px; color: #000;}
.wrap-contents .btn-style.small:hover {background:#fff; border-color: #006276; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.small.type1:after {content:''; position:absolute; left:10px; top:7px; width:6px; height:9px; background:url('../../images/common/ico-btn8.png') no-repeat center top;}
.wrap-contents .btn-style.small.type1:hover:after {background-position: center bottom;}

.wrap-contents .btn-style.big-rect {display:inline-block; position:relative; background:#fff; margin-right: 10px; padding:25px 120px 25px 25px; border:1px solid #b9c1d7; font-family: 'Noto Regular'; font-size: 18px; color: #000;}
.wrap-contents .btn-style.big-rect:hover {background:#528bc0; border-color: #528bc0; color: #fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.big-rect.type1:after {content:''; position:absolute; right:30px; top:34px; width:9px; height:9px; background:url('../../images/common/ico-btn9.png') no-repeat center top;}
.wrap-contents .btn-style.big-rect.type1:hover:after {background-position: center bottom;}

/* 수직여배 */
.vh5{height:5px;}
.vh10{height:10px;}
.vh15{height:15px;}
.vh20{height:20px;}
.vh25{height:25px;}
.vh30{height:30px;}
.vh35{height:35px;}
.vh40{height:40px;}
.vh45{height:45px;}
.vh50{height:50px;}
.vh55{height:55px;}
.vh60{height:60px;}
.vh65{height:65px;}
.vh70{height:70px;}
.vh75{height:75px;}
.vh80{height:80px;}
.vh85{height:85px;}
.vh90{height:90px;}
.vh95{height:95px;}
.vh100{height:100px;}
.vh110{height:110px;}
.vh120{height:120px;}

.profile  .p-bold { font-weight:bold; padding-top:10px; font-size:18px;  }