@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body {
	margin: 0px;
	/*background:url(/images/main_img01.jpg);*/
	background-position:top;
	background-repeat:no-repeat;
	background-color:#ffffff;
}
/*body#sub {
	margin: 0px;
	background-image:url(/images/sub_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#fff;
}*/
td, th, div, li, ul, p {padding:0; margin:0; list-style:none; font-size:12px;font-family:arial}
img {border:none; }
a {color:#fff; text-decoration:none;}
a:hover {color:#90ddf1; text-decoration:underline;}
hr.layout{display:none}



div#wrap {width:100%;margin:0 auto;}

div#top_bg {width:100%;margin:0 auto;background-image:url(/images/top_bg.png); background-repeat:repeat-x;height:110px;position:absolute;z-index:999;top:0px;left:0px;}
div#top_wrap {width:1024px; margin:0 auto;height:100px;}
div#logo {margin-left:14px; margin-top:32px;width:160px;float:left;}

div#top_menu {float:left; margin-top:57px;margin-left:30px;}
div#top_menu li {float:left;margin-left:47px;}

div#search {float:right;width:150px;margin-top:55px;padding-left:12px;}

div#container {width:1024px; margin:0 auto;position:relative;/*margin-top:98px;*/top:98px;}
div#container:after{display:block;clear:both;content:''}
/*½½¶óÀ̵å*/
div#main_img {width:1024px; margin:0 auto;z-index:9999px;}

#slideshow {width:100%; height:644px; position:relative;}
#slides {width:1024px; height:644px; list-style:none; overflow:auto;}
#slides li {width:1024px; height:644px;}

/*p.sliderbutton1 {position:absolute; top:310px; left:49px;z-index:99999999; cursor:pointer;}*/
/*p.sliderbutton2 {position:absolute; top:310px; left:933px; z-index:99999999; cursor:pointer;}*/
p.sliderbutton1 {position:absolute; top:310px; left:0; z-index:99999999; cursor:pointer;}
p.sliderbutton2 {position:absolute; top:310px; left:1025px; z-index:99999999; cursor:pointer;}

.pagination {position:absolute; top:390px; left:210px; z-index:99999999;}
.pagination li {float:left; cursor:pointer; margin-right:25px; background-image:url(/images/visual_off.png); background-repeat:no-repeat; width:8px; height:9px;}
li.current {background-image:url(/images/visual_on.png); background-repeat:no-repeat;}


div#main_banner {width:1024px; margin:0 auto;height:53px;margin-top:98px;}
div#main_banner0 {width:1024px; height:190px;margin:0 auto;}
div#main_banner0:after {content:""; clear:both; display:block;}
#main_banner0 h2 {
	color:#f29007;
	font-weight:600;
	font-size:25px;
	padding-bottom:15px;
}
#main_banner0 span {
	font-size:13px;
	font-weight:400;
	margin-left:800px;
}

div.main_banner_img {width:248px; margin-right:8px;float:left;}
.banner_img img { width:100%;}
div.main_banner_img_end {margin:0;width:248px;float:left;}
li.m_banner {margin-bottom:6px;}


div#footer_wrap_main {width:100%; margin:0 auto;margin-top:54px;border-top:1px solid #e9e9e9; /*position:relative;*/}
div#footer_main {width:1024px; margin:0 auto;/*position:absolute; bottom:0px;*/}
div#footer_main img {height:68px;}

div#footer_wrap {width:100%; margin:0 auto;margin-top:152px;border-top:1px solid #e9e9e9; /*position:relative;*/}
div#footer {width:1024px; margin:0 auto;/*position:absolute; bottom:0px;*/}
div#footer img {height:68px;}


/*Æ÷Æ®Æú¸®¿À*/
div#port_wrap {width:1024px;}
div#port_wrap:after{display:block;clear:both;content:''}
div#port_btn {margin-top:20px;margin-bottom:20px;float:right;width:1024px;}
div#port_btn li.port_btn0 {float:left;margin-right:20px;}
div#port_btn li.port_btn0_end {float:left;}
div#port_list_wrap {width:1024px;}
div.port_list {width:241px;height:207px;float:left;margin-right:20px;padding-bottom:25px;}
div.port_list img{width:240px;height:160px;}
div.port_list_end {width:241px;float:left;margin:0px;}
div.port_list_end img{width:240px;height:160px;}
li.port_title01 {margin-top:5px;}
li.port_title02 {margin-bottom:20px;}
div#paging {width:1024px;margin-top:20px;}




