/* 기본 세팅 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button,
input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    font-family: 'OneShinhan', '원신한', 'Malgun Gothic', '맑은 고딕';
    color: #1c1c1c;
    font-weight: 300;
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button {
    cursor: pointer;
}

a,
a:hover {
    text-decoration: none;
    color: inherit;
}

img {
    width: 100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none
}

/* Mobile 버전 */
.wrapper {
    max-width: 720px;
    margin: 0 auto;
    font-family: 'OneShinhan', '원신한';
}

#content-w {
    position: relative;
}

#content-w::before,
#content-w::after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 1;
}

#content-w::before {
    right: 0;
    width: 0;
    border-width: 188px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    border-bottom: none;
}

#content-w::after {
    right: 0;
    width: 188px;
    height: 188px;
    box-shadow: inset -48px 48px 0 0 #0046ff;
}

.cont-wbox {
    position: relative;
    transform: rotate(-0.03deg);
}

h1.logo {
    margin-bottom: 2.5rem;
}

h1.logo img {
    width: 30%;
}

.top-cont {
    position: absolute;
    top: 6%;
    left: 4%;
    padding-right: 5%;
}

.box-wrapper {
    width: 93%;
    margin: 2rem auto 0 auto;
    transform: rotate(-0.03deg);
}

.box-w {
    background-color: #fff;
    padding: 2rem 1.6rem;
    border-radius: 10px;
    margin-bottom: 1.3rem;
    box-shadow: 1px 1px 23px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 23px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 23px rgba(0, 0, 0, 0.3);
}

.form-title {
    font-size: 1.8rem;
    text-align: center;
    padding-bottom: 1.5rem;
    font-weight: 400;
}

.input-list {
    overflow: hidden;
}

.input-list li {
    display: grid;
    grid-template-columns: 20% 80%;
    margin-bottom: .5rem;
}

.input-list li .inl-02 {
    display: grid;
    grid-template-columns: 76% 25%;
}

.input-list .bf-tit {
    display: block;
    float: left;
    font-weight: 300;
    font-size: 1.05rem;
    letter-spacing: -0.5px;
    padding-top: .7rem;
}

.input-list li input {
    border: 1px solid #afafaf;
    border-radius: 2px;
    font-size: 1rem;
    padding: .8rem;
    width: 100%;
}

.input-list li input.input-name {
    width: 96%;
}


.input-list li input::placeholder {
    color: #afafaf;
    font-size: .95rem;
}

button.main01_wm {
    background-color: #fff;
    border: 1px solid #afafaf;
    border-radius: 2px;
    font-size: 1.1rem;
    font-weight: 400;
    padding: .95rem 1rem;
}

button.m_icon.btn_on,
button.w_icon.btn_on {
    background-color: #0046ff;
    color: #fff;
    border: 1px solid #0046ff;
}

.bt-area {
    display: grid;
    grid-template-columns: 49% 49%;
    column-gap: 2%;
    margin-top: 1rem;
}

.button-submit {
    width: 100%;
    padding: 1.8rem 1rem;
    border-radius: 15px;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 600;
}

.button-submit span {
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
}

.b-bt {
    background-color: #2878f5;
}

.v-bt {
    background-color: #00236e;
}

.phone-area.box-w {
    text-align: center;
    padding: 1.4rem 10%;
}

/*tab*/
.tab_cont {
    padding: 1.5rem 0 2rem 0;
}

