:root {
		--base-margin: 20px;
		--cpy_pop_step_em: 20px;
	}
	.cpy_main {
		font-size: 20px;
	}
	
	.cpy_visual1 {
	    min-height: calc(100vh - var(--main_header_height));
	    padding: var(--layout_section_padding);
	    background: url(../images/contents/bg_cpy_visual01.png) no-repeat center / cover;
	}
	
	.cpy_sec1_text1 {
		display: inline-block;
		margin-top: calc(var(--base-margin) * 2);
		padding: 10px 20px;
		border: 1px solid #000;
		border-radius: 30px;
		font-size: 1.1em;
	}
	.cpy_sec1_text2 {
		margin: calc(var(--base-margin) * 2) 0;
		font-size: 2.5em;
		font-weight: 800;
	}
	.cpy_sec1_text3 {
		margin-bottom: calc(var(--base-margin) * 3.5);
		font-size: 1.3em;
	}
	.cpy_sec1_btn1 {
	    min-width: 8.5em;
		padding: 10px 20px;
		border-radius: 30px;
		background-color: var(--yellow);
		font-size: 1.1em;
		font-weight: 700;
	}
	.cpy_visual2 {
		padding: var(--layout_section_padding);
		background: url(../images/contents/bg_cpy_visual02.png) no-repeat center / cover;
		color: #fff;
	}
	.cpy_sec2_title1 {
		margin-top: calc(var(--base-margin) * 1.3);
		text-align: center;
		font-size: 2.5em;
		font-weight: 800;
	}
	.cpy_sec2_text1 {
		margin: calc(var(--base-margin) * 1.5) 0 calc(var(--base-margin) * 2.5);
		text-align: center;
		font-size: 1.3em;
	}
	.cpy_sec2_card_wrap {
		display: flex;
		justify-content: center;
		gap: 0 4em;
	}
	.cpy_sec2_card {
		display: flex;
		flex-direction: column;
		gap: calc(var(--base-margin) * 1.5) 0;
		width: 14em;
    	max-width: 40%;
		padding: 3em 2.5em;
		border: 2px solid #a3a3a3;
		border-radius: 25px;
		background-color: #3a3838;
	}
	.cpy_sec2_title2 {
		font-size: 1.2em;
	}
	.cpy_sec2_list1 > li {
		margin-bottom: var(--base-margin);
		font-size: 1em;
	}
	.cpy_sec2_list1 > li:last-child {
		margin-bottom: 0;
	}
	.cpy_sec2_btn1 {
		width: 100%;
		margin-top: auto;
		padding: calc(var(--base-margin) * 0.9) 0;
		background-color: #656565;
		border-radius: 10px;
		color: #fff;
		font-size: 0.8em;
	}
	.cpy_sec2_text2 {
		margin-top: calc(var(--base-margin) * 2.5);
		font-size: 1em;
		text-align: center;
	}
	.cpy_sec3_title1 {
		display: flex;
		justify-content: center;
		align-items: end;
		font-size: 2.5em;
		gap: 0 10px;
	}
	.cpy_sec3_card_wrap {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 2em 2em;
		margin-top: 4em;
		padding: 0 7.5em;
	}
	.cpy_sec3_card {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: calc(33.33% - 1.33em);
		max-width: 25em;
		min-width: 20em;
		padding: 3em 2.5em;
		box-shadow: 0 9px 25px 0 rgba(107,127,255,0.16);
		box-sizing: border-box;
		border-radius: 25px;
	}
	.cpy_sec3_card:nth-child(2){background-color: var(--yellow);}
	.cpy_sec3_card:nth-child(3){background-color: #3a3838; color: #fff;}
	.cpy_sec3_card > img {
		width: 4.5em;
		margin-bottom: 1.25em;
	}
	.cpy_sec3_title2 {
		text-align: center;
		font-size: 1.7em;
		font-weight: 800;
	}
	.cpy_sec3_text1 {
		margin: var(--base-margin) 0 calc(var(--base-margin) * 1.5);
		font-size: 1.1em;
	}
	.cpy_sec3_btn1 {
		margin-top: auto;
		font-size: 1.1em;
		font-weight: 700;
		text-decoration: underline;
	}
	.cpy_sec3_card:nth-child(3) .cpy_sec3_btn1 {color: #fff;}
	
	
	.cpy_sec4_title1 {
		font-size: 2.5em;
		font-weight: 800;
	}
	.cpy_sec4_text1 {
		margin: calc(var(--base-margin) * 1.5) 0;
		font-size: 1.3em;
		text-decoration: underline;
	}
	
	.cpy_visual3 {
	    background: url(../images/contents/bg_cpy_visual03.png) no-repeat center / contain;
	}
	.cpy_sec4_contents1 {
	  	display: grid;
	  	grid-template-columns: repeat(auto-fill, 5em);
	  	justify-content: center;
	  	gap: 2em 5em;
	}
	.cpy_sec4_contents1 .cpy_flag {
		width: 5em;
	}
	.cpy_sec4_contents1 .cpy_flag > img {
		display: block;
		width: 100%;
		margin-bottom: 1.1em;
	}
	.cpy_sec4_contents1 .cpy_flag > span {
		font-size: 0.9em;
		font-weight: 800;
	}
	
	.cpy_sec4_text2 {
		margin: 4em 0 2.5em;
		font-size: 1em;
	}
	.cpy_sec4_btn1 {
		min-width: 8.5em;
		padding: 10px 20px;
		border-radius: 30px;
		background-color: var(--yellow);
		font-size: 1em;
		font-weight: 700;
	}
	.cpy_sec5_title1 {
		margin-bottom: calc(var(--base-margin) * 4);
		font-size: 2.5em;
		font-weight: 800;
		text-align: center;
	}
	.cpy_sec5_card_wrap {
		display: flex;
		gap: 0 3em;
	}
	.cpy_sec5_card {
		flex-shrink: 0;
		display: flex;
		flex-direction: column;
		width: calc(50% - 1.5em);
		padding: 3em 2.5em;
		border-radius: 30px;
		background-color: #fff;
		text-align: center;
		box-sizing: border-box;
	}
	.cpy_sec5_title2 {
		font-size: 1.4em;
		font-weight: 700;
	}
	.cpy_sec5_contents1 {
		display: flex;
		flex-wrap: wrap;
		gap: 2.5em 0;
		margin-top: auto;
	}
	.cpy_sec5_contents2 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 50%;
		padding: 0 1em;
		box-sizing: border-box;
		text-align: center;
	}
	.cpy_sec5_contents2 > img {
		flex-shrink: 0;
		width: 1.6em;
		height: 4.25em;
	}
	.cpy_sec5_text1 {
		margin: 2em 0 3em;
		font-size: 1em;
		text-align: left;
	}
	.cpy_sec5_card_wrap2 {
		display: flex;
		gap: 0 2em;
	}
	.cpy_sec5_card2 {
		flex-shrink: 0;
		display: flex;
		flex-direction: column;
		width: calc(50% - 1em);
		padding: 2em 2em 1.5em;
		border-radius: 30px;
		background-color: #fff;
		text-align: center;
		box-sizing: border-box;
	}
	.cpy_sec5_img1 {
		display: block;
		width: 13.5em;
		margin: 1em auto;
	}
	.cpy_sec5_text2 {
		color: #989898;
	}
	.cpy_sec5_text3 {
		font-size: 3.5em;
		font-weight: 700;
	}
	.cpy_sec6_title1 {
		text-align: center;
		font-size: 2.5em;
		font-weight: 800;
	}
	.cpy_sec6_contents1 {
		margin-top: 2.5em;
		padding: 3em;
		background-color: #f4f4f4;
		border-radius: 30px;
	}
	.cpy_sec6_title2 {
		margin-bottom: calc(var(--base-margin) * 2);
		text-align: center;
		font-size: 1.5em;
	}
	
	.progress_steps {
		display: flex;
		justify-content: space-between;
		padding: 0 3em;
		position: relative;
	}
	.progress_steps::before {
		content: "";
		display: block;
		width: calc(100% - 6em);
		height: 2px;
		background-color: #000;
		position: absolute;
		top: calc(1em + 6px);
		z-index: 0;
	}
	.progress_steps .step {
		position: relative;
		z-index: 1;
	}
	.progress_steps .step_num_wrap {
		padding: 0 1em;
		background-color: #f4f4f4;
	}
	.progress_steps .step_num {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 2em;
		height: 2em;
		margin: 0 auto calc(var(--base-margin) * 1.5);
		font-size: 1.4em;
		font-weight: 800;
		color: #fff;
		border-radius: 50%;
		background-color: #000;
	}
	.progress_steps .step_text {
		width:10em;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		font-size: 1em;
		font-weight: 700;
		text-align: center;
	}
	.progress_steps .step_list {
		width: 20em;
		position: absolute;
		top: calc(100% + 30px);
		left: 0;
		text-align: left;
		font-size: 0.9em;
		color: #00000066;
	}
	.progress_steps .step_list li {
		margin-bottom: 10px;
	}
	.cpy_sec6_btn_wrap {
		display: flex;
		gap: 0 20px;
		margin-top: 2em;
		box-sizing: border-box;
	}
	.cpy_sec6_btn1 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 50%;
		padding: 1.5em 2em;
		border-radius: 1.5em;
		background-color: var(--yellow);
		cursor: pointer;
	}
	.cpy_sec6_btn1.black {
		background-color: #3a3838;
		color: #fff;
	}
	.cpy_sec6_title3 {
		font-size: 1.5em;
		font-weight: 800;
	}
	.cpy_sec7_title1 {
		margin-bottom: calc(var(--base-margin) * 5);
		text-align: center;
		font-size: 2.5em;
		font-weight: 800;
	}
    .roller.original{
        animation: 26s linear 0s infinite normal forwards running rollingleft1;
    }
    .roller.clone{
        animation: 26s linear 0s infinite normal none running rollingleft2;
    }
    .roller2.original{
        animation: 20s linear 0s infinite reverse forwards running rollingleft1;
    }
    .roller2.clone{
        animation: 20s linear 0s infinite reverse none running rollingleft2;
    }
    @keyframes rollingleft1 { /* �먮낯�� */
        0% {
            transform: translateX(0);
        }
        50% {
            transform: translateX(-100%);
        }
        50.01%{
            transform: translateX(100%);
        }
        100%{
            transform: translateX(0);
        }
    }

    @keyframes rollingleft2 { /* �대줎�� */
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-200%);
        }
    }
    .view_m{display: none;}
	.view_pc{display: block;}
	.popup_area .cpy_popup_bg{
		display:none; 
		position:fixed; 
		left:0; 
		top:0; 
		width:100%; 
		height:100%;
		background:rgba(0,0,0,0.5); 
		z-index:100;
	}
	.popup_area .cpy_popup{
		display:none;
		position:fixed;
		left:50%;
		top:50%;
		z-index:101;
		transform:translate(-50% , -50%);
		width:1039px;		
		min-height:800px;
		background:#fff /*url(../../../resources/images/contents/cpy_pop/page2_bg.png) no-repeat center top / contain*/;
		border-radius:30px;
		padding:46px 0;
		box-sizing:border-box;
		border-radius: 15px;
		box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.16);
	}
	
	.popup_area .cpy_popup .cpy_pop_con{
		padding: 0 0px 0 75px;
		box-sizing:border-box;
		height: 100%;
		position: relative;
		max-height: 80vh;
	}
	.popup_area .cpy_popup .tit_box:after{
		content:''; 
		display:table; 
		clear:both; 
		padding-bottom:30px;
	}
	.popup_area .cpy_popup .tit_box p{
		font-size:36px; 
		font-weight:800;
		color:#000000;
	}
	.popup_area .cpy_popup .tit_box p.txt_mini{
		font-size: 0.7em;
		font-weight: 500;
	    line-height: 1.5;
	    color: #fff;
	    width: 50%;
	    padding: 0 0 33px;
	}	
	.popup_area .cpy_popup .close_btn{
    	display: none;
		right: 4em;
		position: fixed;
    	z-index: 10;
	}
	.popup_area .cpy_popup .close_btn.black {
		display: block;
	}
	.popup_area:has(.dark) .cpy_popup .close_btn.white {
		display: block;
	}
	.popup_area:has(.dark) .cpy_popup .close_btn.black {
		display: none;
	}
	.popup_area .cpy_popup .close_btn img{
		width: 16px;
		height: 16px;
	}
	.popup_area .cpy_popup .cpy_pop_con .text_box{
		font-size: 1.2em;
		font-weight: 500;
		line-height: 1.67;
	}
	.popup_area .cpy_popup .cpy_pop_con .txt_mini{
		font-size: 0.7em;
		font-weight: 500;
	    line-height: 1.5;
	    color: #fff;
	    width: 50%;
	    padding: 0 0 33px;
	}
	.popup_area .cpy_popup .cpy_pop_con .text_box .cpy_pop_con_btn {
	    min-width: 8.5em;
	    padding: 14px 29px;
	    border-radius: 30px;
	    background: rgba(255, 255, 255, 0.1);
	    border: 2px solid #fff;
	    font-size: 0.835em;
	    color: #fff;
	    
	}
	.popup_area .cpy_popup .cpy_pop_con .text_box li{
	    padding-left: 134px;
	    text-indent: -133px;
	}
	.popup_area .cpy_popup .cpy_pop_con .text_box li span{
	    display: inline-block;
	    width: 20px;
	    height: 20px;
	    background: #000;
	    border-radius: 50%;
	    font-size: 0.8em;
	    color: #fff;
	    text-align: center;
	    line-height: 20px;
	    margin-right: 12px;
	    text-indent: 0;
	}		
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con1 .tit_box p{
		padding-top: 1em;
	}
	.popup_area .cpy_popup .cpy_pop_con1 .text_box{
		padding: 0.8em 3.8em 0.8em 0;
	}
	.popup_area .cpy_popup .cpy_pop_con1 .cpy_pop_con_l{
		width: 60%;
		z-index: 6;
	}
	.popup_area .cpy_popup .cpy_pop_con1 .cpy_pop_con_r{
	    width: 60%;
	    height: 680px;
	    display: flex;
	    top: -1em;
	    right: 2em;
	    position: absolute;
	    align-items: flex-end;
	    background: url(../images/contents/cpy_pop/bg_pop01.png) no-repeat center bottom / contain;
	    justify-content: space-between;
	    padding-bottom: 20px;
	}
	.popup_area .cpy_popup .cpy_pop_con1 .cpy_pop_con_r ul{
	    width: 165px;
	}
	.popup_area .cpy_popup .cpy_pop_con1 .cpy_pop_con_r li{
	    display: flex;
	    font-size: 1.2em;
	    color: #888;
	    height: 4.8em;
	    align-items: center;
	}
	.popup_area .cpy_popup .cpy_pop_con1 .cpy_pop_con_r p{
		line-height: 1.3;
	}
	.popup_area .cpy_popup .cpy_pop_con1 .cpy_pop_con_r ul.cyp_pop_con1_imgsec1 li{
		justify-content: flex-end;
	}
	.popup_area .cpy_popup .cpy_pop_con1 .cpy_pop_con_r ul.cyp_pop_con1_imgsec2 li.tit{
	    margin-bottom: 1em;
	    font-size: 1.33em;
	    color: #000;
	}
			
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2{
	    padding: 1em 6em 1em 5em;
	    word-break: keep-all;
	}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .text_box {
		padding-bottom: 0.6em;
	}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .text_box p{
		padding: 0.5em 0;
	}
	.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card{
    	padding: 2em 0 1.7em 2em;
		/*border:1px solid #000;*/ 
		height: 120px;
    	background-color: #fff;
		border-radius: 2em;
		margin-top: 18px;
	    display: flex;
	    flex-direction: row;
	    justify-content: flex-start;
	    align-items: center;
	}
	.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card:last-child{
		margin-top:2em;
	}
	.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .cpy_pop_card_l{
	    width: 10%;
	    text-align: center;
	}
	.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .cpy_pop_card_l p{
	    font-size: 16px;
	    font-weight: 800;
	    line-height: 1.5;
	    color: #000;
	    padding-top: 7px;
	}
	.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .cpy_pop_card_l .cpy_pop_card_l_img1{
		width: 60px;
		padding-right: 13px;
	}
	.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .cpy_pop_card_l .cpy_pop_card_l_img2{
		width: 80px;
	}
	.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .cpy_pop_card_r{
	    width: 90%;
	}
	.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .cpy_pop_card_r img{
	    margin-bottom: 10px;
	}
	.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .cpy_pop_card_r .txt_mini{
		font-size: 11px;
		font-weight: 500;
	    line-height: 1.5;
	    color: #969696;
	}
	.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .cpy_pop_card_r .txt_point{
		font-weight: 800;
		padding: 0 5px;
		background: linear-gradient(#fff 50%, yellow 50%)
	}
	.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .speech_bubble {
	    position: relative;
	    background: #000000;
	    color: #fff;
	    border-radius: 10px;
	    padding: 6px 9px !important;
	    font-size: 12px;
	    margin-top: 8px;
	}	
	.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .speech_bubble:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 0;
		height: 0;
		border-top-width: 5px;
		border: 8px solid transparent;
		border-top-width: 8px;
		border-left-width: 4px;
		border-right-width: 4px;
		border-top-color: #000000;
		border-bottom: 0;
		margin-left: -4px;
		margin-bottom: -8px;
	}
	.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .speech_bubble.red {
	    background: #d80000;
	}	
	.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .speech_bubble.red:after {
		border-top-color: #d80000;
	}
	
	.cpy_progress_wrap {
		display: flex;
		flex-wrap: wrap;
	}
	.cpy_progress_bar {
		width: 100%;
		position: relative;
		margin-bottom: 20px;
	}
	.cpy_progress_bar > hr {
		display: block;
		border: 1px solid #ffd21d;
		background-color: #ffd21d;
		width: 100vw;
		margin: 0;
	}
	.cpy_progress_bar.gray > hr {
		border: 1px solid #d6d6d6;
		background-color: #d6d6d6;
	}
	.cpy_progress_circle {
		display: inline-block;
		position: absolute;
		top: -3px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #ffd21d;
	}
	.cpy_progress_bar.custom1 > hr {
	 	border: 1px solid #fff;
	 	background-color: #fff;
	}
	.cpy_progress_bar.custom1 .cpy_progress_circle {
		width: 12px;
		height: 12px;
		top: -6px;
		background-color: #fff;
	}
	.cpy_progress_text {
		display: flex;
		width: 100%;
	}
	/* text媛� 4媛� �쇰븣(湲곕낯) */
	.cpy_progress_text > p {
		width: 25%;
		font-size: 18px;
	}
	.cpy_progress_text > p > span {
	    display: inline-block;
		padding-right: 30%;
	}
	
	/* text媛� 3媛� �쇰븣(湲곕낯) */
	.pieces3 .cpy_progress_text > p {width: 40%;}
	.pieces3 .cpy_progress_text > p:last-child {width: 20%;}
	/* text媛� 5媛� �쇰븣(湲곕낯) */
	.pieces5 .cpy_progress_text > p {width: 20%;}

	.cpy_progress_bar.custom2{
    	left: 10%;
    	margin-bottom: 10px;
	}
	.cpy_progress_bar.custom2 > hr {
	 	border: 1px solid #888;
	 	background-color: #888;
	 	width: 80%;
	}
	.cpy_progress_bar.custom2 .cpy_progress_circle {
	    width: 7px;
	    height: 7px;
	    top: -3px;
		background-color: #888;
	}
	
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .cpy_progress_text > p{
		text-align: center;
		font-size: 1em;
	}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .cpy_progress_text > p > span{
		padding:0;
	}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_text > p{
		width: 22%;
	}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_text > p:first-child,
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_text > p:last-child{
		width: 17%;
	}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .cpy_progress_bar.custom2{left: 8%;}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .cpy_progress_bar.custom2 > hr{width: 83%;}
	/* circle�� 5媛� �쇰븣 */
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_circle2 {left: 19.5%;}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_circle2,
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_circle3 {left: 41.5%;}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_circle4 {left: 64%;}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_circle3,
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_circle5 {left: 83%;}
	
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_text > p {
	    width: 26%;
	    margin-right: 20%;
	}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_text > p:first-child,
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_text > p:last-child{
		width: 17%;
	}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_text > p:last-child {
	    margin-right: 0%;
	}
			
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con3{
	    padding-top: 1em;
	    word-break: keep-all;
	    background: url(../images/contents/cpy_pop/bg_pop02.png) no-repeat right bottom / 55%;
	}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con3 .tit_box p{
    	margin-bottom: 12px;
	}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con3 .text_box p.txt_w{
		font-size: 1em;
		font-weight: 500;
	    line-height: 1.5;
	    padding: 10px 0 33px;
	}
	.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con3 .text_box p.tit_y{
		font-size: 1em;
		font-weight: 800;
		line-height: 1.67;
		color: #ffd21d;
	}
	.popup_area .cpy_popup.dark{
		background-color: #3a3838;
	}
	.popup_area .cpy_popup.yellow{
		background-color: #fdf2c3;
	}
	.popup_area .cpy_popup.dark .tit_box p{
		color:#fff;
	}
	.popup_area .cpy_popup.dark .text_box p{
		color:#fff;
	}
	.cpy_pop_con4,
	.cpy_pop_con5 {
		font-size: 20px;
	}
	.cpy_pop_progerss {
		margin: 0 3em;
		position: relative;
		overflow: hidden;
	}
	.cpy_pop_progerss::before {
		content: "";
		width: 1px;
		height: 100vh;
		position: absolute;
		left: 9.3em;
		top: 0;
		background-color: #000;
	}
	.dark .cpy_pop_progerss::before {
		background-color: #fff;
	}
	.cpy_pop_progerss .step {
		display: flex; 
		gap: 0 2.5em; 
		align-items: start;
		margin-bottom: calc(var(--cpy_pop_step_em) * 2.5) ; 
		position: relative;
		z-index: 1;
	}
	.cpy_pop_progerss .step:last-child {
		margin-bottom: 0;
	}
	.cpy_pop_progerss .step_text1 {
		width: calc(var(--cpy_pop_step_em) * 6); 
		padding: calc(var(--cpy_pop_step_em) * 0.45) 0; 
		flex-shrink: 0;
		background-color: var(--yellow); 
		border: 1px solid #000; 
		border-radius: 20px; 
		font-size: 0.7em; 
		text-align: center;
	}
	.cpy_pop_progerss .step .step_num_div {
		padding-top: 0.2em;
		flex-shrink: 0;
	}
	.cpy_pop_progerss .step:first-child .step_num_div {
		background-color: #fdf2c3;
	}
	.cpy_pop_progerss .step:last-child .step_num_div {
		margin-top: 0.2em;
		padding-top: 0;
		padding-bottom: 3.2em;
		background-color: #fdf2c3;
	}
	.dark .cpy_pop_progerss .step:first-child .step_num_div {
		background-color: #3a3838;
	}
	.dark .cpy_pop_progerss .step:last-child .step_num_div {
		background-color: #3a3838;
	}
	.cpy_pop_progerss .step_num {
		width: calc(var(--cpy_pop_step_em) * 1.5) ; 
		height: calc(var(--cpy_pop_step_em) * 1.5) ; 
		font-size: 0.7em; 
		background-color: #000; 
		display: flex; 
		justify-content: center; 
		align-items: center; 
		color: #fff; 
		border-radius: 50%;
	}
	.dark .cpy_pop_progerss .step_num {
		color: #000; 
		background-color: #fff; 
	}
	.cpy_pop_progerss .step_text2 {
		padding-top: calc(var(--cpy_pop_step_em) * 0.3) ;
		font-size: 0.9em;
		font-weight: 700;
		line-height: 1.6;
	}
	.dark .cpy_pop_progerss .step_text2 {
		color: #fff;
	}
	
    @media all and (max-width:1400px) {
    	:root {
			--base-margin: 16px;
			--cpy_pop_step_em: 16px;
		}
		.cpy_main {
			font-size: 16px;
		}
		.cpy_pop_con4,
		.cpy_pop_con5  {
			font-size: 16px;
		}
    }
    @media all and (max-width:1000px) {
	    .rollingbanner > h3 {
			font-size: 3.7vw;
		}
		.rollingbanner .kapi > img {
	    	width: 30vw;
	    }
	    
	    :root {
			--base-margin: 14px;
			--cpy_pop_step_em: 14px;
		}
		.cpy_main {
			font-size: 14px;
		}
		.cpy_pop_con4,
		.cpy_pop_con5  {
			font-size: 14px;
		}
		.cpy_visual1 {
			background: #f1f1f1 url(../images/contents/bg_cpy_visual01-01.png) no-repeat right calc(100% - 10px) / 60%;
		}
		.popup_area .cpy_popup{
			width:93%; 
			min-height:75%;
		}
		.popup_area .cpy_popup .cpy_pop_con1 .cpy_pop_con_l,
		.popup_area .cpy_popup .cpy_pop_con1 .cpy_pop_con_r{
			width: 100%;
	    	position: relative;
		}	
		.popup_area .cpy_popup .cpy_pop_con{
        	padding: 0 4vw;
			overflow-y: auto;
			overflow-x: hidden;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2{
        	padding: 0 4vw;
		}
		.popup_area .cpy_popup .cpy_pop_con1 .text_box {
        	padding: 0.8em 0;
		}
		.popup_area .cpy_popup .cpy_pop_con1 .cpy_pop_con_r{
	        width: 100%;
	        position: relative;
	        height: 80vw;
	        top: inherit;
	        right: inherit;
		}
		.popup_area .cpy_popup .cpy_pop_con1 .cpy_pop_con_r ul {
		    width: 27%;
		}
		.popup_area .cpy_popup .cpy_pop_con1 .cpy_pop_con_r li {
	        font-size: 2.3vw;
	        height: 10.5vw;
		}
		.popup_area .cpy_popup .cpy_pop_con1 .cpy_pop_con_r ul.cyp_pop_con1_imgsec2 li.tit {
	        font-size: 2.8vw;
		}
		.popup_area .cpy_popup .cpy_pop_con1 .cpy_pop_con_r p {
		    line-height: 3vw;
		}
		.popup_area .cpy_popup .cpy_pop_con{
			padding-left:4%;
			padding-right:4%;
		}
	    .popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .cpy_progress_text {
	        display: flex;
	        position: relative;
	        top: 0;
	        width: 100%;
	    }
	    .popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .cpy_progress_bar {
	        width: 100%;
	    }
    }
    @media all and (max-width:768px) {
		.cpy_visual1 {
			min-height: calc(70vh - var(--main_header_height));
		}
		.cpy_sec2_card_wrap {
			gap: 0 2em;
		}
		.progress_steps {
			padding: 0;
		}
		.cpy_sec5_card_wrap {
		    display: flex;
		    flex-direction: column;
		    gap: 3em 0;
		}
		.cpy_sec5_card {
			width: 100%;
		}
		.cpy_sec3_card_wrap {
			display: block;
			padding: 0 3em;
		}
		.cpy_sec3_card {
			max-width: none;
			width: 100%;
			margin-top: 20px;
			box-sizing: border-box;
		}
		.view_m{display: block;}
		.view_pc{display: none;}
		.popup_area .cpy_popup .tit_box p{
			font-size: 5vw;
		}
		.popup_area .cpy_popup .cpy_pop_con .text_box{
			font-size: 3vw;
			line-height: 1.4;
		}
		.popup_area .cpy_popup .cpy_pop_con .text_box li {
		    padding-left: 23vw;
		    text-indent: -23vw;
		}
		.cpy_pop_card_mobile{
	        padding: 3% 0;
	        background-color: #fff;
	        border-radius: 2em;
	        margin-top: 18px;
	        display: flex;
	        flex-direction: row;
		}
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card{
			width: 50%;
	        display: flex;
	        justify-content: flex-start;
	        flex-direction: column;
	        padding: 0;
	        height: auto;
	        margin-top: 18px;
	        padding-bottom: 2em;
		}
		
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .speech_bubble {
		    margin-top: 10px;
		    min-width: 30px;
		    text-align: center;
		    display: block;
		}
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .speech_bubble_t {
		    position: relative;
		    background: #000000;
		    color: #fff;
		    border-radius: 10px;
		    padding: 6px 9px !important;
		    font-size: 12px;
	        margin-top: -3px;
	        min-width: 30px;
	        text-align: center;
	        display: block;
		}	
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .speech_bubble_t:before {
	        content: '';
	        position: absolute;
	        top: -8px;
	        left: 50%;
	        width: 0;
	        height: 0;
	        border-top-width: 5px;
	        border: 8px solid transparent;
	        border-bottom-width: 8px;
	        border-left-width: 4px;
	        border-right-width: 4px;
	        border-bottom-color: #000000;
	        border-top: 0;
	        margin-left: -4px;
		}
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .speech_bubble_t.red {
		    background: #d80000;
		}	
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .speech_bubble_t.red:before {
			border-bottom-color: #d80000;
		}
	
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card:last-child{
	        margin-top: 18px;
		}	
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card:last-child .cpy_pop_card_l{
	        justify-content: center;
		}
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card:last-child .view_m{
		    position: relative;
		    left: -8vw;			
		}
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .view_m:last-child{
		    position: relative;
		    top: 7px;	
		}
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .cpy_pop_card_l{	
	        display: flex;
	        flex-direction: column;
	        width: 100%;
	        align-items: center;
	        height: 130px;
		}
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .cpy_pop_card_l .cpy_pop_card_l_img2{
		    position: relative;
		    left: -5vw;
		}
		
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .cpy_pop_card_r{	
	        display: flex;
	        flex-direction: column;
	        width: 100%;
	        align-items: center;
		}
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .cpy_pop_card_l p{
			font-size: 3vw;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .cpy_progress_text > p{
			font-size: 3vw;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .cpy_progress_text > p .txt_mini{
			font-size: 2vw;
		}
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card .cpy_progress_wrap {
		    display: flex;
		    flex-direction: row;
		    flex-wrap: nowrap;
		    margin-top: 10px;
		    width: 100%;
		    justify-content: center;
		}
		.popup_area .cpy_popup .cpy_pop_con .cpy_pop_card  .cpy_progress_bar {
			width: 20%;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .cpy_progress_bar.custom2{
			left: 10%;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .cpy_progress_bar.custom2 > hr {
			width: 0;
			height: 100%;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .cpy_progress_text {
	        width: 40%;
	        display: block;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_circle {
			left: -3px;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_circle1 {top: 0;}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_circle2 {top: 25%;}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_circle3 {top: 50%;}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_circle4 {top: 75%;}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_circle5 {top: 100%;}
		.cpy_progress_text {
			display: block;
			position: relative;
			top: -7px;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_text > p,
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_text > p:first-child, 
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_text > p:last-child{		
			width: 100%;
			height: 10vw;
			text-align: left;
			position: relative;
		}		
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .cpy_progress_text > p:first-child{
			top: -1vw;
		}		
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_text > p:nth-child(2){
			top: 1vw;
		}		
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_text > p:nth-child(3){
			top: 3vw;
		}		
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_text > p:nth-child(4){
			top: 2vw;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces5 .cpy_progress_text > p:last-child{
			top: 7vw;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .cpy_progress_text > p > span {
			padding-right: 0;
			width: 100%;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_circle {
			left: -3px;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_circle1 {top: 0;}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_circle2 {top: 50%;}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_circle3 {top: 100%;}
		.cpy_progress_text {
			display: block;
			position: relative;
			top: -7px;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_text > p,
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_text > p:first-child, 
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_text > p:last-child{		
			width: 100%;
			height: 16.66vw;
			text-align: left;
			position: relative;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_text > p:nth-child(2){
			top: 6vw;
		}		
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_text > p:last-child{
			top: 13vw;
		}
		.popup_area .cpy_popup .cpy_pop_con.cpy_pop_con2 .pieces3 .cpy_progress_text > p > span {
			padding-right: 0;
		}
		.right{
			text-align: right !important;
		}
    }
    @media (max-width: 481px) {
		.cpy_visual1 {
			min-height: calc(60vh - var(--main_header_height));
		} 
		.cpy_sec2_card_wrap {
			display: block;
		}
		.cpy_sec2_card {
			max-width: none;
			width: 100%;
			margin-top: 20px;
			box-sizing: border-box;
		}
		.cpy_sec3_card_wrap {
			padding: 0 1em;
		}
    }