/* map*/
#map{width:100%;height:400px; margin: 0 auto;}

/* sub */

.subTitle { background:url(../images/sub/subtitle_bg.gif) 3px 5px no-repeat; padding:0 0 2px 18px; font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움; font-size:1.3em; line-height:1.5em; font-weight:600; border-bottom:1px dotted #ccc; margin-bottom:15px; text-shadow:1px 1px 1px #fff; }
.sub_div { margin-bottom:30px;}

.history { width:100%; border-top:1px solid #dedede;}
	.history th { padding:10px; font-size:1.2em; vertical-align:top; background:#f5f5f5; border-top:1px solid #fff; border-bottom:1px solid #dedede; border-right:1px solid #fff; font-weight:normal;}
	.history td {padding:10px; font-size:1.2em; vertical-align:top; background:#fff; border-top:1px solid #fff; border-bottom:1px solid #dedede;border-right:1px solid #fff; border-left:1px solid #dedede; font-weight:normal;}
	.history td.month { text-align:center;}

/* 왼쪽에 th가 있는 형태, td 가운데 정렬 */
.table01 { width:100%; border-top:1px solid #dedede;}
	.table01 th { padding:10px; font-size:1.2em; vertical-align:top; background:#f5f5f5; border-top:1px solid #fff; border-bottom:1px solid #dedede; border-right:1px solid #fff; font-weight:normal;}
	.table01 td {padding:10px; font-size:1.2em; vertical-align:top; background:#fff; border-top:1px solid #fff; border-bottom:1px solid #dedede; border-right:1px solid #fff; border-left:1px solid #dedede; font-weight:normal; text-align:center;}


.table02 { width:100%; border-top:1px solid #dedede;}
	.table02 th { padding:10px 0; font-size:1.2em; vertical-align:top; background:#f5f5f5; font-weight:normal;border-top:1px solid #fff; border-bottom:1px solid #dedede; border-right:1px solid #fff; border-left:1px solid #dedede;}
	.table02 th.cols { }
	.table02 th.cols01 { border-left:none;}
	.table02 th.rows { border-left:none;}
	.table02 td {padding:10px; font-size:1.2em; vertical-align:top; background:#fff; border-top:1px solid #fff; border-bottom:1px solid #dedede; border-right:1px solid #fff; border-left:1px solid #dedede; font-weight:normal; text-align:center;}


	.page { margin:15px 0; text-align:center;}
		.page a { display:inline-block; margin:0 1px; line-height:15px; padding:5px 8px; background:#fff; border:1px solid #ccc;}
			.page a:hover, .page a:focus { border:1px solid #f05223;}
		.page a.on { color:#fff; background:#f05223; font-weight:bold; border:1px solid #f05223;}
		.page a.btn { background:none;line-height:15px; padding:5px 8px; background:#fff; border:1px solid #ccc; }
		.page a.btn:hover, .page a.btn:focus { background:#f05223; border:1px solid #f05223; color:#fff; }
		.page02 { display:none;}
	.btn_area { *zoom; height:27px;margin-bottom:30px;}
	.btn_area:after { content:""; display:block; clear:both; }
		.btn_area a { display:inline-block; font-size:1.1em; line-height:15px; padding:6px 12px; margin:0 1px; background:#f05223; color:#fff; border-radius:4px; text-shadow:1px 1px 1px #bc2b00; box-shadow:1px 1px 1px #bbb; vertical-align:middle;}
		.btn_area a:hover, .btn_area a:focus { padding:7px 11px 5px 13px;}

	#location_text { text-align:right; font-size:13px; line-height:20px;}

	#loginBox {  border:1px solid #e1d9d4; background:#fff;}
		#loginArea { position:relative;}
			#loginArea h3 { font-family:Verdana, Geneva, sans-serif; font-size:24px; line-height:30px; color:#f05223; border-bottom:1px solid #e1d9d4; padding-bottom:10px; margin-bottom:10px;}

	.portfolio_con { position:relative; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #ccc; *zoom:1;}
	.portfolio_con:after { display:block; content:""; clear:both;}
		.portfolio_con dt { position:absolute; left:62%; font-size:18px; line-height:24px;}
		.portfolio_con .img { width:60%;}
			.portfolio_con .img img { width:100%;}
		.portfolio_con .info { position:absolute; left:62%; top:50px; font-size:14px; line-height:20px;}

	.nasaro span { opacity:0; filter:alpha(opacity=0);}
	.greeting01 p, .greeting01 span, greeting02, greeting03 { text-shadow:1px 1px 1px #fff;}


	#login { background:#fff; color: #767676; font-family: Tahoma,Geneva,sans-serif; font-size: 12px; line-height: normal; padding: 20px 0 0;white-space: normal;}
	#login .btnLogin, #login .btnLogin input { background: url("../images/sub/btnLogin.gif") no-repeat scroll 0 0 transparent; border: 0 none; color: #fff; cursor: pointer; display: inline-block; font-size: 12px;font-weight: bold; height: 32px;line-height: 32px; margin: 0; overflow: visible; padding: 0; position: relative; text-decoration: none !important; vertical-align: middle; }
	#login .btnLogin {background-position: left top; margin: 0 4px 0 0;}
	#login .btnLogin input {background-position: right top; left: 4px; padding: 0 24px 0 36px; }
	#login .item { position: relative; }
	#login .iLabel { display: block; font: bold 11px Dotum; position: static; top: 9px; }
	#login .iText { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 transparent; border-color: #b7b7b7 #e1e1e1 #e1e1e1 #b7b7b7; border-image: none; border-style: solid; border-width: 1px; color: #767676; display: block; font:  11px Tahoma; height: 14px; position: relative; }
	#login .gLogin .iLabel { left: 10px; }
	#login .gLogin .iText { margin: 0 0 5px; padding: 8px 0 6px 10px; width: 316px; }
	* + html body #login .gLogin .iText { margin: 0 0 2px; }
	* html #login .gLogin .iText { margin: 0 0 2px; }

	.sub_div>img{width:100%;}


/*탭메뉴*/
	.his_tab {position:relative; padding-top:41px;}
	.his_tab>li>a {
	    display:block;
	    position:absolute;
	    top:0;
	    width:15%;
	    height:40px;
	    line-height:40px;
	    text-align:center;
	    background:#F5F4F2;
	    color:#555;
	    border:1px solid #cfcfcf;
	    border-bottom:0;
			font-size: 14px;
	}
	.his_tab>li.on>a {background:#f05223; color:#fff;}
	.his_tab>li:first-child>a {left:0;}
	.his_tab>li>a:hover{background-color: #f05223!important; color: white; transition-duration: 1s;}
	.his_tab>li+li>a {left:15%;}
	.his_tab>li+li+li>a {left:30%;}
	.his_tab>li+li+li+li>a {left:45%;}
	.his_tab>li+li+li+li+li>a {left:60%;}
		.his_tab>li+li+li+li+li+li>a {left:75%;}
	.his_tab>li>div {height:0; overflow:hidden; position:absolute; display: none;}
	.his_tab>li.on>div {height:auto; position:static; border:1px solid #cfcfcf; padding:30px; display: block;background-color: white; border-left: none; border-right: none;}


/*미디어쿼리*/
@media (min-width: 1260px){
	body { background:url(../images/common/bg02.jpg) 300px top repeat; height: 100%;}
	#contentsArea {  margin:0 30px 0 70px; padding-top:45px; max-width:1260px;}
		#contentsTitle { height:36px; border-bottom:3px solid #f05223; margin-bottom:20px;}
			#contentsTitle h2 { float:left; display:inline; font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;; font-size:24px; line-height:30px; color:#555; font-weight:normal; margin-right:15px; text-shadow:1px 1px 1px #fff;  font-weight:800;}
			#contentsTitle .category { float:left; display:inline; padding-top:12px;  background:url(../images/common/category_line.gif) left 14px no-repeat; padding-left:13px; font-size:14px; line-height:16px; color:#969696; letter-spacing:1px; text-shadow:1px 1px 1px #fff; text-transform:uppercase;}
		#contents { position:relative; padding-bottom:20px;}
	#copyright { background:url(../images/common/copyright_line.gif) left top repeat-x; margin:30px 0 0 300px; padding:15px 0; text-align:center; color:#737373; font-size:11px; line-height:16px;}
		#copyright div { max-width:910px;}

		.service_01 {*zoom:1;}
		.service_01:after { display:block; content:""; clear:both; border-bottom:1px dotted #ddd; }
			.service_01 dt { float:left; width:55%; font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;; font-size:36px; color:#f05223; letter-spacing:-1px; text-align:right; padding:34px 0; text-shadow:2px 2px 2px #ccc;font-weight:600;}
			.service_01 dd { float:left; width:45%; padding:28px 0;}
				.service_01 dd ul { margin-left:35px;}
					.service_01 dd ul li { font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;; font-size:15px; line-height:24px;font-weight:600;}

		.service_02 {*zoom:1; margin-bottom:20px;}
		.service_02:after { display:block; content:""; clear:both;}
			.service_02 dt { font-size:14px; line-height:20px; margin-bottom:8px;}
			.service_02 dd {}

		.portfolio {*zoom:1; padding-bottom:5px; border-bottom:1px dotted #ccc; }
		.portfolio:after { display:block; content:""; clear:both;}
			.portfolio li { float:left; display:inline; width:23.4%; margin:0 5px 10px;}
				.portfolio li a { display:block; border:1px solid #ccc; background:#fff; }
				.portfolio li a:hover, .portfolio li a:focus { border:1px solid #f05223;}
					.portfolio li a img { display:inline-block; width:100%; vertical-align:top;}
					.portfolio li a .subject { display:block; width:100%; border-top:1px dotted #ccc; text-align:center; padding:8px 0;}
					.portfolio li a:hover .subject, .portfolio li a:focus .subject { background: #f05223; color:#fff;}

		.greeting01 { margin-bottom:100px;}
			.nasaro { font-size:40px; line-height:56px; letter-spacing:-1px; text-transform:uppercase; font-weight:bold; color:#f05223; font-family:Verdana, Geneva, sans-serif; margin-bottom:10px; }
			.g_01 { font-size:38px; line-height:50px; font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;; margin-bottom:5px; letter-spacing:-1px;  }
			.g_01_01, .g_01_02, .g_01_03 { opacity:0;filter:alpha(opacity=0); font-weight:600; }
			.g_01_01 { margin-left:100px;}
			.g_01_02 { margin-top:50px;}
				.g_01 strong { font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;, 돋움; }
		.greeting02 {font-size:18px; line-height:28px; text-align:right;opacity:0;filter:alpha(opacity=0); }
			.greeting_line {display:inline-block; width:95px; height:3px; background:#f05223; margin-bottom:10px;}
		.greeting03 { display:none;}

		#loginBox { padding:30px 50px;}
			#loginArea .help { position: absolute; right:0; top:10px; }
			#login .gLogin .btnLogin { position: absolute; left:334px; top: 70px; }

	}


 @media (min-width: 960px) and (max-width: 1260px){
	body { background:url(../images/common/bg02.jpg) 300px top repeat; width: 100%; height: 100%;}
	#contentsArea {  margin:0 30px 0 70px; padding-top:45px; max-width:960px;}
		#contentsTitle { height:36px; border-bottom:3px solid #f05223; margin-bottom:20px;}
			#contentsTitle h2 { float:left; display:inline; font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;; font-size:24px; line-height:30px; color:#555; font-weight:normal; margin-right:15px; text-shadow:1px 1px 1px #fff; font-weight:800; }
			#contentsTitle .category { float:left; display:inline; padding-top:12px;  background:url(../images/common/category_line.gif) left 14px no-repeat; padding-left:13px; font-size:14px; line-height:16px; color:#969696; letter-spacing:1px; text-shadow:1px 1px 1px #fff; text-transform:uppercase;}
		#contents { position:relative;padding-bottom:20px;}
	#copyright { background:url(../images/common/copyright_line.gif) left top repeat-x; margin:30px 0 0 300px; padding:15px 0; text-align:center; color:#737373; font-size:11px; line-height:16px;}
		#copyright div { max-width:910px;}

		.service_01 {*zoom:1;}
		.service_01:after { display:block; content:""; clear:both; border-bottom:1px dotted #ddd; }
			.service_01 dt { float:left; width:55%; font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;; font-size:36px; color:#f05223; letter-spacing:-1px; text-align:right; padding:34px 0; text-shadow:2px 2px 2px #ccc;font-weight:600;}
			.service_01 dd { float:left; width:45%; padding:28px 0;}
				.service_01 dd ul { margin-left:35px;}
					.service_01 dd ul li { font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;; font-size:15px; line-height:24px;font-weight:600;}
		.service_02 {*zoom:1; margin-bottom:20px;}
		.service_02:after { display:block; content:""; clear:both;}
			.service_02 dt { font-size:14px; line-height:20px; margin-bottom:8px;}
			.service_02 dd {}

		.portfolio {*zoom:1; padding-bottom:5px; border-bottom:1px dotted #ccc;}
		.portfolio:after { display:block; content:""; clear:both;}
			.portfolio li { float:left; display:inline; width:23.3%; margin:0 5px 10px;}
				.portfolio li a { display:inline-block; border:1px solid #ccc; background:#fff; }
				.portfolio li a:hover, .portfolio li a:focus { border:1px solid #f05223;}
					.portfolio li a img { display:inline-block; width:100%; vertical-align:top;}
					.portfolio li a .subject { display:block; width:100%; border-top:1px dotted #ccc; text-align:center; padding:8px 0;}
					.portfolio li a:hover .subject, .portfolio li a:focus .subject { background: #f05223; color:#fff;}

		.greeting01 { margin-bottom:100px;}
			.nasaro { font-size:36px; line-height:48px; letter-spacing:-1px; text-transform:uppercase; font-weight:bold; color:#f05223; font-family:Verdana, Geneva, sans-serif; margin-bottom:10px; }
			.g_01 { font-size:30px; line-height:36px; font-family:Verdana, Geneva, sans-serif; margin-bottom:5px; letter-spacing:-1px; }
			.g_01_01, .g_01_02, .g_01_03 { opacity:0;filter:alpha(opacity=0); }
			.g_01_01 { margin-left:100px;}
			.g_01_02 { margin-top:50px;}
				.g_01 strong { font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;, 돋움; }
		.greeting02 {font-size:16px; line-height:26px; text-align:right; }
		.greeting03 { display:none;}
			.greeting_line {display:inline-block; width:85px; height:3px; background:#f05223; margin-bottom:10px;}

		#loginBox { padding:30px 50px;}
			#loginArea .help { position: absolute; right:0; top:10px; }
			#login .gLogin .btnLogin { position: absolute; left:334px; top: 70px; }
	}

	@media (min-width: 720px) and (max-width: 959px){

	body { }
	#contentsArea {  margin-top: 40px;; padding-top:30px;/* max-width:910px;*/ background:url(../images/common/bg02.jpg) left 94px repeat; padding-bottom:90px;}
		#contentsTitle { height:36px; border-bottom:3px solid #f05223; margin:0 30px 20px;}
			#contentsTitle h2 { float:left; display:inline; font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;; font-size:24px; line-height:30px; color:#555; font-weight:normal; margin-right:15px; text-shadow:1px 1px 1px #fff; font-weight:800; }
			#contentsTitle .category { float:left; display:inline; padding-top:12px;  background:url(../images/common/category_line.gif) left 14px no-repeat; padding-left:13px; font-size:14px; line-height:16px; color:#969696; letter-spacing:1px; text-shadow:1px 1px 1px #fff; text-transform:uppercase;}
		#contents { position:relative; min-height:500px; margin:0 30px 30px;}
	#copyright { background:url(../images/common/copyright_line.gif) left top repeat-x; margin:-90px 0 0; padding:15px 0; text-align:center; color:#737373; font-size:11px; line-height:16px;}
		#copyright div { max-width:910px;}

		.service_01 {*zoom:1;}
		.service_01:after { display:block; content:""; clear:both; border-bottom:1px dotted #ddd; }
			.service_01 dt { float:left; width:55%; font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;; font-size:36px; color:#f05223; letter-spacing:-1px; text-align:right; padding:34px 0; text-shadow:2px 2px 2px #ccc;font-weight:600;}
			.service_01 dd { float:left; width:45%; padding:28px 0;}
				.service_01 dd ul { margin-left:35px;}
					.service_01 dd ul li { font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;; font-size:15px; line-height:24px;font-weight:600;}

		.service_02 {*zoom:1; margin-bottom:20px;}
		.service_02:after { display:block; content:""; clear:both;}
			.service_02 dt { font-size:14px; line-height:20px; margin-bottom:8px;}
			.service_02 dd {}

		.portfolio {*zoom:1; padding-bottom:5px; border-bottom:1px dotted #ccc; }
		.portfolio:after { display:block; content:""; clear:both;}
			.portfolio li { float:left; display:inline; width:23.4%; margin:0 5px 10px;}
				.portfolio li a { display:inline-block; border:1px solid #ccc; background:#fff; }
				.portfolio li a:hover, .portfolio li a:focus { border:1px solid #f05223;}
					.portfolio li a img { display:inline-block; width:100%; vertical-align:top;}
					.portfolio li a .subject { display:block; width:100%; border-top:1px dotted #ccc; text-align:center; padding:8px 0;}
					.portfolio li a:hover .subject, .portfolio li a:focus .subject { background: #f05223; color:#fff;}

		.greeting01 { margin-bottom:100px;}
			.nasaro { font-size:36px; line-height:48px; letter-spacing:-1px; text-transform:uppercase; font-weight:bold; color:#f05223; font-family:Verdana, Geneva, sans-serif; margin-bottom:10px; }
			.g_01 { font-size:34px; line-height:40px; font-family:Verdana, Geneva, sans-serif; margin-bottom:5px; letter-spacing:-1px; }
			.g_01_01, .g_01_02, .g_01_03 { opacity:0;filter:alpha(opacity=0); }
			.g_01_01 { margin-left:100px;}
			.g_01_02 { margin-top:50px;}
				.g_01 strong { font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;, 돋움; }
		.greeting02 {font-size:18px; line-height:30px; text-align:right;opacity:0;filter:alpha(opacity=0);  }
		.greeting03 { display:none;}
			.greeting_line {display:inline-block; width:95px; height:3px; background:#f05223; margin-bottom:10px;}

		#loginBox { padding:30px 50px;}
			#loginArea .help { position: absolute; right:0; top:10px; }
			#login .gLogin .btnLogin { position: absolute; left:334px; top: 70px; }
	}

	@media (min-width: 560px) and (max-width: 719px){
	body { }
	#contentsArea {  background:url(../images/common/bg02.jpg) left top repeat; margin:0; padding-top:20px; max-width:910px;}
		#contentsTitle { height:36px; border-bottom:3px solid #f05223; margin:0 20px 20px;}
			#contentsTitle h2 { float:left; display:inline; font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;; font-size:24px; line-height:30px; color:#555; font-weight:normal; margin-right:15px; text-shadow:1px 1px 1px #fff; font-weight:800; }
			#contentsTitle .category { float:left; display:inline; padding-top:12px;  background:url(../images/common/category_line.gif) left 14px no-repeat; padding-left:13px; font-size:14px; line-height:16px; color:#969696; letter-spacing:1px; text-shadow:1px 1px 1px #fff; text-transform:uppercase;}
		#contents { position:relative; min-height:200px; margin:0 20px 20px; padding-bottom:90px;}
	#copyright { background:url(../images/common/copyright_line.gif) left top repeat-x; margin:30px 0 0; padding:15px 0 0; text-align:center; color:#737373; font-size:11px; line-height:16px; margin-top:-90px;}
		#copyright div { max-width:910px;}

	.history { margin-top:-20px;}

		.service_01 {*zoom:1;}
		.service_01:after { display:block; content:""; clear:both; border-bottom:1px dotted #ddd; }
			.service_01 dt { float:left; width:57%; font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;; font-size:36px; color:#f05223; letter-spacing:-1px; text-align:right; padding:36px 0; text-shadow:2px 2px 2px #ccc;font-weight:600;}
			.service_01 dd { float:left; width:43%; padding:28px 0;}
				.service_01 dd ul { margin-left:35px;}
					.service_01 dd ul li { font-size:15px; line-height:24px;font-weight:600;}

		.service_02 {*zoom:1; margin-bottom:20px;}
		.service_02:after { display:block; content:""; clear:both;}
			.service_02 dt { font-size:16px; line-height:22px; margin-bottom:8px;}
			.service_02 dd { font-size:14px; line-height:20px;}
				.service_02 dd ul { margin:5px 0 0 15px;}
				.service_02 dd li { font-size:13px; line-height:20px;}

		.portfolio {*zoom:1; padding-bottom:5px; border-bottom:1px dotted #ccc; }
		.portfolio:after { display:block; content:""; clear:both;}
			.portfolio li { float:left; display:inline; width:31%; margin:0 5px 10px;}
				.portfolio li a { display:inline-block; border:1px solid #ccc; background:#fff; }
				.portfolio li a:hover, .portfolio li a:focus { border:1px solid #f05223;}
					.portfolio li a img { display:inline-block; width:100%; vertical-align:top;}
					.portfolio li a .subject { display:block; width:100%; border-top:1px dotted #ccc; text-align:center; padding:8px 0;}
					.portfolio li a:hover .subject, .portfolio li a:focus .subject { background: #f05223; color:#fff;}
		.page01 { display:none !important;}
		.page02 { display:block !important;}

		.greeting01 { margin-bottom:100px;}
			.nasaro { font-size:32px; line-height:40px; letter-spacing:-1px; text-transform:uppercase; font-weight:bold; color:#f05223; font-family:Verdana, Geneva, sans-serif; margin-bottom:10px; }
			.g_01 { font-size:26px; line-height:32px; font-family:Verdana, Geneva, sans-serif; margin-bottom:5px; letter-spacing:-1px; }
			.g_01_01, .g_01_02, .g_01_03 { opacity:0;filter:alpha(opacity=0); }
			.g_01_01 { margin-left:100px;}
			.g_01_02 { margin-top:50px;}
				.g_01 strong { font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;, 돋움; }
		.greeting02 {font-size:16px; line-height:26px; text-align:right;opacity:0;filter:alpha(opacity=0); }
		.greeting03 { display:none;}
			.greeting_line {display:inline-block; width:85px; height:3px; background:#f05223; margin-bottom:10px;}

		#loginBox { padding:30px 30px;}
			#loginArea .help { position: absolute; right:0; top:10px; }
			#login .gLogin .btnLogin { position: absolute; left:334px; top: 70px; }
	}

	@media (max-width: 559px){
	body { }
	#contentsArea { background:url(../images/common/bg02.jpg) left top repeat; margin:0; padding-top:8px; max-width:910px;}
		#contentsTitle { height:36px; border-bottom:3px solid #f05223; margin:0 0 20px; padding-left:15px;}
			#contentsTitle h2 { float:left; display:inline; font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;; font-size:20px; line-height:30px; color:#555; font-weight:normal; margin-right:15px; text-shadow:1px 1px 1px #fff;  font-weight:800;}
			#contentsTitle .category {  float:left; display:inline; padding-top:12px;  background:url(../images/common/category_line.gif) left 14px no-repeat; padding-left:13px; font-size:14px; line-height:16px; color:#969696; letter-spacing:1px; text-shadow:1px 1px 1px #fff; text-transform:uppercase;}
		#contents { position:relative; min-height:300px; margin:0 0 20px; padding-bottom:110px}
		#contents .sub_div { margin:0 10px 30px; }
			#contents .sub_div img { max-width:100%;}
	#copyright { background:url(../images/common/copyright_line.gif) left top repeat-x; margin:-110px 0 0; padding:15px 0; text-align:center; color:#737373; font-size:11px; line-height:16px; }
		#copyright div { margin: 0 15px;}


	.subTitle { background:url(../images/sub/subtitle_bg.gif) 10px 5px no-repeat; padding-left:25px; font-weight:600;}
	.history { margin-top:-20px;}
		.history th { padding:10 15px;}

		.service_01 {*zoom:1; border-bottom:1px dotted #ddd;}
		.service_01:first-child { margin-top:-10px;}
		.service_01:last-child { border-bottom:none;}
		.service_01:after { display:block; content:""; clear:both;}
			.service_01 dt { font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;; font-size:30px; line-height:36px; color:#f05223; letter-spacing:-1px; padding:10px 0 10px 20px; text-shadow:2px 2px 2px #ccc;font-weight:600;}
			.service_01 dd { padding:0 0 20px 20px;}
				.service_01 dd ul { }
					.service_01 dd ul li {  font-size:15px; line-height:24px; font-weight:600;}
		.service_02 {*zoom:1; margin-bottom:30px; padding:0 20px;}
		.service_02:after { display:block; content:""; clear:both;}
			.service_02 dt { font-size:16px; line-height:22px;margin-bottom:8px;}
			.service_02 dd { font-size:14px; line-height:20px;}
				.service_02 dd ul { margin:5px 0 0 15px;}
				.service_02 dd li { font-size:13px; line-height:20px;}

		.portfolio {*zoom:1; margin:0 20px; padding-bottom:5px; border-bottom:1px dotted #ccc;}
		.portfolio:after { display:block; content:""; clear:both;}
			.portfolio li { float:left; display:inline-block; width:46%; margin:0 5px 10px;}
				.portfolio li a { display:block; border:1px solid #ccc; background:#fff; }
				.portfolio li a:hover, .portfolio li a:focus { border:1px solid #f05223;}
					.portfolio li a img { display:inline-block; width:100%; vertical-align:top;}
					.portfolio li a .subject { display:block; width:100%; border-top:1px dotted #ccc; text-align:center; padding:8px 0;}
					.portfolio li a:hover .subject, .portfolio li a:focus .subject { background: #f05223; color:#fff;}

		.page01 { display:none !important;}
		.page02 { display:block !important;}

		.greeting01 { margin-bottom:50px; padding:0 20px;}
			.nasaro { font-size:26px; line-height:32px; letter-spacing:-1px; text-transform:uppercase; font-weight:bold; color:#f05223; font-family:Verdana, Geneva, sans-serif; margin-bottom:10px; }
			.g_01 { font-size:20px; line-height:26px; font-family:Verdana, Geneva, sans-serif; margin-bottom:5px; letter-spacing:-1px; }
			.g_01_01, .g_01_02, .g_01_03 { opacity:0;filter:alpha(opacity=0); }
			.g_01_01 { margin-left:100px;}
			.g_01_02 { margin-top:50px;}
				.g_01 strong { font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', 돋움;, 돋움; }
		.greeting02 { display:none; }
		.greeting03 { padding:0 20px;font-size:15px; line-height:24px; opacity:0;filter:alpha(opacity=0);}
			.greeting_line {display:inline-block; width:80px; height:3px; background:#f05223; margin-bottom:10px;}

		#location_text { padding:0 20px; text-align:left; font-size:13px; line-height:20px;}

		#loginBox { margin:-20px 0 0; padding:30px 20px; border:none;}
			#loginArea .help { line-height:20px; }
			#login .gLogin .iText { width: 260px !important; }
			#login .gLogin  { display:block; width:262px; text-align:right;}


		.portfolio_con { position:relative;*zoom:1; padding:0 20px 15px;}
		.portfolio_con:after { display:block; content:""; clear:both;}
			.portfolio_con dt { position:relative; left:0; font-size:18px; line-height:24px;}
			.portfolio_con .img {width:100%; margin:10px 0; border:1px solid red;}
			.portfolio_con .img img {position:relative; width:100%;}
			.portfolio_con .info { position:relative; left:0; top:0; font-size:14px; line-height:20px; text-align:right;}

		.btn_area { padding: 0 10px;}

	#map{width:90%;height:300px; margin: 0 auto;}
   }