@charset "euc-kr";

 #header{display:none;}

.index #header_m {position:absolute; left:0; top:0; width:100%; background:none; text-align:center;  border-bottom:0}
.index #header_m:after{clear:both; display:block; content:"";}
.index #header_m a{display:block;}
.index #header_m .btn_menu{position:relative; float:left; z-index:4000}
.index #header_m .tel_num{position:relative; float:right; z-index:4000}
.index #header_m h1{position:absolute; left:50%; top:0; margin-left:-17%; width:34%;}

#wrap #contents{width:100%; padding:126.25% 0 0 0; background:url(../images/index/index_m/visual_img.jpg) 0 0 no-repeat; background-size:100% auto}
.index_m .inner{width:88%; margin:0 auto;}
.index_m .sec1 {position:relative; padding-bottom:50%}
.index_m .sec1 .inner{position:absolute; top:-80px; left:50%; margin-left:-44%; }

/* radio */
.index_m .sec1 .radio{position:absolute; width:155px; right:0; top:-37px;}
.index_m .sec1 .radio img{width:155px;}
/* //radio */

/* new family */
.index_m .sec1 .new_family.inner{padding:19% 0; background:url(../images/index/index_m/sec1_inner_bg.gif) 0 0 no-repeat; background-size:100% auto; text-align:center}
.index_m .sec1 .new_family.inner h2{font-size:20px; margin-bottom:20px; line-height:125%;}
.index_m .new_family.inner .sec1_btn{display:inline-block; width:28%; padding:10px 0; color:#fff; font-size:13px; background-color:#41786a; text-align:center; }
/* // new family */

.index_m .sec2 {position:relative; padding-bottom:70%}
.index_m .sec2 .inner{position:absolute; left:50%; top:-150px; margin-left:-44%;}
.index_m .sec2 h2{width:35%; margin:0 auto 30px;}
.index_m .sec2 .inner .sec2_img{position:relative; z-index:9}
.index_m .sec2 .inner .btn_area{position:relative; overflow:hidden; width:53%; margin:-25px 0 0 10px; z-index:10}
.index_m .sec2 .inner .btn_area a{float:left; width:50%;}
.index_m .sec3{padding:9.5% 0; background:url(../images/index/index_m/sec3_bg.jpg) center center no-repeat; background-size:cover}
.index_m .sec3 .inner h2{width:39%; margin:0 auto 30px;}
.index_m .sec3 .inner ul{}
.index_m .sec3 .inner ul:after{content:""; display:block; clear:both}
.index_m .sec3 .inner ul li{float:left; width:32%; margin:0 0 5% 2%; background-color:#fff; -webkit-box-shadow: 10px 13px 25px -9px rgba(155,155,173,1);
-moz-box-shadow: 10px 13px 25px -9px rgba(155,155,173,1);
box-shadow: 10px 13px 25px -9px rgba(155,155,173,1);}
.index_m .sec3 .inner ul li.mgl_0{margin-left:0;}
.index_m .sec3 .inner ul li a{display:block; padding:16% 0; text-align:center; font-size:95%}
.index_m .sec3 .inner ul li a:after{content:""; display:inline-block; width:18px; height:18px; margin-left:10px; background:url(../images/index/index_m/sec3_arrow.jpg) 0 0 no-repeat; background-size:18px auto; vertical-align:middle }
.index_m .sec4{padding:20% 0 10%; background:url(../images/index/index_m/sec4_bg.jpg) 0 bottom no-repeat; background-size:100% auto}
.index_m .sec4 .inner{-webkit-box-shadow: 10px 13px 25px -9px rgba(155,155,173,1);
-moz-box-shadow: 10px 13px 25px -9px rgba(155,155,173,1);
box-shadow: 10px 13px 25px -9px rgba(155,155,173,1);}
.index_m .sec4 #map{overflow:hidden; position:relative; padding-top:83.59%;}
.index_m .sec4 .address_area{overflow:hidden; padding:6.25%; background-color:#fff}
.index_m .sec4 dl dt{margin-bottom:8px; font-size:15px; color:#9c6d50; font-weight:bold; }
.index_m .sec4 dl dd{margin-bottom:12px; font-size:18px; line-height:120%;  color:#555}
.index_m .sec4 .sec4_btn{float:right; width:56%;}