/*
========================================================================
RESET
========================================================================
*/

html,body {}



ul,li,ol{ list-style:none; margin:0; padding:0; }
div {box-sizing:border-box; margin:0; padding:0;}

body,table, td, div, p, li, input, select, textarea, a {
    font-size: 13px;
    color: #313131; 
	letter-spacing:100%;
	
}

img, fieldset, button { border: 0 none }
img {vertical-align: middle;}
a {text-decoration:none; color:inherit}
a:hover { }

select { line-height: 22px; height: 22px; }
input:focus { outline: none }
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-wrap: break-word; word-break: keep-all; }

/* ÆûµðÀÚÀÎ */
input, select {border:1px solid #e1e1e1; vertical-align:middle; font-size:14px }
textarea {border:1px solid #e1e1e1; vertical-align:middle; padding: 2px 0 0 2px }
input[type=checkbox], input[type=radio], input[type=image] { border:0 }


/*
========================================================================
°øÅë - layout headerwrap Àº ¸Þ´º¿¡ µû¶ó º°µµÁöÁ¤
========================================================================
*/

#contentwrap { position:relative; width:100%; overflow:hidden;min-height:0px}
#content {width:1200px; margin:0 auto;  }

#footerwrap { margin-top:0px}
#footertop { width:100%; height:40px; background:#7a7d82}
#footerdown {width:100%; overflow:hidden; background:#26262a; position:relative  }

.fttop { width:1200px; margin:0 auto; color:#FFFFFF; position:relative; padding:10px 0; margin-bottom:15px}
.fttop a { color:#FFFFFF}
.ftdownTop { width:1200px; margin:15px auto; color:#FFFFFF; position:relative; padding:10px 0;}
.ftdownTop .half {float:left; width:50%; vertical-align:top; position:relative}
.ftdownTop a { color:#FFFFFF}
.ftdownFot { position:relative; width:100%; background:#212124; height:70px; text-align:center; color:#b9b9ba; line-height:70px; font-size:12px;}

.fontS 			{ font-size:11px}
.fontM 			{ font-size:14px; font-weight:bold; letter-spacing:1px}
.fontL 			{ font-size:16px; font-weight:bold; letter-spacing:1px}
.fontXL 		{ font-size:18px; font-weight:bold; letter-spacing:1px}
.fontXXL 		{ font-size:24px; font-weight:bold; letter-spacing:1px}
.fontXXXL 		{ font-size:30px; font-weight:bold; letter-spacing:1px}
.fontXXXXL		{ font-size:36px; font-weight:bold; letter-spacing:1px}

.red1 { color:#ff0000}
.red2 { color:#cc0000}
.red3 { color:#990000}
.orange1 { color:#ff3300}
.orange2 { color:#ff6600}
.orange3 { color:#ff9900}
/*
========================================================================
top.asp Àüü¸Þ´º dropdown header
========================================================================
*/
#headerwrap { z-index:1; }
#headertop { position:relative; width:100%; height:205px;  z-index:10; background:#FFFFFF}
#headertop #hdtopwrap { position: relative; width:100%; height:50px; background:#e66e39;}
#headertop #hdtopwrap .hdtop { position:relative; width:1200px; margin:0 auto; height:100%}
#headertop #hdtopwrap .hdtop li.site {float:left; background:#FFFFFF; width:120px; height:100%; line-height:50px; text-align:center; font-weight:bold; color:#000000; margin:0}
#headertop #hdtopwrap .hdtop li.site_off {float:left; background:#e66e39; width:120px; height:100%; line-height:50px; text-align:center; font-weight:bold; color:#ffffff; margin:0; border-right:1px solid #f19268}
#headertop #hdtopwrap .hdtop li.site_off:hover { background:#f5a988; cursor:pointer}
#headertop #hdtopwrap .hdtop li.noma {float:right; width:70px; height:12px; line-height:12px; font-size:12px; color:#FFFFFF; border-right:1px solid #ccc; text-align:center; margin-top:20px; letter-spacing:0px; font-family:"±¼¸²", "±¼¸²Ã¼"}

#headertop #hddownwrap { position: relative; width:100%; overflow:hidden; z-index:10}

/*
========================================================================
¸ÞÀÎ ±×¸®µå À̹ÌÁö
========================================================================
*/

#grimg_wrap {width:100%; overflow:hidden;  background:#f7f7f7; padding:15px 0}
#grimg { padding:13px; background:#FFFFFF; width:1200px; margin:0 auto; position:relative}
#grimg ul { width:100%; display: inline-block; margin:0; padding:0; list-style:none}
#grimg ul:first-child { margin-bottom:12px}
#grimg ul li { float:left; margin-right:12px}
#grimg ul li:last-child {margin-right:0}

/*
========================================================================
¸®½ºÆ® ·ÎÄÉÀ̼Ç
========================================================================
*/
.list_loc_wrap { overflow:hidden; width:1200px; margin:0 auto}
.list_loc {padding:8px; border:0px solid #e5e5e5; margin:15px 0; overflow:hidden; }
.list_loc li { float:right; line-height:14px; border-right:1px solid #ccc; padding:0 15px; text-align:center}
.list_loc li:last-child { border-right:0px}

.list_left { float:left; overflow:hidden; width:250px; margin-right:15px; border:1px solid #dee3eb}

.list_subm {padding:12px; border-bottom:1px solid #dee3eb; text-align:left}
.list_subm_on {padding:12px; border-bottom:1px solid #dee3eb; text-align:left; color:#FF6600; font-weight:bold; font-size:16px}

/*
========================================================================
Æû ¼Ó¼º css
========================================================================
*/
select::-ms-expand { 
  display: none;
}

select {
  min-width:40px;
  padding: 2px; /* ¿©¹éÀ¸·Î ³ôÀÌ ¼³Á¤ */
  font-family: inherit;  /* ÆùÆ® »ó¼Ó */
  background: url(/images/selectarrow.png) no-repeat 97% 50%; /* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */  
  border: 1px solid #cccccc !important; 
  border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */
  -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
  -moz-appearance: none;
  appearance: none;
  margin:0px;
  background-color:#FFFFFF;
  height:30px !important;
}
/*
========================================================================
old css ÀÖ´ø°Å
========================================================================
*/

	ul.oe_menu .none {
	border:0 none;
	background:none;
	display:block;
	width:0;
	height:0;
	visibility:hidden;
}
ul.oe_menu div ul li {
	padding-left:8px;
}
ul.oe_menu div ul li a {
	text-decoration:none;
	color:#000;
	padding:0 4px;
	margin:2px 2px 1px -3px;
	display:block;
	font-size:12px;
	float:left;
}
ul.oe_menu div ul.oe_full {
	width:100%;
}
ul.oe_menu div ul li a:hover {
	background:#343434;
	color:#fff;
}
ul.oe_menu li ul {
	list-style:none;
	float:left;
	width: 150px;
	margin-right:10px;
}
li.oe_heading {
	color:#9d1f24;
	font-size:16px;
	margin:3px 0 3px 7px;
	padding-bottom:4px;
	padding-left:35px;
	border-bottom:3px solid #ddd;
	text-align:left;
	font-weight:bold;
}
li.subtit {
	background:url(/images/icon_box.gif) no-repeat 0 8px;
	color:#000;
	font-weight:bold;
	font-size:12px;
	margin-top:3px;
	padding-bottom:3px;
	padding-left:12px;
	text-align:left;
}
li.subtit2 {
	background:url(/images/icon_box.gif) no-repeat 0 8px;
	color:#000;
	font-weight:bold;
	font-size:12px;
	margin-top:3px;
	padding-bottom:3px;
	padding-left:12px;
	text-align:left;
	clear:both;
}
li.subtit2 .view {
	padding-left:7px;
	background:url(/images//icon_box.gif) no-repeat 0 8px;
}
li.subtit2 .view:hover {
	padding-left:7px;
	background:url(/images/icon_box.gif) no-repeat 0 8px;
	color:#232f3e;
}
.lastli_div {
	width:330px;
	position:absolute;
	left:0;
}

.p_list_tap_on {
	color:333333; 
	background-color:#FFFFFF; 
	font-size:14px; 
	text-align:center;
	background-image:url(/images/common/list_tab_on.png);
	background-repeat:no-repeat;
	background-position:top left;
	border-top:1px solid #333333; 
	border-right:1px solid #333333; 
	border-left:0px solid #333333;
	border-bottom:0px solid #ffffff;
	width:120px}
.p_list_tap_off {
	color:#333333; 
	background-color:#FFFFFF; 
	font-size:14px; 
	text-align:center; 
	border-top:1px solid #E5E5E5; 
	border-right:1px solid #E5E5E5;
	border-left:1px solid #e5e5e5;
	border-bottom:1px solid #333333;
	width:120px}
	

ol.doc, ul.doc, li.doc {
	margin: 0;
	padding:0;
	list-style-type:decimal;
}
ol.disc, ul.disc, li.disc {
	margin-left: 20px;
	padding:0;
	list-style-type:disc;
}


.ctd {padding:5px; border-bottom:1px solid #cccccc; line-height:18px}

/* ¸ÞÀÎ ½ºÅ¸ÀÏ */
.icon0 {font-family:±¼¸²; font-size:11px; color:#5c7683; font-weight:normal; border:1px solid #c6cacc; background-color:#e9edf0; padding:3px 3px 0 3px; border-radius: 3px; text-align:center; min-width:45px; display:inline-block; 8px;margin-right:5px}
.icon1 {font-family:±¼¸²; font-size:11px; color:#fff; font-weight:normal; border:1px solid #419db8; background-color:#4eb4d2; padding:3px 3px 0 3px; border-radius: 3px; text-align:center; min-width:45px; display:inline-block; 8px;margin-right:5px}
.icon2 {font-family:±¼¸²; font-size:11px; color:#fff; font-weight:normal; border:1px solid #b5c33c; background-color:#c4d046; padding:3px 3px 0 3px; border-radius: 3px; text-align:center; min-width:45px; display:inline-block; margin-right:5px}
.icon3 {font-family:±¼¸²; font-size:11px; color:#fff; font-weight:normal; border:1px solid #e1962d; background-color:#fbb047; padding:3px 3px 0 3px; border-radius: 3px; text-align:center; min-width:45px; display:inline-block; margin-right:0px}

.chu_title {padding:5px 8px; font-size:16px; font-weight:bold; letter-spacing:0.5px; height:40px; text-align:justify}
.chu_g_per { background: #FF0000; border-radius:50%; height:40px; width:40px; text-align:center;  font-size:16px; font-weight:bold; margin-right:15px; float:left; line-height:40px; color:#FFFFFF}
.chu_g_np {height:40px; width:80px; line-height:40px; float:left; text-decoration:line-through;}
.chu_g_sp {float:left; font-size:18px; color:#000000; font-weight:bold; line-height:40px; color:#FF3300}

.hover01 {width: 256px;	height: 227px;position:relative}

.chu_goods .hover_figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.chu_goods:hover .hover_figure img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.chu_goods:hover { background:#fefff4; cursor:pointer}
.hover_figure { left:0; top:0; width: 256px;	height: 227px;	margin: 0;	padding: 0;	background: #fff;	overflow: hidden}

/*  ½ºÅÜ css */
.steps {
  padding-left: 0;
  list-style: none;
  font-size: 13px;
  line-height: 1;
  margin: 30px auto;
  border-radius: 3px;
  overflow:hidden;
}

.steps strong {
  font-size: 18px;
  font-weight:bold;
  display: block;
  line-height: 1.4;
}

.steps>li {
  position: relative;
  display: block;
  /* border: 1px solid #ddd; */
  padding: 12px 50px 8px 50px;
  width: 200px;
  height: 40px;
}

@media (min-width: 768px) {
  .steps>li { float: left; }
  .steps .past { color: #666; background: #ececec; }
  .steps .present { color: #fff;background: #FF6600; }
  .steps .future { color: #777; background: #efefef; }

  .steps li > span:after,
  .steps li > span:before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    border: solid transparent;
    border-left-color: #f0f0f0;
    border-width: 30px;
  }

  .steps li > span:after {
    top: -5px;
    z-index: 1;
    border-left-color: white;
    border-width: 34px;
  }

  .steps li > span:before { z-index: 2; }

  .steps li.past + li > span:before { border-left-color: #ececec; }
  .steps li.present + li > span:before { border-left-color: #FF6600; }
  .steps li.future + li > span:before { border-left-color: #efefef; }

  .steps li:first-child > span:after,
  .steps li:first-child > span:before { display: none; }

  /* Arrows at start and end */
.steps li:first-child i,
  .steps li:last-child i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: solid transparent;
    border-left-color: white;
    border-width: 30px;
  }

  .steps li:last-child i {
    left: auto;
    right: -30px;
    border-left-color: transparent;
    border-top-color: white;
    border-bottom-color: white;
  }
}
/*  ½ºÅÜ css end */


/* Font color */
.fontRed { color: #cf050a !important; }
.fontOrg { color: #fa791a !important; }
.fontWht { color: #fff !important; }
.font333 { color: #333 !important; }
.font777 { color: #777 !important; }
.fontFooter { color: #7f7f7f !important; }

/* Font style */
.b{ font-weight: bold !important;}
.bold{ color: #333; font-weight: bold;}
.font14{font-size:14px !important;}
.font16{font-size:16px;}
.font19{font-size:19px !important;}

/* Background color */
.bgWhite { background: #fff !important; }
.bgSky { background: #1aa4e1 !important; }
.bgBlue { background: #4e7fba !important; }
.bgOrange { background: #fd7b1b !important; }
.bgRed { background: #dc282c !important;}
.bgf5f5f5 { background: #f5f5f5 !important;}

/* Title style */
.title14{font-size:14px; font-weight:bold !important;}
.title16{font-size:16px; font-weight:bold;}
.title16WH{font-size:16px; color:#FFF; font-weight:bold;}
.title19{font-size:19px; font-weight:bold;}
.title19WH{font-size:19px; color:#FFF; font-weight:bold;}
.title24{font-size:24px; font-weight:bold; letter-spacing:-1px; line-height:36px;}
.title24WH{font-size:24px; color:#FFF; font-weight:bold;}
.title30{font-size:30px; font-weight:bold; line-height:36px;}
.title36{font-size:36px; font-weight:bold; letter-spacing:-1px; line-height:40px;}