/*°¶·¯¸®*/
div#gallery_wrap {width:1024px;}
div#gallery_wrap:after{display:block;clear:both;content:''}
div#gallery_btn {margin-top:20px;margin-bottom:20px;float:right;width:1024px;}
div#gallery_btn li.port_btn0 {float:left;margin-right:20px;}
div#gallery_btn li.port_btn0_end {float:left;}
div#gallery_list_wrap {width:1024px;}
div.gallery_list {width:241px;float:left;margin-right:20px;padding-bottom:25px;}
div.gallery_list img{width:240px;height:160px;}
div.gallery_list_end {width:241px;float:left;margin:0px;}
div.gallery_list_end img {width:240px;height:160px;}
li.gallery_title01 {margin-top:5px;}
li.gallery_title02 {margin-bottom:20px;}
div#paging {width:1024px;margin-top:20px;}




/*J-TEST ¼Ò½º*/
/*list*/
table#J_board_list {width:833px; border:none; border-collapse:collapse;}
table#J_board_list th {padding:10px 0; background-image:url(/img/J_bg.jpg); background-repeat:repeat-x;  border-bottom:1px solid #999; font-size:12px; font:"µ¸¿ò";}
table#J_board_list td {border:none; border-collapse:collapse; margin:0; text-align:center; padding:5px 0; border-bottom:1px solid #ccc; font-size:12px; font:"µ¸¿ò";}
table#J_board_list td.subject {text-align:left; padding-left:10px;}
table#J_paging {border:none; border-collapse:collapse;}
table#J_paging td {border-bottom:none; padding:3px;}
a{color:#000;text-decoration:none}
a:hover{color:#0099FF;text-decoration:underline}
a.quick{color:#2f3743;text-decoration:none;font-size:11px;}
a.quick:hover{color:#390;text-decoration:underline;font-size:11px;}
/*detail*/
table#J_board_detail_port {border:none; border-collapse:collapse; border-bottom:1px solid #000;}
table#J_board_detail {width:100%; border:none; border-collapse:collapse; border-bottom:1px solid #000;}
table#J_board_detail td {padding:10px; border-bottom:1px solid #ccc;}
table#J_board_detail td.top {border-top:1px solid #999999; border-bottom:1px solid #ccc; background-image:url(/img/J_bg.jpg); background-repeat:repeat-x; font-size:13px; font:"µ¸¿ò"; font-weight:bold;}
table#J_board_detail td.top_port {border-bottom:1px solid #ccc; background-image:url(/img/J_bg.jpg); background-repeat:repeat-x; font-size:13px; font:"µ¸¿ò"; font-weight:bold;}
table#J_board_detail td.center {border-top:1px solid #e0e0e0; border-bottom:1px solid #999999;}
table#J_board_detail td.img img {max-width:800px;}
table#J_board_detail td.file {border-top:0; border-bottom:0;}
table#J_board_detail td.center_port {border-top:1px solid #e0e0e0; border-bottom:1px solid #999999;}
table#J_board_detail td.center_port img {width:1024px;}
table#J_board_detail td.center_port p {padding:0;margin:0;}
table#J_board_detail_bt {width:100%; border:none; border-collapse:collapse; vertical-align:bottom;}
table#J_board_detail_bt td { text-align:center; border-bottom:1px solid #e0e0e0; padding:5px 0;}
table#J_board_detail_bt td.bt { padding-left:10px; text-align:left;}
.txlt {text-align:left;}
.txrt {text-align:right;}
/*Æ÷Æ®Æú¸®¿À °¶·¯¸® detail*/
table#J_board_detail_port {border:none; border-collapse:collapse; border-bottom:1px solid #000;}
table#J_board_detail_port td {padding-top:10px; padding-bottom:10px;border-bottom:1px solid #ccc;}
table#J_board_detail_port td.top_port {border-bottom:1px solid #ccc; background-image:url(/img/J_bg.jpg); background-repeat:repeat-x; font-size:13px; font:"µ¸¿ò"; font-weight:bold;}
table#J_board_detail_port td.center_port {border-top:1px solid #e0e0e0; border-bottom:1px solid #999999;}
table#J_board_detail_port td.center_port img {max-width:1024px;}
table#J_board_detail_bt {width:100%; border:none; border-collapse:collapse; vertical-align:bottom;}
table#J_board_detail_bt td { text-align:center; border-bottom:1px solid #e0e0e0; padding:5px 0;}
table#J_board_detail_bt td.bt { padding-left:10px; text-align:left;}
.txlt {text-align:left;}
.txrt {text-align:right;}
/*write*/
table#J_board_write {width:833px; border-collapse:collapse; border:0;}
table#J_board_write td {text-align:left;}
table#J_board_write td#top {border-bottom:1px solid #ccc;padding:10px; background-image:url(/img/J_bg.jpg); background-repeat:repeat-x; font-size:15px; font:"µ¸¿ò"; font-weight:bold;}
table#write_detail {width:100%; border-collapse:collapse; border:0;}
table#write_detail td {padding:5px; border-bottom:1px solid #ccc; text-align:left;}
table#write_detail td.left {padding-left:15px; font-weight:bold; color:#999999;}
/*°ßÀû¹®ÀÇ*/
table#J_board_list1 {width:100%;  border-collapse:collapse;}
table#J_board_list1 th {padding:5px 10px; background-image:url(/images/board_top.png);border-top:1px solid #999999; border-bottom:1px solid #ccc; font-size:12px; font:"µ¸¿ò";text-align:left;}
table#J_board_list1 td {border:none; border-collapse:collapse; margin:0; text-align:left;padding:5px 10px; border-bottom:1px solid #ccc; font-size:12px; font:"µ¸¿ò";}
table#J_board_list1 td.left {width:20%;font-weight:bold;background-color:#f4f4f4;}
#nice_detail {padding:0; margin:10px; float:left; width:100%;}
#nice_detail td {border-bottom:1px solid #ccc; padding:5px 10px; margin:0; font-size:12px; text-align:left;}
#nice_detail td.left {width:100px; font-weight:bold; text-align:right;}


/*COMPANY*/
.company_wrap:after{content:""; clear:both; display:block;}

.company_wrap {
	width:1024px;
	margin:0 auto;
	padding-bottom:30px;
	border-bottom:1px solid #ddd;
/*	border:1px solid red;*/
}
.ceo_img {
	float:left;
	width:200px;
	padding:40px 0 0;
	margin-right:15px;
/*	border:1px solid green;*/
}
.ceo_img img {
	width:100%;
}
.ceo_messages {
	float:right;
	width:780px;
/*	border:1px solid pink;*/
}
.ceo_messages .cm_1 {
	text-align:right;
	font-size:13px;
	line-height:15px;
	padding-top:5px;
}
.ceo_messages h2 {
	color:#f29007;
	width:150px;
	font-weight:600;
	font-size:25px;
	padding-bottom:10px;
	border-bottom:3px solid #f29007;
}
.ceo_messages p {
	font-size:15px;
	line-height:30px;
}
.ceo_messages p span {
	font-weight:500;
	}
.ceo_messages .cm_2 {
	text-align:right;
	font-size:23px;
	line-height:15px;
	padding:15px 30px 0 0 ;
}
.ceo_messages .cm_2 span {
	font-weight:600;
	padding-left:15px;
}

.certi_wrap{
	width:1024px;
	padding:10px 0;
	margin:0 auto;
}
.certi_wrap h2 {
	color:#f29007;
	width:150px;
	font-weight:600;
	font-size:25px;
	padding-bottom:10px;
	border-bottom:3px solid #f29007;
}
.certi_box:after{content:""; clear:both; display:block;}
.certi_box {
	text-align:center;
}
 .box {
 	float:left;
	width:300px;
	margin-right:15px;
	border: 1px solid #ddd;
}
.box p {
	font-size:15px;
	padding:10px 0;
}
.box img { 
	width:100%;
}

/*client*/
.client_wrap p {
	text-align:right;
	font-size:13px;
	line-height:15px;
	padding-top:5px;
}
.client_wrap h2 {
	color:#f29007;
	font-weight:600;
	font-size:25px;
	padding-bottom:10px;
	border-bottom:3px solid #f29007;
}
/*contactus*/
.contactus {
	float:right;
	width:840px;
/*	border:1px solid red;*/
}

/*business*/
.business_wrap {
	padding:10px 8px;
/*	border:1px solid red;*/
}
.business_wrap:after{content:""; clear:both; display:block;}
.business_wrap h2 {
	color:#f29007;
	font-weight:600;
	font-size:25px;
	padding-bottom:10px;
	border-bottom:3px solid #f29007;
}
.busi_Box {
	float:left;
	width:335px;
	height:218px;
	text-align:center;
	color:#333;
/*	background:#efefef;*/
/*	border:1px solid #ddd*/
}
.busi_Box img {
	width:100%; 
}
.busi_tit1 {
	font-size:16px;
	font-weight:600;
	padding-top:20px;
}
.busi_tit2 {
	font-size:14px;
	width:150px;
	margin: 0 auto;
	padding: 5px 0 10px;
	border-bottom:2px solid #ddd;
}
.busi_tit3 {
	font-size:14px;
	padding:15px 0;
}
.busi_txt {
	font-size:14px;
	line-height:18px;
}