.tabs {
    position: relative;
    font-size: 1.7rem;
    padding: 4% 5%;
    font-weight: 600;
    margin-bottom: 1%;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.tab01 {
    border-top: 1px solid #393939;
    border-bottom: 1px solid #393939;
    color: #3a3a3a;
}

.tab02 {
    border-top: 1px solid #0046ff;
    border-bottom: 1px solid #0046ff;;
    color: #0046ff;
}

.tab03 {
    border-top: 1px solid #2878f5;
    border-bottom: 1px solid #2878f5;
    color: #2878f5;
}

.tabs::after {
    position: absolute;
    right: 0;
    top: 36%;
    content: "";
    background-size: 24%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 20%;
    height: 30%;
}

.tabs.current {
    color: #fff;
}

.tabs.current::after {
    background-image: url("/img/16-a/arrow-up.png");
}

.tab01::after {
    background-image: url("/img/16-a/arrow-bottom.png");
}

.tab02::after {
    background-image: url("/img/16-a/arrow-bottom02.png");
}

.tab03::after {
    background-image: url("/img/16-a/arrow-bottom03.png");
}

.tab01.current {
    background-color: #393939;
}

.tab02.current {
    background-color: #0046ff;
}

.tab03.current {
    background-color: #2878f5;
}

.tab-content {
    max-height: 0;
    transition: max-height 0s ease-in;
    overflow: hidden;
}

.tab-content.current {
    max-height: 10000px;
    transition: max-height 1.5s ease-out;
}

/* tab 내용 */
.tc-con {
    padding: 2rem 5%;
}

.t01-cont li {
    color: #58595b;
    font-size: 1.1rem;
    line-height: 1.9;
    position: relative;
    padding-left: .7rem;
}

.t01-cont li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 3px;
    height: 3px;
    background-color: #58595b;
}

.t01-cont li.red {
    color: #f12626;
}

.t01-cont li.red::before {
    background-color: #f12626;
}

.tc-con-block {
    margin-bottom: 3.5rem;
}

.tc-con-block02 {
    margin-bottom: 0;
}

h3 {
    overflow: hidden;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: .7rem;
    line-height: 1.4;
    word-break: keep-all;
    letter-spacing: -.5px;
}


h3 span.t-right {
    display: block;
    font-size: .95rem;
    color: #3a3a3a;
    font-weight: 300;
    padding-top: .5rem;
}

.tc-con-block h3 span.sub-cn {
    display: inline-block;
    background-color: #ececec;
    border-radius: 8rem;
    font-size: 1.1rem;
    padding: .3rem .6rem;
    font-weight: 400;
}

.tc-table {
    width: 100%;
    border-top: 2px solid #1c1c1c;
    border-left: 1px solid #1c1c1c;
    border-right: 1px solid #1c1c1c;
    border-bottom: 1px solid #1c1c1c;
    font-size: 1rem;
    text-align: center;
    line-height: 1.5;
    word-break: keep-all;
}

.ttble {
    overflow-x: auto;
    /*white-space: nowrap;*/
}

.tc-table02 td {
    text-align: right;
}

.tc-table02 td.tx-ce {
    text-align: center;
}

.tc-table .bg-th {
    background-color: #f3f3f3;
    font-weight: 400;
    text-align: center;
}

.tc-table .no-rl {
    border-right: 0;
}

.tc-table .no-bl {
    border-bottom: 0;
}

.tc-table .t-left {
    text-align: left;
}

.tc-table .tleft-span {
    display: block;
    word-break: break-all;
}

.tc-table .word-break {
    word-break: break-all;
}

.tc-table .bl-in {
    border-bottom: 1px solid #bababa;
}

.tc-table .bg-v {
    /*background-color: #8cd2f5;*/
    background-color: rgb(140, 210, 245, 0.2);
}

.tc-table th {
    padding: 1rem 0;
    font-weight: 400;
    border-right: 1px solid #bababa;
    vertical-align: middle;
}

.tc-table td {
    padding: 1rem;
    border: 1px solid #bababa;
    border-left: 0;
    vertical-align: middle;
}

strong {
    font-weight: 400;
}

.ex-con {
    font-size: 1.05rem;
    padding: .5rem 0;
}

.ex-con li {
    margin-bottom: 1rem;
    overflow: hidden;
    line-height: 1.5;
    vertical-align: middle;
}

.ex-con span.tit {
    display: inline-block;
    background-color: #ececec;
    font-weight: 400;
    padding: .3rem 1rem;
    margin-right: .4rem;
    border-radius: 30px;
}

.ex-con span.ss {
    display: block;
    padding-top: .5rem;
    padding-left: .5rem;
    line-height: 1.7;
}

