/* CSS Document */
@font-face{
font-family:'Nanum Gothic';
	font-style: normal;
	font-weight: normal;
	src:url('/common/fonts/NanumGothic.eot');
	src: url('/common/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('/common/fonts/NanumGothic.ttf') format('truetype');
	src:local(¡Ø), url('/common/fonts/NanumGothic.woff') format('woff');
}
body::-webkit-scrollbar { 
    display: none; 
}

body {
    font-family: "Nanum Gothic", sans-serif !important;
	font-size:12px;
	overflow-x:hidden
}

img {
	border:0px;
}

img.displayed{ display:block; margin-left:auto; margin-right:auto; }

a:link { text-decoration: none; }
p{ margin:0;padding:0 }
.b:link {
	color: #555555;
	text-decoration: none;
}
.b:visited {
	color: #555555;
	text-decoration: none;
}
.b:hover {
	color: #000000;
	text-decoration: none;
}
.b:active {
	color: #3f75ab;
	text-decoration: none;
	}	
	

BODY {
margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:;
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:
}


td tr {
	font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	line-height:18px;
	color: #333333;
}

.text01 {
    font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 11px;
	line-height:14px;
	color: #666666;
}
.text_title {
	color: #734f98;
	font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 15px;
	font-weight:bold;
	line-height:21px;
}
.text02 {
	color: #333333;
	font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	line-height:21px;
}

.text03 {
	color: #666666;
    font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 11px;
	line-height:24px;
}
.text04 {
	color: #333333;
    font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	line-height:15px;
}
.text05 {
	color: #666666;
    font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 11px;
	line-height:16px;
}


.inpputstyle {
	border: 1px solid #CCCCCC;
}


/*top bar color*/
//.dbcolor {background-color: #35353d;}
.dbcolor {background-color: #4e84b2;}

/*bg color*/
.dbtop {padding-top: 9px;font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 11px;color: #000000;background-color: #ffffff;}
.dbleft9 {padding-top: 9px;font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 12px;color: 666666;padding-left: 9px;background-color: #FFFFFF;}
.dbtop9 {padding-top: 9px;font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 12px;color: 666666;background-color: #ffffff;}
.dbbgcolor {background-color: #ffffff;}
.dbviewleft {padding-left: 7px;font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 12px;color: 666666;background-color: #ffffff; height:38px;word-break:break-all;}
.dbdutgulcontants {font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 11px;padding-left: 18px;padding-top: 5px;padding-bottom: 5px;color: #666666;background-color: #ffffff;}
.dbdutgultit {font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 12px;color: #CC8948;padding-top: 5px;padding-bottom: 5px;background-color: #ffffff;}
.dbtop14left11 {padding-top: 14px;padding-left: 11px;padding-bottom: 14px;padding-right: 11px;font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 12px;color: 666666;background-color: #ffffff;}

/*dutgul title color .dbdutgultit */

/*view left color*/
.dbcolorleft {font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 11px;color: 666666;background-color: #f2f2f2;font-weight:bold;}

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

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

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

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



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


.dbwritetopbottom {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 18px;
}
.dbtop8 {
	padding-top: 8px;
	background-color: #F9F9F9;
	font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 11px;
	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: 11px;
	color: 787878;
}
.dbt3l3r3 {
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	color: 848484;
}
.dbt13 {
	padding-top: 13px;
}

.dbtxtstrong {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-weight: bold;
}
.dbdutgul01 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 11px;
	color: 696969;
}
.dbbold {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: d31414;
	font-weight: bold;

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

}
/*box*/
.box_01 {
	font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 19px;
	width: 166px;
	padding-top: 2px;
	padding-left: 3px;
	border: 1px solid #B4B4B4;
}
.box_02 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 19px;
	width: 100px;
	padding-top: 2px;
	padding-left: 3px;
	border: 1px solid #B4B4B4;
}
.box_03 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 19px;
	width: 40px;
	padding-top: 2px;
	padding-left: 3px;
	border: 1px solid #B4B4B4;
}
.box_04 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 150px;
	width: 450px;
	padding-top: 3px;
	padding-left: 3px;
	border: 1px solid #B4B4B4;
}
.box_05 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 19px;
	width: 400px;
	padding-top: 2px;
	padding-left: 3px;
	border: 1px solid #B4B4B4;
	}
	.box_06 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 19px;
	width: 132px;
	padding-top: 2px;
	padding-left: 3px;
	border: 1px solid #B4B4B4;
	}
	.box_07 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 19px;
	width: 60px;
	padding-top: 2px;
	padding-left: 3px;
	border: 1px solid #B4B4B4;
	}

	.big_01 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #666666;
	background-color: #ffffff;
	height: 165px;
	width: 662px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom:3px;
	padding-right:3px;
	border: 1px solid #C0C0C0;
}
	.big_02 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #666666;
	background-color: #ffffff;
	height: 500px;
	width: 710px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom:3px;
	padding-right:3px;
	border: 1px solid #C0C0C0;
}
	.big_03 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 88px;
	width: 545px;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #B4B4B4;}

	.big_04 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 250px;
	width: 528px;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #B4B4B4;}

.8sdad {
	font-family: "kroeger 05_55";
	font-size: 8px;
	color: #FFFFFF;
	font-weight:bold;
}

a.link01:link { font-size:11px; font-family: "±¼¸²"; text-decoration:underline; color:#666666;}
a.link01:visited { font-size:11px; font-family: "±¼¸²"; text-decoration:underline; color:#666666;}
a.link01:active { font-size:11px; font-family: "±¼¸²"; text-decoration:underline; color:#666666;}
a.link01:hover { font-size:11px; font-family: "±¼¸²"; color:#666666; text-decoration:underline;}

a.link02:link { font-size:11px; font-family: "±¼¸²"; text-decoration:none; color:#666666;}
a.link02:visited { font-size:11px; font-family: "±¼¸²"; text-decoration:none; color:#666666;}
a.link02:active { font-size:11px; font-family: "±¼¸²"; text-decoration:none; color:#666666;}
a.link02:hover { font-size:11px; font-family: "±¼¸²"; color:#666666; text-decoration:none;}

a.link03:link { font-size:12px; font-family: "±¼¸²"; text-decoration:none; color:#565656;}
a.link03:visited { font-size:12px; font-family: "±¼¸²"; text-decoration:none; color:#565656;}
a.link03:active { font-size:12px; font-family: "±¼¸²"; text-decoration:none; color:#565656;}
a.link03:hover { font-size:12px; font-family: "±¼¸²"; color:#325677; text-decoration:none;}






ul, li { list-style:none;}



/* top */
.main-bg-img{
	position:relative; 
	width:100%;
	height:600px;
	background:url('../img/main_visual.png') center no-repeat;
	background-color:#000000
}
.sub-menu-bg{
	width:100%;
	position:absolute;
	min-height:217px;
	background-color:#ffffff;
	display:none
}
.sub-bg-img{
	position:relative; 
	width:100%;
	height:350px;
	background:url('../img/sub_visual.png') center no-repeat;
	background-color:#000000
}
.top-wrap{
	width:100%;
/*	position:absolute*/
}
.menu-wrap{
	width:100%;
	height:100px;
	position:relative;
	background-color:rgba(53,53,61,0.65);
}
.top-menu-ul {
	margin:0;
	padding:0;
	float:right;
}
.top-menu-ul > li { 
	margin:0; padding:0;
	float:left;
	height:55px;
/*	padding:0 40px;*/
	font-weight:600;
	color:#333333;
	font-size:18px;
	/*background:url('../img/menu_line.gif') right no-repeat;*/
	position:relative;

}
.top-menu-ul > li.last {padding-right:0; background:none;}
.top-menu-ul > li > .on{color:#2EC4FD; border-bottom:3px solid #2EC4FD}
.top-menu-ul > li > a { display:block; border:none; height:45px;; color:#ffffff; text-decoration: none; text-align:center}

.top-menu-ul > li > .sub-menu {
	margin:0; padding: 0;
/*	height:37px;*/
	width:100%;
	min-height:217px;
	position:absolute;
	top:55px;
	display:none;
/*	margin-right:20px;*/
	/*background-color:#417d51;*/
	border-left:1px solid #e2e2e2
}


.top-menu-ul > li > .sub-menu > li.sub-menu-li {
	margin:0;
	padding: 0;
/*	float:left;*/
	font-size:13px;
	height:30px;
	line-height:30px;
	padding-left:10px;
	color:#FFFFFF;

}
.top-menu-ul > li > .sub-menu > li.sub-menu-li:first-child{margin-top:8px}
.top-menu-ul > li > .sub-menu > li.sub-menu-li:last-child{display:none}


.top-menu-ul > li > .sub-menu > li.back-none {
	margin:0; padding: 0;
	float:left;
	font-size:13px;
	color:#FFFFFF;
}
.top-menu-ul > li > .sub-menu > li.sub-menu-li > img {vertical-align:middle;}

.top-menu-ul > li > .sub-menu > li.sub-menu-li > a { color:#000000; font-weight:500; text-decoration: none;}
.top-menu-ul > li > .sub-menu > li.sub-menu-li > a:hover{color:#2EC4FD}
/*#sub-menu-m1 { width:150px;}*/
/*#sub-menu-m2 { width:150px;}*/
/*#sub-menu-m3 { width:150px;}*/
/*#sub-menu-m4 { width:150px;}*/
/*#sub-menu-m5 { width:150px;}*/
#sub-menu-m1{ border-left:none}
.top-menu-ul > li > .sub-menu > li > .menu-arrow {position:absolute; top:-8px;}
#arrow-m1 { left: 120px;}
#arrow-m2 { left: 110px;}
#arrow-m3 { left: 100px;}
#arrow-m4 { left: 42px;}
#arrow-m5 { left: 430px;}

.head-menu {height:25px;  position:absolute; left:870px; margin-top:10px  }
.head-menu a {color:#ffffff; text-decoration: none; font-weight:bold;  font-size:12px; padding:10px; }
/**/

/* left menu*/
.left-menu{height:100%; border-left:1px #bfc5c8 solid;border-right:1px #bfc5c8 solid; }
.left-menu >.left-a-link { display:block; padding-left:30px; height:40px; margin:0 auto; line-height:40px; border-bottom:1px #bfc5c8 solid; color:#5a5a5e; font-size:14px; font-weight:normal; text-indent:28px; background:url('/skin/37/img/icon_bullet05.gif') 42px 16px no-repeat;}
.left-menu > .left-a-link-last { display:block; padding-left:30px; height:40px; margin:0 auto; line-height:40px; border-bottom:1px #bfc5c8 solid; color:#5a5a5e; font-size:14px; font-weight:normal;
background:url('/skin/37/img/icon_bullet05.gif') 42px 16px no-repeat; text-indent:28px;}
.left-menu > .on {font-weight:bold; color:#393332; background-color:#EBF4F9}
/**/
/* main */

.main-icon-section{
	width:33%;
	text-align:center;
	height:100%;
	float:left;
}

.main-icon-section .main-icon-img{
	margin-top:70px;
	cursor:pointer;
}

.main-icon-section .main-icon-bullet-img{
	margin-top:148px;
}

.main-icon-section .main-icon-title{
	font-size:16px;
	font-weight:bold;
	color:#fff;
	margin-top:35px;
}
.main-icon-section .main-icon-title a{
	color:#fff;
}

.main-icon-section .main-icon-comment{
	font-size:13px;
	color:#fff;
	margin-top:20px;
}



/* bottom */
.quick-link {padding-left:30px;padding-top:12px; font-size:13px; color:#35353d;  }
.quick-link > span { margin-right:10px;}
.quick-link a {color:#35353d; text-decoration: none;font-weight:bold;}
.admin_login_btn{width:110px;display:inline-block;float:right;height:25px;border:none;background-color:#0F0F0F;color:#ffffff;font-weight:bold;cursor:pointer;line-height:25px;text-align:center;font-size:10pt}
.cus_login_btn{width:110px;display:inline-block;float:right;height:25px;border:none;background-color:#0F0F0F;color:#ffffff;font-weight:bold;cursor:pointer;line-height:25px;text-align:center;font-size:10pt}
/**/