@charset "euc-kr";
/* CSS Document */
@import url('css/nanumgothic.css');
/*@import url('http://ts.daumcdn.net/custom/blog/0/606/skin/images/nanumgothic.css');
 @import url('http://www.openhiun.com/hangul/nanumbarungothic.css');*/

/* Layout set  */
#container {width:100%;margin:0 auto;background:none;overflow:hidden; overflow: hidden; }
.sub_menu_box {
	position: relative;
	width:100%;margin:0 auto 50px;border-bottom:1px solid #b0b0b0;height:90px;
}
#page_content{width:1050px;margin:30px auto;clear:both;}


/* Sub 2nd nav */
#sub_menu {	position: relative; margin: 0 auto; width:1050px; height:26px;padding:33px 0px 20px 0px;text-align:left;}
#sub_menu h3.B_title {position: absolute; left: 0;font-size:24px;color:#292929;font-weight:600;float:left;letter-spacing:-1px;
	left: 0; display: inline;
}
#sub_menu h3.B_title span {color:#a7938c}

#sub_menu ul {
	position: absolute; left: 0;
	display: inline;
	margin-left: 570px;
	text-align:left;
}
#sub_menu ul li {
	height:15px;line-height:15px;float:left;padding-top:10px;
}
#sub_menu ul li:after { display: block; content: ""; clear: both; }
#sub_menu ul li:first-child {
	padding-right:10px;
}
#sub_menu ul li.padd_00 a {color:#2e2e2e;padding-right:6px;font-size:13px;}
#sub_menu ul li.padd_00 a:hover{color:#59030a;font-size:13px;font-weight:bold}
#sub_menu ul li.padd_15 {height:15px;line-height:15px;padding:10px 6px 0px}
#sub_menu ul li.padd_15 a {color:#2e2e2e;font-size:13px;}
#sub_menu ul li.padd_15 a:hover {color:#59030a;font-size:13px;font-weight:bold;}
#sub_menu ul li.padd_5 {padding:10px 2px 0px;color:#6e6e6e}
#sub_menu ul li.active a{ font-weight:bold; }

/*ȸ»ç¼Ò°³*/
.company_box, .company_list {width:1050px;margin:0 auto;}
.company_box h3 {font-size:18px;font-weight:bold;margin:20px auto 40px;}
.company_list p { text-align:left; margin-bottom:15px;font-size:12pt;line-height:140%;}
.company_list .banner{text-align:right;padding-right:180px}
.company_list .banner img{max-width:120px; margin-top:-70px}
.company_list p span{font-weight:600;font-size:13pt;}

/* ã¾Æ¿À½Ã´Â ±æ*/
.map_box {width:1050px;margin:0 auto;position:relative}
.map_list ul.map_area {width:auto; margin:50px auto 15px;}
.map_list ul.map_area li {padding:0px 30px 0px 0px;text-align:left}
.map_list ul.map_area li:after { display: block; content: ""; clear: both; }
/* ´ÙÀ½ Áöµµ api */
#map { width:100%; height:450px; border:1px solid #c6c6c6; }


/* »ç¾÷¼Ò°³ */
#page_content .introduce_box { width: 1050px; margin: 0 auto; }
#page_content .introduce_box .sub_slogan p { font-size:17pt; color:#000; font-weight:bold; }

#page_content .introduce_box .sub_slogan_02 p { font-size:16pt; color:#e38807; font-weight:600; }

#page_content article.sub_contents {
	width:100%;
    position: static;
    margin-top: 20px;
    display: inline-block;
    height: auto;
}
#page_content article.sub_contents .sub_txt {
	display: block;
	width: auto;
	margin-bottom: 20px;
}
#page_content article.sub_contents .txt {
	margin-bottom: 0px;
}
#page_content article.sub_contents .txt h5 {
	margin-bottom: 7px;
	border-left: 3px solid #fb7c0b;
	padding-left: 10px;
	font-size:14pt; font-weight: 600; letter-spacing: 3px;
}
#page_content article.sub_contents .txt p {
	padding-left: 13px;
	font-size:12pt;
}
#page_content article.sub_contents ul.img {
	display: inline-block;

}
#page_content article.sub_contents ul.img li {
	float: left;
	margin: 10px 13px 10px 13px;
}
#page_content article.sub_contents ul.img li img {
	width: 320px; height: auto;
}