.ex-guide {
    padding-top: 1.2rem;
    color: #f12626;
    line-height: 1.5;
}

.ex-guide li.first {
    position: relative;
    padding-left: 1.2rem;
}

.ex-guide li::before {
    position: absolute;
    content: '※';
    left: 0;
}

/* footer */
.b-phone-area {
    overflow: hidden;
    margin-bottom: 2rem;
    padding: 0 5%;
}

.b-phone-area li {
    float: left;
    font-weight: 400;
    text-align: left;
    font-size: 1.05rem;
    margin-bottom: .7rem;
}

.b-phone-area li:last-child {
    margin-right: 0;
}

.b-phone-area span {
    float: left;
    display: block;
    width: 7%;
    padding-right: .5rem;
}

.b-phone-area img {
    width: 100%;
}

.info-area {
    text-align: center;
    color: #7b7b7b;
    font-size: .9rem;
    line-height: 1.6;
    letter-spacing: -0.6px;
    background-color: #f2f2f2;
    padding: 2rem 1rem;
}

.info-area div {
    margin-bottom: .5rem;
}

.ft-info {
    display: inline-block;
}

.ft-info li {
    float: left;
}

.ft-info li span {
    display: inline-block;
    color: #bdbdbd;
    font-size: .8rem;
    padding: 0 .3rem;
}

.con01.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.con01 {
    background-color: #0046ff;
    padding: 2.5rem 0;
    text-align: center;
}

.con01 img {
    width: 45%;
}


/* 해상도 */
@media (max-width: 630px) {

    #content-w::before {
        border-width: 170px;
    }

    #content-w::after {
        width: 170px;
        height: 170px;
    }

    .input-list li .inl-02 {
        grid-template-columns: 73% 27%;
    }

    .button-submit {
        padding: 1.2rem .6rem;
        font-size: 1.5rem;
    }

    .button-submit span {
        font-size: 1.3rem;
    }

    .ft-info {
        display: block;
    }

    .ft-info li {
        float: none;
    }

    .ft-info li span {
        display: none;
    }
}

@media (max-width: 580px) {

    #content-w::before {
        border-width: 150px;
    }

    #content-w::after {
        width: 150px;
        height: 150px;
        box-shadow: inset -44px 44px 0 0 #0046ff;
    }

    .input-list li .inl-02 {
        grid-template-columns: 71% 31%;
    }

    .input-list li {
        grid-template-columns: 20% 79%;
    }

    .tabs {
        font-size: 1.5rem;
    }

    .tc-table td {
        padding: 1rem .3rem;
    }

    .con01 {
        padding: 2rem 0;
    }

    .tc-con-block h3 span.sub-cn {
        font-size: 1rem;
    }

    .tc-con-block h3 span.enbr {
        display: block;
        margin-bottom: .3rem;
    }
}

@media (max-width: 530px) {

    #content-w::before {
        border-width: 140px;
    }

    #content-w::after {
        width: 140px;
        height: 140px;
        box-shadow: inset -42px 42px 0 0 #0046ff;
    }

    .input-list li .inl-02 {
        grid-template-columns: 69% 35%;
    }

    .input-list li {
        grid-template-columns: 18% 81%;
    }
}

@media (max-width: 490px) {

    #content-w::before {
        border-width: 120px;
    }

    #content-w::after {
        width: 120px;
        height: 120px;
        box-shadow: inset -40px 40px 0 0 #0046ff;
    }

    .box-w {
        padding-left: 1.3rem;
        padding-right: 1.3rem;
    }

    .input-list .bf-tit,
    button.main01_wm {
        font-size: 1rem;
    }

    .input-list li .inl-02 {
        grid-template-columns: 67% 35%;
    }

    .input-list li {
        grid-template-columns: 18% 79%;
    }

    .tabs {
        font-size: 1.4rem;
    }

    .t01-cont li,
    .ex-con,
    .b-phone-area li,
    .ex-guide {
        font-size: .9rem;
    }

    h3 {
        font-size: 1.2rem;
    }

    h3 span.t-right {
        font-size: .85rem;
    }

    .tc-con-block h3 span.sub-cn {
        font-size: .95rem;
    }

    .tc-table {
        font-size: .85rem;
    }

    .tc-con-block {
        margin-bottom: 2.5rem;
    }

    .con01 img {
        width: 55%;
    }
}

