html, body {font-family:Arial, Verdana, sans-serif; font-size:90%; color:#222;}
* {margin:0; padding:0;}
table, div {font-family:Arial, Verdana, sans-serif; color:#222; border-collapse:collapse;}
select, textarea {border:1px solid #B7B6B6; font-family:Arial, Verdana, sans-serif; font-size:95%; color:#666; background:#FFF; vertical-align:middle;}
form, ul, ol, dl, table, div, h1, h2, h3, h4 {margin:0; padding:0;}
img, fieldset {border:0;}
select, input, img {vertical-align:middle; color:#666;}
.input_basic {position:relative; top:-2px;}
.input_check {margin:0 -1px 0 -4px; position:relative; top:-2px;}
ul, li {list-style:none; color:#222;}
a, a:active, a:visited {color:#222; text-decoration:none;}
a:hover {color:#222; text-decoration:underline;}

.fl {float:left !important;}
.fr {float:right !important;}
.cl {clear:both;}
.al {text-align:left !important;}
.ar {text-align:right;}
.at {vertical-align:top;}
.am {vertical-align:middle !important;}
.ac {text-align:center !important;}
.b {font-weight:bold;}
.nb {font-weight:normal;}
.u {text-decoration:underline;}
* html .clfix {height: 1%; } /* hides from ie-mac */

address{width:100%; font-family:Dotum, Arial, Helvetica, sans-serif; font-style:normal; font-size:100%; color:#222;line-height:1.4}
address span{font-family:Arial;  font-size:100%; color:#252525;}
legend, hr, caption {position:absolute; visibility:hidden; overflow:hidden; height:0; width:0; font-size:0; text-align:left; line-height:0;}

#accessibility {position:absolute; width:0px; height:0px; overflow:hidden;}

h1{width:155px; height:37px; position:absolute; left:15px; top:0; margin-top:25px; background:url(../images_new/common/logo.gif) left top no-repeat; text-indent:-5000px;}
h1 a{width:155px; height:37px; position:absolute; left:0; top:0; text-indent:-5000px;}
.size_view {position:absolute; left:735px; top:20px; margin-top:25px;}

.br {padding-top:20px;} 
.dot_line {clear:both; height:60px; /*marg in:30px 0 10px 0;*/ background:url(/en/images_new/common/dot.gif) 0 2.4em repeat-x;}

/* ¿©¹é */
.m10 {margin:10px;}
.m20 {margin:20px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mb30 {margin-bottom:30px;}
.ml15 {margin-left:15px;}
.ptn10 {padding-top:-10px;}

.p10 {padding:10px;}
.pt2 {padding-top:2px;}
.pt5 {padding-top:5px;}
.pt7 {padding-top:7px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pb7 {padding-bottom:7px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}

/* ÆùÆ®»ö»ó */
.txt_brown {color:#9c4600;}
.txt_blueB {color:#016894; font-weight:bold;}
.txt_orange {color:#ff4e00;}
.txt_red {color:#e42101;}

/* button css type 20090630 Ãß°¡ */
button.zoomin_btn { position:relative; display:inline-block; margin:0; width:65px; text-decoration:none !important; border:0; font:12px; background:url(/en/images_new/common/zoomout.gif) no-repeat; vertical-align:middle; curor:hand; overflow:visible;}
button.zoomout_btn { position:relative; display:inline-block; margin:0; width:84px; text-decoration:none !important; border:0; font:12px; background:url(/en/images_new/common/zoomin.gif) no-repeat; vertical-align:middle; overflow:visible;}
:root button.zoomin_btn, button.zoomout_btn { height:14px; padding:0; margin-right:8px; background-position:left top; overflow:visible;}
button.zoomin_btn, button.zoomout_btn { height:14px; padding:0; margin-right:8px; background-position:left top; overflow:visible;}
button.zoomin_btn span, button.zoomout_btn span { position:absolute; width:0px; height:0px; overflow:hidden;}

/* button css type 090818 Ãß°¡ */
.backBtn {{width:120px; height:25px; border:none; font-size:12px; color:#424242; background:none; cursor:pointer; cursor: hand;}