@charset "utf-8";

/* container */
#wrap.m_bg { background:url('../images/main/2022_plan_bg.jpg') no-repeat center 0; }
#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_1 {font-family: 'Nanum Pen Script', cursive; font-size:47px;  letter-spacing:-2px;background:#cf5504; color:#fff; display:inline-block; padding:3px 15px; margin-top:60px; }
.m_txt .txt_2 { font-size:55px; color:#fff;  margin-top:17px;    text-shadow:1px 1px 2px #000;}
.m_txt .txt_2 .t_violet {color:#f3ceff;}
.m_txt .txt_2 .t_blue {color:#cfe9ff;  }


/* content */
.m_content { display:block; text-align:center;  padding:150px 0 100px 0;}
.m_content ul {}
.m_content ul li { display:inline-block; width:16%; height:350px; margin:0; }
.m_content ul li a { font-family:'NotoB'; font-size:36px; color:#fff; 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:#065682 url('../images/main/m_icon1.png') no-repeat 50% 30%;  padding-top:70px;}
.m_content ul li .btn_info { background:#8d70b2 url('../images/main/m_icon2.png')  no-repeat 50% 30%; padding-top:70px;}
.m_content ul li .btn_card { background:#6c8299 url('../images/main/m_icon3.png')  no-repeat 50% 30%; padding-top:70px;}
.m_content ul li .btn_bodo { background:#4d70c0 url('../images/main/m_icon4.png')  no-repeat 50% 30%; padding-top:70px;}

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

@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:70px 0 100px 0; }
        .m_content ul li { display:block; width:100%; height:5%; }
        .m_content ul li a {line-height:100px;}

.m_content ul li .btn_plan { background:#065682 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:#8d70b2 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:#6c8299 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:#4d70c0 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; }
    }