/*********************************************
* GLOBAL : Common
*********************************************/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html ,body { padding:0px ; margin:0 0 0 10; background-color:#FFFFFF; font-family:font-family:나눔고딕, NanumGothic, 'Nanum Gothic', sans-serif}
body, table, tr, td, select, textarea, input 
{
scrollbar-face-color: #dddddd; 
scrollbar-shadow-color: #aaaaaa; 
scrollbar-highlight-color: #ffffff; 
scrollbar-3dlight-color: #999999; 
scrollbar-darkshadow-color: #999999; 
scrollbar-track-color: #eeeeee; 
scrollbar-arrow-color: #ffffff
}
table,td,SELECT,input,DIV,form,TEXTAREA,center,option,span,pre,br,P {font-family:굴림;font:9pt;line-height:150%;color:666666}
img,table {border:0} /* img , table border=0 */

/*********************************************
* GLOBAL : Form
*********************************************/
input		{border:1px solid #666666}		/* 공통형 input tag*/
select		{border:1px solid #666666}		/* 공통형 select tag*/
textarea	{border:1px solid #666666}		/* 공통형 textarea tag*/
.input		{border:1px solid #DADADA; background-color:#FAFAFA;}		/* 선택형 input tag*/
.select		{border:1px solid #666666}		/* 선택형 select tag*/
.textarea	{border:1px solid #666666}		/* 선택형 textarea tag*/

/*********************************************
* GLOBAL : Contents
*********************************************/
.Cmargin	{padding:5 25 25 25}			/* 컨텐츠 마진 */
.Ctable		{width:600}						/* 컨텐츠 테이블 */
.i10		{padding:0 0 0 10}				/* 1 depth 들여쓰기(Indent) */
.i20		{padding:0 0 0 20}				/* 2 depth 들여쓰기(Indent) */
.i30		{padding:0 0 0 30}				/* 3 depth 들여쓰기(Indent) */
.i40		{padding:0 0 0 40}				/* 4 depth 들여쓰기(Indent) */
.h10		{padding:10 0 0 0}				/* 1 depth 헤딩 마진 */
.h20		{padding:20 0 0 0}				/* 2 depth 헤딩 마진 */
.h30		{padding:30 0 0 0}				/* 3 depth 헤딩 마진 */
.h40		{padding:40 0 0 0}				/* 4 depth 헤딩 마진 */
.label01	{color:003366;font-weight:bold} /* 라벨 1 depth 강조용 */
.label02	{color:336699}					/* 라벨 2 depth 강조용 */
.locate01	{font-family:돋움;color:#3A5696;}	/* 현재위치 기본 */
.locate02	{color:9b9b9b}					/* 현재위치 강조 */

/*********************************************
* GLOBAL : table(border)
*********************************************/
.bg0 {background-color:F4F4FE;height:25;color:444C94} /* border */
.bg1 {background-color:FCF7F6;height:25} /* background 1 depth 강조 */
.bg2 {background-color:ffffff;height:25} /* background 2 depth 강조 */
.bg3 {background-color:F6F6F7;height:25} /* background 3 depth 강조 */
.bg4 {background-color:ffffff;padding:0 0 0 10} /* background 2 depth 강조 */

/*********************************************
* GLOBAL : Link
*********************************************/
a:link {font-family:나눔고딕, NanumGothic, 'Nanum Gothic', sans-serif,굴림,arial;font:9pt; color:#666666; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.0em; padding-top:3px;} /* Primary Link */
a:visited {font-family:나눔고딕, NanumGothic, 'Nanum Gothic', sans-serif,굴림,arial;font:9pt; color:#666666; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.0em padding-top:3px;}
a:active {font-family:나눔고딕, NanumGothic, 'Nanum Gothic', sans-serif,굴림,arial;font:9pt; color:#666666; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.0em padding-top:3px;}
a:hover {font-family:나눔고딕, NanumGothic, 'Nanum Gothic', sans-serif,굴림,arial; font:9pt; color:#666666; text-decoration:underline;word-spacing:-0.1em;letter-spacing:-0.0em padding-top:3px;}

a.link01:link {font-family:굴림,arial;font:9pt; color:#3d3d3d; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.1em} /* Secondary Link */
a.link01:visited {font-family:굴림,arial;font:9pt; color:#3d3d3d; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.1em}
a.link01:active {font-family:굴림,arial;font:9pt; color:#3d3d3d; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.1em}
a.link01:hover {font-family:굴림,arial; font:9pt; color:#5E360E; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.1em}

/*********************************************
* 추가된 부분
*********************************************/
/* 게시판 부분 상단 라인 색상, 각 템플릿에서 게시판 붙인후 라인색상만 변경해 주면 됨 */
.board_top_line {background-color:#92d6e9;}

/* 링크할때 두꺼운 텍스트 */
.txt_blue01_b	 	A:link		{ text-decoration:none; color:#336699; font-weight:bold; line-height: 19px;}
.txt_blue01_b	 	A:visited { text-decoration:none; color:#336699; font-weight:bold; line-height: 19px;}
.txt_blue01_b	 	A:active { text-decoration:none; color:#336699; font-weight:bold; line-height: 19px;}
.txt_blue01_b	 	A:hover {text-decoration:underline; color:#336699; font-weight:bold; line-height: 19px;}

.txt_blue02_b	 	A:link		{ text-decoration:none; color:#666666; line-height: 19px;}
.txt_blue02_b	 	A:visited { text-decoration:none; color:#666666; line-height: 19px;}
.txt_blue02_b	 	A:active { text-decoration:none; color:#666666; line-height: 19px;}
.txt_blue02_b	 	A:hover {text-decoration:underline; color:#666666; line-height: 19px;}

.txt_gray_01 {font-family:돋움; FONT-SIZE: 11px; color:#7A7A7A; line-height:14px}
.txt_gray_02 {font-family:돋움; FONT-SIZE: 11px; color:#5C5B59; line-height:16px}
.txt_gray_03 {font-family:윤디자인웹돋움; FONT-SIZE: 11px; color:#5C5B59; line-height:16px}
.txt_blue_01 {font-family:돋움; FONT-SIZE: 12px; color:#4F79AA; line-height:14px}


/*텍스트 변형 추가 할때*/
.txt_gray1					{color:#1E69A8}
.txt_gray1	A:link		{ text-decoration:none; color:#777777}
.txt_gray1	A:visited { text-decoration:none; color:#777777}
.txt_gray1	A:active { text-decoration:none; color:#000000}
.txt_gray1	A:hover {text-decoration:none; color:#777777}


/*메뉴*/
.gnb { margin-top:7px}
.gnb .one_depth { background:#006a9b; border-radius:15px;  margin-top:10px; position:relative; behavior: url( "/design/default/PIE.htc" );}
.gnb .one_depth:after { content:""; clear:both; display:block;}
.gnb > ul > li { float:left;width:100px; text-align:center; margin-right:25px;}
.gnb > ul > li > a { display:block; color:#fff; font-weight:600; font-size:14px; padding:5px;}

.two_depth { position:absolute; padding:0; display:none; margin-left:-40px; background:#fff; padding:0 10px; border-radius:15px; border:2px solid #006a9b; box-sizing: border-box; behavior: url( "/design/default/PIE.htc" );} 
.two_depth li {  float:left;  text-align:left; width:90px; text-align:center;}
.two_depth li a{  font-size:12px; color:#333; display:inline-block;}
.sub02 {margin-left:-165px;}
.sub03	{margin-left: 5px;}
.sub04 {margin-left:-80px;}
.sub05 {margin-left:-170px; width:300px;}

/*메인 다이노밀 주요메뉴*/
ul li { list-style:none;}
.arr_menu {width:395px;border:1px solid #ddd;  }
.arr_menu ul {  width:360px; margin:0 auto; padding:10px 0;}
.arr_menu ul:after { display:block; clear:both; content:"";}
.arr_menu ul li { list-style:none; float:left; text-align:center;  width:56px;  border-right:1px solid  #ddd; padding:0 30px;}
.arr_menu ul li.last { margin-right:0; border-right:0;}


.arr_menu ul li a { font-size:12px;  display:block;}
.arr_menu ul li a img { display:block; width: 100%;}


/*메인 비쥬얼*/
.main_visual { padding:0 22px 0 0;}
.main_visual p { margin:0; font-size:12px; color:#666666;}
.main_visual p.txt01 { font-size:16px;} 
.main_visual p.txt02 { font-size:20px; font-weight:600; color:#0d4d6b; margin:0 0 7px 0;}
.main_visual p.txt03 { font-size:11px; }


/*메인 제품*/
.main_prod {}
.main_prod ul { margin:0 0 0 15px; padding:0;}
.main_prod ul:after { display:block; content:""; clear:both;}
.main_prod ul li { float:left; width:126px; margin:0 2px 18px 0;padding:2px; text-align:center; height:126px;}

.main_prod ul li a { font-size:12px;  line-height:95%; font-weight:600;}
.main_prod ul li a img { display:block; width: 100%;  border:1px solid #ddd; margin:0 0 5px 0;}
.main_prod ul li a span { font-weight:normal;}

/*footer*/

.footer_info {font-family:나눔고딕, NanumGothic, 'Nanum Gothic', sans-serif,굴림,arial; font-size:12px; display:flex;}
.footer_info p{font-family:나눔고딕, NanumGothic, 'Nanum Gothic', sans-serif,굴림,arial; margin:2px 0}
.footer_info span{font-family:나눔고딕, NanumGothic, 'Nanum Gothic', sans-serif,굴림,arial} 
.footer_info .copy {color:#666}
.footer_info .right {width:45%}
.footer_info .left {width:55%}
.footer_info .right .info {display:flex; flex-wrap:wrap;}
.footer_info .right .info span:nth-child(1){width:38%}
.footer_info .right .info span:nth-child(2){width:42%}
.footer_info .right .info span:nth-child(3){width:100%;margin-top:2px;}
.footer_info .right .info span img {vertical-align:middle}