/*
  Title _ WCAG 1.0 Common Stylesheet
  Author _ Choojiho(chubo@gmail.com)
  Date _ 2008. 5. 20
  Last _ 2008. 5. 30
*/

/* Reset Style */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
table caption { display: none; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
hr { display: none; }
pre { border: 1px dashed #cccccc;background-color:#eee;margin: 20px 0; padding: 10px; color: #0033cc; }
.list { margin: 30px 40px; }
.list li { text-indent: -22px; margin: 0 0 10px 0; }
.list dt { float: left; margin: 0 10px 0 0; text-indent: -22px; }
.list dd { margin: 5px 0 10px 0; }
.list2 dt { float: left; margin: 0 10px 0 10px; }
.list2 dd { margin: 0 0 0 39px; }

/* Common Style */
body { font-size: 12px; line-height: 18px; font-family: µ¸¿ò, Dotum, AppleGothic, Arial, sans-serif, ; color: #525252; }
body.index { background: transparent url(../../images/bg_main_back.gif) repeat-x scroll 0 0; }
input { vertical-align: middle; color: #929292; }
input.txt { border: 1px solid #c5c5c5; padding: 2px; height: 14px; line-height: 14px; }
input.file { border: 1px solid #c5c5c5; padding: 2px; height: 14px; line-height: 14px; }
textarea.txt { border: 1px solid #c5c5c5; padding: 2px; height: 15px; line-height: 15px; }

a:link, a:visited { color: #3366CC; text-decoration: none; }
a:hover { }
a.outer { padding: 0 15px 0 0; background: transparent url(../../images/bullet/bul_newwin.gif) no-repeat scroll 100% 0; }
a.outer_focus { background: transparent url(../../images/bullet/bul_newwin_over.gif) no-repeat scroll 100% 0; }

a.email { padding: 0 15px 0 0; background: transparent url(../../images/bullet/bul_email.gif) no-repeat scroll 100% 0px; }
strong { font-weight: bold; }

.tb { margin: 10px 0; }
.tb_list th,
.tb_list td { padding: 5px; text-align: center; }
.tb_list th { background-color: #F6F6F6; text-align: center; font-weight: bold; }

.btn_accessiblity { display: none; }

.comment { display: none; margin: 200px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #ccc; }
.comment dl { font-size: 12px; }
.comment dl dt { font-weight: bold; }
.comment dl dd { text-indent: 20px; margin: 0 0 10px 0; border-bottom: 1px dashed #ddd; }
.comment dl dd a { color: #525252; }
.comment dl dd a:visited { color: #666; }

.tooltip { position: relative; top:0; left:0; }
.popup { position: absolute; top: 20px; left: 150px; z-index: 20; width: 359px; background: transparent url(../../images/bg_pop.gif) no-repeat scroll 0 100%; }
.popup h6 { height: 27px; padding: 7px 10px 0 10px; font: bold 16px µ¸¿ò; color: #000; background: transparent url(../../images/bg_pop_top.gif) no-repeat scroll 0 0; }
.popup p { padding: 10px; }
.popup a.btn_close { position: absolute; top: 0; right: 10px; }
* html .popup a.btn_close { top: 12px; }

/* Layout Style */
noscript p.alert { position: fixed; top: 0; left: 0; padding: 4px 10px; background-color: #ffff00; }
noscript p.alert a { color: #ff0000; }
noscript p.no_script_menu { position: absolute; z-index: 3; top: 44px; right: 0; width: 440px; height: 24px; text-align: right; }
noscript p.no_script_menu a { color: #525252; margin: 0 10px; }
#container { width: 908px; margin: 0 auto; }
#header { position: relative; height: 91px; }
#header h1 { position: absolute; z-index: 4; top: 34px; left: 15px; }

#header #top_menu { position: absolute; z-index: 5; height: 18px; top: 4px; right: 0; }
#header #top_menu h3 { display: none; }
#header #top_menu ul { height: 12px; float: right; }
#header #top_menu ul li { font-size: 11px; float: left;vertical-align:middle; background: transparent url(../../images/bg_var_01.gif) no-repeat scroll 0 3px; margin: 0 7px 0 0; padding: 0 0 0 11px;}
#header #top_menu ul li a { font-size: 11px; color: #525252; }
#header #top_menu ul li.first-child { background-image: none;background:url(../../images/bullet/ico_home.gif) no-repeat 0 40%; }

#header #top_menu ul li.text_zoomin { position: relative; top: -2px; width: 52px; height: 20px; background: transparent url(../../images/btn/btn_expand_view.gif) no-repeat scroll 0 0; cursor: pointer; }
#header #top_menu ul li.text_zoomout { background: transparent url(../../images/btn/btn_contract_view.gif) no-repeat scroll 0 0;  }
#header #top_menu ul li.text_zoomin span.txt { display: none; }

#header #main_menu { position: absolute; z-index: 6; top: 25px; left: 172px; width: 736px; height: 66px; }
#header #main_menu h3 { display: none; }
#header #main_menu ul { height: 54px; padding: 12px 0 0 20px; background: transparent url(../../images/bg_gnb.gif) no-repeat scroll 0 0; }
#header #main_menu ul li { float: left; margin: 0 40px 0 0; padding: 0 0 0 51px; background: transparent url(../../images/bg_var_02.gif) no-repeat scroll 0 0; }
#header #main_menu ul li.first-child { background-image: none; }
#header #main_menu ul li ul { display: none; position: absolute; z-index: 7; top: 22px; left: -80px; width: 350px; height: 28px; background-image: none; }
#header #main_menu ul li ul li { height: 15px; margin: 0 8px 0 0; padding: 0 0 0 10px; background: transparent url(../../images/bg_var_03.gif) no-repeat scroll 0 1px; }
#header #main_menu ul li ul li.first-child { background-image: none; }
#header #main_menu ul li ul li a { display: block; width: 66px; height: 12px; }
#header #main_menu ul li ul li a span.txt { display: none; }
#header #main_menu ul li ul li.guide_recognition a { background: transparent url(../../images/txt/gnb_recognition.gif) no-repeat scroll 0 0; }
#header #main_menu ul li ul li.guide_use a {background: transparent url(../../images/txt/gnb_use.gif) no-repeat scroll 0 0; }
#header #main_menu ul li ul li.guide_understand a { background: transparent url(../../images/txt/gnb_understand.gif) no-repeat scroll 0 0; }
#header #main_menu ul li ul li.guide_progress a { background: transparent url(../../images/txt/gnb_progress.gif) no-repeat scroll 0 0; }
#header #main_menu ul li ul li a:hover { background-position: 0 100%; }

#wrapper { clear: both; position: relative;}
.main { height: 180px; padding: 234px 0 0 0; background: transparent url(../../images/img_index.jpg) no-repeat scroll 0 0; }
.main #contents { height: 148px; padding: 15px 0 0 0; }

.main .information { width: 420px; height: 148px; background: transparent url(../../images/img_books.jpg) no-repeat scroll 0 0; border-top: 1px solid #fff; }
.main .information dl { margin: 17px 0 0 124px; height: 74px; }
.main .information dl dt { float: left; padding: 0 0 0 12px; background: transparent url(../../images/bullet/bul_square.gif) no-repeat scroll 0 5px; }
.main .information dl dd span.eng_title { margin: 0 0 0 12px; }
.main .information .download { padding: 20px 0 0 34px; }

#extra .relative_site { position: absolute; z-index: 8; top: 249px; right: 0; }
#extra .relative_site h3 { display: none; }
#extra .relative_site ul { width: 385px; }
#extra .relative_site ul li { float: left; padding: 10px 0 5px 10px; background: transparent url(../../images/bg_dot_line.gif) repeat-x scroll 0 100%; }
#extra .relative_site ul li.noline { background-image: none; }

#footer { clear: both; position: relative; background: #fff url(../../images/bg_footer.gif) repeat-x scroll 0 0; }

#footer a.btn_back_top { position: absolute; z-index: 9; top: -25px; right: 5px; }
#footer #footer_navigation { height: 100px; background: transparent url(../../images/logo_wcag_footer.gif) no-repeat scroll 21px 8px; }
#footer #footer_navigation h3 { display: none; }

#footer #footer_navigation ul { position: absolute; z-index: 10; top: 20px; left: 200px; height: 12px; }
#footer #footer_navigation ul li { float: left; margin: 0 0 0 10px; }

#footer #family_site { position: absolute; z-index: 11; top: 16px; right: 5px; background-color: #fff; }
#footer #family_site h3 { display: none; }
#footer #family_site ul { width: 220px; height: 18px; overflow: hidden; border: 1px solid #d5d5d5; padding: 0; background: transparent url(../../images/bullet/bull_open.gif) no-repeat scroll 100% 0;}
#footer #family_site ul.open { height: 60px; overflow: auto; background: transparent;}
#footer #family_site ul li { line-height: 16px; padding: 2px; }
#footer #family_site ul li a { color: #525252; }

#footer #web_standard_level { position: absolute; z-index: 10; top: 50px; right: 0; }
#footer #web_standard_level h3 { display: none; }
#footer #web_standard_level ul { height: 31px; float: right; }
#footer #web_standard_level ul li { float: left; margin: 0 0 0 5px; }

.sub { padding: 130px 0 0 0; background: transparent url(../../images/img_sub.jpg) no-repeat scroll 0 0; font-size: 12px; }
.sub_zoomin { font-size: 18px; }
.sub #contents { margin: 0 0 0 173px; padding: 50px 0 30px 30px; background: transparent url(../../images/bg_thumb_var.gif) no-repeat scroll 0 0;  line-height: 24px; }
.sub #contents p { margin: 10px 0; }
.sub #contents .item { margin: 30px 0 0 0; }
.sub #contents .item h4 { font: bold 14px µ¸¿ò; color: #000; }
.sub #contents .item h4.zoomin { font-size: 20px; }
.sub .wcag_design h3 { height: 23px; margin: 0 0 20px 0; background: transparent url(../../images/txt/tit_wcag_design_02.gif) no-repeat scroll 140px 10px; }
.sub .clearboth h3 { height: 23px; margin: 0 0 20px 0; background: transparent url(../../images/txt/tit_clearboth.gif) no-repeat scroll 80px 10px; }
.sub #contents .item .section { margin: 30px 0 0 15px; padding: 10px; }
.sub #contents .item .section h5 { font: bold 16px µ¸¿ò; color: #000; margin: 0 0 5px 0; }

.sub #contents .item .section ol { padding: 0 0 0 30px; }
.sub #contents .item .section ol.list { padding: 0; }
.sub #contents .item .section ol li { margin: 0 0 5px 0; }
#contents .item .section_standard ol { list-style-image: url(../../images/bullet/bu_arr.gif); margin: 0 0 0 5px; }
#contents .item .section_standard ol li { text-indent: 0; }
#contents .item .section ol li ul li { text-indent: 0; }

.sub #contents .item ol li { margin: 10px 0 0 10px; }
.sub #contents .item ol li ul { margin: 0 0 0 10px; padding: 0 0 0 15px; list-style-image: url(../../images/bullet/bu_arr.gif); }
.sub #contents .item ol li ul li { margin: 5px 0 0 0; }

.sub #contents .item .section dl { margin: 30px 0 0 10px; }
.sub #contents .item .section dl dt { float: left; margin: 0 25px 0 3px; }
.sub #contents .item .section dl dd { margin: 0 0 10px 0; padding: 0 0 0 25px; }
.sub #current_position { position: absolute; z-index: 13; top: 130px; right: 5px; height: 12px; font-size: 11px; }
.sub #current_position h3 { display: none; }
.sub #current_position p span.curr_txt { color: #525252; font-weight: bold; }
.sub #current_position p a { color: #525252; }
.sub #aside { position: absolute; z-index: 14; top: 130px; left: 0; }

.sub .summary { height: 650px; }

#paging { position: absolute; z-index: 15; top: 0; left: 0; }
#paging h3 { display: none; }
#paging ul { margin: 40px auto; }
#paging ul li { width: 146px; height: 200px; padding: 13px; background: transparent url(../../images/thumb/page_off.gif) no-repeat scroll 12px 0; font-size: 12px; }
#paging ul li img { margin: 0 0 0 12px; }
#paging ul li span.subject { display: block; margin: 10px 0; text-align: center; word-spacing: -2px; font-size: 11px; }

#paging ul li.on { background-image: url(../../images/thumb/page_on.gif); }
#paging ul li.on span.subject { color: #3366CC; font-weight: bold; }

.item .word_define { border-bottom: 1px dashed #33CC00; }
.item .request_condition { border-bottom: 1px dashed #FF3300; }
.item .apply { border-bottom: 1px dashed #3399FF; }
.item .example { border-bottom: 1px dashed #FFCC00; }

/* About Team */
.clearboth dl { margin: 20px; }
.clearboth dl dt { float: left; font-weight: bold; width: 80px; font-family: serif; }
.clearboth h4 { font-size: 22px; font-weight: bold; font-family: serif; color: #3366CC; }

/* Accessiblity */
.accessiblity .item ol { list-style-type: circle; margin: 0 0 0 15px; }
.accessiblity .item dl { margin: 10px; }
.accessiblity .item dl dt { clear: both; float: left; font-weight: bold; font-family: verdana, serif; margin: 0 10px 0 0; padding: 0 0 0 5px; width: 125px; background-color: #E4EBF8; border-bottom:1px dotted #9EB7E7; }
.accessiblity .item dl dd span.fnk { color: #ff6600; }

/* Sitemap */
.sitemap { position: relative; top: 30px; margin: 0 0 0 0; background: transparent url(../../images/bg_sitemap.gif) no-repeat scroll 100% 100%; }
.sitemap ul { height: 350px !important; height: 100%; margin: 10px 0 0 0; font-size: 12px; }
.sitemap ul li { width: 159px; height: 23px; margin: 0 0 25px 0; padding: 6px 0 0 15px; background: transparent url(../../images/bg_sitemap_tit.gif) no-repeat scroll; }
*+html .sitemap ul li { height: 26px; padding-top: 3px; }
.sitemap ul li ul { margin: 10px 0 0 0; }
.sitemap ul li ul li { height: 24px; margin: 0; padding: 7px 0 0 8px; border-top: 1px solid #e9e9e9; background: transparent url(../../images/bullet/bul_list.gif) no-repeat scroll 0 18px; }
.sitemap ul li ul li a:link, .sitemap ul li ul li a:visited { color: #8f8f8f; }
.sitemap ul li ul li a:hover { color: #ff7835; }
.sitemap ul li ul li.first-child { border-top: none; }
.sitemap ul li.etc { position: absolute; top: 0; left: 210px; }


/* Print */
@media print {

body { font-family:Verdana, Arial, sans-serif; font-size:small; line-height:24px; background:none; color:#000;}
img { border:0px}
hr { border:2px solid #000; }

#header h1 { top: 0; left: 0; }
#header a.btn_accessiblity { display:none}
#header #top_menu, #header #main_menu { display:none}

#wrapper { font-size: 12pt; padding: 10px; color: #000; }
#wrapper #contents { padding: 0 15px 0 0; margin: 0; }
#wrapper p { orphans: 3; }
#wrapper a:link { color: #000; }

#aside {display:none}

#footer .btn_back_top, #footer #footer_navigation, #footer #family_site { display:none;}
#footer #web_standard_level ul { margin:0px; padding:0px}
#footer #web_standard_level li { float:left; margin-right:20px}

.sub #current_position { display: none; }
#footer { display: none; }

}