#btnNav {display:none; position:absolute; top:17px; right:15px; width:40px; height:40px; border:none; background-color:transparent; cursor:pointer; z-index:1000}
#btnNav span {position:absolute; display:block; left:5px; width:30px; height:5px; background:#c5313c; transition:all .4s ease}
#btnNav span.bar1 {top:5px}
#btnNav span.bar2 {top:15px}
#btnNav span.bar3 {top:25px}
#btnNav.active span.bar1 {top:18px; transform:rotate(45deg)}
#btnNav.active span.bar2 {display:none}
#btnNav.active span.bar3 {top:18px; transform:rotate(-45deg)}

#btnUser {display:none; position:absolute; top:25px; right:100px; width:25px; height:25px; background:url(../img/ic_user.png) no-repeat center center; background-size:100%;}

@media ( max-width: 1279px ) {
	.sevice_wrap {max-width:1280px; margin:auto;  position: relative; height:990px}
	.sevice_wrap .sevice01 {position: absolute; top:70px;}
	.sevice_wrap .sevice02 {position: absolute; top:170px; left:1%;}
	.sevice_wrap .sevice03 {position: absolute; top:170px; right:1%;}
	.sevice_wrap .sevice04 {position: absolute; top:420px; left:10%;}
	.sevice_wrap .sevice05 {position: absolute; top:420px; right:10%;}
	.sevice_wrap .sevice06 {position: absolute; top:670px; left:25%;}
	.sevice_wrap .sevice07 {position: absolute; top:670px; right:25%;}
	.sevice_wrap img {width:80%}
	.sevice_wrap .sevice01  img {max-width:100%}

	.sevice_sec2 .img {width:50%;}
	.sevice_sec2 .box {width:80%}
	.sevice_sec2 .txt {padding-bottom:90px}

	#top_btn  {display:none;}
}

