/* 기본 세팅 */
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:.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 {
    display:block;
    font-size:.95rem;
    color:#3a3a3a;
    font-weight:300;
    padding-top:.5rem;
}

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


.ex-guide li.last::before {
    content: '';
}


/* 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%;
    bottom:0;
    z-index:1;
}

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

.con01 img {
    width:45%;
}

/* 상품설명 */
.cont-wrap {
    padding:1rem 0;
}

.cont-area .cont-wbox {
    width:93%;
    margin:0 auto;
    padding:2rem 0;
}

.cont-title {
    font-size:2.4rem;
    font-weight:400;
    line-height:1.3;
    text-align: center;
    margin-bottom:2rem;
}

.c-icon-group ul li {
    border-radius: 10px;
    background-color:#fff;
    box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2)  ;
	-webkit-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2)  ;
	-moz-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2)  ;
    margin-bottom:1.2rem;
    padding:1.5rem .5rem;
    line-height:1.4;
    overflow:hidden;
    padding:1.5rem;
}

.cicon-tt {
    display:inline-block;
    font-size:1.7rem;
    font-weight:400;
}

.cicon-tt > span {
    font-size:1.9rem;
    font-weight:600;
}

.cicon-ss {
    margin-top:1rem;
    font-size:.95rem;
    font-weight:400;
}

.cicon-img {
    float:right;
    width:16%;
    margin:6% 2rem 1rem 1rem;
}

.csize {
    width:19%;
    margin-right:1.5rem;
}

.c-icon-group ul.cont01-gr .cicon-ss {
    font-size:.9rem;
}

.c-icon-group ul.cont02-gr li:last-child .cicon-img {
    margin-top:6%;
}

.c-icon-group ul.cont03-gr .cicon-img {
    width:20%;
}

.c-icon-group ul.cont03-gr .csize {
    width:18%;
    margin-right:6%;
}

.c-icon-group ul.cont03-gr .csize02 {
    width:22%;
}

.c-icon-group ul.cont02-gr .cicon-tt {
    line-height:1.2;
}

.c-icon-group ul.cont02-gr .cicon-tt > span {
    display: block;
    padding-top:.5rem;
}

.b-color {
    color: #0046ff;
}

.purple {
    color: #705dcf;
}

.blue {
    color: #2878f5;
}

.cont-guide {
    position:relative;
    font-size:1rem;
    padding-left:1.2rem;
    line-height:1.4;
}

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

.cont02-bg {
    background-color:#f8f8f8;
}



/* 해상도 */
@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;
    }

    /* 상품설명 */
    .cont-title {
        font-size:2.1rem;
    }
    .cicon-tt {
        font-size:1.5rem;
    }
    .cicon-tt > span {
        font-size:1.7rem;
    }

    .c-icon-group ul.cont03-gr .csize02 {
        width:21%;
    }
}

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

    /* 상품설명 */
    .cont-wrap {
        padding-top:0;
    }

    .cont-title {
        font-size:1.9rem;
    }

    .cicon-img {
        width:17%;
    }

    .csize {
        width:21%;
    }

    .c-icon-group ul.cont02-gr .cicon-img {
        margin-right:1.5rem;
    }

    .c-icon-group ul.cont03-gr .csize02 {
        width:23%;
    }
}

@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%;
    }

    /* 상품설명 */
    .cicon-img {
        width:19%;
    }

    .csize {
        width:23%;
    }

    .cont-guide {
        font-size:.9rem;
    }

    /* 상품설명 */
    .cicon-tt {
        font-size:1.4rem;
    }
    .cicon-tt > span {
        font-size:1.6rem;
    }

    .c-icon-group ul.cont03-gr .csize {
        margin-right:9%;
    }

    .c-icon-group ul.cont02-gr li:last-child .cicon-img {
        margin-top:8%;
    }
}

@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 {
        font-size:.85rem;
    }

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

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

    .con01 img {
        width:55%;
    }

    /* 상품설명 */
    .cicon-ss {
        font-size:.85rem;
        letter-spacing: -1px;
    }

    .c-icon-group ul.cont03-gr .csize02 {
        margin-top:9%;
    }
}

@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%;
    }

    /* 상품설명 */
    .cont-title {
        font-size:1.7rem;
    }

    .cicon-img {
        width:21%;
        margin-right:1rem;
    }

    .csize {
        width:24%;
        margin-right:.5rem;
    }

    .c-icon-group ul.cont02-gr .cicon-img {
        margin-right:.5rem;
    }

    .c-icon-group ul.cont03-gr .csize {
        margin-right:6%;
    }

    .c-icon-group ul.cont03-gr .csize02 {
        margin-top:10%;
    }
}

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

    /* 상품설명 */
    .cont-title {
        font-size:1.6rem;
    }

    .cicon-tt > span {
        font-size:1.5rem;
    }

    .cicon-img {
        width:20%;
        margin-right:3%;
    }

    .csize {
        width:24%;
        margin-right:1%;
    }

    .c-icon-group ul.cont02-gr .cicon-img {
        margin-right:0;
    }

    .c-icon-group ul.cont02-gr li:last-child .cicon-img {
        margin-top:11%;
    }

    .c-icon-group ul.cont03-gr .cicon-img {
        margin-right:1%;
    }

    .c-icon-group ul.cont03-gr .csize02 {
        margin-top:13%;
    }

    .c-icon-group ul.cont03-gr .csize {
        margin-right:2%;
    }

    .cont-guide {
        font-size:.85rem;
    }
}

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

    /* 상품설명 */
    .cicon-tt {
        font-size:1.3rem;
    }

    .cicon-tt > span {
        font-size:1.4rem;
    }

    .cicon-img {
        margin-top:7%;
    }

    .c-icon-group ul.cont03-gr .cicon-img {
        width:23%;
    }

    .c-icon-group ul.cont03-gr .csize02 {
        width:25%;
    }

    .c-icon-group ul.cont03-gr .csize {
        width:20%;
    }



}

@media (max-width: 390px) {
    /* 상품설명 */
    .cont-title {
        font-size:1.5rem;
    }

    .cicon-tt {
        font-size:1.2rem;
    }

    .cicon-tt > span {
        font-size:1.3rem;
    }

    .c-icon-group ul.cont01-gr .cicon-ss {
        font-size:.85rem;
    }

    .cicon-ss {
        font-size:.8rem;
    }

    .c-icon-group ul.cont03-gr .cicon-ss {
        letter-spacing: -1.5px;
    }

}

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

.pc-display-inline {
    display: inline;
}

.s-container {
    padding: 100px 0 100px 0;
    text-align: center;
}