/*Æ÷Æ®Æú¸®¿À*/
.product_box {width:1050px; margin:0 auto; }
.product_list ul.product_area {
	width:100%;
	display: inline-block;
}
.product_list ul.product_area li {
	float:left;
	padding-bottom: 35px; margin-right: 20px;
	overflow: hidden;
	text-align: center;
}
.product_list ul.product_area li:after { display: block; content: ""; clear: both; }
.product_list ul.product_area li img {
	width: 240px; height: 183px;
	border: 1px solid #777;
}
.product_list ul.product_area li P {
    margin-top: 10px;
    font-size: 10pt; color: #434343; text-align: center;
}




.product_box table.t_box_1 {
	width: 100%;
	border-top: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
}
.product_box table.t_box_1 td {
	padding: 20px;
}
.product_box table.t_box_1 .first-child {
	height: 45px;
	border-bottom: 1px solid #aaa;
	text-align: center;
}
.product_box table.t_box_1 .first-child th {
	background-color: #f8f8f8;
}
.product_box table.t_box_1 .first-child td {
	padding-left: 20px;
}
.product_box .btn_list {
	display: block;
    margin: 20px auto 0;
	font-size:11pt;
    width: 100px;
    height: 37px;
    color: #eee;
    background: #202020;
    border: 1px solid #111;
	cursor: pointer;
}

.product_box table.t_box_2 td img {
	padding-bottom: 5px;
}





/** service ***************************************/
#page_content .service_box {
	width: 100%;
}

table.form {
    table-layout: fixed;
    word-break: break-all;
    border-collapse: collapse;
}
table.form th {
    width: 130px;
    padding: 3px 15px;
    text-align: right;
    font-size: 16px; font-weight: 600;
}
table.form td {
    text-align: left;
    padding: 5px 0px;
    font-size: 14px;
    color: #838383;
}
table.form select, table.form textarea {
	background:#fff; border: 1px solid #ccc;
}
table.form input[type="text"] {
    border: 1px solid #ccc; background:#fff;
    height: 29px;
}
table.form input[type="file"] {
    width:380px; height:30px;
	padding: 5px 5px 0;
	background:#fff; border: 1px solid #ccc;
}
table.form textarea[type="text"] {
	width:600px;height:150px;
}
table.form .input_01 {
    width:250px;
}
table.form .input_02 {
    width:80px;
}
table.form .input_03 {
    width:150px;
}
table.form .sel_01 {
	width:65px;height:31px;
}
table.form .sel_02 {
	width:135px;height:32px; margin-left:3px;
}
table.form .secu_num {
	display: inline;
	color:#ff1b1b; margin-left: 15px;
}
.sub_service_01 form .btn {
    margin-left: 360px;
}

.sub_service_01 form .btn .ok_btn {
	font-size:11pt;
    width: 100px;
    height: 37px;
    color: #eeeeee;
    background: #202020;
    border: 1px solid #111111;
}

.sub_service_01 form .btn .cancel {
	font-size:11pt;
    width: 100px;
    height: 37px;
    color: #252525;
    background: #d5d5d5;
    border: 1px solid #bbbbbb;
}

.sub_service_01 form .btn li {
	 display:inline-block;
	 text-align:center;
}






/* °øÁö»çÇ× ¸®½ºÆ®  */
#page_content .notice_box {width:1154px;margin:10px auto}
#page_content .notice_box h3 {font-size:18px;font-weight:bold;margin:20px auto;text-align:left;}
#page_content .notice_box table {margin:8px auto 70px;width:1154px;text-align:center ;clear:both;border-top: 1px solid #D9D9D9;}
#page_content .notice_box table th {height:30px;line-height:30px;border-bottom:2px solid #D9D9D9;}
#page_content .notice_box table td {height:30px;line-height:30px;border-bottom:1px solid #D9D9D9}
#page_content .notice_box table td.text_padd {padding-left:5px;text-align:left}
#page_content .notice_box table td.text_padd a {color:#4b3934}