@media ( max-width: 1199px ) {
	#gnb_1dul > li.gnb_1dli {padding:0 15px}
	.family li  {padding:3px 10px;}
	.sub_top_tit {padding:0 20px}
	#hd_wrapper, .ft_menu, #ft {padding:0 10px}

}
@media ( max-width: 840px ) {
	.main_v .txt_wrap {padding:160px 35px}
	.sub_top {height:200px}
	#ft_copy  {float:none;}
	#ft .sns {float:none; padding:0px 0 20px}
	.hd_tnb_inner {padding:0 50px;}
	
	#container {padding:50px 0 25px;}

	#gnb_wrap {position:fixed !important; top:0; right:-270px; width:250px; height:100%; background:#c5313c; box-shadow:-2px 0 6px 0 rgba(0,0,0,.3); z-index:990;}
	 #gnb_wrap a.gnb_top {position:relative; display:block !important; padding:0 0 0 25px; height:80px; font-size:16px; color:#fff; line-height:80px; background:#555}
	 #gnb_wrap a.gnb_top > span.nav-home {display:inline-block; width:17px; height:16px; margin-right:10px; background:url(../img/nav_home.png) 0 0 no-repeat; vertical-align:-2px}
	 #gnb_wrap button {display:block; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; border-radius:2px; background:#333; cursor:pointer}
	 #gnb_wrap button span {position:absolute; display:block; left:10px; width:20px; height:2px; background:#fff; transition:all .4s ease}
	 #gnb_wrap button span.bar1 {top:12px}
	 #gnb_wrap button span.bar2 {top:18px}
	 #gnb_wrap button span.bar3 {top:24px}
	 #gnb_wrap button.active span.bar1 {top:18px; transform:rotate(45deg)}
	 #gnb_wrap button.active span.bar2 {display:none}
	 #gnb_wrap button.active span.bar3 {top:18px; transform:rotate(-45deg)}
	 #gnb_1dul {float:none}
	 #gnb_1dul > li.gnb_1dli {width:100%; float:none; height:auto; text-align:left; padding:0; float:none; line-height:18px}
	 #gnb_1dul > li > a {position: relative; height:auto; padding:15px 25px; padding-left:60px; font-size:16px; border-bottom:1px solid #c38b8f; }
	 #gnb_1dul > li > a > span {padding:0}
	 #gnb_1dul > li > a > span:before {display:none}
	 #gnb_1dul > li > ul.gnb_2dul li:before {display:none}
	 #gnb_1dul > li.dropdown > a:before {position:absolute; display:block; width:2px; height:14px; left:31px; top:50%; margin-top:-7px; content:''; background:#fff; transition:all .3s ease}
	 #gnb_1dul > li.dropdown > a:after {position:absolute; display:block; width:14px; height:2px; left:25px; top:50%; margin-top:-1px; content:''; background:#fff}
	 #gnb_1dul > li.open > a:before {transform:rotate(90deg)}
	 #gnb_1dul > li > ul.gnb_2dul {display:none; position:static; width:100%; padding:0; background:#1d242a; opacity:1 !important; filter:alpha(opacity='100') !important; box-shadow:none}
	 #gnb_1dul > li > ul.gnb_2dul li {padding:0; border-color:#dedede; text-align:left;}
	 #gnb_1dul > li > ul.gnb_2dul li a {font-size:15px; padding:10px 25px; line-height:18px;}
	 #gnb_mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='60'); z-index:200}
	 #btnNav {display:block;}
	 #btnUser {display:block;}
	 #logo {padding:15px 0;}
	 #logo img{height:40px; padding-top:0;}
	#hd ul#tnb  {display:none;}
	 .main_v {height:auto;}
	 .main_v .main_img_inner{height:500px;}
	 .main_v .main_img_inner .main_txt {width:70%; margin-left:-35%;}
	 
	 #wrapper_main {padding:0 10px; box-sizing: border-box;}
	 .col-t-1 {width:100%; float:none; margin:0; margin-bottom:20px; padding-left:0;}
	 .col-t-2 {width:50%; padding-left:0; }
	 .bans_02 {margin-left: -1px;}
	 

	 .img_box .img_list li {height:270px; overflow:hidden; }

	 .sec_02 {padding:30px 10px;}

	 
	.ceo_img {float:none;width:100%; margin-right:0;}
	.ceo_txt {float:none; width:100%}

	.ft_menu ul {float:none; text-align:center;}
	.ft_menu ul li {float:none; display:inline-block;}
	.ft_menu p {float:none; text-align:center;}

	.sevice_wrap {max-width:1280px; margin:auto;  position: relative; height:auto; padding:50px 0; overflow:hidden;}
	.sevice_wrap .sevice01 {position: relative; top:auto; left:auto; text-align:center; margin-left:0;padding:20px;}
	.sevice_wrap .sevice02 {position: relative;top:auto; left:auto; float:left; width:50%; text-align:center; padding:10px; box-sizing:border-box;}
	.sevice_wrap .sevice03 {position: relative; top:auto;right:auto; float:left; width:50%;text-align:center; padding:10px;  box-sizing:border-box;}
	.sevice_wrap .sevice04 {position: relative; top:auto; left:auto; float:left; width:50%;text-align:center; padding:10px;  box-sizing:border-box; clear:both;}
	.sevice_wrap .sevice05 {position: relative; top:auto;right:auto; float:left; width:50%;text-align:center; padding:10px;  box-sizing:border-box;}
	.sevice_wrap .sevice06 {position: relative; top:auto;  bottom:auto; left:auto; float:left; width:50%;text-align:center;  padding:10px;  box-sizing:border-box; clear:both;}
	.sevice_wrap .sevice07 {position: relative; top:auto; bottom:auto; right:auto; float:left; width:50%;text-align:center;  padding:10px;  box-sizing:border-box;}
	.sevice_wrap img {max-width:100%; width:auto;}

	.root_daum_roughmap .wrap_map {height:400px !important;}

	.sevice_top img{max-width:100%; width:auto;}
	.sevice_top .txt h4 {margin-bottom:20px}
	.sevice_top .txt {position: relative; bottom:auto; right:auto; width:100%; padding:30px 20px; box-sizing:border-box;}
	.sevice_sec .img {float:none; width:100%; text-align:center;}
	.sevice_sec .info  {float:none; width:100%; padding:30px 20px;}
	.sevice_sec .info ul {margin-top:25px}

	.sevice_sec3 {padding:35px 0}
	.sevice_sec3 ul li {width:50%; padding:0 10px; box-sizing:border-box;}
	.sevice_sec2 {padding:20px; margin:25px 0;}
	.sevice_sec2 .img {position: relative; top:auto; right:auto; width:100%; padding:30px 20px; box-sizing:border-box;}
	.sevice_sec2 .box {width:100%; box-sizing:border-box; padding:40px 25px}
	.sevice_sec2 .txt {width:100%; box-sizing:border-box; padding:40px 25px}

	.sevice_sec4 ul {padding:0 10px}
	.sevice_sec4 ul li dl dt, .sevice_sec4 ul li dl dd {float:none; width:100%}
	.sevice_sec4 ul li dl dt {margin-bottom:10px}

	.sevice_sec5 ul li {width:100%;}
	.sevice_sec5 ul li p {text-align:center;}
	.sevice_sec5 ul li dl {padding-bottom:30px}
	

	.mblock {display:none;}

	.tablesy01 td.member_img img { width:80%; max-height:100px; }
}
@media ( max-width: 767px ) {
	.hd_tnb  {display:none;}
	.ft_menu ul li:after {padding:0 15px}
	.main_v {background-position:center center;}
	.main_v .txt_wrap img{max-width:100%; width:80%;}
	 #btnNav { right:10px}
	 #btnUser {right:60px}
	 #logo {margin-left:10px;}
	 #logo a {margin-top:20px}
	 .main_v .main_img_inner .main_v01 {width:50%; margin:auto; left:50%; margin-left:-25%; margin-bottom:-50px }
	 .main_v .main_img_inner .main_v01 img, .main_v .main_01 .main_txt img  {width:100%}
	 .main_v .main_img_inner .main_txt {width:80%;top: 50%;left:50%;margin-left:-40%;margin-top: -25%;}
	 .col-m-1 {width:100%; float:none;margin:0; margin-bottom:20px}
	 .bans_02 {margin-left: 0;}
	
	 .fixed_img_col li {width:32%; margin-right: 2%;}
	 .fixed_img_col li:nth-child(3) {margin-right:0}
	 .fixed_img_col li:nth-child(4) {display:none;}
	 .fixed_img_col li:nth-child(5) {display:none;}
	 .sub_top_tit {background:none; text-align:center;}
	 .sub_top_tit .tit_box {position:relative; }

	 #aside {display:none;}
	

	
	.sub-tit {font-size:20px}

	.mapinfo dt{width:100%;float:left;clear:both;padding:10px 10px;text-align:left;font-weight:bold;border-top:1px solid #eaeaea;color:#a17779;line-height:150%;     box-sizing: border-box;}
	.mapinfo dd{width:100%;float:left;padding:10px;border-top:1px solid #eaeaea;line-height:180%;     box-sizing: border-box;}


	.viewskin .standard {float:none; width:100%;}
	.viewskin .image {float:none; width:100%;}

	.tblwrap .tblstyle {margin-top:15px; font-size:13px; }
	.tblwrap .tblstyle th{padding:8px 5px;}
	.tblwrap .tblstyle td{padding:8px 10px;}

	.tblwrap .tblstyle02 {margin-top:15px; font-size:13px; }
	.tblwrap .tblstyle02 th{padding:8px 5px;}
	.tblwrap .tblstyle02 td{padding:8px 10px;}

	.sch_box {padding:20px 10px; }
	.sch_box ul {text-align:left;}
	.sch_box ul li span {padding-right:10px}
	.sch_box ul li select {min-width:100px}
	.sch_box ul li {padding:0 0px}
	.sch_box ul li input[type="text"] {width:200px}

	.cs_box {padding:20px 10px}
	.cs_box ul {text-align:left;}
	.cs_box ul li {margin-bottom:5px}
	.cs_box ul li span {padding-right:5px}

	.bbs_sch ul li {font-size:13px;}
	.bbs_sch ul li select {min-width:auto; height:30px;}
	.bbs_sch ul li .input_sch {padding-right:5px;}
	.bbs_sch ul li input[type="text"] {width:150px; height:28px;}  

	.tablesy01 td.store_list_addr, .tablesy01 td.store_list_map { display:none; }
}

@media ( max-width: 479px ) {
	.ft_menu {padding:10px 10px 0;}
	.ft_menu ul li:after {padding:0 5px}
	.ft_menu ul li a {line-height:30px; font-size:13px}
	.main_v  {background-size:cover;}
	.main_v .txt_wrap {padding:80px 15px 120px}
	 .main_v .main_img_inner {background-size: auto 100%;}
	 .main_v .main_img_inner .main_v01 {width:70%; margin:auto; left:50%; margin-left:-35%; margin-bottom:-20px }
	 .main_v .main_img_inner .main_v01 img, .main_v .main_img_inner .main_txt img  {width:100%}
	 .main_v .main_img_inner .main_txt {width:80%; top:120px; left:50%; margin-left:-40%; margin-top:0;}

	 .sub_top_tit .sub_top_txt {font-size:14px; line-height:25px}
	 .sub_top_tit .sub_top_txt strong {font-size:20px}
	
	.main_v .main_img_inner .main_txt {height:auto;}
	.main_img_inner .main_txt p.text01 {font-size:38px}
	.main_img_inner .main_txt p.text02 {font-size:18px}

	.main_section h2 {font-size:24px}
	.main_bbs_wrap h3 {font-size:24px}

	.main_bbs li a {font-size:14px}
	.main_bbs li span.date {font-size:14px}
	
	
	.sevice_top .txt p {font-size:14px}
	.sevice_sec .info p {line-height:24px; font-size:14px}
	.sevice_sec .info ul li {font-size:16px}
	.sevice_sec2 .txt {font-size:14px}
	.sevice_sec2 .txt p {line-height:24px}
	.sevice_sec2 .txt h4 {font-size:20px}
	.sevice_sec2 .txt h4 small {font-size:14px}
	.sevice_sec3 ul.w50 li {width:100%;}

	.sevice_sec5 ul li dl dt {font-size:20px; margin-bottom:10px}
	.sevice_sec5 ul li dl dt small {font-size:15px; letter-spacing:-1px;}
	.sevice_sec5 ul li dl dd {font-size:14px}

	.bbs_sch ul li input[type="text"] {width:120px;}  
	.tablesy01 td.member_img img { width:100%; }

}