@charset "utf-8";

/* container */
#wrap.m_bg { background:url('../images/main/2026_plan_bg.png') no-repeat center 0;background-size: cover; }
#content { position:relative;   }
section { box-sizing:content-box; position:relative; width:100%; overflow:hidden; }

/* main text */
.m_txt { text-align:center; }
.m_txt * { letter-spacing:-3px; font-family:'scdream_bold'; }
.m_txt .txt_2 { font-size:45px; color:#363636;  margin-top:100px; }
.m_txt .txt_2 .t_violet {color:#363636;}
.m_txt .txt_2 .t_blue {color:#c9394d;  }


/* content */
.m_content { display:block; text-align:center;  padding:60px 0 150px 0;}
.m_content ul {}
.m_content ul li { display:inline-block; width:20%; height:300px; margin:0; }
.m_content ul li a { font-family:'NotoB'; font-size:36px; color:#923f32; line-height:230px; display:block; 
    -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.m_content ul li .btn_plan { background:#fff url('../images/main/m_icon1.png') no-repeat 50% 30%;  padding-top:70px; border-radius: 10px; border: solid 2px #923f32;}
.m_content ul li .btn_info { background:#fff url('../images/main/m_icon2.png')  no-repeat 50% 30%; padding-top:70px; border-radius: 10px; border: solid 2px #923f32;}
.m_content ul li .btn_card { background:#fff url('../images/main/m_icon3.png')  no-repeat 50% 30%; padding-top:70px; border-radius: 10px; border: solid 2px #923f32;}
.m_content ul li .btn_bodo { background:#fff url('../images/main/m_icon4.png')  no-repeat 50% 30%; padding-top:70px; border-radius: 10px; border: solid 2px #923f32;}

/*************** 반응형 ***************/

@media all and (max-width:1400px) {	
    .m_txt .txt_2 { font-size:40px; }
     .m_content { padding:120px 0 100px 0;}
    .m_content ul li a {font-size:27px; }

    }

@media all and (max-width:1200px) {	
       .m_txt { margin:40px auto; }
	.m_txt .txt_1 img { width:420px; }
	.m_txt .txt_2 { font-size:40px; }

	.m_content img { max-width:90%; }
	}

@media all and (max-width:1024px) {
	.m_txt { margin:30px auto; }
	.m_txt .txt_1 img { width:380px; }
	.m_txt .txt_2 { font-size:40px; }
       
    }

@media all and (max-width:900px) {
	.m_txt { margin:30px auto; }
        .m_txt .txt_1 { font-size:30px; margin-top:10px;} 
	.m_txt .txt_1 img { width:380px; }
	.m_txt .txt_2 { font-size:30px; }
	.m_txt .txt_2 br { display:block; }

        .m_content { margin:0 auto; width:80%; padding:35px 0 100px 0; }
        .m_content ul li { display:block; width:100%; height:5%;  margin-bottom: 5px; }
        .m_content ul li a {line-height:100px;}

.m_content ul li .btn_plan { background:#fff url('../images/main/m_icon1.png') no-repeat 25% 50%  / 40px auto;  padding-left:60px; padding-top:0;}
.m_content ul li .btn_info { background:#fff url('../images/main/m_icon2.png')  no-repeat 25% 50%  / 40px auto; padding-left:80px; padding-top:0;}
.m_content ul li .btn_card { background:#fff url('../images/main/m_icon3.png')  no-repeat 25% 50%  / 40px auto;   padding-left:60px; padding-top:0;}
.m_content ul li .btn_bodo { background:#fff url('../images/main/m_icon4.png')  no-repeat 25% 50%  / 40px auto;   padding-left:60px; padding-top:0;}


    }

@media all and (max-width:600px) {
	.m_txt { margin:20px auto; }
        .m_txt .txt_1 img { width:280px;}
        .m_txt .txt_1 { font-size:23px;    letter-spacing:-1px;}

	.m_txt .txt_2 { font-size:26px; }
    }
@media all and (max-width:460px) {
	.m_txt { margin:20px auto; }
        .m_txt .txt_1 img { width:220px; }
	.m_txt .txt_2 { font-size:22px; }
    }