@charset "utf-8";

@import"../css/contents.css";
@import"../css/lll.css";

*{padding:0px; margin:0px;}
body, html{background-color:#FFFFFF; display:table; height:100%; width:100%; line-height:22px;}
body, input, textarea, select{font-family:'나눔고딕',NanumGothic,NG,'굴림',Gulim,AppleGothic; font-size:14px; padding:0px; margin:0px; color:#757575; -webkit-text-size-adjust:none;}
img, fieldset{border:0px;}
form{margin:0px; padding:0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}		
ul, ol, dl{list-style-type:none; padding:0; margin:0;}
li{padding:0; margin:0;}
a{text-decoration:none; color:#7f7f7f;}
caption, legend{border:0px; display:none;}
em{font-weight:bold; font-style:normal;}
input{ vertical-align:middle}
input[type=text],input[type=password]{ height:27px; line-height:27px; padding-left:5px}
select{height:27px; line-height:27px;}

@font-face{font-family:NG;
src:local('※'),
url('../font/NanumGothic.eot') format('eot'),
url('../font/NanumGothic.woff') format('woff');
font-style:normal;
}

.blind{display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}

/* 핸드폰에서 적용할 스타일 : 767이하 */
/* Common */
#header{ width:100%; margin:auto; padding:20px 0; display:table; min-width:300px; position:relative}
	#header h1.logo{ background:url(../images/common/logo_m.gif) no-repeat center; background-size:100% auto; width:60%; max-width:160px; min-width:150px; height:38px; margin-left:20px; float:left}
	#header .top_ui{ display:none}
.m_menu{ display:block; background:url(../images/common/top_menu.gif) no-repeat center; width:29px; height:78px; vertical-align:middle; position:absolute; top:0; right:20px;}	

#gnb{ display:none;}
#m_gnb{ position:absolute; top:0; right:0; z-index:50; background-color:#555555; width:60%; max-width:340px; min-width:200px; display:none}
	.m_menu_close{ display:block; background: url(../images/common/m_menu_close.gif) no-repeat 0 center; width:25px; height:75px; margin-left:25px;}
	#m_gnb ul{display:block;}
	#m_gnb ul li em{ display:table; width:83%;}
	#m_gnb ul li em a{ font-size:1.286em; width:100%; font-weight:600;}
	#m_gnb ul li em a.over{ background-color:#3f3f3f}
	#m_gnb ul li>a{ padding-left:15%; color:#b2b2b2; line-height:40px; height:40px; width:75%;}
	#m_gnb ul li ul{ border-bottom:solid 1px #6e6e6e}
	#m_gnb a{ display:inline-block; color:#fff; height:53px; line-height:53px; font-size:1.071em; padding:0 10%}

#sub_visual{ display:none;}		
	
#position_area{ width:100%; border-bottom:solid 1px #ebebeb; height:60px; line-height:60px;border-top:solid 1px #ebebeb}	
	.position{ width:100%; margin:auto; display:table;min-width:300px;}
		.position h2{ font-size:1.714em; color:#cf5154; font-weight:bold; padding-left:20px}
		.position p{ display:none;}

#container{ width:100%; margin:auto;min-width:300px; display:table}
	#container h3{ font-size:1.429em; color:#50493f; padding:30px 0; padding-left:5%; border-bottom:solid 1px #e5e5e5; display:table; width:95%;}

#contents{ padding:0 5%; padding-bottom:50px; display:table; width:90%}
#contents.w100p{ width:100%; padding:0 0 50px 0}

#footer{ display:table; width:100%; min-width:300px;}
	.footer_info_bg{ background:url(../images/common/footer_bg.gif) repeat; width:100%; display:table;}
	.footer_info_bg dl{ width:100%; margin:auto; padding:5% 0; font-size:0.929em;}
		.footer_info_bg dl dt{ width:90%; font-size:1.821em; color:#50493f; margin:0 20px 20px 20px; padding-bottom:20px; font-weight:bold; border-bottom:solid 1px #d5ab1a;}
		.footer_info_bg dl dd{ width:40%; float:left; line-height:22px; font-size:0.929em; color:#50493f; border-left:solid 1px #d5ab1a; padding:0 5%; margin-bottom:40px;}
		.footer_info_bg dl dd.last{ padding-right:0}
		.footer_info_bg dl dd em{ color:#50493f; font-size:1.500em; display:block; margin-bottom:25px;}
#footer .copy{ width:94%; margin:auto; padding:20px 3% 20px 3%; position:relative;}
	.footer_link{ font-size:11px; width:80%;}
	.footer_link a{ display:inline-block; height:14px; line-height:14px; padding:0 5px; border-left:solid 1px #cccccc; font-weight:600}
	.footer_link a.t_red{ color:#944e5a}
	.footer_link a.noline{border:none;padding-left:0;}
	address{ clear:both; font-style:normal; font-size:0.929em; color:#757575; line-height:20px; margin-top:10px; width:95%;}
	address >span{display:inline;}
	address .add_line{ background-color:#cccccc; width:1px; height:14px; vertical-align:middle; display:inline-block; margin:0 7px}
	.footer_sns_link{position:absolute; top:25px; right:0}
		.footer_sns_link li { float:left; padding-right:0;}
		.footer_sns_link li a.fb{ display:block; background:url(../images/common/footer_sns.gif) no-repeat 0 0; background-size:auto 100%; width:18px; height:21px; float:left; margin-right:5px;}
	.footer_sns_link li a.blog{ display:block; background:url(../images/common/footer_sns.gif) no-repeat -30px 0px; background-size:auto 100%; width:34px; height:21px; float:left; padding:0; margin-right:20px;margin-top:2px}
	.footer_select{ float:left; margin-top:15px; background-color:#f3f3f3; padding:5px; margin-bottom:10px;}
		.footer_select li{ display:inline-block; text-align:right; margin-right:10px;}
		.footer_select li a{ display:inline-block; font-size:11px; text-align:right}
		.footer_select li a:hover{ text-decoration:underline}

.request02_pop {width:100%;}
.request02_pop h3{width:100%;height:120px;border-bottom:solid 1px #ebebeb;background:url(../images/common/board_pw_tit.gif) no-repeat center}

/*160504 게시판 추가*/
.board_area{background-color: #fafaf9;}
.board_area .title01{width:100%;padding-bottom: 20px;border-bottom: 1px solid #d6d6d6;overflow: hidden;}
.board_area .title01 h3{font-size: 21px;color: #50493f;display: inline-block;}
.board_area .title01 h3:nth-child(1){margin-right: 20px;}
.board_area .title01 .board_more{font-size: 10px;color: #757575;display: inline-block;float:right;width:46px; height:25px;background: url(../images/common/arrow01.png) 38px 5px no-repeat;}
.board_area .title01 .board_more a{color: #757575!important;}
.board_area .title01 a{color: #c1c0bc;}
.board_area .title01 a:hover, .board_area .title01 a:active, .board_area .title01 a:focus, .board_area .title01 .on a{color: #50493f;}
.board_area .title01 .board_more a{display: block;}
.board_area{width:100%;}
.board_area ul{width:90%;margin:0 auto;display: table;padding:0 5%}
.board_area ul li{float:none;padding:50px 0 41px 0;}
.board_area ul li:nth-child(2){float:none;}

.board_table001 {width:100%!important;}
.board_table001 td{padding-bottom:17px;color: #5c5853;}
.board_table001 td input,.table_st01 th input{ border:none; height:27px; line-height:27px; margin:2px;}
.board_table001 td select{height:27px; line-height:27px;border:none; margin:2px;}



@media screen and (min-width:768px){
/* 테블릿에서 적용할 스타일 */
/* Common */
#m_gnb ul{display:block}	
.m_menu_close{ display:block;}
#sub_visual{ display:block; width:100%; height:245px;}		
	#sub_visual.area{ background:url(../images/area/top_img.jpg) no-repeat center top;}	
	#sub_visual.service{ background:url(../images/service/top_img.jpg) no-repeat center top;}	
	#sub_visual.case{ background:url(../images/case/top_img.jpg) no-repeat center top;}	
	#sub_visual.request{ background:url(../images/request/top_img.jpg) no-repeat center top;}	
	#sub_visual.news{ background:url(../images/news/top_img.jpg) no-repeat center top;}	
	#sub_visual.member{ background:url(../images/member/top_img.jpg) no-repeat center top;}	
	#sub_visual.introduce{ background:url(../images/introduce/top_img.jpg) no-repeat center top;}	
#position_area{width:100%; border-bottom:solid 1px #ebebeb; height:70px; line-height:70px;}	
	.position{ width:100%; margin:auto; display:table;}
		.position h2{ font-size:1.714em; color:#cf5154; font-weight:bold; float:left;}
		.position p{ display:block; float:right; font-size:0.857em; background:url(../images/common/position_bull.gif) no-repeat left center; padding-left:15px; padding-right:20px; }

#container h3{ width:95%; position:relative}
.footer_sns_link li { float:left; padding-right:0;}
	.footer_sns_link li a.fb{ display:block; background:url(../images/common/footer_sns.gif) no-repeat 0 0; background-size:auto 100%; width:18px; height:21px; float:left; margin-right:5px;}
	.footer_sns_link li a.blog{ display:block; background:url(../images/common/footer_sns.gif) no-repeat -30px 0px; background-size:auto 100%; width:34px; height:21px; float:left; padding:0; margin-right:20px;margin-top:2px}

	/*160504 게시판 추가*/
	.board_area{background-color: #fafaf9;}
	.board_area .title01{width:100%;padding-bottom: 20px;border-bottom: 1px solid #d6d6d6;overflow: hidden;}
	.board_area .title01 h3{font-size: 21px;color: #50493f;display: inline-block;}
	.board_area .title01 h3:nth-child(1){margin-right: 20px;}
	.board_area .title01 .board_more{font-size: 10px;color: #757575;display: inline-block;float:right;width:46px; height:25px;background: url(../images/common/arrow01.png) 38px 5px no-repeat;}
	.board_area .title01 .board_more a{color: #757575!important;}
	.board_area .title01 a{color: #c1c0bc;}
	.board_area .title01 a:hover, .board_area .title01 a:active, .board_area .title01 a:focus, .board_area .title01 .on a{color: #50493f;}
	.board_area .title01 .board_more a{display: block;}
	.board_area{width:100%;}
	.board_area ul{width:90%;margin:0 auto;display: table;padding:0 5%}
	.board_area ul li{float:none;padding:50px 0 41px 0;}
	.board_area ul li:nth-child(2){float:none;}

	.board_table001 {width:100%!important;}
	.board_table001 td{padding-bottom:17px;color: #5c5853;}
	.board_table001 td input,.table_st01 th input{ border:none; height:27px; line-height:27px; margin:2px;}
	.board_table001 td select{height:27px; line-height:27px;border:none; margin:2px;}

}



@media screen and (min-width:1025px){
/* PC에서 적용할 스타일 */
/* Common */
#header{ width:950px; margin:auto;padding:20px 0; display:table; }
	#header h1.logo{ background:url(../images/common/logo.gif) no-repeat;background-size:auto; width:330px; height:56px; float:left; max-width:330px; margin-left:-5px}
	#header .top_ui{ float:right; display:table; padding-top:15px;}
		#header .top_ui > li{ display:inline-block; background:url(../images/common/top_line.gif) no-repeat right center; padding:0 10px; font-size:0.857em;}
		#header .top_ui > li > a{ display:inline-block; height:33px; line-height:33px;}
		#header .top_ui > li.introduce{ padding-right:0; background:none; position:relative}
			#header .top_ui > li.introduce a{color:#f15b22;}
			#header .top_ui > li.introduce .top_ui_sub{ position:absolute; top:33px; right:-40px; border:solid 1px #ededed; background-color:#FFFFFF; padding:0 20px; z-index:20}
			#header .top_ui > li.introduce .top_ui_sub li{ width:79px; text-align:center; line-height:44px; background:url(../images/common/dot_line_h.gif) repeat-x bottom;}
			#header .top_ui > li.introduce .top_ui_sub li a{ font-size:0.929em; color:#505050;}
			#header .top_ui > li.introduce .top_ui_sub li.last{ background:none}		
.m_menu{ display:none}		
#m_gnb ul{display:none}	
.m_menu_close{ display:none;}
#gnb{ display:block; width:100%;border-top:solid 1px #ededed}
	.gnb_area{ position:relative}
	#gnb ul.depth01{ max-width:1130px; margin:auto; }
	#gnb ul.depth01 li{height:74px; line-height:74px; display:inline-block; width:19.5%; text-align:center}
		#gnb ul.depth01 li a{ font-size:1.286em; font-weight:600;}
		#gnb ul.depth01 li a:hover,#gnb ul.depth01 li a.on{ color:#cf5154}
	#gnb .depth02{display:none; position:absolute; top:74px; width:100%; padding-bottom:30px; background-color:#fafafa; border-bottom:solid 1px #cccccc; border-top:solid 1px #f2f2f2; z-index:10}
		#gnb .depth02 > ul{ width:1130px; margin:auto; padding:33px 0}
		#gnb .depth02 > ul > li{ float:left; text-align:center; line-height:37px; height:183px; border-right:solid 1px #edede8}
		#gnb .depth02 > ul > li.area{ width:220px;}
		#gnb .depth02 > ul > li.service{ width:230px;}
		#gnb .depth02 > ul > li.case{ width:220px;}
		#gnb .depth02 > ul > li.request{ width:230px;}
		#gnb .depth02 > ul > li.news{ width:210px; border-right:none}
		#gnb .depth02 > ul > li a{ font-size:1.071em; font-weight:600}
		#gnb .depth02 > ul > li a:hover,#gnb .depth02 > ul > li a.on{color:#cf5154}
#m_gnb{ display:none}	

#position_area{width:950px; margin:auto}	
	.position h2{ padding-left:0}
#container{ width:950px; margin:auto}
	#container.main{ width:100%;}
	#container h3{ font-size:1.429em; color:#50493f; padding:30px 0;line-height:20px; border-bottom:solid 1px #e5e5e5; padding-left:0; width:100%; position:relative}

#contents{ padding:0 47px; padding-bottom:50px; line-height:24px;background:gre1en;}

#footer{ display:table; width:100%;}
	.footer_info_bg{ background:url(../images/common/footer_bg.gif) repeat; width:100%; height:213px;}
	.footer_info_bg dl{ width:950px; margin:auto; padding:55px 0; font-size:0.929em;}
		.footer_info_bg dl dt{width:150px; float:left; font-size:26px; color:#50493f; margin:0; padding-right:31px; font-weight: normal; border-bottom:none;}
		.footer_info_bg dl dd{ width:288px; float:left; font-size:13px; color:#50493f; border-left:solid 1px #d5ab1a; padding:0 35px;}
		.footer_info_bg dl dd.left{ width:310px; float:left; font-size:13px; color:#50493f; border-left:solid 1px #d5ab1a; padding:0 35px;}
		.footer_info_bg dl dd.right{ width:310px; float:left; font-size:13px; color:#50493f; border-left:solid 1px #d5ab1a; padding:0 35px;}
		.footer_info_bg dl dd.last{ padding-right:0}
		.footer_info_bg dl dd em{ color:#50493f; font-size:21px; display:block; margin-bottom:25px;}
#footer .copy{ width:950px; margin:auto; padding:36px 0; position:relative}
	.footer_link{ height:32px; line-height:32px; font-size:0.929em;}
	.footer_link a{ display:inline-block; height:14px; line-height:14px; padding:0 10px; border-left:solid 1px #cccccc; font-weight:600}
	.footer_link a.t_red{color:#944e5a}
	address{ font-style:normal; font-size:0.929em; color:#757575; line-height:20px; margin-top:10px; width:100%}
	.footer_sns_link{ position:absolute; top:36px; right:0; margin-top:0}
		.footer_sns_link select{ height:32px; border:solid 1px #dddddd; line-height:32px; width:122px; padding-left:10px;}
		.footer_sns_link li a.fb{ display:block; background:url(../images/common/footer_sns.gif) no-repeat 0 0; width:25px; height:27px; float:left; margin-right:15px;}
		.footer_sns_link li a.blog{ display:block; background:url(../images/common/footer_sns.gif) no-repeat -37px 0px; width:49px; height:21px; float:left; padding:0; margin-right:20px;margin-top:2px}
	.footer_select{ margin-top:0; position:absolute; top:35px; right:0; width:120px; background-color:#f3f3f3; padding:5px 10px;}
		.footer_select li{ display: block; text-align:right; margin-right:0;}
		.footer_select li a{ display:inline-block; font-size:11px; text-align:right}
		.footer_select li a:hover{ text-decoration:underline}
	
	/*160504 게시판 추가*/
	.board_area{background-color: #fafaf9;}
	.board_area .title01{width:422px;padding-bottom: 20px;border-bottom: 1px solid #d6d6d6;overflow: hidden;}
	.board_area .title01 h3{font-size: 21px;color: #50493f;display: inline-block;}
	.board_area .title01 h3:nth-child(1){margin-right: 20px;}
	.board_area .title01 .board_more{font-size: 10px;color: #757575;display: inline-block;float:right;width:46px; height:25px;background: url(../images/common/arrow01.png) 38px 5px no-repeat;}
	.board_area .title01 .board_more a{color: #757575!important;}
	.board_area .title01 a{color: #c1c0bc;}
	.board_area .title01 a:hover, .board_area .title01 a:active, .board_area .title01 a:focus, .board_area .title01 .on a{color: #50493f;}
	.board_area .title01 .board_more a{display: block;}
	.board_area{width:100%;}
	.board_area ul{width:948px;margin:0 auto;display: table;}
	.board_area ul li{float:left;padding:50px 0 41px 0;}
	.board_area ul li:nth-child(2){float:right;}
	
	
	.board_table001 td{padding-bottom:17px;color: #5c5853;}
	.board_table001 td input,.table_st01 th input{ border:none; height:27px; line-height:27px; margin:2px;}
	.board_table001 td select{height:27px; line-height:27px;border:none; margin:2px;}
	
	

}