@charset "utf-8";

/* **********************************************************************************	*/
/*																						*/
/*						PLAN.CSS (pc/mobile Style Sheets)				     		    */
/*																						*/
/* 								                                                    	*/
/* 작성자	: DOUNG YOUNG KIM															*/
/* 작성일	: 2022-11-24																*/
/* **********************************************************************************	*/

/* CSS 수정시 수정날짜,수정한 사람 기입 */

/* web font */
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://webfontworld.github.io/sebang/SebangGothic.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.gsl {
    font-family: 'GmarketSansLight', sans-serif !important;
}

.gsm {
    font-family: 'GmarketSansMedium', sans-serif !important;
}

.gsb {
    font-family: 'GmarketSansBold', sans-serif !important;
}

.ptd {
    font-family: 'Pretendard', sans-serif !important;
}

ul {
    padding-left: 0 !important;
}

a {
    text-decoration: none;
    color: #333;
}

:is(a,p,input,button,strong,span,h1,h2,h3,h4,h5,h6,td,th,dt,dd,li,div) {
    font-family: 'Pretendard', sans-serif !important;
}

header .header-box .header-slide-box .header-slide-bg1 {
    background: url('/theme/basic/plan/img/pc/pc_1_bg_01.jpg') no-repeat center;
    height: 884px;
}

header .header-box .header-slide-box .header-slide-bg2 {
    background: url('/theme/basic/plan/img/pc/pc_1_bg_02.jpg') no-repeat center;
    height: 884px;
}

header .header-box .header-slide-box .header-slide-bg3 {
    background: url('/theme/basic/plan/img/pc/pc_1_bg_03.jpg') no-repeat center;
    height: 884px;
}

header .header-box .header-slide-box .header-slide-bg4 {
    background: url('/theme/basic/plan/img/pc/pc_1_bg_04.jpg') no-repeat center;
    height: 884px;
}

header .header-box .header-top-box {
    z-index: 2;
    position: relative;
}

header .header-box .header-slide-box {
    margin-top: -135px;
    z-index: 1;
    position: relative;
}

