@media screen and (max-width: 1919px) {
    /* sec02 */
    .sec02 .service_list li {
        /*width: 30rem !important;*/
    }

    /* sec02 */
    .sec02 .sub_con.img_aniload .img_b .icon.n1 {
        width: 3%;
    }

    .sec02 .sub_con.img_aniload .img_b .icon.n2 {
        width: 6%;
    }
}

@media screen and (max-width: 1800px) {
    


    /* sec03 */
    .sec03 .service_list_box .tab_effect {
        background-size: 12rem;
    }
}

@media screen and (max-width: 1680px) {
    /* main */
    .top_btn {
        width: 6rem;
        height: 6rem;
    }

    .top_btn img {
        width: 1.5rem;
    }

    


	/* sec02 */
	.sec02 .service_list li .txt_b {
        padding-bottom: 3.5rem;
    }

    .sec02 .sec02_swiper {
        position: relative;
    }

    .sec02 .swiper-horizontal > .swiper-pagination-bullets,
    .sec02 .swiper-pagination-bullets.swiper-pagination-horizontal,
    .sec02 .swiper-pagination-custom,
    .sec02 .swiper-pagination-fraction {
        bottom: -5rem;
    }

    .sec02 .swiper-pagination-bullet {
        width: 0.7rem;
        height: 0.7rem;
        background: rgba(0, 0, 0, 0.2);
    }

    .sec02
        .swiper-horizontal
        > .swiper-pagination-bullets
        .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 2.5rem;
        background: #000;
        border-radius: 2.5rem;
        height: 0.6rem;
    }

    .sec02
        .swiper-horizontal
        > .swiper-pagination-bullets
        .swiper-pagination-bullet,
    .sec02
        .swiper-pagination-horizontal.swiper-pagination-bullets
        .swiper-pagination-bullet {
        margin: 0 0.5rem !important;
    }

    .sec02
        .swiper-horizontal
        > .swiper-pagination-bullets
        .swiper-pagination-bullet {
        border-radius: 50%;
    }

    .sec02 .service_list li {
        margin-right: 0;
    }

    .main .sec02 .service_list {
        flex-wrap: wrap;
        max-width: 100rem;
		justify-content: space-between;
    }

    .sec02 .service_list .service:first-child {
        margin-bottom: 2rem;
    }
	.sec02 .service_list .service .icon_b .icon.n1 {
        width: 70%;
        top: 2.5rem;
    }
	.svg_arrow {
		top: 0rem;
		left: calc(50% + 21rem);
		width: 40rem;
    }

    /* sec03 */
    .sec03 .step_b {
        padding: 8rem 3rem 8rem 6rem;
    }

    /* sec05 */
    .sec05 .img_b .icon.n1 {
        right: 0;
    }

    .sec05 .right_con {
        width: auto;
    }

    .sec05 .inner {
        width: 100%;
    }
	
}

@media screen and (max-width: 1550px) {

}

@media screen and (max-width: 1440px) {
	
    /* sec02 */
    .sec02 .service_list li .txt_b {
        padding-bottom: 5rem;
    }

    .sec02 .service_list .service .icon_b .icon.n1 {
        top: 2.1rem;
    }

    .sec02 .service_list li.n1 {
        margin-bottom: 2rem;
    }
	/* sec03 */
    .sec03 .step_b .left_con h3 {
        font-size: 4rem;
    }

    /* sec05 */
    .sec05 .inner {
        width: 100%;
    }
}

