@charset "utf-8";
@import url(master.css);
@import url(base.css);

#wrap{margin: 0 auto; max-width: 640px; min-width: 320px; position: relative; width: 100%; overflow: hidden;}
#wrap img {max-width:100%;}

#m_header{max-width: 640px; min-width: 320px; overflow: hidden; position: relative; top: 0; width: 100%; background:#ffffff;}
#m_header ul{overflow: hidden;}
#m_header ul li{float: left;}
#m_header ul li:nth-child(1){width: 17.265%;}
#m_header ul li:nth-child(2){width: 65.47%; text-align: right;}
#m_header ul li:nth-child(3){width: 17.265%; text-align: right;}
#m_header ul li a{display: block;}

/* 메뉴 */
div#navMenuIcon {position:fixed;width:43px;height:43px;left:20px;bottom:50px;cursor:pointer;z-index:80;}
.all_top {position:fixed; right:15px; bottom:100px; z-index:8;}
.all_top img{height: 50px;}

#allmenuwrap {position:fixed; left:-320px; top:0px; width:320px; height:100%; z-index:30; overflow:scroll;}
#allmenuwrap::-webkit-scrollbar {display: none;width: 0px;height: 0px;}
#allmenuwrap ul{overflow: hidden;}
#allmenuwrap>ul{height: 70px; background: #ffffff;}
#allmenuwrap li.all_menu_logo {float:left;width:80%;}
#allmenuwrap li.all_menu_logo img{padding: 10px 0 0 15px; height: 50px;}
#allmenuwrap li.all_menu_bt {float:right;cursor:pointer;width:20%;text-align:right;}
#allmenuwrap li.all_menu_bt img{padding: 25px 15px 0 0; height: 20px; }

#allmenuwrap .allmenu {position:relative; top:0px; left:0px; width:320px; overflow:hidden; background: #b2914c;}  
#allmenuwrap h1 a{display: block; text-align: center; padding: 30px 0;}
#allmenuwrap .allmenu>ul>li>ul {display: none;}
#allmenuwrap .allmenu>ul>li a{display: block; padding: 10px 20px; font-size: 16px;}
#allmenuwrap .allmenu>ul>li>a{color: #ffffff; position: relative; border-top: 1px solid #a98a49;}
#allmenuwrap .allmenu>ul>li.last>a{border-bottom: 1px solid #a98a49;}
#allmenuwrap .allmenu>ul>li>a span{background: rgba(0, 0, 0, 0) url(/m/images/m_main/m_gnb_arr.png) no-repeat scroll center center; display: block; height: 9px; margin-top: -5px; position: absolute; right: 15px; top: 50%; transition: all 0.4s ease 0s, transform 0.4s ease 0s; width: 10px;}
#allmenuwrap .allmenu>ul>li>ul{background: #59482e;}
#allmenuwrap .allmenu>ul>li>ul>li>a{font-size: 14px; color: #ffffff;}
#allmenuwrap .allmenu>ul>li>ul>li>a:before{content:"·"; margin-right: 5px;}
.rotate180 {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all 0.4s, -webkit-transform 0.4s;
    transition: all 0.4s, transform 0.4s;}
div.blinder {background: #000 none repeat scroll 0 0; display: none; left: 0; position: absolute; top: 0; z-index: 20;}	

/* 비주얼 */
#visual {min-width: 320px;}
.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;} 
.video-container iframe,
.video-container object,
.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} 