@media (max-width: 460px) {
    #content-w::before {
        border-width: 110px;
    }

    #content-w::after {
        width: 110px;
        height: 110px;
        box-shadow: inset -36px 36px 0 0 #0046ff;
    }

    .input-list li .inl-02 {
        grid-template-columns: 65% 38%;
    }
}

@media (max-width: 430px) {

    h1.logo img {
        width: 35%;
    }

    h1.logo {
        margin-bottom: 2rem;
    }

    #content-w::before {
        border-width: 100px;
    }

    #content-w::after {
        width: 100px;
        height: 100px;
        box-shadow: inset -33px 33px 0 0 #0046ff;
    }

    .input-list .bf-tit {
        font-size: .95rem;
    }

    button.main01_wm {
        padding: .85rem;
        font-size: .95rem;
    }

    .input-list li input {
        padding: .65rem;
    }

    .input-list li .inl-02 {
        grid-template-columns: 65% 38%;
    }

    .input-list li {
        grid-template-columns: 19% 81%;
    }

    .button-submit {
        font-size: 1.22rem;
        padding: 1rem;
    }

    .button-submit span {
        font-size: 1.05rem;
    }

    .tabs {
        padding: 5%;
    }

    .con01 {
        padding: 1.5rem 0;
    }

    .b-phone-area {
        padding: 0 3%;
    }

    .b-phone-area li {
        font-size: .9rem;
    }
}

@media (max-width: 400px) {

    #content-w::before {
        border-width: 90px;
    }

    #content-w::after {
        width: 90px;
        height: 90px;
        box-shadow: inset -30px 30px 0 0 #0046ff;
    }

    .input-list li input {
        font-size: .95rem;
    }

    .input-list li .inl-02 {
        grid-template-columns: 61% 41%;
    }

    .input-list li {
        grid-template-columns: 21% 77%;
    }

    .button-submit {
        padding: 1rem 0;
    }

    .tabs {
        font-size: 1.15rem;
    }

    .b-phone-area li {
        font-size: .85rem;
    }

}

.m-display-none {
    display: none;
}

.g-table-1 tr:first-child td:nth-child(1) {
    width: 24%;
}
.g-table-1 tr:first-child td:nth-child(3) {
    width: 20%;
}

.g-table-2 tr:first-child td:nth-child(1) {
    width: 20%;
}
.g-table-2 tr:first-child td:nth-child(3) {
    width: 25%;
}

.g-table-3 tr:first-child td:nth-child(1) {
    width: 20%;
}
.g-table-3 tr:first-child td:nth-child(3) {
    width: 27%;
}

.g-table-4 tr:first-child td:nth-child(1) {
    width: 20%;
}
.g-table-4 tr:first-child td:nth-child(3) {
    width: 17%;
}

.g-table-5 tr:first-child td:nth-child(1) {
    width: 20%;
}
.g-table-5 tr:first-child td:nth-child(4) {
    width: 27%;
}

.g-table-6 tr:first-child td:nth-child(1) {
    width: 27%;
}

.g-table-7 tr:first-child td:nth-child(1) {
    width: 35%;
}
.g-table-7 tr:first-child td:nth-child(2) {
    width: 12%;
}
.g-table-7 tr:first-child td:nth-child(4) {
    width: 13%;
}

.w-h4 {
    overflow: hidden;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: .7rem;
    line-height: 1.2;
    word-break: keep-all;
    letter-spacing: -.5px;
    color: #505050;
}

.w-h4 span.t-right {
    display: block;
    font-size: .95rem;
    color: #3a3a3a;
    font-weight: 300;
    padding-top: .5rem;
}

.visual-title {
    width: 84%;
}

.section-even {
    background-color: #f8f8f8;
}

.s-container {
    padding: 14% 4% 14% 4%;
    text-align: center;
}