@media screen and (max-width: 1280px) {
    
    /* sec02 */
    .sec02 .sub_con .inner {
        padding: 7rem;
    }
    .sec02 .service_list .service .icon_b .icon.n1 {
        top: 2.5rem;
    }
	.svg_arrow{
		top: 1.8rem;
		left: calc(50% + 19rem);
		width: 32rem;
	}
    /* sec03 */
    .sec03 .step_b {
        width: 100%;
    }

    /* sec05 */
    .sec05 .inner {
        flex-direction: column;
        height: auto;
        width: 120rem;
    }
    .sec05 .left_con {
        width: auto;
		margin: 0 5rem 1.5rem;
		padding: 5rem 2.5rem 3rem;
    }
	.sec05 .left_con h3 {
		margin-top:0;
	}
    .sec05 .right_con {
        margin: 0 5rem auto;
    }
    .sec05 .img_b .icon.n2 {
        left: 15.8rem;
        top: 9.9rem;
    }
    .sec05 .center_info .center_info_desc,
    .sec05 .right_con .info_desc.n4 {
        width: 50%;
    }
    .sec05 .center_info .center_info_desc .info_desc.n2,
    .sec05 .center_info .center_info_desc .info_desc.n3 {
        width: auto;
    }
}
@media screen and (max-width: 1110px){
	.sec01{
		padding-top:0
	}

}
@media screen and (min-width: 990px){
	.sec02 .service_list{transform: translate3d(0px, 0px, 0px) !important}
	.main .sec02 .service_list{transform: translate3d(0px, 0px, 0px) !important}
}
@media screen and (max-width: 989px) {
    .main-popup {
        justify-content:center;
        align-items:center;
        display:flex;
        padding:15px;
    }
    .main-popup.popup-nt,
    .main-popup.popup-ad {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 0;
    }

    

	/* sec02 */
    .sec02 .service_list {
        flex-wrap: nowrap;
        max-width: none;
    }
	.main .sec02 .service_list {
        flex-wrap: nowrap;
        max-width: none;
    }
    .sec02 .service_list li {
        flex-shrink: 0;
        margin-right: auto;
    }
	.sec02 .service_list li.n5 .pc-link{
		display:none;
	}
	.sec02 .service_list li.n5 .mo-link{
		display:block;
	}
    .sec02 .service_list .service {
        /* width: 30rem; */
        margin-right: auto;
    }
    .sec02 .sub_con .inner {
        background: #cfe4ff;
        text-align: center;
        padding: 5rem 5rem 0;
        border-radius: 2rem;
    }
    .sec02 .sub_con .btn_b {
        margin-bottom: 4.5rem;
        justify-content: center;
    }
    .sec02_img.mo_ver {
        display: block !important;
        text-align: center;
        margin: 0 auto;
        width: 40%;
    }
    .svg_arrow {
		top: 3rem;
		left: calc(50% + 18rem);
		width: 28rem;
    }
    .sec02 h3.tit {
        margin-bottom: 1.3rem;
    }
    .sec02 .sub_con.img_aniload .img_b .icon.n1 {
        left: 8rem;
        top: -1.4rem;
    }
    .sec02 .sub_con.img_aniload .img_b .icon.n1 {
        width: 4%;
    }

    .sec02 .sub_con {
        margin-top: 15rem !important;
    }

    .sec02 .service_list {
        justify-content: inherit;
        margin-bottom: 0;
    }
	.main .sec02 .service_list {
        justify-content: inherit;
        margin-bottom: 0;
    }

    .sec02 .service_list li {
        margin-right: auto;
    }

    .sec02_swiper {
        width: 100%;
        height: 100%;
        margin: 0;
		padding:0 5rem;
        /* overflow: hidden; */
    }

    .sec02_swiper .swiper-pagination {
        display: block;
		width: 60px;
		bottom: -20px;
		top: auto;
		left: 50%;
		transform: translateX(-50%);
		height: 5px;
		background: #e8e8e8;
		border-radius: 12px;
		overflow:hidden;
    }

	.search_sec02_swiper .swiper-pagination{
		display: block;
		width:auto;
		bottom: -20px;
		top: auto;
		left: 50%;
		transform: translateX(-50%);
		height:auto;
		background:transparent;
		border-radius:0;
	}

	.sec02_swiper .swiper-pagination span.swiper-pagination-progressbar-fill{
		border-radius: 12px;
		background:#000;
	}



    /* sec03 */
    .sec03 .step_b {
        padding: 5rem;
    }
    .sec03 .step_b .step_desc.on {
        flex-direction: column;
    }
    .sec03 .step_b .left_con {
        width: 100%;
        margin-bottom: 4.5rem;
        text-align: center;
    }
    .sec03 .step_b .wid .left_con {
        width: 100%;
        text-align: center;
    }
    .sec03 .step_b .right_con {
        width: 100%;
    }
    .sec03 .step_b .wid .right_con {
        width: 100%;
    }
    .sec03 .step_b .right_con .step_con {
        justify-content: center;
    }
	.sec03 .step_b .right_con .step_con li a.pc-link{
		display:none
	}
	.sec03 .step_b .right_con .step_con li a.mo-link{
		display:flex
	}

    /* sec05 */
    .sec05 .inner {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .main-popup.popup-nt .popup-body .popup-content.roll {
        height: 70vh;
    }
	.loop_banner:hover ul,
	.loop_banner.bottom_con:hover ul {
		animation-play-state: running;
	}

	


}

@media screen and (max-width: 767px) {
    

    /* sec02 */
    .sec02 h3.tit .mo_ver {
        display: block;
    }
    .sec02_img.mo_ver {
        width: 55%;
    }

    /* sec03 */
    .sec03 .step_b {
        padding: 3.5rem;
    }
	/* sec04 */
	.sec04 .banner_list ul li {
        width: 13rem;
        height: 6.5rem;
        position: relative;
        border-radius: 1rem;
    }

    .sec04 .banner_list ul li img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .sec04 .banner_list {
        margin-top: -1.4rem;
    }

    .sec04 .banner_list .top_con,
    .sec04 .banner_list .bottom_con {
        margin-bottom: 1rem;
    }
    /* sec05 */
    .sec05 .inner {
        padding: 0 50px;
    }
    .sec05 .left_con {
		width:100%;
		margin: 0 auto 1.5rem;
    }
    .sec05 .img_b .icon.n3 {
        right: 0;
    }

    .sec05 .left_con.pc_ver {
        display: none !important;
    }

    .sec05 .left_con.con_b,
    .sec05 .left_con.con_b .mo_ver {
        display: block !important;
    }

    .sec05 .left_con.con_b {
        width: 100%;
        height: 208.5px;
        background: linear-gradient(
            -20deg,
            rgba(79, 94, 208, 1) 19%,
            rgba(115, 189, 252, 1) 100%
        );
        border-radius: 2rem;
        position: relative;
        left: auto;
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }

    .sec05 .left_con.con_b .icon_b {
        width: 100%;
        height: 100%;
    }

    .sec05 .left_con.con_b::before {
        content: "";
        position: absolute;
        background: url(../../img/main/icon_sec05_img3.png) no-repeat
            center/cover;
        width: 128px;
        height: 206px;
        left: -76px;
        top: -4px;
    }

    .sec05 .right_con {
        margin: 0;
    }
	.sec05 .arrow_i {display:none}
	.sec05 .search_b,
    .keyword_search {
		width:100%;
    }
}

@media screen and (max-width: 500px) {
    .main-popup {
        display: none;
        background-color:rgba(0,0,0,.3);
    }
	.main-popup .popup {
		border: 0;
	}
    .main-popup .popup-close {
        width: 1.5rem;
        height: 1.5rem;
    }
    .main-popup .popup-foot {
        height: 48px;
    }
    .main-popup .popup-foot .pop-btn {
        font-size: 1.4rem;
    }
    .main-popup .popup-body .popup-content .content-pc {
        display: none;
    }
    .main-popup .popup-body .popup-content .content-mo {
        display: block;
    }
    .main-popup.popup-nt {
        z-index: 100;
    }
    .main-popup.popup-nt .popup-body .popup-content .ico-scroll {
        width: 50px;
        height: 50px;
        background: url('../../img/main/icon_scroll_mo.png') no-repeat 0 0;
        background-size: 50px;
    }
    .main-popup.popup-ad {
        z-index: 99;
    }
    .main-popup.popup-ad .popup {
        position: absolute;
        left: 0;
        bottom: 0;
        max-width: 100%;
        border-radius: 20px 20px 0 0;
    }
    .main-popup.popup-ad .swiper-slide a img {
        width: 100%;
        height: 100%;
    }
	
	/* sec01 */
	.sec01{
		height:100svh;
	}
	.sec01 video{
		display:none;
	}
	.sec01 .mo-bg{
		display:block;
		height:100%;
		overflow:hidden;
		position:relative;
		background-image:url('../../img/main/renewal_main/main_visual_img_mo.jpg');
		background-repeat:no-repeat;
		background-size:cover;
		background-position:top center
	}
	.sec01 .mo-bg .txt{
		color:#fff;
		position:absolute;
		top:44%;
		left:50%;
		font-size:2.2rem;
		font-weight:normal;
		font-family: 'SUIT Variable' , sans-serif;
		transform: translate(-50%, -50%);
	}
	.sec01 .mo-bg .arr-btn{
		position:absolute; 
		bottom:5%;
		left: calc(50% - 15.5px);
		animation: arrMove 1s ease-out infinite;
		cursor:pointer;
	}

	 @keyframes arrMove {
		0% {
			transform: translateY(0);
		}
		50% {
			transform: translateY(10px);
		}
		100% {
			transform: translateY(0);
		}
	}
	.sec01 .makeshop-start-btn {
		width: 16rem;
		height: 4.5rem;
		font-size: 1.3rem;
		position: absolute;
		bottom: auto;
		left: calc(50% - 8rem);
		top: 50%;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.24);
	}

    


    /* sec02 */
    .sec02 .sub_tit {
        margin: 0.5rem 0 3.3rem;
    }

    .sec02 .sub_con {
        background: #cfe4ff;
        height: 35.65rem;
        margin-top: 8.5rem !important;
    }

    .sec02 .sub_con .inner {
        padding: 0;
        background: none;
        padding-top: 6.35rem;
    }

    .sec02 .sub_con .btn_b {
        display: none;
    }

    .sec02 .sub_con p {
        text-align: center;
        font-size: 1.3rem;
        margin-top: 1rem;
        color: rgba(0, 0, 0, 0.8);
        opacity: 0.8;
    }

    .sec02 .img_b .sec02_img {
        display: block;
        position: absolute;
        bottom: 0;
        width: 250px;
        left: 50%;
        transform: translateX(-50%);
    }

    .sec02 .sub_con.img_aniload .img_b .icon.n1 {
        top: -19px;
        left: 25px;
        width: 31px;
    }

    .sec02 .sub_con.img_aniload .img_b .icon.n2 {
        top: 63.5px;
        right: -9px;
        width: 58px;
    }

    .sec02 .service_list {
        /* margin-bottom: 10.1rem; */
        max-width: 100%;
        justify-content: inherit;
        margin-bottom: 0;
    }
	.main .sec02 .service_list {
        /* margin-bottom: 10.1rem; */
        max-width: 100%;
        justify-content: inherit;
        margin-bottom: 0;
    }

    .sec02 .service_list li {
        border-radius: 1rem;
        width: 22.5rem !important;
        height: 31rem;
        text-align: center;
        font-size: 18px;
        background: #fff;
        margin-right: auto;
    }

    .sec02_swiper {
        width: 100%;
        height: 100%;
    }

    .sec02 .service_list li .txt_b {
        padding-bottom: 4rem;
    }

    .sec02 .service_list li .txt_b strong {
        font-size: 1.75rem;
    }

    .sec02 .service_list li .txt_b span {
        font-size: 1.3rem;
        line-height: 1.38;
    }

    .sec02 .service_list li.n1 .img_b img {
        width: 50%;
    }

    .sec02 .service_list li.n3 .img_b img {
        width: 150px;
        margin-top: 11px;
    }

    .sec02 .service_list li.n4 .img_b img {
        width: 62%;
    }

    .sec02 .service_list li.n5 .img_b img {
        width: 82%;
        margin-top: 0;
    }

    .sec02 .service_list li .img_b {
        height: 20rem;
    }

    .sec02 .service_list .service .icon_b .icon.n1 {
       top:2rem;
    }

    .svg_arrow {
        top: 2rem;
		left: calc(50% + 15.5rem );
		width: 25.5rem;
    }

    .sec02 .sec02_swiper {
        position: relative;
        /* overflow: hidden; */ /* 230510 [¼öÁ¤Ç¥½Ã] */
    }

    .sec02 .swiper-horizontal > .swiper-pagination-bullets,
    .sec02 .swiper-pagination-bullets.swiper-pagination-horizontal,
    .sec02 .swiper-pagination-custom,
    .sec02 .swiper-pagination-fraction {
        bottom: -2rem;
    }

    .sec02 .swiper-pagination-bullet {
        width: 0.5rem;
        height: 0.5rem;
        background: rgba(0, 0, 0, 0.2);
    }

    .sec02 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 2.35rem;
        background: #000;
        border-radius: 2.5rem;
    }

    .sec02
        .swiper-horizontal
        > .swiper-pagination-bullets
        .swiper-pagination-bullet,
    .sec02
        .swiper-pagination-horizontal.swiper-pagination-bullets
        .swiper-pagination-bullet {
        margin: 0 0.25rem !important;
    }

    .sec02
        .swiper-horizontal
        > .swiper-pagination-bullets
        .swiper-pagination-bullet.swiper-pagination-bullet-active {
        height: 0.5rem;
    }

    .sec02_img.mo_ver {
        display: none !important;
    }

    /* sec03 */
    h2.tit {
        line-height: 1.23;
    }

    .sec03 .inner {
        padding: 0 15px;
    }

    .sec03 .sub_tit {
        margin: 1rem 0 4.4rem;
    }

    .sec03 .service_list_tab .service_list {
        flex-wrap: wrap;
        width: 30rem;
    }

    .sec03 .service_list_box .tab_effect_box {
        background: #fff;
        display: none;
    }

    .sec03 .service_list_tab .service_list li.on {
        background: var(--mainColor);
        position: relative;
        transform: none;
    }

    .sec03 .service_list_tab .service_list li.on:after {
        display: block;
        content: "";
        background: url(../../img/main/icon_pointer.png) no-repeat center/cover;
        width: 15px;
        height: 15px;
        position: absolute;
        bottom: -5px;
        right: -5px;
    }

    .sec03 .service_list_tab .service_list li {
        border-radius: 0.5rem;
        box-shadow: 0px 2px 14.7px 0.3px rgba(0, 0, 0, 0.08);
        margin-right: 0.5rem;
        padding: 0.8rem 2.1rem;
        font-size: 1.3rem;
        transition: none;
    }

    .sec03 .service_list_tab {
        margin-bottom: 2.7rem;
    }

    .sec03 .service_list_tab .service_list li:nth-of-type(4),
    .sec03 .service_list_tab .service_list li:nth-of-type(5) {
        margin-top: 0.7rem;
    }

    .sec03 .step_b {
        width: auto;
        padding: 2.5rem 1.5rem 3rem 1.5rem;
        border-radius: 1.25rem;
    }

    .sec03 .step_b .step_desc.on {
        flex-direction: column;
    }

    .sec03 .step_b .left_con,
    .sec03 .step_b .right_con {
        width: 100%;
    }

    .sec03 .step_b .left_con {
        text-align: center;
        margin-bottom: 0;
    }

    .sec03 .step_b .left_con span {
        font-size: 0.9rem;
    }

    .sec03 .step_b .left_con h3 {
        font-size: 2.25rem;
        margin-bottom: 0.5rem;
    }

    .sec03 .step_b .left_con p {
        font-size: 1.2rem;
        line-height: 1.5;
        margin-bottom: 2.5rem;
    }

    .sec03 .step_b .step_desc .right_con .step_con li span {
        font-size: 1.2rem;
        letter-spacing: -0.6px;
        line-height: 1.17;
    }

    .sec03 .step_b .step_desc .right_con .step_con li .img_b img {
        width: 55%;
    }

    .sec03 .step_b .right_con .step_con {
        grid-template-columns: 1fr 1fr;
        grid-gap: 0.5rem 0.5rem;
    }

    .sec03 .step_b .right_con .step_con li {
        width: 100%;
        border-radius: 0.75rem;
        margin-right: 0.5rem;
        min-height: 4.8rem;
    }

    .sec03 .step_b .right_con .step_con li .img_b {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 5px;
        margin-right: 0.75rem;
    }

    .sec03 .step_b .right_con .step_con li .arrow_i {
        width: 7px;
        right: 1.35rem;
    }

    .sec03 .step_b .right_con .step_con li a {
        padding: 1rem;
        height: 100%;
    }

    .sec03 .step_b .wid .left_con,
    .sec03 .step_b .wid .right_con {
        width: 100%;
    }

    .sec03 .icon_b {
        display: none;
    }

    /* sec04 */
    .sec04 h2.tit {
        font-size: 2.8rem;
    }

    .sec04 .sub_tit {
        margin-top: 0.8rem;
    }

	.sec04.section {
        padding-top: 6.4rem;
        width: 100%; /* 230510 [¼öÁ¤Ç¥½Ã] */
        overflow: hidden;/* 230510 [¼öÁ¤Ç¥½Ã] */
    }

    /* sec05 */
    .sec05 .inner {
        display: block;
        width: auto;
        height: auto;
        padding: 0 30px;
    }

    .sec05.section {
        padding-bottom: 8rem;
    }

    .sec05 .right_con {
        width: auto;
        margin: 0;
        margin-top: 1.5rem;
    }

    .sec05 .left_con h3 {
        font-size:1.8rem;
		padding:1.5rem
    }
	.sec05 .left_con h3 .square-box {
		border: 2px solid #2e7ef7;
		width: 100%;
		height: 100%;
	}
	.sec05 .left_con h4 {
        font-size:1.5rem;
		margin-top:2.5rem
    }
	.sec05 .left_con .cs-box {
		margin-top:2.0rem
	}
	.sec05 .left_con .cs-box .cs-box-tit{
		font-size:1.4rem;
	}
	.sec05 .left_con .cs-box .call-num{
		font-size:1.8rem;
		margin-top:0.5rem;
	}
	.sec05 .left_con .cs-box .center-time{
		font-size:1.2rem;
		letter-spacing:-0.025rem;
		margin-top:0.5rem;
	}

    .sec05 .right_con .info_desc {
        border-radius: 1rem;
    }

    .sec05 .right_con .info_desc.n1 {
        padding: 1.7rem 1.7rem 2rem;
        height: auto;
        margin-bottom: 1.4rem;
    }

    .sec05 .right_con .info_desc.n1 h4 {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }

    .sec05 .right_con .info_desc.n1 p {
        font-size: 1.2rem;
    }

    .sec05 .search_b,
    .keyword_search {
        margin-bottom: 2.4rem;
		width:100%;
    }

    .sec05 .search_b input,
    .keyword_search input {
        height: 4rem;
        padding: 1.35rem;
        border-radius: 0.5rem;
        width: calc(99.999% - (1rem + 3rem));
        font-size: 1.2rem;
        margin-right: 0.6rem;
    }

    .sec05 .search_b input::placeholder {
        font-size: 1.1rem;
    }

    .sec05 .search_b button,
    .keyword_search button {
        width: 4rem;
        height: 4rem;
        border-radius: 0.5rem;
        position: relative;
    }

    .sec05 .search_b button img,
    .keyword_search button img {
        width: 12.5px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .sec05 .right_con .info_desc a span {
        font-size: 1.2rem;
    }

    .sec05 > .img_b {
        display: none;
    }

    .sec05 .center_info .center_info_desc {
        width: 50%;
        margin-right: 0.85rem;
    }

    .sec05 .center_info .center_info_desc .img_b {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.5rem;
        margin-right: 0.7rem;
    }

    .sec05 .center_info .center_info_desc .info_desc .img_b img {
        width: 1.5rem;
        height: 1.5rem;
    }

    .sec05 .arrow_i {
        width: 7px;
        right: 1.3rem;
    }

    .sec05 .right_con .info_desc.n2 {
        margin-bottom: 1rem;
    }

    .sec05 .right_con .info_desc.n2,
    .sec05 .right_con .info_desc.n3 {
        width: auto;
    }

    .sec05 .right_con .info_desc a {
        padding: 1.1rem 0.9rem;
    }

    .sec05 .right_con .info_desc.n4 span.tit {
        font-size: 0.9rem;
    }

    .sec05 .right_con .info_desc.n4 p {
        font-size: 1.7rem;
        letter-spacing: normal;
    }

    .sec05 .right_con .info_desc.n4 span {
        font-size: 1.1rem;
        display: inline-block;
        line-height: 1.4;
        letter-spacing: -0.5px;
    }

    .sec05 .right_con .info_desc.n4 {
        width: 50%;
        padding: 1.15rem 0.5rem;
    }
    .sec05 .center_info {
        margin: 0;
    }
}

