@import /css/hack4ie.css;


/** layout  s **/
#Centeral_Div { 
/** position: absolute;**/
 top: 0%;
 margin: 0 auto;
 width: 100%;
 text-align: center;
}

#all_Div { 
 width: 980px;
 margin: 0 auto;
 padding: 0;
 display:block;
 text-align:left;
 vertical-align:top;
 
}
#side_Div{
 width: 90px;
 margin: 0;

 padding: 0;
 float:right;
 display:block;
 vertical-align:top;
 text-align: center;
 }
#maintop_Div { 
 width: 880px;

 margin: 0;
 padding: 0;
 display:block;
 float:left;
 vertical-align:top;
 text-align:left;
}

#menu_Div {
 width: 177px;
 margin: 0;
 margin-right: 20px;
 margin-top: 0;
 padding: 0;
 float:left;
 display:block;
 vertical-align:top;
 text-align: center;
 overflow:hidden;

 }


#con_Div { 
 width: 682px;
 float:right;
 overflow:hidden;
 margin: 0;
 padding: 0;
 display:block;
 vertical-align:top;

}

#cp-content { 
 width: 682px;

 float:left;
 overflow:hidden;
 margin: 0;
 padding: 0;
 display:block;
 vertical-align:top;
 

}


#cp-content-mall { 
 width: 880px;

 float:left;
 overflow:hidden;
 margin: 0;
 padding: 0;
 display:block;
 vertical-align:top;
 

}
#index_main_Div {
 width: 460px;

 margin: 0;
 padding: 0;
 float:left;
 display:block;
 vertical-align:top;
 overflow:hidden;
 text-align: left;

 }

#index_right_Div {
 width: 203px;

 margin: 0;
 padding: 0;
 float:right;
 display:block;
 vertical-align:top;
 overflow:hidden;
 text-align: right;
 }

 #footer_Div {
 width: 880px;
 margin: 0;
 margin-top: 20;
 margin-bottom: 20;
 margin-left: 0;

 padding: 0;
 float:left;
 display:block;
 vertical-align:top;
 overflow:hidden;
 text-align: right;
 }


 #subtop_space_Div {
 width: 878px;
 display:none;
 font-size:0px;
 }

/** layout  e **/

/* Sliding Door Panel */
#slider {overflow: hidden; padding-left: 0px; position: absolute; z-index: 9999;}
#slider #panellayer {border-top: 0; position: relative; left: 0px; height: 30.447em; margin-top: -29.667em;}
#slider #panellayer img {border-top: 0; height: 29.667em; position: absolute;}



#slidebtn { position: absolute; width: 55.00em; top: 29.667em;  width: 55.00em; z-index: 9999; margin-top: -29.667em;}
#slidebtn .shadowouter {padding:0;font-size:0px;line-height:0px;} 

/**
.shadowouter {background: url('/img/_kor/bg/bg_slider_bottom.png') repeat-x bottom; padding-bottom: 5px;}
.shadowinner {background: url('/img/_kor/bg/bg_slider_right.png') repeat-y right top;}
**/



body,td,p,br,div
{
	font-size:9pt;
	font-family:±¼¸²;
	word-break:break-all ;
}
select,input,textarea
{
	font-size:9pt;
	font-family:µ¸¿ò;
}
img 
{
	border : 0;
}

