/*서브-상단비주얼 */
#svisual {
    width: 100%;
    min-width: 1200px;
    height: 300px;
    background: url(../img/sub/s_top01.jpg) no-repeat center/cover;
    margin: 0px auto;
    text-align: center;
}
#svisual:before{content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #1E180B;
    opacity: 0.3; z-index: 1;}
#svisual.a {
    background: url(../img/sub/s_top01.jpg) no-repeat center/cover;
}

#svisual.b {
    background: url(../img/sub/s_top02.jpg) no-repeat center/cover;
}

#svisual.c {
    background: url(../img/sub/s_top03.jpg) no-repeat center/cover;
}

#svisual.d {
    background: url(../img/sub/s_top04.jpg) no-repeat center/cover;
}

#svisual.e {
    background: url(../img/sub/s_top05.jpg) no-repeat center/cover;
}

#svisual.f {
    background: url(../img/sub/s_top06.jpg) no-repeat center/cover;
}

#svisual.g {
    background: url(../img/sub/s_top07.jpg) no-repeat center/cover;
}

#svisual .s_text {
    padding-top: 140px;
    position: relative;
    z-index: 10;
    color: #fff;
}

#svisual .s_text h3 {
    font-size: 2.9em;
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 700;
    position: relative;
}

#svisual .s_text h3 span {
    display: inline-block;
}

#svisual .s_text h3:after {
    display: block;
    content: "";
    width: 2px;
    height: 20px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 60px;
    display: none;
}

#svisual .s_text span {
    display: block;
    font-size: 2em;
    /* display:none; */
    margin-top: 10px;

}

@media (max-width: 1200px) {
    #svisual {
        min-width:100%;
        height: 120px;
        background-position: center top;
        background-size: cover;
        display: none;
    }
}

/*컨텐츠 타이틀*/
.contT_line {
    position: relative;
    margin: 30px 0 20px;
    padding-bottom: 20px;
    font-size: 1.55em;
    font-weight: 500;
    color: #353535;
    letter-spacing: -1px;
    line-height: 1.2em;
    text-align: left !important;
}

.contT_line::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: #292828;
}

/*ë‚´ìš©*/
.con p {
    font-size: 1.22em;
    line-height: 1.6em;
}

.con p span.check {
    color: #7886ad
}

/*내용상단 타이틀*/
.con_tit {
    background: url(../img/sub/greet_bg.jpg) no-repeat 100% 180px;
}

.con_tit h3 {
    font-size: 2.4em;
    line-height: 1.5em;
    color: #000;
    font-weight: 400;
    padding-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

.con_tit h3:before {
    display: none;
    width: 100px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}

.con_tit h3 strong {
    color: #063e7e;
    font-weight: 500;
    font-size: 1.12em;
}

.con_tit h3 span {
    font-size: .70em
}

.con_tit h3 span.check {
    color: #7886ad;
    font-size: 1.0em;
}

.con_tit .con {
    font-size: 1.25em;
    line-height: 1.7em;
}

.con_tit .con span {
    font-size: 1.2em;
    font-weight: 500;
}

.con_tit p.sign {
    margin: 27px 0 0;
    font-size: 1.3em;
    text-align: right
}

.con_tit p.sign span {
    color: #222;
    font-size: 1.0em;
    font-weight: 500
}

@media (max-width: 1199px) {
    .con_tit {
        background:url(../img/sub/greet_bg.jpg) no-repeat 100% 160px;
    }

    .con_tit .con {
        width: 73%
    }

    .con_tit .con {
        font-size: 1.1em;
        line-height: 1.6em;
    }
}

@media (max-width: 880px) {
    .con_tit {
        background:none;
    }

    .con_tit h2 {
        font-size: 1.4em;
    }

    .con_tit h2:before {
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .con_tit h2 strong {
        color: #063e7e;
        font-weight: 500;
    }

    .con_tit h3 {
        font-size: 2.0em;
        line-height: 1.2em
    }

    .con_tit h3 span.check {
        display: block
    }

    .con_tit .con {
        font-size: 1em;
        line-height: 1.8em;
    }

    .con_tit .con span {
        font-size: 1.2em;
        font-weight: 500;
    }

    .con_tit .con {
        width: 100%
    }

    .con p {
        font-size: 1.02em;
        line-height: 1.6em;
    }
}

/* start 내용_단락03*/
.para_list .parabox {
    padding: 30px;
    background: #fff
}

.para_list .parabox02 {
    padding: 30px;
    background: #fff
}

.para_list {
    width: 100%;
    margin: 0;
}

.para_list h4 {
    font-size: 1.70em;
    line-height: 1.0em;
    font-weight: bold;
    letter-spacing: -.010em;
    display: block;
    padding: 5px 0 15px 0;
}

.para_list h4 span {
    display: block;
    margin: 8px 0 0;
    font-size: 0.8em;
    font-weight: 500;
    color: #777
}

.para_list li {
    margin-bottom: 8px;
    background: url(../img/common/c_icon10.gif) no-repeat 0 1px;
}

.para_list li span.t {
    font-size: 1.37em;
    font-weight: 500;
    padding: 0 0 0 23px
}

.para_list li.none {
    margin-bottom: 8px;
    padding-left: 12px;
    background: none;
}

.para_list li em {
    font-weight: 500;
    color: #4a4a4a;
    font-size: 1.35em;
    line-height: 1.2em;
    letter-spacing: -.055em;
}

.para_list li li {
    margin: 5px 0 0 0;
    background: url(../img/common/bul_li_t2.png) no-repeat 0 7px;
    font-size: 1.22em;
    letter-spacing: -.015em;
    color: #666;
    padding: 0 0 0 10px
}

.para_list li li.none {
    margin-bottom: 0;
    padding-left: 0px;
    background: none;
    font-size: 1.15em;
    letter-spacing: -.015em;
    color: #666
}

/* end 내용_단락03*/
@media screen and (max-width: 992px) {
    .para_list {
        width: 100%;
        margin: 0;
    }

    .para_list .parabox {
        padding: 10px;
        background: #fff
    }

    .busi_box {
        padding: 10px;
        border-top: 1px solid #c2bdb9;
    }
}

@media screen and (max-width: 767px) {
    /* start 내용_단락03*/ .para_list h4 {
    font-size: 1.50em;
    line-height: 1.0em;
    font-weight: bold;
    letter-spacing: -.095em;
    display: block;
    padding: 5px 0 15px 0;
    color: #v;
}

    .para_list li {
        margin-bottom: 8px;
        background: url(../img/common/c_icon10.gif) no-repeat 0 4px;
    }

    .para_list li.none {
        margin-bottom: 8px;
        padding-left: 12px;
        background: none;
    }

    .para_list li em {
        font-weight: 500;
        color: #4a4a4a;
        line-height: 1.2em;
        letter-spacing: -.055em;
    }

    .para_list li li {
        margin: 5px 0 0 0;
        background: url(../img/common/bul_li_t2.png) no-repeat 0 7px;
        letter-spacing: -.015em;
        color: #666
    }

    .para_list li li.none {
        margin-bottom: 0;
        padding-left: 10px;
        background: none;
        letter-spacing: -.015em;
        color: #666
    }

    .para_list li li {
        font-size: 1.05em;
    }

    .para_list .parabox {
        padding: 30px;
        background: #fff
    }

    /* end 내용_단락02*/
}

/*이미지 사이즈*/
@media screen and (max-width: 767px) {
    .imgWidth {
        width:100%;
        height: auto
    }
}

/*페이지 bg*/
#page01 {
    background: url(../img/sub/page01_bg.jpg) no-repeat 100% 0px;
}

#page02 {
    background: url(../img/sub/page02_bg.jpg) no-repeat 100% 0px;
}

#page03 {
    background: url(../img/sub/page03_bg.jpg) no-repeat 100% 0px;
}

#page04 {
    background: url(../img/sub/page04_bg.jpg) no-repeat 100% 0px;
}

@media (max-width: 680px) {
    #page02 {
        background:url(../img/sub/page02_bg.jpg) no-repeat 100% 720px;
        height: 1100px;
    }

    #page03 {
        background: url( ) no-repeat;
    }
}

/*인사말*/
/*.greet01{background:url(../img/sub/greet_bg.jpg) no-repeat 100% 100px; }*/
.greet01 {
    background: url(../img/sub/greet_woman.jpg) no-repeat 100% 100px/auto 70%;
}