/* ¸®´º¾ó ¸ÞÀÎ css */

@media screen and (max-width: 1680px) {
    
}

@media screen and (max-width: 1110px) {
	.main section.renew-main .section-wrap{padding:0 5rem}

	
	.main section.new-sec02{background-size:cover}

    
    .main section.new-sec04 .cont-box ul li{height:auto;padding:4.5rem 0 0;}
    .main section.new-sec04 .cont-box ul li .tit{padding:0 5rem;font-size:3rem}
    .main section.new-sec04 .cont-box ul li br.mo-br{display:block}
    .main section.new-sec04 .cont-box ul li .txt{padding:0 5rem;}
    .main section.new-sec04 .cont-box ul li .bg-img{padding-left:5rem;height:auto;margin-top:1rem;position:relative;bottom:auto;right:auto;text-align:right;}
   
    .main section.new-sec06 .cont-box dl{gap:2rem}
    .main section.new-sec06 .cont-box dl.bottom-box{margin-top:2rem}
    .main section.new-sec06 .cont-box dl dt{width:50%;padding:0 2rem;height:auto}
    .main section.new-sec06 .cont-box dl dd{width: 50%;}
    .main section.new-sec06 .cont-box dl dd .txt-box .tit{font-size:4.2rem; }
    .main section.new-sec06 .cont-box dl dd .txt-box .txt{font-size:2.2rem;}
    .main section.new-sec06 .cont-box dl.top-box dd{padding-left:0;align-items:center;}
    .main section.new-sec06 .cont-box dl.bottom-box dd{align-items:center;padding-right:0}
    
	.main section.new-sec07 .sec-cont01 .cont-box dl dt{font-size:2.2rem}
	.main section.new-sec07 .sec-cont01 .cont-box dl dd{font-size:2.8rem}
	.main section.new-sec07 .sec-cont01 .cont-box dl dd strong{font-size:5rem}
	.main section.new-sec07 .sec-cont01 .cont-box dl:nth-child(1) dd strong span.num{width:7rem; }
	.main section.new-sec07 .sec-cont01 .cont-box dl:nth-child(2) dd strong span.num{width:4rem;}
	.main section.new-sec07 .sec-cont01 .cont-box dl:nth-child(3) dd strong span.num{width:10rem;}
    .main section.new-sec07 .sec-cont02 .cont-box ul.brand-list{grid-template-columns: repeat(3, 1fr);gap: 2rem;}

    



}

