.mainWrap {padding-bottom: 80px;}
.subWrap {min-height: 800px;}

.inner {position: relative; margin: 0 auto; width: 1260px;}

.visual_wrap {width: 100%; height: 400px;}
.visual_wrap li {width: 100%; height: 400px; font-size: 0; background: url(/static/images/visual_01-92d3d9f71dc4a2b4243205f88e2a8c3f.png) center top no-repeat;}
.ranking_wrap {padding: 80px 0;}
.ranking_wrap h2 {font-size: 36px; color: #060c42; line-height: 1.2; margin-bottom: 40px;}
.ranking_wrap h2 strong {display: block; font-size: 40px;}
.ranking_wrap .inner:after {content: ""; display: block; clear: both;}
.ranking_wrap .inner>div {float: left; width: 370px;}
.ranking_wrap .inner>div+div {margin-left: 75px;}
.ranking_wrap h3 {color: #060c42; margin-bottom: 15px;}
.ranking_wrap h3 strong {font-size: 24px;}
.ranking_wrap h3:before {content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-radius: 50%; margin: 0 5px 8px 0;}
.ranking_wrap .count {position: absolute; right: 0; top: 30px;}
.ranking_wrap .count:before {content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-radius: 50%; background: #6f73d4; margin: 0 5px;}

.ranking_wrap dd div {display: flex; height: 36px; line-height: 32px;}
.ranking_wrap dt {border-radius: 8px; height: 40px; text-align: center; color: #fff; line-height: 38px;}
.ranking_wrap dd {padding: 20px 0;}
.ranking_wrap dd div>span {width: 10%; text-align: center;}
.ranking_wrap dd div>span:nth-child(2) {width: 80%; text-align: left;}
.ranking_wrap dd div>span.up {color: #fb6a69;}
.ranking_wrap dd div>span.up:before {content: "▲";font-size: 12px; margin-right: 5px;}
.ranking_wrap dd div>span.dn {color: #5cc59f;}
.ranking_wrap dd div>span.dn:before {content: "▼";font-size: 12px; margin-right: 5px;}

.ranking_wrap .application h3:before {background: #6f73d4;}
.ranking_wrap .application dt {background: #6f73d4;}
.ranking_wrap .application dd {border-bottom: solid 2px #6f73d4;}
.ranking_wrap .application dd div:hover {background: #e2e3f6; border-radius: 8px;}

.ranking_wrap .location h3:before {background: #fb6a69;}
.ranking_wrap .location dt {background: #fb6a69;}
.ranking_wrap .location dd {border-bottom: solid 2px #fb6a69;}
.ranking_wrap .location dd div:hover {background: #fee1e1; border-radius: 8px;}

.ranking_wrap .payment h3:before {background: #5cc59f;}
.ranking_wrap .payment dt {background: #5cc59f;}
.ranking_wrap .payment dd {border-bottom: solid 2px #5cc59f;}
.ranking_wrap .payment dd div:hover {background: #def3ec; border-radius: 8px;}

.golink_wrap {border-top: solid 1px #e8e8e8;}
.golink_wrap .inner {display: flex; padding: 90px 0;}
.golink_wrap .inner>div {flex: 1;}
.golink_wrap h2 {font-size: 24px; margin-bottom: 10px;}
.golink_wrap h2 strong {font-size: 40px; color: #060c42;}
.golink_wrap a {display: block; width: 150px; height: 40px; line-height: 36px; color: #fff; text-align: center; background: #6f73d4; border-radius: 8px;}
.golink_wrap p {margin-bottom: 20px;}

.notice_wrap {margin-top: 30px;}
.notice_wrap .inner {position: relative; display: flex; padding: 0 0 30px 0;}
.notice_wrap .title {position: absolute; left: 0; top: 0; width: 200px; height: 250px; background: #fff; z-index: 2;}
.notice_wrap h2 {font-size: 36px; color: #060c42; line-height: 1.2; margin-bottom: 40px;}
.notice_wrap h2 strong {display: block; font-size: 40px;}
.notice_wrap .more {color: #666; }
.notice_wrap .more:after {content: ""; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: url(/static/images/icon_more-9fccb91210eef4311c34245ba06c21c3.png) no-repeat; margin-left: 10px;}

.notice_list {display: flex;}
.notice_list > div {}
.notice_list > div+div {margin-left: 20px;}
.notice_list > div>a {position: relative; display: block; border:solid 1px #e5e5e5; width: 250px; height: 250px; padding: 45px 25px;}
.notice_list > div>a:hover {border:solid 1px #6f73d4;}
.notice_list > div>a>span {display: block; color: #666; margin-bottom: 10px;}
.notice_list > div>a>p {font-size: 24px; color: #060c42; line-height: 1.4; font-weight: 500; height: 100px; overflow: hidden;}
.notice_list > div>a:after {content: ""; position: absolute; left: 25px; bottom: 30px; width: 30px; height: 18px; background: url(/static/images/icon_godetail-24ea1c77e9bc80b9d3769b5153485582.png) no-repeat;}
.notice_list > div>a>div.up {position: absolute; right: 12px; bottom: 12px; width: 40px; height: 40px; line-height: 38px; border-radius: 20px; text-align: center; color: #fff; background: #fb6a69;}
.swiper-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.swiper-wrapper {padding-left: 200px;}
.swiper-slide {
    -webkit-justify-content: start;
    justify-content: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
.swiper-button-next {background: url(/static/images/nav_next-50b9101530726d617190ce7fa08653e9.png) no-repeat;}
.swiper-button-prev {background: url(/static/images/nav_back-c748e17a836a0d9070c06abe92cde33d.png) no-repeat;}
.swiper-button-prev {
    left: 0;
    right: auto;
}
.swiper-button-next {
    left: 70px;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 190px;
    width: 60px;
    height: 60px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}


.subtitle {position: relative; max-width: 1260px; height: 120px; margin:0 auto; padding-top: 40px;}
.subtitle h2 {font-size: 24px; line-height: 1;}
.subtitle h2 strong {color: #060c42; font-size: 40px;}
.subtitle h2+p {color: #333; margin-top: 20px;}
.subtitle .snsshare {position: absolute; right: 0; top:15px;}
.subtitle .snsshare a {display: inline-block; background: #eee; width: 32px; height: 32px; border-radius: 50%;}
.subtitle .snsshare a+a {margin-left: 5px;}

.subtab {position: relative; border-bottom: solid 2px #f0f0f7; text-align: center; font-size: 0;}
.subtab ul {margin-top:60px;display: inline-block;}
.subtab ul:after {content: ""; display: block; clear: both;}
.subtab ul li {position: relative; float: left; width: 150px; text-align: center; padding-bottom: 18px;}
.subtab ul li.on:after {content: ""; position: absolute; left: 0; bottom: 0; width: 150px; height: 6px; background: #6f73d4; border-radius: 3px;}
.subtab ul li>a {display: block; font-size: 18px; line-height: 1; color: #333;}
.subtab ul li>a:hover, .subtab ul li.on>a {color: #6f73d4; font-weight: 500;}

.subtab_1 {position: relative; border-bottom: solid 2px #f0f0f7; text-align: center; font-size: 0;}
.subtab_1 ul {margin-top:60px;display: inline-block;width: 60%}
.subtab_1 ul:after {content: ""; display: block; clear: both;}
.subtab_1 ul li {position: relative; float: left; width: 30%; text-align: center; padding-bottom: 18px;}
.subtab_1 ul li.on:after {content: ""; position: absolute; left: 0; bottom: 0; width: 150px; height: 6px; background: #6f73d4; border-radius: 3px;}
.subtab_1 ul li>a {display: block; font-size: 18px; line-height: 1; color: #333;}
.subtab_1 ul li>a:hover, .subtab ul li.on>a {color: #6f73d4; font-weight: 500;}

.subContent {padding: 50px 0;}
.subContent.admin {padding: 0 0 80px 0;}
.total {padding-top: 10px;}
.total:before {
    content: ""; 
    display: inline-block; 
    vertical-align: middle; 
    width: 10px; 
    height: 10px; 
    border-radius: 50%; 
    background: #43497b;
    margin-right: 5px;
}
.subContent h2 {font-weight: 700; font-size: 28px; color: #6f73d4; border-left: solid 4px #6f73d4; padding-left: 15px; margin-bottom: 40px;}

.src_group {display: flex; padding-bottom: 10px; border-bottom: solid 1px #f2f2f2; margin-bottom: 10px;}
.src_group>div>label {display: inline-block; vertical-align: middle; color: #43497b; font-weight: 700; padding-right: 10px;}
.src_group>div+div {margin-left: 20px;}
.src_group.mgl10>div+div {margin-left: 10px;}
.src_group .btn_set a {min-width: 120px;}
.src_group button.src {
    width: 70px; 
    height: 38px; 
    background: #6f73d4; 
    color: #fff; 
    border-radius: 0 8px 8px 0;
    margin-left: -10px;
    vertical-align: bottom;
}
.src_group button.src_brand_modal {
  width: 70px;
  height: 38px;
  background: #fb6a69;
  color: #fff;
  border-radius: 0 8px 8px 0;
  margin-left: -10px;
  vertical-align: bottom;
}
.src_group.clearfix {display: block;}
.src_group>label {line-height: 38px;}

.table_list {border-bottom: solid 2px #43497b;}
.table_list::-webkit-scrollbar {width: 10px;}
.table_list::-webkit-scrollbar-thumb {background-color: #6f73d4; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
.table_list::-webkit-scrollbar-track {background-color: #eee; border-radius: 10px; box-shadow: inset 0px 0px 5px white;}
.table_list::-webkit-scrollbar-button:start:decrement {height: 60px;}
.table_list table {width: 100%;}
.table_list th {border-left: solid 2px #f2f2f2;}
.table_list th>span {display: block; line-height: 60px; background: #6f73d4; color: #fff; text-align: center;}
.table_list th>span.select {display: block; line-height: 60px; background: #5cc59f; color: #fff; text-align: center;}
.table_list th.multi>span {height: 60px; line-height: 20px; padding-top: 8px;}
.table_list th.multi>span>span {display: block; font-size: 16px;}
.table_list th:first-child>span {border-radius: 8px 0 0 8px;}
.table_list th:last-child>span {border-radius: 0 8px 8px 0;}
.table_list td {position:relative; line-height: 1; padding: 15px 20px; border-bottom: solid 2px #f2f2f2; border-left: solid 2px #f2f2f2; text-align: center;cursor: pointer;}
.table_list td>a {display: inline-block; vertical-align: middle; color: #666;}
.table_list td>a:hover {color: #000;}
.table_list th:first-child, .table_list td:first-child {border-left: 0;}
.table_list tr:hover td {background: #cdcfee; color: #000;}
.table_list table .fix-table {width: 100%; border-collapse: collapse;}
.table_list th.sticky {position: sticky; top:0; z-index: 1;}
.base {background: #d8d8d8; color: #666;}

.scroll_list {height: 470px; overflow-y: auto;}
.scroll_list table {position: relative;}
.scroll_list thead th {position: -webkit-sticky; position: sticky; top: 0; z-index: 1;}
.scroll_list td {padding: 5px 5px; line-height: 30px;}

.board-view {border-bottom: 2px solid #43497b;}
.board-view-head {padding: 20px; border-top: 2px solid #43497b; border-bottom: 2px solid #43497b;}
.board-view-head>div+div {margin-top: 10px; font-size: 18px;}
.board-view-head>div:last-child .userdate {float: left;}
.board-view-head>div:last-child .userdate>span+span:before {content: ""; width: 1px; height: 14px; display: inline-block; vertical-align: middle; margin: 0 10px; background: #ddd;}
.board-view-head>div:last-child .view {float: right;}
.board-view-head .title {vertical-align: middle; font-size: 24px; font-weight: 500; color: #43497b;}
.board-view-cont >div {padding: 30px; line-height: 26px; color: #333;}
.board-view-cont img {max-width: 100%; height: auto !important;}
.attach_group {border-top: solid 2px #f2f2f2; padding: 30px;}
.attach {margin-left: 30px;}
.attach a {display: block;font-size: 18px;color: #666;line-height: 1;cursor: pointer; margin-bottom: 15px;}
.attach a:before {content: ""; display: inline-block; vertical-align: middle; width: 10px; height: 10px; background:#6f73d4; border-radius: 50%; margin-right: 5px;}
.attach_title span {display: block; width: 120px; height: 40px; line-height: 38px; color: #fff; text-align: center; background: #6f73d4; border-radius: 8px;}

.board-view-cont .ask, 
.board-view-cont .reply {padding-left: 80px; position: relative;}
.board-view-cont .ask:before {content: "문의"; position: absolute; left: 0; text-align: center; width: 70px; height: 22px; line-height: 20px; font-size:12px; color: #fff; border-radius: 10px; background: #aaa;}
.board-view-cont .reply:before {content: "답변"; position: absolute; left: 0; text-align: center; width: 70px; height: 22px; line-height: 20px; font-size:12px; color: #fff; border-radius: 10px; background: #aaa;}
.board-view-cont .ask>p,
.board-view-cont .reply>p {color: #999; margin-bottom: 10px;}
.board-view-cont .ask>pre,
.board-view-cont .reply>pre {color: #000; line-height: 1.6;}

.provision {border-bottom: solid 2px #f2f2f2; padding: 30px 0 50px 0;}
.provision h3 {width: 100%; height: 60px; line-height: 58px; color: #fff; background: #6f73d4; border-radius: 8px; padding: 0 35px; margin-bottom: 30px;}
.provision_text {height: 400px; color: #666; line-height: 26px; padding: 0 30px; overflow-y: auto;}
.provision_text strong {color: #000; font-size: 18px;}
.provision_text p {margin-top: 20px; color: #000; font-weight: 500;}
.provision_text .point {border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; margin: 20px 0; padding: 20px;}
.provision_text pre {white-space: pre-wrap;}

.login_wrap {text-align: center;}
.login_wrap ul+p {margin-top: 30px;}
.login_wrap ul {position: relative; margin:0 auto; width: 300px; margin-top: 50px;}
.login_wrap ul li {margin-top: 15px;}
.login_wrap ul li input[type=text], .login_wrap ul li input[type=password] {width: 100%;}
.login_wrap .btn_set {position: relative; margin:0 auto; width: 300px; margin-top: 30px; }
.login_wrap .btn_set+p {margin-top: 30px;}

.find_box {position: relative; margin:0 auto; width: 500px; margin-top: 50px; background: #f5f5f5; border-radius: 8px; text-align: center; padding: 30px;}
.find_box>h3 {font-size: 20px; color: #000; margin-bottom: 50px;}
.find_box>h3>span {display: block; margin-bottom: 10px;}
.find_box>p {color: #777;}
.find_box>ul {display: inline-block; width: 350px; margin-bottom: 50px;}
.find_box>ul>li {margin-top: 15px;}
.find_box>ul>li>input {width: 100%;}

/**paging**/
.paging {position: relative; width: 100%; text-align:center; margin-top: 20px;}
.paging span {display: inline-block;vertical-align: middle;}
.paging span:last-child:after {content:''; display:block; clear:both;}
.paging a {
  display: block;
  width: 100%;
  min-width: 17px;
  height: 24px;
  line-height: 20px;
  color: #666;
  text-align: center;
  padding: 0 5px;
  margin: 0 2px;
}
.paging a:hover, .paging a.on {position: relative; color: #000;}
.paging a.on:before {content: ""; position: absolute; bottom: 0; width: 100%; height: 100%; background: #fff; opacity:0.8;}
.paging a.end_prev {background: url(/static/images/icon_endback-91bf0784985a21aae490b725c2522072.png) center center no-repeat;}
.paging a.back {background: url(/static/images/icon_back-f99e225533aa599df94be5b58c3c0949.png) center center no-repeat;}
.paging a.end_next {background: url(/static/images/icon_endnext-a5b1e93c6ea4de00fa2615f86cfde229.png) center center no-repeat;}
.paging a.next {background: url(/static/images/icon_next-5abc1bf2b8d614bde725ad915add187d.png) center center no-repeat;}
.paging span.on {padding: 0 10px;}

.accordion_group {margin-bottom: 10px;}
.accordion {cursor:pointer; width: 100%; background: #fff; border:2px solid #cdcfee; border-radius: 8px; text-align: left; transition: 0.4s;}
.accordion > span {display: inline-block; height: 100%; padding: 20px; color: #666;}
.accordion > span.divice {width: 150px; border-radius: 8px 0 0 8px; background: #f2f2f2; font-weight: 500; color: #6f73d4; text-align: center;}

.active {
    border-radius: 8px 8px 0 0; 
    border-top:2px solid #6f73d4;
    border-left:2px solid #6f73d4;
    border-right:2px solid #6f73d4; 
    border-bottom:2px solid #cdcfee;
} 
.active > span.divice {background: #cdcfee; border-radius: 8px 0 0 0;transition: 0.4s;}
.panel {
  margin-top: -10px;
  border:2px solid #6f73d4;
  border-radius: 0 0 8px 8px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel>div {padding: 30px 20px 30px 150px; color: #333;}
.panel>div>p {margin-bottom: 15px;}
.table-data {width: 100%; position: relative;} 
.table-data th{color: #333; font-weight: 700; padding: 15px 10px; border: 1px solid #d1d1d1; background: #f5f5f5; text-align: center;}
.table-data td{padding: 15px 10px; border: 1px solid #d1d1d1; text-align: center;}

.serviceWrap {display: flex; width: 100%; background: #f0f0f7; padding:0 20px 0 0;}
.d1 {width: 300px; min-height: 1000px; background: #43497b; border-radius: 0 16px 0 0; padding: 30px 20px 0 20px; margin-right:-1px;}
.d3 {width: 20px; cursor: pointer;}
.d2 {width: calc(100% - 300px); background: #fff; border-radius: 8px; padding: 30px; margin: 25px 0 20px 0;}

.d1 h2 {color: #fff; font-size: 20px; padding: 20px 0;}
.d1 h2 strong {color: #5cc59f; font-size: 24px; margin-right: 10px;}

.d2 h2 {font-size: 24px; line-height: 1; margin: 20px 0 30px 0;}
.d2 h2 strong {color: #060c42; font-size: 40px; margin-right: 15px;}

.d3 img {width: 100%; height: 100%;}

.filter {   font-size: 14px;}
.filter dl {margin-top: 10px; font-size: 0;}
.filter dt, .filter dd {display: inline-block; vertical-align: middle; font-size: 14px;}
.filter dt {width: 60px; color:#fff;}
.filter dd {width: calc(100% - 60px);}
.filter dd span.dash {display: inline-block; vertical-align: middle; text-align: center; width: 14px;}
.filter .btn_set span {width: 100%;}

.filter_datail {border-top: solid 2px #7c80a3; padding: 20px 0;}
.filter_datail:last-child {border-top: solid 2px #7c80a3; padding: 0 0 20px 0;}
.filter_datail:first-child {border-top: solid 2px #7c80a3; padding: 20px 0 20px 0;}
.filter_datail_top {border-top: solid 2px #7c80a3; margin-top : 20px; padding: 20px 0;}

a>.icon-search {
  vertical-align: unset;
}
a>.icon-excel {
  vertical-align: text-bottom;
}
.filter_datail a.reset {
    display: inline-block;  
    background: url(/static/images/icon_refresh-ef102eab7e56897c08b7d873437d439e.png) right 10px center no-repeat #3b416d;
    font-size: 14px;
    line-height: 34px;
    color: #fff;
    border: solid 1px #6f73d4;
    border-radius: 8px;
    text-align: center;
    padding: 0 30px 0 12px;
}
.filter_datail_top a.reset {
    display: inline-block;  
    background: url(/static/images/icon_refresh-ef102eab7e56897c08b7d873437d439e.png) right 10px center no-repeat #3b416d;
    font-size: 14px;
    line-height: 34px;
    color: #fff;
    border: solid 1px #6f73d4;
    border-radius: 8px;
    text-align: center;
    padding: 0 30px 0 12px;
}
.filter_datail h2 {font-size: 16px; font-weight: 700; color: #5cc59f; padding: 20px 0 5px 0;}
.filter_datail_top h2 {font-size: 16px; font-weight: 700; color: #5cc59f; padding: 20px 0 5px 0;}

.toggle_wrap {margin-top: 10px;}
.toggle_wrap>label>input {display: none;}
.toggle_wrap>label>input + span {
    display:block;
    font-size: 14px;
    cursor:pointer;    
    color: #fff;
    padding-right: 20px;
    margin-bottom: 5px;
    background: url(/static/images/toggle_dn-7312e120814c86e7b6761f9ca9a3a375.png) no-repeat right center;
}
.toggle_wrap>label>input:checked + span {background: url(/static/images/toggle_up-9d3e11f53c7a2b9f0b1d19bbedf35f33.png) no-repeat right center;}
.toggle_wrap>label>div {
    height:0;
    overflow:hidden;
    position:absolute;
    font-size: 14px;
}
.toggle_wrap>label>input:checked + span + div {
    height:auto;
    position:relative;
    background: #3b416d;
    border-radius: 8px;
    padding: 2px;
}
.toggle_wrap>label>div>label {display: block; margin-bottom: 5px;}
.toggle_wrap>label>div input[type=checkbox] {display: none;}
.toggle_wrap>label>div input[type=checkbox]+i {display: block; height: 34px; line-height: 30px; border-radius: 8px; color: #fff; padding: 0 10px;}
.toggle_wrap>label>div input:checked + i {background: #5cc59f;}

.spilt_1 label {width: 100%;}
.spilt_1 label + label {margin-top: 4px;}
.spilt_1 label i {text-align: left;}

.spilt_2 {display: flex; flex-wrap: wrap;}
.spilt_2 label {width: calc(50% - 4px); margin: 2px;}
.spilt_2 label i {text-align: center;}

.spilt_3 {display: flex; flex-wrap: wrap; background: #3b416d; border-radius: 8px; padding: 2px;}
.spilt_3 label {width: calc(50% - 4px); margin: 2px;}
.spilt_3 label i {text-align: center; font-size: 14px;}
.spilt_3 input {display: none;}
.spilt_3 input[type=checkbox] {display: none;}
.spilt_3 input[type=checkbox]+i {display: block; height: 34px; line-height: 30px; border-radius: 8px; color: #fff; padding: 0 10px;}
.spilt_3 input:checked + i {background: #5cc59f;}

.filter_datail dl {margin-bottom: 10px;}
.filter_datail dl:last-child {margin-bottom: 0px;}
.filter_datail dl:after {content: ""; display: block; clear: both;}
.filter_datail dt, .filter_datail dd {float: left;}
.filter_datail dt {width: 60px;}
.filter_datail dt h2 {padding: 0; line-height: 38px;}
.filter_datail dd {display: flex; flex-wrap: wrap; width: calc(100% - 60px); background: #3b416d; border-radius: 8px; padding: 2px;}
.filter_datail dd label {width: calc(50% - 4px); margin: 2px;}
.filter_datail dd label input[type=checkbox] {display: none;}
.filter_datail dd label input[type=checkbox]+i {display: block; height: 34px; line-height: 30px; border-radius: 8px; color: #fff; padding: 0 10px;}
.filter_datail dd label input:checked + i {background: #5cc59f;}

.filter_datail dd label i {text-align: center;}

/* Style the tab */
.tab {overflow: hidden; font-size: 0; border-bottom: solid 2px #43497b;}
.tab .move_url {
  float: right;
  background: #5cc59f;
  color: white;
  font-size: 18px;
  width: 120px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border-radius: 8px;
  vertical-align: middle;
}

/* Style the buttons inside the tab */
.tab button, .tab a {
  display: inline-block;
  background: #f2f2f2;
  color: #43497b;
  width: 150px;
  line-height: 50px;
  border: 0;
  border-radius: 8px 8px 0 0;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 18px;
  text-align: center;
}
.tab button+button, .tab a+a {margin-left: 5px;}

/* Change background color of buttons on hover */
.tab button:hover, .tab a:hover {  
  /*color: #43497b;*/
}

/* Create an active/current tablink class */
.tab button.active, .tab a.active {
  background-color: #43497b;
  color: #fff;
  font-weight: 700;
  margin-top: 0;
}

/* Style the tab content */
.tabcontent {
  padding: 20px 0;
  background: #fff;
}

.h3 {
    border-bottom: solid 1px #f2f2f2; 
    font-size: 24px; 
    font-weight: 700; 
    color: #43497b; 
    line-height: 1.6;
    margin-top: 30px;
}

.explain:before {
    content: "유의"; 
    display: inline-block; 
    vertical-align: middle; 
    width: 40px; 
    height: 24px;
    line-height: 22px; 
    background: #5cc59f; 
    border-radius: 8px; 
    font-size: 14px; 
    color: #fff; 
    text-align: center;
    margin-right: 5px;
}

.service_info {}
.service_info .catch {color: #060c42; font-size: 36px; font-weight: 700; margin-bottom: 10px;}
.service_info .catch_desc {color: #060c42; font-size: 22px; margin-bottom: 20px; padding-left: 20px;}
.service_info .catch_desc strong {font-weight: 700;}
.service_info h3 {color: #060c42; margin-bottom: 15px;}
.service_info h3 strong {font-size: 20px;}
.service_info h3:before {content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-radius: 50%; margin: 0 5px 8px 0;background: #6f73d4;}
.service_info .service dl {display: flex; margin-bottom: 10px; font-size: 18px;}
.service_info .service dt {width: 200px; color: #fff; font-weight: 500; font-size: 18px; text-align: center; background: #6f73d4; border-radius: 30px 0 0 30px; line-height: 60px;}
.service_info .service dd {width: calc(100% - 150px); border: solid 1px #ddd; border-radius: 0 30px 30px 0; line-height: 60px; padding-left: 20px;}
.service_info .category {display: flex;}
.service_info .category dl {flex: 1; border: solid 1px #ddd; border-radius: 10px;}
.service_info .category dl+dl {margin-left: 50px;}
.service_info .category dt {background: #6f73d4; text-align: center; color: #fff; font-weight: 500; font-size: 18px; padding: 10px; border-bottom: dashed 1px #ddd; border-radius: 10px 10px 0 0;}
.service_info .category dd {padding: 10px; display: flex; flex-wrap: wrap;}
.service_info .category dd>p {width: calc(50% - 10px); border: dotted 1px #6f73d4; border-radius: 4px; margin: 5px; text-align: center; line-height: 30px;}

.pointBox {margin: 80px 0;}
.pointBox li {display: inline-block; vertical-align: top; width: 33%; color: #060c42; line-height: 1.6;}
.pointBox li h3 {font-size: 32px; font-weight: 700; margin-top: 20px;}
.pointBox li h3+div {margin-top: 30px; font-size: 20px;}
.pointBox li h3+div>span {display: block; color: #333; font-size: 16px; margin-top: 20px;}

.service_buy {
    width: 100%;
    /*무료전환으로인한 주석
    background: url(/static/images/img_servicebuy-d0559293af1e9f9a7bce079cf9785288.png) top right no-repeat;
    */
    margin-top: -40px;
    padding: 40px 0 80px 0;
}
.service_buy>p {font-size: 24px; line-height: 1.6; color: #060c42;}

.alert_info {padding:0 0 0 50px; text-align: left;}
.alert_info strong {font-size: 18px; font-weight: 500; color: #333;}
.alert_info span {color:#fb6a69;}
.alert_info strong:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  background: #6f73d4;
  border-radius: 50%;
  margin-right: 5px;
}

.buy_info {font-size: 18px; padding-top: 50px;}
.buy_info p + p {margin-top: 5px;}
.buy_info strong {font-size: 18px; font-weight: 500; color: #333;}
.buy_info strong:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background: #6f73d4;
    border-radius: 50%;
    margin-right: 5px;
}
.buy_info h3 {font-size: 24px; font-weight: 700; color: #060c42; margin: 30px 0 10px 0;}

.myinfo {padding-bottom: 30px;}
.myinfo + .myinfo {margin-top: 20px; padding-top: 50px; border-top: solid 1px #d5d5d5;}
.myinfo dl {margin-bottom: 10px;}
.myinfo dl:after {content: ""; display: block; clear: both;}
.myinfo dt {float: left; padding-left: 20px; width: 200px; line-height: 40px;}
.myinfo dt>span {color: #43497b; font-weight: 500;}
.myinfo dt>span:before {
    content: ""; 
    display: inline-block; 
    vertical-align: middle; 
    width: 10px; 
    height: 10px; 
    border-radius: 50%; 
    background: #43497b;
    margin-right: 5px;
    }
.myinfo dd {float: left; width: calc(100% - 200px); line-height: 40px;}
.myinfo dd input {width: 400px;}
.myinfo dd strong {color: #6f73d4;}
.myinfo .font {
  padding-left: 10px;
  font-size: 13px;
  font-weight: bold;
  color: #fb6a69;
  height: 25px;
}

.flex_box_cross {
  display: flex;
}
.flex_box_cross .item:nth-child(1) {
  flex-grow: 0;
  flex-basis: 400px;
  flex-shrink: 1;
  min-width: 400px;
}
.flex_box_cross .item:nth-child(2) {
  flex-grow: 1;
  margin-left: 30px;
}

.flex_box {display: flex;}
.flex_box>div {flex: 1;}
.flex_box>div+div {margin-left: 50px;}
.flex_box .src_group {border-bottom: 0; margin-bottom: 0;}
.flex_box .src_group>div {margin-left: 5px;}

.condition_group {border-bottom: solid 1px #f0f0f7; margin-bottom: 15px;}
.condition_group dl {margin-bottom: 10px;}
.condition_group dl:after {content: ""; display: block; clear: both;}
.condition_group dt, .condition_group dd {float: left;}
.condition_group dt {width: 120px; height: 100%; text-align: center; font-weight: 500; color: #43497b; background: #f0f0f7; border-radius: 8px; line-height: 40px;}
.condition_group dd {width: calc(100% - 120px);}

.fvr_box dd{display: flex; flex-wrap: wrap;}
.fvr_box dd>div {color: #fff; padding: 7px 15px 9px 15px; border-radius: 8px; margin: 0 0 5px 5px;}
.fvr_box dd>div:nth-child(1n) {background: #6f73d4;}
.fvr_box dd>div:nth-child(2n) {background: #fb6a69;}
.fvr_box dd>div:nth-child(3n) {background: #5cc59f;}
.fvr_box dd>div:nth-child(4n) {background: #f0bf55;}
.fvr_box dd>div:nth-child(5n) {background: #58b0fb;}
.fvr_box dd>div>button {position: relative; vertical-align: middle; font-size: 0; width: 14px; height: 14px; margin: 0 0 4px 5px;}
.fvr_box dd>div>button::before {content:""; display: block; height:1px; background-color: #fff; position:absolute; left:0; right:0; top:50%; 
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform:rotate(45deg);}
.fvr_box dd>div>button::after {content:""; display: block; height:1px; background-color: #fff; position:absolute; left:0; right:0; top:50%; 
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform:rotate(-45deg);}

.bnr_box dt {height: 62px; line-height: 58px;}
.bnr_box dd {display: flex; flex-wrap: wrap;}
.bnr_box dd>div {position: relative; height: 62px; border:solid 2px #cdcfee; border-radius: 8px; margin-left: 5px; padding: 6px 10px 10px 10px; cursor: pointer;}
.bnr_box dd>div:hover {border:solid 2px #6f73d4;}
.bnr_box dd>div>p {font-size: 12px; font-weight: 500;}
.bnr_box dd>div>div>p {font-size: 12px; font-weight: 500; margin-top: 5px;}
.bnr_box dd>div>p>strong {display: inline-block; vertical-align: middle; font-size: 16px; color: #43497b; margin-right: 10px;}
.bnr_box dd>div>p>span:before {content: "|"; margin-right: 10px; color: #cdcfee;}
.bnr_box dd>div>p>span {display: inline-block; vertical-align: middle; font-size: 14px; color: #6f73d4;}
.bnr_box dd>div button {position: relative; vertical-align: middle; font-size: 0; width: 14px; height: 14px; margin: 0 0 4px 5px;}
.bnr_box dd>div button::before {
  content:""; display: block; height:2px; background-color: #666; position:absolute; left:0; right:0; top:50%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform:rotate(45deg);}
.bnr_box dd>div button::after {
  content:""; display: block; height:2px; background-color: #666; position:absolute; left:0; right:0; top:50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform:rotate(-45deg);}

/**table-input**/
.divTable {width: 100%; margin-bottom: 20px; border-top: solid 2px #43497b; border-bottom:1px solid #ddd;}
.divTableBody {
    display: table;
    width: 100%;
    border-right:1px solid #ddd;
    background-color:#fff;
}
.divTableRow {display: table-row;}
.divTableHead {
    display: table-cell;
    width: 20%;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #fafafa;
    color: #333;
    padding-left: 20px;
    vertical-align: middle;
    font-size:16px;
}
.divTableCell {
    display: table-cell;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;    
    padding: 13px;
    vertical-align: middle;
    font-size:16px;
    color: #666;    
}
.divTableCell>span {display: inline-block;}
.divTableCell>span+span {margin-left: 10px;}
/*.divTableCell input {width: 100%;}*/

.tip {color: #6f73d4; padding: 10px 0;}
.required {display: inline-block;}
.required:after {content:"*";display: inline-block; vertical-align: top; color: #6f73d4; font-size: 18px; font-weight: 700; margin-left: 5px;}

/**첨부파일**/
.filebox {display: inline-block;vertical-align: bottom;}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.filebox label {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    min-width: 80px;
    color: #6f73d4;;
    border: 1px solid #6f73d4;;
    background: #fff;
    border-radius: 8px;
    padding: 8px 0 10px 0;
}
.filebox>p {display: inline-block; vertical-align: middle;}

.att_file {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    border: 1px solid #d2d2d2;
    line-height: 1;
    padding: 8px 5px 6px 5px;
    border-radius: 8px;
    cursor: pointer;
}
.att_file a {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 19px;
    height: 19px;
    background: url(/static/images/delete_icon-5403b796d6be1bdfe58b98b34d506896.png) no-repeat;
    margin-left: 5px;
}
.attach_group {}
.attach a {
  font-size: 14px;
  color: #000; 
  display: block;
  line-height: 28px;
  padding: 0 5px;
  border-radius: 4px;
  text-decoration: underline;
  cursor: pointer;
}
.attach a:before {content: ""; display: inline-block; vertical-align: middle; width: 10px; height: 10px; border-radius: 50%; background: #6f73d4;}

span.blt {display: inline-block; vertical-align: middle; text-align: center; margin: 0 5px;}
.blt.up {
    font-size: 11px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    background: #fb6a69;}
    
    
/**기타 속성**/

/* scroll */
.provision_text::-webkit-scrollbar {
    width: 10px;
}
.provision_text::-webkit-scrollbar-thumb {
    background-color: #6f73d4;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
}
.provision_text::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
}


.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}

.fl {float:left;}
.fr {float:right;}

.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vtb {vertical-align:text-bottom !important;}

.dpi {display:inline !important;}
.dpb {display:block !important;}
.dpib {display:inline-block !important;}
.dpn {display:none !important;}
.tblrow {display:table-row;}

.light {font-weight:100 !important; }
.regular {font-weight:200 !important;}
.medium {font-weight:400 !important;}
.bold {font-weight:700 !important;}
.italic {font-style:italic !important;}

.clearfix::after {content:''; display:block; clear:both;}
.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bedge {display: inline-block; text-align: center; min-width: 66px; height: 22px; line-height: 20px; font-size:12px; color: #fff; border-radius: 11px; margin-right: 5px; padding: 0 10px;}
.bedge.grn {background: #7fbe26; color: #fff;}
.bedge.gry {background: #aaa; color: #fff;}
.bedge.wht {background: #fff; border: 1px solid #ddd; color: #555;}
.bllt {display: inline-block;vertical-align: middle; width: 18px; height: 16px; line-height: 16px; text-align: center; border-radius: 3px; margin-left: 5px;}
.bllt.up {font-size: 11px; color: #fff; background: #ff0000;}

.bdtNone {border-top:none !important;}
.bdrNone {border-right:none !important;}
.bdbNone {border-bottom:none !important;}
.bdlNone {border-left:none !important;}

.pdt10 {padding-top: 10px;}
.pdt20 {padding-top: 20px;}
.pdt30 {padding-top: 30px;}
.pdt40 {padding-top: 40px;}
.pdt50 {padding-top: 50px;}

.pdb10 {padding-bottom: 10px;}
.pdb20 {padding-bottom: 20px;}
.pdb30 {padding-bottom: 30px;}
.pdb40 {padding-bottom: 40px;}
.pdb50 {padding-bottom: 50px;}

.pdl10 {padding-left: 10px;}
.pdl20 {padding-left: 20px;}
.pdl30 {padding-left: 30px;}
.pdl40 {padding-left: 40px;}
.pdl50 {padding-left: 50px;}

.pdr10 {padding-right: 10px;}
.pdr15 {padding-right: 15px;}
.pdr20 {padding-right: 20px;}
.pdr30 {padding-right: 30px;}
.pdr40 {padding-right: 40px;}
.pdr50 {padding-right: 50px;}

.mgt10 {margin-top: 10px;}
.mgt15 {margin-top: 15px;}
.mgt20 {margin-top: 20px;}
.mgt30 {margin-top: 30px;}
.mgt40 {margin-top: 40px;}
.mgt50 {margin-top: 50px;}

.mgb10 {margin-bottom: 10px;}
.mgb20 {margin-bottom: 20px;}
.mgb30 {margin-bottom: 30px;}
.mgb40 {margin-bottom: 40px;}
.mgb50 {margin-bottom: 50px;}

.mgl5 {margin-left: 5px;}
.mgl10 {margin-left: 10px;}
.mgl20 {margin-left: 20px;}
.mgl30 {margin-left: 30px;}
.mgl40 {margin-left: 40px;}
.mgl50 {margin-left: 50px;}

.mgr10 {margin-right: 10px;}
.mgr20 {margin-right: 20px;}
.mgr30 {margin-right: 30px;}
.mgr40 {margin-right: 40px;}
.mgr50 {margin-right: 50px;}

.blind {display: none;}

.lh35 {line-height: 35px !important;}
.lh105 {line-height: 105px !important;}
.lh72 {line-height: 72px !important;}




.vdp-datepicker__calendar {width: 250px !important;}
.vdp-datepicker__calendar .cell {height: 36px !important;line-height: 36px !important;font-size: 14px;}

.color_r {color: #fb6a69;}
.ft14 {font-size: 14px;}
.ft15 {font-size: 15px;}
.fl_l {float: left;}
.fl_r {float: right;}