#page_content .notice_box .searchbox{width:1154px;overflow:hidden;margin:0px auto;height:35px}
#page_content .notice_box .searchbox ul{width:1154px;text-align:right;margin:0px auto;}
#page_content .notice_box .searchbox ul li{padding:5px;display:inline-block;}
#page_content .notice_box .searchbox ul li.search_btn {color:#ffffff;font-weight:bold;padding:5px 0px 5px 5px }
#page_content .notice_box .searchbox ul li.search_btn input{width:65px;height:26px; border:1px solid #c7c7c7;background:#acacac;width:65px;color:#ffffff}
#page_content .notice_box .searchbox ul li.search_bar input {width:250px;height:24px;border:1px solid #c7c7c7}

/* °Ô½ÃÆÇ ÇÏ´Ü ¹öÆ° */
.bottom_area {width:1154px;margin:20px auto; height:40px;}
.bottom_area .btn_style {width:1154px ; text-align: right;}
.bottom_area .btn_style li {width:45px;height:28px;line-height:28px; display:inline-block; text-align:center;margin:0px 3px;padding:0px}
.bottom_area .btn_style li a {display:block;padding:0px 5px}

.bottom_area .btn_style li.del a {color:#2e2e2e;}
.bottom_area .btn_style li.revision a {color:#2e2e2e;}
.bottom_area .btn_style li.sign_up a {color:#ffffff}
.bottom_area .btn_style li.btn_list a {color:#ffffff}

/* °Ô½ÃÆÇ »ó¼¼ ³»¿ë */
#page_content .list_text_box {width:1154px;margin:10px auto}
#page_content .list_text_box h3 {font-size:18px;font-weight:bold;margin:20px auto;text-align:left;}
#page_content .list_text_box table {margin: 0px auto 20px;width:1154px;text-align:center ;clear:both;/*border-bottom:1px solid #808080;*/ border-top:1px solid #D9D9D9;}

#page_content .list_text_box table th {height:30px;line-height:30px;border-bottom:2px solid #D9D9D9; }

#page_content .list_text_box table th.text_padd {padding-left:5px;text-align:left}
#page_content .list_text_box table td {padding:10px 0px;border-bottom:1px solid #D9D9D9; }
#page_content .list_text_box table td textarea { width:1100px ;height:300px;border:1px solid #dedede}
#page_content .list_text_box table td  input {border:1px solid #dedede}




/* °Ë»ö

.searchbox{width:1050px;overflow:hidden;margin:0px auto;;}
.searchbox ul{width:1050px;text-align:right;margin:0 auto;}
.searchbox ul li{;display:inline-block;padding:5px}
.searchbox ul li.search_btn {color:#ffffff;font-weight:bold;padding:5px 0px 5px 5px }
.searchbox ul li.search_btn input{width:65px;height:24px; border:1px solid #c7c7c7;background:#acacac;;width:65px;color:#ffffff}
.searchbox ul li.search_bar input {width:250px;height:22px;border:1px solid #c7c7c7}*/





/************************************************************************************/
@media screen and (max-width: 768px) {

	/* Layout Set */
	.sub_menu_box {
		width:100%; margin:0 auto 20px; height:auto;
	}
	#page_content {width:98%; margin:0 auto; clear:both;}

	/* #wrap #container .sub_menu_box *****/

	#sub_menu {
		width: 98%; margin:0 auto; height:26px;padding:15px 0px 10px 0px;text-align:left;
	}
	#sub_menu h3.B_title {
		position: relative; float: left;
		font-size:15pt; letter-spacing:0px;
		left:0;
	}
	#sub_menu ul {
		position: relative; float: left;
		margin: -8px 0 0 30px;
	}
	#sub_menu li {
		margin-top: 2px;
	}
	#sub_menu li.padd img {
		margin-top: -2px;
	}
	#sub_menu ul li.padd_00 a {font-size:11pt;}
	#sub_menu ul li.padd_00 a:hover{font-size:11pt;}
	#sub_menu ul li.padd_15 a {font-size:11pt;}
	#sub_menu ul li.padd_15 a:hover {font-size:11pt;}


	/* #wrap #container #page_content *****/

	/*ȸ»ç¼Ò°³*/
	.company_box, .company_list {
		width:100%; overflow: hidden;
	}
	.company_list img {
		width:100%; height:auto;
	}

	/* ã¾Æ¿À½Ã´Â ±æ*/
	.map_box { width:100%; }


	/*Æ÷Æ®Æú¸®¿À*/
	.product_box {width:100%;}
	.product_list ul.product_area li {
		padding-bottom: 35px; margin-right: 10px;
	}
	.product_list ul.product_area li img {
		width: 220px; height: 167px;
	}
	.product_box table.t_box_2 td img {
		width: 100%; max-width: 640px;
	}

	/* service(°ßÀû¹®ÀÇ) */
	table.form th {
		width: 100px;
		padding: 3px 10px;
		text-align: right;
	}
	.sub_service_01 form .btn {
		margin-left: 120px;
	}

	/* »ç¾÷¼Ò°³ */
	#page_content .introduce_box { width: 100%; }
	#page_content article.sub_contents ul.img li img {
		width: 300px; height: auto;
	}

















}
/************************************************************************************/