header .header-box .info {
    font-size: 24px;
    line-height: 1.2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

header .header-box .inquery-btn {
    text-align: center;
    width: 232px;
    height: 55px;
    background: #d51414;
    padding-top: 12px;
    border-radius: 10px;
    /* float: right; */
    line-height: 30px;
}

header .header-box .inquery-btn a {
    font-size: 26px;
    font-weight: bold;
    display: block;
}


header .form-box-wrap {
    width:536px;
    height: 510px;
    position:absolute;
    background: #ffffffb0;
    padding: 4rem 4rem 2rem 4rem;
    margin-top: 8rem;
    border-radius:20px;
}


header .form-box-wrap input {
    border-radius:30px;
    border:solid 1px #a9a9a9;
    color:#909090;
    height:57px;
    text-indent:10px;
}

header .form-box-wrap select {
    border-radius:30px;
    border:solid 1px #a9a9a9;
    color:#909090;
    height:57px;
    text-indent:10px;

}

header .form-box-wrap .submit-box button {
    background:#d51414;
    width:100%;
    height:57px;
    color:#fff;
    font-weight:bold;
    font-size:24px;
    border-radius:30px;
}


header .table-box {
    float:right;
    margin-top: 18.5rem;
    width: 52%;
}

header .table-box caption {
    caption-side:top;
    font-size:86px;
    line-height: 90px;
    text-align:center;
}

header .table-box table {
    width: 86% !important;
    border-top:solid 4px #fff;
}





header .table-box table th {
    color:#fff;
    text-align:center;
    height:55px;
    border-bottom:solid 1px #fff;
    font-size:26px;
    width:30%;
}

header .table-box table td {
    color:#fff;
    height:55px;
    border-bottom:solid 1px #fff;
    font-size:26px;
}

footer {
    background: #363636;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

footer .content-div {
    color: #f0f0f0;
    font-size: 22px;
}


.main-box .section1 {
    background: url('/theme/basic/plan/img/pc/pc_2_bg_01.jpg') no-repeat center;
    height: 1045px;
    padding-top: 10rem;
    padding-bottom: 2rem;
    text-align: center;

}

.main-box .section1 figure {
    margin-bottom: 4rem;
}

.main-box .section5 {
    background: #f7f7f7;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.main-box .pc-section5 {
    background: #e7e7e7;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.main-box .pc-section5 .top-box {
    margin-bottom: 4rem;
}

.main-box .pc-section5 .slick-prev:before {
    content: '〈';
    font-size: 50px;
}

.main-box .pc-section5 .slick-next:before {
    content: '〉';
    font-size: 50px;
}

.main-box .pc-section5 .slick-next:before, .slick-prev:before {
    opacity: 1 !important;
}

.main-box .pc-section5 .slick-prev {
    left: -50px;
}

.main-box .pc-section5 .end-p {
    color: #838383;
    font-size: 22px;
    font-family: 'Pretendard', sans-serif !important;
    text-align: center;
    margin-top: 3rem;
}


.main-box .section3 {
    background:#640e0e;
    padding-top:7rem;
    padding-bottom:7rem;
}


.main-box .section3 .left-div-box {
    background:#fff;
    /* padding: 1rem; */
    width: 620px;
    height: 640px;
    float: right;
    padding-top: 2rem;
}

.main-box .section3 .left-div-box .title-h4 {
    font-size:26px;
    margin-bottom:1rem;
}

.main-box .section3 .left-div-box .line-box {
    width:95%;
    height:3px;
    background:#961313;
    margin:0 auto;
}

.main-box .section3 .left-div-box .row {
    margin-bottom:.50rem;
}





.main-box .section3 .left-div-box .row > div {
    font-size:18px;
}


.main-box .section3 .right-div-box {
    background:#fff;
    padding: 2rem 1rem 4rem 1rem;
    width: 505px;
    height: 640px;
}

.main-box .section2 {
    background:url('/theme/basic/plan/img/pc/pc_3_bg_01.jpg') no-repeat center;
    height:851px;
    padding-top:6rem;
}

.main-box .section2 figure {
    margin-bottom:3rem;
}


.main-box .pc-section12 .slick-prev:before {
    content: '〈';
    font-size: 50px;
    color:#666;
    font-weight:bold;
}

.main-box .pc-section12 .slick-next:before {
    content: '〉';
    font-size: 50px;
    color:#666;
    font-weight:bold;
}

.main-box .pc-section12 .slick-next:before, .slick-prev:before {
    opacity: 1 !important;
}

.main-box .pc-section12 .slick-prev {
    left: -50px;
}

.main-box .pc-section12  .slick-next {
    right: -40px;
}

.main-box .pc-section12 h2 {
    margin-top:2rem;
    font-size:46px;
}
.main-box .pc-section12 p {
    font-size:22px;
    line-height:28px;
    color:#000;
    margin-bottom:2rem;
}

.main-box .pc-section12 ul li span {
    width:108px;
    height:40px;
    background:#d51414;
    display: inline-block;
    color:#fff;
    text-align:center;
    border-top-left-radius:20px;
    font-size:20px;
    line-height:38px;
    margin-right:.50rem;
}

.main-box .pc-section12 ul li {
    color:#000;
    font-size:22px;
    margin-bottom:1rem;
}


.main-box .section2 .slide-box {
    width:936px;
    height:473px;
    margin:0 auto;
    background:#fff;
    border:solid 3px #d6d6d6;
    border-radius:20px;
    padding:2.5rem 1.5rem 2.5rem 1.5rem;
}

.main-box .section2 .slide-box img {

}

header .carousel-control-prev-icon {
    background:url('/theme/basic/plan/img/pc/left-arrow.png') no-repeat;
    height:68px;
}

header .carousel-control-next-icon {
    background:url('/theme/basic/plan/img/pc/right-arrow.png') no-repeat;
    height:68px;
}

header .carousel-control-prev {
    left:60px;
    top:100px;
}

header .carousel-control-next {
    right:150px;
    top:100px;
}

.newsticker {position:relative;overflow:hidden;width:100%;text-align:left;/* background: #fff; *//* padding-left: 1rem; *//* padding-right:1rem; */padding-top: 1rem;height: 510px !important;/* border-top: solid 3px #961313; *//* margin-top: .20rem; */}
.newsticker ul {/* padding:0; *//* margin:0; */margin-top: 2rem;padding-left: 1rem !important;padding-right: 1rem !important;/* padding-bottom: 2rem; */}
.newsticker ul li {display:inline-block;width: 100%;/* padding:0; */font-size: 12px;color:#555;letter-spacing:-1px; list-style:none;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:.50rem;padding-bottom: 1rem;height: 35px !important;}
.newsticker ul li a {color:#97a3a9}
.newsticker ul li strong { display: inline;  font-size:16px; margin-right:1rem;}
.newsticker ul li .span-1 {border:solid 2px #2f6e9b; line-height:37px; border-radius:30px;
    padding: .20rem 1rem;
    margin-right:0rem;}

.newsticker ul li .shot-str {
    margin-right:1.8rem;
}
.newsticker ul li span {font-size:19px; color:#000;}
.newsticker ul li .span-2 {margin-right:4rem;}
.newsticker ul li .span-3 {margin-right:2.5rem;}
.newsticker ul li .span-num {margin-right:3.6rem;}
.newsticker .gi-strong {padding-left:2.4rem; padding-right:2.4rem;}
.newsticker .ja-strong {padding-left:1.5rem; padding-right:1.5rem;}
.newsticker .span-4 {padding: 3px 15px 3px 15px;}
.newsticker .list_ing {
    background:#c6c6c6;
    font-weight:bold;
    border-radius:20px;
    width:110px;
    height:36px;
}
.newsticker .list_ing2 {
    background:#535353;
    color:#fff;
    font-weight:bold;
    width:110px;
    height:36px;
    border-radius:20px;
}

.newsticker .list_ing3 {
    background:#961313;
    color:#fff;
    font-weight:bold;
    width:110px;
    height:36px;
    border-radius:20px;
}

.section2-wrap dl {

}

.section2-wrap .live-row > div {
    text-align: center;
}

.section2-wrap .live-row {
    border-top: solid 1px #828282;
    padding-top: 1rem;
    border-bottom: solid 1px #ddd;
    margin-bottom: .20rem;
    padding-bottom: 1rem;
}

.section2-wrap .live-row span {
    font-weight: bold;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 1.2rem;
}


.section2-wrap .top-div p {
    font-family: 'SebangGothic', sans-serif;
    font-size: 38px;
    margin-bottom: -5px;;
}

.section2-wrap .top-div strong {
    font-family: 'SebangGothic', sans-serif;
    font-size: 62px;
}

.section2-wrap .money-p {
    font-size: 33px;
    font-family: 'NanumSquare', sans-serif;
    font-weight: bolder;
    letter-spacing: -1px;
}

.section2-wrap .day-strong {
    font-weight: normal;
    font-family: 'NanumSquare', sans-serif;
    font-size: 24px;
    color: #999;
}

.section2-wrap .numbers-money {
    background: #002f51;
    padding: 4px 70px;
    font-size: 26px;
    font-weight: 800 !important;
    font-family: 'Pretendard', sans-serif;
    color: #fff;
}

.section2-wrap #counttext {
    font-size: 26px;
    font-weight: bolder;
    font-family: 'NanumSquare', sans-serif;
    color: #333;
    display: none;
}




.section2-wrap .right-col strong {
    text-align: center;
    /* font-family: 'Pretendard', sans-serif; */
    font-weight: 800 !important;
    font-size: 38px;
    color: #333;
    border-bottom: solid 1px #333;
    display: inline !important;
    letter-spacing: -2px;
}

.section2-wrap .right-col strong span {
    color:#d51414;
}

.sh-span {
    font-size: 20px;
    font-family: 'Pretendard', sans-serif;
    margin-bottom: 2rem;
    color: #333;
}

.section2-wrap .right-col {
    /* border-left: solid 1px #c4c4c4; */
}

.section2-wrap .right-col .f_field {
    width: 95%;
    margin: 0 auto;
}

.section2-wrap .right-col .new-field {
    width: 95%;
    margin: 0 auto;
}

.section2-wrap .right-col .f_field input {
    /* width: 100%; */
    height: 50px;
    margin-bottom: 1rem;
    /* text-indent: 10px; */
}

.section2-wrap .right-col select {
    height: 50px;
    margin-bottom: 1rem;
    box-shadow:none;
}

.section2-wrap .top-div {
    margin-bottom: 3rem;
}

.section2-wrap .privacy {
    text-align: center;
    /* width: 50%; */
}

.section2-wrap .privacy input {
    width: 21px;
    height: 21px;
}

.section2-wrap .f_btn {
    text-align: center;
    margin-top: 1rem;
}

.section2-wrap .f_btn button {
    width: 100%;
    background: #961313;
    color: #fff;
    height: 67px;
    border-radius: 20px;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -2.5px;
}

.section2-wrap .right-col label {
    font-family: 'NanumSquare', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.section2-wrap .right-col ul li {
    text-align: left;
    font-family: 'NanumSquare', sans-serif;
    font-size: 16px;
}

.section2-wrap .right-col ul li span {
    color:#961313;
    font-weight:bolder;
}

.section2-wrap .right-col ul {
    padding-top: 1rem;
    width: 96%;
    margin: 0 auto;
}

.section2-wrap .live {
    width: 100%;
    /* margin: 0 auto; */
    background: #fff;
    margin-top: 20px;
}

.pc-section1 .container-lg {
    width:1200px;
}


@media (max-width:768px) {
    .section2-wrap .right-col strong {
        font-size:33px;
    }
    .newsticker ul li strong {
        font-size:14px;
    }

    .newsticker {
        height:320px !important;
    }

    #hd, #wrapper, #ft {
        min-width: 100%;
    }
    header .header-box .inquery-btn {
        width:auto;
        height:auto;
        background:none;
    }
    header .header-box .header-slide-box {
        margin-top:-133px;
    }

    header .header-box .logo-col img {
        max-width:160px;
    }

    header .header-box .call-col img {
        max-width:65px;
    }

    header .table-box {
        float:none;
        margin-top: 10rem;
        width: 100%;
    }

    header .table-box table {
        width:100% !important;
    }

    header .table-box caption {
        font-size:47px;
    }

    header .table-box  table th {
        font-size:18px;
    }

    header .table-box  table td {
        font-size:18px;
    }
    header .form-box-wrap {
        width: 95%;
        /* height:auto; */
        margin-top: -22rem !important;
        z-index: 5;
        margin: 0 auto;
        /* bottom:-600px; */
        padding: 4rem 1rem 4rem 1rem;
        left: 50%;
        transform:translate(-50%, -50%);
    }

    header .header-box .header-slide-box .header-slide-bg1 {
        background: url('/theme/basic/plan/img/mo/mo_1_bg_01.png') no-repeat center;
        height:1213px;
    }
    header .header-box .header-slide-box .header-slide-bg2 {
        background: url('/theme/basic/plan/img/mo/mo_1_bg_02.png') no-repeat center;
        height:1213px;
    }
    header .header-box .header-slide-box .header-slide-bg3 {
        background: url('/theme/basic/plan/img/mo/mo_1_bg_03.png') no-repeat center;
        height:1213px;
    }
    header .header-box .header-slide-box .header-slide-bg4 {
        background: url('/theme/basic/plan/img/mo/mo_1_bg_04.png') no-repeat center;
        height:1213px;
    }
    .main-box .mo-section1  img {
        width:100%;
    }
    .main-box .mo-section1 figure {
        margin-bottom:2rem;
    }

    .main-box .mo-section1 {
        padding-top:5rem;
        padding-bottom: 2rem;
        background: url('/theme/basic/plan/img/pc/pc_2_bg_01.jpg') no-repeat center;
        /* padding-bottom: 5rem; */
    }
    .main-box .mo-section1 .row > div {
        margin-bottom: 2rem;
    }

    .main-box .mo-section2 {
        background:url('/theme/basic/plan/img/mo/mo_3_bg.png') no-repeat center;
        height:700px;
        background-size:cover;
        padding-top: 5rem;
        padding-bottom:5rem;
    }

    .main-box .mo-section12 figure img {
        width:100%;
    }

    .main-box .mo-section12 figure {
        margin-bottom:2rem;
    }

    .main-box .mo-section12 .slide-box {
        width:80%;
        margin:0 auto;
        border: 0;
        background: none;
        padding: 0;
    }

    .main-box .mo-section12 .slide-box img {
        width:100%;
    }

    .main-box .mo-section12 .slick-prev:before {
        content: '〈';
        font-size: 50px;
        color:#666;
        font-weight:bold;
    }

    .main-box .mo-section12 .slick-next:before {
        content: '〉';
        font-size: 50px;
        color:#666;
        font-weight:bold;
    }

    .main-box .mo-section12  .slick-next:before, .slick-prev:before {
        opacity: 1 !important;
    }

    .main-box .mo-section12  .slick-prev {
        left: -40px;
        margin-top: -60px;
        width: auto;
        height: auto;
    }

    .main-box .mo-section12   .slick-next {
        right: -40px;
        margin-top: -60px;
        width: auto;
        height: auto;
    }

    .main-box .section3 .row .col-6 {
        width:100%;
    }
    .main-box .section3 .left-div-box {
        width:100%;
        height: 460px;
    }

    .main-box .section3 .right-div-box {
        width:100%;
        margin-top:3rem;
        height: auto;
    }
    .newsticker ul li span {
        font-size:14px;
    }
    .newsticker ul li .span-2 {margin-right: 2.7rem;}
    .newsticker ul li .span-3 {margin-right:3rem;}
    .newsticker ul li .span-num {display:none;}
    .main-box .section1 {
        padding-top:0rem;
        height:1000px;
    }

    .main-box .section2 {
        background:none;
        height: auto;
        padding-top: 0;
    }

    .main-box .mo-section4 img {
        width:100%;
    }

    .main-box .mo-section4 {
        padding-top:5rem;
        padding-bottom:5rem;
        background:#e7e7e7;
    }
    .main-box .mo-section4 .row > div {
        margin-bottom: 1rem;
    }
    .main-box .mo-section4 .row .col1 img {
        margin-left:.25rem;
    }
    .main-box .mo-section4 .row .col2 img {
        margin-left: -.25rem;
    }

    .main-box .mo-section4  p {
        text-align:center;
    }

    .main-box .section5 img {
        width:100%;

    }

    .main-box .section5 .row > div {
        margin-bottom:2rem;
    }
    .main-box .section5 {
        padding-bottom: 0rem;
    }

    footer .content-div {
        font-size:14px;
    }

    footer {
        padding-top:3rem;
        padding-bottom:3rem;
    }

    .pc-section1 .container-lg {
        width:100%;
    }

}


@media (max-width:414px) {
    header .form-box-wrap {
        /* bottom: -590px; */
    }
    header .pt-4.top {
        padding-top: 20px !important;
    }
}



@media (max-width:390px) {
    header .pt-4.top {
        padding-top: 18px !important;
    }
    header .header-box .header-slide-box{
        margin-top: -100PX;
    }
    header .header-box .header-slide-box .header-slide-bg1{
        height: 1200px;
    }
    header .header-box .header-slide-box .header-slide-bg2{
        height: 1200px;
    }
    header .header-box .header-slide-box .header-slide-bg3{
        height: 1200px;
    }
    header .header-box .header-slide-box .header-slide-bg4{
        height: 1200px;
    }
    header .form-box-wrap {
        /* bottom:-480px; */
        padding: 2.5rem 1rem 2.5rem 1rem;
        height: 480px;
    }

    .section2-wrap .right-col strong{
        font-size:32px;
    }
    .section2-wrap .right-col ul li {
        font-size: 13px;
        letter-spacing: -1px;
    }
    .sh-span{
        font-size: 18px;
        letter-spacing: -1px;
    }
    footer .content-div {
        font-size: 12px;
    }
    .main-box .section1{
        height: 920px;
    }
    .main-box .mo-section2{
        height: 650px;
    }
    .main-box .section3 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

}

@media (max-width:384px) {

    header .form-box-wrap {
        /* bottom:-520px; */
    }

}

@media (max-width:375px) {
    header .form-box-wrap {
        /* bottom:-650px; */
    }
}

@media (max-width:360px) {
    header .form-box-wrap {
        /* bottom:-680px; */
    }
    .main-box .section1 {
        padding-top:0rem;
        height: 900px;
    }
}