@charset "utf-8";


/* 기본설정 */
@font-face{
	font-family:"ngWeb";
	src:url('NanumGothic.eot');
	src:url('NanumGothic.eot?#iefix') format('embedded-opentype'), 
	url('NanumGothic.woff') format("woff"),
	src:local(※), url('NanumGothic.woff') format('woff');
}

* {-webkit-text-size-adjust:none;}

html, body		{height:100%; margin:0; padding:0; background-color:#fff; font-family:"ngWeb", "NanumGothic", "나눔고딕"; color:#666; font-size:1.05em;}
img, fieldset	{border:0 none; }
ul, ol, li, dl	{list-style:none;margin:0;padding:0;}
div, h1, h2, h3, h4, h5, h6, p, dt, dd {font-size:100%; margin:0;padding:0;}
hr	{display:none;}

a	{ }
a, a:link {color:#696969; text-decoration:none;}
a:visited, a:active {color:#696969;}
a:hover  {color:#696969; text-decoration:none;}

em, i, address {font-style:normal; font-weight:normal;}
legend, caption {display:none; clear:both;}
input, textarea, select, button, table { font-size:inherit; font-family:inherit; }
table { border-collapse:collapse; border-spacing:0px; border:0; font-size:1.0em; }

section, nav, article, aside, hgroup, header, footer {display:block;}
textarea, input {background:url(none);}
textarea {resize:none;}
label {cursor:pointer;}

.clear	{ clear:both; }
.hand	{ cursor:pointer; }




/* 레이아웃 */
.page_width		{ width:980px; min-width:320px; margin:auto; }
#Header			{ position:relative; height:70px; background-color:#545454; text-align:center; overflow:hidden; }
	#Header .logo	{ float:left; padding-top:10px; cursor:pointer; }
	#Header #BtnMenu	{ display:none; float:left; padding:16px 20px 12px; cursor:pointer; }
	#Header #BtnMenu img	{ width:20px; }
	#Header ul	{ float:right; }
	#Header li	{ float:left; }
	#Header li a		{ display:block; font-size:1.1em; color:#fff; padding:1.1em 1.1em .5em; }
#NaviTop		{ position:relative; background-color:#939393; height:53px; text-align:center; } /* 상단네비 */
	#NaviTop .page_width	{ position:relative; text-align:left; }
	#NaviTop a		{ display:block; font-size:1.1em; color:#cccccc; padding:.7em 1.1em .5em; }
	#NaviTop ol		{ position:relative; }
	#NaviTop li		{ position:relative; float:left; }
	#NaviTop li:after	{ background:#d7d4d4; bottom:0; content:''; width:1px;height:19px; top:17px;left:1px; position:absolute; }
	#NaviTop li:first-child:after	{ display:none; }
	#NaviTop li.on a	{ color:#fff; }
	#NaviTop .arrow		{ position:absolute; top:-9px; width:17px;height:9px; background:url(../images/common/navi_top_arrow.png) top left no-repeat; }
	#NaviTop .submenu00		{ width:100%; left:0; }
	#NaviTop .submenu00 .arrow	{ left:336px; }  
	#NaviTop .submenu00 li	{ float:none;text-align:center; }
	#NaviTop .submenu00 li a	{ color:#fff; }
	#NaviTop .submenu01		{ width:300px; left:520px; }
	#NaviTop .submenu01 .arrow	{ left:68px; }  
	#NaviTop .submenu02		{ width:400px; left:440px; }
	#NaviTop .submenu02 .arrow	{ left:108px; }  
	#NaviTop .submenu03		{ width:900px; left:600px; }
	#NaviTop .submenu03 .arrow	{ left:50px; }  
	#NaviTop .submenu04		{ width:900px; left:360px; }
	#NaviTop .submenu04 .arrow	{ left:290px; }
	#NaviTop .submenu05		{ width:400px; left:780px; }  /* left:774px;*/
	#NaviTop .submenu05 .arrow	{ left:140px; }  /* left:140px;*/
#MenuToggle		{ overflow: auto; display:none; background-color:#ededed; position:fixed; top:53px;left:0; width:90%; padding-bottom:6px; z-index:10; -webkit-box-shadow: 0 6px 4px rgba(0, 0, 0, .4); box-shadow: 0 6px 4px rgba(0, 0, 0, .4); }  /*position:fixed*/
	#MenuToggle.toggled		{ display:block; }
	#MenuToggle a	{ display:block; color:#888; padding:.5em 20px; }
	#MenuToggle dt.home		{ position:relative; border:0 none; background-color:#dfdede; color:#000; cursor:pointer; padding:.5em 20px; }
	#MenuToggle dt.home:after	{ position:absolute;content:''; top:-4px; left:26px; width:8px;height:4px; background:url(../images/common/menu_arrow.png) top left no-repeat; background-size:8px 4px }
	#MenuToggle dt.close		{ background:url(../images/common/menu_close.png) 20px center no-repeat; background-size:.8em auto; cursor:pointer; padding:.5em 20px .5em 45px; }
	#MenuToggle dt	{ border-top:1px solid #c9c7c7; font-size:1.1em; }
	#MenuToggle dt a	{ line-height:1.3; color:#333; }

	#MenuToggle dt a span	{color:#333; font-size:0.7em; padding-right:6px;  left:126px;}

	#MenuToggle dd	{ background:url(../images/common/ico_menudot.png) 25px 8px no-repeat; background-size:4px 5px; font-size:.9em; }
	#MenuToggle dd a	{ line-height:1.1; padding:.1em 20px .4em 36px; }
	#MenuToggle dd.end	{ padding-bottom:.6em; }
#ContentArea	{ position:relative; background-color:#fff; text-align:center; z-index:1; } /* 상단네비 */
	#ContentArea .page_width	{ text-align:left; padding-top:37px; }
#Footer			{ position:relative; height:auto; background-color:#f3f4f6; text-align:center; padding:0 15px 30px; overflow:hidden; }
	#Footer .page_width	{ text-align:left; }
	#Footer .btm_info	{ padding-top:30px; }
	#Footer .btm_info p	{ line-height:1.5; font-size:.9em; }
	#Footer .btm_copy	{ clear:both; font-size:.9em; padding-top:10px; }













/* 공통 스타일 */
.forWeb		{ display:block; }
.forMobile	{ display:none; }

.pagetit	{ display:inline-block; font-size:1.6em; color:#000; line-height:1.2; padding-bottom:.3em; border-bottom:2px solid #222; margin-bottom:20px;  }
.stit01		{ font-family:serif,'Batang'; font-size:1.45em; letter-spacing:-.02em; margin-bottom:22px; }
.stit01.album	{ color:#616c7d; }
.stit01.frame	{ color:#6f5903; }

.intro_top_banner	{ padding:30px 30px 23px;margin-bottom:48px; overflow:hidden; } 
	.intro_top_banner .copy		{ font-family:serif,'Batang'; font-size:1.1em; font-weight:500; letter-spacing:-.05em; margin-bottom:22px; }
	.intro_top_banner .copy img		{ max-width:100%; }
	.intro_top_banner img.visual1	{ clear:left;  float:left; margin-bottom:18px; }
	.intro_top_banner img.visual2	{ float:right; margin-bottom:18px; }
	.intro_top_banner .desc		{ clear:both; line-height:1.3;font-size:1.1em;color:#333333; padding-top:4px; }          

.intro_top_banner.print		{ background-color:#eeeeee; }
	.intro_top_banner.print .copy	{ color:#000000; }
	.intro_top_banner.print .copy font	{ color:#0a78e6; }
.intro_top_banner.album		{ background-color:#616c7d; }
	.intro_top_banner.album .copy	{ color:#c9dbf7; }
	.intro_top_banner.album .copy font	{ color:#fff; }
.intro_top_banner.frame		{ background-color:#635002; }
	.intro_top_banner.frame .copy	{ color:#cccccc; }
	.intro_top_banner.frame .copy font	{ color:#fff; }


a.btn	{ display:inline-block; text-align:center; cursor:pointer; }
.btn.line	{ border:1px solid #c0c0c0; font-size:1.1em; color:#666666; padding:.4em 1.6em; }

/* 리스트 스타일 */
.listTypeA	{ margin-bottom:40px; overflow:hidden; }
	.listTypeA .unitA a	{ display:block; height:100%; padding:0 20px; }
	.listTypeA .unitA	{ float:right; }
	.listTypeA .unitA:nth-child(2n+1)	{ clear:both;float:left; }
.unitA	{ border:1px solid #d6d6d6; max-width:432px; height:635px; margin-bottom:25px; }
	.unitA .name	{ font-size:1.6em; letter-spacing:-.04em; padding-top:30px;padding-bottom:15px; }
	.unitA .sum		{ font-size:1em; padding-top:19px; }
	.unitA img		{ width:100%; max-height:497px; vertical-align:top; }
.listTypeA.album .unitA a		{ color:#616c7d; }
.listTypeA.frame .unitA a		{ color:#6f5903; }

.listTypeB	{ margin-bottom:40px; overflow:hidden; }
	.listTypeB .visual	{ clear:both; float:right; margin-bottom:68px; }
	.listTypeB .visual img	{ vertical-align:top; }
	.listTypeB .desc	{ float:left; font-size:.9em; line-height:1.5; }
	.listTypeB .tit		{ font-size:1.3em; color:#0a78e6; padding-top:4px;padding-bottom:12px; }

.listTypeC	{ margin-bottom:40px; overflow:hidden; }
	.listTypeC .unitC a	{ display:block; border:1px solid #e5e5e5; height:100%; padding:0 15px; }
	.listTypeC .unitC	{ float:left; }
	.listTypeC .unitC:nth-child(3n+1)	{ clear:both;float:left; margin-left:0; }
.unitC	{ width:319px; height:443px; margin-bottom:56px;margin-left:11px; }
	.unitC .num	{ font-size:1.25em; color:#222; padding-top:19px;padding-bottom:8px; }
	.unitC .name	{ font-size:1.25em; letter-spacing:-.04em; padding-bottom:20px; }
	.unitC .desc	{ font-size:1em; color:#999; padding-top:21px; }
	.unitC .img		{ border:1px solid #edecec; }
	.unitC img		{ width:100%; height:282px; vertical-align:top; }
.album .unitC .name		{ color:#4b9ced; }
.frame .unitC .name		{ color:#d0a703; }


.tb_list01 	{ width:100%; border-top:1px solid #939393; border-bottom:1px solid #bbbbbb; font-size:0.9em; margin:30px 0; }
	.tb_list01 th 	{ background:#f2f2f2; color:#333333; font-size:0.9em;font-weight:bold; text-align:center; line-height:1.5em; padding-top:10px;padding-bottom:10px; }
	.tb_list01 td 	{ border-bottom:1px solid #eeeeee; color:#999999; text-align:center; padding:.8em 0; }
		.tb_list01 	a { color:#454545; }
	.tb_list01 .tit 	{ text-align:left; padding-left:15px; }

.tb_view01	{ width:100%; border-top:1px solid #939393;border-bottom:1px solid #bbbbbb; font-size:1.0em; margin:30px 0; }
	.tb_view01 th	{ background:#f2f2f2; color:#333333; text-align:left; padding-top:10px;padding-bottom:10px;padding-left:3%; }
		.tb_view01 th p  { float:right; font-size:0.7em; padding-right:15px; }
	.tb_view01 td	{ padding-top:20px;padding-bottom:35px;padding-left:3%;padding-right:4%; }
	.tb_view01 .report_down		{ text-align:center;padding-left:4%; }


.list_top_web	{ padding-top:20px; margin-bottom:25px; }
	.list_top_web .upper		{ background-color:#eeeeee; margin-bottom:10px; padding:0 1em; }
	.list_top_web .upper a		{ display:inline-block; font-size:1.25em;color:#999999; letter-spacing:-.04em; padding:.5em 1em; cursor:pointer; }
	.list_top_web .second		{ margin-bottom:20px; padding:0 1em;  }
	.list_top_web .second a		{ display:inline-block; font-size:1.25em;color:#a4a4a4; letter-spacing:-.04em; padding:.5em 1em; cursor:pointer; }
.list_top_web.album .upper a.on	{ color:#2b66a2; }
.list_top_web.album .second  a.on	{ color:#53a5f7; }
.list_top_web.frame .upper a.on	{ color:#a18103; }
.list_top_web.frame .second  a.on	{ color:#cea604; }

.list_top_mobile	{ display:none; padding:0 15px 20px; }
	.list_top_mobile select		{ width:100%; height:30px; border:1px solid #dedede; background:#fff; margin-bottom:10px; }

.list_btm_search	{ width:570px; margin:auto;margin-bottom:40px; padding:40px 0; }
	.list_btm_search input		{ width:385px; box-sizing:border-box; border:1px solid #dedede; font-size:1.1em; padding:.35em; text-indent:.8em; vertical-align:top; }
	.list_btm_search .btn.search	{ width:167px;height:31px; background-color:#cccccc; font-size:1.1em; color:#666; padding-top:.4em; }

.page_num	{ clear:both; font-family:verdana; text-align:center; }
	.page_num a		{ min-height:24px; display:inline-block; background:none; font-size:1em; color:#cbcbcb; text-align:center; vertical-align:middle; padding:5px 9px;margin-right:1px; cursor:pointer; }
		.page_num a:hover	{ color:#555; }
		.page_num a.on		{ background:#8b8b8b; color:#fff; }
	.page_num a.prev	{ background:url(../images/common/btn_page_prev.png) 18% center no-repeat #f3f3f3; font-size:.8em; padding-top:9px;padding-left:20px; margin-right:7px }
	.page_num a.next	{ background:url(../images/common/btn_page_next.png) 82% center no-repeat #f3f3f3; font-size:.8em; padding-top:9px;padding-right:20px; margin-left:7px; }
	.page_num a.prev.listout, .page_num a.next.listout	{ cursor:text; }
	.page_num a:hover.prev.listout, .page_num a:hover.next.listout	{ color:#cbcbcb; }



/* 상품보기 */
.view_navi	{ background-color:#eeeeee; margin-top:20px; margin-bottom:25px; overflow:hidden; }
	.view_navi .btn.list	{ float:right; background:url(../images/common/btn_bg_list.png) center left no-repeat; font-size:1.1em; color:#a1a0a0; padding:.5em 1em .5em 2em; }
	.view_navi p	{ color:#999999; padding:.6em 15px; }

.view_summary	{ overflow:hidden; }
.view_img	{ float:left; width:179px; }
	.view_img img	{ width:150px;height:150px; border:1px solid #f3f3f3; } 
.view_name	{ float:left; width:274px; font-size:1.2em; color:#888; }
	.view_name .num	{ font-size:1.3em; color:#222; padding-bottom:8px; }
	.view_name .name	{ font-size:1.5em; letter-spacing:-.04em; padding-bottom:20px; }
	.view_name .ico		{ vertical-align:middle;  }
.album .view_name .name	{ color:#4b9ced; }
.frame .view_name .name	{ color:#a58502; }
.view_desc	{ min-height:10px; border-left:1px solid #eeeeee; font-size:1em; color:#222; line-height:1.6; padding-left:24px;padding-bottom:6px; margin-left:453px;margin-bottom:50px; }
	.view_desc p	{ color:#999; font-size:1.1em; padding-top:10px;padding-bottom:1px; }
	.view_desc p:first-child	{ padding-top:0; }

.view_detail	{ clear:both; border-top:1px solid #f3f3f3; text-align:center; padding-top:11px; margin-bottom:40px; }
	.view_detail .ask_btn	{ text-align:center; }
	.view_detail .ask_btn .btn	{ background-color:#63a0dd; color:#fff ;font-size:1.1em; padding:.4em 1.6em; }
	.view_detail .ask_btn .btn:first-child	{ margin-right:7px; }
	.view_detail .tit	{ font-size:1.2em; color:#999; text-align:left; padding-bottom:40px; }
	.view_detail img	{ max-width:100%; }


/* 프로페셔널 */
.pro_top_banner		{  background-color:#ffffff; left top no-repeat #000000; background-size:100% auto; margin-bottom:58px; }
	.pro_top_banner .text	{ padding-top:7%;padding-bottom:8%;margin-left:10%; margin-right:10%; font-size:1.1em; color:#999; line-height:1.4; }
	.pro_top_banner .text img	{ max-width:80%; }
	.pro_top_banner .text span	{ display:block; color:#ad8c5c; padding-bottom:1.8em; text-align:center;}

.pro_demodown	{ position:relative; float:right; width:33%; text-align:center; }
	.pro_demodown:after		{ position:absolute; content:''; top:60px; left:-130px; width:1px; height:592px; background-color:#e5e5e5; }
	.pro_demodown .tit	{ font-size:1.4em;font-weight:bold; color:#745b35; padding-bottom:37px; }
	.pro_demodown dl	{ margin-bottom:60px; }
	.pro_demodown dl dt img		{ vertical-align:top; }
	.pro_demodown dl dd		{ font-size:1.1em; font-weight:bold;line-height:1.3; }
	.pro_demodown dl dd a	{ display:block; font-weight:normal;text-align:center; padding-top:4px; }

.pro_photogate	{ float:left; padding-bottom:40px; }
	.pro_photogate .tit	{ font-size:1.4em; font-weight:bold; color:#745b35; padding-bottom:31px; }
	.pro_photogate .tit .pale	{ font-weight:normal; color:#a78858; }
	.pro_photogate li	{ font-size:1.1em; font-weight:bold;color:#555; padding-bottom:55px; }
	.pro_photogate li .pale		{ font-weight:normal;color:#666; }
	.pro_photogate .btn		{ width:144px; background-color:#f7ead5; color:#d5ae74; padding:.6em 0; margin-top:14px; margin-right:8px; }
	.pro_photogate .btn.dark	{ background-color:#e3ceae; color:#8d7d64; }

.pro_photogate2	{ float:left; padding-bottom:30px; }
	.pro_photogate2 .tit	{ font-size:1.4em; font-weight:bold; color:#745b35; padding-bottom:11px; padding-top:20px;margin-left:8px;  }
	.pro_photogate2 .tit .pale	{ font-weight:normal; color:#a78858; }
	.pro_photogate2 li	{ font-size:1.1em; font-weight:bold;color:#555; padding-bottom:15px;margin-left:18px; }
	.pro_photogate2 li .pale		{ font-weight:normal;color:#666; }
	.pro_photogate2 .btn		{ width:144px; background-color:#f7ead5; color:#d5ae74; padding: .4em 0; margin-top:14px; margin-right:8px; margin-left:18px;}
	.pro_photogate2 .btn.dark	{ background-color:#e3ceae; color:#8d7d64; } 

/* 고객센터 */
.cs_txt		{ line-height:1.6; border-bottom:1px solid #e5e5e5; padding-bottom:68px;margin-bottom:37px;  }
	.cs_txt .tit		{ font-size:1.6em; line-height:1.3; color:#444; padding-bottom:.6em; }
	.cs_txt .name		{ display:inline-block; width:90px; }
	.cs_txt .line_shift		{ display:block; }
	.cs_txt .btn.ask	{ float:right; width:242px; background-color:#939393; font-size:1.5em; color:#fff; padding:.3em 0; margin-top:-30px; }
	.cs_txt .imgbig		{ width:100%; margin-top:30px; }
	.cs_txt .gmap		{ width:100%; height:450px; }

.cs_form	{ padding-bottom:50px; }
	.cs_form .name	{ font-size:1.2em; font-weight:bold; padding-bottom:.3em; }
	.cs_form input, .cs_form textarea	{ width:100%; border:1px solid #e5e5e5; box-sizing:border-box; padding:.5em; margin-bottom:35px; }
	.cs_form textarea	{ height:300px; }
	.cs_form .btn.send	{ width:30%; background-color:#939393; font-size:1.2em; color:#fff; padding:.3em 0;margin-left:35%; }

.info_txt	{ background-color:#eeeeee; font-size:1.1em; text-align:center; padding:30px; }


/* 메인 */
.main_top_banner	{ height:463px; background:url(../images/main/main_visual01.jpg) center top no-repeat #333333; background-size:auto 100%; margin-bottom:30px; }
	.main_top_banner p	{ color:#fff; }
	.main_top_banner .tit01		{ font-size:2.35em; padding-top:.2em;padding-bottom:.2em;padding-left:14px; }
	.main_top_banner .tit02		{ font-size:3.2em; padding-bottom:.3em;padding-left:10px; }
	.main_top_banner .desc		{ font-size:1.2em; line-height:1.2; padding-left:14px; }
	.main_top_banner .desc span		{ display:block; }

.listMsub	{ overflow:hidden; }
	.listMsub .unitM:nth-child(3n+1)	{ clear:left;float:left; margin-left:0; }

.unitM	{ width:312px; float:left; margin-left:22px;margin-bottom:40px; }
	.unitM img	{ width:100%;vertical-align:middle; }
.unitMbtm	{ border:1px solid #e5e5e5;border-top:0 none; height:218px; }
	.unitMbtm .tit	{ font-size:1.3em; color:#101010; line-height:1.2; letter-spacing:-.03em; padding-top:16px;padding-left:27px; }
	.unitMbtm .tit .point	{ display:block; color:#da0909; }
	.unitMbtm .desc	{ font-size:.9em; color:#929292; line-height:1.5; padding-top:10px; padding-left:27px; }

.main_cs	{ border-bottom:1px solid #cfd0d2; padding-top:10px;margin-bottom:75px; }
	.main_cs .tit	{ font-size:1.65em; color:#000; padding-bottom:.6em; }
	.main_cs table	{ width:100%; border-top:2px solid #777; }
	.main_cs th, .main_cs td	{ border-bottom:1px solid #cfd0d2; line-height:1.3; padding:22px 20px; }
	.main_cs th		{ color:#333; background-color:#f7f7f9; font-size:1.1em; text-align:left; }
	.main_cs td		{ color:#666; font-size:1.2em; }

.main_contact	{ overflow:hidden; margin-bottom:75px; }
	.main_contact a		{ float:left; display:block; margin-right:12px;margin-bottom:10px; }
	.main_contact .phone	{ width:322px;height:155px; background:#f1f1f1; border:1px solid #d5dae3; box-sizing:border-box; font-size:1.5em; color:#101010; line-height:150px; text-align:center; margin-right:0; }
	.main_contact .phone img	{ vertical-align:middle; height:76px;width:76px; margin-right:10px; }


/* 레이어팝업 */
.layer_pop_m	{ position:absolute; top:50px;left:50%; margin-left:-210px; background-color:#fff; width:400px; box-sizing:border-box; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); z-index:15; }
.layer_pop_content	{ padding:15px; line-height:1.5; font-size:1em; color:#666; }
.layer_pop_btm		{ margin-top:20px; background-color:#dedede; font-size:.8em; padding:10px 14px 9px; overflow:hidden; }
.layer_pop_btm .btn.close	{ float:right; width:16px;height:16px; background:url(../images/common/btn_close_layer.png) top left no-repeat; background-size:100%; margin-top:2px; }
.layer_pop_btm input	{ width:15px;height:15px; vertical-align:middle; margin-top:0; }



@media screen and  (max-width: 981px) { 
.page_width		{ width:100%; }
#Header li a		{ padding:1.1em .6em .5em; }
#Header .logo		{ margin-left:13px; }
#NaviTop .page_width	{ text-align:center; }
#NaviTop ol		{ margin:auto; }
#NaviTop li		{ float:none; display:inline-block; }
#NaviTop .submenu01, #NaviTop .submenu02, #NaviTop .submenu03, #NaviTop .submenu04, #NaviTop .submenu05		{ left:0; }
#NaviTop .arrow		{ display:none; }

.pagetit, .stit01	{ margin-left:15px; }

.intro_top_banner img.visual1, .intro_top_banner img.visual2	{ width:49%; }

.listTypeA	{ padding:0 20px; }
.listTypeA .unitA	{ width:48%; }
.unitA		{ height:auto; padding-bottom:17px; }
.listTypeB .visual	{ padding-right:30px; }
.listTypeB .desc	{ padding-left:30px; }
.listTypeC	{ padding:0 15px; }
.unitC	{ width:32%; height:auto; margin-bottom:45px;margin-left:2%; }
.unitC .desc	{ padding-bottom:16px; }
.unitC img		{ height:auto; }

.view_img	{ padding-left:15px; }
.view_detail	{ padding-left:15px;padding-right:15px; }

.pro_demodown:after		{ left:-90px; }
.pro_photogate	{ padding-left:30px; }

.cs_txt, .cs_form		{ padding-left:20px;padding-right:20px; }
.cs_form .btn.send	{ width:40%;margin-left:30%; }

.main_top_banner	{ padding-left:10px; }
.listMsub 	{ padding-left:20px;padding-right:20px; }
.main_cs	{ margin-left:20px;margin-right:20px; }
.unitM		{ width:48%; margin-left:0; }
.listMsub .unitM:nth-child(3n+1)	{ clear:none; }
.listMsub .unitM:nth-child(2n+2)	{ float:right; margin-left:0; }
.main_contact	{ padding-left:13%;padding-top:30px; }
.main_contact a 	{ width:37%; margin-right:8%; }
.main_contact a img		{ width:100%; }
.main_contact .phone	{ clear:both; float:none; width:82%;height:130px; line-height:130px; }

}  



@media screen and  (max-width: 780px) {
#Header			{ position:fixed; width:100%;height:53px; top:0;left:0; z-index:10; }
#Header ul	{ display:none; }
	#Header #BtnMenu	{ display:block; }
	#Header .logo	{ position:absolute; left:50%;top:0; margin-left:-63px;padding-top:8px; }
	#Header .logo img	{ height:36px; }
#NaviTop		{ height:auto; background-color:#fff; margin-top:53px; }
	#NaviTop li:after	{ height:16px; top:13px; }
	#NaviTop li.on a	{ color:#d30505; }
	#NaviTop a		{ font-size:1.2em; padding-top:.5em;padding-bottom:.4em; }
	#NaviTop .submenu01, #NaviTop .submenu02, #NaviTop .submenu03, #NaviTop .submenu04, #NaviTop .submenu05		{ width:auto; overflow:hidden; }
	#NaviTop .submenu00		{ position:absolute; top:300px;left:0; background-color:#333333; text-align:left; z-index:9; }
	#NaviTop .submenu00 li a	{ font-size:1em; color:#c8c5c5; padding:.8em 20px; }

.listTypeB .visual	{ float:none; padding-left:60px;padding-right:0; margin-bottom:0; }
.listTypeB .desc	{ float:none; padding:7px 15px 38px 60px; }
.listTypeB .tit		{ padding-bottom:4px; }
.unitC	{ width:48.5%; margin-bottom:40px;margin-left:3%; }
	.listTypeC .unitC:nth-child(3n+1)	{ clear:none; margin-left:2%; }
	.listTypeC .unitC:nth-child(2n+1)	{ clear:left;float:left; margin-left:0; }
.view_name	{ float:none; width:auto; font-size:1em; margin-left:179px; }
.view_name .num		{ padding-bottom:0; }
.view_desc	{ clear:both; padding-left:15px; margin-left:179px; border:0; height:auto; }

.list_btm_search	{ width:auto; margin-bottom:30px; padding:30px 15px; }
	.list_btm_search input		{ width:70%; }
	.list_btm_search .btn.search	{ width:28%;height:auto; padding-bottom:.4em; }

.pro_demodown	{ float:none; width:100%; text-align:center; padding-left:2%;padding-bottom:50px; }
.pro_demodown:after		{ display:none; }
	.pro_demodown dl	{ width:48%; display:inline-block; margin-bottom:20px; }
	.pro_demodown dl:first-child	{ margin-right:0; }

.pro_photogate	{ float:none; }
.pro_photogate li	{ padding-bottom:40px; }

.cs_txt .line_shift		{ display:inline; }
.cs_txt .btn.ask	{ float:none; width:46%; font-size:1.2em; margin-top:15px; }
.cs_txt .gmap		{ height:350px; }

.main_top_banner	{ height:300px; margin-bottom:50px; }
	.main_top_banner .tit01		{ font-size:1.8em; }
	.main_top_banner .tit02		{ font-size:2.9em; }
	.main_top_banner .desc		{ font-size:1.1em; }
.unitMbtm .tit	{ font-size:1.2em;padding-left:15px; }
.unitMbtm .desc	{ line-height:1.4; padding-left:15px; }
.main_cs	{ display:none; }
.main_contact a 	{ width:40%; margin-right:5%; }
.main_contact .phone	{ width:85%;height:110px; line-height:110px; }
.main_contact .phone img	{ width:56px;height:56px; }
}



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

#NaviTop .submenu00		{ top:250px; }
#ContentArea .page_width	{ padding-top:25px; }
#Footer		{ letter-spacing:-.04em; }
#Footer .btm_info	{ padding-top:20px; }

.forWeb		{ display:none; }
.forMobile	{ display:block; }

.pagetit	{ display:none; }
.stit01		{ text-align:center;margin-left:0; }
.intro_top_banner	{ padding:20px 15px;margin-bottom:35px; }

.listTypeA	{ padding:0 15px; }
.listTypeA .unitA a	{ padding:0 10px; }
.listTypeA .unitA	{ width:100%; }
.listTypeA .unitA, .listTypeA .unitA:nth-child(2n+1)	{ float:none; }
.unitA		{ max-width:100%; padding-bottom:10px; }
	.unitA .name	{ font-size:1.4em; padding-top:17px;padding-bottom:17px; }
	.unitA .sum		{ padding-top:10px; }
	.unitA .img		{ position:relative;padding-top:100%;overflow:hidden; }
	.unitA .img img		{ position:absolute; top:-10%;left:0; width:100%; }
.unitC .num		{ font-size:1.1em; padding-top:15px;padding-bottom:4px; }
.unitC .name	{ font-size:1.1em; padding-bottom:15px; }
.unitC .desc	{ padding-top:15px; }
.list_top_web	{ display:none; }
.list_top_mobile	{ display:block; }

.view_img	{ width:150px; }
	.view_img img	{ width:130px;height:130px; } 
.view_name, .view_desc	{ line-height:1.5; margin-left:0; padding-top:8px; }

.pro_top_banner		{ background-position:left -6%; background-size:180% auto; }
	.pro_top_banner .text	{ padding-top:74%;padding-bottom:8%;margin:0 5%; font-size:1em; line-height:1.2; }
	.pro_top_banner .text img	{ max-width:70%; }
	.pro_top_banner .text span	{ font-size:1.1em; padding-bottom:.6em; }

.pro_demodown	{ padding-left:1%;padding-bottom:40px; }
	.pro_demodown dl	{ width:49%; }
	.pro_demodown dl dt img		{ width:86%; }
	.pro_demodown dl dd		{ line-height:1.1; }

.cs_txt		{ font-size:1.1em; line-height:1.4; padding-left:15px;padding-right:15px; padding-bottom:50px;margin-bottom:25px; }
.cs_txt .tit		{ font-size:1.2em; line-height:1.2; }
.cs_txt .imgbig		{ margin-top:13px; }
.cs_txt .gmap		{ height:280px; }

.cs_form	{ padding-left:15px;padding-right:15px; }
.cs_form input, .cs_form textarea	{ margin-bottom:25px; }
.cs_form .btn.send	{ width:50%;margin-left:25%; }

.main_top_banner	{ height:250px; background-position:52% top; }
.main_top_banner .tit01		{ font-size:1.4em; }
.main_top_banner .tit02		{ font-size:1.9em; }
.main_top_banner .desc		{ font-size:.8em; }

.listMsub, .main_contact	{ padding-left:15px;padding-right:15px; }
.main_cs	{ margin-left:15px;margin-right:15px; }
.unitM		{ width:100%; }
.listMsub .unitM:nth-child(2n+2)	{ float:none; }
.unitMbtm	{ height:auto; padding-bottom:18px; }
.main_contact	{ padding-left:15px;padding-right:15px; }
.main_contact a 	{ width:48%; float:right; margin-right:0; }
.main_contact a:first-child		{ float:left; margin-right:4%; }
.main_contact .phone	{ clear:both; float:none; width:100%;height:100px; line-height:95px; }

.layer_pop_m	{ left:0; margin-left:9%; width:80%; } 
}


@media screen and  (max-width: 350px) { 
.page_width		{ font-size:15px; }
#NaviTop .submenu00		{ top:220px; }
.main_top_banner	{ height:220px; }

.listTypeB .visual, .listTypeB .desc	{ padding-left:25px; }
.unitC	{ width:100%; margin-bottom:30px;margin-left:0; }
.listTypeC .unitC:nth-child(2n+1)	{ clear:none; margin-left:0; }

.view_img	{ width:130px; }
	.view_img img	{ width:115px;height:115px; } 
.view_name, .view_desc	{ margin-left:130px; }

.main_contact .phone	{ height:80px; line-height:76px; }
.main_contact .phone img	{ height:46px; width:46px; font-size:1.2em; }
}