/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #F46A0D;
	text-decoration: none;
}
a:active {
	color: #666666;
	text-decoration: none;
	}
	
	
.BODY { scrollbar-3dlight-color:##FF0000;
scrollbar-arrow-color:;
scrollbar-track-color:#0000FF;
scrollbar-darkshadow-color:#FF00FF;
scrollbar-face-color:#66FF00;
scrollbar-highlight-color:#99FFFF;
scrollbar-shadow-color:}


body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}

.input_01 {
	FONT-SIZE: 12px;
	COLOR: #666666;
	LINE-HEIGHT: 12px;
	FONT-FAMILY: "Gulim", "Dotum";
	BORDER: 1px solid #C0C0C0;
	background-color: #FFFFFF;
	text-decoration: blink;
}
.input_03 {
	font-family: "돋움";
	font-size: 12px;
	color: #1B4273;
	background-color: #FFFFFF;
	border: 1px solid #C1C1C1;
}
.input_02 {
	font-family: "돋움";
	font-size: 12px;
	color: #828282;
	background-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.mian_txt_01 {
	font-family: "돋움";
	font-size: 12px;
	color: #787878;
}
.dboard_txt_02 {
}

.main_txt_02 {
	font-family: "돋움";
	font-size: 12px;
	color: #7a7a7a;
}
.tit_txt_01 {
	font-family: "돋움";
	font-size: 12px;
	color: #8E8E8E;
}
.tit_txt_02 {
	font-family: "돋움";
	font-size: 12px;
	color: #1E7ED7;
}
}
.dboard_txt_02 {
	font-family: "돋움";
	font-size: 12px;
	color: #5A5A5A;
}
.mian_txt_03 {
	font-family: "돋움";
	font-size: 10px;
	color: #7a7a7a;
}
/*view left color*/
.dbcolorleft {font-family: "Dotum";font-size: 12px;color: 666666;background-color: #F9F9F9;}
.dbINPUT {
	FONT-SIZE: 12px;
	COLOR: #666666;
	LINE-HEIGHT: 12px;
	FONT-FAMILY: "Gulim", "Dotum";
	BORDER: 1px solid #C0C0C0;
	background-color: #FFFFFF;
	text-decoration: blink;
}
/*top bar color*/
.dbcolor {background-color: #3191DA;}

/*bg color*/
.dbtop {padding-top: 9px;font-family: "Dotum";font-size: 12px;color: #000000;background-color: #ffffff;}
.dbleft9 {padding-top: 9px;font-family: "Gulim", "Dotum";font-size: 12px;color: 666666;padding-left: 9px;background-color: #FFFFFF;}
.dbtop9 {padding-top: 9px;font-family: "Gulim", "Dotum";font-size: 12px;color: 666666;background-color: #ffffff;}
.dbbgcolor {background-color: #ffffff;}
.dbviewleft {padding-left: 18px;font-family: "돋움";font-size: 12px;color: 666666;background-color: #ffffff;}
.dbdutgulcontants {font-family: "Gulim", "Dotum";font-size: 12px;padding-left: 18px;padding-top: 5px;padding-bottom: 5px;color: #666666;background-color: #ffffff;}
.dbdutgultit {font-family: "Gulim", "Dotum";font-size: 12px;color: #CC8948;padding-top: 5px;padding-bottom: 5px;background-color: #ffffff;}
.dbtop14left11 {padding-top: 14px;padding-left: 12px;padding-bottom: 14px;padding-right: 12px;font-family: "Gulim", "Dotum";font-size: 12px;color: 666666;background-color: #ffffff;}

/*dutgul title color .dbdutgultit */

/*view left color*/
.dbcolorleft {font-family: "Dotum";font-size: 12px;color: 666666;background-color: #F9F9F9;}

/*dutgul bg color*/
.dbdutgukbg {background-color: #EFEFEF;}
.dbdbtxt {font-family: "Gulim", "Dotum";font-size: 12px;color: 666666;background-color: #EFEFEF;}

/*input,select,textarea style*/
.dbINPUT {
	FONT-SIZE: 12px;
	COLOR: #666666;
	LINE-HEIGHT: 12px;
	FONT-FAMILY: "Gulim", "Dotum";
	BORDER: 1px solid #C0C0C0;
	background-color: #FFFFFF;
	text-decoration: blink;
}
.dbtextarea{ FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 14px; FONT-FAMILY: "Gulim,Dotum"; BORDER: #cccccc 1px solid; }
.dbselect {font-family: "Gulim", "Dotum";font-size: 12px;color: #666666;background-color: #FFFFFF;}

/*line color*/
.dbcolorline {background-color: #C4C4C4;}

/*link color*/
A.dblink:link {font-family: "Gulim", "Dotum";TEXT-DECORATION: none;color: #666666;}
A.dblink:visited {font-family: "Gulim", "Dotum";TEXT-DECORATION: none;color: #666666;}
A.dblink:active {font-family: "Gulim", "Dotum";TEXT-DECORATION: underline;color: #666666;}
a.dblink:hover {font-family: "Gulim", "Dotum"; text-decoration:underline;color: #666666;}


table { font-size: 13px; }

.dbdutcolorleft {
	background-color: #F9F9F9;
	font-family: "Dotum";
	font-size: 12px;
	color: 107F98;
	padding-top: 6px;
	padding-bottom: 6px;
}
.dbdotum {
	font-family: "Dotum";
	font-size: 12px;
	color: 666666;
}


.dbwritetopbottom {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 18px;
}
.dbtop8 {
	padding-top: 8px;
	background-color: #F9F9F9;
	font-family: "Dotum";
	font-size: 12px;
	color: 666666;
}

.dbdutnone {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 18px;
}
.dbt12b12 {
	padding-top: 12px;
	padding-bottom: 12px;
}
.dbleft5 {
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.dbproductpic {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.dbt5b5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.dbsitemap {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: 787878;
}
.dbt3l3r3 {
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	color: 848484;
}
.dbt13 {
	padding-top: 13px;
}

.dbtxtstrong {
	font-family: "Gulim", "Dotum";
	font-weight: bold;
}
.dbdutgul01 {
	font-family: "Gulim", "Dotum";
	font-size: 12px;
	color: 696969;
}
.dbbold {
	font-family: "Gulim", "Dotum";
	font-size: 12px;
	color: #3191DA;
	font-weight: bold;

}
.dbsearch {border: 3px solid #ECECEC;}
.dbpaging {font-family: "Gulim", "Dotum";font-size: 11px;color: #000000;}
.dbidseachtxt01 {
	font-family: "Gulim", "Dotum";
	font-size: 10px;
	color: 676767;
}
.dbidseachtxt02 {
	font-family: "Gulim", "Dotum";
	font-size: 12px;
	color: 676767;
	font-weight: bold;

}
.mian_txt_002 {
	font-family: "돋움";
	font-size: 12px;
	color: #FF3300;
}
.dbtop .tit_txt_002 {
	font-family: "돋움";
	font-size: 14px;
	color: #663300;
}
.table_txt_00001 {
	font-family: "돋움";
	font-size: 16px;
	color: #663300;
}


/* 스크롤박스 & 스크롤바 */
.TDscrollbar {
   SCROLLBAR-FACE-COLOR: #ededed; 
   FONT-SIZE: 9pt; 
   SCROLLBAR-HIGHLIGHT-COLOR: #fafafa; 
   SCROLLBAR-SHADOW-COLOR: #bdbdbd; COLOR: black; 
   SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
   SCROLLBAR-ARROW-COLOR: #89a0bc; 
   SCROLLBAR-TRACK-COLOR: #F7FFFF; 
   FONT-FAMILY: 굴림; 
   SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
 }
#scrollbox {width:500; height:269; overflow:auto; padding:10px; border:0; border-style:solid; border-color:black;}


#Layer1 {
	position:absolute;
	width:154px;
	height:60px;
	z-index:1;
	top: 1289px;
}
#scrollbox {width:500; height:269; overflow:auto; padding:10px; border:0; border-style:solid; border-color:black;}


#left_menu { height: 210px; }
#left_menu ul { width: 100%; display: inline-block; padding: 0; box-sizing: border-box; }
#left_menu ul li { list-style: none; border-bottom: 1px solid #e4e4e4; }
#left_menu ul li a { display: block; padding: 10px; height: 40px; font-size: 13px; color: #666; font-family: 'Noto Sans KR', sans-serif; overflow: hidden; position: relative; box-sizing: border-box; 
	-webkit-transition: all .5s cubic-bezier(.48,0,.12,1); /* Safari */
	transition: all .5s cubic-bezier(.48,0,.12,1);
}
#left_menu ul li a:before { content: ''; position: absolute; top: 0; left: 0; width: 220px; height: 70px; background-position: top; background-repeat: no-repeat; z-index: -1;  opacity: 0; 
	-webkit-transition: all .5s cubic-bezier(.48,0,.12,1); /* Safari */
	transition: all .5s cubic-bezier(.48,0,.12,1);
}
#left_menu ul li:nth-child(1) a:before { background-image: url(../img/common/leftmenu_bg_01.jpg); }
#left_menu ul li:nth-child(2) a:before { background-image: url(../img/common/leftmenu_bg_02.jpg); }
#left_menu ul li:nth-child(3) a:before { background-image: url(../img/common/leftmenu_bg_03.jpg); }
#left_menu ul li:nth-child(4) a:before{ background-image: url(../img/common/leftmenu_bg_04.jpg); }
#left_menu ul li a .text {
	-webkit-transition: all .5s cubic-bezier(.48,0,.12,1); /* Safari */
	transition: all .5s cubic-bezier(.48,0,.12,1);
}
#left_menu ul li a strong { font-family: 'Verdana', sans-serif; margin-right: 5px; font-size: 12px; font-weight: bold; }
#left_menu ul li.active a { height: 70px; }
#left_menu ul li.active a:before { opacity: 1; }
#left_menu ul li.active a .text { opacity: 0; }

#site_header { padding-top: 20px; }
#site_header .top { margin-bottom: 8px; }
#site_header .top ul { display: table; box-sizing: border-box; margin: 0; margin-left: auto; padding: 0; padding-right: 10px; }
#site_header .top ul li { display: table-cell; padding: 0 10px; position: relative; }
#site_header .top ul li + li:before { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; background-color: #666; margin-top: -5px; }
#site_header .top ul li a { font-size: 11px; color: #333; font-family: 'Noto Sans KR', sans-serif; }
#site_header .top ul li a:hover { color: #666; }

#site_header .menu { width: 100%; height: 60px; background: url(../img/common/header_menu_bg.png) top no-repeat; }
#site_header .menu ul { display: table; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: 40px; padding: 0 40px; }
#site_header .menu ul li { display: table-cell; padding: 0 20px; text-align: center; vertical-align: middle; }
#site_header .menu ul li a { font-size: 13px; color: #333; font-weight: bold; font-family: 'Noto Sans KR', sans-serif; }
#site_header .menu ul li a:hover { color: #0260aa; }

#site_header .visual { width: 100%; height: 200px; background-color: #eee; position: relative; }
#site_header .visual .text { position: absolute; top: 33px; left: 35px; text-align: left; font-family: 'Noto Sans KR', sans-serif; line-height: 1.2; }
#site_header .visual .text .txt1 { font-size: 16px; color: #fff; margin-bottom: 10px; font-weight: 500; }
#site_header .visual .text .txt2 { font-size: 28px; color: #fff; font-weight: 600; line-height: 1.3; }
#site_header .visual .text .txt3 { font-size: 16px; color: #fff; font-weight: 500; line-height: 2.3; }


#left_menu2 { border: 1px solid #bdbdbd; border-radius: 10px; padding: 5px; background: #fff url(../img/common/left_menu_title.png) top no-repeat; margin-top: 5px; }
#left_menu2 .title { padding: 8px 0; padding-left: 14px; font-size: 15px; color: #3075b4; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; margin-bottom: 10px; }
#left_menu2 ul { width: 100%; display: block; margin: 0; padding: 0; box-sizing: border-box; padding: 0 7px; min-height: 165px; }
#left_menu2 ul li { list-style: none; border-bottom: 1px solid #e8e8e8; }
#left_menu2 ul li:nth-child(4) { border-bottom: 0; }
#left_menu2 ul li a { display: block; padding: 10px 4px; font-size: 13px; color: #666; font-family: 'Noto Sans KR', sans-serif; position: relative; }
#left_menu2 ul li a:after { content: ''; position: absolute; top: 50%; right: 12px; margin-top: -4px; width: 8px; height: 8px; box-sizing: border-box; border-right: 2px solid #3580c3;; border-bottom: 2px solid #3580c3; transform: rotate(-45deg); opacity: 0; 
	-webkit-transition: all .5s cubic-bezier(.48,0,.12,1); /* Safari */
	transition: all .5s cubic-bezier(.48,0,.12,1);
}
#left_menu2 ul li a:hover { color: #3580c3; }
#left_menu2 ul li a:hover:after { opacity: 1; right: 6px; }