/************************************************************************************/
@media screen and (max-width: 480px) {

	/* Layout Set */

	/* #wrap #container .sub_menu_box *****/
	#sub_menu h3.B_title {
		display: none; height: 0;
	}
	#sub_menu ul {
		margin-left: 10px; letter-spacing: -2px;
	}


	/* #wrap #container #page_content *****/

	/* ȸ»ç¼Ò°³ */
	.company_list p { font-size:10pt;}
	.company_list p span{font-size:11pt;}
	.company_list .banner{text-align:right;border:0px solid red;padding-right:0px}
	.company_list .banner img{max-width:120px; margin-top:-20px}

	/* »ç¾÷¼Ò°³ */
	#page_content article.sub_contents {
		margin-top: 15px;
	}
	#page_content .introduce_box .sub_slogan p {
		font-size:13pt; }
	#page_content .introduce_box .sub_slogan_02 p {
		font-size: 11pt;
		text-align: center;
	}
	#page_content article.sub_contents .txt h5 {
		margin-bottom: 3px;
		padding-left: 7px;
		font-size:11pt; font-weight: 600; letter-spacing: 0px;
	}
	#page_content article.sub_contents .txt p {
		padding-left: 10px;
		font-size:9pt;
	}
	#page_content article.sub_contents ul.img {
		display: block;
		margin: 0 auto;
	}
	#page_content article.sub_contents ul.img li {
		float: none;
		width: auto; text-align: center; margin: 10px 10px 12px 10px;
	}
	#page_content article.sub_contents ul.img li img {
		width: 100%; height: auto;

	}

	/*Æ÷Æ®Æú¸®¿À*/
	.product_list ul.product_area li {
		padding-bottom: 50px; margin-right: 0px;
		width: 100%; height: 250px;
		overflow: hidden;
	}
	.product_list ul.product_area li img {
		width: 98%; height: 98%;
		margin-bottom: 8px;
	}
	.product_list ul.product_area li P {
		margin-top: 0px;
	}

	/* service(°ßÀû¹®ÀÇ) */
	table.form th {
		width: 80px;
		padding: 3px 5px 3px 5px;
		font-size:12px; text-align: center; letter-spacing: 5px;
	}
	table.form input[type="text"] {
		height: 25px;
	}
	table.form input[type="file"] {
		width:94%; height:30px;padding: 5px 5px 0;
		font-size:13px;
	}
	table.form textarea[type="text"] {
		width:98%;height:100px;
	}
	table.form .input_01 {
		width:98%;
	}
	table.form .input_02 {
		width:29.5%;
	}
	table.form .input_03 {
		width:28%;
	}
	table.form .sel_01 {
		width:29%;height:27px;
	}
	table.form .sel_02 {
		width:30%;height:27px; margin-left:3px;
	}
	table.form .secu_num {
		display: block;
		margin-left: 0px; margin-top: 5px; font-size:13px;
	}
	.sub_service_01 form .btn {
		margin-left: 90px;
	}

	.product_box table.t_box_1 td {
		padding: 5px;
		font-size: 9pt;
	}
	.product_box table.t_box_1 .first-child {
		height: 30px;
	}
	.product_box table.t_box_2 td img {
		max-width: 100%;
	}






}
/************************************************************************************/