@charset "UTF-8";


.main-visual {position: relative; float: left; height: 820px; width: 50%;}
.main-visual .main-visual-slider, .main-visual .main-visual-slider > div, .main-visual .main-visual-slider > div > div {width: 100%; height: 100%;}
.main-visual .main-visual-inner {width: 100%; height: 100%;}


.main-visual-txt-wrap {position: absolute; left: 0; width: 100%; top: 0; z-index: 10;}
.main-visual-txt-wrap img {max-width: 100%;}

.main-visual-txt-inner {position: relative;}

.main-visual-txt-inner p {font-size: 17px; line-height: 22px; color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.26); font-weight: 300; margin-left: 10px; margin-bottom: 10px;}
/* .main-visual-txt-inner span {font-size: 20px; line-height: 22px; color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.26);}
.main-visual-txt-inner p {font-size: 30px; color: #fff; font-style: italic; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55); margin-top: 15px; word-break: keep-all;} */
.main-visual-txt-inner h2 {font-size: 45px; color: #fff; font-style: italic; font-weight: 500; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55); word-break: keep-all;}
.main-visual-txt-inner h2 img {max-width: 100%;}
.main-visual .main-visual-txt-inner h2.m-img {display: none !important;}

.main-visual-bg {position: relative; padding: 63px 0 70px 10%; background: url("/mbshome/mbs/plan/images/main/main_visual_txt_line.png") no-repeat left top;}
/* .main-visual-bg::before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("/mbshome/mbs/plan/images/main/main_visual_txt_bg.png") no-repeat center bottom; background-size: 100% 100%; z-index: 5;} */

.main-visual-bg img {position: relative; z-index: 10;}

.main-visual-btn-group {position: absolute; z-index: 15; left: 3%; bottom: 64%;}

.main-visual-dots {float: left; text-align: center; margin-right: 5px;}
.main-visual-btn-group .slick-dots li {display: inline-block; border:1px solid transparent; border-radius: 50%; line-height: 2px; height: 12px; width: 12px; margin: 0 2px;}
.main-visual-btn-group .slick-dots li button {font-size: 0;  width: 6px; height: 6px; background-color: #fff; border-radius: 50%;}
.main-visual-btn-group .slick-dots li.slick-active {border-color: #fff;}

.main-visual-btn {float: left; }
.main-visual-btn button {border: 0; width: 22px; height: 22px; cursor: pointer;}

.main-visual-pause {background: url("/mbshome/mbs/plan/images/button/btn_visual_pause.png") no-repeat;}
.main-visual-play {display: none; background: url("/mbshome/mbs/plan/images/button/btn_visual_play.png") no-repeat;}

.main-visual-btn.on .main-visual-pause {display: none;}
.main-visual-btn.on .main-visual-play {display: inline-block;}

.main-content {float: right; width: 50%;}

@media all and (max-width: 1000px){
  .main-visual {float: none; width: 100%; height: 660px;}
  .main-content {float: none; width: 100%;}

  .main-visual-btn-group {left: 3%; bottom: 64%;}
}



@media all and (max-width: 600px){
  .main-visual {height: 490px;}
  .main-visual-txt-wrap {top: 0;}
  .main-visual-txt-inner p {font-size: 14px;}
  .main-visual-bg {padding-top: 40px; padding-left: 10%;}
  .main-visual .main-visual-txt-inner h2.m-img {display: block !important;}
  .main-visual .main-visual-txt-inner h2.pc-img {display: none !important;}

  .main-visual-txt-wrap img {max-width: 150%;}

  .main-visual-txt-inner span {font-size: 15px;} 
  .main-visual-txt-inner p {font-size: 22px; margin-top: 10px;}
  .main-visual-txt-inner h2 {font-size: 37px; margin-top: 10px;}
  .main-visual-inner2{background-position-x: 48% !important; background-position-y: 0 !important;}
  .main-visual-inner4{background-position-y: 0 !important;}
}


.main-content-left {float: left; width: 60%;}
.main-budget {position: relative; padding: 30px 6%; height: 410px; background-color: #CBDAE7; box-sizing: border-box;}
/*.main-budget-info {float: left; width: 53%;}*/
.main-budget h3 {font-size: 22px; line-height: 27px; color: #022969; font-weight: 500; margin-bottom: 10px;}
.main-budget p {font-size: 15px; line-height: 24px; color: #55637a; margin-bottom: 25px; word-break: keep-all; display: inline-block;}
.main-budget a {display: inline-block; width: 150px; height: 35px; border: 1px solid #005592; padding-left: 35px; box-sizing: border-box; background: url("/mbshome/mbs/plan/images/icon/ic_more.png") no-repeat 110px center; font-size: 12px; line-height: 33px; color: #005592; font-weight: 500;}
.main-budget a:hover {text-decoration: underline;}

/*.main-budget-img {position: absolute; width: 100%; right: -5%; top: 144px; bottom: 0;}*/
.main-budget-img {width: 100%;}
.main-budget-img img {max-width: 100%;}

@media all and (max-width: 1220px){
  .main-budget p {margin-bottom: 10px;}
  .main-policy .main-policy-tit p {margin-bottom: 10px !important;}
}

@media all and (max-width: 1020px){
  .main-budget p {white-space: nowrap;}
}

@media all and (max-width: 1000px){
  .main-budget p {white-space: normal;}
  .main-budget-img img {float: right;}
}

.main-policy a {position: relative; display: block; padding: 35px 6%; box-sizing: border-box; height: 410px; background: url("/mbshome/mbs/plan/images/main/policy_bg.jpg") no-repeat left bottom; background-size: cover;}
.main-policy .main-policy-tit h3 {font-size: 22px; line-height: 27px; color: #2a2a2a; font-weight: 500; margin-bottom: 10px;}
.main-policy .main-policy-tit p {font-size: 16px; line-height: 26px; color: #6c6c6c; font-weight: 300; letter-spacing: -0.5px; word-break: keep-all; margin-bottom: 25px;}
.main-policy .main-policy-tit p span {color: #7e3c18;}
.main-policy .point-btn { display: inline-block; position:absolute; z-index:10; width: 230px; height: 35px; /*bottom:45px;*/ /*left:6%;*/ border: 1px solid rgba(100, 71, 41, 1); box-sizing: border-box; background: url("/mbshome/mbs/pr/images/main/ic_more_2.png") no-repeat 210px center; font-size: 12px; line-height: 33px; color: rgba(100, 71, 41, 1); font-weight: 500; /*margin:10px 0px 0px 0px;*/ padding:0px 0px 0px 35px; }

/*.main-policy-img {position: absolute; width: 49%; right: 6%; bottom: 105px;}*/
.main-policy-img img {max-width: 100%;}

@media all and (max-width: 1000px){
  .main-policy-img img {float: right;}
}


.main-result {height: 190px; background: url("/mbshome/mbs/plan/images/main/result_bg.jpg") no-repeat right bottom; background-size: cover; padding: 30px 6%; box-sizing: border-box;}
.main-result-tit h3 {font-size: 22px; color: #fff; font-weight: 400; margin-bottom: 5px;}

.main-result-info {overflow-y: auto; height: 103px; padding: 7px 0;}
.main-result-info ul li {position: relative; padding-left: 15px; margin-bottom: 7px; font-size: 15px; line-height: 30px; color: #fff; font-weight: 300; word-break: keep-all;}
.main-result-info ul li::before {content: ""; position: absolute; left: 0; top: 11px; background: url("/mbshome/mbs/plan/images/icon/ic_result.png") no-repeat; z-index: 3; width: 6px; height: 10px;}

.main-content-right {float: right; width: 40%;}

.main-point {background: url("/mbshome/mbs/pr/images/main/main3_content.png") no-repeat right center; background-size: cover; overflow: hidden; position:relative;}
.main-point > a.box00 {display: block; height: 530px; padding: 25px 6% 25px; box-sizing: border-box;position:relative;}
.main-point-tit h3 {font-size: 22px; line-height: 27px; color: #fff; font-weight: 500; margin-bottom: 15px;}
.main-point-tit p {position: relative; display: inline-block; font-size: 20px; line-height: 24px; color: #fff; font-weight: 300; margin-bottom: 10px; padding: 3px  25px 0;}
.main-point-tit p::before {content: ""; position: absolute; left: 0; top: 0; width: 17px; height: 14px; background: url("/mbshome/mbs/plan/images/icon/ic_left_dot.png") no-repeat;}
.main-point-tit p::after {content: ""; position: absolute; right: 0; top: 0; width: 17px; height: 14px; background: url("/mbshome/mbs/plan/images/icon/ic_right_dot.png") no-repeat;}

.main-point-slider dl {display: table; width: 100%; padding: 3px 0;}
.main-point-slider dt {display: table-cell; vertical-align: top; width: 34px; font-size: 24px; color: #9ecbec; transition: color 0.3s;}
.main-point-slider dd {display: table-cell; vertical-align: bottom; font-size: 16px; line-height: 18px; color: #9ecbec; letter-spacing: -0.5px; transition: color 0.3s; font-weight: 300; word-break: keep-all;}

.main-point-slider .active dt, .main-point-slider .active dd {color: #fff;}

@media all and (max-width: 1650px){
  .main-point-tit p {display: none;}
  .main-point-slider dt, .main-point-slider dd {vertical-align: middle;}
}

@media all and (max-width: 1220px){
  .main-point-tit h3 {margin-bottom: 5px;}
  .main-point-slider dl {padding: 3px 0;}
}

@media all and (max-width:1000px){
  .main-point-tit h3 {margin-bottom: 15px;}
  .main-point-tit p {display: inline-block;}
}

@media all and (max-width: 600px){
	.main-point {height: 315px;}
    .card_img{margin-top: 0 !important;}
	.main-policy .point-btn{margin-top: 30px !important;}
	.main-budget a{margin-top: 35px !important;}
	.main-cardnew-left a{
	 width: 135px !important;
     padding-left: 30px !important;
	 background: url('/mbshome/mbs/pr/images/icon/ic_more_4.png') no-repeat 105px center !important;
	}
}

@media all and (max-width: 441px){
  .main-cardnew-info{display: block !important;}
  .card_img {margin-top: -20px !important;}
}



.main-card a {position: relative; display: block; padding: 25px 6%; height: 290px; background: url("/mbshome/mbs/plan/images/main/card_bg.jpg") no-repeat right center; background-size: cover; box-sizing: border-box;}

.main-card-tit h3 {font-size: 22px; line-height: 30px; color: #2a2a2a; font-weight: 500; margin-bottom: 10px;}
.main-card-tit p {max-width: 55%; word-break: keep-all; font-size: 15px; line-height: 24px; color: #6c6c6c; font-weight: 300;}

/*.main-card-img {position: absolute; right: 4%; bottom: 20px; width: 48%;}*/
/*.main-card-img {position: absolute; right: 1%; bottom: 20px; width: 65%;}*/
.main-card-img{text-align: center;}
.main-card-img img  {max-width: 100%;}

.main-link-list ul li {float: left; width: 50%;}
.main-link-list ul li a {display: block; text-align: center; height: 190px; padding-top: 30px; box-sizing: border-box;}
.main-link-list ul li a p {margin-top: 15px; font-size: 16px; line-height: 20px; color: #fff; font-weight: 300; word-break:keep-all;}
.main-link-list ul li a:hover p{text-decoration: underline;}

.main-link-list ul li.broad a {background: #2E944B;}
.main-link-list ul li.video a {background: url("/mbshome/mbs/plan/images/main/video_bg.jpg") no-repeat center; background-size: auto 100%;}

@media all and (max-width: 1000px) {
  .main-card-tit p {max-width: 100%;}
  .main-card-tit p span {display: block;}
  /*.main-card-img img  {float: right;}*/
  .main-link-list ul li.video a {background: url("/mbshome/mbs/plan/images/main/video_bg.jpg") no-repeat center; background-size: cover;}
}

@media all and (max-width:600px){
  .main-content-left {float: none; width: 100%;}
  .main-content-right {float: none; width: 100%;}
}


/* 배너 */
.footer-banner {position: absolute; width: 50%; background-color: rgba(0, 0, 0, 0.5); left: 0; top: -102px; z-index: 10; padding-left: 2.5%; box-sizing: border-box; height: 102px; padding-top: 20px; }

.footer-banner-btn {float: left; margin-right: 5px; width: 87px;}
.footer-banner-btn button {width: 29px; height: 55px; border: 1px solid #D4D4D4; box-sizing: border-box;}
.footer-banner-btn > button {float: left; }
.footer-banner-btn > button.footer-prev-btn {background: #fff url("/mbshome/mbs/plan/images/button/btn_prev.png") no-repeat center;}
.footer-banner-btn > button.footer-next-btn {background: #fff url("/mbshome/mbs/plan/images/button/btn_next.png") no-repeat center;}
.footer-banner-btn .footer-btn {float: left;}
.footer-banner-btn .footer-btn button {border-left: 0; border-right: 0;}
.footer-banner-btn .footer-btn button.pause {background: #fff url("/mbshome/mbs/plan/images/button/btn_pause.png") no-repeat center;}
.footer-banner-btn .footer-btn .play {display: none; background: #fff url("/mbshome/mbs/plan/images/button/btn_play.png") no-repeat center;}

.footer-banner-btn .footer-btn.on button.pause {display: none;}
.footer-banner-btn .footer-btn.on button.play {display: block;}

.footer-banner-slider {float: left; width: calc(100% - 92px);}
.footer-banner-slider .footer-banner-inner {float: left; padding: 0 13px;}
.footer-banner-slider .footer-banner-inner img {max-width: 100%;}

@media all and (max-width: 1000px){
  .footer-banner {position: static; width: 100%; padding: 20px 2.5% 0;}
}

  * {}


.main-point .point-btn, .pdf_download .point-btn{
    display: inline-block;
    width: 230px;
    height: 35px;
    border: 1px solid #fff;
    padding-left: 35px;
    box-sizing: border-box;
    background: url("/mbshome/mbs/plan/images/icon/ic_more_2.png") no-repeat 210px center;
    font-size: 12px;
    line-height: 33px;
    color: #fff;
    font-weight: 500;
    margin-top: 10px;
	position:absolute;
	z-index:10;
	bottom:20px;
	left:6%;
}