*{
color:#454444;
font-size:12px;
font-family:"맑은고딕",Dotum,sans-serif;
line-height:20px; 
}

a:link {text-decoration:none; color:#545454;}
a:visited {text-decoration:none; color:#545454;}
a:hover {text-decoration:none; color:#ff666b;}
a:active {text-decoration:none; color:#ff666b;}
a:foucs {text-decoration:none; color:#ff666b;}

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;}

ul { list-style-type : none; }
.input_style { height:20px; border:1px solid #BBBBBB; border-right:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; padding:3px 2px 0 2px; background-color:F2F2F2;}
.search{border-top : 1px solid #A2A2A2;
border-left : 1px solid #A2A2A2;
border-right :1px solid #DEDEDE;                      
border-bottom : 1px solid #DEDEDE;
BACKGROUND-COLOR: #ffffff;FONT-FAMILY:돋움; FONT-SIZE: 12px;color:655E5E;padding-left:5px}

.select{
	FONT-FAMILY:돋움;
	BORDER-RIGHT:#DDD6B3 1px solid; 
	BORDER-TOP:#DDD6B3 1px solid; 
	font-size:11px; 
	BORDER-LEFT:#DDD6B3 1px solid;  
	BORDER-BOTTOM:#DDD6B3 1px solid;
	color:#A59E7B;
	}

/*이미지박스*/
.img_box{border:1px #DEDEDE solid;padding:2;}

/*링크텍스트*/
a.title01{text-decoration:none;color:#E21A00; font:bold;}
a.title01:link {text-decoration:none; color:#E21A00; font:bold;}
a.title01:visited {text-decoration:none; font-size: 12px;color:#E21A00;font:bold; }
a.title01:hover {text-decoration:underline; font-size: 12px;color:#E21A00;font:bold;}

.ndate{color:9C9C9C;}
.font_c1{color:286586;}


ul{margin-top:3px;margin-bottom:20px;padding-left:16px; width:100%}
.text_list li {list-style:none;background:url(../images/s_botton.gif) no-repeat 0px 6px;padding-left:8px;line-height:17px;}

.cont{padding-left:8px;}
.cont2{padding-left:16px;}

/*작은텍스트*/
.stext{font-size:11px;line-height:15px;}
a.stext{font-size:11px;line-height:15px;}
a.stext:link {font-size:11px;line-height:15px;}
a.stext:visited {font-size:11px;line-height:15px;}
a.stext:hover{font-size:11px;line-height:15px;color:#EB5E14;}

.main_bg{background: url(../images/top_bg.gif) repeat-x;}
.sub_bg{background: url(../images/sub_bg2.jpg) repeat-x;}

.img_bg{background: url(../images/top_bg.jpg) no-repeat right;}

.bg_color1{
	background-color: #f0f6f3;
}
.bottom_bg1{
	background-color: #698D79;
}

/*게시판 스타일*/
table { border-collapse: collapse; }

/*** Board - List Type ***/
.listWrap {background:url('../images/board_top_bg.gif') repeat-x left top;}

	table.list01 {width:100%;table-layout:fixed;}
	table.list01 th {text-align:center;	vertical-align:middle; color:#f7b067; font-weight:bold;height:28px;}	
	table.list01 td {vertical-align:middle;  border:1px solid #d4d4d4;padding:5px;}
	table.list01 td.subject {text-align:left; padding-left:11px;}
	table.list01 td.price {font-weight:bold; color:#990000;text-align:right;}


	table.view01 {width:100%;table-layout:fixed;}
	table.view01 th {text-align:center;	vertical-align:middle; color:#000; font-weight:bold;height:28px;border:1px solid #d4d4d4;}
	table.view01 th.yel {text-align:center;	vertical-align:middle; color:#f7b067; font-weight:bold;height:28px;border:0px;}	
	table.view01 td {vertical-align:middle; height:28px; border:1px solid #d4d4d4;padding-left:5px;}
	table.view01 td.subject {text-align:left; padding-left:11px;}
	table.view01 td table td{vertical-align:middle; border:0px;}
	
	.yel {vertical-align:middle; color:#f7b067; font-weight:bold;height:28px;}		


/*버튼영역*/

.board_button { clear:both; margin:10px 0 0 0; }

/* 회색 버튼 */
.btnArr 		{display:inline-block; background: url('../images/btn_bg_g2_r.gif') no-repeat right top;letter-spacing:-1px; height:27px; font-weight:bold; margin:0; text-decoration:none !important; white-space:nowrap; color:#fff !important; overflow:visible; cursor:pointer;}
.btnArr span 	{display:inline-block; background: url('../images/btn_bg_g2_l.gif') no-repeat left top;  font-weight:bold; padding:6px 15px 0 15px !important; height:25px; font-size:0.9em !important; line-height:1.1em !important; color:#fff !important;}

a.btnArr:link,
a.btnArr:visited,
a.btnArr:active,
a.btnArr:hover, 
a.btnArr:focus {color:#fff !important; text-decoration:none;}

/* 빨강 버튼 */
.btnArr_r		{display:inline-block; background: url('../images/btn_bg_r2_r.gif') no-repeat right top;letter-spacing:-1px; height:27px; font-weight:bold;margin:0; text-decoration:none !important; white-space:nowrap; color:#ffffff !important; overflow:visible; cursor:pointer;}
.btnArr_r span 	{display:inline-block; background: url('../images/btn_bg_r2_l.gif') no-repeat left top;  font-weight:bold; padding:6px 15px 0 15px !important; height:25px; font-size:0.9em !important; line-height:1.1em !important; color:#ffffff !important;}

a.btnArr_r:link,
a.btnArr_r:visited,
a.btnArr_r:active,
a.btnArr_r:hover, 
a.btnArr_r:focus {color:#fff !important; text-decoration:none;}


.mbox{border:3px solid #d9d9d9;}
.lbox{border:1px solid #d6d6d6;}


/* floating */
.fl {float:left;}
.fr {float:right;}
.cl {clear:both;}


/*정의형 목록 */
.info_m  dl{clear:both;}
.info_m  dt{float:left;font-weight:bold;background: url('/images/icon_dot2.gif') no-repeat 0 6px; padding-left: 12px;height:auto; width:70px;}
.info_m  dd{height:auto;}


/*=====================================================================================*/


/*회사연혁*/
	
	.historyList {width:100%; overflow:hidden;}
	.historyList li {width:100%; overflow:hidden; padding:0px 0 14px 0; background:url('../images/dot_line.gif') repeat-x bottom;margin-bottom:20px; }

	.historyList .year {width:110px;float:left;}
	
	.historyList dl {float:left;width:560px;}
	.historyList dt {float:left;width:26px; line-height:1.7em; margin-right:20px;text-align:right;font-weight:bold;color:#8e1212;display:inline-block;}
	.historyList dd {width:500px;line-height:1.7em;display:inline-block;}
	
/*인증내역 */
	.certification {width:100%; overflow:hidden;}
	.certification li {width:100%; overflow:hidden; padding:0px 0px 20px 0px; background:url('../images/dot_line.gif') repeat-x bottom;margin-top:20px; }
	.certification dl {width:670px;}
	.certification dt {clear:both;float:left;width:60px; line-height:1.7em; margin-right:20px;text-align:right;font-weight:bold;color:#8e1212;display:inline-block;}
	.certification dd {float:left;width:300px;line-height:1.7em;display:inline-block;}	
	.certification dd.organ{width:270px;line-height:1.7em;display:inline-block;}		
	
/* 이미지간 여백 */
.mb01{margin-bottom:50px;}
.pt01{padding-top:10px;}	

#header {overflow:hidden; position:absolute; top:0; left:0; width:100%; height:150px;}
#header * {width:auto; margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif; font-weight:400; box-sizing:border-box;}
#header .inwrap {position:relative; width:980px; margin:auto;}
#header h1 {position:absolute; top:22px; left:31px;}
#header .top_util {position:absolute; top:27px; right:0; width:auto; margin:0; padding:0;}
#header .top_util li {float:left; position:relative;}
#header .top_util li+li {margin-left:13px;}
#header .top_util li+li:before {position:absolute; top:50%; lefT:-7px; width:2px; height:2px; margin-top:-1px; background:#4c4c4c; content:'';}
#header .top_util li a {display:block; font-size:12px; color:#4c4c4c; line-height:20px;}
#gnb {position:absolute; top:54px; right:0; width:817px;}
#gnb:before {position:absolute; top:0; left:0; width:100%; height:32px; border-radius:3px; background:url('../images/menu_bg.jpg') no-repeat center top; box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1); content:'';}
#gnb ul {position:relative; z-index:2;}
#gnb > ul > li {float:left; position:relative; width:20%; box-sizing:border-box;}
#gnb > ul > li.s01 {width:163px;}
#gnb > ul > li.s02 {width:163px;}
#gnb > ul > li.s03 {width:153px;}
#gnb > ul > li.s04 {width:153px;}
#gnb > ul > li.s05 {width:183px;}
#gnb > ul > li.s03 .sub {left:-150px;}
#gnb > ul > li.s04 .sub {left:-300px;}
#gnb > ul > li.s05 .sub {left:37px;}
#gnb > ul > li > a {display:block; font-size:14px; color:#fff; font-weight:500; line-height:32px; text-align:center;}
#gnb .sub {overflow:hidden; position:absolute; top:32px; left:25px; width:1000px; height:29px;}
#gnb .sub ul {overflow:hidden; position:absolute; top:-36px; left:0; height:27px; border:1px solid #7bb1cc; border-top:0; border-radius:0 0 15px 15px; padding:0 25px; background:rgba(255,255,255,0.5); box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1); transition:all 0.4s;}
#gnb .sub ul li {float:left;}
#gnb .sub ul li+li {margin-left:13px}
#gnb .sub a {display:block; font-size:13px; color:#5e5e5e; line-height:24px; font-weight:500; transition:color 0.3s;}
#gnb .sub li.on a,
#gnb .sub a:hover {color:#000;}
#gnb li.on .sub ul {top:0;}
#gnb li.on .sub {z-index:100;}


#main_visual {height:523px; background:url('../images/main_visual.jpg') no-repeat center;}
#main_banner {position:relative; width:220px; height:100px; text-align:left;}
#main_banner * {box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif;}
#main_banner .tit {font-size:13px; color:#010101; font-weight:500;}
#main_banner .cbox {overflow:hidden; width:250px; margin-top:10px;}
#main_banner .swiper-container {float:left; width:122px; height:66px; border:1px solid #c2c2c2; border-radius:3px;}
#main_banner .swiper-slide {width:122px; height:66px;}
#main_banner .swiper-pagination {float:left; position:relative; width:100px; bottom:0; margin-left:10px; text-align:left;}
#main_banner .swiper-pagination-bullet {position:relative; width:100%; height:auto; padding-left:11px; border-radius:0; font-size:11px; background:transparent; opacity:1; line-height:17px;}
#main_banner .swiper-pagination-bullet:before {position:absolute; top:50%; left:0; width:6px; height:6px; margin-top:-3px; box-sizing:border-box; border:2px solid #2f729c; content:'';}
#main_banner .swiper-pagination-bullet-active {color:#056bb8;}

*:focus {outline:none;}


#sub_visual {height:275px; background:url('../images/sub_visual.jpg') no-repeat center;}


.ctitle {position:relative; border-bottom:1px solid #939393;}
.ctitle h2 {position:relative; padding-bottom:3px; font-family: 'Noto Sans KR', sans-serif; padding-left:11px; font-size:20px; color:#425855; font-weight:500; line-height:34px; letter-spacing:-0.05em;}
.ctitle h2:before {position:absolute; left:0; top:8px; width:6px; height:20px; border-radius:3px; background:#1d8acf; content:'';}
.ctitle .location {position:absolute; top:10px; right:0; font-family: '맑은 고딕', sans-serif; font-size:11px; color:#939393;}

#lnb * {box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; padding:0; marign:0;}
#lnb .en {padding-left:10px; font-size:10px; font-family: 'Noto Sans KR', sans-serif; color:#7a7a7a; letter-spacing:0; line-height:1.2;}
#lnb h2 {padding-left:11px; font-size:20px; color:#435755; font-weight:500; line-height:34px; letter-spacing:-0.05em; line-height:1.2;}
#lnb > ul {width:170px; margin-top:7px; padding:10px 15px 50px; border:1px solid #c6c9c9; border-radius:5px; box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1); background:url('../images/lnb_bg.jpg') repeat-x center top;}
#lnb > ul > li > a {display:block; position:relative; z-index:2; padding-left:10px; border-bottom:1px solid #dcdcdc; font-size:12px; line-height:24px; transition:all 0.3s;}
#lnb > ul > li > a:hover {color:#5e5e5e;}
#lnb > ul > li > a:before {position:absolute; top:0; left:-27px; right:-27px; top:-1px; bottom:-1px; z-index:-1; border-radius:13px; border:1px solid #516fad; opacity:0; background:url('/images/icon_lnb.png') no-repeat 25px center #1177c0; content:''; transition:all 0.4s; box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1); content:'';}
#lnb > ul > li.on > a {color:#fff;}
#lnb > ul > li.on > a:before {opacity:1;}
#lnb > ul > li.on ul {display:block;}
#lnb ul ul {display:none; margin:0; padding-top:5px; padding-bottom:10px; border-bottom:1px solid #dcdcdc;}
#lnb ul ul a {display:block; position:relative; padding-left:12px; font-size:11px; color:#737373; line-height:19px;}
#lnb ul ul a:before {position:absolute; top:50%; left:6px; width:2px; height:2px; margin-top:-1px; background:#6a6a6a; content:'';}
#lnb ul ul li.on a {color:#005190;}