/* ·¹À̾ƿô */
section.mainContArea {min-width:270px;  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:555px;}
.mbox_01 {width:270px;z-index:999;}
 /*¸ÞÀηѸµÀ̹ÌÁö*/
.flexslider {margin: 0; padding: 0;}
.flexslider01 {position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;max-width:555px;max-height:630px} 
.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 {width: 100%; position: absolute; bottom: 10px; text-align: center; z-index:9999;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 12px; display: block; background:url(../../img/btn.png) no-repeat  0 0;cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background-position:0 -12px;}
.flex-control-paging li a.flex-active {background-position:0 -12px;cursor: default; }
/*°øÁö»çÇ×*/
.board_bg { background:url(../../img/board_bg.png) no-repeat  0 0;height:200px;}
.board_bg2 { background:url(../../img/board_bg2.png) no-repeat  0 0;height:200px;}
.m_notice {width:210px;margin:30px auto 0 auto;position:relative;}
.m_notice h2 {font-size:20px;line-height:100%;color:#B08C5D;padding-bottom:10px;border-bottom:solid 1px #544838;}
.m_notice p {position:absolute;right:0;top:0px;}
.m_notice p a {display:block;padding:3px 7px;background:#000;color:#B08C5D;font-weight:600;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:1700px)   {
section.mainContArea {width:1695px !important; margin:30px auto 30px auto;min-height:850px;}
div.headerArea_m header {width:1695px;}
}
@media screen and (min-width:1420px) and (max-width:1700px) {
section.mainContArea {width:1410px !important; margin:30px auto 30px auto; }
div.headerArea_m header {width:1410px;}
}
@media screen and (min-width:1230px) and (max-width:1400px) {
section.mainContArea {width:1125px !important; margin:30px auto 30px auto;}
div.headerArea_m header {width:1125px;}
}
@media screen and (min-width:850px) and (max-width:1200px) {
section.mainContArea {width:840px !important; margin:30px auto 30px auto;}
}
@media screen and (min-width:600px) and (max-width:800px) {
section.mainContArea {width:555px !important;  margin:30px auto 30px auto;}
}
@media screen and (max-width:560px) {
section.mainContArea {width:270px !important;  margin:30px auto 30px auto;}
section.mainContArea  .main_img01 {width:270px;} 
}