.main-bg {width:100%; min-width:960px; position:relative;
background: #ccc url('../images/main/main-bg.png') no-repeat center 0px;
padding:40px 0
}
.notice {line-height:20px;color:#fff;padding:0 30px}
.notice li {margin-bottom:7px;position:relative;font-size:13px;letter-spacing:-1px}
.notice li a {color:#fff}
.notice li a:hover {color:#fff4ad;text-decoration:underline}


.bxslider li {width:100%;height:360px;background:#000;}
.bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 0px #ccc;
-webkit-box-shadow: 0 0 0px #ccc;
box-shadow: 0 0 0px #ccc;
border:  0px solid #fff;
left: 0px;
background: #fff;
}

.bx-wrapper {margin: 0 auto 0px;}
.bxslider li {
  position:relative;
  background-repeat: no-repeat;
  background-position: center center;
}

.bxslider li.slide-01 {background-image:url(../images/main/mv-01.jpg);}
.bxslider li.slide-02 {background-image:url(../images/main/mv-02.jpg);}
.bxslider li.slide-03 {background-image:url(../images/main/mv-04.jpg);}
.bxslider li .copy {font-size:34px;font-weight:bold;color:#fff;position:absolute;top:130px;left:20px;line-height:40px;font-family:malgun gothic;letter-spacing:-1px}
.bxslider li a {display:block;width:100%;height:100%}



.mvwrap {position:relative; width:960px; position:relative; margin:0 auto;}
.mcontwrap {position:relative; width:960px; position:relative; margin:10px auto 0;}

.mcontwrap .box-01 {float:left;width:300px;min-height:260px;background:#e67e22 url("../images/main/block-01.png") no-repeat center -100px;position:relative; }
.mcontwrap .box-02 {float:left;width:210px;min-height:260px;margin-left:10px;background:#8e44ad url("../images/main/block-02.png") no-repeat center center;display:block;position:relative}
.mcontwrap .box-03 {float:left;width:210px;min-height:260px;margin-left:10px;background:#3498db url("../images/main/block-03.png") no-repeat center center;display:block;position:relative}
.mcontwrap .box-04 {float:left;width:210px;min-height:260px;margin-left:10px;background:#1abc9c url("../images/main/block-04.png") no-repeat center center;display:block;position:relative}

.mcontwrap .box-02:hover,
.mcontwrap .box-03:hover,
.mcontwrap .box-04:hover
{
  background-color: #2c3e50;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
 }


.mcontwrap h1 {font-size:22px;color:#fff;padding:25px 0 0px 30px;font-weight:normal;font-family:malgun gothic;letter-spacing:-2px}
.mcontwrap h2 {font-size:13px;color:#eee;padding:0px 0 0px 30px;font-weight:normal;line-height:18px;letter-spacing:-0.5px}
.mcontwrap h3 {font-size:11px;color:#eee;padding:5px 0 20px 33px;font-weight:normal;line-height:18px;}


.mcontwrap a.more {position:absolute;top:20px;right:30px}
.notice {line-height:20px;color:#fff;padding:0 30px}
.notice li {margin-bottom:6px;position:relative;font-size:13px;letter-spacing:-1px}
.notice li a {color:#fff}
.notice li a:hover {color:#fff4ad;text-decoration:underline}


.mcontwrap:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}


/*
.main-bg {width:100%; min-width:960px; position:relative;
background: #ccc url('../images/main/mbg-012.jpg') no-repeat center center;
padding:80px 0
}*/
/*
.main-bg {width:100%; position:relative;
  background-color: #f9f9f9;background-image:url(http://zenda.co.kr/zd/c4/img/prop1.jpg);  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;padding:80px 0
}
*/
/*
.main-wrap {position:relative; width:1200px; height:600px; position:relative; margin:0 auto;}
.mcon-left {position:relative;width:280px; height:600px; overflow: hidden; float:left;}
.mcon-center {position:relative;width:620px; height:600px; overflow: hidden; float:left;margin:0 10px;background:#bdc3c7}
.mcon-right {position:relative;width:280px; height:600px; overflow: hidden; float:right;}
.mbox {width:280px; height:295px;display:block}

.block-01 {position:relative;background:#e67e22 url("../images/main/block-01.png") no-repeat center center;margin-bottom:10px}
.block-02 {background:#8e44ad url("../images/main/block-02.png") no-repeat center center;}
.block-03{background:#3498db url("../images/main/block-03.png") no-repeat center center;margin-bottom:10px}
.block-04{background:#1abc9c url("../images/main/block-04.png") no-repeat center center;}

.main-wrap h1 {font-size:28px;color:#fff;padding:40px 0 30px 30px;font-weight:normal;font-family:malgun gothic;letter-spacing:-2px}
.main-wrap h2 {font-size:13px;color:#eee;padding:0px 0 0px 30px;font-weight:normal;line-height:18px;letter-spacing:-0.5px}

.block-01 a.more {position:absolute;top:30px;right:40px}
.notice {line-height:20px;color:#fff;padding:0 30px}
.notice li {margin-bottom:7px;position:relative;font-size:13px;letter-spacing:-1px}
.notice li a {color:#fff}
.notice li a:hover {color:#fff4ad;text-decoration:underline}


.bxslider li {width:100%;height:600px;background:#000;}
.bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 0px #ccc;
-webkit-box-shadow: 0 0 0px #ccc;
box-shadow: 0 0 0px #ccc;
border:  0px solid #fff;
left: 0px;
background: #fff;
}

.bx-wrapper {margin: 0 auto 0px;}
.bxslider li {
  position:relative;
  background-repeat: no-repeat;
  background-position: center center;
}

.bxslider li.slide-01 {background-image:url(images/main/mv-01.jpg);}
.bxslider li.slide-02 {background-image:url(images/main/mv-02.jpg);}
.bxslider li.slide-03 {background-image:url(images/main/mv-04.jpg);}
.bxslider li .copy {font-size:34px;font-weight:bold;color:#fff;position:absolute;top:130px;left:20px;line-height:40px;font-family:malgun gothic;letter-spacing:-1px}
.bxslider li a {display:block;width:100%;height:100%}
*/