.pdt_64{padding-top:63px !important;}
#m_visual_01 {min-width: 320px;}
#m_visual_01  .slick-dots {position: absolute;bottom: 25px;}
#m_visual_01 .slick-dots li{display: inline-block;cursor: pointer;width:50px;height: 2px;margin: 0 2px;}
#m_visual_01 .slick-dots li button{font-size: 0;line-height: 0;display: block;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
#m_visual_01 .slick-dots li button:hover,
#m_visual_01 .slick-dots li button:focus{outline: none;}
#m_visual_01 .slick-dots li button:hover:before,
#m_visual_01 .slick-dots li button:focus:before{opacity: 1;}
#m_visual_01 .slick-dots li button:before{font-family: 'slick'; font-size: 6px; line-height: 20px; content: ''; text-align: center; opacity: 1; color: white;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
#m_visual_01 .slick-dots li button:before{width:50px;height:2px;display:inline-block;background:white;transition: width 0.5s;animation: scale 1s 1;box-sizing: border-box;border: 1px solid #ffffff;}
#m_visual_01 .slick-dots li.slick-active button:before{opacity: 1; color: white;background: none; box-sizing: border-box; border:1px solid #b2914c;width: 50px;height: 2px; transition: all 0.5s;}


.m_15{margin: 15px 0;}
.m_30{margin: 30px 0;}
.m_t30{margin-top: 30px;}
.m_b2{margin-bottom: 2%;}
.m_b15{margin-bottom: 15px;}
.m_b30{margin-bottom: 30px;}