.greet01 h3 {
    font-size: 2.4em;
    line-height: 1.0em;
    color: #000;
    font-weight: 400;
    padding-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

.greet01 h3:before {
    display: none;
    width: 100px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}

.greet01 h3 strong {
    color: #063e7e;
    font-weight: 500;
    font-size: 1.12em;
}

.greet01 h3 span {
    font-size: .70em
}

.greet01 h3 span.check {
    color: #7886ad;
    font-size: 1.0em;
}

.greet01 .con {
    font-size: 1.25em;
    line-height: 1.7em;
}

.greet01 .con span {
    font-size: 1.2em;
    font-weight: 500;
}

.greet01 p.sign {
    margin: 30px 0 0;
    font-size: 1.3em;
    text-align: left
}

.greet01 p.sign span {
    color: #222;
    font-size: 1.0em;
    font-weight: 500
}

@media (max-width: 1199px) {
    .greet01 {
        background:url(../img/sub/greet_woman.jpg) no-repeat 100% 200px;
    }

    .greet01 .con {
        width: 73%
    }

    .greet01 .con {
        font-size: 1.1em;
        line-height: 1.6em;
    }
}

@media (max-width: 880px) {
    .greet01 {
        background:url(../img/sub/greet_woman.jpg) no-repeat top/auto 260px;
        padding-top: 260px;
    }

    .greet01 h2 {
        font-size: 1.4em;
    }

    .greet01 h2:before {
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .greet01 h2 strong {
        color: #063e7e;
        font-weight: 500;
    }

    .greet01 h3 {
        font-size: 1.6em;
        line-height: 1.2em
    }

    .greet01 h3 span.check {
        display: block
    }

    .greet01 .con {
        font-size: 1em;
        line-height: 1.8em;
    }

    .greet01 .con span {
        font-size: 1.2em;
        font-weight: 500;
    }

    .greet01 .con {
        width: 100%
    }
}

/*오시는길  */
.map {
}

.map_add_wrap {
    width: 100%;
    overflow: hidden;
    padding: 35px 0;
    font-size: 1.5em;
    font-weight: 500;
    box-sizing: border-box;
    text-align: center;
}

.map_add_wrap .ko {
    font-size: 0.92em;
    color: #69C;
    margin-top: 5px;
}

.map_box_wrap {
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px 0;
    border: 1px solid #f3f3f3;
    display: flex;
}

.map_box_wrap .map_bx {
    width: 25%;
    float: left;
    box-sizing: border-box;
    border-left: 1px dotted #ddd;
    padding: 1em 10px;
    align-items: stretch;
    text-align: center;
}

.map_box_wrap .map_bx:first-child {
    border: 0;
}

.map_box_wrap .map_bx .t {
    line-height: 1em;
    font-size: 1.3em;
    font-weight: 500;
    color: #063e7e;
    margin: 10px auto 10px;
}

.map_box_wrap .map_bx .c {
    font-size: 1.05em;
    letter-spacing: 0.5px;
}

.map_box_wrap .map_bx a.bt {
    display: inline-block;
    background: #fff;
    padding: 3px 12px;
    font-size: 0.88em;
    letter-spacing: -0.5px;
    margin: 3px;
    border-radius: 25px;
    border: 1px solid #dadada;
}

.map_box_wrap .map_bx a.bt:hover {
    font-weight: 500;
    color: #FFF;
    background: #063e7e;
    border: 1px solid #063e7e;
}

.map_box_wrap .glyphicon {
    font-size: 19px;
}

.map_add_wrap .glyphicon {
    font-size: 24px;
}

@media (max-width: 1200px) {
    .map_add_wrap {
        padding:15px 10px;
        font-size: 0.9em;
        line-height: 1.4em;
    }

    .map_add_wrap span {
        display: block;
        margin-bottom: 5px;
    }

    .map_add_wrap br.mo {
        display: block
    }

    .map_box_wrap {
        display: block;
    }

    .map_box_wrap .map_bx {
        width: 50%;
        border-top: 1px dotted #ddd;
        padding: 7px
    }

    .map_box_wrap .map_bx:nth-of-type(2) {
        border-top: 0;
    }

    .map_box_wrap .map_bx:nth-of-type(3) {
        border-left: 0;
    }

    .map_box_wrap .map_bx:nth-of-type(2n)+.map_bx {
        clear: both
    }

    .map_box_wrap .map_bx .t {
        font-size: 1.2em;
    }

    .map_box_wrap .map_bx .c {
        font-size: 0.82em;
    }

    .map_box_wrap .map_bx img {
        height: 40px;
    }

    .map_box_wrap .map_bx .t {
        margin: 7px auto;
        font-size: 1em;
    }

    .map_box_wrap .map_bx a.bt {
        padding: 2px 12px;
    }
}

/*회원가입안내*/
.wedding_type ul:after {
    display: block;
    clear: both;
    content: "";
}

.wedding_type li {
    display: inline-block;
    width: 31.333%;
    float: left;
    margin: 0 2% 0 0
}

.wedding_type li:nth-child(2) {
    width: 31.333%;
    margin: 0 1%
}

.wedding_type li:nth-child(3) {
    width: 31.333%;
    margin: 0 0 0 2%
}

@media (max-width: 767px) {
    .wedding_type li {
        display:inline-block;
        width: 100%;
        float: left;
        margin: 0
    }

    .wedding_type li:nth-child(2) {
        width: 100%;
    }

    .wedding_type li:nth-child(3) {
        width: 100%;
    }
}

/*전자카다로그*/
.cata {
    box-shadow: 0px 5px 28.5px 1.5px rgba(0, 0, 0, 0.05);
}

.cata .bx {
    float: left;
    border: 1px solid #f1f1f1;
    width: calc(100% / 3);
    padding: 20px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 600;
    position: relative;
}

.cata .bx.bu {
    width: 100%;
}

.cata .bx.bu h3 {
    font-size: 1.15em;
    font-weight: 600;
    margin: 20px 0;
}

.cata .bx.bu .list {
    text-align: center;
}

.cata .bx.bu .list span {
    float: left;
    margin: 6px;
    width: calc(25% - 12px);
    text-align: left;
    position: relative;
}

.cata .bx.bu .list span .svg-inline--fa {
    position: absolute;
    right: 12px;
    top: 14px;
    color: #CCC;
}

.cata .bx.bu .list span a {
    display: block;
    padding: 12px 16px;
    border: 1px solid #ededed;
    background: #fafafa;
    border-radius: 6px;
}

.cata .bx.bu .list span a:hover {
    border: 1px solid #FC0;
    color: #000;
}

.cata .bx.bu:hover {
    border: 1px solid #f1f1f1;
}

.cata .bx .mg {
    margin-bottom: 22px;
}

.cata .bx .go {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 2.2em;
    color: #ddd;
}

.cata .bx:hover {
    border: 1px solid #FC0;
}

.cata .bx:hover .go {
    color: #FC0;
}

@media (max-width: 1200px) {
    .cata .bx {
        padding:10px;
        font-size: 1.1em;
        text-align: left;
    }

    .cata .bx.bu h3 {
        font-size: 1.03em;
    }

    .cata .bx.bu .list span {
        margin: 3px;
        width: calc(33.333% - 6px);
    }

    .cata .bx.bu .list span a {
        font-size: 0.9em;
        padding: 10px 6px;
    }

    .cata .bx .mg {
        margin-bottom: 15px;
    }

    .cata .bx .mg img {
        width: 100%;
        height: auto;
    }

    .cata .bx .go {
        right: 5px;
        bottom: inherit ;
        top: 10px;
        font-size: 1.5em ;
    }
}

/*기술자료 탭메뉴*/
.pro {
}

.pro_cate {
    margin-bottom: 30px;
    text-align: center;
}

.pro_cate li {
    display: inline-block;
    float: inherit;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 0 !important;
}

.pro_cate li:nth-child(4) {
    margin-right: 0;
}

.pro_cate li a {
    background: #f8f9fa;
    border: 1px solid #e4e4e4;
    border-radius: 50px;
    font-size: 1.35em;
    color: #000;
    padding: 12px 35px;
}

.pro_cate li a:hover {
    background-image: linear-gradient(120deg, #e7f6ff, #fff);
    color: #06C;
}

.pro_cate>li.active>a, .pro_cate>li.active>a:focus, .pro_cate>li.active>a:hover {
    background-image: linear-gradient(120deg, #00bbd7, #1a5fc6);
    border: 1px solid #00bbd7;
    font-weight: 600;
}

.tab-content .con .bx {
}

.tab-content .con .bx h2 {
    font-size: 1.88em;
    line-height: 2em;
    color: #063e7e;
    margin-top: 40px;
    margin-bottom: 30px;
    position: relative;
}

.tab-content .con .bx h2:after {
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    background: #69C;
    position: absolute;
    left: 0;
    botton: 10px;
}

.tab-content .con .bx ul li {
    margin-bottom: 8px;
    font-size: 1.15em;
    line-height: 1.6em;
    color: #000;
}

.tab-content .con .bx ul li:after {
    display: block;
    content: "";
    clear: both;
}

.tab-content .con .bx ul li span {
    float: left;
    width: 80%;
}

.tab-content .con .bx ul li span.tit {
    width: calc(20% - 8px);
    background: #8fb4df;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 7px 0;
    margin-right: 8px;
}

.tab-content .con .bx .mg {
    margin: 20px 0 40px 0;
}

@media (max-width: 1200px) {
    .tab-content .con .bx .mg {
        margin:10px 0 20px 0;
    }

    .tab-content .con .bx .mg img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 600px) {
    .pro_cate li {
        display: inherit;
        float: left;
        width: calc(100% / 2 - 5px);
        text-align: center;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-left: 0 !important;
    }

    .pro_cate li a {
        font-size: 0.85em;
        padding: 5px 0;
        border-radius: 20px;
    }

    .tab-content .con .bx h2 {
        font-size: 1.28em;
    }

    .tab-content .con .bx ul li {
        font-size: 0.9em;
    }
}

/* table 라인없음*/
.responsive-table {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.c_table {
    width: 100%;
    border-top: 2px solid #39C;
    background: #fff;
    text-align: center;
    line-height: 1.6em;
}

.c_table caption {
    display: none
}

.c_table th,.c_table td {
    padding: 12px;
    border: 1px solid #f1f1f1;
    font-size: 1.1em;
    text-align: center;
}

.c_table th {
    background: #f7fafd;
    color: #000;
    font-size: 1.28em;
    font-weight: 500;
}

.c_table td.left {
    text-align: left;
}

.c_table td.point {
    background: #FFFEF9;
    font-weight: 500;
}

.c_table th:first-child,.c_table td:first-child {
    border-left: none
}

.c_table th:last-child,.c_table td:last-child {
    border-right: none
}

@media (max-width: 991px) {
    .responsive-table {
        overflow-x:scroll;
        white-space: nowrap;
    }

    .c_table {
        min-width: 600px;
    }

    .c_table th,.c_table td {
        font-size: 0.9em;
    }
}

/*가로스크롤*/
.row-horizon {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.tbl {
    margin-top: 10px;
}

.tbl table {
    width: 100%;
    border-top: 2px solid #7886ad;
    font-size: 1.1em;
    letter-spacing: 0;
    text-align: center;
    border-left: 1px solid #e3e3e3;
}

.tbl tr th {
    vertical-align: middle;
    padding: 15px 15px;
    border-bottom: 1px solid #e3e3e3;
    background: #f5f5f5;
    color: #222;
}

.tbl tr td {
    vertical-align: middle;
    padding: 13px 15px;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    color: #333;
}

.tbl tr td.left {
    text-align: left !important
}

.tbl thead th {
    background: #f5f5f5;
    text-align: center;
    border-right: 1px solid #e3e3e3;
}

.tbl tbody th {
    background: #F7F7F7;
    text-align: center;
    border-right: 1px solid #e3e3e3;
}

/* 준비중페이지 */
#ready {
    text-align: center;
    background: url(../img/common/ready.png) no-repeat 50% 0;
    margin: 80px 0;
    padding-top: 170px;
    font-size: 1.3em;
    line-height: 1.3em;
    color: #333;
}

#ready strong {
    color: #000000;
}

#ready p {
    font-size: 0.8em;
    color: #666;
}

.ready {
    text-align: center;
}

/* margin/padding*/
.t_margin-20 {
    margin-top: -20px;
}

.t_margin-19 {
    margin-top: -19px;
}

.t_margin-18 {
    margin-top: -18px;
}

.t_margin-17 {
    margin-top: -17px;
}

.t_margin-16 {
    margin-top: -16px;
}

.t_margin-15 {
    margin-top: -15px;
}

.t_margin-14 {
    margin-top: -14px;
}

.t_margin-13 {
    margin-top: -13px;
}

.t_margin-12 {
    margin-top: -12px;
}

.t_margin-11 {
    margin-top: -11px;
}

.t_margin-10 {
    margin-top: -10px;
}

.t_margin-9 {
    margin-top: -9px;
}

.t_margin-8 {
    margin-top: -8px;
}

.t_margin-7 {
    margin-top: -7px;
}

.t_margin-6 {
    margin-top: -6px;
}

.t_margin-5 {
    margin-top: -5px;
}

.t_margin-4 {
    margin-top: -4px;
}

.t_margin-3 {
    margin-top: -3px;
}

.t_margin-2 {
    margin-top: -2px;
}

.t_margin-1 {
    margin-top: -1px;
}

.t_margin0 {
    margin-top: 0px;
}

.t_margin1 {
    margin-top: 1px;
}

.t_margin2 {
    margin-top: 2px;
}

.t_margin3 {
    margin-top: 3px;
}

.t_margin4 {
    margin-top: 4px;
}

.t_margin5 {
    margin-top: 5px;
}

.t_margin6 {
    margin-top: 6px;
}

.t_margin7 {
    margin-top: 7px;
}

.t_margin8 {
    margin-top: 8px;
}

.t_margin9 {
    margin-top: 9px;
}

.t_margin10 {
    margin-top: 10px;
}

.t_margin11 {
    margin-top: 11px;
}

.t_margin12 {
    margin-top: 12px;
}

.t_margin13 {
    margin-top: 13px;
}

.t_margin14 {
    margin-top: 14px;
}

.t_margin15 {
    margin-top: 15px;
}

.t_margin16 {
    margin-top: 16px;
}

.t_margin17 {
    margin-top: 17px;
}

.t_margin18 {
    margin-top: 18px;
}

.t_margin19 {
    margin-top: 19px;
}

.t_margin20 {
    margin-top: 35px;
}

.t_margin21 {
    margin-top: 21px;
}

.t_margin22 {
    margin-top: 22px;
}

.t_margin23 {
    margin-top: 23px;
}

.t_margin24 {
    margin-top: 24px;
}

.t_margin25 {
    margin-top: 25px;
}

.t_margin26 {
    margin-top: 26px;
}

.t_margin27 {
    margin-top: 27px;
}

.t_margin28 {
    margin-top: 28px;
}

.t_margin29 {
    margin-top: 29px;
}

.t_margin30 {
    margin-top: 30px;
}

.t_margin31 {
    margin-top: 31px;
}

.t_margin32 {
    margin-top: 32px;
}

.t_margin33 {
    margin-top: 33px;
}

.t_margin34 {
    margin-top: 34px;
}

.t_margin35 {
    margin-top: 35px;
}

.t_margin36 {
    margin-top: 36px;
}

.t_margin37 {
    margin-top: 37px;
}

.t_margin38 {
    margin-top: 38px;
}

.t_margin39 {
    margin-top: 39px;
}

.t_margin40 {
    margin-top: 40px;
}

.t_margin41 {
    margin-top: 41px;
}

.t_margin42 {
    margin-top: 42px;
}

.t_margin43 {
    margin-top: 43px;
}

.t_margin44 {
    margin-top: 44px;
}

.t_margin45 {
    margin-top: 45px;
}

.t_margin46 {
    margin-top: 46px;
}

.t_margin47 {
    margin-top: 47px;
}

.t_margin48 {
    margin-top: 48px;
}

.t_margin49 {
    margin-top: 49px;
}

.t_margin50 {
    margin-top: 50px;
}

.t_margin75 {
    margin-top: 75px;
}

.t_margin200 {
    margin-top: 200px;
}

@media screen and (max-width: 992px) {
    .t_margin32 {
        margin-top:0px;
    }
}

@media screen and (max-width: 767px) {
    .t_margin32 {
        margin-top:0px;
    }

    .t_margin40 {
        margin-top: 0px;
    }

    .t_margin75 {
        margin-top: 50px;
    }
}

/* MARGIN-LEFT관련 */
.l_margin-70 {
    margin-left: -70px;
}

.l_margin-50 {
    margin-left: -50px;
}

.l_margin-40 {
    margin-left: -40px;
}

.l_margin-35 {
    margin-left: -35px;
}

.l_margin-30 {
    margin-left: -30px;
}

.l_margin-25 {
    margin-left: -25px;
}

.l_margin-24 {
    margin-left: -24px;
}

.l_margin-23 {
    margin-left: -23px;
}

.l_margin-22 {
    margin-left: -22px;
}

.l_margin-21 {
    margin-left: -21px;
}

.l_margin-20 {
    margin-left: -20px;
}

.l_margin-19 {
    margin-left: -19px;
}

.l_margin-18 {
    margin-left: -18px;
}

.l_margin-17 {
    margin-left: -17px;
}

.l_margin-16 {
    margin-left: -16px;
}

.l_margin-15 {
    margin-left: -15px;
}

.l_margin-14 {
    margin-left: -14px;
}

.l_margin-13 {
    margin-left: -13px;
}

.l_margin-12 {
    margin-left: -12px;
}

.l_margin-11 {
    margin-left: -11px;
}

.l_margin-10 {
    margin-left: -10px;
}

.l_margin-9 {
    margin-left: -9px;
}

.l_margin-8 {
    margin-left: -8px;
}

.l_margin-7 {
    margin-left: -7px;
}

.l_margin-6 {
    margin-left: -6px;
}

.l_margin-5 {
    margin-left: -5px;
}

.l_margin-4 {
    margin-left: -4px;
}

.l_margin-3 {
    margin-left: -3px;
}

.l_margin-2 {
    margin-left: -2px;
}

.l_margin-1 {
    margin-left: -1px;
}

.l_margin0 {
    margin-left: 0px;
}

.l_margin1 {
    margin-left: 1px;
}

.l_margin2 {
    margin-left: 2px;
}

.l_margin3 {
    margin-left: 3px;
}

.l_margin4 {
    margin-left: 4px;
}

.l_margin5 {
    margin-left: 5px;
}

.l_margin6 {
    margin-left: 6px;
}

.l_margin7 {
    margin-left: 7px;
}

.l_margin8 {
    margin-left: 8px;
}

.l_margin9 {
    margin-left: 9px;
}

.l_margin10 {
    margin-left: 10px;
}

.l_margin11 {
    margin-left: 11px;
}

.l_margin12 {
    margin-left: 12px;
}

.l_margin13 {
    margin-left: 13px;
}

.l_margin14 {
    margin-left: 14px;
}

.l_margin15 {
    margin-left: 15px;
}

.l_margin16 {
    margin-left: 16px;
}

.l_margin17 {
    margin-left: 17px;
}

.l_margin18 {
    margin-left: 18px;
}

.l_margin19 {
    margin-left: 19px;
}

.l_margin20 {
    margin-left: 20px;
}

.l_margin21 {
    margin-left: 21px;
}

.l_margin22 {
    margin-left: 22px;
}

.l_margin23 {
    margin-left: 23px;
}

.l_margin24 {
    margin-left: 24px;
}

.l_margin25 {
    margin-left: 25px;
}

.l_margin26 {
    margin-left: 26px;
}

.l_margin27 {
    margin-left: 27px;
}

.l_margin28 {
    margin-left: 28px;
}

.l_margin29 {
    margin-left: 29px;
}

.l_margin30 {
    margin-left: 30px;
}

.l_margin31 {
    margin-left: 31px;
}

.l_margin32 {
    margin-left: 32px;
}

.l_margin33 {
    margin-left: 33px;
}

.l_margin34 {
    margin-left: 34px;
}

.l_margin35 {
    margin-left: 35px;
}

.l_margin36 {
    margin-left: 36px;
}

.l_margin37 {
    margin-left: 37px;
}

.l_margin38 {
    margin-left: 38px;
}

.l_margin39 {
    margin-left: 39px;
}

.l_margin40 {
    margin-left: 40px;
}

.l_margin41 {
    margin-left: 41px;
}

.l_margin42 {
    margin-left: 42px;
}

.l_margin43 {
    margin-left: 43px;
}

.l_margin44 {
    margin-left: 44px;
}

.l_margin45 {
    margin-left: 45px;
}

.l_margin46 {
    margin-left: 46px;
}

.l_margin47 {
    margin-left: 47px;
}

.l_margin48 {
    margin-left: 48px;
}

.l_margin49 {
    margin-left: 49px;
}

.l_margin50 {
    margin-left: 50px;
}

.l_margin80 {
    margin-left: 80px;
}

.l_margin85 {
    margin-left: 85px;
}

.l_margin87 {
    margin-left: 87px;
}

.l_margin90 {
    margin-left: 90px;
}

.l_margin100 {
    margin-left: 100px;
}

/* MARGIN-RIGHT관련 */
.r_margin-20 {
    margin-right: -20px;
}

.r_margin-19 {
    margin-right: -19px;
}

.r_margin-18 {
    margin-right: -18px;
}

.r_margin-17 {
    margin-right: -17px;
}

.r_margin-16 {
    margin-right: -16px;
}

.r_margin-15 {
    margin-right: -15px;
}

.r_margin-14 {
    margin-right: -14px;
}

.r_margin-13 {
    margin-right: -13px;
}

.r_margin-12 {
    margin-right: -12px;
}

.r_margin-11 {
    margin-right: -11px;
}

.r_margin-10 {
    margin-right: -10px;
}

.r_margin-9 {
    margin-right: -9px;
}

.r_margin-8 {
    margin-right: -8px;
}

.r_margin-7 {
    margin-right: -7px;
}

.r_margin-6 {
    margin-right: -6px;
}

.r_margin-5 {
    margin-right: -5px;
}

.r_margin-4 {
    margin-right: -4px;
}

.r_margin-3 {
    margin-right: -3px;
}

.r_margin-2 {
    margin-right: -2px;
}

.r_margin-1 {
    margin-right: -1px;
}

.r_margin0 {
    margin-right: 0px;
}

.r_margin1 {
    margin-right: 1px;
}

.r_margin2 {
    margin-right: 2px;
}

.r_margin3 {
    margin-right: 3px;
}

.r_margin4 {
    margin-right: 4px;
}

.r_margin5 {
    margin-right: 5px;
}

.r_margin6 {
    margin-right: 6px;
}

.r_margin7 {
    margin-right: 7px;
}

.r_margin8 {
    margin-right: 8px;
}

.r_margin9 {
    margin-right: 9px;
}

.r_margin10 {
    margin-right: 10px;
}

.r_margin11 {
    margin-right: 11px;
}

.r_margin12 {
    margin-right: 12px;
}

.r_margin13 {
    margin-right: 13px;
}

.r_margin14 {
    margin-right: 14px;
}

.r_margin15 {
    margin-right: 15px;
}

.r_margin16 {
    margin-right: 16px;
}

.r_margin17 {
    margin-right: 17px;
}

.r_margin18 {
    margin-right: 18px;
}

.r_margin19 {
    margin-right: 19px;
}

.r_margin20 {
    margin-right: 20px;
}

.r_margin21 {
    margin-right: 21px;
}

.r_margin22 {
    margin-right: 22px;
}

.r_margin23 {
    margin-right: 23px;
}

.r_margin24 {
    margin-right: 24px;
}

.r_margin25 {
    margin-right: 25px;
}

.r_margin26 {
    margin-right: 26px;
}

.r_margin27 {
    margin-right: 27px;
}

.r_margin28 {
    margin-right: 28px;
}

.r_margin29 {
    margin-right: 29px;
}

.r_margin30 {
    margin-right: 30px;
}

.r_margin31 {
    margin-right: 31px;
}

.r_margin32 {
    margin-right: 32px;
}

.r_margin33 {
    margin-right: 33px;
}

.r_margin34 {
    margin-right: 34px;
}

.r_margin35 {
    margin-right: 35px;
}

.r_margin36 {
    margin-right: 36px;
}

.r_margin37 {
    margin-right: 37px;
}

.r_margin38 {
    margin-right: 38px;
}

.r_margin39 {
    margin-right: 39px;
}

.r_margin40 {
    margin-right: 40px;
}

.r_margin41 {
    margin-right: 41px;
}

.r_margin42 {
    margin-right: 42px;
}

.r_margin43 {
    margin-right: 43px;
}

.r_margin44 {
    margin-right: 44px;
}

.r_margin45 {
    margin-right: 45px;
}

.r_margin46 {
    margin-right: 46px;
}

.r_margin47 {
    margin-right: 47px;
}

.r_margin48 {
    margin-right: 48px;
}

.r_margin49 {
    margin-right: 49px;
}

.r_margin50 {
    margin-right: 50px;
}

/* MARGIN-BOTTOM관련 */
.b_margin-20 {
    margin-bottom: -20px;
}

.b_margin-19 {
    margin-bottom: -19px;
}

.b_margin-18 {
    margin-bottom: -18px;
}

.b_margin-17 {
    margin-bottom: -17px;
}

.b_margin-16 {
    margin-bottom: -16px;
}

.b_margin-15 {
    margin-bottom: -15px;
}

.b_margin-14 {
    margin-bottom: -14px;
}

.b_margin-13 {
    margin-bottom: -13px;
}

.b_margin-12 {
    margin-bottom: -12px;
}

.b_margin-11 {
    margin-bottom: -11px;
}

.b_margin-10 {
    margin-bottom: -10px;
}

.b_margin-9 {
    margin-bottom: -9px;
}

.b_margin-8 {
    margin-bottom: -8px;
}

.b_margin-7 {
    margin-bottom: -7px;
}

.b_margin-6 {
    margin-bottom: -6px;
}

.b_margin-5 {
    margin-bottom: -5px;
}

.b_margin-4 {
    margin-bottom: -4px;
}

.b_margin-3 {
    margin-bottom: -3px;
}

.b_margin-2 {
    margin-bottom: -2px;
}

.b_margin-1 {
    margin-bottom: -1px;
}

.b_margin-1 {
    margin-bottom: -1px;
}

.b_margin0 {
    margin-bottom: 0px;
}

.b_margin1 {
    margin-bottom: 1px;
}

.b_margin2 {
    margin-bottom: 2px;
}

.b_margin3 {
    margin-bottom: 3px;
}

.b_margin4 {
    margin-bottom: 4px;
}

.b_margin5 {
    margin-bottom: 5px;
}

.b_margin6 {
    margin-bottom: 6px;
}

.b_margin7 {
    margin-bottom: 7px;
}

.b_margin8 {
    margin-bottom: 8px;
}

.b_margin9 {
    margin-bottom: 9px;
}

.b_margin10 {
    margin-bottom: 10px;
}

.b_margin11 {
    margin-bottom: 11px;
}

.b_margin12 {
    margin-bottom: 12px;
}

.b_margin13 {
    margin-bottom: 13px;
}

.b_margin14 {
    margin-bottom: 14px;
}

.b_margin15 {
    margin-bottom: 15px;
}

.b_margin16 {
    margin-bottom: 16px;
}

.b_margin17 {
    margin-bottom: 17px;
}

.b_margin18 {
    margin-bottom: 18px;
}

.b_margin19 {
    margin-bottom: 19px;
}

.b_margin20 {
    margin-bottom: 20px;
}

.b_margin21 {
    margin-bottom: 21px;
}

.b_margin22 {
    margin-bottom: 22px;
}

.b_margin23 {
    margin-bottom: 23px;
}

.b_margin24 {
    margin-bottom: 24px;
}

.b_margin25 {
    margin-bottom: 25px;
}

.b_margin26 {
    margin-bottom: 26px;
}

.b_margin27 {
    margin-bottom: 27px;
}

.b_margin28 {
    margin-bottom: 28px;
}

.b_margin29 {
    margin-bottom: 29px;
}

.b_margin30 {
    margin-bottom: 30px;
}

.b_margin31 {
    margin-bottom: 31px;
}

.b_margin32 {
    margin-bottom: 32px;
}

.b_margin33 {
    margin-bottom: 33px;
}

.b_margin34 {
    margin-bottom: 34px;
}

.b_margin35 {
    margin-bottom: 35px;
}

.b_margin36 {
    margin-bottom: 36px;
}

.b_margin37 {
    margin-bottom: 37px;
}

.b_margin38 {
    margin-bottom: 38px;
}

.b_margin39 {
    margin-bottom: 39px;
}

.b_margin40 {
    margin-bottom: 40px;
}

.b_margin41 {
    margin-bottom: 41px;
}

.b_margin42 {
    margin-bottom: 42px;
}

.b_margin43 {
    margin-bottom: 43px;
}

.b_margin44 {
    margin-bottom: 44px;
}

.b_margin45 {
    margin-bottom: 45px;
}

.b_margin46 {
    margin-bottom: 46px;
}

.b_margin47 {
    margin-bottom: 47px;
}

.b_margin48 {
    margin-bottom: 48px;
}

.b_margin49 {
    margin-bottom: 49px;
}

.b_margin50 {
    margin-bottom: 50px;
}

/* PADDING-TOP관련 */
.box-rpad {
    padding-right: 15px
}

@media screen and (max-width: 767px) {
    .box-rpad {
        padding-right:0px
    }
}

.t_padding0 {
    padding-top: 0px;
}

.t_padding1 {
    padding-top: 1px;
}

.t_padding2 {
    padding-top: 2px;
}

.t_padding3 {
    padding-top: 3px;
}

.t_padding4 {
    padding-top: 4px;
}

.t_padding5 {
    padding-top: 5px;
}

.t_padding6 {
    padding-top: 6px;
}

.t_padding7 {
    padding-top: 7px;
}

.t_padding8 {
    padding-top: 8px;
}

.t_padding9 {
    padding-top: 9px;
}

.t_padding10 {
    padding-top: 10px;
}

.t_padding11 {
    padding-top: 11px;
}

.t_padding12 {
    padding-top: 12px;
}

.t_padding13 {
    padding-top: 13px;
}

.t_padding14 {
    padding-top: 14px;
}

.t_padding15 {
    padding-top: 15px;
}

.t_padding16 {
    padding-top: 16px;
}

.t_padding17 {
    padding-top: 17px;
}

.t_padding18 {
    padding-top: 18px;
}

.t_padding19 {
    padding-top: 19px;
}

.t_padding20 {
    padding-top: 20px;
}

.t_padding21 {
    padding-top: 21px;
}

.t_padding22 {
    padding-top: 22px;
}

.t_padding23 {
    padding-top: 23px;
}

.t_padding24 {
    padding-top: 24px;
}

.t_padding25 {
    padding-top: 25px;
}

.t_padding26 {
    padding-top: 26px;
}

.t_padding27 {
    padding-top: 27px;
}

.t_padding28 {
    padding-top: 28px;
}

.t_padding29 {
    padding-top: 29px;
}

.t_padding30 {
    padding-top: 30px;
}

.t_padding31 {
    padding-top: 31px;
}

.t_padding32 {
    padding-top: 32px;
}

.t_padding33 {
    padding-top: 33px;
}

.t_padding34 {
    padding-top: 34px;
}

.t_padding35 {
    padding-top: 35px;
}

.t_padding36 {
    padding-top: 36px;
}

.t_padding37 {
    padding-top: 37px;
}

.t_padding38 {
    padding-top: 38px;
}

.t_padding39 {
    padding-top: 39px;
}

.t_padding40 {
    padding-top: 40px;
}

.t_padding41 {
    padding-top: 41px;
}

.t_padding42 {
    padding-top: 42px;
}

.t_padding43 {
    padding-top: 43px;
}

.t_padding44 {
    padding-top: 44px;
}

.t_padding45 {
    padding-top: 45px;
}

.t_padding46 {
    padding-top: 46px;
}

.t_padding47 {
    padding-top: 47px;
}

.t_padding48 {
    padding-top: 48px;
}

.t_padding49 {
    padding-top: 49px;
}

.t_padding50 {
    padding-top: 50px;
}

/* PADDING-LEFT관련 */
.l_padding0 {
    padding-left: 0px;
}

.l_padding1 {
    padding-left: 1px;
}

.l_padding2 {
    padding-left: 2px;
}

.l_padding3 {
    padding-left: 3px;
}

.l_padding4 {
    padding-left: 4px;
}

.l_padding5 {
    padding-left: 5px;
}

.l_padding6 {
    padding-left: 6px;
}

.l_padding7 {
    padding-left: 7px;
}

.l_padding8 {
    padding-left: 8px;
}

.l_padding9 {
    padding-left: 9px;
}

.l_padding10 {
    padding-left: 10px;
}

.l_padding11 {
    padding-left: 11px;
}

.l_padding12 {
    padding-left: 12px;
}

.l_padding13 {
    padding-left: 13px;
}

.l_padding14 {
    padding-left: 14px;
}

.l_padding15 {
    padding-left: 15px;
}

@media (max-width: 991px) {
    .l_padding15 {
        padding-left:0px;
    }
}

.l_padding16 {
    padding-left: 16px;
}

.l_padding17 {
    padding-left: 17px;
}

.l_padding18 {
    padding-left: 18px;
}

.l_padding19 {
    padding-left: 19px;
}

.l_padding20 {
    padding-left: 20px;
}

@media (max-width: 991px) {
    .l_padding20 {
        padding-left:0x;
    }
}

.l_padding21 {
    padding-left: 21px;
}

.l_padding22 {
    padding-left: 22px;
}

.l_padding23 {
    padding-left: 23px;
}

.l_padding24 {
    padding-left: 24px;
}

.l_padding25 {
    padding-left: 25px;
}

.l_padding26 {
    padding-left: 26px;
}

.l_padding27 {
    padding-left: 27px;
}

.l_padding28 {
    padding-left: 28px;
}

.l_padding29 {
    padding-left: 29px;
}

.l_padding30 {
    padding-left: 30px;
}

.l_padding31 {
    padding-left: 31px;
}

.l_padding32 {
    padding-left: 32px;
}

.l_padding33 {
    padding-left: 33px;
}

.l_padding34 {
    padding-left: 34px;
}

.l_padding35 {
    padding-left: 35px;
}

.l_padding36 {
    padding-left: 36px;
}

.l_padding37 {
    padding-left: 37px;
}

.l_padding38 {
    padding-left: 38px;
}

.l_padding39 {
    padding-left: 39px;
}

.l_padding40 {
    padding-left: 40px;
}

@media (max-width: 991px) {
    .l_padding40 {
        padding-left:0px;
    }
}

.l_padding41 {
    padding-left: 41px;
}

.l_padding42 {
    padding-left: 42px;
}

.l_padding43 {
    padding-left: 43px;
}

.l_padding44 {
    padding-left: 44px;
}

.l_padding45 {
    padding-left: 45px;
}

.l_padding46 {
    padding-left: 46px;
}

.l_padding47 {
    padding-left: 47px;
}

.l_padding48 {
    padding-left: 48px;
}

.l_padding49 {
    padding-left: 49px;
}

.l_padding50 {
    padding-left: 50px;
}

.l_padding80 {
    padding-left: 80px;
}

/* PADDING-RIGHT관련 */
.r_padding0 {
    padding-right: 0px;
}

.r_padding1 {
    padding-right: 1px;
}

.r_padding2 {
    padding-right: 2px;
}

.r_padding3 {
    padding-right: 3px;
}

.r_padding4 {
    padding-right: 4px;
}

.r_padding5 {
    padding-right: 5px;
}

.r_padding6 {
    padding-right: 6px;
}

.r_padding7 {
    padding-right: 7px;
}

.r_padding8 {
    padding-right: 8px;
}

.r_padding9 {
    padding-right: 9px;
}

.r_padding10 {
    padding-right: 10px;
}

@media screen and (max-width: 767px) {
    .r_padding10 {
        padding-right:0px;
    }
}

.r_padding11 {
    padding-right: 11px;
}

.r_padding12 {
    padding-right: 12px;
}

.r_padding13 {
    padding-right: 13px;
}

.r_padding14 {
    padding-right: 14px;
}

.r_padding15 {
    padding-right: 15px;
}

@media (max-width: 991px) {
    .r_padding15 {
        padding-right:0px;
    }
}

.r_padding16 {
    padding-right: 16px;
}

.r_padding17 {
    padding-right: 17px;
}

.r_padding18 {
    padding-right: 18px;
}

.r_padding19 {
    padding-right: 19px;
}

.r_padding20 {
    padding-right: 20px;
}

@media (max-width: 991px) {
    .r_padding20 {
        padding-right:0px;
    }
}

.r_padding21 {
    padding-right: 21px;
}

.r_padding22 {
    padding-right: 22px;
}

.r_padding23 {
    padding-right: 23px;
}

.r_padding24 {
    padding-right: 24px;
}

.r_padding25 {
    padding-right: 25px;
}

.r_padding26 {
    padding-right: 26px;
}

.r_padding27 {
    padding-right: 27px;
}

.r_padding28 {
    padding-right: 28px;
}

.r_padding29 {
    padding-right: 29px;
}

.r_padding30 {
    padding-right: 30px;
}

.r_padding31 {
    padding-right: 31px;
}

.r_padding32 {
    padding-right: 32px;
}

.r_padding33 {
    padding-right: 33px;
}

.r_padding34 {
    padding-right: 34px;
}

.r_padding35 {
    padding-right: 35px;
}

.r_padding36 {
    padding-right: 36px;
}

.r_padding37 {
    padding-right: 37px;
}

.r_padding38 {
    padding-right: 38px;
}

.r_padding39 {
    padding-right: 39px;
}

.r_padding40 {
    padding-right: 40px;
}

.r_padding41 {
    padding-right: 41px;
}

.r_padding42 {
    padding-right: 42px;
}

.r_padding43 {
    padding-right: 43px;
}

.r_padding44 {
    padding-right: 44px;
}

.r_padding45 {
    padding-right: 45px;
}

.r_padding46 {
    padding-right: 46px;
}

.r_padding47 {
    padding-right: 47px;
}

.r_padding48 {
    padding-right: 48px;
}

.r_padding49 {
    padding-right: 49px;
}

.r_padding50 {
    padding-right: 50px;
}

.r_padding60 {
    padding-right: 60px;
}

/* PADDING-BOTTOM관련 */
.b_padding0 {
    padding-bottom: 0px;
}

.b_padding1 {
    padding-bottom: 1px;
}

.b_padding2 {
    padding-bottom: 2px;
}

.b_padding3 {
    padding-bottom: 3px;
}

.b_padding4 {
    padding-bottom: 4px;
}

.b_padding5 {
    padding-bottom: 5px;
}

.b_padding6 {
    padding-bottom: 6px;
}

.b_padding7 {
    padding-bottom: 7px;
}

.b_padding8 {
    padding-bottom: 8px;
}

.b_padding9 {
    padding-bottom: 9px;
}

.b_padding10 {
    padding-bottom: 10px;
}

.b_padding11 {
    padding-bottom: 11px;
}

.b_padding12 {
    padding-bottom: 12px;
}

.b_padding13 {
    padding-bottom: 13px;
}

.b_padding14 {
    padding-bottom: 14px;
}

.b_padding15 {
    padding-bottom: 15px;
}

.b_padding16 {
    padding-bottom: 16px;
}

.b_padding17 {
    padding-bottom: 17px;
}

.b_padding18 {
    padding-bottom: 18px;
}

.b_padding19 {
    padding-bottom: 19px;
}

.b_padding20 {
    padding-bottom: 20px;
}

.b_padding21 {
    padding-bottom: 21px;
}

.b_padding22 {
    padding-bottom: 22px;
}

.b_padding23 {
    padding-bottom: 23px;
}

.b_padding24 {
    padding-bottom: 24px;
}

.b_padding25 {
    padding-bottom: 25px;
}

.b_padding26 {
    padding-bottom: 26px;
}

.b_padding27 {
    padding-bottom: 27px;
}

.b_padding28 {
    padding-bottom: 28px;
}

.b_padding29 {
    padding-bottom: 29px;
}

.b_padding30 {
    padding-bottom: 30px;
}

.b_padding31 {
    padding-bottom: 31px;
}

.b_padding32 {
    padding-bottom: 32px;
}

.b_padding33 {
    padding-bottom: 33px;
}

.b_padding34 {
    padding-bottom: 34px;
}

.b_padding35 {
    padding-bottom: 35px;
}

.b_padding36 {
    padding-bottom: 36px;
}

.b_padding37 {
    padding-bottom: 37px;
}

.b_padding38 {
    padding-bottom: 38px;
}

.b_padding39 {
    padding-bottom: 39px;
}

.b_padding40 {
    padding-bottom: 40px;
}

.b_padding41 {
    padding-bottom: 41px;
}

.b_padding42 {
    padding-bottom: 42px;
}

.b_padding43 {
    padding-bottom: 43px;
}

.b_padding44 {
    padding-bottom: 44px;
}

.b_padding45 {
    padding-bottom: 45px;
}

.b_padding46 {
    padding-bottom: 46px;
}

.b_padding47 {
    padding-bottom: 47px;
}

.b_padding48 {
    padding-bottom: 48px;
}

.b_padding49 {
    padding-bottom: 49px;
}

.b_padding50 {
    padding-bottom: 50px;
}



/*내용공통*/
#ctt{font-size: 1.25em; line-height: 1.8em;}
#ctt h2 {font-size:2.5em;line-height:1em;text-align:center;color: #917151;margin-bottom:80px; line-height: 1.3em;}
#ctt h2 span{font-family: 'suit';font-size: 17px;color:#222;display: inline-block;margin-bottom: 10px; line-height: 1em;}
#ctt h2 strong{/*font-family: 'GowunBatang';font-size: 20px;*/color: #604D17;}

#ctt h3:before{content: "";display: block;width: 30px;height: 2px;background-color: #917151;margin-bottom: 15px;}
#ctt h3{font-size: 1.6em;margin: 10px auto 30px auto;color: #917151;font-weight: 600;}

#ctt dl.circle {counter-reset: section;}
#ctt .circle dt {counter-increment: section; display: flex; align-items: center; margin-bottom: 10px; font-size: 1.1em;}
#ctt .circle dt::before {content: "0" counter(section); display: flex; align-items: center; justify-content: center; font-size: 1.4em; width: 40px; aspect-ratio:1/1;  border-radius: 50%; background-color: #0068BB; color: #fff;  text-align: center; margin-right: 6px; font-weight: 500;}
#ctt dd{margin-bottom: 20px;}
#ctt .grid{display: grid; gap: 20px;}
#ctt .grid2{grid-template-columns: repeat(2, 1fr);}
#ctt .grid3{grid-template-columns: repeat(3, 1fr);}
#ctt .grid4{grid-template-columns: repeat(4, 1fr);}
#ctt .grid5{grid-template-columns: repeat(5, 1fr);}
#ctt .grid6{grid-template-columns: repeat(6, 1fr);}

#ctt .img_area{margin: 20px auto; height: 400px;}
#ctt .img_area img{width: 100%; height: 100%; object-fit: cover;}

#ctt .grid{margin-bottom: 40px;}
#ctt .grid li{background-color: #F3F3F3; padding: 2.5em 1.5em; line-height: 1.6em; font-size: 0.9em; word-break: break-all; border-radius: 10px;}
#ctt .grid p{font-size: 1.15em; font-weight: 600; margin-bottom: 20px; color:#0068BB ;}

@media (max-width: 1000px) {
    #ctt{font-size: 1.05em;}
    #ctt h2 {font-size: 1.6em;margin-bottom:50px;line-height: 1em;padding: 0 10px;text-align: left;}
    #ctt h2 span{ font-size:18px; line-height: 1.2em;}
    #ctt h2 strong{font-size:22px;line-height: 1em;/* font-weight: normal; */margin-top: 10px;display: block;}

    #ctt .grid{grid-template-columns: repeat(1, 1fr);}
}

/*인사말*/
.greet{ background:url(../img/sub/greet_img.jpg) no-repeat left 200px/500px auto; padding-bottom:200px;}
.greet p{ font-size:1em; line-height:1.8em; color:#333; padding-left:250px; background:#fff; padding:50px 50px; margin:120px 0 0 400px;word-break: keep-all; word-wrap:break-word;}
.greet p strong{ font-size:1.3em; display:inline-block; margin-bottom:20px;}
@media (max-width: 1000px) {
    .greet{ background-position:center 175px; background-size:400px auto; padding-bottom:0;}
    .greet p{ font-size:1.1em; padding:30px 30px; width:90%; margin:250px auto 0 auto;}
}


/* table */
.area_intro table.table {
    margin: 20px 0 0;
}

.area_intro table.table caption {
    display: none;
}

.area_intro .table > thead > tr > th,
.area_intro .table > tbody > tr > td {
    padding: 25px 25px;
    vertical-align: middle;
    font-size: 17px;
}
.area_intro .table > thead > tr > th{
    font-weight: 600;
    color: #333;
    background: #fff;
    text-align: center;
    border-top: 2px solid #eee!important;
    border-bottom: 2px solid #eee!important;
}
.area_intro .table > tbody > tr > td:first-child {
    background: #fbfbfb;
    font-weight: 600;
    color: #222;
    text-align: center;
}

.area_intro .table > tbody > tr > td:last-child {
    font-weight: 400;
    color: #333;
    background: #fff;
}

.area_intro .table > tbody > tr > td p {
    line-height: 2em;
    font-weight: 500;
}

.area_intro .table > tbody > tr > td p:first-child {
    margin: 0 0 10px;
}

.area_intro .table > tbody > tr > td p span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
}

.area_intro .table > tbody > tr > td,
.area_intro .table > tbody > tr > th,
.area_intro .table > tfoot > tr > td,
.area_intro .table > tfoot > tr > th,
.area_intro .table > thead > tr > td,
.area_intro .table > thead > tr > th {
    border-top: 1px solid #eee;
    /*    border-right: 1px solid #eee;*/
}

/*
.area_intro .table > thead > tr > th:last-of-type,
.area_intro .table > tbody > tr > td:last-child{
    border-right: none;
}
*/
.area_intro .table > tbody > tr > td:last-child{
    border-left: 1px solid #eee;
}
.area_intro .table > tbody > tr > td:first-child{
    border-left: none;
}
.area_intro .table > tbody > tr:last-child {
    border-bottom: 1px solid #eee;
}



/*공통*/
.flex{display: flex; gap: 4px;}
.flex.ai-c{align-items: center;}
.flex.jc-r{justify-content: right;}
.flex.jc-c{justify-content: center;}
.flex.jc-s{justify-content: space-between;}
.grid{display: grid; gap: 4px;}
.grid2{grid-template-columns: repeat(2, 1fr)}
.grid3{grid-template-columns: repeat(3, 1fr)}
.grid4{grid-template-columns: repeat(4, 1fr)}
.grid6{grid-template-columns: repeat(6, 1fr)}
.wrap_bg{ padding:160px 2em; position: relative;
    background: url(../img/sub/s_top03.jpg) fixed center/cover;}
.wrap_bg:before{content: ""; display: block; background:#FFDDDE56; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}
.wmc{width: max-content;}
.w50{width: 50px;}
.w100{width: 100px;}
.w200{width: 200px;}
.hidden {
    display: none;
}
.btn.btn_black{background: #1a1a1a!important; color: #fff;}
.form .agree {background: #fff; position: relative;}
.form .agree label{margin-bottom: 0;}
.form .agree span{font-weight: normal; font-size: 0.9em;}
.form .agree .btn{color: #333333;}
.form .agree .detail {position: absolute; bottom: 100px; left: 0; background: #fff; border: 1px solid #333;  width: 100%; z-index: 1;}
.form .agree .detail .title{background: #333; font-size: 1.1em; padding: 0.5em 1em; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;}
.form .agree .detail .title a{opacity: 0.8; font-size: 0.85em; color: #fff; margin-left: 10px;}
.form .agree .detail .conts{white-space: pre-wrap; padding: 2em; max-height: 200px; overflow: auto; font-size: 13px;}

.wrap_bg #smartwizard.sw{position:inherit; padding-bottom: 100px;}
.wrap_bg .tab-content>.tab-pane{visibility: inherit;}
.wrap_bg .sw>.nav{display: none;}
.wrap_bg .sw>.progress>.progress-bar{background: #FF8585;}
.wrap_bg .sw>.tab-content>.tab-pane,
.wrap_bg .sw .toolbar{padding:0;}
.wrap_bg .sw .toolbar{position:absolute; left:0; right: 0; bottom: 0; height: 55px; overflow: hidden; margin: 0 50px 55px 50px;}
.wrap_bg .sw .toolbar>.sw-btn{border-radius: 0;}
.wrap_bg .sw .toolbar>.btn.sw-btn-prev{position: fixed; top: 55px; left: 50px; background: none; border: 0; padding: 0; color:#E1E1E1; display: none;}
.wrap_bg .sw .toolbar>.btn.sw-btn-prev:after{font-family: "Font Awesome 6 Pro"; color: #E1E1E1; content: "\f060"; font-weight:400; font-size: 2em;}
.wrap_bg .sw .toolbar>.btn.sw-btn-next,
.wrap_bg .sw .toolbar>.btn.btn-success{left: 0; bottom: 0; width:100%;line-height: 55px; height: 55px; padding: 0; font-size: 1.3em;
    font-weight: 600; background: #FFE57B; color: #232323; border: 0; margin: 0;}
.wrap_bg .sw .toolbar>.btn.btn-success{background: #FF8585; color: #fff;}
.wrap_bg .sw .toolbar>.btn.disabled{display: none;}

/* 이상형찾기 */
.box_white{background:#fff;}
.sw>.tab-content>.tab-pane{visibility: visible;}
.ideal_wrap {position: relative; z-index: 2;}
.ideal_wrap .titleArea{text-align: center; margin-bottom: 40px;}
.ideal_wrap .titleArea:after{content: ""; display: block; width: 4em; height: 1px; background: #ddd; margin: 20px auto;}
.ideal_wrap .titleArea img{height: 30px;}
.ideal_wrap .titleArea h1{font-size: 3em; margin: 10px auto 15px; font-weight: 600;}
.ideal_wrap .titleArea span{font-size: 1.2em; opacity: 0.5;}
.ideal_wrap{width: 600px; margin: 0 auto; position: relative;}
.ideal_wrap > div{padding: 55px 50px;}
.ideal_wrap .sw-theme-basic{border: 0;}
.ideal_wrap .form_wrap{margin-bottom: 30px;}
.ideal_wrap .form_wrap .flex{margin-bottom: 4px;}
.ideal_wrap .form_wrap .required:after{content: "*"; font-weight: 600; color:#FF8585;}
.ideal_wrap .form_wrap > label,
.ideal_wrap .form_wrap > dl dt{display: inline-block; margin-bottom: 4px;}
.ideal_wrap .form_wrap > dl{margin-bottom: 10px;}
.ideal_wrap .form_wrap .flex button{min-width:140px; padding-left: 10px; padding-right: 10px; text-align: center; height:40px;
    margin: 0 0 8px 0px;}
.ideal_wrap .form_wrap input{}
.ideal_wrap .form_wrap .select input[type=radio]+label{margin-bottom: 4px; width:100%;}
.ideal_wrap .form_wrap select{width: 100%;}

.ideal_wrap h2{font-size: 1.2em; margin-bottom: 20px; line-height: 1.6em; color: #ffffff; background: #C03635; text-align: center; font-weight: 500; border-radius: 4px;}
.ideal_wrap h3{font-size: 1.2em; margin-bottom: 10px; line-height: 1.6em; color: #C03635;}
.ideal_wrap h3 span{font-size: 0.9em; color: #33333385}
.ideal_wrap h3 p{color: #535353; font-size: 1.2em;}
.ideal_wrap #step-1 .form_wrap .select input[type=radio]+label{padding: 20px 0; height: auto; line-height: 1.4em;}
.ideal_wrap #step-1 .form_wrap .select input[type=radio]+label i{display: block; font-size: 2em; line-height: 1.4em;}
.ideal_wrap #step-4 .select input[type=checkbox]+label{width: 100%;}
.ideal_wrap #step-4 textarea{width:100%; height: 120px; overflow: auto; resize: none;}

.ideal_wrap .form_wrap.ideal_wrap .form_wrap .credit{background: #E8E8E8; padding: 15px;}
.ideal_wrap .form_wrap .price{font-size: 1.2em;}
.ideal_wrap .form_wrap .price strong{font-size: 1.3em;}

.ideal_wrap .step-total{margin-bottom: 10px; margin-top: 40px;}

.ideal_wrap #step-3 .grid > input[type=radio]+label:last-child{grid-column: 2 span;}

.ideal_wrap .profile{font-size: 1.1em;}
.ideal_wrap .profile input::placeholder{font-size: 0.9em; font-weight: 400;}
.ideal_wrap .profile input{ font-size: 1.2em; font-weight: 600; color: #333}
.ideal_wrap .profile input,
.ideal_wrap .profile select{height: 50px; line-height: 50px!important; margin-bottom: 10px; border-radius: 0;}
.ideal_wrap .profile .grid4{margin-bottom: 14px;}
.ideal_wrap .profile .select input[type=radio]+label{padding: 0 20px; height: 50px; line-height: 50px;}

/*계약서 작성*/
.contract_wrap {position: relative; z-index: 2; background: #353B7312; margin: 0 auto; position: relative;}
.contract_wrap .titleArea{text-align: center;}
.contract_wrap .titleArea:after{content: ""; display: block; width: 4em; height: 1px; background: #ddd; margin: 20px auto;}
.contract_wrap .titleArea img{height: 30px;}
.contract_wrap .titleArea h1{font-size: 3em; margin: 10px auto 15px;  letter-spacing: -1px; font-weight: 600;}
.contract_wrap .titleArea span{font-size: 1.2em; opacity: 0.5;}
.contract_wrap > div{padding: 55px 50px;}
.contract_wrap .form{padding: 0 4em 4em;}
.contract_wrap .form span{min-width: max-content;display: block;word-break: keep-all;}
.contract_wrap .form .grid2{gap: 4px 20px;}
.contract_wrap .form .date .flex{justify-content: center;}
.contract_wrap .form .date input[type=date]{width: max-content;}
.contract_wrap .form_wrap{margin-bottom: 20px; background: #00000005; background-color: #fff; padding: 3em;}
.contract_wrap .form_wrap h3{font-size: 1.2em; margin-bottom: 10px; font-weight: 600;}
.contract_wrap .form_wrap .grid2{grid-template-columns: max-content 1fr; align-items: center;}
.contract_wrap .form_wrap .grid4{grid-template-columns: max-content 1fr max-content 1fr; align-items: center;}
.contract_wrap .form_wrap dt{font-weight: 500;}
.contract_wrap .form_wrap dd{}
.contract_wrap .form_wrap dd input{margin-bottom: 0!important;}
.contract_wrap .form_wrap dd span{line-height: 1em;}

.contract_wrap .form_wrap .a_sign{display: flex;align-items: center;padding-right: 50px;aspect-ratio: 2/1.4;background: url("../img/sign.png") no-repeat right 0/auto 100%;}

.contract_wrap .box_white{padding: 3em;}
.contract_wrap .box_white .table .price{background: #eeeeee50; padding: 1em; border-radius: 1em; margin-bottom: 1em; font-weight: 600; justify-content: center;}
.contract_wrap .box_white .table .price input{margin: 0 4px;}
.contract_wrap .box_white .table td input{margin: 0;}
.contract_wrap .box_white .box{background: #eeeeee86; padding: 0.5em; 1em; border-radius: 4px; margin: 6px 0;}
.contract_wrap .box_white .box a.kakak_ch{font-weight: 600; display: inline-block; background: #F2DA00; color:#231F20 ; border-radius: 4px; padding: 0 0.5em;}
.contract_wrap .box_white .box a.kakak_ch i img{height: 20px;}
.contract_wrap .box_white .box .btn{display: inline-block;}
.contract_wrap .box_white .box > span{min-width: auto; display: inline; font-size: 0.9em;}

.contract_wrap .sign{width: max-content; margin: 20px auto; text-align: center;}
.contract_wrap .sign p{font-size: 1.1em; margin: 0 0 10px; font-weight: 600;}
.contract_wrap .sign  input{margin-bottom: 4px!important;}
.contract_wrap canvas {
    border: 1px solid #ccc;
    cursor: crosshair;
    background: #fff;
    margin-bottom: 10px;
}
.contract_wrap .btn_submit{padding:10px 20px;border:1px solid #333;background:#666;color:#fff;letter-spacing:-0.1em;cursor:pointer;
    background-color: #000000; height: auto;}

/*계약서 재작업*/
.contract_wrap .ver2 dl{margin-bottom: 40px;}
.contract_wrap .ver2 dl.flex{align-items: center; justify-content: space-between; border-bottom: 1px dotted #eee;}
.contract_wrap .ver2 dl.flex dd{border: 0;}
.contract_wrap .ver2 dt{font-size: 1.3em;padding-bottom: 15px;}
.contract_wrap .ver2 dt span{display: inline-block;font-size: 14px;margin-left: 10px;padding: 0 4px;}
.contract_wrap .ver2 dt p{font-size: 12px;}
.contract_wrap .ver2 dd:first-of-type{border-top:1px dotted #eee;}
.contract_wrap .ver2 dd{border-bottom:1px dotted #eee;  padding: 4px 0; display: flex; align-items: center; justify-content: space-between; }
.contract_wrap .ver2 dd input[type=text]{max-width: 200px; width: 200px; margin: 0;}
.contract_wrap .ver2 dd p:last-of-type{display: flex; align-items: center; gap: 10px;}
.contract_wrap .ver2 .prepaid p:last-child{display: grid; grid-template-columns: max-content 1fr max-content; }
.contract_wrap .ver2 .prepaid p:last-child input[type=text]{text-align: right;}

.contract_wrap .ver2 .matching p:last-child {display: flex; align-items: center;}
.contract_wrap .ver2 .matching p:last-child input[type=text]{width: 50px;}

.contract_wrap .ver2 .agent dd {justify-content: left;}
.contract_wrap .ver2 .agent dd p{display: flex; align-items: center; width: max-content; word-break: keep-all; gap: 10px; margin-right: 15px;}
.contract_wrap .ver2 .agent dd.flex{display: flex; justify-content: space-between;}
.contract_wrap .ver2 .agent dd div.grid{display: grid; grid-template-columns: max-content 1fr; gap: 4px;}
.contract_wrap .ver2 .agent dd > div:last-of-type{grid-template-columns: max-content 1fr max-content 1fr;}
.contract_wrap .ver2 .agent dd > div:first-of-type p:nth-child(4) span{display: flex; align-items: center; margin-top: 4px;}

.contract_wrap .ver2 [type="radio"] {    margin: 0 3px 0 0!important;  position: relative;display: inline-block;  vertical-align: middle; background: #E8E8E8;    appearance: none;    width: 1.5em;    height: 1.5em; border-radius: 4px!important;}
.contract_wrap .ver2 [type="radio"]::after {font-family: "Font Awesome 6 Pro"; content: "\f00c"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color:#707070;}
.contract_wrap .ver2 [type="radio"]:checked {border-color: #C03635;background: #C03635;}
.contract_wrap .ver2 [type="radio"]:checked + label{color: #333333;}
.contract_wrap .ver2 [type="radio"]:checked::after {  border-color: #fff; color: #fff;}
.contract_wrap .ver2 [type="radio"]:focus-visible {    outline-offset: max(2px, 0.1em);    outline: max(2px, 0.1em) dotted #FF8585;}
.contract_wrap .ver2 [type="radio"]:hover {    box-shadow: 0 0 0 max(4px, 0.2em) #e8e8e8;    cursor: pointer;}
.contract_wrap .ver2 [type="radio"]:disabled {    background-color: lightgray;    box-shadow: none;    opacity: 0.7;    cursor: not-allowed;}
.contract_wrap .ver2 [type="radio"]:disabled + span {    opacity: 0.7;    cursor: not-allowed;}

.contract .modal{ z-index:2000;}
.contract .modal .modal-body{white-space: pre-wrap; max-height: calc(100vh - 200px); overflow-y: auto;}

.btn_wrap{display: flex; align-items: center; gap: 10px;}
.btn_wrap > input{width: 100%; margin-bottom: 0;}
.btn_wrap > input:last-child{background-color: #ff3061!important; border-color:#BF2449!important; }

/*간편상담*/
.qna{background: #353B7312; padding: 4em;}
.qna_wrap {position: relative; z-index: 2; margin: 20px auto}
.qna_wrap .titleArea{text-align: center; margin-bottom: 40px;}
.qna_wrap .titleArea:after{content: ""; display: block; width: 4em; height: 1px; background: #ddd; margin: 20px auto;}
.qna_wrap .titleArea h2{font-size: 1.5em; margin: 10px auto 15px; line-height: 1.4em;}
.qna_wrap .form_wrap{margin-bottom: 40px;}
.qna_wrap .form_wrap h3{font-weight: 600; font-size: 1.2em; margin-bottom: 10px;}

.qna_wrap .form_wrap .select input[type=checkbox]+label{height: 60px; line-height: 60px; font-size: 1.2em;}
.qna_wrap .form_wrap .select input[type=checkbox]+label:before{content: "\f14a"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 6px; opacity: 0.5;}
.qna_wrap .form_wrap .select input[type=checkbox]:checked+label:before{font-weight: 900;}

#bo_v .qna_wrap{border: 1px solid #eee; padding: 3em 6em;}

/*가입절차안내*/
.join-process ul{
    /*display: grid;*/
    display: block;
    grid-template-columns: repeat(2, auto); /* 첫 번째 행: 2개의 열 */
    grid-template-rows: repeat(3, auto); /* 세 번째 행: 3개의 열 */ gap: 20px;}
.join-process ul li{
    padding: 3em;  border: 1px solid #cf667756;
    background: #fff; border-radius:8px;
    margin:0 0 20px
}

.join-process .title_type1 span {
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    color: #cf6677;
    margin-right: 10px;
}
.join-process .steps {
}

.join-process .steps:nth-child(odd) {
    background: #cf667712; border: 0;

}

.join-process li.steps:nth-child(3),
.join-process li.steps:nth-child(4) {
    grid-row: 2; /* 두 번째 행에 속하는 아이템의 위치 조정 */
}

.join-process li.steps:nth-child(n + 5) {
    grid-column: 3 span; /* 세 번째 행에 속하는 아이템의 너비 조정 */
}

.join-process li.steps:nth-child(3),
.join-process li.steps:nth-child(4){background: #eeeeee85; border: 0;}
.join-process li.steps:last-of-type{background: #cf6677; color: #fff;}
.join-process li.steps:last-of-type .title_type1,
.join-process li.steps:last-of-type .title_type1 span{color: #fff; border-color: #ffffff35;}

.join-process .steps+.steps {
}

.join-process .steps+.steps:not(.step7) {
    position: relative
}
.join-process .title_type1 {
    margin-bottom: 2rem;
    font-size: 3rem;
    color: #343d4c;
    border-bottom: 1px solid #cf667735; padding-bottom: 15px;
}

.join-process .view__more {
    margin-top: 3.4rem
}

.join-process .view__more a {
    width: auto;
    height: 5rem;
    padding: 1.2rem 3.8rem;
    font-size: 1.6rem;
    border-radius: 4px;
}

.join-process .view__more a+a {
    margin-left: 1rem
}

.join-process .view__more .btn-row--application_btn {
    color: #fff;
    background:#cf6677 ;
}

.join-process .view__more .btn-row--primary_btn {
    color: #cf6677;
    background-color: #fff
}

.join-process .view__more .btn-kakao {
    color: #3b1a23;
    background:#f9df02 ;
}

.join-process .step4 figure figcaption {
    margin-top: 3.6rem;
    color: #cf6677;
    font-weight: 600
}

.join-process .step4 figure figcaption span+span {
    margin-left: 1.6rem
}


.join-process .diagram{display: grid; grid-template-columns: 1fr 50px 1fr; align-items: center;}

.join-process .diagram > div{background: #4E262C; color: #fff; text-align: center; padding: 1em; border-radius: 1em;}

.join-process .diagram > div.arrow{ background: transparent; text-align: center;  text-align: center; padding: 0;}
.join-process .diagram > div.arrow i{width: 26px; height: 26px; line-height: 26px; border-radius: 50%; background: #333;}




/* 가입비알아보기 */
.cost_wrap {position: relative; z-index: 2;}
.cost_wrap .titleArea{text-align: center; margin-bottom: 40px;}
.cost_wrap .titleArea:after{content: ""; display: block; width: 4em; height: 1px; background: #ddd; margin: 20px auto;}
.cost_wrap .titleArea img{height: 30px;}
.cost_wrap .titleArea h1{font-size: 3em; margin: 10px auto 15px; font-weight: 600;}
.cost_wrap .titleArea span{font-size: 1.2em; opacity: 0.5;}
.cost_wrap{width: 600px; margin: 0 auto; position: relative;}
.cost_wrap > div{padding: 55px 50px;}
.cost_wrap .sw-theme-basic{border: 0;}
.cost_wrap .form_wrap{margin-bottom: 30px;}
.cost_wrap .form_wrap .flex{margin-bottom: 4px;}
.cost_wrap .form_wrap .required:after{content: "*"; font-weight: 600; color:#FF8585;}
.cost_wrap .form_wrap > label,
.cost_wrap .form_wrap > dl dt{display: inline-block; margin-bottom: 4px;}
.cost_wrap .form_wrap > dl{margin-bottom: 10px;}
.cost_wrap .form_wrap .flex button{min-width:140px; padding-left: 10px; padding-right: 10px; text-align: center; height:40px;
    margin: 0 0 8px 0px;}
.cost_wrap .form_wrap input{}
.cost_wrap .form_wrap .select input[type=radio]+label{margin-bottom: 4px; width:100%; font-size: 1.2em; height: 60px; line-height: 60px;}
.cost_wrap .form_wrap select{width: 100%; height: 50px; line-height: 50px; font-size: 1.2em;}

.cost_wrap h2{font-size: 1.2em; margin-bottom: 20px; line-height: 1.6em; text-align: center; font-weight: 600; border-radius: 4px;}
.cost_wrap h3{font-size: 1.2em; margin-bottom: 10px; line-height: 1.6em; color: #C03635;}
.cost_wrap h3 span{font-size: 0.9em; color: #33333385}
.cost_wrap h3 p{color: #535353; font-size: 1.2em;}

.cost_wrap .form_wrap.cost_wrap .form_wrap .credit{background: #E8E8E8; padding: 15px;}
.cost_wrap .form_wrap .price{font-size: 1.2em;}
.cost_wrap .form_wrap .price strong{font-size: 1.3em;}

.cost_wrap .step-total{margin-bottom: 10px; margin-top: 40px;}

.cost_wrap #step-3 .grid > input[type=radio]+label:last-child{grid-column: 2 span;}

.cost_wrap .profile{font-size: 1.1em;}
.cost_wrap .profile input::placeholder{font-size: 0.9em; font-weight: 400;}
.cost_wrap .profile input{ font-size: 1.2em; font-weight: 600; color: #333}
.cost_wrap .profile input,
.cost_wrap .profile select{height: 50px; line-height: 50px!important; margin-bottom: 10px; border-radius: 0;}
.cost_wrap .profile .grid4{margin-bottom: 14px;}
.cost_wrap .profile .select input[type=radio]+label{padding: 0 20px; height: 50px; line-height: 50px;}



@media screen and (max-width: 768px) {
    .area_intro .flex{display: block;}
    .area_intro .flex .area_img img{width: 100%;}

    .form .agree label{font-size: 0.8em;}
    .form .agree label span{display: none;}

    .wrap_bg{padding-left: 1em; padding-right: 1em; padding-top: 60px; padding-bottom: 60px;}

    .ideal_wrap .titleArea h1{font-size: 2em;}
    .ideal_wrap .titleArea span{font-size: 1em;}
    .ideal_wrap{width: 100%;}
    .ideal_wrap > div{padding-left: 20px; padding-right: 20px;}

    .form_wrap .grid4,
    .form_wrap .grid3{grid-template-columns: repeat(2, 1fr)}
    .form_wrap:last-of-type{margin-bottom: 0;}

    .qna{padding-left: 1em; padding-right: 1em;}
    .qna_wrap .form .s_service.grid4{grid-template-columns: repeat(2, 1fr)}

    .qna_wrap .form_wrap .grid6{grid-template-columns: repeat(2, 1fr)}
    .qna_wrap .form_wrap select{width: 100%; margin-right: 0;}

    #bo_v .qna_wrap{padding: 1em;}
    .qna_wrap .form_wrap .select input[type=checkbox]+label{font-size: 1em;}

    .join-process ul{display: block;}
    .join-process .view__more a{display: block; width: 100%; text-align: center; margin: 4px 0!important;}
    .join-process ul li{margin-bottom: 20px;}

    .contract_wrap .form_wrap:first-of-type > .grid{display: block;}
    .contract_wrap .titleArea h1{font-size: 2em;}
    .contract_wrap .form{padding-left: 0.5em; padding-right: 0.5em;}
    .contract_wrap .form > .grid2{display: block;}
    .contract_wrap .form  .form_wrap .grid4{grid-template-columns: max-content 1fr}
    .contract_wrap .box_white{padding: 1em;}
    .contract_wrap .sign{text-align: left;}
    .contract_wrap .sign > .flex:first-of-type{display: block;}
    .contract_wrap .sign > .flex:first-of-type input{width: max-content; display: inline-block;}

    .cost_wrap .titleArea h1{font-size: 2em;}
    .cost_wrap .titleArea span{font-size: 1em;}
    .cost_wrap{width: 100%;}
    .cost_wrap > div{padding-left: 20px; padding-right: 20px;}

    .contract_wrap .ver2 dt span{display: block;margin-left: 0;padding: 10px 0;min-width: auto;}
    .contract_wrap .ver2 .prepaid p:last-child input[type=text]{width: 150px;}
    .contract_wrap .ver2 .matching p:last-child input[type=text]{width: 50px;}
    .contract_wrap .ver2 .matching dd{display: block;}
    .contract_wrap .ver2 .matching dd input[type=radio] + label{display: inline;}
    .contract_wrap .ver2 .matching dd p:last-of-type{justify-content: right; margin-top: 6px;}

    .contract_wrap .ver2 .agent dd input[type=text]{width: max-content;}
    .contract_wrap .ver2 .agent dd:first-of-type p{display: block; word-break: break-all;}
    .contract_wrap .ver2 .agent dd.flex{display: block;}
    .contract_wrap .ver2 .agent dd.flex > div{margin-bottom: 10px;}
    .contract_wrap .ver2 .agent dd.flex > div:first-of-type{align-items: baseline;}
    .contract_wrap .ver2 .agent dd.flex > div:first-of-type p:nth-child(4){display: block;}
    .contract_wrap .ver2 .agent dd.flex > div:last-of-type{grid-template-columns: max-content 1fr;}



}


/*왜 마리엔인가*/
.company{display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px;
    counter-reset: point;}
.company dt{border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 20px; position: relative;}
.company dt::before {
    counter-increment: point;
    content: "0" counter(point);
    display: inline-block;
    text-align: left;
    position: absolute;
    left: -65px;
    top: -100px;
    opacity: 0.05;
    font-size: 8em;
    width: max-content;
    word-break: keep-all;
    letter-spacing: -2px;
}

.company dt .point{display: block; color: #BF6464}
.company dt strong{font-size: 1.8em;}
.company dt p{font-weight: 400; opacity: 0.8;}
.company dd{line-height: 1.6em;}
.company dd .line{display: inline; line-height: 0.5em; background-color: #BF646425; font-weight: 600; padding: 0 4px;}


@media screen and (max-width: 768px) {
    .company{grid-template-columns:1fr;}
    .company dt:before{right: 0; left: auto; top: auto; bottom: -50px;}
    .company dt strong{line-height: 1.2em;}
    .company dd{font-size: 1.1em;}
}


/*경영이념*/
.history{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
.history dl{background: #FF858512; border-radius: 5em; padding: 3em;}
.history dl:nth-child(2){background: #C7B7A312;}
.history dl:nth-child(3){background: #FEB94112;}
.history dl dt{text-align: center; font-size: 2em; margin-bottom: 10px; color: #FF8585;}
.history dl dt:before{content: "\f521"; display: block; font-family: "Font Awesome 6 Pro"; margin: 0 auto; text-align: center;}
.history dl:nth-child(2) dt{color: #AF8F6F;}
.history dl:nth-child(3) dt{color: #DD761C;}
.history dl dd{word-break: break-all; opacity: 0.8; line-height: 1.8em;}
@media screen and (max-width: 768px) {
    .history{display: block; }
    .history dl{margin: -20px auto;}
}


/*class별 서비스*/
.service01 .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

.service01 .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    border-radius: 0!important;
    width:50%;
}

.service01 .tab button:hover {
    background-color: #ddd;
}

.service01 .tab button.active {
    background-color: #ccc;
}

.service01 .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;}

.service01 .tabcontent li{padding: 20px; border-bottom: 1px solid #eee; display: grid; grid-template-columns: 233px 1fr; align-items: center; gap: 26px;}
.service01 .tabcontent dt{font-size: 2em; margin-bottom: 20px;}
.service01 .tabcontent dd{margin-bottom: 0!important;}
.service01 .tabcontent dd:before{content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; margin-right: 10px; background: #917151}
.service01 .tabcontent .area_img{background: url("../img/sub/card.jpg") no-repeat center/auto 100%; width: 233px; height: 150px; border-radius: 20px; border-right: 2px solid #00000056; border-bottom: 2px solid #00000056; position: relative;}
.service01 .tabcontent .area_img p{position: absolute; bottom: 15px; left: 51%; transform: translateX(-50%); color: #bf7e1f; font-weight: 800; text-shadow: 1px 1px 0 #ffffff56;}

@media screen and (max-width: 768px) {
    .service01 .tabcontent li {display: block;}
    .service01 .tabcontent .area_img{margin: 0 auto 20px;}
    .service01 .tabcontent dt{text-align: center;}
}


/*채용공고*/
.recruit .recruit_head{
    background: #a4866725 url("../img/common/logo_mark.svg") no-repeat center 14px/auto 60px;
    text-align: center;
    border-radius: 20px;
    line-height: 1.4em;
    padding: 75px 0 1em 0;
}
.recruit .recruit_head p{font-size: 1.2em; font-weight: 600; color: #917151;}
.recruit .recruit_head p span{opacity: 0.8;}
.recruit .recruit_con01{}
.recruit .recruit_con02{}

.recruit .recruit_con02 {display:table; width:100%;}
.recruit .recruit_con02 .img {position:relative;width:591px;display:table-cell;vertical-align:top;padding: 55px;}
.recruit .recruit_con02 .img:after {
    content:"";
    display: none;
    width:272px;
    height:272px;
    background:#f1eae6;
    position:absolute;
    top:177px;
    right:0;
    z-index:0;
    border-radius: 20px;
}
.recruit .recruit_con02 .img img {position:relative; z-index:1; border-radius: 20px; overflow: hidden;}
.recruit .recruit_con02 .txt {
    display:table-cell;
    vertical-align:top;
    padding-right: 45px;
    padding-top:35px;
    padding-bottom: 35px;
}
.recruit .recruit_con02 .txt h3 {
    font-size:24px; color:#a48667;
    font-weight:300; margin-bottom:25px;
}
.recruit .recruit_con02 .txt ol {position:relative;}
.recruit .recruit_con02 .txt ol:before {
    content: "";
    display: none;
    width: 53px;
    height: 1px;
    background: #b99772;
    position: absolute;
    top: 7px;
    left: 0;
}
.recruit .recruit_con02 .txt ol li {
    display:table; width:100%;
    margin-bottom:25px;
}
.recruit .recruit_con02 .txt ol li .num {
    display: table-cell;
    vertical-align: top;
    font-size: 33px;
    background: #a48667;
    line-height: 100%;
    width: 40px;
    padding-top: 7px;
    color: #fff;
    border-radius: 20px;
    letter-spacing: -0.5px;
}
.recruit .recruit_con02 .txt ol li .text {
    display: table-cell; vertical-align: top;
    padding-left: 10px;
}
.recruit .recruit_con02 .txt ol li .text h4 {
    font-size: 16px;
    color: #22212f;
    font-weight: 500;
    margin-bottom: 10px;
}
.recruit .recruit_con02 .txt ol li .text p {
    font-size: 16px;
    color: #5f5f5f;
    font-weight: 300;
    margin-bottom: 0;
    word-break:keep-all;
    line-height: 1.4em;
}


.recruit .recruit_area2 {background:url("../img/sub/recruit_bg.png") no-repeat #e9dfd6 center/cover;padding:80px 0 90px;border-radius: 20px;}
.recruit .recruit_area2 .conwrap .tit1 {text-align:center;font-size:24px;margin-bottom:30px;color: #fff;}
.recruit .recruit_area2 .conwrap .benefit {display:flex; flex-wrap:wrap; justify-content:center;}
.recruit .recruit_area2 .conwrap .benefit li {
    display:inline-block;
    width: 300px;
    margin-right:25px;
    background:#ffffff;
    text-align:center;
    padding:65px 0;
    border-radius: 50%;
    aspect-ratio: 1/1;
}
.recruit .recruit_area2 .conwrap .benefit li:last-child {margin-right:0;}
.recruit .recruit_area2 .conwrap .benefit li .ico {height:60px;}
.recruit .recruit_area2 .conwrap .benefit li .ico img{height: 70%;}
.recruit .recruit_area2 .conwrap .benefit li h4 {font-size:20px; color:#000000; margin-bottom:10px;}
.recruit .recruit_area2 .conwrap .benefit li p {font-size:16px;color:#5f5f5f;line-height: 1.4em;}

.recruit .recruit_area3 {margin: 40px auto;padding: 60px 0;border-radius: 20px;background: #FBFBFB;}
.recruit .recruit_area3 .conwrap {
    max-width: 1204px;
    background:url("/images/page/recruit_area3_bg.png") no-repeat center;
    background-size:100%;
}
.recruit .recruit_area3 .conwrap .tit1 {text-align:center;font-size:24px;margin-bottom:50px;color:#b18735;font-weight: 400;}
.recruit .recruit_area3 .conwrap .con {
    width:900px;
    margin:0 auto;
    font-size: 0.8em;
}
.recruit .recruit_area3 .conwrap .con h4:before{ vertical-align:middle; content: "" ; display: inline-block; width: 3px; height: 16px; background: #b18735; margin-right: 6px; margin-bottom: 4px;}
.recruit .recruit_area3 .conwrap .con h4 {
    font-size:18px; color:#22212f;
    margin-bottom:15px;
}
.recruit .recruit_area3 .conwrap .con .step {display:flex;width:100%;flex-wrap:wrap;justify-content:center;margin-bottom:40px;}
.recruit .recruit_area3 .conwrap .con .step li {
    text-align:center; margin-right:96px;
    position:relative;
}
.recruit .recruit_area3 .conwrap .con .step li:after {
    content:"\f101"; display:inline-block;
    width:8px; height:14px;
    font-family: "Font Awesome 6 Pro";
    background-size:100%; position:absolute; top:50%; transform:translateY(-50%);
    right:-50px;
    color: #b18735;
}
.recruit .recruit_area3 .conwrap .con .step li:last-child {margin-right:0;}
.recruit .recruit_area3 .conwrap .con .step li:last-child:after {display:none;}
.recruit .recruit_area3 .conwrap .con .step li .circle {
    width:134px;
    height:134px;
    position:relative;
    border:2px solid #b18735;
    border-radius:50%;
    background: #fff;
}
.recruit .recruit_area3 .conwrap .con .step li .circle span {
    line-height: 1.4em;
    font-size:18px; color:#22212f;
    position:absolute; width:100%;
    top:50%; transform:translateY(-50%);
    display:block;
}
.recruit .recruit_area3 .conwrap .con .step li .circle span p{font-size: 12px; color: #b18735; font-weight: 600;}
.recruit .recruit_area3 .conwrap .con .apply_document {font-size:18px; color:#22212f; margin-bottom:30px;}
.recruit .recruit_area3 .conwrap .con .apply_document a img {margin-bottom:3px;}

@media screen and (max-width: 768px) {
    .recruit .recruit_con02{display: block;}
    .recruit .recruit_con02 .txt{display: block;}
    .recruit .recruit_con02 .img{width: 100%; display: block; padding: 0;}
    .recruit .recruit_con02 .img img{width: 100%;}

    .recruit .recruit_area2 .conwrap .benefit{display: block; margin: 0 auto; text-align: center;}
    .recruit .recruit_area2 .conwrap .benefit li{margin-right: 0; margin-bottom: 25px;}

    .recruit .recruit_area3 .conwrap .con{width: 100%; padding: 0 2em;}
    .recruit .recruit_area3 .conwrap .con .step{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
    .recruit .recruit_area3 .conwrap .con .step li{margin: 0;}
}