@charset "euc-kr";
/*
 * default definition
 */
 
* {margin:0; padding:0; line-height:1.5em; font-family:Dotum, sans-serif; color:#5d5d5d;}
body {font-size:12px; text-align:center;}
body .tl {text-align:left;}
#wrap {width:980px; margin:0 auto; text-align:left; position:relative;}
#wrap01 {width:890px; margin:0 auto; text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:12px; margin:0; padding:0;}
h2, h5 {display:none;}
#contents_book h2 {display:block;}

.f12 {font-size:12px;} /*h6->font size*/

p, ul, ol, li, dl, dt, dd, form {list-style-image:none; list-style-position:outside; list-style-type:none; border:0px; margin:0px; padding:0px;}
form {margin: 0; padding: 0;}
hr, caption, legend {display: none;}
img {border:0; vertical-align:middle;}
fieldset {border:0px none;}
iframe {border:0; margin:0; padding:0;}
input,
label,
select {vertical-align:middle;}
/*
select.color {behavior:url("/portal/css/common/selectBox.htc");}
*/

/*form*/
textarea {border:1px solid #AAA; background: #fff; width:100%; height:100px;}
input.type-text:hover, input.type-text:focus, textarea:hover, textarea:focus {background-color: #FFFFCE;}
input, select, textarea {vertical-align: middle; font-size: 1em; }
span.button, img.button, a.button {cursor: pointer; vertical-align: middle;}
.radio{BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-BOTTOM:-2px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; border:0; margin-top:-3px;}
input.inp{vertical-align:middle; border:1px solid #8498bd; height:15px;}
input.inp01{vertical-align:middle; border:1px solid #8498bd; height:15px;}
input.no {border:0; vertical-align:middle; height:15px;}
input.hid{border:0;}
input.g_inp {vertical-align:middle; border:1px solid #d4d4d4; height:15px;}

/*link*/
a:link, a:visited {color:#666; text-decoration:none;}
a:hover, a:active  {color:#666; text-decoration:underline;}

/*color*/
.f_blue {color:#024496;} 
.blue1 {color:#005ba1;}
.blue2 {color:#688aa3;}
.blue3 {color:#0668b4;}
.blue4 {color:#3e7dbd;}
.blue5 {color:#38b4D2;}
.blue {color:#4d7ea4;}
.sea {color:#4899A0;}
.green1 {color:#61a62a;}
.orange {color:#ff6600;}
.gray {color:#a1a1a1;}
.red {color:red;}

/*base*/
#quicklink {position:absolute; font-size:0;display:none;}
#quicklink li {float:left; height:0;}
#quicklink li a {display:block; }
#quicklink a:hover, #quicklink a:focus, #quicklink a:active {height:auto; overflow:auto; display:block; font-size:12px;}
.left_input_search {border:1px solid #9e9e9e; width:90px;}
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}
.cr {clear:right;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}
.vt {vertical-align:top;}
.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}
.of_auto {overflow:auto;}
.clear {clear:both;height:0;line-height:0; font-size:0; }
.hid {display:none;}
.bn {background-image:none; border:0 none;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.pr {position:relative;}
.pa {position:absolute;}
.di {display:inline;}
.bn {border:none;}
.dn {display:none;}
.ti {text-indent:10px;}
.db {display:block;}

/*margin_padding*/
.mt0 {margin-top:0px;}
.mt5 {margin-top:5px;}	 
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt100 {margin-top:100px;}

.mb3 {margin-bottom:3px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}	
.mb30 {margin-bottom:30px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr40 {margin-right:40px;}		

.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}	

.pl5 {padding-left:5px;} 
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl62 {padding-left:62px;}
.pl80 {padding-left:80px;}
.pl100 {padding-left:100px;}

.pr5 {padding-right:5px;} 
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}	
.pr30 {padding-right:30px;}

.pt0 {padding-top:0;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;} 
.pt5 {padding-top:5px;} 
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}

.pb5 {padding-bottom:5px;} 
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}   

.p0 {padding:0}
.p3 {padding:3px;}
.p5 {padding:5px;}
.p10 {padding:10px;}

.blank {height:100px;}

/*width*/
.w650 {width:650px;}
.w600 {width:600px;}
.w590 {width:590px;}
.w580 {width:580px;}
.w570 {width:570px;}
.w550 {width:550px;}
.w500 {width:500px;}
.w480 {width:480px;}
.w450 {width:450px;}
.w420 {width:420px;}
.w400 {width:400px;}
.w350 {width:350px;}
.w345 {width:345px;}
.w300 {width:300px;}
.w290 {width:290px;}
.w270 {width:270px;}
.w250 {width:250px;}
.w245 {width:245px;}
.w230 {width:230px;}
.w220 {width:220px;}
.w210 {width:210px;}
.w200 {width:200px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w180 {width:180px;}
.w90 {width:90px;}
.w80 {width:80px;}
.w60 {width:60px;}
.w50 {width:50px;}
.w40 {width:40px;}
.w30 {width:30px;}
.w20 {width:20%;}
.w20 {width:20px;}
.w10 {width:10px;}
.wp100 {width:100%;}

/*height*/
.h40 {height:40px;}
.h70 {height:70px;}
.h100 {height:100px;}
.h150 {height:150px;}
.h170 {height:170px;}
.h200 {height:200px;}
.h250 {height:250px;}
.h300 {height:300px;}
.h350 {height:350px;}
.h450 {height:450px;}
.h600 {height:600px;}

/*2010.02.16 yeri °Ô½Ã¹° td³» class=left ¼±¾ð*/
.left {text-align:left;}
/*2011.09.28 yeri NGOÁ¤Ã¥ÀÚ¹®´Ü ÅDZúÁü*/
.na_tab{ background:url('/images/nation/tab05_line.gif') repeat-x; width:600px; height:24px;}
.na_tab_01{ float:left;}