@charset "utf-8";
.cf:after{content:''; display: block; clear: both;}
.m_1{margin: 1px 0;}
td,table { font-size: 12px; color: #847f74; line-height: 160%;}


#wrap{margin: 0 auto; max-width: 640px; min-width: 320px; position: relative; width: 100%;}
#wrap img {max-width:100%;}
#m_header{max-width: 640px; min-width: 320px; overflow: hidden; position: relative; top:0; width: 100%; z-index: 8; height: 52px; line-height: 52px; background: #ffffff; border-bottom: 1px solid #efefef;}
#m_header ul{overflow: hidden;}
#m_header ul li{float: left; text-align: center;}
#m_header ul li img{vertical-align: sub;}
#m_header ul li:nth-child(1){width: 15%;}
#m_header ul li:nth-child(1) img{height: 16px;vertical-align: middle;}
#m_header ul li:nth-child(2){width: 70%;}
#m_header ul li:nth-child(2) img{height: 27px;padding-top: 14px;vertical-align: text-bottom;}
#m_header ul li:nth-child(3){width: 15%;}
#m_header ul li:nth-child(3) img{height: 16px;vertical-align: middle;}
#m_header ul li a{display: block;}

.all_top{display:none;position:fixed;top:30px;left:50%;margin-left:-20px;z-index:9;}
.all_top button{display:block;width:40px;height:40px;background:url(../images/home_list_top_ic_nor.png) no-repeat 0 0;background-size:40px 40px;text-indent:-9999px;overflow:hidden;}
#allmenuwrap {position:fixed; right:-640px; top:0px; max-width:640px; min-width: 320px; width:100%; z-index:9; overflow:scroll;}
#allmenuwrap::-webkit-scrollbar {display: none;width: 0px;height: 0px;}
#allmenuwrap .top{background: #ffffff;}
#allmenuwrap ul.top {overflow: hidden; height: 52px; position: relative; background: #ffffff;}
#allmenuwrap ul.top li{position: absolute;}
#allmenuwrap ul.top li:nth-child(1) img{height: 27px;padding-top: 14px;padding-left: 30px;vertical-align: text-bottom;}
#allmenuwrap li.all_menu_logo {left: 25px; margin-top: -10px; top: 50%;}
#allmenuwrap li.all_menu_logo img{height: 25px;}
#allmenuwrap li.all_menu_bt {width: 52px; height: 52px; top: 0; right: 0; background: #353535; line-height: 52px; text-align: center;}
#allmenuwrap li.all_menu_bt img{height: 18px; vertical-align: middle;} 
#allmenuwrap .menu{width: 100%;overflow: hidden;border-top: 1px solid #efefef;}
#allmenuwrap .menu li{width: 50%;float: left;text-align: center;overflow: hidden;background: #fff;}
#allmenuwrap .menu li a{height: 34px; line-height: 34px; display: block; font-size: 13px; font-weight: 500; color: #070902;}
#allmenuwrap .menu li:first-child a{border-right: 1px solid #efefef;}
#allmenuwrap .icon_menu{background: #f8f8f8; border-top: 1px solid #efefef;}
#allmenuwrap .icon_menu ul{overflow: hidden;}
#allmenuwrap .icon_menu li{float: left; width: 20%; height: 59px;}
#allmenuwrap .icon_menu li a{display: block; font-size: 12px; text-align: center; height: 59px; position: relative; letter-spacing: -1px; color: #353535;}
#allmenuwrap .icon_menu li a span{position: absolute; width: 100%; bottom: 5px; left: 0;}
#allmenuwrap .icon_menu li:nth-child(1){background: url(../images/m_gnb_quick_01.png) no-repeat top 13px center; background-size: 15px;}
#allmenuwrap .icon_menu li:nth-child(1) a{ border-right: 1px solid #efefef;}
#allmenuwrap .icon_menu li:nth-child(2){background: url(../images/m_gnb_quick_02.png) no-repeat top 11px center; background-size: 20px;}
#allmenuwrap .icon_menu li:nth-child(2) a{ border-right: 1px solid #efefef;}
#allmenuwrap .icon_menu li:nth-child(3){background: url(../images/m_gnb_quick_03.png) no-repeat top 10px center; background-size: 19px;}
#allmenuwrap .icon_menu li:nth-child(3) a{ border-right: 1px solid #efefef;}
#allmenuwrap .icon_menu li:nth-child(4){background: url(../images/m_gnb_quick_04.png) no-repeat top 13px center; background-size: 16px;}
#allmenuwrap .icon_menu li:nth-child(4) a{ border-right: 1px solid #efefef;}
#allmenuwrap .icon_menu li:nth-child(5){background: url(../images/m_gnb_quick_05.png) no-repeat top 11px center; background-size: 17px;}

#allmenuwrap .allmenu{overflow: hidden;}
#allmenuwrap .allmenu>ul{float: left; width: 50%; background: #ffffff;}
#allmenuwrap .allmenu>ul.m_gnb_01>li{border-right: 1px solid #e3e3e3; box-sizing: border-box;}
#allmenuwrap .allmenu>ul>li>ul {display: none;}
#allmenuwrap .allmenu>ul>li a{display: block; padding: 10px; font-size: 14px; font-weight: 300; text-align: center;}
#allmenuwrap .allmenu>ul>li>a{color: #a0845c; position: relative; border-top: 1px solid #e3e3e3;}
#allmenuwrap .allmenu>ul>li>a span{padding-left: 6px;}
#allmenuwrap .allmenu>ul>li>a span img{height: 7px; vertical-align: middle;}
#allmenuwrap .allmenu>ul>li.last>a{border-bottom: 1px solid #e3e3e3;}
#allmenuwrap .allmenu>ul>li.last ul li a{border-top: 0; border-bottom: 1px solid #e3e3e3;}
/* #allmenuwrap .allmenu>ul>li>a span{background: rgba(0, 0, 0, 0) url(../images/menu_on.png) no-repeat scroll center center; display: block; height: 20px; margin-top: -10px; position: absolute; right: 10px; top: 50%; width: 10px; background-size: 5px;} */
#allmenuwrap .allmenu>ul>li>ul{background: #f8f8f8;}
#allmenuwrap .allmenu>ul>li>ul>li>a{border-top: 1px solid #d2d4d3; font-size: 12px;}
/* .rotate180 {background: rgba(0, 0, 0, 0) url(../images/menu_on.png) no-repeat scroll center center / 9px auto!important; height: 10px!important; margin-top: -5px!important; right: 5px!important; width: 20px!important;} */
div.blinder {background: #666972 none repeat scroll 0 0; display: none; left: 0; position: absolute; top: 0; z-index: 7;}

#m_visual_01{max-width: 640px; margin: 0 auto;}
#m_visual_01 .slick-dots{font-size:0; margin-top:100px;}
#m_visual_01 .slick-dots li{margin: 0 5px;}
#m_visual_01 .slick-dots li button::before{width:10px; height:10px; display:inline-block; border-radius:20px; background:#ffffff; transition: all 0.5s; animation: scale 1s 1;}
#m_visual_01 .slick-dots li.slick-active button::before{width:20px; background:#ffffff;}

/* Dots */
#m_visual_01 .slick-dotted.slick-slider{margin-bottom:0;}
#m_visual_01 .slick-dots{position: absolute; bottom: 30px; left: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
#m_visual_01 .slick-dots li{display: inline-block; cursor: pointer;}
#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; padding: 0;}
#m_visual_01 .slick-dots li button:hover,
#m_visual_02 .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: #ffffff;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
#m_visual_01 .slick-dots li.slick-active button:before{opacity: 1; background: #ffffff;}

#section .m_banner_warp{overflow: hidden;}
#section .m_banner_warp li{float: left; width: 50%;}
#section .video{margin: 0 20px;}


/* 모바일메인 상담문의 */
.t_counsel{position: relative;width: 100%;height: auto;overflow: hidden;/* padding-bottom: 115%; */background: #ecdfd2;padding: 20px 0;}
.form_wrap{/* position: absolute; *//* top: 0; *//* left: 0; */width: 96%;height: 100%;padding: 0 2%;}
.form_wrap dl{overflow: hidden;padding: 0 5%;}
.form_wrap dl dt{width: 16%; font-size: 12px; color: #ffffff;}
.form_wrap dl dd{width: 100%;}
.form_wrap dl dt img{vertical-align: text-bottom;}
.form_wrap dl dt{float: left; text-align: right;}
.form_wrap dl dd{float: left;text-align: left;/* padding-left: 4%; */}
.form_wrap dl dd input{height: 30px; border: 1px solid #c7c7c7;}
.form_wrap dl.name dd input{width: 100%;}
.form_wrap dl.phone dd input{width: 100%;}
.form_wrap dl.phone dd select{width: 26%; height: 38px; border: 1px solid #c7c7c7;}
.form_wrap dl.select_00 dd select{width: 100%;height:38px;border: 1px solid #c7c7c7;background:#fff;color: #7d7474;}
.form_wrap dl.name,
.form_wrap dl.phone{margin-bottom: 5px;}
.form_wrap button{display: block;width: 90%;height: 35px;line-height: 35px;color: #ffffff;text-align: center;margin: 15px auto 0;background: #392a15;}
div.check_box{ padding: 0 5%; text-align: right;}
div.check_box dl{overflow: hidden;}
div.check_box dl dt{float: left;}
div.check_box dl dt{float: left;}
div.check_box input {margin-top: -2px;}
div.check_box .btn_pop01{font-size: 12px; color: #392a15;}

.pop-layer01 .btn_wrap > div{margin: 10px 0 20px; text-align: right;}
.pop-layer01{display: none; position: absolute; top: 50%; left: 50%; width: 320px; height: auto; background-color: #fff; border: 1px solid #cccccc; z-index: 10;}
.dim-layer01{display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer01 .dimBg01{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.dim-layer01 .pop-layer01{display: block; padding: 10px;}
.dim-layer01 .pop-layer01 #txt1 {border: 1px solid #e9e9e9;height: 200px; line-height: 20px; width: 90%; padding : 5%; font-size: 14px;}
a.btn-layerClose01{height: 31px;}

/* top_상담문의 */
.m_top_btn{overflow: hidden;}
.m_top_btn ul{}
.m_top_btn ul li{width:50%;float:left;}

/* 전후사진 */
.bna{padding: 0 0 45px;}
.bna .con{/* padding: 25px; */margin: 0 20px;background: #eeeeee;}
.bna .con img{margin: 0 auto;}
.bna .con .slick-dots{bottom: -40px; width: 100%; text-align: center;display:none;}
.bna .con .slick-dots li{margin: 0 1px;}
.bna .con .slick-dots li button::before{font-size: 10px; color: #e0e0e0; opacity: 1;}
.bna .con .slick-dots li button:hover:before,
.bna .con .slick-dots li button:focus:before{color: #000000;}
.bna .con .slick-dots li.slick-active button:before{color: #000000;}

/* 하단배너 */
.m_banner02{overflow:hidden;padding: 0 0 45px;}
.m_banner02 .con{margin: 0 20px;background: #eeeeee;}
.m_banner02 ul{}
.m_banner02 ul li{float:left;width: 49%;margin-right:7px;}
.m_banner02 ul li:last-child{margin-right:0;}

/* 푸터 */
#footer{background: #434343;padding-bottom: 100px;}

#footer .f_menu{background: #ffffff; padding: 10px 0; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf;}
#footer .f_menu ul{text-align: center; font-size: 0;}
#footer .f_menu ul li{display: inline-block; font-size: 0;}
#footer .f_menu ul li a{display: inline-block;font-size: 12px;color: #434343;}
#footer .f_menu ul li a span{display: inline-block;width: 1px;height: 8px;background: #d5d5d5;margin: 1px 15px;}

#footer .f_map{width:90%;margin:30px auto;}
#footer .f_sns{margin-bottom: 30px;}
#footer .f_sns ul{text-align: center; font-size: 0;}
#footer .f_sns ul li{display: inline-block; margin: 0 5px;}
#footer .f_sns ul li a{display: inline-block; font-size: 12px; color: #302a26;}
#footer .f_sns ul li a img{height: 40px;}
#footer .f_logo {text-align: center;margin-bottom: 25px;}
#footer .f_logo img{height:30px;}
#footer .adress{text-align: center;font-size: 12px; color: #9f9f9f; padding: 0 10px;}
#footer .adress p{color: #666666;}

#wrap .m_quick{position: fixed;z-index: 6;height: 70px;bottom: 0;background: #ffffff;width: 100%;max-width: 640px;min-width: 320px;border-top: 1px solid #cfcfcf;}
#wrap .m_quick ul{overflow: hidden;}
#wrap .m_quick ul li{float: left;width: 20%;height: 70px;position: relative;border-right: 1px solid #cfcfcf;box-sizing: border-box;}
#wrap .m_quick ul li a{height: 57px;display: block;color: #4c4948;}
#wrap .m_quick ul li span{position: absolute;bottom: 10px;display: block;text-align: center;width: 100%;font-size: 12px;font-weight: 400;}
#wrap .m_quick ul li:nth-child(5){border-right: 0;}
#wrap .m_quick ul li:nth-child(1){background: url(../images/m_quick_01.png) no-repeat center top 12px;background-size: 22px;}
#wrap .m_quick ul li:nth-child(2){background: url(../images/m_quick_02.png) no-repeat center top 12px;background-size:17px;}
#wrap .m_quick ul li:nth-child(3){background: url(../images/m_quick_03.png) no-repeat center top 9px;background-size: 30px;}
#wrap .m_quick ul li:nth-child(4){background: url(../images/m_quick_04.png) no-repeat center top 11px;background-size: 30px;}
#wrap .m_quick ul li:nth-child(5){background: url(../images/m_quick_05.png) no-repeat center top 12px;background-size: 25px;}

.sub_top{text-align: center; padding: 15px 0; font-size: 14px;}
.textarea_01{margin: 15px 15px 50px 15px;}
.textarea_01 textarea {
    font-size: 10px;
    height: 300px;
    width: 96%;
	padding: 2%;
	border: 1px solid #efefef;

}

#sub {width:100%; float:left;}
#sub .sub_top_bn {width:100%; float:left;}
#sub .main_menu {width:100%; float:left;}
#sub .main_submenu {width:100%; float:left;}
#sub .sub_fav {width:100%; float:left;}
#sub .main_icon {width:100%; float:left;}
#sub .f_icon {width:100%; float:left;border-bottom: 1px solid #dddddd;}
#sub .sub_tit {width:100%; float:left;}
#sub .sub_nav {width:100%; float:left; text-align:center; background:#ededed; border-bottom:1px solid #cccccc; padding-top:1em; padding-bottom:1em; font-family:dotum, 돋음; font-size:0.75em;}
#sub .sub_nav a {color:#000000;}
#sub .sub_nav .on {font-weight:bold;}
#sub .contents {width:100%; float:left;}
#login_wrap {width:100%; float:left;}
#login_wrap table{line-height: 0;}
#login_wrap td img{width:100%;}
#join_wrap {width:100%; float:left;}
#join_input {width:100%; float:left;}
#write_wrap {width:100%; float:left;}

#content {
	position: relative;
	width: 100%;
	/*height:9em;*/
	z-index:99999999999999999999999999999999999999;
	float:left;
}

.root_daum_roughmap{width:100% !important;}




@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:80px !important;margin-left: 10px;z-index: 9999 !important;position:absolute;border:1px solid #e9e9e9;background:#fff;left: 0 !important;}	
.hd_pops img{width:100%;}	
}

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

}