/* ·¹À̾ƿô */
section.mainContArea {width:1700px; min-width:270px; margin:0 auto; position:relative;} 
section.mainContArea:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
section.mainContArea .main_img01 img {width:100%;}
section.mainContArea .main_img01 {width:840px;}
.mbox_01 {width:270px;z-index:999;}
.mbox_01 img {max-width:270px;}
.mbox_01 .img {z-index:1;}
.mbox_01 .ov,.mbox_01 .ov2 {position:absolute; top:0; left:0; background:0 -100px; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;} 
.mbox_01 .ov p,.mbox_01 .ov2 p {padding-top:50px; font-size:0; /*-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;*/}
.mbox_01 a:hover .ov,.mbox_01 a:hover .ov2 { z-index:2; width:270px; height:200px; display:block; background:url(../../img/view_icon.png) no-repeat 0 0;}
.mbox_01 a:hover .ov p,.mbox_01 a:hover .ov2 p {text-align:center; color:#fff; padding-top:100px; font-size:11px;}
.mbox_01 a:hover .ov p span,.mbox_01 a:hover .ov2 p span {display:block; color:#32BAC6;}
.mbox_01 a:hover .ov2 { height:415px; background:url(../../img/view_icon2.png) no-repeat 0 0;}
.mbox_01 a:hover .ov2 p { padding-top:215px;}
 

/*¸ÞÀηѸµÀ̹ÌÁö*/
.flexslider {margin: 0; padding: 0;}
.flexslider:after {content:"";display:block;clear:both;}
.flexslider01 {position:relative;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;max-width:840px;max-height:620px;} 
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.flexslider { margin: 0 0 60px; position: relative; 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {display:none; text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px;display:none; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; display:none;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; display:none;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;display:none; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
.flex-control-nav { position: absolute; bottom:10px; text-align: center; right:25px; z-index:9999;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 15px; height: 15px; display: block; background:url(../../img/btn.png) no-repeat 0 0;cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background-position:0 -15px;}
.flex-control-paging li a.flex-active {background-position:0 -15px;cursor: default; }


@media screen and (max-width:767px) {
.flex-control-nav {  bottom: 5px; right:5px;}
}


/*°øÁö»çÇ×*/
.bg_fff {background:#fff;height:200px;}
.m_notice {width:210px;margin:30px auto 0 auto;position:relative;}
.m_notice h2 {font-size:15px;   line-height:100%;color:#333;padding-bottom:10px;border-bottom:solid 1px #d9d9d9;}
.m_notice p {position:absolute;right:0;top:-2px; z-index:10000000;}
.m_notice p a {display:block;padding:1px 7px 0 7px;background:#32BAC6;color:#fff;font-weight:900;font-size:11px;}
/************************** mobile default (320px) ******************************/
@media screen and (max-width:767px) {
div.container {padding-top:173px;}
section.navi {top:0;}
section.mainContArea .main_img01 img {width:100%;}
}
/************************** size etc ******************************/
@media screen and (min-width:1420px) and (max-width:1700px) {
section.mainContArea {width:1414px !important;margin:40px auto 30px auto;min-height:850px;}
 }
@media screen and (min-width:1230px) and (max-width:1400px) {
section.mainContArea {width:1128px !important;margin:40px auto 30px auto;}
}
@media screen and (min-width:850px) and (max-width:1200px) {
section.mainContArea {width:842px; margin:40px auto 30px auto;}
}
@media screen and (min-width:557px) and (max-width:800px) {
section.mainContArea {width:557px; height:2160px;margin:40px auto 30px auto;}
section.mainContArea .main_img01 {width:555px;}
}
@media screen and (max-width:556px) {
section.mainContArea {width:270px; height:3240px;margin:40px auto 30px auto;}
section.mainContArea .main_img01 {width:270px;}
}