a:link { color:#333333; text-decoration: none;}
a:visited { color:#333333; text-decoration: none;}
a:active { color: #333333; text-decoration: none;}
a:hover { color: #3366cc; text-decoration: underline; }


.login_input_text { width:98px; height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px;  font-size:12px; color:#000000; font-family:Verdana; font-weight:normal; letter-spacing:0px; padding-top:1px; }


/* /////////////////////·Ñ¿À¹ö */
img{border:none}
#rollover a img.over{display:none}
#rollover a:hover{position:relative}/*7¹öÁ¯ ÀÌÇÏ´Â À߾ȵ¹¾Æ°¡¹Ç·Î..¤§¤§ ¾ÈÀü¹æÁöÅÎ*/
#rollover a:hover img{display:none}
#rollover a:hover img.over{display:inline}
#rollover a img{vertical-align:top} /*»çÀÌ °Å¸®¾ø¾ÖÀÚ*/
/* /////////////////////·Ñ¿À¹ö */

.colorframe {	scrollbar-3dlight-color: #cccccc;	scrollbar-arrow-color: #cccccc;	scrollbar-base-color: #f;	scrollbar-darkshadow-color: #cccccc;	scrollbar-face-color: #FFFFFF;	scrollbar-highlight-color: #FFFFFF;	scrollbar-shadow-color: #FFFFFF;	scrollbar-track-color: #FFFFFF;		}


.f_b_14_262626 {FONT-SIZE: 14px;color:#262626;font-weight: bold;}
.f_b_12_262626 {FONT-SIZE: 12px;color:#262626;font-weight: bold;}
.f_b_12_638C94 {FONT-SIZE: 12px;color:#638C94;font-weight: bold;}
.f_b_12_666666 {FONT-SIZE: 12px;color:#666666;font-weight: bold;}
.f_n_12_cccccc {FONT-SIZE: 12px;color:#cccccc;font-weight: normal;}


/* /////////////////////¸»Ç³¼± */
.popper {
  position : absolute;
  visibility : hidden;
}


#pages_top {}

#pages_top .title {padding:0 0 7px 0;margin:0 0 20px 0;border-bottom:#dfdfdf solid 1px;height:28px;}
#pages_top .title .xl {float:left;}
#pages_top .title .xl h2 {font-family:"malgun gothic",dotum;font-size:20px;padding:0;margin:0;}
#pages_top .title .xr {float:right;}


#pages_top .title .xr ul {padding:0;margin:0;}
#pages_top .title .xr li {position:relative;top:8px;height:26px;list-style-type:none;float:left;border-top:#dfdfdf solid 1px;border-right:#dfdfdf solid 1px;border-bottom:#dfdfdf solid 1px;background:#f9f9f9;cursor:pointer;color:#666666;}
#pages_top .title .xr li a {display:block;padding:7px 7px 7px 7px;}
#pages_top .title .xr li a img {position:relative;top:-3px;}
#pages_top .title .xr .leftside {border-left:#dfdfdf solid 1px;border-right:0;}
#pages_top .title .xr .selected {border-bottom:#ffffff solid 1px;background:#ffffff;color:#000000;}

#pages_top .title .xr li .morebox {position:absolute;display:none;}
#pages_top .title .xr li .morebox ul {position:relative;top:26px;left:-1px;width:69px;padding:1px;margin:0;border:#dfdfdf solid 1px;background:#ffffff;}
#pages_top .title .xr li .morebox li {list-style-type:none;padding:0;margin:0;float:none;height:22px;border-top:0;border-right:0;border-bottom:0;top:0;background:#ffffff;}
#pages_top .title .xr li .morebox li a {display:block;padding:3px 0 3px 6px;height:15px;}
#pages_top .title .xr li .morebox li:hover {background:#f9f9f9;}

#pages_top2{width:100%;border-bottom:solid 1px #0066ff;display:table; *display:block; *overflow:hidden;text-align:left;height:46px;position:relative;}

#pages_top2_center{margin:0 auto;display:table; *display:block; *overflow:hidden;}
#pages_top2 ul {display:table; *display:block; *overflow:hidden;padding:0;margin:0 0 -1px 0;position:absolute;left:30px;}

#pages_top2 li {position:relative;height:45px;list-style-type:none;float:left;border-top:#dfdfdf solid 1px;border-right:#dfdfdf solid 1px;border-bottom:#0066ff solid 1px;background:#f9f9f9;cursor:pointer;color:#666666;}
#pages_top2 li a {display:block;padding:10px 30px 0 30px;}
#pages_top2 li a img {position:relative;top:-3px;}
#pages_top2 .leftside {border-left:#dfdfdf solid 1px;border-right:0;}
#pages_top2 .selected {border-bottom:#ffffff solid 1px;border-top:#0066ff solid 1px;border-left:#0066ff solid 1px;border-right:#0066ff solid 1px;background:#ffffff;font-weight:bold;}

#pages_top2 li .morebox {position:absolute;display:none;}
#pages_top2 li .morebox ul {position:relative;top:26px;left:-1px;width:110px;padding:1px;margin:0;border:#dfdfdf solid 1px;background:#ffffff;}
#pages_top2 li .morebox li {list-style-type:none;padding:0;margin:0;float:none;height:22px;border-top:0;border-right:0;border-bottom:0;top:0;background:#ffffff;}
#pages_top2 li .morebox li a {display:block;padding:3px 0 3px 6px;height:15px;}
#pages_top2 li .morebox li:hover {background:#f9f9f9;}


#pages_top2 li a:link {text-decoration: none;}
#pages_top2 li a:visited {text-decoration: none;}
#pages_top2 li a:active { text-decoration: none;}
#pages_top2 li a:hover {text-decoration: none; }

.new_mobile-button-wrapper {
  width: 100%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
  padding: 20px 0;
  margin-top: 10px;
}

.new_mobile-button {
  font-size: 20px;
  color: #333;
  text-decoration: none;
}