@media screen and (max-width: 768px) {
	.main section.renew-main h2.new-main-h2-tit{font-size:4rem;letter-spacing:-0.08px;}
	.main section.renew-main h2.new-main-h2-tit .sub-tit{font-size:2.4rem;margin-bottom:1.5rem;}
	.main section.renew-main h2.new-main-h2-tit i.grd-txt{font-size:4rem;}
	.main section.renew-main h2.new-main-h2-tit span.mo-br{display:block}
	.main section.renew-main h2.new-main-h2-tit span.pc-br{display:inline}

    .main section.new-sec02 {padding:28rem 0 10rem;background-image:url('../../img/main/renewal_main/new_sec02_bg_mo.jpg');}
    .main section.new-sec02 .cont-box{padding: 10rem 0rem 0;}
    .main section.new-sec02 .cont-box .pc-card{display:none !important}
    .main section.new-sec02 .cont-box .mo-card{display:block} 
    /*
    .main section.new-sec02 .cont-box ul.swiper-card li:nth-child(1){ background: linear-gradient(#FFFBEA, #EDE2B4);}
    .main section.new-sec02 .cont-box ul.swiper-card li:nth-child(2){ background: linear-gradient(#EEE5FF, #D1C4F0);}
    .main section.new-sec02 .cont-box ul.swiper-card li:nth-child(3){ background: linear-gradient(#E2E3E1, #B5C29C);}
    .main section.new-sec02 .cont-box ul.swiper-card li:nth-child(4){ background: linear-gradient(#DEEEF2, #C0D9FA);}
    .main section.new-sec02 .cont-box ul.swiper-card li:nth-child(5){ background: linear-gradient(#FFF3F9, #DFA6C4);}
    .main section.new-sec02 .cont-box ul.swiper-card li{max-width:38rem;height:50rem;padding:5rem 4rem;text-align:center;border-radius:2.5rem;position:relative;overflow:hidden }
    .main section.new-sec02 .cont-box ul.swiper-card li .img{margin-bottom:5rem}
    .main section.new-sec02 .cont-box ul.swiper-card li .txt{font-weight:500; color:#363636; font-size:2rem;letter-spacing: -1px;text-align:center }
    .main section.new-sec02 .cont-box ul.swiper-card li .logo{margin:4rem auto 0;text-align:center}
    .main section.new-sec02 .cont-box ul.swiper-card li .logo img{display:inline-block}
    .main section.new-sec02 .cont-box ul.swiper-card li .hover-img{position:absolute;top:0;left:0;width:100%;opacity:0; transition:all 0.3s}
    .main section.new-sec02 .cont-box ul.swiper-card li.on .hover-img{opacity:1; transition:all 0.3s}
    */
    .main section.new-sec02 .cont-box .mo-card{padding: 0 5rem;}
    .main section.new-sec02 .cont-box .mo-card ul{display: flex;flex-wrap: wrap;gap: 1.5rem; }
    .main section.new-sec02 .cont-box .mo-card ul li{width: calc((100% - 30px) / 3);position:relative}
    .main section.new-sec02 .cont-box .mo-card ul li .img{}
    .main section.new-sec02 .cont-box .mo-card ul li .img img{max-width:100%}
    .main section.new-sec02 .cont-box .mo-card ul li .hover-box{opacity:0;transition:all 0.3s;position:absolute; top:0;left:0;width:100%;height:100%;background-image:url('../../img/main/renewal_main/new_sec02_card_bg.png?1');background-repeat: no-repeat;background-size:cover;background-position:top center;display: flex;justify-content: center;align-items: center;}
    .main section.new-sec02 .cont-box .mo-card ul li .hover-box .txt-lf{text-align:left;display: flex;flex-direction: column;justify-content: center;align-items: left;gap: 0.5rem;}
    .main section.new-sec02 .cont-box .mo-card ul li .hover-box .txt-lf span{font-family: 'SUIT Variable';color:#fff;font-weight:400; font-size:2.2rem;}
    .main section.new-sec02 .cont-box .mo-card ul li:hover .hover-box{opacity:1; transition:all 0.3s}
	
    .main section.new-sec03 {padding:10rem 0;}
    .main section.new-sec03 .cont-box {padding-top:10rem}
    .main section.new-sec03 .cont-box .price-box dt{padding-bottom: 0.3rem;width:15rem;}
    .main section.new-sec03 .cont-box .price-box dt ul{gap: 0.6rem;}
    .main section.new-sec03 .cont-box .price-box dt ul li{height:8.4rem;font-size:1.5rem;padding-left:2rem;}
    .main section.new-sec03 .cont-box .price-box dd{margin-right:0.5rem;width: calc((100% - 15rem) / 4);}
    .main section.new-sec03 .cont-box .price-box dd .name{height:5rem;font-size:1.8rem;}
    .main section.new-sec03 .cont-box .price-box dd ul li{height:9rem;font-size:2rem;}
    .main section.new-sec03 .cont-box .price-box dd ul li span{font-size: 1.5rem;}
    .main section.new-sec03 .cont-box .price-box dd ul li.price-ttl{padding:1rem;}
    .main section.new-sec03 .cont-box .price-box dd ul li.price-ttl p{border-radius:1.5rem;font-size:1.6rem;}
    .main section.new-sec03 .cont-box .price-box dd.makeshop ul li > a{font-size:1.2rem;width:auto; height:auto;padding: 0.5rem 1rem; border-radius:3rem;}
    .main section.new-sec03 .cont-box .price-box dd.makeshop ul li.price-ttl p > a{font-size:1.6rem;}
    .main section.new-sec03 .cont-box .bottom-txt{font-size:1.3rem; margin-top:2rem}


    .main section.new-sec04 {padding:10rem 0;}
    .main section.new-sec04 .cont-box {padding-top:10rem}
    .main section.new-sec04 .cont-box ul{gap:1rem;}
    .main section.new-sec04 .cont-box ul li{width:calc(50% - 0.5rem);padding:3rem 0 0}
    .main section.new-sec04 .cont-box ul li .tit{font-size:2.5rem;letter-spacing:0rem;padding:0 3.5rem;}
    .main section.new-sec04 .cont-box ul li .txt{font-size:1.4rem;margin-top:1rem;padding:0 3.5rem;}
    .main section.new-sec04 .cont-box ul li .bg-img{height:auto;padding-left:35%}
    .main section.new-sec04 .cont-box ul li .bg-img img{max-height:auto}

    .main section.new-sec05 {padding:10rem 0;}
    .main section.new-sec05 .cont-box .txt-box li{font-size:2.2rem;margin-bottom:1.5rem;display: flex;justify-content: center;align-items: center;}
    .main section.new-sec05 .cont-box .txt-box li img{margin-right:0.5rem}
    .main section.new-sec05 .shop-channel-box {margin:12rem 0}
    .main section.new-sec05 .shop-channel-box .shop-channel-bottom{margin-top:3.5rem;}
    .main section.new-sec05 .shop-channel-box ul{display:flex;gap:4rem;justify-content: center;align-items: center;padding-left:4rem}
    .main section.new-sec05 .shop-channel-box ul li{width:10rem;height:10rem}
    .main section.new-sec05 .shop-channel-box ul li img{max-width:100%}

    .main section.new-sec06{padding:10rem 0;}
    .main section.new-sec06 .cont-box {padding-top:10rem}
    .main section.new-sec06 .cont-box dl{gap:2rem}
    .main section.new-sec06 .cont-box dl.bottom-box{margin-top:2rem}
    .main section.new-sec06 .cont-box dl dt{width:40%;padding:0 2rem;}
    .main section.new-sec06 .cont-box dl dd{width: 60%;}
    .main section.new-sec06 .cont-box dl dd .txt-box .tit{font-size:3.4rem; }
    .main section.new-sec06 .cont-box dl dd .txt-box .txt{font-size:2rem;margin-top:2rem}

    .main section.new-sec07 .section-wrap .bg-section{height:70vh}
    .main section.new-sec07 .section-wrap .bg-section.sec-cont02{justify-content:center}
	.main section.new-sec07 .new-sec06-bg{background-image: url('../../img/main/renewal_main/new_sec07_bg_mo.jpg');background-size: 101%;background-position: bottom}	
	.main section.new-sec07 .sec-cont01 .cont-box dl dt{font-size:1.8rem}
	.main section.new-sec07 .sec-cont01 .cont-box dl dd{font-size:2.4rem}
	.main section.new-sec07 .sec-cont01 .cont-box dl dd strong{font-size:3.5rem}
	.main section.new-sec07 .sec-cont01 .cont-box dl:nth-child(1) dd strong span.num{width:5rem; }
	.main section.new-sec07 .sec-cont01 .cont-box dl:nth-child(2) dd strong span.num{width:3rem;}
	.main section.new-sec07 .sec-cont01 .cont-box dl:nth-child(3) dd strong span.num{width:7rem;}
    .main section.new-sec07 .sec-cont02 .cont-box ul.brand-list{grid-template-columns: repeat(3, 1fr);gap: 1rem;}
    .main section.new-sec07 .sec-cont02 .cont-box ul.brand-list li .pc-logo{display:none}
    .main section.new-sec07 .sec-cont02 .cont-box ul.brand-list li .mo-logo{display:block}

    .main section.new-sec08{height:80vh; }
    .main section.new-sec08 .bg-section{height:80vh; }


}
@media all and (max-width:600px){


    .main section.new-sec03 .cont-box .price-box dt{display:none}
    .main section.new-sec03 .cont-box .price-box dd{margin-right:0.5rem;width: calc( 100% / 4);}
    .main section.new-sec03 .cont-box .price-box dd .name{height:5rem;font-size:1.8rem;}
    .main section.new-sec03 .cont-box .price-box dd ul li{height:9rem;font-size:2rem;}
    .main section.new-sec03 .cont-box .price-box dd ul li .mo-txt{display:block; font-size:1.2rem; color:#8991A8; font-weight:600;text-align:center}
    .main section.new-sec03 .cont-box .price-box dd ul li span{display:none}
    .main section.new-sec03 .cont-box .price-box dd ul li.price-ttl{padding:1rem;height:7rem}
    .main section.new-sec03 .cont-box .price-box dd ul li.price-ttl p{border-radius:1rem;font-size:1.6rem;}
    .main section.new-sec03 .cont-box .price-box dd.makeshop ul li > a{font-size:1.2rem;width:auto; height:auto;padding: 0.5rem 1rem; border-radius:3rem;}
    .main section.new-sec03 .cont-box .price-box dd.makeshop ul li.price-ttl p > a{font-size:1.6rem;}
    .main section.new-sec03 .cont-box .bottom-txt{font-size:1.3rem; margin-top:2rem}

    .main section.new-sec07 .sec-cont01 .cont-box {margin-top: 10rem;flex-direction: column;gap: 5rem;}	
    .main section.new-sec07 .sec-cont02 .cont-box ul.brand-list{grid-template-columns: repeat(3, 1fr);gap: 0.5rem;}



    .main .start-btn{width:11rem;height:4rem;border-radius:4rem;bottom:2rem;}
    .main .start-btn a{font-size:1.5rem;line-height: 1.1;}

    

    
    

}

@media all and (max-width:500px){

	.main section.new-sec01 .mo-bg{z-index: -1;position: fixed;width: 100%;}

	.main section.renew-main .section-wrap{padding:0 1.5rem}

	.main section.renew-main h2.new-main-h2-tit{font-size:2.2rem;letter-spacing:-0.05px;}
	.main section.renew-main h2.new-main-h2-tit .sub-tit{font-size:1.6rem;font-weight:600;}
	.main section.renew-main h2.new-main-h2-tit i.grd-txt{font-size:2.5rem;}
	.main section.renew-main h2.new-main-h2-tit span{/*display:inline*/}

    .main section.new-sec02 {padding:14rem 0 5rem}
    .main section.new-sec02 .cont-box{padding-top:5rem}
    /*
    .main section.new-sec02 .cont-box ul.swiper-card li{width:22rem;height:28.8rem;padding:2rem 2rem;border-radius:2rem }
    .main section.new-sec02 .cont-box ul.swiper-card li .img{margin-bottom:2rem}
    .main section.new-sec02 .cont-box ul.swiper-card li .txt{font-size:1.3rem;letter-spacing: -0.5px;height:60px}
    .main section.new-sec02 .cont-box ul.swiper-card li .logo{margin:1.5rem auto 0;height:2rem}
    .main section.new-sec02 .cont-box ul.swiper-card li .logo img{height:100%}
    */
    .main section.new-sec02 .cont-box .mo-card{padding:0 1.5rem}
    .main section.new-sec02 .cont-box .mo-card ul{gap: 0.75rem; }
    .main section.new-sec02 .cont-box .mo-card ul li{width: calc((100% - 1.5rem) / 3);}
    .main section.new-sec02 .cont-box .mo-card ul li .hover-box .txt-lf{gap: 0.5rem;}
    .main section.new-sec02 .cont-box .mo-card ul li .hover-box .txt-lf span{ font-size:1.2rem;}

	.main section.new-sec03{padding:5rem 0}
    .main section.new-sec03 .cont-box {padding-top:5rem}
    .main section.new-sec03 .cont-box .price-box dd{margin-right:0.5rem;width: calc( 100% / 3);border-radius:1rem;}
    .main section.new-sec03 .cont-box .price-box dd:last-child{display:none}
    .main section.new-sec03 .cont-box .price-box dd .name{height: 4rem;font-size: 1.5rem;padding-top: 0.5rem;}
    .main section.new-sec03 .cont-box .price-box dd ul li{height:8rem;font-size:1.8rem;}
    .main section.new-sec03 .cont-box .price-box dd ul li .mo-txt{font-size:1.1rem;margin-bottom: 0.3rem;}
    .main section.new-sec03 .cont-box .price-box dd ul li.price-ttl{padding:0.5rem;height:5rem}
    .main section.new-sec03 .cont-box .price-box dd ul li.price-ttl p{font-size:1.4rem;}
    .main section.new-sec03 .cont-box .price-box dd ul li:first-child{border-radius:1rem 1rem 0 0}
    .main section.new-sec03 .cont-box .price-box dd ul li:last-child{border-radius: 0 0 1rem 1rem}
    .main section.new-sec03 .cont-box .price-box dd.makeshop ul li{font-size:1.8rem; border: 1px solid #E2E8F0;border-top:0;}
    .main section.new-sec03 .cont-box .price-box dd.makeshop{padding:0;margin-bottom:0rem;}
    .main section.new-sec03 .cont-box .price-box dd.makeshop ul li > a{font-size: 0.9rem;padding: 0.25rem 1rem;border-radius:1rem;font-weight: 500;margin-top: 0.3rem;}
    .main section.new-sec03 .cont-box .price-box dd.makeshop ul li.price-ttl p > a{font-size:1.4rem;}
    .main section.new-sec03 .cont-box .bottom-txt{font-size:1.3rem; margin-top:2rem}
	
    .main section.new-sec04 {padding:5rem 0;}
    .main section.new-sec04 .cont-box {padding-top:5rem}
    .main section.new-sec04 .cont-box ul{gap:1rem;}
    .main section.new-sec04 .cont-box ul li{width:100%;padding:3rem 0 0}
    .main section.new-sec04 .cont-box ul li .tit{font-size:2.1rem;padding:0 3rem;}
    .main section.new-sec04 .cont-box ul li .txt{font-size:1.3rem;margin-top:1rem;padding:0 3rem;}
    .main section.new-sec04 .cont-box ul li .bg-img{padding-left:45%}
    .main section.new-sec04 .cont-box ul li .bg-img img{max-height:auto}

    .main section.new-sec05 {padding:5rem 0;}
    .main section.new-sec05 .cont-box .txt-box{text-align: left;width: 80%;margin: 0 auto;}
    .main section.new-sec05 .cont-box .txt-box li{font-size:1.5rem;margin-bottom:1rem;display: block;text-indent: -1.5rem;padding-left: 1.5rem;}
    .main section.new-sec05 .cont-box .txt-box li img{margin-right: -0rem;vertical-align: middle;width: 1.2rem;margin-top: -0.5rem;}
    .main section.new-sec05 .shop-channel-box {margin:6rem 0}
    .main section.new-sec05 .shop-channel-box .shop-channel-bottom{margin-top:2rem;}
    .main section.new-sec05 .shop-channel-box ul{gap:2rem;justify-content: center;align-items: center;padding-left:2rem}
    .main section.new-sec05 .shop-channel-box ul li{width:8rem;height:8rem}

    .main section.new-sec06 {background:#fff; padding:5rem 0;position:relative; z-index:2}
    .main section.new-sec06 .cont-box {padding-top:5rem}
    .main section.new-sec06 .cont-box dl{ background:#227AFF;flex-direction: column;border-radius:2rem;padding:1rem 3rem 3rem}
    .main section.new-sec06 .cont-box dl.top-box{gap:0}
    .main section.new-sec06 .cont-box dl.bottom-box{flex-direction: column;margin-top:1rem;gap:3rem}
    .main section.new-sec06 .cont-box dl dt{width:50%;height:auto;border-radius:2rem;padding:0}
    .main section.new-sec06 .cont-box dl dd{display:flex;width:100%;height: auto }
    .main section.new-sec06 .cont-box dl dd .txt-box{text-align:center;}
    .main section.new-sec06 .cont-box dl dd .txt-box .tit{font-size:2rem;color:#fff }
    .main section.new-sec06 .cont-box dl dd .txt-box .txt{font-size:1.4rem;margin-top:1rem;color:#fff}

    .main section.new-sec07 .section-wrap .bg-section{height:80vh}
    .main section.new-sec07 .section-wrap .bg-section.sec-cont02{height:60vh}
    .main section.new-sec07 .sec-cont01 .cont-box {margin-top: 5rem;gap:3.5rem;}
    .main section.new-sec07 .sec-cont01 .cont-box dl dt{font-size:1.5rem}
	.main section.new-sec07 .sec-cont01 .cont-box dl dd{font-size:1.8rem}
	.main section.new-sec07 .sec-cont01 .cont-box dl dd strong{font-size:3.5rem}
	.main section.new-sec07 .sec-cont01 .cont-box dl:nth-child(1) dd strong span.num{width:5rem; }
	.main section.new-sec07 .sec-cont01 .cont-box dl:nth-child(2) dd strong span.num{width:3rem;}
	.main section.new-sec07 .sec-cont01 .cont-box dl:nth-child(3) dd strong span.num{width:7rem;}



}