/* 비주얼 */
.m_visual .slick-dots li{width: 10px;}
.m_visual .slick-dots li button::before{opacity: 1; color: #ffffff; width: 10px;}
.m_visual .slick-dots li.slick-active button::before{opacity: 1; color: #b2914c;}

/* 지도 */
#contents .root_daum_roughmap{width: 100%;}

#contents .bg_f5f4f2{background: #f5f4f2; padding: 50px 0;}
#contents .view_wrap{margin-top: 20px; padding: 0 20px;}
#contents .p_50{padding: 50px 0 0 0;}
#contents .map{margin-top: 20px;}
.view_wrap{}
.view_wrap .slider-nav{margin-top: 10px;}
.view_wrap .slider-nav > div img{}
.view_wrap .slick-prev{width: 70px; height: 70px; background: url(/images/main/view_left.jpg) no-repeat center; left: -25px; z-index: 9999;}
.view_wrap .slick-next{width: 70px; height: 70px; background: url(/images/main/view_right.jpg) no-repeat center;right: -25px; z-index: 9999;}
.view_wrap .slick-prev::before, .slick-next::before{content:"";}
.view_wrap .slick-prev,.view_wrap .slick-next{width: 50px; height: 50px;}
.view_wrap .img{text-align: center; margin: 50px 0;}
/* 상담창 */
/* �곷떞李� */
.footQuick{position:fixed;bottom:0px;z-index:9;width:100%;clear:both;}
.footQuick ul{bottom:0px;z-index:9;width:100%;max-width:640px; min-width:320px;}
.footQuickWrap{position:fixed;bottom:-400px;z-index:9;display:none;}
.footQuickWrap img {width:100%; }
.footQuickBtn img{width:100%;}
.cost_quickform{font:15px "NanumGothic"; background:#eee; padding:20px 3% 30px; color:#535353;}
.cost_quickform li{padding-top:3%;clear:both;}
.cost_quickform span{display:block;float:left;width:27%;}

#copy {position:relative; width:100%; max-width:640px; min-width:320px; clear:both; margin-top:-3px; }

/* 媛쒖씤�뺣낫痍④툒諛⑹묠 �앹뾽 2*/

#private2 {cursor:pointer;}

#private_text_wrap2 {width:80%; position:absolute;top:-110%;left:5%;background:rgba(0,0,0,0.7);	color:#fff;padding:5%;display:none;z-index:1;}
#private_text_wrap2 .con {width:100%;float:left;}
#private_close2 {width:auto;float:right;font-weight:bold;font-size:18px;cursor:pointer;}

/* footer */
.f_logo{padding: 40px 0 30px 0;}
.f_logo img{width:100%;display:block;}
footer{clear: both;background-color:#424040; padding-bottom: 100px;}
.f_menu{border-top: 1px solid #e0e0e0;}
.f_menu ul{overflow: hidden;}
.f_menu ul li{width: 20%; float: left;}
.f_menu ul li a{display: block;}
.footerDiv{color:#fff;}     
.footerDiv .social_ico{overflow:hidden;}
.footerDiv .social_ico li{float:left;}
.footerDiv .social_ico li img{display:block;max-width: 100%;vertical-align: middle;}

.footerDiv .m_quickmenu{text-align: center; height: 33px; line-height: 33px; background: #b2914c;}
.footerDiv .m_quickmenu li{display: inline-block;}
.footerDiv .m_quickmenu li:nth-child(1) a:after,
.footerDiv .m_quickmenu li:nth-child(2) a:after{content: "·"; display: inline-block; margin: 0 5px;}
.footerDiv .m_quickmenu li a{display: block; font-size: 10px; color: #ffffff; letter-spacing: -1px;}
.footerDiv address{font-size:11px;color:#fff;}
.footerDiv address span,
.footerDiv .copyright span{display:block;text-align:center;letter-spacing:-1px;}
.footerDiv .copyright{font-size:11px;color:#dcdcdc;}

.f_logo_slide{margin: 20px 60px;}
.f_logo_slide img{width: 90%;}
.f_logo_slide .slick-next::before{content:"";}
.f_logo_slide .slick-prev::before{content:"";}

.f_logo_slide .slick-prev,
.f_logo_slide .slick-next{width: 51px; height: 51px;}
.f_logo_slide .slick-prev{background: #ffffff url(/images/main/logo_left.png) no-repeat center; left: -55px; background-size: 70%;}
.f_logo_slide .slick-next{background: #ffffff url(/images/main/logo_right.png) no-repeat center; right: -55px; background-size: 70%;}

.textarea_01{margin: 0 30px;}
.textarea_01 textarea{width: 100%; height: 300px;}

#wrap .m_quick{position: fixed; z-index: 9999; height: 70px; bottom: 0; background: rgba(0,0,0,0.7); width: 100%; max-width: 640px;}
#wrap .m_quick ul{overflow: hidden;}
#wrap .m_quick ul li{float: left; width: 25%; height: 70px; position: relative;}
#wrap .m_quick ul li a{border-right: 1px solid #848484;height: 30px; margin: 20px 0;}
#wrap .m_quick ul li:nth-child(4) a{border-right: 0;}
#wrap .m_quick ul li:nth-child(1){background: url(/m/images/m_main/m_quick_01.png) no-repeat center top 13px; background-size: 27px;}
#wrap .m_quick ul li:nth-child(2){background: url(/m/images/m_main/m_quick_02.png) no-repeat center top 12px; background-size: 27px;}
#wrap .m_quick ul li:nth-child(3){background: url(/m/images/m_main/m_quick_03.png) no-repeat center top 11px; background-size: 20px;}
#wrap .m_quick ul li:nth-child(4){background: url(/m/images/m_main/m_quick_04.png) no-repeat center top 10px; background-size: 30px;}
#wrap .m_quick ul li a{display: block; color: #ffffff;}
#wrap .m_quick ul li span{position: absolute; bottom: 5px; display: block; text-align: center; width: 100%; font-size: 13px;}
#wrap footer .foot-social{top: 50px;}

@media screen and (max-width: 1200px)
.hd_pops .hd_pops_con {width: 100%!important; height: 100%!important;}

@media screen and (max-width:640px) {

#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0;}
.hd_pops{top:125px !important;margin-left:5px;z-index: 9999 !important;position:absolute;border:1px solid #e9e9e9;background:#fff;left: 0 !important;}	
.hd_pops img{max-width:100% !important;}	
}

@media screen and (max-width:419px) {
	
#section .bg01_wrap > div > ul.banner_wrap li.banner03 span.banner_wrap_text01 {top: 40px;}

}

@media screen and (max-width:360px) {
.hd_pops img{max-width:100% !important;}	
}